@taiga-ui/cdk 2.36.0 → 2.38.0

package/abstract/control.d.ts

@@ -28,8 +28,8 @@ export declare abstract class AbstractTuiControl<T> extends AbstractTuiInteracti
     get disabled(): boolean;
     get interactive(): boolean;
     get control(): AbstractControl | null;
-    get computedName(): string | number | null;
-    protected get controlName(): string | number | null;
+    get computedName(): string | null;
+    protected get controlName(): string | null;
     private get rawValue();
     ngOnInit(): void;
     ngOnDestroy(): void;

package/abstract/index.d.ts

@@ -5,4 +5,6 @@ export * from './dialog.service';
 export * from './interactive';
 export * from './multiple-control';
 export * from './nullable-control';
+export * from './portal-host';
+export * from './portal-service';
 export * from './theme-switcher';

package/abstract/interactive.d.ts

@@ -19,21 +19,29 @@ export declare abstract class AbstractTuiInteractive {
      * Emits 'true' on focus and 'false' on blur.
      */
     readonly focusedChange: EventEmitter<boolean>;
+    /** @deprecated use `tuiPressedChange` directive */
     readonly pressedChange: EventEmitter<boolean>;
+    /** @deprecated use `tuiHoveredChange` directive */
     readonly hoveredChange: EventEmitter<boolean>;
     readonly focusVisibleChange: EventEmitter<boolean>;
+    /** @deprecated use `tuiHoveredChange` directive */
     hovered: boolean;
+    /** @deprecated use `tuiPressedChange` directive */
     pressed: boolean;
     focusVisible: boolean;
     protected constructor();
     get computedDisabled(): boolean;
+    /** @deprecated */
     get computedHovered(): boolean;
+    /** @deprecated */
     get computedPressed(): boolean;
     get computedFocusable(): boolean;
     get computedFocused(): boolean;
     get computedFocusVisible(): boolean;
     get id(): string;
+    /** @deprecated */
     protected updateHovered(hovered: boolean): void;
+    /** @deprecated */
     protected updatePressed(pressed: boolean): void;
     protected updateFocused(focused: boolean): void;
     protected updateFocusVisible(focusVisible: boolean): void;

package/abstract/portal-host.d.ts

@@ -0,0 +1,13 @@
+import { ComponentFactory, ComponentRef, ElementRef, EmbeddedViewRef, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AbstractTuiPortalService } from './portal-service';
+/**
+ * Abstract class for host element for dynamically created portals.
+ */
+export declare abstract class AbstractTuiPortalHostComponent {
+    readonly elementRef: ElementRef<HTMLElement>;
+    viewContainerRef: ViewContainerRef;
+    constructor(elementRef: ElementRef<HTMLElement>, portalService: AbstractTuiPortalService);
+    get clientRect(): ClientRect;
+    addComponentChild<C>(componentFactory: ComponentFactory<C>, injector: Injector): ComponentRef<C>;
+    addTemplateChild<C>(templateRef: TemplateRef<C>, context?: C): EmbeddedViewRef<C>;
+}

package/abstract/portal-service.d.ts

@@ -0,0 +1,14 @@
+import { ComponentFactory, ComponentRef, EmbeddedViewRef, Injector, TemplateRef } from '@angular/core';
+import { AbstractTuiPortalHostComponent } from './portal-host';
+/**
+ * Abstract service for displaying portals
+ */
+export declare abstract class AbstractTuiPortalService {
+    protected host?: AbstractTuiPortalHostComponent;
+    protected get safeHost(): AbstractTuiPortalHostComponent;
+    attach(host: AbstractTuiPortalHostComponent): void;
+    add<C>(componentFactory: ComponentFactory<C>, injector: Injector): ComponentRef<C>;
+    remove<C>({ hostView }: ComponentRef<C>): void;
+    addTemplate<C>(templateRef: TemplateRef<C>, context?: C): EmbeddedViewRef<C>;
+    removeTemplate<C>(viewRef: EmbeddedViewRef<C>): void;
+}

package/abstract/taiga-ui-cdk-abstract.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"AbstractTuiControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiInteractive"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1}}],"members":{"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["class._readonly"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":38,"character":5}}]}],"pseudoInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":42,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":46,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":46},{"__symbolic":"reference","name":"TuiControlValueTransformer","module":"@taiga-ui/cdk/interfaces","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":48,"character":73,"context":{"typeName":"T"},"module":"./control"}]}]}],"getFallbackValue":[{"__symbolic":"method"}],"computedInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":5},"arguments":["class._invalid"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkControlUpdate":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateFocused":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"valueIdenticalComparator":[{"__symbolic":"method"}],"safeNgControlData":[{"__symbolic":"method"}],"controlMarkAsTouched":[{"__symbolic":"method"}],"controlSetValue":[{"__symbolic":"method"}],"refreshLocalValue":[{"__symbolic":"method"}],"fromControlValue":[{"__symbolic":"method"}],"toControlValue":[{"__symbolic":"method"}]}},"TuiController":{"__symbolic":"class","members":{"ngOnChanges":[{"__symbolic":"method"}]}},"AbstractTuiDialogDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusTemplate","line":9,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":31,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":9},"arguments":[{"__symbolic":"reference","name":"AbstractTuiDialogService"}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"TuiDialog","module":"@taiga-ui/cdk/types","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":32,"character":43,"context":{"typeName":"T"},"module":"./dialog.directive"},{"__symbolic":"error","message":"Expression form not supported","line":32,"character":46,"module":"./dialog.directive"}]}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":54},{"__symbolic":"reference","name":"AbstractTuiDialogService"}]}]}},"AbstractTuiDialogService":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":8,"character":69},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk/services","name":"TuiIdService","line":18,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk/services","name":"TuiIdService","line":18,"character":58}]}],"open":[{"__symbolic":"method"}]}},"AbstractTuiInteractive":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1}}],"members":{"pseudoHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":19,"character":5}}]}],"pseudoPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":23,"character":5}}]}],"pseudoFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":27,"character":5}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":34,"character":5}}]}],"nativeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":38,"character":5}}]}],"focusedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"pressedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"hoveredChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":50,"character":5}}]}],"focusVisibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":53,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":5},"arguments":["class._disabled"]}]}],"computedHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":71,"character":5},"arguments":["class._hovered"]}]}],"computedPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":5},"arguments":["class._pressed"]}]}],"computedFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":5},"arguments":["class._focused"]}]}],"computedFocusVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":90,"character":5},"arguments":["class._focus-visible"]}]}],"updateHovered":[{"__symbolic":"method"}],"updatePressed":[{"__symbolic":"method"}],"updateFocused":[{"__symbolic":"method"}],"updateFocusVisible":[{"__symbolic":"method"}]},"statics":{"autoId":0}},"AbstractTuiMultipleControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiControl"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"clear":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}]}},"AbstractTuiNullableControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiControl"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"getFallbackValue":[{"__symbolic":"method"}]}},"AbstractTuiThemeSwitcher":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":14,"character":24}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":64,"context":{"typeName":"Document"},"module":"./theme-switcher"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addTheme":[{"__symbolic":"method"}],"removeTheme":[{"__symbolic":"method"}]},"statics":{"style":null}}},"origins":{"AbstractTuiControl":"./control","TuiController":"./controller","AbstractTuiDialogDirective":"./dialog.directive","AbstractTuiDialogService":"./dialog.service","AbstractTuiInteractive":"./interactive","AbstractTuiMultipleControl":"./multiple-control","AbstractTuiNullableControl":"./nullable-control","AbstractTuiThemeSwitcher":"./theme-switcher"},"importAs":"@taiga-ui/cdk/abstract"}
+{"__symbolic":"module","version":4,"metadata":{"AbstractTuiControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiInteractive"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":21,"character":1}}],"members":{"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":37,"character":5},"arguments":["class._readonly"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":38,"character":5}}]}],"pseudoInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":42,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":46,"character":36},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":47,"character":46},{"__symbolic":"reference","name":"TuiControlValueTransformer","module":"@taiga-ui/cdk/interfaces","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":48,"character":73,"context":{"typeName":"T"},"module":"./control"}]}]}],"getFallbackValue":[{"__symbolic":"method"}],"computedInvalid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":5},"arguments":["class._invalid"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"checkControlUpdate":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"updateFocused":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"valueIdenticalComparator":[{"__symbolic":"method"}],"safeNgControlData":[{"__symbolic":"method"}],"controlMarkAsTouched":[{"__symbolic":"method"}],"controlSetValue":[{"__symbolic":"method"}],"refreshLocalValue":[{"__symbolic":"method"}],"fromControlValue":[{"__symbolic":"method"}],"toControlValue":[{"__symbolic":"method"}]}},"TuiController":{"__symbolic":"class","members":{"ngOnChanges":[{"__symbolic":"method"}]}},"AbstractTuiDialogDirective":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusTemplate","line":9,"character":60},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":31,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":31,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":33,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":9},"arguments":[{"__symbolic":"reference","name":"AbstractTuiDialogService"}]}]],"parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"TuiDialog","module":"@taiga-ui/cdk/types","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":32,"character":43,"context":{"typeName":"T"},"module":"./dialog.directive"},{"__symbolic":"error","message":"Expression form not supported","line":32,"character":46,"module":"./dialog.directive"}]}]},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":33,"character":54},{"__symbolic":"reference","name":"AbstractTuiDialogService"}]}]}},"AbstractTuiDialogService":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"rxjs","name":"Observable","line":8,"character":69},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk/services","name":"TuiIdService","line":18,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk/services","name":"TuiIdService","line":18,"character":58}]}],"open":[{"__symbolic":"method"}]}},"AbstractTuiInteractive":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":8,"character":1}}],"members":{"pseudoHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":19,"character":5}}]}],"pseudoPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":23,"character":5}}]}],"pseudoFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":27,"character":5}}]}],"focusable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":34,"character":5}}]}],"nativeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk/decorators","name":"tuiDefaultProp","line":38,"character":5}}]}],"focusedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":5}}]}],"pressedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":5}}]}],"hoveredChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"focusVisibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":55,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"computedDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["class._disabled"]}]}],"computedHovered":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":76,"character":5},"arguments":["class._hovered"]}]}],"computedPressed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":82,"character":5},"arguments":["class._pressed"]}]}],"computedFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":5},"arguments":["class._focused"]}]}],"computedFocusVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":96,"character":5},"arguments":["class._focus-visible"]}]}],"updateHovered":[{"__symbolic":"method"}],"updatePressed":[{"__symbolic":"method"}],"updateFocused":[{"__symbolic":"method"}],"updateFocusVisible":[{"__symbolic":"method"}]},"statics":{"autoId":0}},"AbstractTuiMultipleControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiControl"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"clear":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}]}},"AbstractTuiNullableControl":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","name":"AbstractTuiControl"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1}}],"members":{"getFallbackValue":[{"__symbolic":"method"}]}},"AbstractTuiPortalHostComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":18,"character":1}}],"members":{"viewContainerRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["viewContainer",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":20,"character":39}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":9},"arguments":[{"__symbolic":"reference","name":"AbstractTuiPortalService"}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":25,"character":40,"context":{"typeName":"HTMLElement"},"module":"./portal-host"}]},{"__symbolic":"reference","name":"AbstractTuiPortalService"}]}],"addComponentChild":[{"__symbolic":"method"}],"addTemplateChild":[{"__symbolic":"method"}]}},"AbstractTuiPortalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"attach":[{"__symbolic":"method"}],"add":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"addTemplate":[{"__symbolic":"method"}],"removeTemplate":[{"__symbolic":"method"}]}},"AbstractTuiThemeSwitcher":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"DOCUMENT","line":14,"character":24}]}]],"parameters":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":64,"context":{"typeName":"Document"},"module":"./theme-switcher"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"addTheme":[{"__symbolic":"method"}],"removeTheme":[{"__symbolic":"method"}]},"statics":{"style":null}}},"origins":{"AbstractTuiControl":"./control","TuiController":"./controller","AbstractTuiDialogDirective":"./dialog.directive","AbstractTuiDialogService":"./dialog.service","AbstractTuiInteractive":"./interactive","AbstractTuiMultipleControl":"./multiple-control","AbstractTuiNullableControl":"./nullable-control","AbstractTuiPortalHostComponent":"./portal-host","AbstractTuiPortalService":"./portal-service","AbstractTuiThemeSwitcher":"./theme-switcher"},"importAs":"@taiga-ui/cdk/abstract"}

package/bundles/taiga-ui-cdk-abstract.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk/classes'), require('@taiga-ui/cdk/constants'), require('@taiga-ui/cdk/decorators'), require('rxjs'), require('rxjs/operators'), require('@tinkoff/ng-polymorpheus'), require('@taiga-ui/cdk/services'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('@taiga-ui/cdk/abstract', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk/classes', '@taiga-ui/cdk/constants', '@taiga-ui/cdk/decorators', 'rxjs', 'rxjs/operators', '@tinkoff/ng-polymorpheus', '@taiga-ui/cdk/services', '@angular/common'], factory) :
-    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui'].cdk = global['taiga-ui'].cdk || {}, global['taiga-ui'].cdk.abstract = {}), global.ng.core, global.ng.forms, global['taiga-ui'].cdk.classes, global['taiga-ui'].cdk.constants, global['taiga-ui'].cdk.decorators, global.rxjs, global.rxjs.operators, global.ngPolymorpheus, global['taiga-ui'].cdk.services, global.ng.common));
-}(this, (function (exports, core, forms, classes, constants, decorators, rxjs, operators, ngPolymorpheus, services, common) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms'), require('@taiga-ui/cdk/classes'), require('@taiga-ui/cdk/constants'), require('@taiga-ui/cdk/decorators'), require('rxjs'), require('rxjs/operators'), require('@tinkoff/ng-polymorpheus'), require('@taiga-ui/cdk/services'), require('@taiga-ui/cdk/exceptions'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('@taiga-ui/cdk/abstract', ['exports', '@angular/core', '@angular/forms', '@taiga-ui/cdk/classes', '@taiga-ui/cdk/constants', '@taiga-ui/cdk/decorators', 'rxjs', 'rxjs/operators', '@tinkoff/ng-polymorpheus', '@taiga-ui/cdk/services', '@taiga-ui/cdk/exceptions', '@angular/common'], factory) :
+    (global = global || self, factory((global['taiga-ui'] = global['taiga-ui'] || {}, global['taiga-ui'].cdk = global['taiga-ui'].cdk || {}, global['taiga-ui'].cdk.abstract = {}), global.ng.core, global.ng.forms, global['taiga-ui'].cdk.classes, global['taiga-ui'].cdk.constants, global['taiga-ui'].cdk.decorators, global.rxjs, global.rxjs.operators, global.ngPolymorpheus, global['taiga-ui'].cdk.services, global['taiga-ui'].cdk.exceptions, global.ng.common));
+}(this, (function (exports, core, forms, classes, constants, decorators, rxjs, operators, ngPolymorpheus, services, exceptions, common) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -241,10 +241,14 @@
              * Emits 'true' on focus and 'false' on blur.
              */
             this.focusedChange = new core.EventEmitter();
+            /** @deprecated use `tuiPressedChange` directive */
             this.pressedChange = new core.EventEmitter();
+            /** @deprecated use `tuiHoveredChange` directive */
             this.hoveredChange = new core.EventEmitter();
             this.focusVisibleChange = new core.EventEmitter();
+            /** @deprecated use `tuiHoveredChange` directive */
             this.hovered = false;
+            /** @deprecated use `tuiPressedChange` directive */
             this.pressed = false;
             this.focusVisible = false;
             this.autoIdString = "" + TUI + AbstractTuiInteractive_1.autoId++ + Date.now();
@@ -258,6 +262,7 @@
             configurable: true
         });
         Object.defineProperty(AbstractTuiInteractive.prototype, "computedHovered", {
+            /** @deprecated */
             get: function () {
                 var _a;
                 return !this.computedDisabled && ((_a = this.pseudoHovered) !== null && _a !== void 0 ? _a : this.hovered);
@@ -266,6 +271,7 @@
             configurable: true
         });
         Object.defineProperty(AbstractTuiInteractive.prototype, "computedPressed", {
+            /** @deprecated */
             get: function () {
                 var _a;
                 return !this.computedDisabled && ((_a = this.pseudoPressed) !== null && _a !== void 0 ? _a : this.pressed);
@@ -297,12 +303,14 @@
             configurable: true
         });
         Object.defineProperty(AbstractTuiInteractive.prototype, "id", {
+            // TODO: Consider removing since native input is exposed
             get: function () {
                 return this.nativeId ? this.nativeId : this.autoIdString;
             },
             enumerable: true,
             configurable: true
         });
+        /** @deprecated */
         AbstractTuiInteractive.prototype.updateHovered = function (hovered) {
             if (this.hovered === hovered) {
                 return;
@@ -310,6 +318,7 @@
             this.hovered = hovered;
             this.hoveredChange.emit(hovered);
         };
+        /** @deprecated */
         AbstractTuiInteractive.prototype.updatePressed = function (pressed) {
             if (this.pressed === pressed) {
                 return;
@@ -491,14 +500,16 @@
         });
         Object.defineProperty(AbstractTuiControl.prototype, "computedName", {
             get: function () {
-                return this.controlName;
+                var _a, _b;
+                return (_b = (_a = this.controlName) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : null;
             },
             enumerable: true,
             configurable: true
         });
         Object.defineProperty(AbstractTuiControl.prototype, "controlName", {
             get: function () {
-                return this.ngControl && this.ngControl.name;
+                var _a, _b, _c;
+                return (_c = (_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : null;
             },
             enumerable: true,
             configurable: true
@@ -729,6 +740,90 @@
         return AbstractTuiNullableControl;
     }(AbstractTuiControl));
 
+    /**
+     * Abstract service for displaying portals
+     */
+    var AbstractTuiPortalService = /** @class */ (function () {
+        function AbstractTuiPortalService() {
+        }
+        Object.defineProperty(AbstractTuiPortalService.prototype, "safeHost", {
+            get: function () {
+                if (!this.host) {
+                    throw new exceptions.TuiNoHostException();
+                }
+                return this.host;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AbstractTuiPortalService.prototype.attach = function (host) {
+            this.host = host;
+        };
+        AbstractTuiPortalService.prototype.add = function (componentFactory, injector) {
+            return this.safeHost.addComponentChild(componentFactory, injector);
+        };
+        AbstractTuiPortalService.prototype.remove = function (_a) {
+            var hostView = _a.hostView;
+            hostView.destroy();
+        };
+        AbstractTuiPortalService.prototype.addTemplate = function (templateRef, context) {
+            return this.safeHost.addTemplateChild(templateRef, context);
+        };
+        AbstractTuiPortalService.prototype.removeTemplate = function (viewRef) {
+            viewRef.destroy();
+        };
+        AbstractTuiPortalService = __decorate([
+            core.Injectable()
+        ], AbstractTuiPortalService);
+        return AbstractTuiPortalService;
+    }());
+
+    /**
+     * Abstract class for host element for dynamically created portals.
+     */
+    var AbstractTuiPortalHostComponent = /** @class */ (function () {
+        function AbstractTuiPortalHostComponent(elementRef, portalService) {
+            this.elementRef = elementRef;
+            portalService.attach(this);
+        }
+        AbstractTuiPortalHostComponent_1 = AbstractTuiPortalHostComponent;
+        Object.defineProperty(AbstractTuiPortalHostComponent.prototype, "clientRect", {
+            get: function () {
+                return this.elementRef.nativeElement.getBoundingClientRect();
+            },
+            enumerable: true,
+            configurable: true
+        });
+        AbstractTuiPortalHostComponent.prototype.addComponentChild = function (componentFactory, injector) {
+            return this.viewContainerRef.createComponent(componentFactory, undefined, core.Injector.create({
+                parent: injector,
+                providers: [
+                    {
+                        provide: AbstractTuiPortalHostComponent_1,
+                        useValue: this,
+                    },
+                ],
+            }));
+        };
+        AbstractTuiPortalHostComponent.prototype.addTemplateChild = function (templateRef, context) {
+            return this.viewContainerRef.createEmbeddedView(templateRef, context);
+        };
+        var AbstractTuiPortalHostComponent_1;
+        AbstractTuiPortalHostComponent.ctorParameters = function () { return [
+            { type: core.ElementRef, decorators: [{ type: core.Inject, args: [core.ElementRef,] }] },
+            { type: AbstractTuiPortalService, decorators: [{ type: core.Inject, args: [AbstractTuiPortalService,] }] }
+        ]; };
+        __decorate([
+            core.ViewChild('viewContainer', { read: core.ViewContainerRef })
+        ], AbstractTuiPortalHostComponent.prototype, "viewContainerRef", void 0);
+        AbstractTuiPortalHostComponent = AbstractTuiPortalHostComponent_1 = __decorate([
+            core.Directive(),
+            __param(0, core.Inject(core.ElementRef)),
+            __param(1, core.Inject(AbstractTuiPortalService))
+        ], AbstractTuiPortalHostComponent);
+        return AbstractTuiPortalHostComponent;
+    }());
+
     /**
      * Use this abstract class to create your own toggleable themes.
      * A component extending this class must have CSS variables definitions
@@ -786,6 +881,8 @@
     exports.AbstractTuiInteractive = AbstractTuiInteractive;
     exports.AbstractTuiMultipleControl = AbstractTuiMultipleControl;
     exports.AbstractTuiNullableControl = AbstractTuiNullableControl;
+    exports.AbstractTuiPortalHostComponent = AbstractTuiPortalHostComponent;
+    exports.AbstractTuiPortalService = AbstractTuiPortalService;
     exports.AbstractTuiThemeSwitcher = AbstractTuiThemeSwitcher;
     exports.TuiController = TuiController;