@taiga-ui/core 3.58.0 → 3.59.0-canary.1c24449

package/fesm2020/taiga-ui-core-components-hosted-dropdown.mjs

@@ -0,0 +1,406 @@
+import * as i0 from '@angular/core';
+import { Optional, SkipSelf, Directive, InjectionToken, Self, Inject, EventEmitter, ElementRef, Component, ChangeDetectionStrategy, ContentChild, ViewChild, Input, Output, HostListener, NgModule } from '@angular/core';
+import { TuiPositionAccessor } from '@taiga-ui/core/abstract';
+import * as i2$1 from '@taiga-ui/cdk';
+import { TuiDestroyService, tuiTypedFromEvent, tuiGetActualTarget, tuiIsNativeKeyboardFocusable, tuiGetClosestFocusable, tuiIsNativeFocusedIn, tuiIsHTMLElement, tuiIsElementEditable, tuiIsElement, tuiAsFocusableItemAccessor, TuiActiveZoneDirective, TuiLetModule, TuiObscuredModule, TuiActiveZoneModule } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/core/directives';
+import { TuiDropdownDirective, TuiDropdownOpenDirective } from '@taiga-ui/core/directives';
+import { filter, takeUntil, map, switchMap, delay, skip, distinctUntilChanged, share } from 'rxjs/operators';
+import * as i1 from 'rxjs';
+import { BehaviorSubject, combineLatest, of, EMPTY, merge } from 'rxjs';
+import { __decorate } from 'tslib';
+import * as i3 from '@taiga-ui/core/directives/dropdown';
+import { TuiDropdownHoverDirective, TuiDropdownDirective as TuiDropdownDirective$1, TuiDropdownModule, TuiDropdownOptionsDirective } from '@taiga-ui/core/directives/dropdown';
+import { tuiIsEditingKey } from '@taiga-ui/core/utils/miscellaneous';
+import { shouldCall } from '@tinkoff/ng-event-plugins';
+import * as i1$1 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TuiAccessorProxyDirective extends TuiPositionAccessor {
+    constructor() {
+        super(...arguments);
+        this.type = 'dummy';
+    }
+    getPosition() {
+        return [0, 0];
+    }
+}
+TuiAccessorProxyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccessorProxyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TuiAccessorProxyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiAccessorProxyDirective, selector: "[tuiAccessorProxy]", providers: [
+        {
+            provide: TuiPositionAccessor,
+            multi: true,
+            deps: [
+                [new Optional(), new SkipSelf(), TuiAccessorProxyDirective],
+                TuiAccessorProxyDirective,
+            ],
+            useFactory: (accessor, fallback) => accessor || fallback,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiAccessorProxyDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiAccessorProxy]',
+                    providers: [
+                        {
+                            provide: TuiPositionAccessor,
+                            multi: true,
+                            deps: [
+                                [new Optional(), new SkipSelf(), TuiAccessorProxyDirective],
+                                TuiAccessorProxyDirective,
+                            ],
+                            useFactory: (accessor, fallback) => accessor || fallback,
+                        },
+                    ],
+                }]
+        }] });
+
+const TUI_HOSTED_DROPDOWN_COMPONENT = new InjectionToken(`[TUI_HOSTED_DROPDOWN_COMPONENT]`);
+
+class TuiDropdownOpenMonitorDirective {
+    constructor(destroy$, hosted, dropdown, open) {
+        open?.tuiDropdownOpenChange
+            .pipe(filter(value => value && open.dropdown === dropdown && !hosted.focused), takeUntil(destroy$))
+            .subscribe(() => {
+            hosted.nativeFocusableElement?.focus();
+            hosted.updateOpen(true);
+        });
+    }
+}
+TuiDropdownOpenMonitorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDropdownOpenMonitorDirective, deps: [{ token: TuiDestroyService, self: true }, { token: TUI_HOSTED_DROPDOWN_COMPONENT }, { token: TuiDropdownDirective, self: true }, { token: TuiDropdownOpenDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TuiDropdownOpenMonitorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiDropdownOpenMonitorDirective, selector: "[tuiDropdownOpenMonitor]", providers: [TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDropdownOpenMonitorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiDropdownOpenMonitor]',
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Observable, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [TUI_HOSTED_DROPDOWN_COMPONENT]
+                }] }, { type: i2.TuiDropdownDirective, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDropdownDirective]
+                }] }, { type: i2.TuiDropdownOpenDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiDropdownOpenDirective]
+                }] }]; } });
+
+class TuiHostedDropdownConnectorDirective {
+}
+TuiHostedDropdownConnectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownConnectorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TuiHostedDropdownConnectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiHostedDropdownConnectorDirective, selector: "[tuiHostedDropdownHost]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownConnectorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiHostedDropdownHost]',
+                }]
+        }] });
+
+function shouldClose(event) {
+    return ('key' in event &&
+        event.key.toLowerCase() === 'escape' &&
+        this.canOpen &&
+        this.open &&
+        !this.dropdown?.nextElementSibling);
+}
+class TuiHostedDropdownComponent {
+    constructor(hover$, el) {
+        this.hover$ = hover$;
+        this.el = el;
+        this.openChange$ = new BehaviorSubject(false);
+        this.hostHover$ = combineLatest([
+            tuiTypedFromEvent(this.el.nativeElement, 'mouseover').pipe(map(e => this.computedHost.contains(tuiGetActualTarget(e))), switchMap(visible => of(visible).pipe(delay((visible ? this.hover$?.showDelay : this.hover$?.hideDelay) || 0)))),
+            this.hover$ || EMPTY,
+        ]).pipe(map(([visible, hovered]) => visible && hovered));
+        this.sided = false;
+        this.canOpen = true;
+        this.open$ = merge(this.openChange$, this.hostHover$).pipe(skip(1), distinctUntilChanged(), share());
+        this.focusedChange = new EventEmitter();
+        this.focus$ = new BehaviorSubject(false);
+        /** TODO: rename in 4.0 */
+        this.openChange = this.openChange$;
+        this.close = () => this.updateOpen(false);
+    }
+    set open(open) {
+        this.openChange.next(open);
+    }
+    get open() {
+        return this.openChange.value;
+    }
+    get host() {
+        return this.dropdownHost?.nativeElement || this.el.nativeElement;
+    }
+    get computedHost() {
+        return (this.dropdownHost?.nativeElement ||
+            this.nativeFocusableElement ||
+            this.el.nativeElement);
+    }
+    get dropdown() {
+        return this.dropdownDirective?.dropdownBoxRef?.location.nativeElement;
+    }
+    get nativeFocusableElement() {
+        return tuiIsNativeKeyboardFocusable(this.host)
+            ? this.host
+            : tuiGetClosestFocusable({
+                initial: this.host,
+                root: this.el.nativeElement,
+            });
+    }
+    get focused() {
+        return (tuiIsNativeFocusedIn(this.host) ||
+            (this.open &&
+                !!this.wrapper &&
+                tuiIsNativeFocusedIn(this.wrapper.nativeElement)));
+    }
+    onFocusInOut() {
+        this.focus$.next(this.focused);
+    }
+    onFocusIn(target) {
+        if (!this.computedHost.contains(target)) {
+            this.updateOpen(false);
+        }
+    }
+    onClick(target) {
+        if (!this.hostEditable &&
+            this.computedHost.contains(target) &&
+            !this.hover$?.hovered) {
+            this.updateOpen(!this.open);
+        }
+    }
+    onKeyDownEsc(event) {
+        event.preventDefault();
+        this.closeDropdown();
+    }
+    onArrow(event, down) {
+        this.focusDropdown(event, down);
+    }
+    onKeydown({ key, target, defaultPrevented }) {
+        if (!defaultPrevented &&
+            tuiIsEditingKey(key) &&
+            this.hostEditable &&
+            tuiIsHTMLElement(target) &&
+            !tuiIsElementEditable(target)) {
+            this.focusHost();
+        }
+    }
+    onActiveZone(active) {
+        this.updateFocused(active);
+        if (!active) {
+            this.updateOpen(false);
+        }
+    }
+    onHostObscured(obscured) {
+        if (obscured) {
+            this.closeDropdown();
+        }
+    }
+    updateOpen(open) {
+        if (!open || this.canOpen) {
+            this.open = open;
+        }
+    }
+    get hostEditable() {
+        return tuiIsElementEditable(this.computedHost);
+    }
+    focusDropdown(event, first) {
+        const host = this.nativeFocusableElement;
+        if (!host ||
+            !tuiIsHTMLElement(host) ||
+            !tuiIsElement(event.target) ||
+            !host.contains(event.target)) {
+            return;
+        }
+        if (!this.wrapper ||
+            !this.open ||
+            !this.dropdown ||
+            !tuiIsHTMLElement(this.wrapper.nativeElement.nextElementSibling)) {
+            this.updateOpen(true);
+            if (!tuiIsElementEditable(host)) {
+                event.preventDefault();
+            }
+            return;
+        }
+        const initial = first
+            ? this.wrapper.nativeElement
+            : this.wrapper.nativeElement.nextElementSibling;
+        const focusable = tuiGetClosestFocusable({
+            initial,
+            root: this.wrapper.nativeElement,
+            previous: !first,
+        });
+        if (!focusable) {
+            return;
+        }
+        focusable.focus();
+        event.preventDefault();
+    }
+    closeDropdown() {
+        if (this.focused) {
+            this.focusHost();
+        }
+        this.updateOpen(false);
+    }
+    focusHost() {
+        const host = this.nativeFocusableElement;
+        if (host) {
+            host.focus({ preventScroll: true });
+        }
+    }
+    updateFocused(focused) {
+        this.focusedChange.emit(focused);
+    }
+}
+TuiHostedDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownComponent, deps: [{ token: TuiDropdownHoverDirective, optional: true, self: true }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiHostedDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiHostedDropdownComponent, selector: "tui-hosted-dropdown", inputs: { content: "content", sided: "sided", canOpen: "canOpen", open: "open" }, outputs: { open$: "openChange", focusedChange: "focusedChange" }, host: { listeners: { "$.class._hosted_dropdown_focused": "focus$", "focusin.capture.silent": "onFocusInOut()", "focusout.capture.silent": "onFocusInOut()", "focusin": "onFocusIn($event.target)", "click": "onClick($event.target)", "document:keydown.silent.capture": "onKeyDownEsc($event)", "keydown.arrowDown": "onArrow($event,true)", "keydown.arrowUp": "onArrow($event,false)" }, properties: { "$.class._hosted_dropdown_focused": "focus$" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiHostedDropdownComponent),
+        {
+            provide: TuiAccessorProxyDirective,
+            deps: [[new Optional(), new Self(), TuiPositionAccessor]],
+            useFactory: (position) => position?.[0],
+        },
+        {
+            provide: TUI_HOSTED_DROPDOWN_COMPONENT,
+            useExisting: TuiHostedDropdownComponent,
+        },
+    ], queries: [{ propertyName: "dropdownHost", first: true, predicate: TuiHostedDropdownConnectorDirective, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, read: ElementRef }, { propertyName: "dropdownDirective", first: true, predicate: TuiDropdownDirective$1, descendants: true }, { propertyName: "activeZone", first: true, predicate: TuiActiveZoneDirective, descendants: true }], ngImport: i0, template: "<div\n    *tuiLet=\"(open$ | async) ?? openChange.value as isOpen\"\n    #activeZone=\"tuiActiveZone\"\n    tuiAccessorProxy\n    tuiDropdownOpenMonitor\n    class=\"t-wrapper\"\n    [tuiDropdown]=\"dropdown\"\n    [tuiDropdownManual]=\"isOpen && canOpen\"\n    [tuiDropdownSided]=\"sided\"\n    [tuiObscuredEnabled]=\"isOpen\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (tuiObscured)=\"onHostObscured($event)\"\n>\n    <ng-content></ng-content>\n    <ng-template\n        #dropdown=\"polymorpheus\"\n        [polymorpheus]=\"context\"\n    >\n        <div\n            #wrapper\n            class=\"t-dropdown\"\n            (keydown)=\"onKeydown($event)\"\n        >\n            <div\n                *polymorpheusOutlet=\"\n                    content as text;\n                    context: {\n                        $implicit: activeZone,\n                        close: close\n                    }\n                \"\n                class=\"t-primitive\"\n            >\n                {{ text }}\n            </div>\n        </div>\n        <!--This DIV is here to start backwards TreeWalker for focusing last focusable item on ArrowUp-->\n        <div></div>\n    </ng-template>\n</div>\n", styles: [":host{display:inline-flex}.t-wrapper{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown{height:100%}.t-primitive{padding:1rem}\n"], dependencies: [{ kind: "directive", type: i1$1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: i1$1.PolymorpheusTemplate, selector: "ng-template[polymorpheus]", inputs: ["polymorpheus"], exportAs: ["polymorpheus"] }, { kind: "directive", type: i2$1.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { kind: "directive", type: i2$1.TuiObscuredDirective, selector: "[tuiObscured]", inputs: ["tuiObscuredEnabled"], outputs: ["tuiObscured"] }, { kind: "directive", type: i2$1.TuiActiveZoneDirective, selector: "[tuiActiveZone]:not(ng-container), [tuiActiveZoneChange]:not(ng-container), [tuiActiveZoneParent]:not(ng-container)", inputs: ["tuiActiveZoneParent"], outputs: ["tuiActiveZoneChange"], exportAs: ["tuiActiveZone"] }, { kind: "directive", type: i3.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3.TuiDropdownDriverDirective, selector: "[tuiDropdown]" }, { kind: "directive", type: i3.TuiDropdownManualDirective, selector: "[tuiDropdown][tuiDropdownManual]", inputs: ["tuiDropdownManual"] }, { kind: "directive", type: i3.TuiDropdownPositionSidedDirective, selector: "[tuiDropdownSided]", inputs: ["tuiDropdownSided", "tuiDropdownSidedOffset"] }, { kind: "directive", type: TuiAccessorProxyDirective, selector: "[tuiAccessorProxy]" }, { kind: "directive", type: TuiDropdownOpenMonitorDirective, selector: "[tuiDropdownOpenMonitor]" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    shouldCall(shouldClose)
+], TuiHostedDropdownComponent.prototype, "onKeyDownEsc", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-hosted-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsFocusableItemAccessor(TuiHostedDropdownComponent),
+                        {
+                            provide: TuiAccessorProxyDirective,
+                            deps: [[new Optional(), new Self(), TuiPositionAccessor]],
+                            useFactory: (position) => position?.[0],
+                        },
+                        {
+                            provide: TUI_HOSTED_DROPDOWN_COMPONENT,
+                            useExisting: TuiHostedDropdownComponent,
+                        },
+                    ], host: {
+                        '[$.class._hosted_dropdown_focused]': 'focus$',
+                        '($.class._hosted_dropdown_focused)': 'focus$',
+                    }, template: "<div\n    *tuiLet=\"(open$ | async) ?? openChange.value as isOpen\"\n    #activeZone=\"tuiActiveZone\"\n    tuiAccessorProxy\n    tuiDropdownOpenMonitor\n    class=\"t-wrapper\"\n    [tuiDropdown]=\"dropdown\"\n    [tuiDropdownManual]=\"isOpen && canOpen\"\n    [tuiDropdownSided]=\"sided\"\n    [tuiObscuredEnabled]=\"isOpen\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (tuiObscured)=\"onHostObscured($event)\"\n>\n    <ng-content></ng-content>\n    <ng-template\n        #dropdown=\"polymorpheus\"\n        [polymorpheus]=\"context\"\n    >\n        <div\n            #wrapper\n            class=\"t-dropdown\"\n            (keydown)=\"onKeydown($event)\"\n        >\n            <div\n                *polymorpheusOutlet=\"\n                    content as text;\n                    context: {\n                        $implicit: activeZone,\n                        close: close\n                    }\n                \"\n                class=\"t-primitive\"\n            >\n                {{ text }}\n            </div>\n        </div>\n        <!--This DIV is here to start backwards TreeWalker for focusing last focusable item on ArrowUp-->\n        <div></div>\n    </ng-template>\n</div>\n", styles: [":host{display:inline-flex}.t-wrapper{border-radius:inherit;height:inherit;flex:1 1 auto;width:100%}.t-dropdown{height:100%}.t-primitive{padding:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i3.TuiDropdownHoverDirective, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiDropdownHoverDirective]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { dropdownHost: [{
+                type: ContentChild,
+                args: [TuiHostedDropdownConnectorDirective, { read: ElementRef }]
+            }], wrapper: [{
+                type: ViewChild,
+                args: ['wrapper', { read: ElementRef }]
+            }], dropdownDirective: [{
+                type: ViewChild,
+                args: [TuiDropdownDirective$1]
+            }], activeZone: [{
+                type: ViewChild,
+                args: [TuiActiveZoneDirective]
+            }], content: [{
+                type: Input
+            }], sided: [{
+                type: Input
+            }], canOpen: [{
+                type: Input
+            }], open$: [{
+                type: Output,
+                args: ['openChange']
+            }], focusedChange: [{
+                type: Output
+            }], open: [{
+                type: Input
+            }], onFocusInOut: [{
+                type: HostListener,
+                args: ['focusin.capture.silent']
+            }, {
+                type: HostListener,
+                args: ['focusout.capture.silent']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin', ['$event.target']]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event.target']]
+            }], onKeyDownEsc: [{
+                type: HostListener,
+                args: ['document:keydown.silent.capture', ['$event']]
+            }], onArrow: [{
+                type: HostListener,
+                args: ['keydown.arrowDown', ['$event', 'true']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowUp', ['$event', 'false']]
+            }] } });
+
+class TuiHostedDropdownModule {
+}
+TuiHostedDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiHostedDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownModule, declarations: [TuiAccessorProxyDirective,
+        TuiDropdownOpenMonitorDirective,
+        TuiHostedDropdownComponent,
+        TuiHostedDropdownConnectorDirective], imports: [CommonModule,
+        PolymorpheusModule,
+        TuiLetModule,
+        TuiObscuredModule,
+        TuiActiveZoneModule,
+        TuiDropdownModule], exports: [TuiHostedDropdownComponent,
+        TuiHostedDropdownConnectorDirective,
+        TuiDropdownOptionsDirective] });
+TuiHostedDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownModule, imports: [CommonModule,
+        PolymorpheusModule,
+        TuiLetModule,
+        TuiObscuredModule,
+        TuiActiveZoneModule,
+        TuiDropdownModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHostedDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        TuiLetModule,
+                        TuiObscuredModule,
+                        TuiActiveZoneModule,
+                        TuiDropdownModule,
+                    ],
+                    declarations: [
+                        TuiAccessorProxyDirective,
+                        TuiDropdownOpenMonitorDirective,
+                        TuiHostedDropdownComponent,
+                        TuiHostedDropdownConnectorDirective,
+                    ],
+                    exports: [
+                        TuiHostedDropdownComponent,
+                        TuiHostedDropdownConnectorDirective,
+                        TuiDropdownOptionsDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiAccessorProxyDirective, TuiDropdownOpenMonitorDirective, TuiHostedDropdownComponent, TuiHostedDropdownConnectorDirective, TuiHostedDropdownModule };
+//# sourceMappingURL=taiga-ui-core-components-hosted-dropdown.mjs.map

package/fesm2020/taiga-ui-core-components-hosted-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-hosted-dropdown.mjs","sources":["../../../projects/core/components/hosted-dropdown/accessor-proxy.directive.ts","../../../projects/core/components/hosted-dropdown/hosted-dropdown.token.ts","../../../projects/core/components/hosted-dropdown/dropdown-open-monitor.directive.ts","../../../projects/core/components/hosted-dropdown/hosted-dropdown-connector.directive.ts","../../../projects/core/components/hosted-dropdown/hosted-dropdown.component.ts","../../../projects/core/components/hosted-dropdown/hosted-dropdown.template.html","../../../projects/core/components/hosted-dropdown/hosted-dropdown.module.ts","../../../projects/core/components/hosted-dropdown/taiga-ui-core-components-hosted-dropdown.ts"],"sourcesContent":["import {Directive, Optional, SkipSelf} from '@angular/core';\nimport {TuiPositionAccessor} from '@taiga-ui/core/abstract';\nimport {TuiPoint} from '@taiga-ui/core/types';\n\n@Directive({\n    selector: '[tuiAccessorProxy]',\n    providers: [\n        {\n            provide: TuiPositionAccessor,\n            multi: true,\n            deps: [\n                [new Optional(), new SkipSelf(), TuiAccessorProxyDirective],\n                TuiAccessorProxyDirective,\n            ],\n            useFactory: (\n                accessor: TuiPositionAccessor | null,\n                fallback: TuiPositionAccessor,\n            ) => accessor || fallback,\n        },\n    ],\n})\nexport class TuiAccessorProxyDirective extends TuiPositionAccessor {\n    readonly type = 'dummy';\n\n    getPosition(): TuiPoint {\n        return [0, 0];\n    }\n}\n","import {InjectionToken} from '@angular/core';\n\nimport type {TuiHostedDropdownComponent} from './hosted-dropdown.component';\n\nexport const TUI_HOSTED_DROPDOWN_COMPONENT =\n    new InjectionToken<TuiHostedDropdownComponent>(`[TUI_HOSTED_DROPDOWN_COMPONENT]`);\n","import {Directive, Inject, Optional, Self} from '@angular/core';\nimport {TuiDestroyService, TuiInjectionTokenType} from '@taiga-ui/cdk';\nimport {TuiDropdownDirective, TuiDropdownOpenDirective} from '@taiga-ui/core/directives';\nimport {Observable} from 'rxjs';\nimport {filter, takeUntil} from 'rxjs/operators';\n\nimport {TUI_HOSTED_DROPDOWN_COMPONENT} from './hosted-dropdown.token';\n\n@Directive({\n    selector: '[tuiDropdownOpenMonitor]',\n    providers: [TuiDestroyService],\n})\nexport class TuiDropdownOpenMonitorDirective {\n    constructor(\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(TUI_HOSTED_DROPDOWN_COMPONENT)\n        hosted: TuiInjectionTokenType<typeof TUI_HOSTED_DROPDOWN_COMPONENT>,\n        @Self() @Inject(TuiDropdownDirective) dropdown: TuiDropdownDirective,\n        @Optional()\n        @Inject(TuiDropdownOpenDirective)\n        open: TuiDropdownOpenDirective | null,\n    ) {\n        open?.tuiDropdownOpenChange\n            .pipe(\n                filter(value => value && open.dropdown === dropdown && !hosted.focused),\n                takeUntil(destroy$),\n            )\n            .subscribe(() => {\n                hosted.nativeFocusableElement?.focus();\n                hosted.updateOpen(true);\n            });\n    }\n}\n","import {Directive} from '@angular/core';\n\n@Directive({\n    selector: '[tuiHostedDropdownHost]',\n})\nexport class TuiHostedDropdownConnectorDirective {}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {\n    TuiActiveZoneDirective,\n    tuiAsFocusableItemAccessor,\n    TuiContextWithImplicit,\n    TuiFocusableElementAccessor,\n    tuiGetActualTarget,\n    tuiGetClosestFocusable,\n    tuiIsElement,\n    tuiIsElementEditable,\n    tuiIsHTMLElement,\n    tuiIsNativeFocusedIn,\n    tuiIsNativeKeyboardFocusable,\n    TuiNativeFocusableElement,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TuiPositionAccessor} from '@taiga-ui/core/abstract';\nimport {\n    TuiDropdownDirective,\n    TuiDropdownHoverDirective,\n} from '@taiga-ui/core/directives/dropdown';\nimport {tuiIsEditingKey} from '@taiga-ui/core/utils/miscellaneous';\nimport {shouldCall} from '@tinkoff/ng-event-plugins';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {BehaviorSubject, combineLatest, EMPTY, merge, of} from 'rxjs';\nimport {delay, distinctUntilChanged, map, share, skip, switchMap} from 'rxjs/operators';\n\nimport {TuiAccessorProxyDirective} from './accessor-proxy.directive';\nimport {TUI_HOSTED_DROPDOWN_COMPONENT} from './hosted-dropdown.token';\nimport {TuiHostedDropdownConnectorDirective} from './hosted-dropdown-connector.directive';\n\nfunction shouldClose(\n    this: TuiHostedDropdownComponent,\n    event: Event | KeyboardEvent,\n): boolean {\n    return (\n        'key' in event &&\n        event.key.toLowerCase() === 'escape' &&\n        this.canOpen &&\n        this.open &&\n        !this.dropdown?.nextElementSibling\n    );\n}\n\nexport interface TuiHostedDropdownContext\n    extends TuiContextWithImplicit<TuiActiveZoneDirective> {\n    close(): void;\n}\n\n@Component({\n    selector: 'tui-hosted-dropdown',\n    templateUrl: './hosted-dropdown.template.html',\n    styleUrls: ['./hosted-dropdown.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsFocusableItemAccessor(TuiHostedDropdownComponent),\n        {\n            provide: TuiAccessorProxyDirective,\n            deps: [[new Optional(), new Self(), TuiPositionAccessor]],\n            useFactory: (position: TuiPositionAccessor[] | null) => position?.[0],\n        },\n        {\n            provide: TUI_HOSTED_DROPDOWN_COMPONENT,\n            useExisting: TuiHostedDropdownComponent,\n        },\n    ],\n    host: {\n        '[$.class._hosted_dropdown_focused]': 'focus$',\n        '($.class._hosted_dropdown_focused)': 'focus$',\n    },\n})\nexport class TuiHostedDropdownComponent implements TuiFocusableElementAccessor {\n    @ContentChild(TuiHostedDropdownConnectorDirective, {read: ElementRef})\n    private readonly dropdownHost?: ElementRef<HTMLElement>;\n\n    @ViewChild('wrapper', {read: ElementRef})\n    private readonly wrapper?: ElementRef<HTMLDivElement>;\n\n    @ViewChild(TuiDropdownDirective)\n    private readonly dropdownDirective?: TuiDropdownDirective;\n\n    private readonly openChange$ = new BehaviorSubject(false);\n\n    private readonly hostHover$ = combineLatest([\n        tuiTypedFromEvent(this.el.nativeElement, 'mouseover').pipe(\n            map(e => this.computedHost.contains(tuiGetActualTarget(e))),\n            switchMap(visible =>\n                of(visible).pipe(\n                    delay(\n                        (visible ? this.hover$?.showDelay : this.hover$?.hideDelay) || 0,\n                    ),\n                ),\n            ),\n        ),\n        this.hover$ || EMPTY,\n    ]).pipe(map(([visible, hovered]) => visible && hovered));\n\n    @ViewChild(TuiActiveZoneDirective)\n    readonly activeZone!: TuiActiveZoneDirective;\n\n    @Input()\n    content: PolymorpheusContent<TuiHostedDropdownContext>;\n\n    @Input()\n    sided = false;\n\n    @Input()\n    canOpen = true;\n\n    @Output('openChange')\n    readonly open$ = merge(this.openChange$, this.hostHover$).pipe(\n        skip(1),\n        distinctUntilChanged(),\n        share(),\n    );\n\n    @Output()\n    readonly focusedChange = new EventEmitter<boolean>();\n\n    readonly focus$ = new BehaviorSubject(false);\n\n    /** TODO: rename in 4.0 */\n    readonly openChange = this.openChange$;\n\n    readonly context!: TuiContextWithImplicit<TuiActiveZoneDirective>;\n\n    constructor(\n        @Self()\n        @Optional()\n        @Inject(TuiDropdownHoverDirective)\n        private readonly hover$: TuiDropdownHoverDirective | null,\n        @Inject(ElementRef) private readonly el: ElementRef,\n    ) {}\n\n    @Input()\n    set open(open: boolean) {\n        this.openChange.next(open);\n    }\n\n    get open(): boolean {\n        return this.openChange.value;\n    }\n\n    get host(): HTMLElement {\n        return this.dropdownHost?.nativeElement || this.el.nativeElement;\n    }\n\n    get computedHost(): HTMLElement {\n        return (\n            this.dropdownHost?.nativeElement ||\n            this.nativeFocusableElement ||\n            this.el.nativeElement\n        );\n    }\n\n    get dropdown(): HTMLElement | undefined {\n        return this.dropdownDirective?.dropdownBoxRef?.location.nativeElement;\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return tuiIsNativeKeyboardFocusable(this.host)\n            ? this.host\n            : tuiGetClosestFocusable({\n                  initial: this.host,\n                  root: this.el.nativeElement,\n              });\n    }\n\n    get focused(): boolean {\n        return (\n            tuiIsNativeFocusedIn(this.host) ||\n            (this.open &&\n                !!this.wrapper &&\n                tuiIsNativeFocusedIn(this.wrapper.nativeElement))\n        );\n    }\n\n    @HostListener('focusin.capture.silent')\n    @HostListener('focusout.capture.silent')\n    onFocusInOut(): void {\n        this.focus$.next(this.focused);\n    }\n\n    @HostListener('focusin', ['$event.target'])\n    onFocusIn(target: HTMLElement): void {\n        if (!this.computedHost.contains(target)) {\n            this.updateOpen(false);\n        }\n    }\n\n    @HostListener('click', ['$event.target'])\n    onClick(target: HTMLElement): void {\n        if (\n            !this.hostEditable &&\n            this.computedHost.contains(target) &&\n            !this.hover$?.hovered\n        ) {\n            this.updateOpen(!this.open);\n        }\n    }\n\n    @shouldCall(shouldClose)\n    @HostListener('document:keydown.silent.capture', ['$event'])\n    onKeyDownEsc(event: Event): void {\n        event.preventDefault();\n        this.closeDropdown();\n    }\n\n    @HostListener('keydown.arrowDown', ['$event', 'true'])\n    @HostListener('keydown.arrowUp', ['$event', 'false'])\n    onArrow(event: KeyboardEvent, down: boolean): void {\n        this.focusDropdown(event, down);\n    }\n\n    onKeydown({key, target, defaultPrevented}: KeyboardEvent): void {\n        if (\n            !defaultPrevented &&\n            tuiIsEditingKey(key) &&\n            this.hostEditable &&\n            tuiIsHTMLElement(target) &&\n            !tuiIsElementEditable(target)\n        ) {\n            this.focusHost();\n        }\n    }\n\n    onActiveZone(active: boolean): void {\n        this.updateFocused(active);\n\n        if (!active) {\n            this.updateOpen(false);\n        }\n    }\n\n    onHostObscured(obscured: boolean): void {\n        if (obscured) {\n            this.closeDropdown();\n        }\n    }\n\n    updateOpen(open: boolean): void {\n        if (!open || this.canOpen) {\n            this.open = open;\n        }\n    }\n\n    readonly close = (): void => this.updateOpen(false);\n\n    private get hostEditable(): boolean {\n        return tuiIsElementEditable(this.computedHost);\n    }\n\n    private focusDropdown(event: KeyboardEvent, first: boolean): void {\n        const host = this.nativeFocusableElement;\n\n        if (\n            !host ||\n            !tuiIsHTMLElement(host) ||\n            !tuiIsElement(event.target) ||\n            !host.contains(event.target)\n        ) {\n            return;\n        }\n\n        if (\n            !this.wrapper ||\n            !this.open ||\n            !this.dropdown ||\n            !tuiIsHTMLElement(this.wrapper.nativeElement.nextElementSibling)\n        ) {\n            this.updateOpen(true);\n\n            if (!tuiIsElementEditable(host)) {\n                event.preventDefault();\n            }\n\n            return;\n        }\n\n        const initial = first\n            ? this.wrapper.nativeElement\n            : this.wrapper.nativeElement.nextElementSibling;\n        const focusable = tuiGetClosestFocusable({\n            initial,\n            root: this.wrapper.nativeElement,\n            previous: !first,\n        });\n\n        if (!focusable) {\n            return;\n        }\n\n        focusable.focus();\n        event.preventDefault();\n    }\n\n    private closeDropdown(): void {\n        if (this.focused) {\n            this.focusHost();\n        }\n\n        this.updateOpen(false);\n    }\n\n    private focusHost(): void {\n        const host = this.nativeFocusableElement;\n\n        if (host) {\n            host.focus({preventScroll: true});\n        }\n    }\n\n    private updateFocused(focused: boolean): void {\n        this.focusedChange.emit(focused);\n    }\n}\n","<div\n    *tuiLet=\"(open$ | async) ?? openChange.value as isOpen\"\n    #activeZone=\"tuiActiveZone\"\n    tuiAccessorProxy\n    tuiDropdownOpenMonitor\n    class=\"t-wrapper\"\n    [tuiDropdown]=\"dropdown\"\n    [tuiDropdownManual]=\"isOpen && canOpen\"\n    [tuiDropdownSided]=\"sided\"\n    [tuiObscuredEnabled]=\"isOpen\"\n    (tuiActiveZoneChange)=\"onActiveZone($event)\"\n    (tuiObscured)=\"onHostObscured($event)\"\n>\n    <ng-content></ng-content>\n    <ng-template\n        #dropdown=\"polymorpheus\"\n        [polymorpheus]=\"context\"\n    >\n        <div\n            #wrapper\n            class=\"t-dropdown\"\n            (keydown)=\"onKeydown($event)\"\n        >\n            <div\n                *polymorpheusOutlet=\"\n                    content as text;\n                    context: {\n                        $implicit: activeZone,\n                        close: close\n                    }\n                \"\n                class=\"t-primitive\"\n            >\n                {{ text }}\n            </div>\n        </div>\n        <!--This DIV is here to start backwards TreeWalker for focusing last focusable item on ArrowUp-->\n        <div></div>\n    </ng-template>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiActiveZoneModule, TuiLetModule, TuiObscuredModule} from '@taiga-ui/cdk';\nimport {\n    TuiDropdownModule,\n    TuiDropdownOptionsDirective,\n} from '@taiga-ui/core/directives/dropdown';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiAccessorProxyDirective} from './accessor-proxy.directive';\nimport {TuiDropdownOpenMonitorDirective} from './dropdown-open-monitor.directive';\nimport {TuiHostedDropdownComponent} from './hosted-dropdown.component';\nimport {TuiHostedDropdownConnectorDirective} from './hosted-dropdown-connector.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiLetModule,\n        TuiObscuredModule,\n        TuiActiveZoneModule,\n        TuiDropdownModule,\n    ],\n    declarations: [\n        TuiAccessorProxyDirective,\n        TuiDropdownOpenMonitorDirective,\n        TuiHostedDropdownComponent,\n        TuiHostedDropdownConnectorDirective,\n    ],\n    exports: [\n        TuiHostedDropdownComponent,\n        TuiHostedDropdownConnectorDirective,\n        TuiDropdownOptionsDirective,\n    ],\n})\nexport class TuiHostedDropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["TuiDropdownDirective","i1","i2","i4.TuiAccessorProxyDirective","i5.TuiDropdownOpenMonitorDirective"],"mappings":"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"}

package/fesm2020/taiga-ui-core-components-label.mjs

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, Input, ContentChild, HostBinding, NgModule } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import { MODE_PROVIDER } from '@taiga-ui/core/providers';
+import { TUI_MODE } from '@taiga-ui/core/tokens';
+import * as i1 from '@tinkoff/ng-polymorpheus';
+import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i2 from 'rxjs';
+
+class TuiLabelComponent {
+    constructor(mode$) {
+        this.mode$ = mode$;
+        this.context = {
+            $implicit: null,
+        };
+    }
+}
+TuiLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelComponent, deps: [{ token: TUI_MODE }], target: i0.ɵɵFactoryTarget.Component });
+TuiLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiLabelComponent, selector: "label[tuiLabel]", inputs: { tuiLabel: "tuiLabel", context: "context" }, host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "class._control": "this.control" } }, providers: [MODE_PROVIDER], queries: [{ propertyName: "control", first: true, predicate: NgControl, descendants: true }], ngImport: i0, template: "<span class=\"t-label\">\n    <span\n        *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n        class=\"t-text\"\n        [textContent]=\"text\"\n    ></span>\n</span>\n<span class=\"t-content\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}:host._control .t-label{margin-bottom:.25rem}.t-text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .t-text{color:var(--tui-text-02)}:host([data-mode=\"onDark\"]) .t-text{color:var(--tui-text-02-night)}.t-content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'label[tuiLabel]', changeDetection: ChangeDetectionStrategy.OnPush, providers: [MODE_PROVIDER], host: {
+                        '($.data-mode.attr)': 'mode$',
+                    }, template: "<span class=\"t-label\">\n    <span\n        *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n        class=\"t-text\"\n        [textContent]=\"text\"\n    ></span>\n</span>\n<span class=\"t-content\">\n    <ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;min-height:2.75rem;justify-content:space-between;flex-direction:column;pointer-events:none}.t-label{font:var(--tui-font-text-s);max-width:100%;align-self:inherit;overflow:inherit;pointer-events:auto}:host._control .t-label{margin-bottom:.25rem}.t-text{display:block;overflow:inherit;text-overflow:ellipsis}:host:not(._control) .t-text{color:var(--tui-text-02)}:host([data-mode=\"onDark\"]) .t-text{color:var(--tui-text-02-night)}.t-content{line-height:1.5rem;overflow:inherit;text-overflow:ellipsis;pointer-events:auto}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.Observable, decorators: [{
+                    type: Inject,
+                    args: [TUI_MODE]
+                }] }]; }, propDecorators: { tuiLabel: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], control: [{
+                type: ContentChild,
+                args: [NgControl]
+            }, {
+                type: HostBinding,
+                args: ['class._control']
+            }] } });
+
+class TuiLabelModule {
+}
+TuiLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelModule, declarations: [TuiLabelComponent], imports: [PolymorpheusModule], exports: [TuiLabelComponent] });
+TuiLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelModule, imports: [PolymorpheusModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [PolymorpheusModule],
+                    declarations: [TuiLabelComponent],
+                    exports: [TuiLabelComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiLabelComponent, TuiLabelModule };
+//# sourceMappingURL=taiga-ui-core-components-label.mjs.map

package/fesm2020/taiga-ui-core-components-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-core-components-label.mjs","sources":["../../../projects/core/components/label/label.component.ts","../../../projects/core/components/label/label.template.html","../../../projects/core/components/label/label.module.ts","../../../projects/core/components/label/taiga-ui-core-components-label.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {TuiContextWithImplicit} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\n@Component({\n    selector: 'label[tuiLabel]',\n    templateUrl: './label.template.html',\n    styleUrls: ['./label.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [MODE_PROVIDER],\n    host: {\n        '($.data-mode.attr)': 'mode$',\n    },\n})\nexport class TuiLabelComponent<T> {\n    @Input()\n    tuiLabel: PolymorpheusContent<TuiContextWithImplicit<T | null>>;\n\n    @Input()\n    context: TuiContextWithImplicit<T | null> = {\n        $implicit: null,\n    };\n\n    @ContentChild(NgControl)\n    @HostBinding('class._control')\n    readonly control?: NgControl;\n\n    constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n}\n","<span class=\"t-label\">\n    <span\n        *polymorpheusOutlet=\"tuiLabel as text; context: context\"\n        class=\"t-text\"\n        [textContent]=\"text\"\n    ></span>\n</span>\n<span class=\"t-content\">\n    <ng-content></ng-content>\n</span>\n","import {NgModule} from '@angular/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLabelComponent} from './label.component';\n\n@NgModule({\n    imports: [PolymorpheusModule],\n    declarations: [TuiLabelComponent],\n    exports: [TuiLabelComponent],\n})\nexport class TuiLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;MA0Ba,iBAAiB,CAAA;AAa1B,IAAA,WAAA,CAAuC,KAAuC,EAAA;QAAvC,IAAK,CAAA,KAAA,GAAL,KAAK,CAAkC;AAR9E,QAAA,IAAA,CAAA,OAAO,GAAqC;AACxC,YAAA,SAAS,EAAE,IAAI;SAClB,CAAC;KAMgF;;AAbzE,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,kBAaN,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAbnB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,wMALf,CAAC,aAAa,CAAC,EAcZ,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,SAAS,gDCnC3B,gQAUA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;4FDgBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;+BACI,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,aACpC,CAAC,aAAa,CAAC,EACpB,IAAA,EAAA;AACF,wBAAA,oBAAoB,EAAE,OAAO;AAChC,qBAAA,EAAA,QAAA,EAAA,gQAAA,EAAA,MAAA,EAAA,CAAA,8hBAAA,CAAA,EAAA,CAAA;;0BAeY,MAAM;2BAAC,QAAQ,CAAA;4CAX5B,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,OAAO,EAAA,CAAA;sBADN,KAAK;gBAOG,OAAO,EAAA,CAAA;sBAFf,YAAY;uBAAC,SAAS,CAAA;;sBACtB,WAAW;uBAAC,gBAAgB,CAAA;;;ME1BpB,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAHR,YAAA,EAAA,CAAA,iBAAiB,CADtB,EAAA,OAAA,EAAA,CAAA,kBAAkB,aAElB,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAElB,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJb,kBAAkB,CAAA,EAAA,CAAA,CAAA;4FAInB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,kBAAkB,CAAC;oBAC7B,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;AAC/B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}