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

package/fesm2015/taiga-ui-kit-components-routable-dialog.mjs

@@ -0,0 +1,105 @@
+import { __rest } from 'tslib';
+import * as i0 from '@angular/core';
+import { Injector, Component, ChangeDetectionStrategy, Inject, Self, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i3 from '@taiga-ui/cdk';
+import { TuiDestroyService } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/core';
+import { TuiDialogService } from '@taiga-ui/core';
+import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import { takeUntil } from 'rxjs/operators';
+
+class TuiRoutableDialogComponent {
+    constructor(route, router, dialogs, injector, destroy$) {
+        this.route = route;
+        this.router = router;
+        dialogs
+            .open(new PolymorpheusComponent(this.route.snapshot.data['dialog'], injector), this.route.snapshot.data['dialogOptions'])
+            .pipe(takeUntil(destroy$))
+            .subscribe({
+            complete: () => this.navigateToParent(),
+        });
+    }
+    navigateToParent() {
+        const isLazy = this.route.snapshot.data['isLazy'];
+        const backUrl = isLazy
+            ? this.getLazyLoadedBackUrl()
+            : this.route.snapshot.data['backUrl'];
+        void this.router.navigate([backUrl], {
+            relativeTo: this.route,
+        });
+    }
+    getLazyLoadedBackUrl() {
+        var _a;
+        const urlSegments = ((_a = this.route.parent) === null || _a === void 0 ? void 0 : _a.snapshot.url) || [];
+        return urlSegments.map(() => '..').join('/');
+    }
+}
+TuiRoutableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogComponent, deps: [{ token: ActivatedRoute }, { token: Router }, { token: TuiDialogService }, { token: Injector }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiRoutableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiRoutableDialogComponent, selector: "tui-routable-dialog", providers: [TuiDestroyService], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tui-routable-dialog',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.ActivatedRoute, decorators: [{
+                        type: Inject,
+                        args: [ActivatedRoute]
+                    }] }, { type: i1.Router, decorators: [{
+                        type: Inject,
+                        args: [Router]
+                    }] }, { type: i2.TuiDialogService, decorators: [{
+                        type: Inject,
+                        args: [TuiDialogService]
+                    }] }, { type: i0.Injector, decorators: [{
+                        type: Inject,
+                        args: [Injector]
+                    }] }, { type: i3.TuiDestroyService, decorators: [{
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [TuiDestroyService]
+                    }] }];
+    } });
+
+function tuiGenerateDialogableRoute(component, _a = {}) {
+    var { path = `` } = _a, dialogOptions = __rest(_a, ["path"]);
+    return {
+        path,
+        component: TuiRoutableDialogComponent,
+        data: {
+            dialog: component,
+            backUrl: path
+                .split(`/`)
+                .map(() => `..`)
+                .join(`/`),
+            isLazy: path === ``,
+            dialogOptions,
+        },
+    };
+}
+
+class TuiRoutableDialogModule {
+}
+TuiRoutableDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRoutableDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, declarations: [TuiRoutableDialogComponent], exports: [TuiRoutableDialogComponent] });
+TuiRoutableDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiRoutableDialogComponent],
+                    exports: [TuiRoutableDialogComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiRoutableDialogComponent, TuiRoutableDialogModule, tuiGenerateDialogableRoute };
+//# sourceMappingURL=taiga-ui-kit-components-routable-dialog.mjs.map

package/fesm2015/taiga-ui-kit-components-routable-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-routable-dialog.mjs","sources":["../../../projects/kit/components/routable-dialog/routable-dialog.component.ts","../../../projects/kit/components/routable-dialog/generate-dialogable-route.ts","../../../projects/kit/components/routable-dialog/routable-dialog.module.ts","../../../projects/kit/components/routable-dialog/taiga-ui-kit-components-routable-dialog.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Injector, Self} from '@angular/core';\nimport {ActivatedRoute, Router, UrlSegment} from '@angular/router';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {TuiDialogService} from '@taiga-ui/core';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {takeUntil} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-routable-dialog',\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [TuiDestroyService],\n})\nexport class TuiRoutableDialogComponent {\n    constructor(\n        @Inject(ActivatedRoute) private readonly route: ActivatedRoute,\n        @Inject(Router) private readonly router: Router,\n        @Inject(TuiDialogService) dialogs: TuiDialogService,\n        @Inject(Injector) injector: Injector,\n        @Self() @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n    ) {\n        dialogs\n            .open(\n                new PolymorpheusComponent(this.route.snapshot.data['dialog'], injector),\n                this.route.snapshot.data['dialogOptions'],\n            )\n            .pipe(takeUntil(destroy$))\n            .subscribe({\n                complete: () => this.navigateToParent(),\n            });\n    }\n\n    private navigateToParent(): void {\n        const isLazy = this.route.snapshot.data['isLazy'];\n\n        const backUrl = isLazy\n            ? this.getLazyLoadedBackUrl()\n            : this.route.snapshot.data['backUrl'];\n\n        void this.router.navigate([backUrl], {\n            relativeTo: this.route,\n        });\n    }\n\n    private getLazyLoadedBackUrl(): string {\n        const urlSegments: UrlSegment[] = this.route.parent?.snapshot.url || [];\n\n        return urlSegments.map(() => '..').join('/');\n    }\n}\n","import {Type} from '@angular/core';\nimport {Route} from '@angular/router';\nimport {TuiDialogOptions} from '@taiga-ui/core';\n\nimport {TuiRoutableDialogComponent} from './routable-dialog.component';\n\nexport function tuiGenerateDialogableRoute<I>(\n    component: Type<any>,\n    {path = ``, ...dialogOptions}: Partial<TuiDialogOptions<I>> & {path?: string} = {},\n): Route {\n    return {\n        path,\n        component: TuiRoutableDialogComponent,\n        data: {\n            dialog: component,\n            backUrl: path\n                .split(`/`)\n                .map(() => `..`)\n                .join(`/`),\n            isLazy: path === ``,\n            dialogOptions,\n        },\n    };\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiRoutableDialogComponent} from './routable-dialog.component';\n\n@NgModule({\n    declarations: [TuiRoutableDialogComponent],\n    exports: [TuiRoutableDialogComponent],\n})\nexport class TuiRoutableDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-select-option.mjs

@@ -0,0 +1,115 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Inject, Optional, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { NgControl } from '@angular/forms';
+import * as i4 from '@taiga-ui/cdk';
+import { tuiTypedFromEvent, TUI_DEFAULT_IDENTITY_MATCHER, tuiIsPresent, AbstractTuiControl } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/core';
+import { TUI_COMMON_ICONS, TUI_DATA_LIST_HOST, TuiOptionComponent, TuiDataListComponent, TuiSvgModule, TuiScrollIntoViewModule } from '@taiga-ui/core';
+import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import { Subject, merge, EMPTY } from 'rxjs';
+import { startWith, map, distinctUntilChanged } from 'rxjs/operators';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TuiSelectOptionComponent {
+    constructor(icons, context, host, el, option, dataList, control, abstractControl) {
+        this.icons = icons;
+        this.context = context;
+        this.host = host;
+        this.el = el;
+        this.option = option;
+        this.dataList = dataList;
+        this.control = control;
+        this.abstractControl = abstractControl;
+        this.changeDetection$ = new Subject();
+        this.selected$ = merge(this.changeDetection$, this.control.valueChanges || EMPTY, tuiTypedFromEvent(this.el.nativeElement, 'animationstart')).pipe(startWith(null), map(() => this.selected), distinctUntilChanged());
+    }
+    get matcher() {
+        return this.host.identityMatcher || TUI_DEFAULT_IDENTITY_MATCHER;
+    }
+    ngOnInit() {
+        /**
+         * This would cause changes inside already checked parent component (during the same change detection cycle),
+         * and it might cause ExpressionChanged error due to potential HostBinding
+         * (for example, inside {@link https://github.com/angular/angular/blob/main/packages/forms/src/directives/ng_control_status.ts#L99 NgControlStatus}).
+         * Microtask keeps it in the same frame but allows change detection to run.
+         */
+        void Promise.resolve().then(() => {
+            var _a, _b;
+            if (tuiIsPresent(this.option.value) && !this.option.disabled) {
+                (_b = (_a = this.host).checkOption) === null || _b === void 0 ? void 0 : _b.call(_a, this.option.value);
+            }
+        });
+    }
+    ngDoCheck() {
+        this.changeDetection$.next();
+    }
+    get value() {
+        var _a, _b;
+        return (_b = (_a = this.abstractControl) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : this.control.value;
+    }
+    get selected() {
+        return (tuiIsPresent(this.option.value) &&
+            tuiIsPresent(this.value) &&
+            this.matcher(this.value, this.option.value));
+    }
+}
+TuiSelectOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionComponent, deps: [{ token: TUI_COMMON_ICONS }, { token: POLYMORPHEUS_CONTEXT }, { token: TUI_DATA_LIST_HOST }, { token: ElementRef }, { token: TuiOptionComponent }, { token: TuiDataListComponent, optional: true }, { token: NgControl }, { token: AbstractTuiControl, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiSelectOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiSelectOptionComponent, selector: "tui-select-option", ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"context.$implicit\"></ng-container>\n<tui-svg\n    *ngIf=\"selected$ | async; else dummy\"\n    automation-id=\"tui-select-option__checkmark\"\n    class=\"t-checkmark\"\n    [src]=\"icons.check\"\n    [tuiScrollIntoView]=\"true\"\n></tui-svg>\n<ng-template #dummy>\n    <span class=\"t-dummy\"></span>\n</ng-template>\n", styles: ["@keyframes retrigger{0%{left:1px}to{left:2px}}:host{display:flex;flex:1;align-items:center;max-width:100%;animation:retrigger 1s}.t-checkmark{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-border-start:.25rem solid transparent;border-inline-start:.25rem solid transparent}:host-context(tui-data-list[data-list-size=\"s\"]) .t-checkmark{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}:host-context(tui-data-list[data-list-size=\"m\"]) .t-checkmark{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}.t-dummy{width:1.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i2.TuiScrollIntoViewDirective, selector: "[tuiScrollIntoView]", inputs: ["tuiScrollIntoView"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-select-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"context.$implicit\"></ng-container>\n<tui-svg\n    *ngIf=\"selected$ | async; else dummy\"\n    automation-id=\"tui-select-option__checkmark\"\n    class=\"t-checkmark\"\n    [src]=\"icons.check\"\n    [tuiScrollIntoView]=\"true\"\n></tui-svg>\n<ng-template #dummy>\n    <span class=\"t-dummy\"></span>\n</ng-template>\n", styles: ["@keyframes retrigger{0%{left:1px}to{left:2px}}:host{display:flex;flex:1;align-items:center;max-width:100%;animation:retrigger 1s}.t-checkmark{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-border-start:.25rem solid transparent;border-inline-start:.25rem solid transparent}:host-context(tui-data-list[data-list-size=\"s\"]) .t-checkmark{-webkit-margin-end:-.375rem;margin-inline-end:-.375rem}:host-context(tui-data-list[data-list-size=\"m\"]) .t-checkmark{-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}.t-dummy{width:1.75rem}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_COMMON_ICONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [POLYMORPHEUS_CONTEXT]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_DATA_LIST_HOST]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: i2.TuiOptionComponent, decorators: [{
+                        type: Inject,
+                        args: [TuiOptionComponent]
+                    }] }, { type: i2.TuiDataListComponent, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [TuiDataListComponent]
+                    }] }, { type: i3.NgControl, decorators: [{
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i4.AbstractTuiControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [AbstractTuiControl]
+                    }] }];
+    } });
+const TUI_SELECT_OPTION = new PolymorpheusComponent(TuiSelectOptionComponent);
+
+class TuiSelectOptionModule {
+}
+TuiSelectOptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiSelectOptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionModule, declarations: [TuiSelectOptionComponent], imports: [CommonModule, TuiSvgModule, TuiScrollIntoViewModule], exports: [TuiSelectOptionComponent] });
+TuiSelectOptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionModule, imports: [CommonModule, TuiSvgModule, TuiScrollIntoViewModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiSelectOptionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiSvgModule, TuiScrollIntoViewModule],
+                    declarations: [TuiSelectOptionComponent],
+                    exports: [TuiSelectOptionComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_SELECT_OPTION, TuiSelectOptionComponent, TuiSelectOptionModule };
+//# sourceMappingURL=taiga-ui-kit-components-select-option.mjs.map

package/fesm2015/taiga-ui-kit-components-select-option.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-select-option.mjs","sources":["../../../projects/kit/components/select-option/select-option.component.ts","../../../projects/kit/components/select-option/select-option.template.html","../../../projects/kit/components/select-option/select-option.module.ts","../../../projects/kit/components/select-option/taiga-ui-kit-components-select-option.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    DoCheck,\n    ElementRef,\n    Inject,\n    OnInit,\n    Optional,\n    TemplateRef,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    TUI_DEFAULT_IDENTITY_MATCHER,\n    TuiContextWithImplicit,\n    TuiIdentityMatcher,\n    tuiIsPresent,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_COMMON_ICONS,\n    TUI_DATA_LIST_HOST,\n    TuiCommonIcons,\n    TuiDataListComponent,\n    TuiDataListHost,\n    TuiOptionComponent,\n} from '@taiga-ui/core';\nimport {POLYMORPHEUS_CONTEXT, PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\nimport {EMPTY, merge, Subject} from 'rxjs';\nimport {distinctUntilChanged, map, startWith} from 'rxjs/operators';\n\n@Component({\n    selector: 'tui-select-option',\n    templateUrl: './select-option.template.html',\n    styleUrls: ['./select-option.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSelectOptionComponent<T> implements OnInit, DoCheck {\n    private readonly changeDetection$ = new Subject();\n\n    readonly selected$ = merge(\n        this.changeDetection$,\n        this.control.valueChanges || EMPTY,\n        tuiTypedFromEvent(this.el.nativeElement, 'animationstart'),\n    ).pipe(\n        startWith(null),\n        map(() => this.selected),\n        distinctUntilChanged(),\n    );\n\n    constructor(\n        @Inject(TUI_COMMON_ICONS) readonly icons: TuiCommonIcons,\n        @Inject(POLYMORPHEUS_CONTEXT)\n        readonly context: TuiContextWithImplicit<TemplateRef<Record<string, unknown>>>,\n        @Inject(TUI_DATA_LIST_HOST)\n        private readonly host: TuiDataListHost<T>,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TuiOptionComponent) protected readonly option: TuiOptionComponent<T>,\n        @Optional()\n        @Inject(TuiDataListComponent)\n        protected readonly dataList: TuiDataListComponent<T> | null,\n        @Inject(NgControl) protected readonly control: NgControl,\n        @Optional()\n        @Inject(AbstractTuiControl)\n        protected readonly abstractControl: AbstractTuiControl<T> | null,\n    ) {}\n\n    get matcher(): TuiIdentityMatcher<T> {\n        return this.host.identityMatcher || TUI_DEFAULT_IDENTITY_MATCHER;\n    }\n\n    ngOnInit(): void {\n        /**\n         * This would cause changes inside already checked parent component (during the same change detection cycle),\n         * and it might cause ExpressionChanged error due to potential HostBinding\n         * (for example, inside {@link https://github.com/angular/angular/blob/main/packages/forms/src/directives/ng_control_status.ts#L99 NgControlStatus}).\n         * Microtask keeps it in the same frame but allows change detection to run.\n         */\n        void Promise.resolve().then(() => {\n            if (tuiIsPresent(this.option.value) && !this.option.disabled) {\n                this.host.checkOption?.(this.option.value);\n            }\n        });\n    }\n\n    ngDoCheck(): void {\n        this.changeDetection$.next();\n    }\n\n    protected get value(): T | null {\n        return this.abstractControl?.value ?? this.control.value;\n    }\n\n    protected get selected(): boolean {\n        return (\n            tuiIsPresent(this.option.value) &&\n            tuiIsPresent(this.value) &&\n            this.matcher(this.value, this.option.value)\n        );\n    }\n}\n\nexport const TUI_SELECT_OPTION = new PolymorpheusComponent(TuiSelectOptionComponent);\n","<ng-container [ngTemplateOutlet]=\"context.$implicit\"></ng-container>\n<tui-svg\n    *ngIf=\"selected$ | async; else dummy\"\n    automation-id=\"tui-select-option__checkmark\"\n    class=\"t-checkmark\"\n    [src]=\"icons.check\"\n    [tuiScrollIntoView]=\"true\"\n></tui-svg>\n<ng-template #dummy>\n    <span class=\"t-dummy\"></span>\n</ng-template>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiScrollIntoViewModule, TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiSelectOptionComponent} from './select-option.component';\n\n@NgModule({\n    imports: [CommonModule, TuiSvgModule, TuiScrollIntoViewModule],\n    declarations: [TuiSelectOptionComponent],\n    exports: [TuiSelectOptionComponent],\n})\nexport class TuiSelectOptionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}