@ng-doc/ui-kit 16.17.0 → 16.18.0

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

@@ -7,10 +7,10 @@ class NgDocBlockquoteComponent {
     constructor() {
         this.type = 'default';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocBlockquoteComponent, isStandalone: true, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\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);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-blockquote-background, var(--ng-doc-base-9));opacity:.1;border-radius:inherit;overflow:hidden;pointer-events:none}:host{position:relative}:host:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9));opacity:.2;border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocBlockquoteComponent, isStandalone: true, selector: "blockquote[ng-doc-blockquote]", inputs: { type: "type" }, host: { properties: { "attr.data-ng-doc-type": "this.type" } }, ngImport: i0, template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\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);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-blockquote-background, var(--ng-doc-base-9));opacity:.1;border-radius:inherit;overflow:hidden;pointer-events:none}:host{position:relative}:host:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9));opacity:.2;border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'blockquote[ng-doc-blockquote]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent], template: "<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\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);position:relative;display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:var(--ng-doc-base-gutter);margin:var(--ng-doc-blockquote-margin);overflow:hidden;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-blockquote-background, var(--ng-doc-base-9));opacity:.1;border-radius:inherit;overflow:hidden;pointer-events:none}:host{position:relative}:host:after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--ng-doc-blockquote-border-color, var(--ng-doc-base-9));opacity:.2;border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-type=note]{--ng-doc-blockquote-background: var(--ng-doc-info);--ng-doc-blockquote-border-color: var(--ng-doc-info);--ng-doc-icon-color: var(--ng-doc-info)}:host[data-ng-doc-type=warning]{--ng-doc-blockquote-background: var(--ng-doc-warning);--ng-doc-blockquote-border-color: var(--ng-doc-warning);--ng-doc-icon-color: var(--ng-doc-warning)}:host[data-ng-doc-type=alert]{--ng-doc-blockquote-background: var(--ng-doc-alert);--ng-doc-blockquote-border-color: var(--ng-doc-alert);--ng-doc-icon-color: var(--ng-doc-alert)}:host .ng-doc-blockquote-icon{display:flex;margin-right:calc(var(--ng-doc-base-gutter) * 2)}:host ::ng-deep p{margin:0}\n"] }]
         }], propDecorators: { type: [{

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocBlockquoteType } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA,MAQa,wBAAwB,CAAA;AARrC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;AACtC,KAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrC,4cAUA,EDCW,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE9C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAGxB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocBlockquoteType } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'blockquote[ng-doc-blockquote]',\n\ttemplateUrl: './blockquote.component.html',\n\tstyleUrls: ['./blockquote.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgSwitch, NgSwitchCase, NgDocIconComponent],\n})\nexport class NgDocBlockquoteComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-type')\n\ttype: NgDocBlockquoteType = 'default';\n}\n","<div class=\"ng-doc-blockquote-icon\" *ngIf=\"type !== 'default'\">\n\t<ng-container [ngSwitch]=\"type\">\n\t\t<ng-doc-icon *ngSwitchCase=\"'note'\" icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'warning'\" icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t<ng-doc-icon *ngSwitchCase=\"'alert'\" icon=\"alert-circle\" [size]=\"24\"></ng-doc-icon>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,wBAAwB,CAAA;AARrC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAwB,SAAS,CAAC;AACtC,KAAA;8GAJY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbrC,4cAUA,EDCW,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,QAAQ,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE9C,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBARpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+BAA+B,EAGxB,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,4cAAA,EAAA,MAAA,EAAA,CAAA,qhDAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-button-icon.mjs

@@ -6,10 +6,10 @@ class NgDocButtonIconComponent {
         this.size = 'medium';
         this.rounded = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonIconComponent, isStandalone: true, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-base-6);--ng-doc-button-hover-color: var(--ng-doc-base-8);--ng-doc-button-active-color: var(--ng-doc-base-10);--ng-doc-button-hover-background: transparent;--ng-doc-button-active-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocButtonIconComponent, isStandalone: true, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: { size: "size", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-base-6);--ng-doc-button-hover-color: var(--ng-doc-base-8);--ng-doc-button-active-color: var(--ng-doc-base-10);--ng-doc-button-hover-background: transparent;--ng-doc-button-active-background: transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocButtonIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:50%;width:calc(var(--ng-doc-base-gutter) * 4);height:calc(var(--ng-doc-base-gutter) * 4);background-color:var(--ng-doc-button-background);color:var(--ng-doc-button-color);overflow:hidden;--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-size=small]{width:calc(var(--ng-doc-base-gutter) * 3);height:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{width:calc(var(--ng-doc-base-gutter) * 5);height:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{background-color:var(--ng-doc-button-hover-background);color:var(--ng-doc-button-hover-color);--ng-doc-icon-color: var(--ng-doc-button-hover-color)}:host:active{background-color:var(--ng-doc-button-active-background);color:var(--ng-doc-button-active-color);--ng-doc-icon-color: var(--ng-doc-button-active-color)}:host[data-ng-doc-rounded=false]{--ng-doc-button-color: var(--ng-doc-base-6);--ng-doc-button-hover-color: var(--ng-doc-base-8);--ng-doc-button-active-color: var(--ng-doc-base-10);--ng-doc-button-hover-background: transparent;--ng-doc-button-active-background: transparent}\n"] }]
         }], propDecorators: { size: [{

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-button-icon.mjs","sources":["../../../../libs/ui-kit/components/button-icon/button-icon.component.ts","../../../../libs/ui-kit/components/button-icon/button-icon.component.html","../../../../libs/ui-kit/components/button-icon/ng-doc-ui-kit-components-button-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]',\n\ttemplateUrl: './button-icon.component.html',\n\tstyleUrls: ['./button-icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonIconComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = true;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAOa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AACxB,KAAA;8GARY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,uQCVrC,6BACA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mDAAmD,EAG5C,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;AEhBxC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-button-icon.mjs","sources":["../../../../libs/ui-kit/components/button-icon/button-icon.component.ts","../../../../libs/ui-kit/components/button-icon/button-icon.component.html","../../../../libs/ui-kit/components/button-icon/ng-doc-ui-kit-components-button-icon.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'button[ng-doc-button-icon], a[ng-doc-button-icon]',\n\ttemplateUrl: './button-icon.component.html',\n\tstyleUrls: ['./button-icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonIconComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'medium';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n\trounded: boolean = true;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,wBAAwB,CAAA;AAPrC,IAAA,WAAA,GAAA;QAUC,IAAI,CAAA,IAAA,GAAc,QAAQ,CAAC;QAI3B,IAAO,CAAA,OAAA,GAAY,IAAI,CAAC;AACxB,KAAA;8GARY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,uQCVrC,6BACA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mDAAmD,EAG5C,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,qqCAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;AEhBxC;;AAEG;;;;"}

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

@@ -6,12 +6,11 @@ class NgDocButtonComponent {
         this.size = 'small';
         this.color = 'primary';
         this.rounded = false;
-        this.number = 123;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded", number: "number" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, 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);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, 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);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"] }]
         }], propDecorators: { size: [{
@@ -29,8 +28,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-rounded']
-            }], number: [{
-                type: Input
             }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector:\n\t\t'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]',\n\ttemplate: `<ng-content></ng-content>`,\n\tstyleUrls: ['./button.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'small';\n\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-rounded')\n\trounded: boolean = false;\n\n\t@Input()\n\tnumber: number = 123;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA,MAQa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;QAI1B,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;QAGzB,IAAM,CAAA,MAAA,GAAW,GAAG,CAAC;AACrB,KAAA;8GAfY,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,6aALtB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAER,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,YACtI,CAA2B,yBAAA,CAAA,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;gBAIvC,MAAM,EAAA,CAAA;sBADL,KAAK;;;ACxBP;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector:\n\t\t'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]',\n\ttemplate: `<ng-content></ng-content>`,\n\tstyleUrls: ['./button.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocSize = 'small';\n\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-rounded')\n\trounded: boolean = false;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAWa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWC,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;QAI1B,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;QAI9B,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACzB,KAAA;8GAZY,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,2ZALtB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAER,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,YACtI,CAA2B,yBAAA,CAAA,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,09LAAA,CAAA,EAAA,CAAA;8BAKhB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBAKpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAKrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;ACrBxC;;AAEG;;;;"}

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

@@ -1,36 +1,26 @@
 import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Inject, Optional, Input, HostBinding } from '@angular/core';
+import { inject, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
 import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';
 import { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';
 import { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';
-import * as i1 from 'flex-controls';
-import { FlControlSelector, FlCompareHost, FL_CONTROL_HOST } from 'flex-controls';
+import { DIStateControl, injectHostControl, DICompareHost } from 'di-controls';
 
-class NgDocCheckboxComponent extends FlControlSelector {
-    constructor(compareHost, host) {
-        super(compareHost, host);
-        this.compareHost = compareHost;
-        this.host = host;
+class NgDocCheckboxComponent extends DIStateControl {
+    constructor() {
+        super({
+            host: injectHostControl({ optional: true }),
+            compareHost: inject(DICompareHost, { optional: true }),
+        });
         this.color = 'primary';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, deps: [{ 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: NgDocCheckboxComponent, isStandalone: true, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocCheckboxComponent, isStandalone: true, selector: "ng-doc-checkbox", inputs: { color: "color" }, host: { properties: { "attr.data-lu-color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked()\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); touch()\"\n\t\t\t(blur)=\"touch()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent], template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FlCompareHost, decorators: [{
-                    type: Inject,
-                    args: [FlCompareHost]
-                }, {
-                    type: Optional
-                }] }, { type: i1.FlControlHost, decorators: [{
-                    type: Inject,
-                    args: [FL_CONTROL_HOST]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { color: [{
+            args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent], template: "<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked()\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); touch()\"\n\t\t\t(blur)=\"touch()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;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)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { color: [{
                 type: Input
             }, {
                 type: HostBinding,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tHostBinding,\n\tInject,\n\tInput,\n\tOptional,\n} from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { FL_CONTROL_HOST, FlCompareHost, FlControlHost, FlControlSelector } from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends FlControlSelector<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor(\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","<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); onTouched()\"\n\t\t\t(blur)=\"onTouched()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAeA,MAQa,sBAA0B,SAAQ,iBAAoB,CAAA;IAKlE,WAGoB,CAAA,WAA+C,EAG/C,IAAuB,EAAA;AAE1C,QAAA,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QALN,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoC;QAG/C,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAmB;QAR3C,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;KAW7B;8GAdW,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAMzB,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAGb,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGATZ,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBnC,2sBAqBA,EDAW,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,sJAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,2sBAAA,EAAA,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,CAAA;;0BAQvF,MAAM;2BAAC,aAAa,CAAA;;0BACpB,QAAQ;;0BAER,MAAM;2BAAC,eAAe,CAAA;;0BACtB,QAAQ;4CAPV,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,oBAAoB,CAAA;;;AEzBlC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-checkbox.mjs","sources":["../../../../libs/ui-kit/components/checkbox/checkbox.component.ts","../../../../libs/ui-kit/components/checkbox/checkbox.component.html","../../../../libs/ui-kit/components/checkbox/ng-doc-ui-kit-components-checkbox.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends DIStateControl<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl({ optional: true }),\n\t\t\tcompareHost: inject(DICompareHost, { optional: true }),\n\t\t});\n\t}\n}\n","<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n\t\t<input\n\t\t\ttype=\"checkbox\"\n\t\t\t[disabled]=\"disabled\"\n\t\t\t[ngDocChecked]=\"checked()\"\n\t\t\t(ngDocCheckedChange)=\"toggle(); touch()\"\n\t\t\t(blur)=\"touch()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAgBM,MAAO,sBAA0B,SAAQ,cAAiB,CAAA;AAK/D,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;AACtD,SAAA,CAAC,CAAC;QANJ,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;KAO7B;8GAVW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,qsBAqBA,EDPW,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,sJAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,qsBAAA,EAAA,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,CAAA;wDAKzF,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,oBAAoB,CAAA;;;AElBlC;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-clear-control.mjs

@@ -1,26 +1,26 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
-import * as i2 from '@ng-doc/ui-kit/classes/input-host';
+import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
 import { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';
 import { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';
 import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';
 import { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import * as i1 from 'flex-controls';
-import { FlControl, FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
+import { DIControl, injectHostControl } from 'di-controls';
 
-let NgDocClearControlComponent = class NgDocClearControlComponent extends FlControl {
-    constructor(changeDetectorRef, host, inputHost) {
-        super(host);
-        this.changeDetectorRef = changeDetectorRef;
-        this.host = host;
-        this.inputHost = inputHost;
+let NgDocClearControlComponent = class NgDocClearControlComponent extends DIControl {
+    constructor() {
+        super({
+            host: injectHostControl(),
+        });
+        this.inputHost = inject(NgDocInputHost, {
+            optional: true,
+        });
     }
     ngAfterContentInit() {
         if (this.inputHost?.inputControl) {
-            this.inputHost.inputControl.valueChange
+            this.inputHost.inputControl.changes
                 .pipe(untilDestroyed(this))
                 .subscribe(() => this.changeDetectorRef.detectChanges());
         }
@@ -32,29 +32,17 @@ let NgDocClearControlComponent = class NgDocClearControlComponent extends FlCont
         this.inputHost?.inputControl?.writeValueFromHost(null);
         this.updateModel(null);
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    incomingUpdate() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocClearControlComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FL_CONTROL_HOST }, { token: NgDocInputHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocClearControlComponent, isStandalone: true, selector: "ng-doc-clear-control", usesInheritance: true, ngImport: i0, template: "<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"onTouched()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocClearControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocClearControlComponent, isStandalone: true, selector: "ng-doc-clear-control", usesInheritance: true, ngImport: i0, template: "<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"touch()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocClearControlComponent = __decorate([
     UntilDestroy(),
-    __metadata("design:paramtypes", [ChangeDetectorRef,
-        FlControlHost,
-        NgDocInputHost])
+    __metadata("design:paramtypes", [])
 ], NgDocClearControlComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocClearControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocClearControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"onTouched()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.FlControlHost, decorators: [{
-                    type: Inject,
-                    args: [FL_CONTROL_HOST]
-                }] }, { type: i2.NgDocInputHost, decorators: [{
-                    type: Inject,
-                    args: [NgDocInputHost]
-                }, {
-                    type: Optional
-                }] }]; } });
+            args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"touch()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-clear-control.mjs","sources":["../../../../libs/ui-kit/components/clear-control/clear-control.component.ts","../../../../libs/ui-kit/components/clear-control/clear-control.component.html","../../../../libs/ui-kit/components/clear-control/ng-doc-ui-kit-components-clear-control.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tInject,\n\tOptional,\n} from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { FL_CONTROL_HOST, FlControl, FlControlHost } from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends FlControl<T> implements AfterContentInit {\n\tconstructor(\n\t\tprotected override changeDetectorRef: ChangeDetectorRef,\n\t\t@Inject(FL_CONTROL_HOST) protected override host: FlControlHost<T>,\n\t\t@Inject(NgDocInputHost) @Optional() protected inputHost?: NgDocInputHost<T>,\n\t) {\n\t\tsuper(host);\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.valueChange\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue || this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tprotected override incomingUpdate(): void {}\n}\n","<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"onTouched()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBA,IASa,0BAA0B,GATvC,MASa,0BAA8B,SAAQ,SAAY,CAAA;AAC9D,IAAA,WAAA,CACoB,iBAAoC,EACX,IAAsB,EACpB,SAA6B,EAAA;QAE3E,KAAK,CAAC,IAAI,CAAC,CAAC;QAJO,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;QACX,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAkB;QACpB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAoB;KAG3E;IAED,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE;AACjC,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,WAAW;AACrC,iBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iBAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1D,SAAA;KACD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC/D;IAED,KAAK,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACvB;;AAGkB,IAAA,cAAc,MAAW;8GA3BhC,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAG7B,eAAe,EAAA,EAAA,EAAA,KAAA,EACf,cAAc,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAJX,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBvC,qQAWA,EDWW,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,wBAAwB,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGzE,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;qCAGyB,iBAAiB;QACL,aAAa;QACL,cAAc,CAAA,CAAA;AAJ7D,CAAA,EAAA,0BAA0B,CA4BtC,CAAA;2FA5BY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,qQAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;0BAMpF,MAAM;2BAAC,eAAe,CAAA;;0BACtB,MAAM;2BAAC,cAAc,CAAA;;0BAAG,QAAQ;;;AE7BnC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-clear-control.mjs","sources":["../../../../libs/ui-kit/components/clear-control/clear-control.component.ts","../../../../libs/ui-kit/components/clear-control/clear-control.component.html","../../../../libs/ui-kit/components/clear-control/ng-doc-ui-kit-components-clear-control.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DIControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends DIControl<T> implements AfterContentInit {\n\tprotected readonly inputHost: NgDocInputHost<T> | null = inject(NgDocInputHost, {\n\t\toptional: true,\n\t});\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl(),\n\t\t});\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.changes\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue || this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n}\n","<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"touch()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,IAAM,0BAA0B,GAAhC,MAAM,0BAA8B,SAAQ,SAAY,CAAA;AAK9D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,EAAE;AACzB,SAAA,CAAC,CAAC;AAPe,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAM,CAAC,cAAc,EAAE;AAC/E,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC,CAAC;KAMF;IAED,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE;AACjC,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO;AACjC,iBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iBAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAC;AAC1D,SAAA;KACD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC/D;IAED,KAAK,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACvB;8GA1BW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBvC,iQAWA,EDIW,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,wBAAwB,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGzE,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,0BAA0B,CA2BtC,CAAA;2FA3BY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,iQAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;;AEfvF;;AAEG;;;;"}

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

@@ -11,12 +11,11 @@ import { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catc
 import { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';
 import * as i1 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import { FlControlHost, provideControlHost } from 'flex-controls';
+import { DIControl, provideHostControl } from 'di-controls';
 
-class NgDocComboboxComponent extends FlControlHost {
-    constructor(elementRef) {
+class NgDocComboboxComponent extends DIControl {
+    constructor() {
         super();
-        this.elementRef = elementRef;
         this.readonly = false;
         this.placeholder = 'Chose the value';
         this.clearButton = true;
@@ -27,19 +26,19 @@ class NgDocComboboxComponent extends FlControlHost {
     get listHostOrigin() {
         return this.elementRef.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocComboboxComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocComboboxComponent, isStandalone: true, selector: "ng-doc-combobox", inputs: { readonly: "readonly", placeholder: "placeholder", clearButton: "clearButton", rightContent: "rightContent", valueContent: "valueContent" }, providers: [
-            provideControlHost(NgDocComboboxComponent),
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocComboboxComponent, isStandalone: true, selector: "ng-doc-combobox", inputs: { readonly: "readonly", placeholder: "placeholder", clearButton: "clearButton", rightContent: "rightContent", valueContent: "valueContent" }, providers: [
+            provideHostControl(NgDocComboboxComponent),
             {
                 provide: NgDocListHost,
                 useExisting: NgDocComboboxComponent,
             },
-        ], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: ["compareFn", "displayValueFn"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "leftContent", "rightContent", "align"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocClearControlComponent, selector: "ng-doc-clear-control" }, { kind: "component", type: NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model()\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: ["compareFn", "displayValueFn"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "leftContent", "rightContent", "align"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocClearControlComponent, selector: "ng-doc-clear-control" }, { kind: "component", type: NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-combobox', providers: [
-                        provideControlHost(NgDocComboboxComponent),
+                        provideHostControl(NgDocComboboxComponent),
                         {
                             provide: NgDocListHost,
                             useExisting: NgDocComboboxComponent,
@@ -54,8 +53,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         NgDocClearControlComponent,
                         NgDocDropdownComponent,
                         NgTemplateOutlet,
-                    ], template: "<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { readonly: [{
+                    ], template: "<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model()\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { readonly: [{
                 type: Input
             }], placeholder: [{
                 type: Input

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { FlControlHost, provideControlHost } from 'flex-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideControlHost(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends FlControlHost<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T | null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> | null = null;\n\n\tconstructor(private readonly elementRef: ElementRef<HTMLElement>) {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\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-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideHostControl(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T | null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> | null = null;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\t\tngDocFocusCatcher\n\t\t[rightContent]=\"inputRightContent\"\n\t\t[blurContent]=\"hasValue ? valueContent : ''\"\n\t\t[blurContext]=\"model()\">\n\t\t<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n\t\t<ng-template #inputRightContent>\n\t\t\t<ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n\t\t\t<ng-doc-clear-control *ngIf=\"clearButton\"></ng-doc-clear-control>\n\t\t</ng-template>\n\t\t<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n\t\t\t<ng-template #dropdownContent>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"data\"></ng-container>\n\t\t\t</ng-template>\n\t\t</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\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-data-list-group.mjs

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { NgIf, NgFor } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
@@ -36,8 +36,8 @@ class NgDocDataListGroupComponent extends NgDocDataListComponent {
             this.groupItems = Array.from(this.groups.keys());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDataListGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocDataListGroupComponent, isStandalone: true, selector: "ng-doc-data-list-group", inputs: { itemGroupFn: "itemGroupFn", groupContent: "groupContent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option-group *ngFor=\"let group of groupItems\">\n\t\t\t<span\n\t\t\t\t*polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n\t\t\t\tngDocOptionGroupHeader>\n\t\t\t\t{{ groupText }}\n\t\t\t</span>\n\t\t\t<ng-doc-option\n\t\t\t\t*ngFor=\"let item of groups.get(group); trackBy: trackByFn\"\n\t\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</ng-container>\n\t\t\t</ng-doc-option>\n\t\t</ng-doc-option-group>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataListGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocDataListGroupComponent, isStandalone: true, selector: "ng-doc-data-list-group", inputs: { itemGroupFn: "itemGroupFn", groupContent: "groupContent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option-group *ngFor=\"let group of groupItems\">\n\t\t\t<span\n\t\t\t\t*polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n\t\t\t\tngDocOptionGroupHeader>\n\t\t\t\t{{ groupText }}\n\t\t\t</span>\n\t\t\t<ng-doc-option\n\t\t\t\t*ngFor=\"let item of groups.get(group); trackBy: trackByFn\"\n\t\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</ng-container>\n\t\t\t</ng-doc-option>\n\t\t</ng-doc-option-group>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ngDocMakePure,
@@ -45,7 +45,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", Object)
 ], NgDocDataListGroupComponent.prototype, "getGroupContext", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocDataListGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocDataListGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-data-list-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocListComponent,

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-data-list-group.mjs","sources":["../../../../libs/ui-kit/components/data-list-group/data-list-group.component.ts","../../../../libs/ui-kit/components/data-list-group/data-list-group.component.html","../../../../libs/ui-kit/components/data-list-group/ng-doc-ui-kit-components-data-list-group.ts"],"sourcesContent":["import { NgFor, NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { NgDocDataListComponent } from '@ng-doc/ui-kit/components/data-list';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport {\n\tNgDocOptionGroupComponent,\n\tNgDocOptionGroupHeaderDirective,\n} from '@ng-doc/ui-kit/components/option-group';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { NG_DOC_DEFAULT_STRINGIFY } from '@ng-doc/ui-kit/constants';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocGroupFn } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tselector: 'ng-doc-data-list-group',\n\ttemplateUrl: './data-list-group.component.html',\n\tstyleUrls: ['./data-list-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocListComponent,\n\t\tNgIf,\n\t\tNgFor,\n\t\tNgDocOptionGroupComponent,\n\t\tPolymorpheusModule,\n\t\tNgDocOptionGroupHeaderDirective,\n\t\tNgDocOptionComponent,\n\t\tNgDocTextComponent,\n\t],\n})\nexport class NgDocDataListGroupComponent<T, G>\n\textends NgDocDataListComponent<T>\n\timplements OnChanges\n{\n\t@Input()\n\titemGroupFn?: NgDocGroupFn<T, G>;\n\n\t@Input()\n\tgroupContent: NgDocContent<NgDocContextWithImplicit<G>> = ({\n\t\t$implicit,\n\t}: NgDocContextWithImplicit<G>) => NG_DOC_DEFAULT_STRINGIFY($implicit);\n\n\tgroups: Map<G, T[]> = new Map();\n\n\tgroupItems: G[] = [];\n\n\t@ngDocMakePure\n\tgetGroupContext($implicit: G): NgDocContextWithImplicit<G> {\n\t\treturn { $implicit };\n\t}\n\n\tngOnChanges({ items, itemGroupFn }: SimpleChanges): void {\n\t\tif (items || itemGroupFn) {\n\t\t\tthis.groups = new Map<G, T[]>();\n\n\t\t\tthis.items?.forEach((item: T) => {\n\t\t\t\tif (this.itemGroupFn) {\n\t\t\t\t\tconst itemGroup: G = this.itemGroupFn(item);\n\t\t\t\t\tconst itemsList: T[] = this.groups.get(itemGroup) || [];\n\t\t\t\t\titemsList.push(item);\n\n\t\t\t\t\tthis.groups.set(this.itemGroupFn(item), itemsList);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.groupItems = Array.from(this.groups.keys());\n\t\t}\n\t}\n}\n","<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option-group *ngFor=\"let group of groupItems\">\n\t\t\t<span\n\t\t\t\t*polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n\t\t\t\tngDocOptionGroupHeader>\n\t\t\t\t{{ groupText }}\n\t\t\t</span>\n\t\t\t<ng-doc-option\n\t\t\t\t*ngFor=\"let item of groups.get(group); trackBy: trackByFn\"\n\t\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</ng-container>\n\t\t\t</ng-doc-option>\n\t\t</ng-doc-option-group>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\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-data-list-group.mjs","sources":["../../../../libs/ui-kit/components/data-list-group/data-list-group.component.ts","../../../../libs/ui-kit/components/data-list-group/data-list-group.component.html","../../../../libs/ui-kit/components/data-list-group/ng-doc-ui-kit-components-data-list-group.ts"],"sourcesContent":["import { NgFor, NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { NgDocDataListComponent } from '@ng-doc/ui-kit/components/data-list';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport {\n\tNgDocOptionGroupComponent,\n\tNgDocOptionGroupHeaderDirective,\n} from '@ng-doc/ui-kit/components/option-group';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { NG_DOC_DEFAULT_STRINGIFY } from '@ng-doc/ui-kit/constants';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocGroupFn } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tselector: 'ng-doc-data-list-group',\n\ttemplateUrl: './data-list-group.component.html',\n\tstyleUrls: ['./data-list-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocListComponent,\n\t\tNgIf,\n\t\tNgFor,\n\t\tNgDocOptionGroupComponent,\n\t\tPolymorpheusModule,\n\t\tNgDocOptionGroupHeaderDirective,\n\t\tNgDocOptionComponent,\n\t\tNgDocTextComponent,\n\t],\n})\nexport class NgDocDataListGroupComponent<T, G>\n\textends NgDocDataListComponent<T>\n\timplements OnChanges\n{\n\t@Input()\n\titemGroupFn?: NgDocGroupFn<T, G>;\n\n\t@Input()\n\tgroupContent: NgDocContent<NgDocContextWithImplicit<G>> = ({\n\t\t$implicit,\n\t}: NgDocContextWithImplicit<G>) => NG_DOC_DEFAULT_STRINGIFY($implicit);\n\n\tgroups: Map<G, T[]> = new Map();\n\n\tgroupItems: G[] = [];\n\n\t@ngDocMakePure\n\tgetGroupContext($implicit: G): NgDocContextWithImplicit<G> {\n\t\treturn { $implicit };\n\t}\n\n\tngOnChanges({ items, itemGroupFn }: SimpleChanges): void {\n\t\tif (items || itemGroupFn) {\n\t\t\tthis.groups = new Map<G, T[]>();\n\n\t\t\tthis.items?.forEach((item: T) => {\n\t\t\t\tif (this.itemGroupFn) {\n\t\t\t\t\tconst itemGroup: G = this.itemGroupFn(item);\n\t\t\t\t\tconst itemsList: T[] = this.groups.get(itemGroup) || [];\n\t\t\t\t\titemsList.push(item);\n\n\t\t\t\t\tthis.groups.set(this.itemGroupFn(item), itemsList);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.groupItems = Array.from(this.groups.keys());\n\t\t}\n\t}\n}\n","<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option-group *ngFor=\"let group of groupItems\">\n\t\t\t<span\n\t\t\t\t*polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n\t\t\t\tngDocOptionGroupHeader>\n\t\t\t\t{{ groupText }}\n\t\t\t</span>\n\t\t\t<ng-doc-option\n\t\t\t\t*ngFor=\"let item of groups.get(group); trackBy: trackByFn\"\n\t\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t\t{{ text }}\n\t\t\t\t</ng-container>\n\t\t\t</ng-doc-option>\n\t\t</ng-doc-option-group>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}