@ng-doc/ui-kit 16.17.0 → 16.18.0

package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, QueryList, ChangeDetectorRef, ViewChildren, ContentChildren } from '@angular/core';
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { NgFor } from '@angular/common';
 import { tabFadeAnimation } from '@ng-doc/ui-kit/animations';
 import { NgDocSelectionHostDirective, NgDocSelectionComponent, NgDocSelectionOriginDirective } from '@ng-doc/ui-kit/components/selection';
@@ -17,10 +17,10 @@ class NgDocTabComponent {
         /** Expander content */
         this.content = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabComponent, isStandalone: true, selector: "ng-doc-tab", inputs: { label: "label", id: "id", content: "content" }, ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTabComponent, isStandalone: true, selector: "ng-doc-tab", inputs: { label: "label", id: "id", content: "content" }, ngImport: i0, template: '', isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true }]
         }], propDecorators: { label: [{
@@ -60,14 +60,14 @@ let NgDocTabGroupComponent = class NgDocTabGroupComponent {
     selectTab(tab) {
         this.selectedTab = tab;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 600}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: "openedTab" }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 600}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"], dependencies: [{ kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSmoothResizeComponent, selector: "ng-doc-smooth-resize", inputs: ["trigger", "animateOpacity"] }], animations: [tabFadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocTabGroupComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], NgDocTabGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
             type: Component,
             args: [{ animations: [tabFadeAnimation], selector: 'ng-doc-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocSelectionHostDirective,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         PolymorpheusModule,
                         NgDocSmoothResizeComponent,
                     ], template: "<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;width:100%;display:inline-flex;overflow-x:auto;line-height:18px;font-size:14px;flex-shrink:0;background:var(--ng-doc-tab-group-tabs-background)}:host .ng-doc-tabs-wrapper .ng-doc-tab{position:relative;padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);cursor:pointer;white-space:nowrap}:host .ng-doc-tabs-wrapper .ng-doc-tab .ng-doc-tab-text{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;--ng-doc-font-size: 13px;--ng-doc-font-weight: 600}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden;border-top:1px solid var(--ng-doc-border-color)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { openedTab: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { openedTab: [{
                 type: Input
             }], tabElements: [{
                 type: ViewChildren,

package/fesm2022/ng-doc-ui-kit-components-tab-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tab',\n\ttemplate: '',\n\tstyleUrls: ['./tab.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTabComponent<T> {\n\t@Input()\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\tid: T | number = 0;\n\n\t/** Expander content */\n\t@Input()\n\tcontent: NgDocContent = '';\n}\n","import { NgFor } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tAfterViewInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tElementRef,\n\tInput,\n\tQueryList,\n\tViewChildren,\n} from '@angular/core';\nimport { tabFadeAnimation } from '@ng-doc/ui-kit/animations';\nimport {\n\tNgDocSelectionComponent,\n\tNgDocSelectionHostDirective,\n\tNgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { NgDocSmoothResizeComponent } from '@ng-doc/ui-kit/components/smooth-resize';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { startWith } from 'rxjs/operators';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\n@Component({\n\tanimations: [tabFadeAnimation],\n\tselector: 'ng-doc-tab-group',\n\ttemplateUrl: './tab-group.component.html',\n\tstyleUrls: ['./tab-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocSelectionHostDirective,\n\t\tNgDocSelectionComponent,\n\t\tNgFor,\n\t\tNgDocSelectionOriginDirective,\n\t\tPolymorpheusModule,\n\t\tNgDocSmoothResizeComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocTabGroupComponent<T = number> implements AfterContentInit, AfterViewInit {\n\t@Input()\n\topenedTab!: T;\n\n\t@ViewChildren('headerTab')\n\ttabElements: QueryList<ElementRef> = new QueryList<ElementRef>();\n\n\t@ContentChildren(NgDocTabComponent)\n\ttabs: QueryList<NgDocTabComponent<T>> = new QueryList<NgDocTabComponent<T>>();\n\n\tselectedTab?: NgDocTabComponent<T>;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.tabs.changes.pipe(startWith(this.tabs), untilDestroyed(this)).subscribe(() => {\n\t\t\tconst tabToOpen: NgDocTabComponent<T> | undefined = this.openedTab\n\t\t\t\t? this.tabs.find((tab: NgDocTabComponent<T>) => tab.id === this.openedTab)\n\t\t\t\t: this.tabs.get(0);\n\n\t\t\ttabToOpen && this.selectTab(tabToOpen);\n\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.tabElements.changes\n\t\t\t.pipe(startWith(this.tabElements), untilDestroyed(this))\n\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t}\n\n\tget selectedIndex(): number {\n\t\treturn this.selectedTab ? this.tabs.toArray().indexOf(this.selectedTab) : -1;\n\t}\n\n\tget selectedHeaderTab(): ElementRef | null {\n\t\treturn this.selectedTab ? this.tabElements.get(this.selectedIndex) ?? null : null;\n\t}\n\n\tselectTab(tab: NgDocTabComponent<T>) {\n\t\tthis.selectedTab = tab;\n\t}\n}\n","<div class=\"ng-doc-tabs-wrapper\" ngDocSelectionHost>\n\t<ng-doc-selection></ng-doc-selection>\n\t<div\n\t\tclass=\"ng-doc-tab\"\n\t\t[class.selected]=\"tab === selectedTab\"\n\t\t*ngFor=\"let tab of tabs\"\n\t\t(click)=\"selectTab(tab)\"\n\t\t[ngDocSelectionOrigin]=\"tab === selectedTab\"\n\t\t#headerTab>\n\t\t<div class=\"ng-doc-tab-text\">\n\t\t\t<ng-container *polymorpheusOutlet=\"tab.label; context: {}\">{{ tab.label }}</ng-container>\n\t\t</div>\n\t</div>\n</div>\n\n<div class=\"ng-doc-body-wrapper\">\n\t<ng-doc-smooth-resize [trigger]=\"selectedTab?.content ?? ''\">\n\t\t<div *polymorpheusOutlet=\"selectedTab?.content ?? '' as text; context: {}\" @tabFadeAnimation>\n\t\t\t{{ text }}\n\t\t</div>\n\t</ng-doc-smooth-resize>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-tag.mjs

@@ -7,10 +7,10 @@ class NgDocTagComponent {
         this.size = 'medium';
         this.mod = 'default';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTagComponent, isStandalone: true, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-tag-alpha-background);opacity:var(--ng-doc-tag-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background: trasparent;--ng-doc-tag-background-opacity: .15}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-alpha-background: var(--ng-doc-primary);--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-alpha-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-alpha-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-alpha-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-alpha-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-link-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTagComponent, isStandalone: true, selector: "ng-doc-tag", inputs: { color: "color", size: "size", mod: "mod" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-mod": "this.mod" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-tag-alpha-background);opacity:var(--ng-doc-tag-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background: trasparent;--ng-doc-tag-background-opacity: .15}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-alpha-background: var(--ng-doc-primary);--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-alpha-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-alpha-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-alpha-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-alpha-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-link-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-tag', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:inline-block;padding:0 var(--ng-doc-base-gutter);border-radius:calc(var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-tag-background);border:var(--ng-doc-tag-border);color:var(--ng-doc-tag-color);--ng-doc-icon-color: var(--ng-doc-tag-color);--ng-doc-font-size: 14px}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-tag-alpha-background);opacity:var(--ng-doc-tag-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-size=small]{padding:0 calc(var(--ng-doc-base-gutter) / 2);border-radius:6px;--ng-doc-font-size: 10px;--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 2)}:host[data-ng-doc-color=info]{--ng-doc-tag-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info-text)}:host[data-ng-doc-color=warning]{--ng-doc-tag-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning-text)}:host[data-ng-doc-color=alert]{--ng-doc-tag-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert-text)}:host[data-ng-doc-color=link]{--ng-doc-tag-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-primary-text)}:host[data-ng-doc-mod=light]{--ng-doc-tag-background: trasparent;--ng-doc-tag-background-opacity: .15}:host[data-ng-doc-mod=light][data-ng-doc-color=primary]{--ng-doc-tag-alpha-background: var(--ng-doc-primary);--ng-doc-tag-color: var(--ng-doc-primary)}:host[data-ng-doc-mod=light][data-ng-doc-color=info]{--ng-doc-tag-alpha-background: var(--ng-doc-info);--ng-doc-tag-color: var(--ng-doc-info)}:host[data-ng-doc-mod=light][data-ng-doc-color=warning]{--ng-doc-tag-alpha-background: var(--ng-doc-warning);--ng-doc-tag-color: var(--ng-doc-warning)}:host[data-ng-doc-mod=light][data-ng-doc-color=alert]{--ng-doc-tag-alpha-background: var(--ng-doc-alert);--ng-doc-tag-color: var(--ng-doc-alert)}:host[data-ng-doc-mod=light][data-ng-doc-color=link]{--ng-doc-tag-alpha-background: var(--ng-doc-link-color);--ng-doc-tag-color: var(--ng-doc-link-color)}\n"] }]
         }], propDecorators: { color: [{

package/fesm2022/ng-doc-ui-kit-components-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocTagSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' | 'light' = 'default';\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAOa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wQCV9B,6BACA,EAAA,MAAA,EAAA,CAAA,6tEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGL,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,6tEAAA,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,GAAG,EAAA,CAAA;sBAFF,KAAK;;sBACL,WAAW;uBAAC,sBAAsB,CAAA;;;AEpBpC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-tag.mjs","sources":["../../../../libs/ui-kit/components/tag/tag.component.ts","../../../../libs/ui-kit/components/tag/tag.component.html","../../../../libs/ui-kit/components/tag/ng-doc-ui-kit-components-tag.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocTagSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-tag',\n\ttemplateUrl: './tag.component.html',\n\tstyleUrls: ['./tag.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocTagComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocTagSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-mod')\n\tmod: 'default' | 'light' = 'default';\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAI,CAAA,IAAA,GAAiB,QAAQ,CAAC;QAI9B,IAAG,CAAA,GAAA,GAAwB,SAAS,CAAC;AACrC,KAAA;8GAZY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wQCV9B,6BACA,EAAA,MAAA,EAAA,CAAA,6tEAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAGL,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,6tEAAA,CAAA,EAAA,CAAA;8BAKhB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,GAAG,EAAA,CAAA;sBAFF,KAAK;;sBACL,WAAW;uBAAC,sBAAsB,CAAA;;;AEpBpC;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-text.mjs

@@ -4,10 +4,10 @@ import { Directive, Component, ChangeDetectionStrategy, Input, HostBinding, Cont
 
 /** Using to display content on the left side */
 class NgDocTextLeftDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTextLeftDirective, isStandalone: true, selector: "[ngDocTextLeft]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextLeftDirective, isStandalone: true, selector: "[ngDocTextLeft]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextLeftDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextLeftDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocTextLeft]',
@@ -17,10 +17,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
 
 /** Using to display content on the right side */
 class NgDocTextRightDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTextRightDirective, isStandalone: true, selector: "[ngDocTextRight]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextRightDirective, isStandalone: true, selector: "[ngDocTextRight]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextRightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextRightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocTextRight]',
@@ -43,13 +43,13 @@ class NgDocTextComponent {
     ngAfterContentChecked() {
         this.changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocTextComponent, isStandalone: true, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocTextComponent, isStandalone: true, selector: "[ng-doc-text]", inputs: { size: "size", color: "color", align: "align", absoluteContent: "absoluteContent" }, host: { properties: { "attr.data-ng-doc-text-size": "this.size", "attr.data-ng-doc-text-color": "this.color", "attr.data-ng-doc-text-align": "this.align", "attr.data-ng-doc-text-absolute": "this.absoluteContent", "class.ngde": "this.ngDocElement" } }, queries: [{ propertyName: "leftContent", first: true, predicate: NgDocTextLeftDirective, descendants: true }, { propertyName: "rightContent", first: true, predicate: NgDocTextRightDirective, descendants: true }], ngImport: i0, template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocTextComponent, decorators: [{
             type: Component,
             args: [{ selector: '[ng-doc-text]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf], template: "<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n", styles: ["::ng-deep :root{--ng-doc-text-left-width: auto;--ng-doc-text-right-width: auto}:host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:flex-start}:host[data-ng-doc-text-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 18px}:host[data-ng-doc-text-color=muted]{--ng-doc-text: var(--ng-doc-text-muted)}:host[data-ng-doc-text-align=center] .ng-doc-text{text-align:center}:host[data-ng-doc-text-align=right] .ng-doc-text{text-align:right}:host[data-ng-doc-text-absolute=true] .ng-doc-text-left{position:absolute;transform:translate(calc(-100% - var(--ng-doc-base-gutter)))}:host[data-ng-doc-text-absolute=true] .ng-doc-text-right{position:absolute;right:0;transform:translate(calc(100% + var(--ng-doc-base-gutter)))}:hostspan{display:inline-flex}:hostspan .ng-doc-text{width:auto}:host .ng-doc-text-left,:host .ng-doc-text-right{display:flex;justify-content:center;flex-shrink:0;min-height:var(--ng-doc-line-height);align-items:center}:host .ng-doc-text-left ::ng-deep>ng-doc-svg-icon,:host .ng-doc-text-right ::ng-deep>ng-doc-svg-icon{display:flex;min-height:var(--ng-doc-line-height)}:host .ng-doc-text{width:100%}:host .ng-doc-text:empty{display:none}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty){width:var(--ng-doc-text-left-width)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-left:not(:empty)~.ng-doc-text{margin-left:var(--ng-doc-base-gutter)}:host[data-ng-doc-text-absolute=false] .ng-doc-text-right:not(:empty){width:var(--ng-doc-text-right-width);margin-left:var(--ng-doc-base-gutter)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { size: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { size: [{
                 type: Input
             }, {
                 type: HostBinding,

package/fesm2022/ng-doc-ui-kit-components-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-text.mjs","sources":["../../../../libs/ui-kit/components/text/text-left.directive.ts","../../../../libs/ui-kit/components/text/text-right.directive.ts","../../../../libs/ui-kit/components/text/text.component.ts","../../../../libs/ui-kit/components/text/text.component.html","../../../../libs/ui-kit/components/text/ng-doc-ui-kit-components-text.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/** Using to display content on the left side */\n@Directive({\n\tselector: '[ngDocTextLeft]',\n\tstandalone: true,\n})\nexport class NgDocTextLeftDirective {}\n","import {Directive} from '@angular/core';\n\n/** Using to display content on the right side */\n@Directive({\n\tselector: '[ngDocTextRight]',\n\tstandalone: true,\n})\nexport class NgDocTextRightDirective {}\n","import { NgIf } from '@angular/common';\nimport {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tHostBinding,\n\tInput,\n} from '@angular/core';\nimport { NgDocSize, NgDocTextAlign, NgDocTextColor } from '@ng-doc/ui-kit/types';\n\nimport { NgDocTextLeftDirective } from './text-left.directive';\nimport { NgDocTextRightDirective } from './text-right.directive';\n\n@Component({\n\tselector: '[ng-doc-text]',\n\ttemplateUrl: './text.component.html',\n\tstyleUrls: ['./text.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf],\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n\t/** Text size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-size')\n\tsize: NgDocSize = 'medium';\n\n\t/** Text color */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-color')\n\tcolor: NgDocTextColor = 'normal';\n\n\t/** Text align */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-absolute')\n\tabsoluteContent: boolean = false;\n\n\t@ContentChild(NgDocTextLeftDirective)\n\tleftContent?: NgDocTextLeftDirective;\n\n\t@ContentChild(NgDocTextRightDirective)\n\trightContent?: NgDocTextRightDirective;\n\n\t@HostBinding('class.ngde')\n\treadonly ngDocElement: boolean = true;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentChecked(): void {\n\t\tthis.changeDetectorRef.detectChanges();\n\t}\n}\n","<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-text.mjs","sources":["../../../../libs/ui-kit/components/text/text-left.directive.ts","../../../../libs/ui-kit/components/text/text-right.directive.ts","../../../../libs/ui-kit/components/text/text.component.ts","../../../../libs/ui-kit/components/text/text.component.html","../../../../libs/ui-kit/components/text/ng-doc-ui-kit-components-text.ts"],"sourcesContent":["import {Directive} from '@angular/core';\n\n/** Using to display content on the left side */\n@Directive({\n\tselector: '[ngDocTextLeft]',\n\tstandalone: true,\n})\nexport class NgDocTextLeftDirective {}\n","import {Directive} from '@angular/core';\n\n/** Using to display content on the right side */\n@Directive({\n\tselector: '[ngDocTextRight]',\n\tstandalone: true,\n})\nexport class NgDocTextRightDirective {}\n","import { NgIf } from '@angular/common';\nimport {\n\tAfterContentChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tHostBinding,\n\tInput,\n} from '@angular/core';\nimport { NgDocSize, NgDocTextAlign, NgDocTextColor } from '@ng-doc/ui-kit/types';\n\nimport { NgDocTextLeftDirective } from './text-left.directive';\nimport { NgDocTextRightDirective } from './text-right.directive';\n\n@Component({\n\tselector: '[ng-doc-text]',\n\ttemplateUrl: './text.component.html',\n\tstyleUrls: ['./text.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf],\n})\nexport class NgDocTextComponent implements AfterContentChecked {\n\t/** Text size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-size')\n\tsize: NgDocSize = 'medium';\n\n\t/** Text color */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-color')\n\tcolor: NgDocTextColor = 'normal';\n\n\t/** Text align */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-text-absolute')\n\tabsoluteContent: boolean = false;\n\n\t@ContentChild(NgDocTextLeftDirective)\n\tleftContent?: NgDocTextLeftDirective;\n\n\t@ContentChild(NgDocTextRightDirective)\n\trightContent?: NgDocTextRightDirective;\n\n\t@HostBinding('class.ngde')\n\treadonly ngDocElement: boolean = true;\n\n\tconstructor(private readonly changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentChecked(): void {\n\t\tthis.changeDetectorRef.detectChanges();\n\t}\n}\n","<span class=\"ng-doc-text-left\" *ngIf=\"leftContent\">\n\t<ng-content select=\"[ngDocTextLeft]\"></ng-content>\n</span>\n<span class=\"ng-doc-text\">\n\t<ng-content></ng-content>\n</span>\n<span class=\"ng-doc-text-right\" *ngIf=\"rightContent\">\n\t<ng-content select=\"[ngDocTextRight]\"></ng-content>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-components-toggle.mjs

@@ -1,20 +1,21 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Renderer2, ChangeDetectorRef, Component, ChangeDetectionStrategy, Inject, Optional, ViewChild, HostBinding } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, ViewChild, HostBinding } from '@angular/core';
 import { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import * as i1 from 'flex-controls';
-import { FlControlSelector, FlCompareHost, FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
+import { DIStateControl, injectHostControl, DICompareHost } from 'di-controls';
 import { fromEvent } from 'rxjs';
-import { filter, switchMap, pairwise, map, tap, startWith, takeUntil, last } from 'rxjs/operators';
+import { filter, pairwise, map, tap, startWith, takeUntil, last, switchMap } from 'rxjs/operators';
 
-let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector {
-    constructor(renderer, changeDetectorRef, compareHost, host) {
-        super(compareHost, host);
-        this.renderer = renderer;
-        this.changeDetectorRef = changeDetectorRef;
-        this.compareHost = compareHost;
-        this.host = host;
+let NgDocToggleComponent = class NgDocToggleComponent extends DIStateControl {
+    constructor() {
+        super({
+            host: injectHostControl({ optional: true }),
+            compareHost: inject(DICompareHost, { optional: true }),
+            onIncomingUpdate: () => {
+                this.setState(!!this.checked());
+            },
+        });
         this.dragging = false;
         this.maxPixelValue = 0;
     }
@@ -36,10 +37,6 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
             });
         }
     }
-    incomingUpdate(value) {
-        super.incomingUpdate(value);
-        this.setState(!!this.checked);
-    }
     updateModel(value) {
         super.updateModel(value);
         this.setState(!!this.checked);
@@ -61,7 +58,7 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
                 this.wrapper.nativeElement.offsetWidth / 2;
             const circleCenterLeft = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +
                 this.circle.nativeElement.offsetWidth / 2;
-            circleCenterLeft > wrapperMiddle ? this.select() : this.deselect();
+            circleCenterLeft > wrapperMiddle ? this.check() : this.uncheck();
             this.setState(!!this.checked);
         }
     }
@@ -73,30 +70,17 @@ let NgDocToggleComponent = class NgDocToggleComponent extends FlControlSelector
             this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(${newPosition}px)`);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocToggleComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: FlCompareHost, optional: true }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocToggleComponent, isStandalone: true, selector: "ng-doc-toggle", host: { properties: { "attr.data-ng-doc-dragging": "this.dragging" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }, { propertyName: "circle", first: true, predicate: ["circle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n", styles: [":host .ng-doc-toggle-wrapper{position:relative;display:inline-block;width:40px;height:22px;border-radius:24px;background-color:var(--ng-doc-base-3);cursor:pointer;transition:background-color var(--ng-doc-transition)}:host .ng-doc-toggle-wrapper .ng-doc-toggle-circle{position:absolute;left:3px;top:3px;height:calc(var(--ng-doc-base-gutter) * 2);width:calc(var(--ng-doc-base-gutter) * 2);border-radius:50%;background-color:var(--ng-doc-base-0);-webkit-user-select:none;user-select:none;transition:transform var(--ng-doc-transition);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-primary)}:host[data-ng-doc-dragging=true]{cursor:grabbing}:host[data-ng-doc-dragging=true] .ng-doc-toggle-wrapper{pointer-events:none}:host[data-disabled=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-2);cursor:unset}:host[data-disabled=true][data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocToggleComponent, isStandalone: true, selector: "ng-doc-toggle", host: { properties: { "attr.data-ng-doc-dragging": "this.dragging" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, static: true }, { propertyName: "circle", first: true, predicate: ["circle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n", styles: [":host .ng-doc-toggle-wrapper{position:relative;display:inline-block;width:40px;height:22px;border-radius:24px;background-color:var(--ng-doc-base-3);cursor:pointer;transition:background-color var(--ng-doc-transition)}:host .ng-doc-toggle-wrapper .ng-doc-toggle-circle{position:absolute;left:3px;top:3px;height:calc(var(--ng-doc-base-gutter) * 2);width:calc(var(--ng-doc-base-gutter) * 2);border-radius:50%;background-color:var(--ng-doc-base-0);-webkit-user-select:none;user-select:none;transition:transform var(--ng-doc-transition);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-primary)}:host[data-ng-doc-dragging=true]{cursor:grabbing}:host[data-ng-doc-dragging=true] .ng-doc-toggle-wrapper{pointer-events:none}:host[data-disabled=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-2);cursor:unset}:host[data-disabled=true][data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocToggleComponent = __decorate([
     UntilDestroy(),
-    __metadata("design:paramtypes", [Renderer2,
-        ChangeDetectorRef,
-        FlCompareHost,
-        FlControlHost])
+    __metadata("design:paramtypes", [])
 ], NgDocToggleComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocToggleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-toggle', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n", styles: [":host .ng-doc-toggle-wrapper{position:relative;display:inline-block;width:40px;height:22px;border-radius:24px;background-color:var(--ng-doc-base-3);cursor:pointer;transition:background-color var(--ng-doc-transition)}:host .ng-doc-toggle-wrapper .ng-doc-toggle-circle{position:absolute;left:3px;top:3px;height:calc(var(--ng-doc-base-gutter) * 2);width:calc(var(--ng-doc-base-gutter) * 2);border-radius:50%;background-color:var(--ng-doc-base-0);-webkit-user-select:none;user-select:none;transition:transform var(--ng-doc-transition);box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}:host[data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-primary)}:host[data-ng-doc-dragging=true]{cursor:grabbing}:host[data-ng-doc-dragging=true] .ng-doc-toggle-wrapper{pointer-events:none}:host[data-disabled=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-2);cursor:unset}:host[data-disabled=true][data-checked=true] .ng-doc-toggle-wrapper{background-color:var(--ng-doc-base-3)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.FlCompareHost, decorators: [{
-                    type: Inject,
-                    args: [FlCompareHost]
-                }, {
-                    type: Optional
-                }] }, { type: i1.FlControlHost, decorators: [{
-                    type: Inject,
-                    args: [FL_CONTROL_HOST]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { wrapper: [{
+        }], ctorParameters: () => [], propDecorators: { wrapper: [{
                 type: ViewChild,
                 args: ['wrapper', { static: true }]
             }], circle: [{

package/fesm2022/ng-doc-ui-kit-components-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-toggle.mjs","sources":["../../../../libs/ui-kit/components/toggle/toggle.component.ts","../../../../libs/ui-kit/components/toggle/toggle.component.html","../../../../libs/ui-kit/components/toggle/ng-doc-ui-kit-components-toggle.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tOnInit,\n\tOptional,\n\tRenderer2,\n\tViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector } from 'flex-controls';\nimport { fromEvent } from 'rxjs';\nimport { filter, last, map, pairwise, startWith, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-toggle',\n\ttemplateUrl: './toggle.component.html',\n\tstyleUrls: ['./toggle.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocToggleComponent<T>\n\textends FlControlSelector<T>\n\timplements OnInit, ControlValueAccessor\n{\n\t@ViewChild('wrapper', { static: true })\n\tprivate wrapper?: ElementRef<HTMLElement>;\n\n\t@ViewChild('circle', { static: true })\n\tprivate circle?: ElementRef<HTMLElement>;\n\n\t@HostBinding('attr.data-ng-doc-dragging')\n\tdragging: boolean = false;\n\n\tprivate maxPixelValue: number = 0;\n\n\tconstructor(\n\t\tprotected renderer: Renderer2,\n\t\tprotected override changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FlCompareHost)\n\t\t@Optional()\n\t\tprotected override compareHost?: FlCompareHost<T | boolean | null>,\n\t\t@Inject(FL_CONTROL_HOST)\n\t\t@Optional()\n\t\tprotected override host?: FlControlHost<T>,\n\t) {\n\t\tsuper(compareHost, host);\n\t}\n\n\toverride ngOnInit(): void {\n\t\tsuper.ngOnInit();\n\t\tif (this.wrapper && this.circle) {\n\t\t\tthis.maxPixelValue =\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth - this.circle.nativeElement.offsetWidth - 6;\n\t\t\tfromEvent(this.circle.nativeElement, 'mousedown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(() => !this.disabled),\n\t\t\t\t\tswitchMap(() => {\n\t\t\t\t\t\tconst transition: string = this.circle?.nativeElement.style.transition ?? '';\n\t\t\t\t\t\tthis.renderer.setStyle(this.circle?.nativeElement, 'transition', '');\n\t\t\t\t\t\tthis.setDragging(true);\n\n\t\t\t\t\t\treturn fromEvent(document.body, 'mousemove').pipe(\n\t\t\t\t\t\t\tpairwise(),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [Event, Event]) =>\n\t\t\t\t\t\t\t\t\t[newEvent, oldEvent] as [MouseEvent, MouseEvent],\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [MouseEvent, MouseEvent]) =>\n\t\t\t\t\t\t\t\t\toldEvent.clientX - newEvent.clientX,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfilter((deltaX: number) => deltaX !== 0),\n\t\t\t\t\t\t\ttap((deltaX: number) => this.changeCirclePosition(deltaX)),\n\t\t\t\t\t\t\tstartWith(null),\n\t\t\t\t\t\t\ttakeUntil(\n\t\t\t\t\t\t\t\tfromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false))),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tlast(),\n\t\t\t\t\t\t\ttap(\n\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\tthis.circle &&\n\t\t\t\t\t\t\t\t\tthis.renderer.setStyle(this.circle.nativeElement, 'transition', transition),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t);\n\t\t\t\t\t}),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((deltaX: number | null) => {\n\t\t\t\t\tdeltaX === null ? this.toggle() : this.detectByCoordinates();\n\t\t\t\t});\n\t\t}\n\t}\n\n\tprotected override incomingUpdate(value: T | null): void {\n\t\tsuper.incomingUpdate(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\toverride updateModel(value: boolean | T | null): void {\n\t\tsuper.updateModel(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\tprotected setState(isSelected: boolean): void {\n\t\tisSelected\n\t\t\t? this.circle &&\n\t\t\t  this.renderer.setStyle(\n\t\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t\t'transform',\n\t\t\t\t\t`translateX(${this.maxPixelValue}px)`,\n\t\t\t  )\n\t\t\t: this.circle &&\n\t\t\t  this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(0)`);\n\t}\n\n\tprivate setDragging(value: boolean): void {\n\t\tthis.dragging = value;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tprivate detectByCoordinates(): void {\n\t\tif (!this.disabled && this.wrapper && this.circle) {\n\t\t\tconst wrapperMiddle: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.wrapper.nativeElement).x +\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth / 2;\n\t\t\tconst circleCenterLeft: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +\n\t\t\t\tthis.circle.nativeElement.offsetWidth / 2;\n\t\t\tcircleCenterLeft > wrapperMiddle ? this.select() : this.deselect();\n\t\t\tthis.setState(!!this.checked);\n\t\t}\n\t}\n\n\tprivate changeCirclePosition(delta: number): void {\n\t\tif (this.wrapper && this.circle) {\n\t\t\tconst wrapperLeft: number = NgDocPositionUtils.getElementPosition(\n\t\t\t\tthis.wrapper.nativeElement,\n\t\t\t).x;\n\t\t\tconst circleLeft: number = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x;\n\t\t\tconst newPosition: number = Math.max(\n\t\t\t\tMath.min(circleLeft - wrapperLeft - 3 + delta, this.maxPixelValue),\n\t\t\t\t0,\n\t\t\t);\n\t\t\tthis.renderer.setStyle(\n\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t'transform',\n\t\t\t\t`translateX(${newPosition}px)`,\n\t\t\t);\n\t\t}\n\t}\n}\n","<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-toggle.mjs","sources":["../../../../libs/ui-kit/components/toggle/toggle.component.ts","../../../../libs/ui-kit/components/toggle/toggle.component.html","../../../../libs/ui-kit/components/toggle/ng-doc-ui-kit-components-toggle.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tinject,\n\tOnInit,\n\tViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { NgDocPositionUtils } from '@ng-doc/ui-kit/utils';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\nimport { fromEvent } from 'rxjs';\nimport { filter, last, map, pairwise, startWith, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-toggle',\n\ttemplateUrl: './toggle.component.html',\n\tstyleUrls: ['./toggle.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocToggleComponent<T>\n\textends DIStateControl<T>\n\timplements OnInit, ControlValueAccessor\n{\n\t@ViewChild('wrapper', { static: true })\n\tprivate wrapper?: ElementRef<HTMLElement>;\n\n\t@ViewChild('circle', { static: true })\n\tprivate circle?: ElementRef<HTMLElement>;\n\n\t@HostBinding('attr.data-ng-doc-dragging')\n\tdragging: boolean = false;\n\n\tprivate maxPixelValue: number = 0;\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl({ optional: true }),\n\t\t\tcompareHost: inject(DICompareHost, { optional: true }),\n\t\t\tonIncomingUpdate: () => {\n\t\t\t\tthis.setState(!!this.checked());\n\t\t\t},\n\t\t});\n\t}\n\n\toverride ngOnInit(): void {\n\t\tsuper.ngOnInit();\n\t\tif (this.wrapper && this.circle) {\n\t\t\tthis.maxPixelValue =\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth - this.circle.nativeElement.offsetWidth - 6;\n\t\t\tfromEvent(this.circle.nativeElement, 'mousedown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(() => !this.disabled),\n\t\t\t\t\tswitchMap(() => {\n\t\t\t\t\t\tconst transition: string = this.circle?.nativeElement.style.transition ?? '';\n\t\t\t\t\t\tthis.renderer.setStyle(this.circle?.nativeElement, 'transition', '');\n\t\t\t\t\t\tthis.setDragging(true);\n\n\t\t\t\t\t\treturn fromEvent(document.body, 'mousemove').pipe(\n\t\t\t\t\t\t\tpairwise(),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [Event, Event]) =>\n\t\t\t\t\t\t\t\t\t[newEvent, oldEvent] as [MouseEvent, MouseEvent],\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmap(\n\t\t\t\t\t\t\t\t([newEvent, oldEvent]: [MouseEvent, MouseEvent]) =>\n\t\t\t\t\t\t\t\t\toldEvent.clientX - newEvent.clientX,\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tfilter((deltaX: number) => deltaX !== 0),\n\t\t\t\t\t\t\ttap((deltaX: number) => this.changeCirclePosition(deltaX)),\n\t\t\t\t\t\t\tstartWith(null),\n\t\t\t\t\t\t\ttakeUntil(\n\t\t\t\t\t\t\t\tfromEvent(document.body, 'mouseup').pipe(tap(() => this.setDragging(false))),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tlast(),\n\t\t\t\t\t\t\ttap(\n\t\t\t\t\t\t\t\t() =>\n\t\t\t\t\t\t\t\t\tthis.circle &&\n\t\t\t\t\t\t\t\t\tthis.renderer.setStyle(this.circle.nativeElement, 'transition', transition),\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t);\n\t\t\t\t\t}),\n\t\t\t\t\tuntilDestroyed(this),\n\t\t\t\t)\n\t\t\t\t.subscribe((deltaX: number | null) => {\n\t\t\t\t\tdeltaX === null ? this.toggle() : this.detectByCoordinates();\n\t\t\t\t});\n\t\t}\n\t}\n\n\toverride updateModel(value: boolean | T | null): void {\n\t\tsuper.updateModel(value);\n\t\tthis.setState(!!this.checked);\n\t}\n\n\tprotected setState(isSelected: boolean): void {\n\t\tisSelected\n\t\t\t? this.circle &&\n\t\t\t  this.renderer.setStyle(\n\t\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t\t'transform',\n\t\t\t\t\t`translateX(${this.maxPixelValue}px)`,\n\t\t\t  )\n\t\t\t: this.circle &&\n\t\t\t  this.renderer.setStyle(this.circle.nativeElement, 'transform', `translateX(0)`);\n\t}\n\n\tprivate setDragging(value: boolean): void {\n\t\tthis.dragging = value;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tprivate detectByCoordinates(): void {\n\t\tif (!this.disabled && this.wrapper && this.circle) {\n\t\t\tconst wrapperMiddle: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.wrapper.nativeElement).x +\n\t\t\t\tthis.wrapper.nativeElement.offsetWidth / 2;\n\t\t\tconst circleCenterLeft: number =\n\t\t\t\tNgDocPositionUtils.getElementPosition(this.circle.nativeElement).x +\n\t\t\t\tthis.circle.nativeElement.offsetWidth / 2;\n\t\t\tcircleCenterLeft > wrapperMiddle ? this.check() : this.uncheck();\n\t\t\tthis.setState(!!this.checked);\n\t\t}\n\t}\n\n\tprivate changeCirclePosition(delta: number): void {\n\t\tif (this.wrapper && this.circle) {\n\t\t\tconst wrapperLeft: number = NgDocPositionUtils.getElementPosition(\n\t\t\t\tthis.wrapper.nativeElement,\n\t\t\t).x;\n\t\t\tconst circleLeft: number = NgDocPositionUtils.getElementPosition(this.circle.nativeElement).x;\n\t\t\tconst newPosition: number = Math.max(\n\t\t\t\tMath.min(circleLeft - wrapperLeft - 3 + delta, this.maxPixelValue),\n\t\t\t\t0,\n\t\t\t);\n\t\t\tthis.renderer.setStyle(\n\t\t\t\tthis.circle.nativeElement,\n\t\t\t\t'transform',\n\t\t\t\t`translateX(${newPosition}px)`,\n\t\t\t);\n\t\t}\n\t}\n}\n","<div class=\"ng-doc-toggle-wrapper\" (click)=\"toggle()\" #wrapper>\n\t<div class=\"ng-doc-toggle-circle\" #circle></div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAwBO,IAAM,oBAAoB,GAA1B,MAAM,oBACZ,SAAQ,cAAiB,CAAA;AAczB,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YACtD,gBAAgB,EAAE,MAAK;gBACtB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;aAChC;AACD,SAAA,CAAC,CAAC;QAXJ,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAElB,IAAa,CAAA,aAAA,GAAW,CAAC,CAAC;KAUjC;IAEQ,QAAQ,GAAA;QAChB,KAAK,CAAC,QAAQ,EAAE,CAAC;AACjB,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AAChC,YAAA,IAAI,CAAC,aAAa;AACjB,gBAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;YACpF,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC;AAC/C,iBAAA,IAAI,CACJ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAC5B,SAAS,CAAC,MAAK;AACd,gBAAA,MAAM,UAAU,GAAW,IAAI,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;AAC7E,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC;AACrE,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAEvB,OAAO,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAAI,CAChD,QAAQ,EAAE,EACV,GAAG,CACF,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAiB,KACpC,CAAC,QAAQ,EAAE,QAAQ,CAA6B,CACjD,EACD,GAAG,CACF,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAA2B,KAC9C,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CACpC,EACD,MAAM,CAAC,CAAC,MAAc,KAAK,MAAM,KAAK,CAAC,CAAC,EACxC,GAAG,CAAC,CAAC,MAAc,KAAK,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,EAC1D,SAAS,CAAC,IAAI,CAAC,EACf,SAAS,CACR,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAC5E,EACD,IAAI,EAAE,EACN,GAAG,CACF,MACC,IAAI,CAAC,MAAM;AACX,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,YAAY,EAAE,UAAU,CAAC,CAC5E,CACD,CAAC;AACH,aAAC,CAAC,EACF,cAAc,CAAC,IAAI,CAAC,CACpB;AACA,iBAAA,SAAS,CAAC,CAAC,MAAqB,KAAI;AACpC,gBAAA,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC9D,aAAC,CAAC,CAAC;AACJ,SAAA;KACD;AAEQ,IAAA,WAAW,CAAC,KAAyB,EAAA;AAC7C,QAAA,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KAC9B;AAES,IAAA,QAAQ,CAAC,UAAmB,EAAA;QACrC,UAAU;cACP,IAAI,CAAC,MAAM;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACtB,IAAI,CAAC,MAAM,CAAC,aAAa,EACzB,WAAW,EACX,CAAA,WAAA,EAAc,IAAI,CAAC,aAAa,KAAK,CACpC;cACD,IAAI,CAAC,MAAM;AACX,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,WAAW,EAAE,CAAA,aAAA,CAAe,CAAC,CAAC;KACnF;AAEO,IAAA,WAAW,CAAC,KAAc,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;IAEO,mBAAmB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AAClD,YAAA,MAAM,aAAa,GAClB,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;gBACnE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;AAC5C,YAAA,MAAM,gBAAgB,GACrB,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;gBAClE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAC;AAC3C,YAAA,gBAAgB,GAAG,aAAa,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YACjE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC9B,SAAA;KACD;AAEO,IAAA,oBAAoB,CAAC,KAAa,EAAA;AACzC,QAAA,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE;AAChC,YAAA,MAAM,WAAW,GAAW,kBAAkB,CAAC,kBAAkB,CAChE,IAAI,CAAC,OAAO,CAAC,aAAa,CAC1B,CAAC,CAAC,CAAC;AACJ,YAAA,MAAM,UAAU,GAAW,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;YAC9F,MAAM,WAAW,GAAW,IAAI,CAAC,GAAG,CACnC,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAClE,CAAC,CACD,CAAC;AACF,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACrB,IAAI,CAAC,MAAM,CAAC,aAAa,EACzB,WAAW,EACX,cAAc,WAAW,CAAA,GAAA,CAAK,CAC9B,CAAC;AACF,SAAA;KACD;8GAzHW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2XCxBjC,qIAGA,EAAA,MAAA,EAAA,CAAA,igCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;ADqBa,oBAAoB,GAAA,UAAA,CAAA;AADhC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,oBAAoB,CA0HhC,CAAA;2FA1HY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAGR,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,qIAAA,EAAA,MAAA,EAAA,CAAA,igCAAA,CAAA,EAAA,CAAA;wDAQR,OAAO,EAAA,CAAA;sBADd,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAI9B,MAAM,EAAA,CAAA;sBADb,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIrC,QAAQ,EAAA,CAAA;sBADP,WAAW;uBAAC,2BAA2B,CAAA;;;AElCzC;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class NgDocWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocWrapperComponent, isStandalone: true, selector: "ng-doc-wrapper", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host[data-ng-doc-focused=true]{--ng-doc-floated-border-color: var(--ng-doc-floated-focus-border-color, var(--ng-doc-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocWrapperComponent, isStandalone: true, selector: "ng-doc-wrapper", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host[data-ng-doc-focused=true]{--ng-doc-floated-border-color: var(--ng-doc-floated-focus-border-color, var(--ng-doc-primary))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-wrapper', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host[data-ng-doc-focused=true]{--ng-doc-floated-border-color: var(--ng-doc-floated-focus-border-color, var(--ng-doc-primary))}\n"] }]
         }] });

package/fesm2022/ng-doc-ui-kit-components-wrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-wrapper.mjs","sources":["../../../../libs/ui-kit/components/wrapper/wrapper.component.ts","../../../../libs/ui-kit/components/wrapper/ng-doc-ui-kit-components-wrapper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-wrapper',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./wrapper.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocWrapperComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,MAOa,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0EALvB,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,YAChB,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,CAAA;;;ACPjB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-wrapper.mjs","sources":["../../../../libs/ui-kit/components/wrapper/wrapper.component.ts","../../../../libs/ui-kit/components/wrapper/ng-doc-ui-kit-components-wrapper.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-wrapper',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./wrapper.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocWrapperComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0EALvB,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,YAChB,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,CAAA;;;ACPjB;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs

@@ -16,16 +16,16 @@ class NgDocAutofocusDirective {
             Promise.resolve().then(() => element.select());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocAutofocusDirective, isStandalone: true, selector: "[ngDocAutofocus]", inputs: { selectAll: "selectAll" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocAutofocusDirective, isStandalone: true, selector: "[ngDocAutofocus]", inputs: { selectAll: "selectAll" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocAutofocus]',
                     standalone: true,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { selectAll: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { selectAll: [{
                 type: Input
             }] } });
 

package/fesm2022/ng-doc-ui-kit-directives-autofocus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-autofocus.mjs","sources":["../../../../libs/ui-kit/directives/autofocus/autofocus.directive.ts","../../../../libs/ui-kit/directives/autofocus/ng-doc-ui-kit-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, Input, OnInit } from '@angular/core';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n@Directive({\n\tselector: '[ngDocAutofocus]',\n\tstandalone: true,\n})\nexport class NgDocAutofocusDirective implements OnInit {\n\t@Input()\n\tselectAll: boolean = false;\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>) {}\n\n\tngOnInit(): void {\n\t\tconst element: HTMLElement = this.elementRef.nativeElement;\n\n\t\tif (NgDocFocusUtils.isNativeKeyboardFocusable(element)) {\n\t\t\telement.focus();\n\t\t}\n\n\t\tif (this.selectAll && element instanceof HTMLInputElement) {\n\t\t\tPromise.resolve().then(() => element.select());\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAIa,uBAAuB,CAAA;AAInC,IAAA,WAAA,CAAoB,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAFvD,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;KAEgC;IAE3D,QAAQ,GAAA;AACP,QAAA,MAAM,OAAO,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAE3D,QAAA,IAAI,eAAe,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE;YACvD,OAAO,CAAC,KAAK,EAAE,CAAC;AAChB,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,YAAY,gBAAgB,EAAE;AAC1D,YAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC/C,SAAA;KACD;8GAhBW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;iGAGA,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACRP;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-autofocus.mjs","sources":["../../../../libs/ui-kit/directives/autofocus/autofocus.directive.ts","../../../../libs/ui-kit/directives/autofocus/ng-doc-ui-kit-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, Input, OnInit } from '@angular/core';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n@Directive({\n\tselector: '[ngDocAutofocus]',\n\tstandalone: true,\n})\nexport class NgDocAutofocusDirective implements OnInit {\n\t@Input()\n\tselectAll: boolean = false;\n\n\tconstructor(private elementRef: ElementRef<HTMLElement>) {}\n\n\tngOnInit(): void {\n\t\tconst element: HTMLElement = this.elementRef.nativeElement;\n\n\t\tif (NgDocFocusUtils.isNativeKeyboardFocusable(element)) {\n\t\t\telement.focus();\n\t\t}\n\n\t\tif (this.selectAll && element instanceof HTMLInputElement) {\n\t\t\tPromise.resolve().then(() => element.select());\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,uBAAuB,CAAA;AAInC,IAAA,WAAA,CAAoB,UAAmC,EAAA;QAAnC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAFvD,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;KAEgC;IAE3D,QAAQ,GAAA;AACP,QAAA,MAAM,OAAO,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;AAE3D,QAAA,IAAI,eAAe,CAAC,yBAAyB,CAAC,OAAO,CAAC,EAAE;YACvD,OAAO,CAAC,KAAK,EAAE,CAAC;AAChB,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,YAAY,gBAAgB,EAAE;AAC1D,YAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AAC/C,SAAA;KACD;8GAhBW,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAJnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;+EAGA,SAAS,EAAA,CAAA;sBADR,KAAK;;;ACRP;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs

@@ -19,16 +19,16 @@ class NgDocCheckedChangeDirective {
     updateProperty(property, value) {
         this.renderer.setProperty(this.element.nativeElement, property, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckedChangeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocCheckedChangeDirective, isStandalone: true, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: { ngDocChecked: "ngDocChecked" }, outputs: { ngDocCheckedChange: "ngDocCheckedChange" }, host: { listeners: { "change": "onChange($event.target)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckedChangeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocCheckedChangeDirective, isStandalone: true, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: { ngDocChecked: "ngDocChecked" }, outputs: { ngDocCheckedChange: "ngDocCheckedChange" }, host: { listeners: { "change": "onChange($event.target)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckedChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckedChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngDocChecked], input[ngDocCheckedChange]',
                     standalone: true,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { ngDocChecked: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { ngDocChecked: [{
                 type: Input
             }], ngDocCheckedChange: [{
                 type: Output

package/fesm2022/ng-doc-ui-kit-directives-checked-change.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-checked-change.mjs","sources":["../../../../libs/ui-kit/directives/checked-change/checked-change.directive.ts","../../../../libs/ui-kit/directives/checked-change/ng-doc-ui-kit-directives-checked-change.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostListener,\n\tInput,\n\tOutput,\n\tRenderer2,\n} from '@angular/core';\n\n@Directive({\n\tselector: 'input[ngDocChecked], input[ngDocCheckedChange]',\n\tstandalone: true,\n})\nexport class NgDocCheckedChangeDirective {\n\t@Input()\n\tset ngDocChecked(checked: null | boolean) {\n\t\tthis.updateProperty('checked', checked || false);\n\t\tthis.updateProperty('indeterminate', checked === null);\n\t}\n\n\t@Output()\n\treadonly ngDocCheckedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\tconstructor(\n\t\tprivate readonly element: ElementRef<HTMLInputElement>,\n\t\tprivate readonly renderer: Renderer2,\n\t) {\n\t\tthis.updateProperty('checked', false);\n\t}\n\n\t@HostListener('change', ['$event.target'])\n\tonChange({ checked }: HTMLInputElement): void {\n\t\tthis.updateProperty('indeterminate', false);\n\t\tthis.ngDocCheckedChange.emit(checked);\n\t}\n\n\tprivate updateProperty(property: 'checked' | 'indeterminate', value: boolean): void {\n\t\tthis.renderer.setProperty(this.element.nativeElement, property, value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAUA,MAIa,2BAA2B,CAAA;IACvC,IACI,YAAY,CAAC,OAAuB,EAAA;QACvC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;KACvD;IAKD,WACkB,CAAA,OAAqC,EACrC,QAAmB,EAAA;QADnB,IAAO,CAAA,OAAA,GAAP,OAAO,CAA8B;QACrC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAJ5B,QAAA,IAAA,CAAA,kBAAkB,GAA0B,IAAI,YAAY,EAAW,CAAC;AAMhF,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KACtC;IAGD,QAAQ,CAAC,EAAE,OAAO,EAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC5C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACtC;IAEO,cAAc,CAAC,QAAqC,EAAE,KAAc,EAAA;AAC3E,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;KACvE;8GAzBW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,gDAAgD;AAC1D,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;yHAGI,YAAY,EAAA,CAAA;sBADf,KAAK;gBAOG,kBAAkB,EAAA,CAAA;sBAD1B,MAAM;gBAWP,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,CAAA;;;AC/B1C;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-checked-change.mjs","sources":["../../../../libs/ui-kit/directives/checked-change/checked-change.directive.ts","../../../../libs/ui-kit/directives/checked-change/ng-doc-ui-kit-directives-checked-change.ts"],"sourcesContent":["import {\n\tDirective,\n\tElementRef,\n\tEventEmitter,\n\tHostListener,\n\tInput,\n\tOutput,\n\tRenderer2,\n} from '@angular/core';\n\n@Directive({\n\tselector: 'input[ngDocChecked], input[ngDocCheckedChange]',\n\tstandalone: true,\n})\nexport class NgDocCheckedChangeDirective {\n\t@Input()\n\tset ngDocChecked(checked: null | boolean) {\n\t\tthis.updateProperty('checked', checked || false);\n\t\tthis.updateProperty('indeterminate', checked === null);\n\t}\n\n\t@Output()\n\treadonly ngDocCheckedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n\tconstructor(\n\t\tprivate readonly element: ElementRef<HTMLInputElement>,\n\t\tprivate readonly renderer: Renderer2,\n\t) {\n\t\tthis.updateProperty('checked', false);\n\t}\n\n\t@HostListener('change', ['$event.target'])\n\tonChange({ checked }: HTMLInputElement): void {\n\t\tthis.updateProperty('indeterminate', false);\n\t\tthis.ngDocCheckedChange.emit(checked);\n\t}\n\n\tprivate updateProperty(property: 'checked' | 'indeterminate', value: boolean): void {\n\t\tthis.renderer.setProperty(this.element.nativeElement, property, value);\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAca,2BAA2B,CAAA;IACvC,IACI,YAAY,CAAC,OAAuB,EAAA;QACvC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,OAAO,IAAI,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;KACvD;IAKD,WACkB,CAAA,OAAqC,EACrC,QAAmB,EAAA;QADnB,IAAO,CAAA,OAAA,GAAP,OAAO,CAA8B;QACrC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAJ5B,QAAA,IAAA,CAAA,kBAAkB,GAA0B,IAAI,YAAY,EAAW,CAAC;AAMhF,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;KACtC;IAGD,QAAQ,CAAC,EAAE,OAAO,EAAoB,EAAA;AACrC,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAC5C,QAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACtC;IAEO,cAAc,CAAC,QAAqC,EAAE,KAAc,EAAA;AAC3E,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;KACvE;8GAzBW,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAJvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,gDAAgD;AAC1D,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;uGAGI,YAAY,EAAA,CAAA;sBADf,KAAK;gBAOG,kBAAkB,EAAA,CAAA;sBAD1B,MAAM;gBAWP,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,QAAQ,EAAE,CAAC,eAAe,CAAC,CAAA;;;AC/B1C;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-data.mjs

@@ -6,16 +6,16 @@ class NgDocDataDirective {
         this.template = template;
         this.viewContainerRef = viewContainerRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDataDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDataDirective, isStandalone: true, selector: "[ngDocData]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDataDirective, isStandalone: true, selector: "[ngDocData]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDataDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocData]',
                     standalone: true,
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; } });
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-doc-ui-kit-directives-data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-data.mjs","sources":["../../../../libs/ui-kit/directives/data/data.directive.ts","../../../../libs/ui-kit/directives/data/ng-doc-ui-kit-directives-data.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[ngDocData]',\n\tstandalone: true,\n})\nexport class NgDocDataDirective {\n\tconstructor(\n\t\tprotected template: TemplateRef<unknown>,\n\t\tprotected viewContainerRef: ViewContainerRef,\n\t) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,MAIa,kBAAkB,CAAA;IAC9B,WACW,CAAA,QAA8B,EAC9B,gBAAkC,EAAA;QADlC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAsB;QAC9B,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KACzC;8GAJQ,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-data.mjs","sources":["../../../../libs/ui-kit/directives/data/data.directive.ts","../../../../libs/ui-kit/directives/data/ng-doc-ui-kit-directives-data.ts"],"sourcesContent":["import { Directive, TemplateRef, ViewContainerRef } from '@angular/core';\n\n@Directive({\n\tselector: '[ngDocData]',\n\tstandalone: true,\n})\nexport class NgDocDataDirective {\n\tconstructor(\n\t\tprotected template: TemplateRef<unknown>,\n\t\tprotected viewContainerRef: ViewContainerRef,\n\t) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,kBAAkB,CAAA;IAC9B,WACW,CAAA,QAA8B,EAC9B,gBAAkC,EAAA;QADlC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAsB;QAC9B,IAAgB,CAAA,gBAAA,GAAhB,gBAAgB,CAAkB;KACzC;8GAJQ,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs

@@ -15,10 +15,10 @@ class NgDocDropdownHandlerDirective {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDropdownHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDropdownHandlerDirective, isStandalone: true, selector: "[ngDocDropdownHandler]", inputs: { dropdown: ["ngDocDropdownHandler", "dropdown"] }, host: { listeners: { "keydown": "keyboardEvent($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDropdownHandlerDirective, isStandalone: true, selector: "[ngDocDropdownHandler]", inputs: { dropdown: ["ngDocDropdownHandler", "dropdown"] }, host: { listeners: { "keydown": "keyboardEvent($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDropdownHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDropdownHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocDropdownHandler]',

package/fesm2022/ng-doc-ui-kit-directives-dropdown-handler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-handler.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-handler/dropdown-handler.directive.ts","../../../../libs/ui-kit/directives/dropdown-handler/ng-doc-ui-kit-directives-dropdown-handler.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\n\n@Directive({\n\tselector: '[ngDocDropdownHandler]',\n\tstandalone: true,\n})\nexport class NgDocDropdownHandlerDirective {\n\t@Input('ngDocDropdownHandler')\n\tdropdown?: NgDocDropdownComponent;\n\n\t@HostListener('keydown', ['$event'])\n\tkeyboardEvent(event: KeyboardEvent): void {\n\t\tif (this.dropdown) {\n\t\t\tif (event.key === 'ArrowDown' && !this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.open();\n\t\t\t}\n\n\t\t\tif (event.key === 'Escape' && this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.close();\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAIa,6BAA6B,CAAA;AAKzC,IAAA,aAAa,CAAC,KAAoB,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACzD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrB,aAAA;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACrD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;AACtB,aAAA;AACD,SAAA;KACD;8GAjBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;8BAGA,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,sBAAsB,CAAA;gBAI7B,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ACXpC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-directives-dropdown-handler.mjs","sources":["../../../../libs/ui-kit/directives/dropdown-handler/dropdown-handler.directive.ts","../../../../libs/ui-kit/directives/dropdown-handler/ng-doc-ui-kit-directives-dropdown-handler.ts"],"sourcesContent":["import { Directive, HostListener, Input } from '@angular/core';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\n\n@Directive({\n\tselector: '[ngDocDropdownHandler]',\n\tstandalone: true,\n})\nexport class NgDocDropdownHandlerDirective {\n\t@Input('ngDocDropdownHandler')\n\tdropdown?: NgDocDropdownComponent;\n\n\t@HostListener('keydown', ['$event'])\n\tkeyboardEvent(event: KeyboardEvent): void {\n\t\tif (this.dropdown) {\n\t\t\tif (event.key === 'ArrowDown' && !this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.open();\n\t\t\t}\n\n\t\t\tif (event.key === 'Escape' && this.dropdown.isOpened) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tthis.dropdown.close();\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,6BAA6B,CAAA;AAKzC,IAAA,aAAa,CAAC,KAAoB,EAAA;QACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACzD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;AACrB,aAAA;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACrD,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,gBAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;AACtB,aAAA;AACD,SAAA;KACD;8GAjBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA7B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;8BAGA,QAAQ,EAAA,CAAA;sBADP,KAAK;uBAAC,sBAAsB,CAAA;gBAI7B,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ACXpC;;AAEG;;;;"}