npm - @ng-doc/ui-kit - Versions diffs - 17.6.16 → 18.0.0-beta.1 - Mend

@ng-doc/ui-kit 17.6.16 → 18.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"ng-doc-ui-kit-components-button-toggle.mjs","sources":["../../../../libs/ui-kit/components/button-toggle/button-toggle.component.ts","../../../../libs/ui-kit/components/button-toggle/button-toggle.component.html","../../../../libs/ui-kit/components/button-toggle/ng-doc-ui-kit-components-button-toggle.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostListener } from '@angular/core';\nimport { DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n selector: '[ng-doc-button-toggle]',\n standalone: true,\n templateUrl: './button-toggle.component.html',\n styleUrl: './button-toggle.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocButtonToggleComponent<T> extends DIStateControl<T> {\n constructor() {\n super({\n host: injectHostControl(),\n });\n }\n\n @HostListener('click')\n clickEvent() {\n this.updateModel(this.checked() ? null : this.value);\n }\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAUM,MAAO,0BAA8B,SAAQ,cAAiB,CAAA;AAClE,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,CAAC;YACJ,IAAI,EAAE,iBAAiB,EAAE;AAC1B,SAAA,CAAC,CAAC;KACJ;IAGD,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KACtD;8GAVU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,2JCVvC,6BACA,EAAA,MAAA,EAAA,CAAA,83BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDSa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EACtB,UAAA,EAAA,IAAI,EAGC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,83BAAA,CAAA,EAAA,CAAA;wDAU/C,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO,CAAA;;;AEjBvB;;AAEG;;;;"}

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

@@ -1,18 +1,38 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+/**
+ * `NgDocButtonComponent` is a reusable button component with customizable properties.
+ * It can be used as a regular button, a flat button, or a text button.
+ * @example
+ * ```html
+ * <button ng-doc-button [size]="'large'" [color]="'secondary'" [rounded]="true">Click me</button>
+ * ```
+ */
 class NgDocButtonComponent {
     constructor() {
+        /**
+         * Size of the button. Can be 'small', 'medium', or 'large'.
+         * Default is 'small'.
+         */
         this.size = 'small';
+        /**
+         * Color of the button. Can be 'primary', 'secondary', etc.
+         * Default is 'primary'.
+         */
         this.color = 'primary';
+        /**
+         * Whether the button is rounded or not.
+         * Default is false.
+         */
         this.rounded = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocButtonComponent, isStandalone: true, selector: "button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]", inputs: { size: "size", color: "color", rounded: "rounded" }, host: { properties: { "attr.data-ng-doc-size": "this.size", "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-rounded": "this.rounded" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:color-mix(in srgb,var(--ng-doc-button-background) var(--ng-doc-button-background-opacity, 100%),transparent);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: 10%;--ng-doc-button-hover-background-opacity: 20%;--ng-doc-button-active-background-opacity: 30%}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success);--ng-doc-button-hover-color: var(--ng-doc-success);--ng-doc-button-active-color: var(--ng-doc-success)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: 10%;--ng-doc-button-active-background-opacity: 20%}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success);--ng-doc-button-hover-color: var(--ng-doc-success);--ng-doc-button-active-color: var(--ng-doc-success)}:host[ng-doc-button-flat]{background:color-mix(in srgb,var(--ng-doc-button-background),black var(--ng-doc-button-background-opacity));--ng-doc-button-background: var(--ng-doc-white);--ng-doc-button-background-opacity: 0%;--ng-doc-button-hover-background-opacity: 10%;--ng-doc-button-active-background-opacity: 20%}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success-text);--ng-doc-button-hover-color: var(--ng-doc-success-text);--ng-doc-button-active-color: var(--ng-doc-success-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:var(--ng-doc-button-background);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host{position:relative}:host:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--ng-doc-button-alpha-background);opacity:var(--ng-doc-button-background-opacity);border-radius:inherit;overflow:hidden;pointer-events:none}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: .1;--ng-doc-button-hover-background-opacity: .2;--ng-doc-button-active-background-opacity: .3}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-alpha-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-alpha-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-alpha-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-alpha-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-alpha-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-flat]{--ng-doc-button-alpha-background: var(--ng-doc-white);--ng-doc-button-hover-background-opacity: .1;--ng-doc-button-active-background-opacity: .2}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}\n"] }]
+            args: [{ selector: 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:calc(var(--ng-doc-base-gutter) / 2);padding:var(--ng-doc-button-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2));text-decoration:none;background:color-mix(in srgb,var(--ng-doc-button-background) var(--ng-doc-button-background-opacity, 100%),transparent);--ng-doc-text: var(--ng-doc-button-color);--ng-doc-font-size: calc(var(--ng-doc-base-gutter) * 2);--ng-doc-line-height: calc(var(--ng-doc-base-gutter) * 3);--ng-doc-icon-color: var(--ng-doc-button-color)}:host[data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host[data-ng-doc-size=small]{--ng-doc-font-size: 14px;--ng-doc-line-height: 16px}:host[data-ng-doc-size=small][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 3)}:host[data-ng-doc-size=large]{--ng-doc-font-size: 20px;--ng-doc-font-weight: 700;--ng-doc-line-height: 32px}:host[data-ng-doc-size=large][data-ng-doc-rounded=true]{border-radius:calc(var(--ng-doc-base-gutter) * 5)}:host:hover{text-decoration:none;--ng-doc-button-background-opacity: var(--ng-doc-button-hover-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-hover-color) !important}:host:active{--ng-doc-button-background-opacity: var(--ng-doc-button-active-background-opacity) !important;--ng-doc-button-color: var(--ng-doc-button-active-color) !important}:host[ng-doc-button]{--ng-doc-button-background-opacity: 10%;--ng-doc-button-hover-background-opacity: 20%;--ng-doc-button-active-background-opacity: 30%}:host[ng-doc-button][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success);--ng-doc-button-hover-color: var(--ng-doc-success);--ng-doc-button-active-color: var(--ng-doc-success)}:host[ng-doc-button-text]{--ng-doc-button-hover-background-opacity: 10%;--ng-doc-button-active-background-opacity: 20%}:host[ng-doc-button-text][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary);--ng-doc-button-hover-color: var(--ng-doc-primary);--ng-doc-button-active-color: var(--ng-doc-primary)}:host[ng-doc-button-text][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info);--ng-doc-button-hover-color: var(--ng-doc-info);--ng-doc-button-active-color: var(--ng-doc-info)}:host[ng-doc-button-text][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning);--ng-doc-button-hover-color: var(--ng-doc-warning);--ng-doc-button-active-color: var(--ng-doc-warning)}:host[ng-doc-button-text][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert);--ng-doc-button-hover-color: var(--ng-doc-alert);--ng-doc-button-active-color: var(--ng-doc-alert)}:host[ng-doc-button-text][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-link-color);--ng-doc-button-hover-color: var(--ng-doc-link-color);--ng-doc-button-active-color: var(--ng-doc-link-color)}:host[ng-doc-button-text][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success);--ng-doc-button-hover-color: var(--ng-doc-success);--ng-doc-button-active-color: var(--ng-doc-success)}:host[ng-doc-button-flat]{background:color-mix(in srgb,var(--ng-doc-button-background),black var(--ng-doc-button-background-opacity));--ng-doc-button-background: var(--ng-doc-white);--ng-doc-button-background-opacity: 0%;--ng-doc-button-hover-background-opacity: 10%;--ng-doc-button-active-background-opacity: 20%}:host[ng-doc-button-flat][data-ng-doc-color=primary]{--ng-doc-button-background: var(--ng-doc-primary);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=info]{--ng-doc-button-background: var(--ng-doc-info);--ng-doc-button-color: var(--ng-doc-info-text);--ng-doc-button-hover-color: var(--ng-doc-info-text);--ng-doc-button-active-color: var(--ng-doc-info-text)}:host[ng-doc-button-flat][data-ng-doc-color=warning]{--ng-doc-button-background: var(--ng-doc-warning);--ng-doc-button-color: var(--ng-doc-warning-text);--ng-doc-button-hover-color: var(--ng-doc-warning-text);--ng-doc-button-active-color: var(--ng-doc-warning-text)}:host[ng-doc-button-flat][data-ng-doc-color=alert]{--ng-doc-button-background: var(--ng-doc-alert);--ng-doc-button-color: var(--ng-doc-alert-text);--ng-doc-button-hover-color: var(--ng-doc-alert-text);--ng-doc-button-active-color: var(--ng-doc-alert-text)}:host[ng-doc-button-flat][data-ng-doc-color=link]{--ng-doc-button-background: var(--ng-doc-link-color);--ng-doc-button-color: var(--ng-doc-primary-text);--ng-doc-button-hover-color: var(--ng-doc-primary-text);--ng-doc-button-active-color: var(--ng-doc-primary-text)}:host[ng-doc-button-flat][data-ng-doc-color=success]{--ng-doc-button-background: var(--ng-doc-success);--ng-doc-button-color: var(--ng-doc-success-text);--ng-doc-button-hover-color: var(--ng-doc-success-text);--ng-doc-button-active-color: var(--ng-doc-success-text)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n~~\tselector~~:\n~~\t\t~~'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]',\n~~\ttemplate~~: `<ng-content></ng-content>`,\n~~\tstyleUrls~~: ['./button.component.scss'],\n~~\tchangeDetection~~: ChangeDetectionStrategy.OnPush,\n~~\tstandalone~~: true,\n})\nexport class NgDocButtonComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n~~\tsize~~: NgDocSize = 'small';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n~~\tcolor~~: NgDocColor = 'primary';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-rounded')\n~~\trounded~~: boolean = false;\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;~~MAWa~~,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;~~QAWC~~,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;~~QAI1B~~,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;~~QAI9B~~,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;~~AACzB~~,KAAA;~~8GAZY~~,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,~~2ZALtB~~,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,~~09LAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAKzB~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;~~AAER~~,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,~~YACtI~~,CAA2B,yBAAA,CAAA,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,~~09LAAA~~,CAAA,EAAA,CAAA;~~8BAKhB~~,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;~~gBAKpC~~,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;~~gBAKrC~~,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;~~ACrBxC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-button.mjs","sources":["../../../../libs/ui-kit/components/button/button.component.ts","../../../../libs/ui-kit/components/button/ng-doc-ui-kit-components-button.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n/*\n `NgDocButtonComponent` is a reusable button component with customizable properties.\n * It can be used as a regular button, a flat button, or a text button.\n * @example\n * ```html\n * <button ng-doc-button [size]=\"'large'\" [color]=\"'secondary'\" [rounded]=\"true\">Click me</button>\n * ```\n /\n@Component({\n selector:\n 'button[ng-doc-button], a[ng-doc-button], button[ng-doc-button-flat], a[ng-doc-button-flat], button[ng-doc-button-text], a[ng-doc-button-text]',\n template: `<ng-content></ng-content>`,\n styleUrls: ['./button.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class NgDocButtonComponent {\n /\n Size of the button. Can be 'small', 'medium', or 'large'.\n * Default is 'small'.\n /\n @Input()\n @HostBinding('attr.data-ng-doc-size')\n size: NgDocSize = 'small';\n\n /\n Color of the button. Can be 'primary', 'secondary', etc.\n * Default is 'primary'.\n /\n @Input()\n @HostBinding('attr.data-ng-doc-color')\n color: NgDocColor = 'primary';\n\n /\n Whether the button is rounded or not.\n * Default is false.\n /\n @Input()\n @HostBinding('attr.data-ng-doc-rounded')\n rounded: boolean = false;\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;AAGA;;;;;;;AAOG;MASU,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;AASE;;;AAGG;QAGH,IAAI,CAAA,IAAA,GAAc,OAAO,CAAC;AAE1B;;;AAGG;QAGH,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;AAE9B;;;AAGG;QAGH,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AAC1B,KAAA;8GAxBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,2ZALrB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,inNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK1B,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAEN,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,+IAA+I,YACvI,CAA2B,yBAAA,CAAA,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,inNAAA,CAAA,EAAA,CAAA;8BAShB,IAAI,EAAA,CAAA;sBAFH,KAAK;;sBACL,WAAW;uBAAC,uBAAuB,CAAA;gBASpC,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBASrC,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,0BAA0B,CAAA;;;ACzCzC;;AAEG;;;;"}

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

@@ -14,12 +14,12 @@ class NgDocCheckboxComponent extends DIStateControl {
         });
         this.color = 'primary';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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(); touch()\"\n\t\t\t(blur)=\"touch()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked()\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", 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  <div class=\"ng-doc-checkbox\">\n    <input\n      type=\"checkbox\"\n      [disabled]=\"disabled\"\n      [ngDocChecked]=\"checked()\"\n      (ngDocCheckedChange)=\"toggle(); touch()\"\n      (blur)=\"touch()\"\n      [ngDocFocusable]=\"false\" />\n    <ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n    <ng-doc-icon icon=\"check\" *ngIf=\"checked()\"></ng-doc-icon>\n  </div>\n  <div class=\"ng-doc-checkbox-content\">\n    <span class=\"ng-doc-checkbox-icons\">\n      <ng-content select=\"ng-doc-icon\"></ng-content>\n    </span>\n    <div class=\"ng-doc-checkbox-text\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"], dependencies: [{ kind: "directive", type: NgDocCheckedChangeDirective, selector: "input[ngDocChecked], input[ngDocCheckedChange]", inputs: ["ngDocChecked"], outputs: ["ngDocCheckedChange"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", 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(); touch()\"\n\t\t\t(blur)=\"touch()\"\n\t\t\t[ngDocFocusable]=\"false\" />\n\t\t<ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n\t\t<ng-doc-icon icon=\"check\" *ngIf=\"checked()\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n\t\t<span class=\"ng-doc-checkbox-icons\">\n\t\t\t<ng-content select=\"ng-doc-icon\"></ng-content>\n\t\t</span>\n\t\t<div class=\"ng-doc-checkbox-text\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
+            args: [{ selector: 'ng-doc-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent], template: "<label class=\"ng-doc-checkbox-wrapper\">\n  <div class=\"ng-doc-checkbox\">\n    <input\n      type=\"checkbox\"\n      [disabled]=\"disabled\"\n      [ngDocChecked]=\"checked()\"\n      (ngDocCheckedChange)=\"toggle(); touch()\"\n      (blur)=\"touch()\"\n      [ngDocFocusable]=\"false\" />\n    <ng-doc-icon icon=\"minus\" *ngIf=\"isIntermediate\"></ng-doc-icon>\n    <ng-doc-icon icon=\"check\" *ngIf=\"checked()\"></ng-doc-icon>\n  </div>\n  <div class=\"ng-doc-checkbox-content\">\n    <span class=\"ng-doc-checkbox-icons\">\n      <ng-content select=\"ng-doc-icon\"></ng-content>\n    </span>\n    <div class=\"ng-doc-checkbox-text\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</label>\n", styles: [":host{display:inline-flex;align-items:flex-start;flex-direction:column;font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight)}:host:not(:last-of-type){margin-bottom:var(--ng-doc-list-element-vertical-space);margin-right:var(--ng-doc-list-element-horizontal-space)}:host:hover:not([data-checked=true]) .ng-doc-checkbox{border:var(--ng-doc-checkbox-border-hover)}:host:not([data-disabled=true]) .ng-doc-checkbox-wrapper{cursor:pointer}:host[data-checked=true] .ng-doc-checkbox{background-color:var(--ng-doc-checkbox-color);--ng-doc-checkbox-border: var(--ng-doc-checkbox-color);--ng-doc-checkbox-border-hover: var(--ng-doc-checkbox-color);--ng-doc-icon-color: var(--ng-doc-checkbox-color-text)}input{position:absolute;bottom:0;left:50%;border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;outline:0}.ng-doc-checkbox-wrapper{display:flex}.ng-doc-checkbox{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);border:var(--ng-doc-checkbox-border);flex:0 0 calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2);background-color:var(--ng-doc-base-0);transition:background-color var(--ng-doc-transition);box-sizing:border-box;border-radius:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-content{display:flex;align-items:flex-start}.ng-doc-checkbox-icons{display:flex;margin-left:var(--ng-doc-base-gutter);margin-top:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-icons:empty{display:none}.ng-doc-checkbox-text{margin-left:var(--ng-doc-base-gutter);line-height:calc(var(--ng-doc-base-gutter) * 2 + var(--ng-doc-base-gutter) / 2)}.ng-doc-checkbox-text:empty{display:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { color: [{
                 type: Input
             }, {

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

	@@ -1 +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 } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends DIStateControl<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl({ optional: true }),\n\t\t\tcompareHost: inject(DICompareHost, { optional: true }),\n\t\t});\n\t}\n}\n","<label class=\"ng-doc-checkbox-wrapper\">\n\t<div class=\"ng-doc-checkbox\">\n~~\t\t~~<input\n~~\t\t\ttype~~=\"checkbox\"\n~~\t\t\t~~[disabled]=\"disabled\"\n~~\t\t\t~~[ngDocChecked]=\"checked()\"\n~~\t\t\t~~(ngDocCheckedChange)=\"toggle(); touch()\"\n~~\t\t\t~~(blur)=\"touch()\"\n~~\t\t\t~~[ngDocFocusable]=\"false\" />\n~~\t\t~~<ng-doc-icon icon=\"minus\" ngIf=\"isIntermediate\"></ng-doc-icon>\n~~\t\t~~<ng-doc-icon icon=\"check\" ngIf=\"checked()\"></ng-doc-icon>\n\t</div>\n\t<div class=\"ng-doc-checkbox-content\">\n~~\t\t~~<span class=\"ng-doc-checkbox-icons\">\n~~\t\t\t~~<ng-content select=\"ng-doc-icon\"></ng-content>\n~~\t\t~~</span>\n~~\t\t~~<div class=\"ng-doc-checkbox-text\">\n~~\t\t\t~~<ng-content></ng-content>\n~~\t\t~~</div>\n\t</div>\n</label>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAgBM,MAAO,sBAA0B,SAAQ,cAAiB,CAAA;AAK/D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtD,SAAA,CAAC,CAAC;QANJ,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;KAO7B;8GAVW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,usBAqBA,EDPW,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,sJAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,usBAAA,EAAA,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,CAAA;wDAKzF,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,oBAAoB,CAAA;;;AElBlC;;AAEG;;;;"}
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 } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocCheckedChangeDirective } from '@ng-doc/ui-kit/directives/checked-change';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocColor } from '@ng-doc/ui-kit/types';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-checkbox',\n\ttemplateUrl: './checkbox.component.html',\n\tstyleUrls: ['./checkbox.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgDocCheckedChangeDirective, NgDocFocusableDirective, NgIf, NgDocIconComponent],\n})\nexport class NgDocCheckboxComponent<T> extends DIStateControl<T> {\n\t@Input()\n\t@HostBinding('attr.data-lu-color')\n\tcolor: NgDocColor = 'primary';\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl({ optional: true }),\n\t\t\tcompareHost: inject(DICompareHost, { optional: true }),\n\t\t});\n\t}\n}\n","<label class=\"ng-doc-checkbox-wrapper\">\n <div class=\"ng-doc-checkbox\">\n <input\n type=\"checkbox\"\n [disabled]=\"disabled\"\n [ngDocChecked]=\"checked()\"\n (ngDocCheckedChange)=\"toggle(); touch()\"\n (blur)=\"touch()\"\n [ngDocFocusable]=\"false\" />\n <ng-doc-icon icon=\"minus\" ngIf=\"isIntermediate\"></ng-doc-icon>\n <ng-doc-icon icon=\"check\" ngIf=\"checked()\"></ng-doc-icon>\n </div>\n <div class=\"ng-doc-checkbox-content\">\n <span class=\"ng-doc-checkbox-icons\">\n <ng-content select=\"ng-doc-icon\"></ng-content>\n </span>\n <div class=\"ng-doc-checkbox-text\">\n <ng-content></ng-content>\n </div>\n </div>\n</label>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;AAgBM,MAAO,sBAA0B,SAAQ,cAAiB,CAAA;AAK/D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;YAC3C,WAAW,EAAE,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtD,SAAA,CAAC,CAAC;QANJ,IAAK,CAAA,KAAA,GAAe,SAAS,CAAC;KAO7B;8GAVW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,usBAqBA,EDPW,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,2BAA2B,sJAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGV,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,2BAA2B,EAAE,uBAAuB,EAAE,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,usBAAA,EAAA,MAAA,EAAA,CAAA,m5DAAA,CAAA,EAAA,CAAA;wDAKzF,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,oBAAoB,CAAA;;;AElBlC;;AAEG;;;;"}

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

@@ -32,16 +32,16 @@ let NgDocClearControlComponent = class NgDocClearControlComponent extends DICont
         this.inputHost?.inputControl?.writeValueFromHost(null);
         this.updateModel(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocClearControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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)=\"touch()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocClearControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocClearControlComponent, isStandalone: true, selector: "ng-doc-clear-control", usesInheritance: true, ngImport: i0, template: "<button\n  ng-doc-button-icon-transparent\n  size=\"large\"\n  [ngDocFocusable]=\"false\"\n  [disabled]=\"disabled\"\n  [rounded]=\"false\"\n  (click)=\"clear()\"\n  (focusout)=\"touch()\"\n  *ngIf=\"isVisible\">\n  <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], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocClearControlComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [])
 ], NgDocClearControlComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocClearControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocClearControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n\tng-doc-button-icon\n\tsize=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"touch()\"\n\t*ngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
+            args: [{ selector: 'ng-doc-clear-control', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent], template: "<button\n  ng-doc-button-icon-transparent\n  size=\"large\"\n  [ngDocFocusable]=\"false\"\n  [disabled]=\"disabled\"\n  [rounded]=\"false\"\n  (click)=\"clear()\"\n  (focusout)=\"touch()\"\n  *ngIf=\"isVisible\">\n  <ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
         }], ctorParameters: () => [] });
 /**

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

	@@ -1 +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, Component, inject } from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DIControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends DIControl<T> implements AfterContentInit {\n\tprotected readonly inputHost: NgDocInputHost<T> \| null = inject(NgDocInputHost, {\n\t\toptional: true,\n\t});\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl(),\n\t\t});\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.changes\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue \|\| this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n}\n","<button\n~~\tng~~-doc-button-icon\n~~\tsize~~=\"large\"\n\t[ngDocFocusable]=\"false\"\n\t[disabled]=\"disabled\"\n\t[rounded]=\"false\"\n\t(click)=\"clear()\"\n\t(focusout)=\"touch()\"\n\tngIf=\"isVisible\">\n\t<ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,IAAM,0BAA0B,GAAhC,MAAM,0BAA8B,SAAQ,SAAY,CAAA;AAK9D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,EAAE;AACzB,SAAA,CAAC,CAAC;AAPe,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAM,CAAC,cAAc,EAAE;AAC/E,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC,CAAC;KAMF;IAED,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE;AACjC,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO;AACjC,iBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iBAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAC;SAC1D;KACD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC/D;IAED,KAAK,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACvB;8GA1BW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBvC,~~iQAWA~~,EDIW,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,wBAAwB,EAAA,QAAA,EAAA,~~mDAAA,~~EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGzE,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,0BAA0B,CA2BtC,CAAA;2FA3BY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,~~iQAAA~~,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;;AEfvF;;AAEG;;;;"}
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, Component, inject } from '@angular/core';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { DIControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-clear-control',\n\ttemplateUrl: './clear-control.component.html',\n\tstyleUrls: ['./clear-control.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocButtonIconComponent, NgDocFocusableDirective, NgDocIconComponent],\n})\n@UntilDestroy()\nexport class NgDocClearControlComponent<T> extends DIControl<T> implements AfterContentInit {\n\tprotected readonly inputHost: NgDocInputHost<T> \| null = inject(NgDocInputHost, {\n\t\toptional: true,\n\t});\n\n\tconstructor() {\n\t\tsuper({\n\t\t\thost: injectHostControl(),\n\t\t});\n\t}\n\n\tngAfterContentInit(): void {\n\t\tif (this.inputHost?.inputControl) {\n\t\t\tthis.inputHost.inputControl.changes\n\t\t\t\t.pipe(untilDestroyed(this))\n\t\t\t\t.subscribe(() => this.changeDetectorRef.detectChanges());\n\t\t}\n\t}\n\n\tget isVisible(): boolean {\n\t\treturn this.inputHost?.inputControl?.hasValue \|\| this.hasValue;\n\t}\n\n\tclear(): void {\n\t\tthis.inputHost?.inputControl?.writeValueFromHost(null);\n\t\tthis.updateModel(null);\n\t}\n}\n","<button\n ng-doc-button-icon-transparent\n size=\"large\"\n [ngDocFocusable]=\"false\"\n [disabled]=\"disabled\"\n [rounded]=\"false\"\n (click)=\"clear()\"\n (focusout)=\"touch()\"\n ngIf=\"isVisible\">\n <ng-doc-icon icon=\"x\"></ng-doc-icon>\n</button>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,IAAM,0BAA0B,GAAhC,MAAM,0BAA8B,SAAQ,SAAY,CAAA;AAK9D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,CAAC;YACL,IAAI,EAAE,iBAAiB,EAAE;AACzB,SAAA,CAAC,CAAC;AAPe,QAAA,IAAA,CAAA,SAAS,GAA6B,MAAM,CAAC,cAAc,EAAE;AAC/E,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC,CAAC;KAMF;IAED,kBAAkB,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE;AACjC,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO;AACjC,iBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;iBAC1B,SAAS,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAC;SAC1D;KACD;AAED,IAAA,IAAI,SAAS,GAAA;QACZ,OAAO,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;KAC/D;IAED,KAAK,GAAA;QACJ,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;AACvD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;KACvB;8GA1BW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBvC,6QAWA,EDIW,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,wBAAwB,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGzE,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;;AACF,CAAA,EAAA,0BAA0B,CA2BtC,CAAA;2FA3BY,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGf,eAAA,EAAA,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;;;AEfvF;;AAEG;;;;"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideHostControl(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T \| null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> \| null = null;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n\t<ng-doc-input-wrapper\n\~~t\tngDocFocusCatcher\~~n~~\t\t~~[~~rightContent]=\"inputRightContent\"\n\t\t[~~blurContent]=\"hasValue ? valueContent : ''\"\n~~\t\t~~[blurContext]=\"model()\">\n~~\t\t~~<input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n~~\t\t~~<ng-~~template~~ ~~#inputRightContent~~>\n~~\t\t\t~~<ng-container polymorpheusOutlet=\"rightContent\"></ng-container>\n~~\t\t\t~~<ng-doc-clear-control ngIf=\"clearButton\"></ng-doc-clear-control>\n~~\t\t~~</ng-~~template~~>\n~~\t\t~~<ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n~~\t\t\t~~<ng-template #dropdownContent>\n~~\t\t\t\t~~<ng-container ngTemplateOutlet=\"data\"></ng-container>\n~~\t\t\t~~</ng-template>\n~~\t\t~~</ng-doc-dropdown>\n\t</ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8CM,MAAO,sBAA0B,SAAQ,SAAY,CAAA;AAmB1D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,EAAE,CAAC;QAlBT,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAG1B,IAAW,CAAA,WAAA,GAAW,iBAAiB,CAAC;QAGxC,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;QAG5B,IAAY,CAAA,YAAA,GAAiB,EAAE,CAAC;QAGhC,IAAY,CAAA,YAAA,GAAqD,EAAE,CAAC;QAGpE,IAAI,CAAA,IAAA,GAA8B,IAAI,CAAC;KAItC;AAED,IAAA,IAAI,cAAc,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACrC;8GAzBW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EArBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAAA;YACV,kBAAkB,CAAC,sBAAsB,CAAC;AAC1C,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,sBAAsB;AACnC,aAAA;SACD,EA+Ba,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,kBAAkB,2BAAU,WAAW,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9DtD,~~ywBAkBA~~,~~EDiBE~~,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,EAC1B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,EAC1B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,~~aAAA,EAAA,cAAA,EAAA,~~OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,uIAC1B,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACzB,kBAAkB,EAClB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FACJ,0BAA0B,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,eAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGhB,SAAA,EAAA;AACV,wBAAA,kBAAkB,CAAwB,sBAAA,CAAA;AAC1C,wBAAA;AACC,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAwB,sBAAA;AACnC,yBAAA;AACD,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACR,0BAA0B;wBAC1B,0BAA0B;wBAC1B,0BAA0B;wBAC1B,yBAAyB;wBACzB,kBAAkB;wBAClB,IAAI;wBACJ,0BAA0B;wBAC1B,sBAAsB;wBACtB,gBAAgB;AAChB,qBAAA,EAAA,QAAA,EAAA,~~ywBAAA~~,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,CAAA;wDAID,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,kBAAkB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;;;AE9DxD;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tContentChild,\n\tInput,\n\tTemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-combobox',\n\ttemplateUrl: './combobox.component.html',\n\tstyleUrls: ['./combobox.component.scss'],\n\tproviders: [\n\t\tprovideHostControl(NgDocComboboxComponent),\n\t\t{\n\t\t\tprovide: NgDocListHost,\n\t\t\tuseExisting: NgDocComboboxComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocComboboxHostComponent,\n\t\tNgDocInputWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocInputStringDirective,\n\t\tPolymorpheusModule,\n\t\tNgIf,\n\t\tNgDocClearControlComponent,\n\t\tNgDocDropdownComponent,\n\t\tNgTemplateOutlet,\n\t],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n\t@Input()\n\treadonly: boolean = false;\n\n\t@Input()\n\tplaceholder: string = 'Chose the value';\n\n\t@Input()\n\tclearButton: boolean = true;\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\tvalueContent: NgDocContent<NgDocContextWithImplicit<T \| null>> = '';\n\n\t@ContentChild(NgDocDataDirective, { read: TemplateRef })\n\tdata: TemplateRef<never> \| null = null;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget listHostOrigin(): HTMLElement {\n\t\treturn this.elementRef.nativeElement;\n\t}\n}\n","<ng-doc-combobox-host>\n <ng-doc-input-wrapper\n ngDocFocusCatcher\n [blurContent]=\"hasValue ? valueContent : ''\"\n [blurContext]=\"model()\">\n <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n <ng-container ngDocInputWrapperRight>\n <ng-container polymorpheusOutlet=\"rightContent\"></ng-container>\n <ng-doc-clear-control ngIf=\"clearButton\"></ng-doc-clear-control>\n </ng-container>\n <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n <ng-template #dropdownContent>\n <ng-container ngTemplateOutlet=\"data\"></ng-container>\n </ng-template>\n </ng-doc-dropdown>\n </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8CM,MAAO,sBAA0B,SAAQ,SAAY,CAAA;AAmB1D,IAAA,WAAA,GAAA;AACC,QAAA,KAAK,EAAE,CAAC;QAlBT,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;QAG1B,IAAW,CAAA,WAAA,GAAW,iBAAiB,CAAC;QAGxC,IAAW,CAAA,WAAA,GAAY,IAAI,CAAC;QAG5B,IAAY,CAAA,YAAA,GAAiB,EAAE,CAAC;QAGhC,IAAY,CAAA,YAAA,GAAqD,EAAE,CAAC;QAGpE,IAAI,CAAA,IAAA,GAA8B,IAAI,CAAC;KAItC;AAED,IAAA,IAAI,cAAc,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACrC;8GAzBW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EArBvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,SAAA,EAAA;YACV,kBAAkB,CAAC,sBAAsB,CAAC;AAC1C,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,sBAAsB;AACnC,aAAA;SACD,EA+Ba,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,kBAAkB,2BAAU,WAAW,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9DtD,quBAiBA,EDkBE,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,EAC1B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,EAC1B,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,uIAC1B,yBAAyB,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACzB,kBAAkB,EAClB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FACJ,0BAA0B,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC1B,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,eAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAzBlC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGhB,SAAA,EAAA;AACV,wBAAA,kBAAkB,CAAwB,sBAAA,CAAA;AAC1C,wBAAA;AACC,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAwB,sBAAA;AACnC,yBAAA;AACD,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACR,0BAA0B;wBAC1B,0BAA0B;wBAC1B,0BAA0B;wBAC1B,yBAAyB;wBACzB,kBAAkB;wBAClB,IAAI;wBACJ,0BAA0B;wBAC1B,sBAAsB;wBACtB,gBAAgB;AAChB,qBAAA,EAAA,QAAA,EAAA,quBAAA,EAAA,MAAA,EAAA,CAAA,mCAAA,CAAA,EAAA,CAAA;wDAID,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAIN,IAAI,EAAA,CAAA;sBADH,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,kBAAkB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAA;;;AE9DxD;;AAEG;;;;"}

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

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

package/fesm2022/ng-doc-ui-kit-components-data-list.mjs CHANGED Viewed

@@ -27,8 +27,8 @@ class NgDocDataListComponent {
     getItems() {
         return asArray(this.items);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocDataListComponent, isStandalone: true, selector: "ng-doc-data-list", inputs: { autofocus: "autofocus", items: "items", itemContent: "itemContent", emptyContent: "emptyContent", itemDisabledFn: "itemDisabledFn", defineValueFn: "defineValueFn", trackByFn: "trackByFn" }, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDataListComponent, isStandalone: true, selector: "ng-doc-data-list", inputs: { autofocus: "autofocus", items: "items", itemContent: "itemContent", emptyContent: "emptyContent", itemDisabledFn: "itemDisabledFn", defineValueFn: "defineValueFn", trackByFn: "trackByFn" }, ngImport: i0, template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     ngDocMakePure,
@@ -36,7 +36,7 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", Object)
 ], NgDocDataListComponent.prototype, "getContext", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDataListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDataListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-data-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocListComponent,
@@ -45,7 +45,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         NgDocOptionComponent,
                         PolymorpheusModule,
                         NgDocTextComponent,
-                    ], template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"] }]
+                    ], template: "<ng-doc-list>\n\t<ng-container *ngIf=\"items && items.length; else emptyTemplate\">\n\t\t<ng-doc-option\n\t\t\t*ngFor=\"let item of items; trackBy: trackByFn\"\n\t\t\t[value]=\"defineValueFn(item)\"\n\t\t\t[disabled]=\"itemDisabledFn(item)\">\n\t\t\t<ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n\t\t\t\t{{ text }}\n\t\t\t</ng-container>\n\t\t</ng-doc-option>\n\t</ng-container>\n\n\t<ng-template #emptyTemplate>\n\t\t<div class=\"ng-doc-empty-message\" ng-doc-text>\n\t\t\t<ng-container *ngIf=\"emptyContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n\t\t\t</ng-container>\n\t\t</div>\n\t</ng-template>\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"] }]
         }], propDecorators: { autofocus: [{
                 type: Input
             }], items: [{

package/fesm2022/ng-doc-ui-kit-components-dialog-outlet.mjs CHANGED Viewed

@@ -39,8 +39,8 @@ let DialogOutletComponent = class DialogOutletComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DialogOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: DialogOutletComponent, isStandalone: true, selector: "ng-doc-dialog-outlet", inputs: { config: "config" }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }], viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DialogOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DialogOutletComponent, isStandalone: true, selector: "ng-doc-dialog-outlet", inputs: { config: "config" }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }], viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, static: true }], ngImport: i0, template: `
 		<ng-template #outletContent>
 			<ng-content></ng-content>
 		</ng-template>
@@ -49,7 +49,7 @@ let DialogOutletComponent = class DialogOutletComponent {
 DialogOutletComponent = __decorate([
     UntilDestroy()
 ], DialogOutletComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DialogOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DialogOutletComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-doc-dialog-outlet',

package/fesm2022/ng-doc-ui-kit-components-dot.mjs CHANGED Viewed

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
 class NgDocDotComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocDotComponent, isStandalone: true, selector: "ng-doc-dot", inputs: { color: "color", size: "size" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDotComponent, isStandalone: true, selector: "ng-doc-dot", inputs: { color: "color", size: "size" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDotComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-dot', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
         }], propDecorators: { color: [{

package/fesm2022/ng-doc-ui-kit-components-dropdown.mjs CHANGED Viewed

@@ -174,8 +174,8 @@ let NgDocDropdownComponent = class NgDocDropdownComponent {
             this.overlay.overlayRef.dispose();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgDocOverlayService }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: NgDocOverlayHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocDropdownComponent, isStandalone: true, selector: "ng-doc-dropdown", inputs: { content: "content", origin: "origin", closeIfOutsideClick: "closeIfOutsideClick", closeIfInnerClick: "closeIfInnerClick", withArrow: "withArrow", borderOffset: "borderOffset", panelClass: "panelClass", contactBorder: "contactBorder", hasBackdrop: "hasBackdrop", positions: "positions", minHeight: "minHeight", maxHeight: "maxHeight", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", width: "width" }, outputs: { beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose" }, host: { listeners: { "focus": "focus()" }, properties: { "attr.tabIndex": "this.tabIndex" } }, providers: [NgDocOverlayService], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgDocOverlayService }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: NgDocOverlayHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocDropdownComponent, isStandalone: true, selector: "ng-doc-dropdown", inputs: { content: "content", origin: "origin", closeIfOutsideClick: "closeIfOutsideClick", closeIfInnerClick: "closeIfInnerClick", withArrow: "withArrow", borderOffset: "borderOffset", panelClass: "panelClass", contactBorder: "contactBorder", hasBackdrop: "hasBackdrop", positions: "positions", minHeight: "minHeight", maxHeight: "maxHeight", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", width: "width" }, outputs: { beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose" }, host: { listeners: { "focus": "focus()" }, properties: { "attr.tabIndex": "this.tabIndex" } }, providers: [NgDocOverlayService], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocDropdownComponent = __decorate([
     UntilDestroy(),
@@ -185,7 +185,7 @@ NgDocDropdownComponent = __decorate([
         NgZone,
         NgDocOverlayHost])
 ], NgDocDropdownComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-dropdown', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NgDocOverlayService], standalone: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.NgDocOverlayService }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i2.NgDocOverlayHost, decorators: [{

package/fesm2022/ng-doc-ui-kit-components-expander.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { NgIf } from '@angular/common';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { preventInitialChildAnimations, expandCollapseAnimation } from '@ng-doc/ui-kit/animations';
 import * as i1 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
@@ -10,29 +10,29 @@ class NgDocExpanderComponent {
     constructor() {
         /** Change expand state */
         this.expanded = false;
-        /** Expander content */
-        this.content = '';
         /** Closed height could be used to show preview of the content */
         this.from = 0;
+        this.animationDisabled = true;
+    }
+    ngAfterViewInit() {
+        this.animationDisabled = false;
     }
     toggle() {
         this.expanded = !this.expanded;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocExpanderComponent, isStandalone: true, selector: "ng-doc-expander", inputs: { expanded: "expanded", content: "content", from: "from" }, host: { properties: { "@preventInitialChild": "this.preventInitialChild" } }, ngImport: i0, template: "<div\n\t*ngIf=\"expanded || from\"\n\t[@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [preventInitialChildAnimations, expandCollapseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocExpanderComponent, isStandalone: true, selector: "ng-doc-expander", inputs: { expanded: "expanded", content: "content", from: "from" }, ngImport: i0, template: "<div\n  *ngIf=\"expanded || from\"\n  [@.disabled]=\"animationDisabled\"\n  [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n  <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [preventInitialChildAnimations, expandCollapseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocExpanderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocExpanderComponent, decorators: [{
             type: Component,
-            args: [{ animations: [preventInitialChildAnimations, expandCollapseAnimation], selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, PolymorpheusModule], template: "<div\n\t*ngIf=\"expanded || from\"\n\t[@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"] }]
+            args: [{ animations: [preventInitialChildAnimations, expandCollapseAnimation], selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, PolymorpheusModule, NgTemplateOutlet], template: "<div\n  *ngIf=\"expanded || from\"\n  [@.disabled]=\"animationDisabled\"\n  [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n  <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { expanded: [{
                 type: Input
             }], content: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], from: [{
                 type: Input
-            }], preventInitialChild: [{
-                type: HostBinding,
-                args: ['@preventInitialChild']
             }] } });
 /**

package/fesm2022/ng-doc-ui-kit-components-expander.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import {NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ~~HostBinding,~~ ~~Input~~} from '@angular/core';\nimport {expandCollapseAnimation, preventInitialChildAnimations} from '@ng-doc/ui-kit/animations';\nimport {NgDocContent} from '@ng-doc/ui-kit/types';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\n/** Component helps to expand or collapse content /\n@Component({\n~~\tanimations~~: [preventInitialChildAnimations, expandCollapseAnimation],\n~~\tselector~~: 'ng-doc-expander',\n~~\ttemplateUrl~~: './expander.component.html',\n~~\tstyleUrls~~: ['./expander.component.scss'],\n~~\tchangeDetection~~: ChangeDetectionStrategy.OnPush,\n~~\tstandalone~~: true,\n~~\timports~~: [NgIf, PolymorpheusModule],\n})\nexport class NgDocExpanderComponent {\n\t/* Change expand state /\n\t@Input()\n~~\texpanded~~: boolean = false;\n\n\t/* Expander content /\n\t@Input()\n~~\tcontent:~~ NgDocContent ~~= ''~~;\n\n\t/* Closed height could be used to show preview of the content /\n\t@Input()\n~~\tfrom~~: number = 0;\n\n\~~t@HostBinding~~(~~'@preventInitialChild'~~)\n~~\tpreventInitialChild?:~~ ~~never~~;\n\n\~~ttoggle~~(): void {\n~~\t\tthis~~.expanded = !this.expanded;\n\t}\n}\n","<div\n\tngIf=\"expanded \|\| from\"\n\t[@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n\t<ng-container polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;MAUa,sBAAsB,CAAA;AATnC,IAAA,WAAA,GAAA;;~~QAYC~~,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;;~~QAI1B~~,~~IAAO~~,CAAA,~~OAAA~~,~~GAAiB~~,~~EAAE~~,CAAC~~;;QAI3B~~,~~IAAI~~,CAAA,~~IAAA~~,~~GAAW~~,~~CAAC~~,CAAC;~~AAQjB~~,KAAA;~~IAHA~~,MAAM,GAAA;~~AACL~~,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;~~KAC/B~~;~~8GAlBW~~,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,~~IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,~~QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,~~qOAKA~~,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EDSW~~,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EANtB,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAQxD~~,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;~~AACG~~,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,~~EAAA~~,QAAA,~~EAC1D~~,iBAAiB,~~EAGV~~,~~eAAA,EAAA,~~uBAAuB,CAAC,MAAM,~~cACnC~~,~~IAAI~~,EAAA,~~OAAA~~,~~EACP~~,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,~~qOAAA~~,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;~~8BAKnC~~,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAKN,OAAO,EAAA,CAAA;sBADN,KAAK;~~gBAKN~~,IAAI,~~EAAA~~,CAAA;~~sBADH~~,~~KAAK;gBAIN~~,~~mBAAmB,~~EAAA,CAAA;~~sBADlB~~,~~WAAW;uBAAC,sBAAsB,CAAA~~;;;~~AE7BpC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { expandCollapseAnimation, preventInitialChildAnimations } from '@ng-doc/ui-kit/animations';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n/** Component helps to expand or collapse content /\n@Component({\n animations: [preventInitialChildAnimations, expandCollapseAnimation],\n selector: 'ng-doc-expander',\n templateUrl: './expander.component.html',\n styleUrls: ['./expander.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgIf, PolymorpheusModule, NgTemplateOutlet],\n})\nexport class NgDocExpanderComponent implements AfterViewInit {\n /* Change expand state /\n @Input()\n expanded: boolean = false;\n\n /* Expander content /\n @Input({ required: true })\n content!: NgDocContent;\n\n /* Closed height could be used to show preview of the content /\n @Input()\n from: number = 0;\n\n protected animationDisabled = true;\n\n ngAfterViewInit(): void {\n this.animationDisabled = false;\n }\n\n toggle(): void {\n this.expanded = !this.expanded;\n }\n}\n","<div\n ngIf=\"expanded \|\| from\"\n [@.disabled]=\"animationDisabled\"\n [@expandCollapse]=\"{ value: expanded, params: { from: from + 'px', opacity: from ? 1 : 0 } }\">\n <ng-container polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;AAMA;MAUa,sBAAsB,CAAA;AATnC,IAAA,WAAA,GAAA;;QAYE,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;;QAQ1B,IAAI,CAAA,IAAA,GAAW,CAAC,CAAC;QAEP,IAAiB,CAAA,iBAAA,GAAG,IAAI,CAAC;AASpC,KAAA;IAPC,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;KAChC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC;8GArBU,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,2QAMA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDQY,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EANtB,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAQzD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBATlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,6BAA6B,EAAE,uBAAuB,CAAC,EAC1D,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,IAAI,WACP,CAAC,IAAI,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,2QAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;8BAKrD,QAAQ,EAAA,CAAA;sBADP,KAAK;gBAKN,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKzB,IAAI,EAAA,CAAA;sBADH,KAAK;;;AE1BR;;AAEG;;;;"}