@ng-doc/ui-kit 16.8.1 → 16.10.0

package/README.md

@@ -1,25 +1,23 @@
-[![GitHub Workflow Status][build-shield]][build-url]
-[![NPM][npm-shield]][npm-url]
-[![MIT License][license-shield]][license-url]
-
 <!-- PROJECT LOGO -->
 <br />
 <div align="center">
   <a href="https://github.com/ng-doc/ng-doc">
-    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="100px">
+    <img src="https://ng-doc.com/assets/images/ng-doc.svg?raw=true" alt="Logo" height="150px">
   </a>
 
-<h3 align="center">NgDoc</h3>
-
+<h1 align="center" style="margin-bottom: 0; border-bottom: 0">NgDoc</h1>
   <p align="center">
     Create user-friendly documentation for your projects with ease!
     <br />
-    <a href="https://ng-doc.com/"><strong>Explore the docs »</strong></a>
-    <br />
-    <br />
-    <a href="https://github.com/ng-doc/ng-doc/issues">Report Bug</a>
+    <a href="https://ng-doc.com/">Documentation</a>
+    ·
+    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Report Bug</a>
     ·
-    <a href="https://github.com/ng-doc/ng-doc/issues">Request Feature</a>
+    <a href="https://github.com/ng-doc/ng-doc/issues/new/choose">Request Feature</a>
+
+[![GitHub Workflow Status][build-shield]][build-url]
+[![NPM][npm-shield]][npm-url]
+[![MIT License][license-shield]][license-url]
   </p>
 </div>
 

package/components/icon/icon.component.d.ts

@@ -5,16 +5,19 @@ import * as i0 from "@angular/core";
 export declare class NgDocIconComponent implements OnChanges, OnInit {
     private readonly elementRef;
     private readonly httpClient;
-    private assetsPath;
     /** Icon name */
     icon: string;
+    /** Custom icon name, if not set, `icon` will be used */
+    customIcon: string;
     /** Icon size */
     size: NgDocIconSize;
-    private reload$;
-    constructor(elementRef: ElementRef<HTMLElement>, httpClient: HttpClient, assetsPath: string);
+    private readonly reload$;
+    private readonly assetsPath;
+    private readonly customIconsPath;
+    constructor(elementRef: ElementRef<HTMLElement>, httpClient: HttpClient);
     ngOnChanges(): void;
     ngOnInit(): void;
     get href(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocIconComponent, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocIconComponent, "ng-doc-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocIconComponent, "ng-doc-icon", never, { "icon": { "alias": "icon"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

package/esm2022/components/blockquote/blockquote.component.mjs

@@ -7,7 +7,7 @@ class NgDocBlockquoteComponent {
         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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}: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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}: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 }); }
 }
 export { NgDocBlockquoteComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocBlockquoteComponent, decorators: [{

package/esm2022/components/checkbox/checkbox.component.mjs

@@ -14,12 +14,12 @@ class NgDocCheckboxComponent extends FlControlSelector {
         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/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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/>\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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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 }); }
 }
 export { NgDocCheckboxComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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"] }]
+            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/>\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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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]
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 type: HostBinding,
                 args: ['attr.data-lu-color']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1raXQvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQztBQUNyRixPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUU1RSxPQUFPLEVBQUMsZUFBZSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUUvRixNQVFhLHNCQUEwQixTQUFRLGlCQUFvQjtJQUtsRSxZQUdvQixXQUErQyxFQUcvQyxJQUF1QjtRQUUxQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBTE4sZ0JBQVcsR0FBWCxXQUFXLENBQW9DO1FBRy9DLFNBQUksR0FBSixJQUFJLENBQW1CO1FBUjNDLFVBQUssR0FBZSxTQUFTLENBQUM7SUFXOUIsQ0FBQzs4R0FkVyxzQkFBc0Isa0JBTXpCLGFBQWEsNkJBR2IsZUFBZTtrR0FUWixzQkFBc0IsNExDaEJuQyw0dUJBc0JBLGkwR0RSVywyQkFBMkIsc0pBQUUsdUJBQXVCLHVIQUFFLElBQUksNkZBQUUsa0JBQWtCOztTQUU1RSxzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDQyxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQywyQkFBMkIsRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLENBQUM7OzBCQVF2RixNQUFNOzJCQUFDLGFBQWE7OzBCQUNwQixRQUFROzswQkFFUixNQUFNOzJCQUFDLGVBQWU7OzBCQUN0QixRQUFROzRDQVBWLEtBQUs7c0JBRkosS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jSWNvbkNvbXBvbmVudH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7TmdEb2NDaGVja2VkQ2hhbmdlRGlyZWN0aXZlfSBmcm9tICdAbmctZG9jL3VpLWtpdC9kaXJlY3RpdmVzL2NoZWNrZWQtY2hhbmdlJztcbmltcG9ydCB7TmdEb2NGb2N1c2FibGVEaXJlY3RpdmV9IGZyb20gJ0BuZy1kb2MvdWkta2l0L2RpcmVjdGl2ZXMvZm9jdXNhYmxlJztcbmltcG9ydCB7TmdEb2NDb2xvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvdHlwZXMnO1xuaW1wb3J0IHtGTF9DT05UUk9MX0hPU1QsIEZsQ29tcGFyZUhvc3QsIEZsQ29udHJvbEhvc3QsIEZsQ29udHJvbFNlbGVjdG9yfSBmcm9tICdmbGV4LWNvbnRyb2xzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWNoZWNrYm94Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0RvY0NoZWNrZWRDaGFuZ2VEaXJlY3RpdmUsIE5nRG9jRm9jdXNhYmxlRGlyZWN0aXZlLCBOZ0lmLCBOZ0RvY0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0NoZWNrYm94Q29tcG9uZW50PFQ+IGV4dGVuZHMgRmxDb250cm9sU2VsZWN0b3I8VD4ge1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1sdS1jb2xvcicpXG5cdGNvbG9yOiBOZ0RvY0NvbG9yID0gJ3ByaW1hcnknO1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdEBJbmplY3QoRmxDb21wYXJlSG9zdClcblx0XHRAT3B0aW9uYWwoKVxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBjb21wYXJlSG9zdD86IEZsQ29tcGFyZUhvc3Q8VCB8IGJvb2xlYW4gfCBudWxsPixcblx0XHRASW5qZWN0KEZMX0NPTlRST0xfSE9TVClcblx0XHRAT3B0aW9uYWwoKVxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBob3N0PzogRmxDb250cm9sSG9zdDxUPixcblx0KSB7XG5cdFx0c3VwZXIoY29tcGFyZUhvc3QsIGhvc3QpO1xuXHR9XG59XG4iLCI8bGFiZWwgY2xhc3M9XCJuZy1kb2MtY2hlY2tib3gtd3JhcHBlclwiPlxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLWNoZWNrYm94XCI+XG5cdFx0PGlucHV0XG5cdFx0XHR0eXBlPVwiY2hlY2tib3hcIlxuXHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0XHRcdFtuZ0RvY0NoZWNrZWRdPVwiY2hlY2tlZFwiXG5cdFx0XHQobmdEb2NDaGVja2VkQ2hhbmdlKT1cInRvZ2dsZSgpOyBvblRvdWNoZWQoKVwiXG5cdFx0XHQoYmx1cik9XCJvblRvdWNoZWQoKVwiXG5cdFx0XHRbbmdEb2NGb2N1c2FibGVdPVwiZmFsc2VcIlxuXHRcdC8+XG5cdFx0PG5nLWRvYy1pY29uIGljb249XCJtaW51c1wiIFtzaXplXT1cIjE2XCIgKm5nSWY9XCJpc0ludGVybWVkaWF0ZVwiPjwvbmctZG9jLWljb24+XG5cdFx0PG5nLWRvYy1pY29uIGljb249XCJjaGVja1wiIFtzaXplXT1cIjE2XCIgKm5nSWY9XCJjaGVja2VkXCI+PC9uZy1kb2MtaWNvbj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJuZy1kb2MtY2hlY2tib3gtY29udGVudFwiPlxuXHRcdDxzcGFuIGNsYXNzPVwibmctZG9jLWNoZWNrYm94LWljb25zXCI+XG5cdFx0XHQ8bmctY29udGVudCBzZWxlY3Q9XCJuZy1kb2MtaWNvblwiPjwvbmctY29udGVudD5cblx0XHQ8L3NwYW4+XG5cdFx0PGRpdiBjbGFzcz1cIm5nLWRvYy1jaGVja2JveC10ZXh0XCI+XG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0PC9kaXY+XG5cdDwvZGl2PlxuPC9sYWJlbD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1raXQvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUMsMkJBQTJCLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQztBQUNyRixPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUU1RSxPQUFPLEVBQUMsZUFBZSxFQUFFLGFBQWEsRUFBRSxhQUFhLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQUUvRixNQVFhLHNCQUEwQixTQUFRLGlCQUFvQjtJQUtsRSxZQUdvQixXQUErQyxFQUcvQyxJQUF1QjtRQUUxQyxLQUFLLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBTE4sZ0JBQVcsR0FBWCxXQUFXLENBQW9DO1FBRy9DLFNBQUksR0FBSixJQUFJLENBQW1CO1FBUjNDLFVBQUssR0FBZSxTQUFTLENBQUM7SUFXOUIsQ0FBQzs4R0FkVyxzQkFBc0Isa0JBTXpCLGFBQWEsNkJBR2IsZUFBZTtrR0FUWixzQkFBc0IsNExDaEJuQyxndEJBc0JBLGkwR0RSVywyQkFBMkIsc0pBQUUsdUJBQXVCLHVIQUFFLElBQUksNkZBQUUsa0JBQWtCOztTQUU1RSxzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDQyxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQywyQkFBMkIsRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLENBQUM7OzBCQVF2RixNQUFNOzJCQUFDLGFBQWE7OzBCQUNwQixRQUFROzswQkFFUixNQUFNOzJCQUFDLGVBQWU7OzBCQUN0QixRQUFROzRDQVBWLEtBQUs7c0JBRkosS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nSWZ9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jSWNvbkNvbXBvbmVudH0gZnJvbSAnQG5nLWRvYy91aS1raXQvY29tcG9uZW50cy9pY29uJztcbmltcG9ydCB7TmdEb2NDaGVja2VkQ2hhbmdlRGlyZWN0aXZlfSBmcm9tICdAbmctZG9jL3VpLWtpdC9kaXJlY3RpdmVzL2NoZWNrZWQtY2hhbmdlJztcbmltcG9ydCB7TmdEb2NGb2N1c2FibGVEaXJlY3RpdmV9IGZyb20gJ0BuZy1kb2MvdWkta2l0L2RpcmVjdGl2ZXMvZm9jdXNhYmxlJztcbmltcG9ydCB7TmdEb2NDb2xvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvdHlwZXMnO1xuaW1wb3J0IHtGTF9DT05UUk9MX0hPU1QsIEZsQ29tcGFyZUhvc3QsIEZsQ29udHJvbEhvc3QsIEZsQ29udHJvbFNlbGVjdG9yfSBmcm9tICdmbGV4LWNvbnRyb2xzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWNoZWNrYm94Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcblx0c3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0RvY0NoZWNrZWRDaGFuZ2VEaXJlY3RpdmUsIE5nRG9jRm9jdXNhYmxlRGlyZWN0aXZlLCBOZ0lmLCBOZ0RvY0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0NoZWNrYm94Q29tcG9uZW50PFQ+IGV4dGVuZHMgRmxDb250cm9sU2VsZWN0b3I8VD4ge1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1sdS1jb2xvcicpXG5cdGNvbG9yOiBOZ0RvY0NvbG9yID0gJ3ByaW1hcnknO1xuXG5cdGNvbnN0cnVjdG9yKFxuXHRcdEBJbmplY3QoRmxDb21wYXJlSG9zdClcblx0XHRAT3B0aW9uYWwoKVxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBjb21wYXJlSG9zdD86IEZsQ29tcGFyZUhvc3Q8VCB8IGJvb2xlYW4gfCBudWxsPixcblx0XHRASW5qZWN0KEZMX0NPTlRST0xfSE9TVClcblx0XHRAT3B0aW9uYWwoKVxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBob3N0PzogRmxDb250cm9sSG9zdDxUPixcblx0KSB7XG5cdFx0c3VwZXIoY29tcGFyZUhvc3QsIGhvc3QpO1xuXHR9XG59XG4iLCI8bGFiZWwgY2xhc3M9XCJuZy1kb2MtY2hlY2tib3gtd3JhcHBlclwiPlxuXHQ8ZGl2IGNsYXNzPVwibmctZG9jLWNoZWNrYm94XCI+XG5cdFx0PGlucHV0XG5cdFx0XHR0eXBlPVwiY2hlY2tib3hcIlxuXHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkXCJcblx0XHRcdFtuZ0RvY0NoZWNrZWRdPVwiY2hlY2tlZFwiXG5cdFx0XHQobmdEb2NDaGVja2VkQ2hhbmdlKT1cInRvZ2dsZSgpOyBvblRvdWNoZWQoKVwiXG5cdFx0XHQoYmx1cik9XCJvblRvdWNoZWQoKVwiXG5cdFx0XHRbbmdEb2NGb2N1c2FibGVdPVwiZmFsc2VcIlxuXHRcdC8+XG5cdFx0PG5nLWRvYy1pY29uIGljb249XCJtaW51c1wiICpuZ0lmPVwiaXNJbnRlcm1lZGlhdGVcIj48L25nLWRvYy1pY29uPlxuXHRcdDxuZy1kb2MtaWNvbiBpY29uPVwiY2hlY2tcIiAqbmdJZj1cImNoZWNrZWRcIj48L25nLWRvYy1pY29uPlxuXHQ8L2Rpdj5cblx0PGRpdiBjbGFzcz1cIm5nLWRvYy1jaGVja2JveC1jb250ZW50XCI+XG5cdFx0PHNwYW4gY2xhc3M9XCJuZy1kb2MtY2hlY2tib3gtaWNvbnNcIj5cblx0XHRcdDxuZy1jb250ZW50IHNlbGVjdD1cIm5nLWRvYy1pY29uXCI+PC9uZy1jb250ZW50PlxuXHRcdDwvc3Bhbj5cblx0XHQ8ZGl2IGNsYXNzPVwibmctZG9jLWNoZWNrYm94LXRleHRcIj5cblx0XHRcdDxuZy1jb250ZW50PjwvbmctY29udGVudD5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG48L2xhYmVsPlxuIl19

package/esm2022/components/clear-control/clear-control.component.mjs

@@ -34,7 +34,7 @@ let NgDocClearControlComponent = class NgDocClearControlComponent extends FlCont
     // 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>\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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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>\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(),

package/esm2022/components/icon/icon.component.mjs

@@ -1,57 +1,62 @@
 import { HttpClient } from '@angular/common/http';
-import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, Optional, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, inject, Input, } from '@angular/core';
 import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
-import { NG_DOC_ASSETS_PATH } from '@ng-doc/ui-kit/tokens';
+import { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
 import { Subject } from 'rxjs';
-import { filter, startWith, switchMap } from 'rxjs/operators';
+import { startWith, switchMap } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common/http";
 class NgDocIconComponent {
-    constructor(elementRef, httpClient, assetsPath) {
+    constructor(elementRef, httpClient) {
         this.elementRef = elementRef;
         this.httpClient = httpClient;
-        this.assetsPath = assetsPath;
         /** Icon name */
         this.icon = '';
+        /** Custom icon name, if not set, `icon` will be used */
+        this.customIcon = '';
         /** Icon size */
         this.size = 16;
         this.reload$ = new Subject();
+        this.assetsPath = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';
+        this.customIconsPath = inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';
     }
     ngOnChanges() {
         this.reload$.next();
     }
     ngOnInit() {
         this.reload$
-            .pipe(startWith(null), filter(() => !!this.icon), switchMap(() => this.httpClient.get(this.href, {
+            .pipe(startWith(null), switchMap(() => this.httpClient.get(this.href, {
             responseType: 'text',
             params: { [NgDocCacheInterceptor.TOKEN]: 'true' },
         })))
             .subscribe((svg) => (this.elementRef.nativeElement.innerHTML = svg));
     }
     get href() {
-        return `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
+        return this.customIcon
+            ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`
+            : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }, { token: NG_DOC_ASSETS_PATH, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 export { NgDocIconComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NG_DOC_ASSETS_PATH]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { icon: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.HttpClient }]; }, propDecorators: { icon: [{
                 type: Input
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-icon']
+            }], customIcon: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-custom-icon']
             }], size: [{
                 type: Input
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-size']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFDTix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFHTCxRQUFRLEdBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDbEUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFFekQsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUM3QixPQUFPLEVBQUMsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBRTVELE1BT2Esa0JBQWtCO0lBYTlCLFlBQ2tCLFVBQW1DLEVBQ25DLFVBQXNCLEVBQ1MsVUFBa0I7UUFGakQsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFDbkMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNTLGVBQVUsR0FBVixVQUFVLENBQVE7UUFmbkUsZ0JBQWdCO1FBR2hCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsZ0JBQWdCO1FBR2hCLFNBQUksR0FBa0IsRUFBRSxDQUFDO1FBRWpCLFlBQU8sR0FBa0IsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQU1sRCxDQUFDO0lBRUosV0FBVztRQUNWLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFFBQVE7UUFDUCxJQUFJLENBQUMsT0FBTzthQUNWLElBQUksQ0FDSixTQUFTLENBQUMsSUFBSSxDQUFDLEVBQ2YsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQ3pCLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FDZCxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQzlCLFlBQVksRUFBRSxNQUFNO1lBQ3BCLE1BQU0sRUFBRSxFQUFDLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFDO1NBQy9DLENBQUMsQ0FDRixDQUNEO2FBQ0EsU0FBUyxDQUFDLENBQUMsR0FBVyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQy9FLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDUCxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsVUFBVSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxJQUFJLFFBQVEsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlFLENBQUM7OEdBeENXLGtCQUFrQixzRUFnQnJCLGtCQUFrQjtrR0FoQmYsa0JBQWtCLDBPQUxwQixFQUFFOztTQUtBLGtCQUFrQjsyRkFBbEIsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNDLGFBQWEsWUFDYixFQUFFLG1CQUVLLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSTs7MEJBa0JkLE1BQU07MkJBQUMsa0JBQWtCOzswQkFBRyxRQUFROzRDQVp0QyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsdUJBQXVCO2dCQU1wQyxJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtIdHRwQ2xpZW50fSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQge1xuXHRDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcblx0Q29tcG9uZW50LFxuXHRFbGVtZW50UmVmLFxuXHRIb3N0QmluZGluZyxcblx0SW5qZWN0LFxuXHRJbnB1dCxcblx0T25DaGFuZ2VzLFxuXHRPbkluaXQsXG5cdE9wdGlvbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmdEb2NDYWNoZUludGVyY2VwdG9yfSBmcm9tICdAbmctZG9jL3VpLWtpdC9pbnRlcmNlcHRvcnMnO1xuaW1wb3J0IHtOR19ET0NfQVNTRVRTX1BBVEh9IGZyb20gJ0BuZy1kb2MvdWkta2l0L3Rva2Vucyc7XG5pbXBvcnQge05nRG9jSWNvblNpemV9IGZyb20gJ0BuZy1kb2MvdWkta2l0L3R5cGVzJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2ZpbHRlciwgc3RhcnRXaXRoLCBzd2l0Y2hNYXB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbmctZG9jLWljb24nLFxuXHR0ZW1wbGF0ZTogJycsXG5cdHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE5nRG9jSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25Jbml0IHtcblx0LyoqIEljb24gbmFtZSAqL1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2MtaWNvbicpXG5cdGljb246IHN0cmluZyA9ICcnO1xuXG5cdC8qKiBJY29uIHNpemUgKi9cblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLXNpemUnKVxuXHRzaXplOiBOZ0RvY0ljb25TaXplID0gMTY7XG5cblx0cHJpdmF0ZSByZWxvYWQkOiBTdWJqZWN0PHZvaWQ+ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuXHRjb25zdHJ1Y3Rvcihcblx0XHRwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LFxuXHRcdHByaXZhdGUgcmVhZG9ubHkgaHR0cENsaWVudDogSHR0cENsaWVudCxcblx0XHRASW5qZWN0KE5HX0RPQ19BU1NFVFNfUEFUSCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBhc3NldHNQYXRoOiBzdHJpbmcsXG5cdCkge31cblxuXHRuZ09uQ2hhbmdlcygpOiB2b2lkIHtcblx0XHR0aGlzLnJlbG9hZCQubmV4dCgpO1xuXHR9XG5cblx0bmdPbkluaXQoKTogdm9pZCB7XG5cdFx0dGhpcy5yZWxvYWQkXG5cdFx0XHQucGlwZShcblx0XHRcdFx0c3RhcnRXaXRoKG51bGwpLFxuXHRcdFx0XHRmaWx0ZXIoKCkgPT4gISF0aGlzLmljb24pLFxuXHRcdFx0XHRzd2l0Y2hNYXAoKCkgPT5cblx0XHRcdFx0XHR0aGlzLmh0dHBDbGllbnQuZ2V0KHRoaXMuaHJlZiwge1xuXHRcdFx0XHRcdFx0cmVzcG9uc2VUeXBlOiAndGV4dCcsXG5cdFx0XHRcdFx0XHRwYXJhbXM6IHtbTmdEb2NDYWNoZUludGVyY2VwdG9yLlRPS0VOXTogJ3RydWUnfSxcblx0XHRcdFx0XHR9KSxcblx0XHRcdFx0KSxcblx0XHRcdClcblx0XHRcdC5zdWJzY3JpYmUoKHN2Zzogc3RyaW5nKSA9PiAodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MID0gc3ZnKSk7XG5cdH1cblxuXHRnZXQgaHJlZigpOiBzdHJpbmcge1xuXHRcdHJldHVybiBgJHt0aGlzLmFzc2V0c1BhdGh9L2ljb25zLyR7dGhpcy5zaXplfS8ke3RoaXMuaWNvbn0uc3ZnIyR7dGhpcy5pY29ufWA7XG5cdH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9jb21wb25lbnRzL2ljb24vaWNvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ2hELE9BQU8sRUFDTix1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssR0FHTCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUNsRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUUsd0JBQXdCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQUVuRixPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzdCLE9BQU8sRUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7OztBQUVwRCxNQU9hLGtCQUFrQjtJQW9COUIsWUFBNkIsVUFBbUMsRUFBbUIsVUFBc0I7UUFBNUUsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFBbUIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQW5CekcsZ0JBQWdCO1FBR2hCLFNBQUksR0FBVyxFQUFFLENBQUM7UUFFbEIsd0RBQXdEO1FBR3hELGVBQVUsR0FBVyxFQUFFLENBQUM7UUFFeEIsZ0JBQWdCO1FBR2hCLFNBQUksR0FBa0IsRUFBRSxDQUFDO1FBRVIsWUFBTyxHQUFrQixJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQzdDLGVBQVUsR0FBVyxNQUFNLENBQUMsa0JBQWtCLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDeEUsb0JBQWUsR0FBVyxNQUFNLENBQUMsd0JBQXdCLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7SUFFUSxDQUFDO0lBRTdHLFdBQVc7UUFDVixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLE9BQU87YUFDVixJQUFJLENBQ0osU0FBUyxDQUFDLElBQUksQ0FBQyxFQUNmLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FDZCxJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQzlCLFlBQVksRUFBRSxNQUFNO1lBQ3BCLE1BQU0sRUFBRSxFQUFDLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFDO1NBQy9DLENBQUMsQ0FDRixDQUNEO2FBQ0EsU0FBUyxDQUFDLENBQUMsR0FBVyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQy9FLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDUCxPQUFPLElBQUksQ0FBQyxVQUFVO1lBQ3JCLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLFVBQVUsUUFBUSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3JFLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxVQUFVLFVBQVUsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxRSxDQUFDOzhHQTVDVyxrQkFBa0I7a0dBQWxCLGtCQUFrQix1VEFMcEIsRUFBRTs7U0FLQSxrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDQyxhQUFhLFlBQ2IsRUFBRSxtQkFFSyx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUk7MEhBTWhCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBTXBDLFVBQVU7c0JBRlQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyw4QkFBOEI7Z0JBTTNDLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0h0dHBDbGllbnR9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7XG5cdENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuXHRDb21wb25lbnQsXG5cdEVsZW1lbnRSZWYsXG5cdEhvc3RCaW5kaW5nLFxuXHRpbmplY3QsXG5cdElucHV0LFxuXHRPbkNoYW5nZXMsXG5cdE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ2FjaGVJbnRlcmNlcHRvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvaW50ZXJjZXB0b3JzJztcbmltcG9ydCB7TkdfRE9DX0FTU0VUU19QQVRILCBOR19ET0NfQ1VTVE9NX0lDT05TX1BBVEh9IGZyb20gJ0BuZy1kb2MvdWkta2l0L3Rva2Vucyc7XG5pbXBvcnQge05nRG9jSWNvblNpemV9IGZyb20gJ0BuZy1kb2MvdWkta2l0L3R5cGVzJztcbmltcG9ydCB7U3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge3N0YXJ0V2l0aCwgc3dpdGNoTWFwfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ25nLWRvYy1pY29uJyxcblx0dGVtcGxhdGU6ICcnLFxuXHRzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY0ljb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCB7XG5cdC8qKiBJY29uIG5hbWUgKi9cblx0QElucHV0KClcblx0QEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtbmctZG9jLWljb24nKVxuXHRpY29uOiBzdHJpbmcgPSAnJztcblxuXHQvKiogQ3VzdG9tIGljb24gbmFtZSwgaWYgbm90IHNldCwgYGljb25gIHdpbGwgYmUgdXNlZCAqL1xuXHRASW5wdXQoKVxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1uZy1kb2MtY3VzdG9tLWljb24nKVxuXHRjdXN0b21JY29uOiBzdHJpbmcgPSAnJztcblxuXHQvKiogSWNvbiBzaXplICovXG5cdEBJbnB1dCgpXG5cdEBIb3N0QmluZGluZygnYXR0ci5kYXRhLW5nLWRvYy1zaXplJylcblx0c2l6ZTogTmdEb2NJY29uU2l6ZSA9IDE2O1xuXG5cdHByaXZhdGUgcmVhZG9ubHkgcmVsb2FkJDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cdHByaXZhdGUgcmVhZG9ubHkgYXNzZXRzUGF0aDogc3RyaW5nID0gaW5qZWN0KE5HX0RPQ19BU1NFVFNfUEFUSCwge29wdGlvbmFsOiB0cnVlfSkgPz8gJyc7XG5cdHByaXZhdGUgcmVhZG9ubHkgY3VzdG9tSWNvbnNQYXRoOiBzdHJpbmcgPSBpbmplY3QoTkdfRE9DX0NVU1RPTV9JQ09OU19QQVRILCB7b3B0aW9uYWw6IHRydWV9KSA/PyAnJztcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+LCBwcml2YXRlIHJlYWRvbmx5IGh0dHBDbGllbnQ6IEh0dHBDbGllbnQpIHt9XG5cblx0bmdPbkNoYW5nZXMoKTogdm9pZCB7XG5cdFx0dGhpcy5yZWxvYWQkLm5leHQoKTtcblx0fVxuXG5cdG5nT25Jbml0KCk6IHZvaWQge1xuXHRcdHRoaXMucmVsb2FkJFxuXHRcdFx0LnBpcGUoXG5cdFx0XHRcdHN0YXJ0V2l0aChudWxsKSxcblx0XHRcdFx0c3dpdGNoTWFwKCgpID0+XG5cdFx0XHRcdFx0dGhpcy5odHRwQ2xpZW50LmdldCh0aGlzLmhyZWYsIHtcblx0XHRcdFx0XHRcdHJlc3BvbnNlVHlwZTogJ3RleHQnLFxuXHRcdFx0XHRcdFx0cGFyYW1zOiB7W05nRG9jQ2FjaGVJbnRlcmNlcHRvci5UT0tFTl06ICd0cnVlJ30sXG5cdFx0XHRcdFx0fSksXG5cdFx0XHRcdCksXG5cdFx0XHQpXG5cdFx0XHQuc3Vic2NyaWJlKChzdmc6IHN0cmluZykgPT4gKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmlubmVySFRNTCA9IHN2ZykpO1xuXHR9XG5cblx0Z2V0IGhyZWYoKTogc3RyaW5nIHtcblx0XHRyZXR1cm4gdGhpcy5jdXN0b21JY29uXG5cdFx0XHQ/IGAke3RoaXMuY3VzdG9tSWNvbnNQYXRofS8ke3RoaXMuY3VzdG9tSWNvbn0uc3ZnIyR7dGhpcy5jdXN0b21JY29ufWBcblx0XHRcdDogYCR7dGhpcy5hc3NldHNQYXRofS9pY29ucy8ke3RoaXMuc2l6ZX0vJHt0aGlzLmljb259LnN2ZyMke3RoaXMuaWNvbn1gO1xuXHR9XG59XG4iXX0=

package/esm2022/interfaces/config.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1raXQvaW50ZXJmYWNlcy9jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTmdEb2NVaUNvbmZpZyB7XG5cdGFzc2V0c1BhdGg6IHN0cmluZztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy91aS1raXQvaW50ZXJmYWNlcy9jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTmdEb2NVaUNvbmZpZyB7XG5cdGFzc2V0c1BhdGg6IHN0cmluZztcblx0Y3VzdG9tSWNvbnNQYXRoOiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/modules/root/root.module.mjs

@@ -1,7 +1,7 @@
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
-import { NG_DOC_ASSETS_PATH } from '@ng-doc/ui-kit/tokens';
+import { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
 import * as i0 from "@angular/core";
 class NgDocUiKitRootModule {
     static forRoot(config) {
@@ -12,6 +12,10 @@ class NgDocUiKitRootModule {
                     provide: NG_DOC_ASSETS_PATH,
                     useValue: config?.assetsPath ?? 'assets/ng-doc/ui-kit',
                 },
+                {
+                    provide: NG_DOC_CUSTOM_ICONS_PATH,
+                    useValue: config?.customIconsPath ?? 'assets/icons',
+                },
                 {
                     provide: HTTP_INTERCEPTORS,
                     useClass: NgDocCacheInterceptor,
@@ -29,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             type: NgModule,
             args: [{}]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9tb2R1bGVzL3Jvb3Qvcm9vdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFzQixRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFbEUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7O0FBRXpELE1BQ2Esb0JBQW9CO0lBQ2hDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBc0I7UUFDcEMsT0FBTztZQUNOLFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsU0FBUyxFQUFFO2dCQUNWO29CQUNDLE9BQU8sRUFBRSxrQkFBa0I7b0JBQzNCLFFBQVEsRUFBRSxNQUFNLEVBQUUsVUFBVSxJQUFJLHNCQUFzQjtpQkFDdEQ7Z0JBQ0Q7b0JBQ0MsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsS0FBSyxFQUFFLElBQUk7aUJBQ1g7YUFDRDtTQUNELENBQUM7SUFDSCxDQUFDOzhHQWhCVyxvQkFBb0I7K0dBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COztTQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFEaEMsUUFBUTttQkFBQyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtIVFRQX0lOVEVSQ0VQVE9SU30gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHtNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ2FjaGVJbnRlcmNlcHRvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvaW50ZXJjZXB0b3JzJztcbmltcG9ydCB7TmdEb2NVaUNvbmZpZ30gZnJvbSAnQG5nLWRvYy91aS1raXQvaW50ZXJmYWNlcyc7XG5pbXBvcnQge05HX0RPQ19BU1NFVFNfUEFUSH0gZnJvbSAnQG5nLWRvYy91aS1raXQvdG9rZW5zJztcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIE5nRG9jVWlLaXRSb290TW9kdWxlIHtcblx0c3RhdGljIGZvclJvb3QoY29uZmlnPzogTmdEb2NVaUNvbmZpZyk6IE1vZHVsZVdpdGhQcm92aWRlcnM8TmdEb2NVaUtpdFJvb3RNb2R1bGU+IHtcblx0XHRyZXR1cm4ge1xuXHRcdFx0bmdNb2R1bGU6IE5nRG9jVWlLaXRSb290TW9kdWxlLFxuXHRcdFx0cHJvdmlkZXJzOiBbXG5cdFx0XHRcdHtcblx0XHRcdFx0XHRwcm92aWRlOiBOR19ET0NfQVNTRVRTX1BBVEgsXG5cdFx0XHRcdFx0dXNlVmFsdWU6IGNvbmZpZz8uYXNzZXRzUGF0aCA/PyAnYXNzZXRzL25nLWRvYy91aS1raXQnLFxuXHRcdFx0XHR9LFxuXHRcdFx0XHR7XG5cdFx0XHRcdFx0cHJvdmlkZTogSFRUUF9JTlRFUkNFUFRPUlMsXG5cdFx0XHRcdFx0dXNlQ2xhc3M6IE5nRG9jQ2FjaGVJbnRlcmNlcHRvcixcblx0XHRcdFx0XHRtdWx0aTogdHJ1ZSxcblx0XHRcdFx0fSxcblx0XHRcdF0sXG5cdFx0fTtcblx0fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC9tb2R1bGVzL3Jvb3Qvcm9vdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFzQixRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFbEUsT0FBTyxFQUFDLGtCQUFrQixFQUFFLHdCQUF3QixFQUFDLE1BQU0sdUJBQXVCLENBQUM7O0FBRW5GLE1BQ2Esb0JBQW9CO0lBQ2hDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBc0I7UUFDcEMsT0FBTztZQUNOLFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsU0FBUyxFQUFFO2dCQUNWO29CQUNDLE9BQU8sRUFBRSxrQkFBa0I7b0JBQzNCLFFBQVEsRUFBRSxNQUFNLEVBQUUsVUFBVSxJQUFJLHNCQUFzQjtpQkFDdEQ7Z0JBQ0Q7b0JBQ0MsT0FBTyxFQUFFLHdCQUF3QjtvQkFDakMsUUFBUSxFQUFFLE1BQU0sRUFBRSxlQUFlLElBQUksY0FBYztpQkFDbkQ7Z0JBQ0Q7b0JBQ0MsT0FBTyxFQUFFLGlCQUFpQjtvQkFDMUIsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsS0FBSyxFQUFFLElBQUk7aUJBQ1g7YUFDRDtTQUNELENBQUM7SUFDSCxDQUFDOzhHQXBCVyxvQkFBb0I7K0dBQXBCLG9CQUFvQjsrR0FBcEIsb0JBQW9COztTQUFwQixvQkFBb0I7MkZBQXBCLG9CQUFvQjtrQkFEaEMsUUFBUTttQkFBQyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtIVFRQX0lOVEVSQ0VQVE9SU30gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHtNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge05nRG9jQ2FjaGVJbnRlcmNlcHRvcn0gZnJvbSAnQG5nLWRvYy91aS1raXQvaW50ZXJjZXB0b3JzJztcbmltcG9ydCB7TmdEb2NVaUNvbmZpZ30gZnJvbSAnQG5nLWRvYy91aS1raXQvaW50ZXJmYWNlcyc7XG5pbXBvcnQge05HX0RPQ19BU1NFVFNfUEFUSCwgTkdfRE9DX0NVU1RPTV9JQ09OU19QQVRIfSBmcm9tICdAbmctZG9jL3VpLWtpdC90b2tlbnMnO1xuXG5ATmdNb2R1bGUoe30pXG5leHBvcnQgY2xhc3MgTmdEb2NVaUtpdFJvb3RNb2R1bGUge1xuXHRzdGF0aWMgZm9yUm9vdChjb25maWc/OiBOZ0RvY1VpQ29uZmlnKTogTW9kdWxlV2l0aFByb3ZpZGVyczxOZ0RvY1VpS2l0Um9vdE1vZHVsZT4ge1xuXHRcdHJldHVybiB7XG5cdFx0XHRuZ01vZHVsZTogTmdEb2NVaUtpdFJvb3RNb2R1bGUsXG5cdFx0XHRwcm92aWRlcnM6IFtcblx0XHRcdFx0e1xuXHRcdFx0XHRcdHByb3ZpZGU6IE5HX0RPQ19BU1NFVFNfUEFUSCxcblx0XHRcdFx0XHR1c2VWYWx1ZTogY29uZmlnPy5hc3NldHNQYXRoID8/ICdhc3NldHMvbmctZG9jL3VpLWtpdCcsXG5cdFx0XHRcdH0sXG5cdFx0XHRcdHtcblx0XHRcdFx0XHRwcm92aWRlOiBOR19ET0NfQ1VTVE9NX0lDT05TX1BBVEgsXG5cdFx0XHRcdFx0dXNlVmFsdWU6IGNvbmZpZz8uY3VzdG9tSWNvbnNQYXRoID8/ICdhc3NldHMvaWNvbnMnLFxuXHRcdFx0XHR9LFxuXHRcdFx0XHR7XG5cdFx0XHRcdFx0cHJvdmlkZTogSFRUUF9JTlRFUkNFUFRPUlMsXG5cdFx0XHRcdFx0dXNlQ2xhc3M6IE5nRG9jQ2FjaGVJbnRlcmNlcHRvcixcblx0XHRcdFx0XHRtdWx0aTogdHJ1ZSxcblx0XHRcdFx0fSxcblx0XHRcdF0sXG5cdFx0fTtcblx0fVxufVxuIl19

package/esm2022/tokens/custom-icons-path.mjs

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const NG_DOC_CUSTOM_ICONS_PATH = new InjectionToken('NG_DOC_CUSTOM_ICONS_PATH');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWljb25zLXBhdGguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC90b2tlbnMvY3VzdG9tLWljb25zLXBhdGgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3QyxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBMkIsSUFBSSxjQUFjLENBQVMsMEJBQTBCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0aW9uVG9rZW59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgTkdfRE9DX0NVU1RPTV9JQ09OU19QQVRIOiBJbmplY3Rpb25Ub2tlbjxzdHJpbmc+ID0gbmV3IEluamVjdGlvblRva2VuPHN0cmluZz4oJ05HX0RPQ19DVVNUT01fSUNPTlNfUEFUSCcpO1xuIl19

package/esm2022/tokens/index.mjs

@@ -1,3 +1,4 @@
 export * from './assets-path';
 export * from './component-context';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC90b2tlbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYXNzZXRzLXBhdGgnO1xuZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnQtY29udGV4dCc7XG4iXX0=
+export * from './custom-icons-path';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3VpLWtpdC90b2tlbnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hc3NldHMtcGF0aCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbXBvbmVudC1jb250ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vY3VzdG9tLWljb25zLXBhdGgnO1xuIl19

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

@@ -8,7 +8,7 @@ class NgDocBlockquoteComponent {
         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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}: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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\n", styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;padding:calc(var(--ng-doc-base-gutter) * 2);border-radius:0 var(--ng-doc-base-gutter) var(--ng-doc-base-gutter) 0;background-color:var(--ng-doc-base-1);border-left:4px solid var(--ng-doc-base-3);margin-inline-start:0;margin-inline-end:0;margin:calc(var(--ng-doc-base-gutter) * 4) 0;--ng-doc-code-margin: var(--ng-doc-base-gutter) 0}:host[data-ng-doc-type=note]{background-color:var(--ng-doc-light-blue-10);border-left-color:var(--ng-doc-light-blue-100);--ng-doc-icon-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-type=warning]{background-color:var(--ng-doc-orange-10);border-left-color:var(--ng-doc-orange-100);--ng-doc-icon-color: var(--ng-doc-orange-100)}: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: [{
             type: Component,

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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\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,qcAcA,EDHW,MAAA,EAAA,CAAA,++BAAA,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,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,qcAAA,EAAA,MAAA,EAAA,CAAA,++BAAA,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-container *ngSwitchCase=\"'note'\">\n\t\t\t<ng-doc-icon icon=\"info\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t\t<ng-container *ngSwitchCase=\"'warning'\">\n\t\t\t<ng-doc-icon icon=\"alert-triangle\" [size]=\"24\"></ng-doc-icon>\n\t\t</ng-container>\n\t</ng-container>\n</div>\n<div>\n\t<ng-content></ng-content>\n</div>\n\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,qcAcA,EDHW,MAAA,EAAA,CAAA,++BAAA,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,qcAAA,EAAA,MAAA,EAAA,CAAA,++BAAA,CAAA,EAAA,CAAA;8BAK3D,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;;;AEfrC;;AAEG;;;;"}

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

@@ -15,11 +15,11 @@ class NgDocCheckboxComponent extends FlControlSelector {
         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/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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/>\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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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: [{
             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/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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"] }]
+            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/>\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)}:host[data-ng-doc-color=red]{--ng-doc-checkbox-color: var(--ng-doc-red-100)}:host[data-ng-doc-color=pink]{--ng-doc-checkbox-color: var(--ng-doc-pink-100)}:host[data-ng-doc-color=purple]{--ng-doc-checkbox-color: var(--ng-doc-purple-100)}:host[data-ng-doc-color=deep-purple]{--ng-doc-checkbox-color: var(--ng-doc-deep-purple-100)}:host[data-ng-doc-color=indigo]{--ng-doc-checkbox-color: var(--ng-doc-indigo-100)}:host[data-ng-doc-color=blue]{--ng-doc-checkbox-color: var(--ng-doc-blue-100)}:host[data-ng-doc-color=light-blue]{--ng-doc-checkbox-color: var(--ng-doc-light-blue-100)}:host[data-ng-doc-color=cian]{--ng-doc-checkbox-color: var(--ng-doc-cian-100)}:host[data-ng-doc-color=teal]{--ng-doc-checkbox-color: var(--ng-doc-teal-100)}:host[data-ng-doc-color=green]{--ng-doc-checkbox-color: var(--ng-doc-green-100)}:host[data-ng-doc-color=light-green]{--ng-doc-checkbox-color: var(--ng-doc-light-green-100)}:host[data-ng-doc-color=lime]{--ng-doc-checkbox-color: var(--ng-doc-lime-100)}:host[data-ng-doc-color=yellow]{--ng-doc-checkbox-color: var(--ng-doc-yellow-100)}:host[data-ng-doc-color=ember]{--ng-doc-checkbox-color: var(--ng-doc-ember-100)}:host[data-ng-doc-color=orange]{--ng-doc-checkbox-color: var(--ng-doc-orange-100)}:host[data-ng-doc-color=deep-orange]{--ng-doc-checkbox-color: var(--ng-doc-deep-orange-100)}:host[data-ng-doc-color=grey]{--ng-doc-checkbox-color: var(--ng-doc-grey-100)}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]

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 {ChangeDetectionStrategy, Component, HostBinding, Inject, Input, Optional} 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/>\n\t\t<ng-doc-icon icon=\"minus\" [size]=\"16\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" [size]=\"16\" *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":";;;;;;;;;AAQA,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,EChBnC,4uBAsBA,EDRW,MAAA,EAAA,CAAA,ywGAAA,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,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,4uBAAA,EAAA,MAAA,EAAA,CAAA,ywGAAA,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;;;AElBlC;;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, Optional} 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/>\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":";;;;;;;;;AAQA,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,EChBnC,gtBAsBA,EDRW,MAAA,EAAA,CAAA,ywGAAA,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,gtBAAA,EAAA,MAAA,EAAA,CAAA,ywGAAA,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;;;AElBlC;;AAEG;;;;"}

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

@@ -35,7 +35,7 @@ let NgDocClearControlComponent = class NgDocClearControlComponent extends FlCont
     // 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>\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", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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>\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(),

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 {AfterContentInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, Optional} 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>\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":";;;;;;;;;;;;;AASA,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,EClBvC,uQAYA,EDGW,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,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,uQAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;0BAMpF,MAAM;2BAAC,eAAe,CAAA;;0BACtB,MAAM;2BAAC,cAAc,CAAA;;0BAAG,QAAQ;;;AEtBnC;;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, ChangeDetectorRef, Component, Inject, Optional} 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>\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":";;;;;;;;;;;;;AASA,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,EClBvC,uQAYA,EDGW,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,uQAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;0BAMpF,MAAM;2BAAC,eAAe,CAAA;;0BACtB,MAAM;2BAAC,cAAc,CAAA;;0BAAG,QAAQ;;;AEtBnC;;AAEG;;;;"}

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

@@ -1,52 +1,57 @@
 import * as i1 from '@angular/common/http';
 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 { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
-import { NG_DOC_ASSETS_PATH } from '@ng-doc/ui-kit/tokens';
+import { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
 import { Subject } from 'rxjs';
-import { startWith, filter, switchMap } from 'rxjs/operators';
+import { startWith, switchMap } from 'rxjs/operators';
 
 class NgDocIconComponent {
-    constructor(elementRef, httpClient, assetsPath) {
+    constructor(elementRef, httpClient) {
         this.elementRef = elementRef;
         this.httpClient = httpClient;
-        this.assetsPath = assetsPath;
         /** Icon name */
         this.icon = '';
+        /** Custom icon name, if not set, `icon` will be used */
+        this.customIcon = '';
         /** Icon size */
         this.size = 16;
         this.reload$ = new Subject();
+        this.assetsPath = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';
+        this.customIconsPath = inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';
     }
     ngOnChanges() {
         this.reload$.next();
     }
     ngOnInit() {
         this.reload$
-            .pipe(startWith(null), filter(() => !!this.icon), switchMap(() => this.httpClient.get(this.href, {
+            .pipe(startWith(null), switchMap(() => this.httpClient.get(this.href, {
             responseType: 'text',
             params: { [NgDocCacheInterceptor.TOKEN]: 'true' },
         })))
             .subscribe((svg) => (this.elementRef.nativeElement.innerHTML = svg));
     }
     get href() {
-        return `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
+        return this.customIcon
+            ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`
+            : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }, { token: NG_DOC_ASSETS_PATH, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NG_DOC_ASSETS_PATH]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { icon: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.HttpClient }]; }, propDecorators: { icon: [{
                 type: Input
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-icon']
+            }], customIcon: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-ng-doc-custom-icon']
             }], size: [{
                 type: Input
             }, {