@taiga-ui/core 3.56.0 → 3.57.0

package/bundles/taiga-ui-core-directives-hint.umd.js

@@ -469,7 +469,7 @@
         return TuiHintDirective;
     }());
     TuiHintDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintDirective, deps: [{ token: i0.ElementRef }, { token: i1.PolymorpheusComponent }, { token: i2.TuiHintService }, { token: TUI_HINT_OPTIONS }, { token: i3.TuiActiveZoneDirective, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiHintDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintDirective, selector: "[tuiHint]:not(ng-container)", inputs: { content: ["tuiHint", "content"], context: ["tuiHintContext", "context"], tuiHintAppearance: "tuiHintAppearance" }, providers: [
+    TuiHintDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: { content: ["tuiHint", "content"], context: ["tuiHintContext", "context"], tuiHintAppearance: "tuiHintAppearance" }, providers: [
             i3$1.tuiAsRectAccessor(TuiHintDirective),
             i3$1.tuiAsVehicle(TuiHintDirective),
             {
@@ -481,7 +481,7 @@
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[tuiHint]:not(ng-container)',
+                        selector: '[tuiHint]:not(ng-container):not(ng-template)',
                         providers: [
                             i3$1.tuiAsRectAccessor(TuiHintDirective),
                             i3$1.tuiAsVehicle(TuiHintDirective),
@@ -546,11 +546,11 @@
         return TuiHintHoverDirective;
     }(i3$1.TuiDriver));
     TuiHintHoverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintHoverDirective, deps: [{ token: i3.TuiHoveredService }, { token: TUI_HINT_OPTIONS }, { token: i0.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiHintHoverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container)", inputs: { showDelay: ["tuiHintShowDelay", "showDelay"], hideDelay: ["tuiHintHideDelay", "hideDelay"] }, providers: [i3$1.tuiAsDriver(TuiHintHoverDirective), i3.TuiHoveredService], exportAs: ["tuiHintHover"], usesInheritance: true, ngImport: i0__namespace });
+    TuiHintHoverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: { showDelay: ["tuiHintShowDelay", "showDelay"], hideDelay: ["tuiHintHideDelay", "hideDelay"] }, providers: [i3$1.tuiAsDriver(TuiHintHoverDirective), i3.TuiHoveredService], exportAs: ["tuiHintHover"], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintHoverDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[tuiHint]:not(ng-container)',
+                        selector: '[tuiHint]:not(ng-container):not(ng-template)',
                         providers: [i3$1.tuiAsDriver(TuiHintHoverDirective), i3.TuiHoveredService],
                         exportAs: 'tuiHintHover',
                     }]
@@ -679,7 +679,7 @@
             i3.TuiHoveredService,
             i3$1.tuiPositionAccessorFor('hint'),
             i3$1.tuiRectAccessorFor('hint', TuiHintDirective),
-        ], ngImport: i0__namespace, template: "\n        <span\n            *polymorpheusOutlet=\"content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></span>\n    ", isInline: true, styles: [":host{position:absolute;max-width:18rem;min-height:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-primary);border-radius:var(--tui-radius-l);color:var(--tui-primary-text);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word}:host:before{content:\"\";position:absolute;top:var(--top);left:var(--left);width:.5rem;height:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}:host[data-appearance=error]{background:var(--tui-error-fill)}:host[data-appearance=onDark]{background:var(--tui-elevation-02);color:var(--tui-text-01);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}:host:not([style*=\"top\"]){visibility:hidden}:host._untouchable{pointer-events:none}\n"], directives: [{ type: i1__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [animations.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0__namespace, template: "\n        <ng-content></ng-content>\n        <span\n            *polymorpheusOutlet=\"content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></span>\n    ", isInline: true, styles: [":host{position:absolute;max-width:18rem;min-height:var(--tui-height-m);padding:.75rem 1rem;background:var(--tui-primary);border-radius:var(--tui-radius-l);color:var(--tui-primary-text);box-sizing:border-box;font:var(--tui-font-text-s);white-space:pre-line;word-wrap:break-word}:host:before{content:\"\";position:absolute;top:var(--top);left:var(--left);width:.5rem;height:.5rem;border-radius:.125rem;box-sizing:border-box;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}:host[data-appearance=error]{background:var(--tui-error-fill)}:host[data-appearance=onDark]{background:var(--tui-elevation-02);color:var(--tui-text-01);filter:drop-shadow(0 0 .125rem rgba(0,0,0,.16)) drop-shadow(0 1.5rem 1rem rgba(0,0,0,.03)) drop-shadow(0 .75rem .75rem rgba(0,0,0,.04)) drop-shadow(0 .25rem .375rem rgba(0,0,0,.05))}:host:not([style*=\"top\"]){visibility:hidden}:host._untouchable{pointer-events:none}\n"], directives: [{ type: i1__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [animations.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     __decorate([
         i3.tuiPure
     ], TuiHintComponent.prototype, "update", null);
@@ -687,7 +687,7 @@
                 type: i0.Component,
                 args: [{
                         selector: 'tui-hint',
-                        template: "\n        <span\n            *polymorpheusOutlet=\"content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></span>\n    ",
+                        template: "\n        <ng-content></ng-content>\n        <span\n            *polymorpheusOutlet=\"content as text; context: context\"\n            [innerHTML]=\"text\"\n        ></span>\n    ",
                         styleUrls: ['./hint.style.less'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         providers: [
@@ -828,11 +828,11 @@
         return TuiHintDriverDirective;
     }(i3$1.AbstractTuiDriverDirective));
     TuiHintDriverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintDriverDirective, deps: [{ token: i3.TuiDestroyService, self: true }, { token: i3$1.TuiDriver }, { token: i3$1.TuiVehicle }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiHintDriverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintDriverDirective, selector: "[tuiHint]", providers: [i3.TuiDestroyService], usesInheritance: true, ngImport: i0__namespace });
+    TuiHintDriverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", providers: [i3.TuiDestroyService], usesInheritance: true, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintDriverDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[tuiHint]',
+                        selector: '[tuiHint]:not(ng-container):not(ng-template)',
                         providers: [i3.TuiDestroyService],
                     }]
             }], ctorParameters: function () {
@@ -992,14 +992,14 @@
         return TuiHintPositionDirective;
     }(i3$1.TuiPositionAccessor));
     TuiHintPositionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintPositionDirective, deps: [{ token: TUI_HINT_OPTIONS }, { token: tokens.TUI_VIEWPORT }, { token: TuiHintDirective }, { token: i3$1.TuiRectAccessor }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TuiHintPositionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition])", inputs: { direction: ["tuiHintDirection", "direction"] }, providers: [i3$1.tuiAsPositionAccessor(TuiHintPositionDirective)], usesInheritance: true, ngImport: i0__namespace });
+    TuiHintPositionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: { direction: ["tuiHintDirection", "direction"] }, providers: [i3$1.tuiAsPositionAccessor(TuiHintPositionDirective)], usesInheritance: true, ngImport: i0__namespace });
     __decorate([
         i3.tuiPure
     ], TuiHintPositionDirective.prototype, "accessor", null);
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintPositionDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[tuiHint]:not([tuiHintCustomPosition])',
+                        selector: '[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)',
                         providers: [i3$1.tuiAsPositionAccessor(TuiHintPositionDirective)],
                     }]
             }], ctorParameters: function () {
@@ -1021,6 +1021,63 @@
                     args: ['tuiHintDirection']
                 }], accessor: [] } });
 
+    var TuiHintUnstyledComponent = /** @class */ (function () {
+        function TuiHintUnstyledComponent(context) {
+            this.context = context;
+        }
+        return TuiHintUnstyledComponent;
+    }());
+    TuiHintUnstyledComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintUnstyledComponent, deps: [{ token: i1.POLYMORPHEUS_CONTEXT }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TuiHintUnstyledComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintUnstyledComponent, selector: "ng-component", host: { properties: { "@tuiParentAnimation": "" } }, ngImport: i0__namespace, template: "\n        <ng-container\n            *polymorpheusOutlet=\"context.$implicit.content; context: context\"\n        ></ng-container>\n    ", isInline: true, directives: [{ type: i1__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [i3.TUI_PARENT_ANIMATION], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintUnstyledComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: "\n        <ng-container\n            *polymorpheusOutlet=\"context.$implicit.content; context: context\"\n        ></ng-container>\n    ",
+                        host: { '[@tuiParentAnimation]': '' },
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        animations: [i3.TUI_PARENT_ANIMATION],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.POLYMORPHEUS_CONTEXT]
+                        }] }];
+        } });
+    var TuiHintUnstyledDirective = /** @class */ (function () {
+        function TuiHintUnstyledDirective(templateRef, hint) {
+            hint.component = new i1.PolymorpheusComponent(TuiHintUnstyledComponent);
+            hint.content = templateRef;
+        }
+        return TuiHintUnstyledDirective;
+    }());
+    TuiHintUnstyledDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintUnstyledDirective, deps: [{ token: i0.TemplateRef }, { token: TuiHintDirective }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    TuiHintUnstyledDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiHintUnstyledDirective, selector: "ng-template[tuiHint]", providers: [
+            {
+                provide: i1.POLYMORPHEUS_CONTEXT,
+                useValue: { $implicit: {} },
+            },
+        ], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintUnstyledDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: 'ng-template[tuiHint]',
+                        providers: [
+                            {
+                                provide: i1.POLYMORPHEUS_CONTEXT,
+                                useValue: { $implicit: {} },
+                            },
+                        ],
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.TemplateRef, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.TemplateRef]
+                        }] }, { type: TuiHintDirective, decorators: [{
+                            type: i0.Inject,
+                            args: [TuiHintDirective]
+                        }] }];
+        } });
+
     var TuiHintModule = /** @class */ (function () {
         function TuiHintModule() {
         }
@@ -1036,7 +1093,9 @@
             TuiHintPointerDirective,
             TuiHintDescribeDirective,
             TuiHintPositionDirective,
-            TuiHintOptionsDirective], imports: [common.CommonModule, i1.PolymorpheusModule], exports: [TuiHintComponent,
+            TuiHintOptionsDirective,
+            TuiHintUnstyledComponent,
+            TuiHintUnstyledDirective], imports: [common.CommonModule, i1.PolymorpheusModule], exports: [TuiHintComponent,
             TuiHintDirective,
             TuiHintDriverDirective,
             TuiHintHostDirective,
@@ -1045,7 +1104,8 @@
             TuiHintPointerDirective,
             TuiHintDescribeDirective,
             TuiHintPositionDirective,
-            TuiHintOptionsDirective] });
+            TuiHintOptionsDirective,
+            TuiHintUnstyledDirective] });
     TuiHintModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintModule, imports: [[common.CommonModule, i1.PolymorpheusModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHintModule, decorators: [{
                 type: i0.NgModule,
@@ -1062,6 +1122,8 @@
                             TuiHintDescribeDirective,
                             TuiHintPositionDirective,
                             TuiHintOptionsDirective,
+                            TuiHintUnstyledComponent,
+                            TuiHintUnstyledDirective,
                         ],
                         exports: [
                             TuiHintComponent,
@@ -1074,6 +1136,7 @@
                             TuiHintDescribeDirective,
                             TuiHintPositionDirective,
                             TuiHintOptionsDirective,
+                            TuiHintUnstyledDirective,
                         ],
                     }]
             }] });
@@ -1096,6 +1159,8 @@
     exports.TuiHintOptionsDirective = TuiHintOptionsDirective;
     exports.TuiHintPointerDirective = TuiHintPointerDirective;
     exports.TuiHintPositionDirective = TuiHintPositionDirective;
+    exports.TuiHintUnstyledComponent = TuiHintUnstyledComponent;
+    exports.TuiHintUnstyledDirective = TuiHintUnstyledDirective;
     exports.tuiHintOptionsProvider = tuiHintOptionsProvider;
 
     Object.defineProperty(exports, '__esModule', { value: true });