angular.module("esNgAntd").directive("antdSlot", function ($compile) {
    return {
        controllerAs: "antdSlot",
        restrict: "E",
        transclude: true,
        replace: true,
        scope: {
            content: "@",
            context: "=",
        },
        controller: function ($scope, $element, $attrs) {
            this.getContext = function () {
                return $scope;
            };

            $scope.watch = {
                content: (newValue) => {
                    if (newValue !== undefined) {
                        if (/<[^>]+>/.test(newValue)) {
                            $scope.parentElement
                                .empty()
                                .append(
                                    $compile(newValue)(
                                        $scope.context ? $scope.context : $scope
                                    )
                                );
                        } else {
                            $element.text(newValue);
                        }
                    }
                },
            };

            for (const key in $scope.watch) {
                $scope.$watch(key, $scope.watch[key], true);
            }
        },
        link: function ($scope, $element, $attrs, $controllers, $transclude) {
            $scope.parentElement = $element.parent();
        },
    };
});