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

package/fesm2022/ng-doc-ui-kit-components-floated-border.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class NgDocFloatedBorderComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedBorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocFloatedBorderComponent, isStandalone: true, selector: "ng-doc-floated-border", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:relative;display:block}:host:after{position:absolute;content:\"\";top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;border:var(--ng-doc-floated-border);border-color:var(--ng-doc-floated-border-color);border-radius:var(--ng-doc-floated-border-radius);box-shadow:0 1px 2px #1018280d,0 0 0 4px var(--ng-doc-floated-border-shadow-color);transition:var(--ng-doc-transition)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedBorderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFloatedBorderComponent, isStandalone: true, selector: "ng-doc-floated-border", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:relative;display:block}:host:after{position:absolute;content:\"\";top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;border:var(--ng-doc-floated-border);border-color:var(--ng-doc-floated-border-color);border-radius:var(--ng-doc-floated-border-radius);box-shadow:0 1px 2px #1018280d,0 0 0 4px var(--ng-doc-floated-border-shadow-color);transition:var(--ng-doc-transition)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedBorderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedBorderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-floated-border', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:relative;display:block}:host:after{position:absolute;content:\"\";top:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;border:var(--ng-doc-floated-border);border-color:var(--ng-doc-floated-border-color);border-radius:var(--ng-doc-floated-border-radius);box-shadow:0 1px 2px #1018280d,0 0 0 4px var(--ng-doc-floated-border-shadow-color);transition:var(--ng-doc-transition)}\n"] }]
         }] });

package/fesm2022/ng-doc-ui-kit-components-floated-content.mjs

@@ -1,40 +1,19 @@
-import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
-import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
-import { toElement } from '@ng-doc/ui-kit/helpers';
+import { inject, ElementRef, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
 
 class NgDocFloatedContentComponent {
-    constructor(elementRef, renderer, ngZone) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
+    constructor() {
         this.propertyName = '';
         this.alignTo = 'left';
+        this.element = inject(ElementRef).nativeElement;
     }
-    ngAfterViewChecked() {
-        if (this.bindTo && this.alignTo) {
-            this.ngZone.runOutsideAngular(() => Promise.resolve().then(() => this.setPadding(this.elementRef.nativeElement.offsetWidth)));
-        }
-    }
-    setPadding(padding) {
-        if (this.bindTo && this.propertyName) {
-            this.renderer.setStyle(toElement(this.bindTo), this.propertyName, padding ? `${padding}px` : null, 2);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    ngDocMakePure,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Number]),
-    __metadata("design:returntype", void 0)
-], NgDocFloatedContentComponent.prototype, "setPadding", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
             type: Component,
             args: [{ selector: '[ng-doc-floated-content]', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }], propDecorators: { bindTo: [{
+        }], propDecorators: { bindTo: [{
                 type: Input
             }], propertyName: [{
                 type: Input
@@ -43,7 +22,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-align']
-            }], setPadding: [] } });
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import {\n\tAfterViewChecked,\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tInput,\n\tNgZone,\n\tRenderer2,\n} from '@angular/core';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { BaseElement, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: '[ng-doc-floated-content]',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./floated-content.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocFloatedContentComponent implements AfterViewChecked {\n\t@Input()\n\tbindTo?: BaseElement<HTMLElement>;\n\n\t@Input()\n\tpropertyName: string = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talignTo: NgDocHorizontalAlign = 'left';\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\tprivate renderer: Renderer2,\n\t\tprivate ngZone: NgZone,\n\t) {}\n\n\tngAfterViewChecked(): void {\n\t\tif (this.bindTo && this.alignTo) {\n\t\t\tthis.ngZone.runOutsideAngular(() =>\n\t\t\t\tPromise.resolve().then(() => this.setPadding(this.elementRef.nativeElement.offsetWidth)),\n\t\t\t);\n\t\t}\n\t}\n\n\t@ngDocMakePure\n\tsetPadding(padding: number): void {\n\t\tif (this.bindTo && this.propertyName) {\n\t\t\tthis.renderer.setStyle(\n\t\t\t\ttoElement(this.bindTo),\n\t\t\t\tthis.propertyName,\n\t\t\t\tpadding ? `${padding}px` : null,\n\t\t\t\t2,\n\t\t\t);\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAqBa,4BAA4B,CAAA;AAWxC,IAAA,WAAA,CACS,UAAmC,EACnC,QAAmB,EACnB,MAAc,EAAA;QAFd,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QACnC,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QACnB,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QATvB,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;QAI1B,IAAO,CAAA,OAAA,GAAyB,MAAM,CAAC;KAMnC;IAEJ,kBAAkB,GAAA;QACjB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;AAChC,YAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAC7B,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CACxF,CAAC;SACF;KACD;AAGD,IAAA,UAAU,CAAC,OAAe,EAAA;QACzB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE;AACrC,YAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACrB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EACtB,IAAI,CAAC,YAAY,EACjB,OAAO,GAAG,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI,GAAG,IAAI,EAC/B,CAAC,CACD,CAAC;SACF;KACD;8GAnCW,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wOAL9B,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AA+BvC,UAAA,CAAA;IADC,aAAa;;;;AAUb,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,YAAA,EAAA,IAAA,CAAA,CAAA;2FAnCW,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,YAC1B,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,CAAA;4HAIhB,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAKN,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAkBrC,UAAU,EAAA,EAAA,EAAA,EAAA,CAAA;;AC/CX;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n} from '@angular/core';\nimport { BaseElement, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\n\n@Component({\n  selector: '[ng-doc-floated-content]',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./floated-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class NgDocFloatedContentComponent {\n  @Input()\n  bindTo?: BaseElement<HTMLElement>;\n\n  @Input()\n  propertyName: string = '';\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-align')\n  alignTo: NgDocHorizontalAlign = 'left';\n\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAYE,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;QAI1B,IAAO,CAAA,OAAA,GAAyB,MAAM,CAAC;AAE9B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa,CAAC;AAC9E,KAAA;8GAZY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wOAL7B,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAK5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,YAC1B,CAA6B,2BAAA,CAAA,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,CAAA;8BAIhB,MAAM,EAAA,CAAA;sBADL,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAKN,OAAO,EAAA,CAAA;sBAFN,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;ACzBvC;;AAEG;;;;"}

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

@@ -19,14 +19,14 @@ class NgDocFocusControlComponent {
             NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFocusControlComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocFocusControlComponent, isStandalone: true, selector: "ng-doc-focus-control", inputs: { focusHost: "focusHost" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFocusControlComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocFocusControlComponent, isStandalone: true, selector: "ng-doc-focus-control", inputs: { focusHost: "focusHost" }, ngImport: i0, template: `
 		<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>
 		<ng-content></ng-content>
 		<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusNext()"></div>
 	`, isInline: true, styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocFocusControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocFocusControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-focus-control', template: `
 		<div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>

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

@@ -1,6 +1,6 @@
 import * as i1 from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { inject, numberAttribute, Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
 import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
 import { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
 import { Subject, of } from 'rxjs';
@@ -41,10 +41,10 @@ class NgDocIconComponent {
             ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`
             : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: "size" }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.1.1", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: ["size", "size", numberAttribute] }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.HttpClient }], propDecorators: { icon: [{
@@ -58,7 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                 type: HostBinding,
                 args: ['attr.data-ng-doc-custom-icon']
             }], size: [{
-                type: Input
+                type: Input,
+                args: [{ transform: numberAttribute }]
             }, {
                 type: HostBinding,
                 args: ['attr.data-ng-doc-size']

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tinject,\n\tInput,\n\tOnChanges,\n\tOnInit,\n} from '@angular/core';\nimport { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';\nimport { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';\nimport { NgDocIconSize } from '@ng-doc/ui-kit/types';\nimport { of, Subject } from 'rxjs';\nimport { catchError, startWith, switchMap } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-icon',\n\ttemplate: '',\n\tstyleUrls: ['./icon.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocIconComponent implements OnChanges, OnInit {\n\t/** Icon name */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-icon')\n\ticon: string = '';\n\n\t/** Custom icon name, if not set, `icon` will be used */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-custom-icon')\n\tcustomIcon: string = '';\n\n\t/** Icon size */\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize: NgDocIconSize = 16;\n\n\tprivate readonly reload$: Subject<void> = new Subject<void>();\n\tprivate readonly assetsPath: string = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';\n\tprivate readonly customIconsPath: string =\n\t\tinject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';\n\n\tconstructor(\n\t\tprivate readonly elementRef: ElementRef<HTMLElement>,\n\t\tprivate readonly httpClient: HttpClient,\n\t) {}\n\n\tngOnChanges(): void {\n\t\tthis.reload$.next();\n\t}\n\n\tngOnInit(): void {\n\t\tthis.reload$\n\t\t\t.pipe(\n\t\t\t\tstartWith(null),\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tthis.httpClient\n\t\t\t\t\t\t.get(this.href, {\n\t\t\t\t\t\t\tresponseType: 'text',\n\t\t\t\t\t\t\tparams: { [NgDocCacheInterceptor.TOKEN]: 'true' },\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.pipe(\n\t\t\t\t\t\t\tcatchError((e: Error) => {\n\t\t\t\t\t\t\t\tconsole.error(e);\n\n\t\t\t\t\t\t\t\treturn of('');\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t)\n\t\t\t.subscribe((svg: string) => (this.elementRef.nativeElement.innerHTML = svg));\n\t}\n\n\tget href(): string {\n\t\treturn this.customIcon\n\t\t\t? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`\n\t\t\t: `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  OnInit,\n} from '@angular/core';\nimport { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';\nimport { NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';\nimport { NgDocIconSize } from '@ng-doc/ui-kit/types';\nimport { of, Subject } from 'rxjs';\nimport { catchError, startWith, switchMap } from 'rxjs/operators';\n\n@Component({\n  selector: 'ng-doc-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class NgDocIconComponent implements OnChanges, OnInit {\n  /** Icon name */\n  @Input()\n  @HostBinding('attr.data-ng-doc-icon')\n  icon: string = '';\n\n  /** Custom icon name, if not set, `icon` will be used */\n  @Input()\n  @HostBinding('attr.data-ng-doc-custom-icon')\n  customIcon: string = '';\n\n  /** Icon size */\n  @Input({ transform: numberAttribute })\n  @HostBinding('attr.data-ng-doc-size')\n  size: NgDocIconSize = 16;\n\n  private readonly reload$: Subject<void> = new Subject<void>();\n  private readonly assetsPath: string = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';\n  private readonly customIconsPath: string =\n    inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';\n\n  constructor(\n    private readonly elementRef: ElementRef<HTMLElement>,\n    private readonly httpClient: HttpClient,\n  ) {}\n\n  ngOnChanges(): void {\n    this.reload$.next();\n  }\n\n  ngOnInit(): void {\n    this.reload$\n      .pipe(\n        startWith(null),\n        switchMap(() =>\n          this.httpClient\n            .get(this.href, {\n              responseType: 'text',\n              params: { [NgDocCacheInterceptor.TOKEN]: 'true' },\n            })\n            .pipe(\n              catchError((e: Error) => {\n                console.error(e);\n\n                return of('');\n              }),\n            ),\n        ),\n      )\n      .subscribe((svg: string) => (this.elementRef.nativeElement.innerHTML = svg));\n  }\n\n  get href(): string {\n    return this.customIcon\n      ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`\n      : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -19,8 +19,6 @@ let NgDocInputWrapperComponent = class NgDocInputWrapperComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.blurContent = '';
         this.blurContext = null;
-        this.leftContent = '';
-        this.rightContent = '';
         this.align = 'left';
     }
     ngAfterViewChecked() {
@@ -40,13 +38,13 @@ let NgDocInputWrapperComponent = class NgDocInputWrapperComponent {
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     emptyEvent() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocInputWrapperComponent, isStandalone: true, selector: "ng-doc-input-wrapper", inputs: { blurContent: "blurContent", blurContext: "blurContext", leftContent: "leftContent", rightContent: "rightContent", align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-input-disabled": "this.disabled" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocInputWrapperComponent, isStandalone: true, selector: "ng-doc-input-wrapper", inputs: { blurContent: "blurContent", blurContext: "blurContext", align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align", "attr.data-ng-doc-input-disabled": "this.disabled" } }, providers: [
             {
                 provide: NgDocInputHost,
                 useExisting: NgDocInputWrapperComponent,
             },
-        ], queries: [{ propertyName: "input", first: true, predicate: NgDocBaseInput, descendants: true }, { propertyName: "inputControl", first: true, predicate: NgDocBaseInput, descendants: true }], viewQueries: [{ propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div\n\t\t\tclass=\"ng-doc-input-container\"\n\t\t\t(focusin)=\"emptyEvent()\"\n\t\t\t(focusout)=\"emptyEvent()\"\n\t\t\t[class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t#inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container\n\t\t\t\t\t\t*polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{ text }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-right\"\n\t\t\talignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{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;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-text-muted)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"], dependencies: [{ kind: "component", type: NgDocWrapperComponent, selector: "ng-doc-wrapper" }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "component", type: NgDocFloatedBorderComponent, selector: "ng-doc-floated-border" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocFloatedContentComponent, selector: "[ng-doc-floated-content]", inputs: ["bindTo", "propertyName", "alignTo"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "input", first: true, predicate: NgDocBaseInput, descendants: true }, { propertyName: "inputControl", first: true, predicate: NgDocBaseInput, descendants: true }], viewQueries: [{ propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-wrapper ngDocFocusCatcher>\n  <ng-doc-floated-border>\n    <label\n      class=\"ng-doc-input-container\"\n      (focusin)=\"emptyEvent()\"\n      (focusout)=\"emptyEvent()\"\n      [class.-input-hidden]=\"blurContentIsVisible\">\n      <ng-content select=\"[ngDocInputWrapperLeft]\"></ng-content>\n      <div class=\"ng-doc-original-input\">\n        <ng-content></ng-content>\n        <div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n          <div class=\"ng-doc-blur-content\">\n            <ng-container\n              *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n              {{ text }}\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <ng-content select=\"[ngDocInputWrapperRight]\"></ng-content>\n    </label>\n  </ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);--ng-doc-icon-width: 40px;--ng-doc-icon-height: var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-original-input{width:100%;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left)}:host .ng-doc-input-container .ng-doc-original-input:first-child{padding-left:var(--ng-doc-input-padding-left, calc(var(--ng-doc-base-gutter) * 2))}:host .ng-doc-input-container .ng-doc-original-input:last-child{padding-right:var(--ng-doc-input-padding-right, calc(var(--ng-doc-base-gutter) * 2))}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-text-muted)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden;padding-left:var(--ng-doc-input-padding-left, calc(var(--ng-doc-base-gutter) * 2));padding-right:var(--ng-doc-input-padding-right, calc(var(--ng-doc-base-gutter) * 2))}\n"], dependencies: [{ kind: "component", type: NgDocWrapperComponent, selector: "ng-doc-wrapper" }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "component", type: NgDocFloatedBorderComponent, selector: "ng-doc-floated-border" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i1.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 __decorate([
     ngDocMakePure,
@@ -59,7 +57,7 @@ NgDocInputWrapperComponent = __decorate([
     __metadata("design:paramtypes", [ElementRef,
         ChangeDetectorRef])
 ], NgDocInputWrapperComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocInputWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocInputWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-input-wrapper', providers: [
                         {
@@ -73,15 +71,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         NgIf,
                         PolymorpheusModule,
                         NgDocFloatedContentComponent,
-                    ], template: "<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div\n\t\t\tclass=\"ng-doc-input-container\"\n\t\t\t(focusin)=\"emptyEvent()\"\n\t\t\t(focusout)=\"emptyEvent()\"\n\t\t\t[class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t#inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container\n\t\t\t\t\t\t*polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{ text }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-right\"\n\t\t\talignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{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;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left);box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-text-muted)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-floated-content{min-width:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden}\n"] }]
+                    ], template: "<ng-doc-wrapper ngDocFocusCatcher>\n  <ng-doc-floated-border>\n    <label\n      class=\"ng-doc-input-container\"\n      (focusin)=\"emptyEvent()\"\n      (focusout)=\"emptyEvent()\"\n      [class.-input-hidden]=\"blurContentIsVisible\">\n      <ng-content select=\"[ngDocInputWrapperLeft]\"></ng-content>\n      <div class=\"ng-doc-original-input\">\n        <ng-content></ng-content>\n        <div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n          <div class=\"ng-doc-blur-content\">\n            <ng-container\n              *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n              {{ text }}\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <ng-content select=\"[ngDocInputWrapperRight]\"></ng-content>\n    </label>\n  </ng-doc-floated-border>\n</ng-doc-wrapper>\n", styles: [":host{position:relative;display:block;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);--ng-doc-icon-width: 40px;--ng-doc-icon-height: var(--ng-doc-input-height)}:host:hover:not([data-ng-doc-input-disabled=true]){--ng-doc-input-border: var(--ng-doc-input-border-hover)}:host:not([data-ng-doc-input-disabled=true]) ::ng-deep .ng-doc-input:read-only{--ng-doc-input-cursor: pointer}:host[data-ng-doc-align=left]{--ng-doc-input-text-align: left}:host[data-ng-doc-align=center]{--ng-doc-input-text-align: center}:host[data-ng-doc-align=right]{--ng-doc-input-text-align: right}:host .ng-doc-input-container{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--ng-doc-input-width);height:var(--ng-doc-input-height);background-color:var(--ng-doc-input-background-color);border-radius:var(--ng-doc-floated-border-radius);--ng-doc-line-height: 22px}:host .ng-doc-input-container:after{position:absolute;content:\"\";left:0;top:0;z-index:2;width:100%;height:100%;border:var(--ng-doc-input-border);border-radius:var(--ng-doc-floated-border-radius);pointer-events:none}:host .ng-doc-input-container.-input-hidden ::ng-deep input{opacity:0}:host .ng-doc-input-container .ng-doc-original-input{width:100%;padding:var(--ng-doc-base-gutter) var(--ng-doc-input-padding-right) var(--ng-doc-base-gutter) var(--ng-doc-input-padding-left)}:host .ng-doc-input-container .ng-doc-original-input:first-child{padding-left:var(--ng-doc-input-padding-left, calc(var(--ng-doc-base-gutter) * 2))}:host .ng-doc-input-container .ng-doc-original-input:last-child{padding-right:var(--ng-doc-input-padding-right, calc(var(--ng-doc-base-gutter) * 2))}:host .ng-doc-input-container .ng-doc-input,:host .ng-doc-input-container ::ng-deep .ng-doc-input{width:100%;height:100%;overflow:hidden;box-sizing:border-box;outline:none;text-align:var(--ng-doc-input-text-align);border:0;border-radius:var(--ng-doc-floated-border-radius);background-color:transparent;cursor:var(--ng-doc-input-cursor);color:var(--ng-doc-input-color, var(--ng-doc-text));font-family:var(--ng-doc-input-font-family, var(--ng-doc-font-family));font-size:var(--ng-doc-input-font-size, var(--ng-doc-font-size));font-weight:var(--ng-doc-input-font-weight, var(--ng-doc-font-weight))}:host .ng-doc-input-container .ng-doc-input::placeholder,:host .ng-doc-input-container ::ng-deep .ng-doc-input::placeholder{color:var(--ng-doc-text-muted)}:host .ng-doc-input-container .ng-doc-input.-blink,:host .ng-doc-input-container ::ng-deep .ng-doc-input.-blink{animation:blink-animation .3s}@keyframes blink-animation{0%{background-color:rgba(var(--ng-doc-primary-rgb),.1)}to{background-color:initial}}:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container .ng-doc-input[type=number]::-webkit-outer-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-inner-spin-button,:host .ng-doc-input-container ::ng-deep .ng-doc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host .ng-doc-content{--ng-doc-icon-width: 40px;--ng-doc-icon-height: 40px}ng-doc-floated-border{width:var(--ng-doc-input-width);height:var(--ng-doc-input-height)}.ng-doc-button-content{display:flex}.ng-doc-blur-container{position:absolute;left:0;top:0;display:flex;align-items:center;pointer-events:none}.ng-doc-blur-container .ng-doc-blur-content{width:100%;white-space:nowrap;overflow:hidden;padding-left:var(--ng-doc-input-padding-left, calc(var(--ng-doc-base-gutter) * 2));padding-right:var(--ng-doc-input-padding-right, calc(var(--ng-doc-base-gutter) * 2))}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { blurContent: [{
                 type: Input
             }], blurContext: [{
                 type: Input
-            }], leftContent: [{
-                type: Input
-            }], rightContent: [{
-                type: Input
             }], align: [{
                 type: Input
             }, {

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-input-wrapper.mjs","sources":["../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.ts","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.html","../../../../libs/ui-kit/components/input-wrapper/ng-doc-ui-kit-components-input-wrapper.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tAfterViewChecked,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChild,\n\tElementRef,\n\tHostBinding,\n\tInput,\n\tViewChild,\n} from '@angular/core';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocFloatedBorderComponent } from '@ng-doc/ui-kit/components/floated-border';\nimport { NgDocFloatedContentComponent } from '@ng-doc/ui-kit/components/floated-content';\nimport { NgDocWrapperComponent } from '@ng-doc/ui-kit/components/wrapper';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocTextAlign } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tselector: 'ng-doc-input-wrapper',\n\ttemplateUrl: './input-wrapper.component.html',\n\tstyleUrls: ['./input-wrapper.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocInputHost,\n\t\t\tuseExisting: NgDocInputWrapperComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocWrapperComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tNgDocFloatedBorderComponent,\n\t\tNgIf,\n\t\tPolymorpheusModule,\n\t\tNgDocFloatedContentComponent,\n\t],\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown>\n\timplements AfterViewChecked, NgDocInputHost<T>\n{\n\t@Input()\n\tblurContent: NgDocContent<NgDocContextWithImplicit<B | null>> = '';\n\n\t@Input()\n\tblurContext: B | null = null;\n\n\t@Input()\n\tleftContent: NgDocContent = '';\n\n\t@Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocTextAlign = 'left';\n\n\t@ContentChild(NgDocBaseInput)\n\tinput?: NgDocBaseInput<T>;\n\n\t@ContentChild(NgDocBaseInput)\n\tinputControl?: NgDocBaseInput<T>;\n\n\t@ViewChild(NgDocFocusCatcherDirective, { static: true })\n\tfocusCatcher?: NgDocFocusCatcherDirective;\n\n\tconstructor(\n\t\tpublic elementRef: ElementRef<HTMLElement>,\n\t\tprotected changeDetectorRef: ChangeDetectorRef,\n\t) {}\n\n\tngAfterViewChecked(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\t@ngDocMakePure\n\tgetBlurContext($implicit: B | null): NgDocContextWithImplicit<B | null> {\n\t\treturn { $implicit };\n\t}\n\n\t@HostBinding('attr.data-ng-doc-input-disabled')\n\tget disabled(): boolean {\n\t\treturn !!this.inputControl?.disabled;\n\t}\n\n\tinputHasValue(): boolean {\n\t\treturn !!this.inputControl?.hasValue;\n\t}\n\n\tget blurContentIsVisible(): boolean {\n\t\treturn !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\temptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n\t\t<div\n\t\t\tclass=\"ng-doc-input-container\"\n\t\t\t(focusin)=\"emptyEvent()\"\n\t\t\t(focusout)=\"emptyEvent()\"\n\t\t\t[class.-input-hidden]=\"blurContentIsVisible\"\n\t\t\t#inputContainer>\n\t\t\t<ng-content></ng-content>\n\t\t\t<div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n\t\t\t\t<div class=\"ng-doc-blur-content\">\n\t\t\t\t\t<ng-container\n\t\t\t\t\t\t*polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n\t\t\t\t\t\t{{ text }}\n\t\t\t\t\t</ng-container>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"leftContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"leftContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-right\"\n\t\t\talignTo=\"right\">\n\t\t\t<span class=\"ng-doc-content\" *ngIf=\"rightContent\">\n\t\t\t\t<ng-container *polymorpheusOutlet=\"rightContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t</ng-doc-floated-border>\n</ng-doc-wrapper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-input-wrapper.mjs","sources":["../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.ts","../../../../libs/ui-kit/components/input-wrapper/input-wrapper.component.html","../../../../libs/ui-kit/components/input-wrapper/ng-doc-ui-kit-components-input-wrapper.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n  AfterViewChecked,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocFloatedBorderComponent } from '@ng-doc/ui-kit/components/floated-border';\nimport { NgDocFloatedContentComponent } from '@ng-doc/ui-kit/components/floated-content';\nimport { NgDocWrapperComponent } from '@ng-doc/ui-kit/components/wrapper';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocTextAlign } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n  selector: 'ng-doc-input-wrapper',\n  templateUrl: './input-wrapper.component.html',\n  styleUrls: ['./input-wrapper.component.scss'],\n  providers: [\n    {\n      provide: NgDocInputHost,\n      useExisting: NgDocInputWrapperComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    NgDocWrapperComponent,\n    NgDocFocusCatcherDirective,\n    NgDocFloatedBorderComponent,\n    NgIf,\n    PolymorpheusModule,\n    NgDocFloatedContentComponent,\n  ],\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown>\n  implements AfterViewChecked, NgDocInputHost<T>\n{\n  @Input()\n  blurContent: NgDocContent<NgDocContextWithImplicit<B | null>> = '';\n\n  @Input()\n  blurContext: B | null = null;\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-align')\n  align: NgDocTextAlign = 'left';\n\n  @ContentChild(NgDocBaseInput)\n  input?: NgDocBaseInput<T>;\n\n  @ContentChild(NgDocBaseInput)\n  inputControl?: NgDocBaseInput<T>;\n\n  @ViewChild(NgDocFocusCatcherDirective, { static: true })\n  focusCatcher?: NgDocFocusCatcherDirective;\n\n  constructor(\n    public elementRef: ElementRef<HTMLElement>,\n    protected changeDetectorRef: ChangeDetectorRef,\n  ) {}\n\n  ngAfterViewChecked(): void {\n    this.changeDetectorRef.markForCheck();\n  }\n\n  @ngDocMakePure\n  getBlurContext($implicit: B | null): NgDocContextWithImplicit<B | null> {\n    return { $implicit };\n  }\n\n  @HostBinding('attr.data-ng-doc-input-disabled')\n  get disabled(): boolean {\n    return !!this.inputControl?.disabled;\n  }\n\n  inputHasValue(): boolean {\n    return !!this.inputControl?.hasValue;\n  }\n\n  get blurContentIsVisible(): boolean {\n    return !!this.blurContent && (!this.input?.isFocused || this.input?.isReadonly);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  emptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n  <ng-doc-floated-border>\n    <label\n      class=\"ng-doc-input-container\"\n      (focusin)=\"emptyEvent()\"\n      (focusout)=\"emptyEvent()\"\n      [class.-input-hidden]=\"blurContentIsVisible\">\n      <ng-content select=\"[ngDocInputWrapperLeft]\"></ng-content>\n      <div class=\"ng-doc-original-input\">\n        <ng-content></ng-content>\n        <div class=\"ng-doc-blur-container ng-doc-input\" *ngIf=\"blurContentIsVisible\">\n          <div class=\"ng-doc-blur-content\">\n            <ng-container\n              *polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n              {{ text }}\n            </ng-container>\n          </div>\n        </div>\n      </div>\n      <ng-content select=\"[ngDocInputWrapperRight]\"></ng-content>\n    </label>\n  </ng-doc-floated-border>\n</ng-doc-wrapper>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -9,10 +9,10 @@ class NgDocLabelComponent {
         this.label = '';
         this.align = 'left';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocLabelComponent, isStandalone: true, selector: "label[ng-doc-label]", inputs: { label: ["ng-doc-label", "label"], align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{ text }}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocLabelComponent, isStandalone: true, selector: "label[ng-doc-label]", inputs: { label: ["ng-doc-label", "label"], align: "align" }, host: { properties: { "attr.data-ng-doc-align": "this.align" } }, ngImport: i0, template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{ text }}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'label[ng-doc-label]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, PolymorpheusModule], template: "<span class=\"ng-doc-label\" *ngIf=\"label\">\n\t<ng-container *polymorpheusOutlet=\"label as text\">{{ text }}</ng-container>\n</span>\n<span class=\"ng-doc-content\">\n\t<ng-content></ng-content>\n</span>\n", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}:host[data-ng-doc-align=right] .ng-doc-label{align-self:flex-end;text-align:end}.ng-doc-label{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);display:flex;flex-direction:row;pointer-events:auto;margin-bottom:calc(var(--ng-doc-base-gutter) / 2)}.ng-doc-content{display:flex;flex-direction:column;align-items:flex-start;width:var(--ng-doc-label-content-width, 100%)}.ng-doc-content>*,.ng-doc-content ::ng-deep>*{pointer-events:auto}\n"] }]
         }], propDecorators: { label: [{

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

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 
 class NgDocLineComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocLineComponent, isStandalone: true, selector: "ng-doc-line", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocLineComponent, isStandalone: true, selector: "ng-doc-line", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocLineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-line', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"] }]
         }] });

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

@@ -48,8 +48,8 @@ let NgDocListComponent = class NgDocListComponent {
     unregisterItem(item) {
         this.items.delete(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: NgDocListHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocListComponent, isStandalone: true, selector: "ng-doc-list", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: NgDocListHost, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocListComponent, isStandalone: true, selector: "ng-doc-list", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocListComponent = __decorate([
     UntilDestroy(),
@@ -57,7 +57,7 @@ NgDocListComponent = __decorate([
         NgZone,
         NgDocListHost])
 ], NgDocListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.NgDocListHost, decorators: [{

package/fesm2022/ng-doc-ui-kit-components-magnifier-controller.mjs

@@ -0,0 +1,23 @@
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';
+import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';
+
+class MagnifierControllerComponent {
+    constructor() {
+        this.magnifier = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MagnifierControllerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: MagnifierControllerComponent, isStandalone: true, selector: "ng-doc-magnifier-controller", inputs: { magnifier: { classPropertyName: "magnifier", publicName: "magnifier", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-up\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-in\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(200)\">\n    <ng-doc-icon icon=\"zoom-in\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-left\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-center\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().reset()\">\n    <ng-doc-icon icon=\"maximize\" />\n  </button>\n  <button\n    class=\"ng-doc-button-right\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-down\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-out\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(-200)\">\n    <ng-doc-icon icon=\"zoom-out\" />\n  </button>\n</div>\n", styles: [":host{display:inline-flex;flex-direction:column;gap:var(--ng-doc-base-gutter)}:host .ng-doc-controls-row{display:flex;gap:var(--ng-doc-base-gutter);justify-content:center}:host .ng-doc-controls-row:first-child,:host .ng-doc-controls-row:last-child{justify-content:flex-end}:host button.ng-doc-button-up ng-doc-icon[icon=chevron-right]{transform:rotate(270deg)}:host button.ng-doc-button-down ng-doc-icon[icon=chevron-right]{transform:rotate(90deg)}:host button.ng-doc-button-left ng-doc-icon[icon=chevron-right]{transform:rotate(180deg)}\n"], dependencies: [{ 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: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MagnifierControllerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-magnifier-controller', standalone: true, imports: [NgDocButtonIconComponent, NgDocIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-up\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-in\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(200)\">\n    <ng-doc-icon icon=\"zoom-in\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-left\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-center\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().reset()\">\n    <ng-doc-icon icon=\"maximize\" />\n  </button>\n  <button\n    class=\"ng-doc-button-right\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-down\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-out\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(-200)\">\n    <ng-doc-icon icon=\"zoom-out\" />\n  </button>\n</div>\n", styles: [":host{display:inline-flex;flex-direction:column;gap:var(--ng-doc-base-gutter)}:host .ng-doc-controls-row{display:flex;gap:var(--ng-doc-base-gutter);justify-content:center}:host .ng-doc-controls-row:first-child,:host .ng-doc-controls-row:last-child{justify-content:flex-end}:host button.ng-doc-button-up ng-doc-icon[icon=chevron-right]{transform:rotate(270deg)}:host button.ng-doc-button-down ng-doc-icon[icon=chevron-right]{transform:rotate(90deg)}:host button.ng-doc-button-left ng-doc-icon[icon=chevron-right]{transform:rotate(180deg)}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MagnifierControllerComponent };
+//# sourceMappingURL=ng-doc-ui-kit-components-magnifier-controller.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-magnifier-controller.mjs","sources":["../../../../libs/ui-kit/components/magnifier-controller/magnifier-controller.component.ts","../../../../libs/ui-kit/components/magnifier-controller/magnifier-controller.component.html","../../../../libs/ui-kit/components/magnifier-controller/ng-doc-ui-kit-components-magnifier-controller.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgDocButtonIconComponent } from '@ng-doc/ui-kit/components/button-icon';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocMagnifierComponent } from '@ng-doc/ui-kit/components/magnifier';\n\n@Component({\n  selector: 'ng-doc-magnifier-controller',\n  standalone: true,\n  imports: [NgDocButtonIconComponent, NgDocIconComponent],\n  templateUrl: './magnifier-controller.component.html',\n  styleUrl: './magnifier-controller.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MagnifierControllerComponent {\n  magnifier = input.required<NgDocMagnifierComponent>();\n}\n","<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-up\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-in\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(200)\">\n    <ng-doc-icon icon=\"zoom-in\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-left\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-center\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().reset()\">\n    <ng-doc-icon icon=\"maximize\" />\n  </button>\n  <button\n    class=\"ng-doc-button-right\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementX(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n</div>\n\n<div class=\"ng-doc-controls-row\">\n  <button\n    class=\"ng-doc-button-down\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().incrementY(-50)\">\n    <ng-doc-icon icon=\"chevron-right\" />\n  </button>\n  <button\n    class=\"ng-doc-button-zoom-out\"\n    ng-doc-button-icon-raised\n    [rounded]=\"false\"\n    (click)=\"magnifier().zoom(-200)\">\n    <ng-doc-icon icon=\"zoom-out\" />\n  </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,4BAA4B,CAAA;AARzC,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,EAA2B,CAAC;AACvD,KAAA;8GAFY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,ECbzC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,ogDAyDA,EDjDY,MAAA,EAAA,CAAA,6hBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,wBAAwB,uQAAE,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;;2FAK3C,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;+BACE,6BAA6B,EAAA,UAAA,EAC3B,IAAI,EAAA,OAAA,EACP,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,EAAA,eAAA,EAGtC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ogDAAA,EAAA,MAAA,EAAA,CAAA,6hBAAA,CAAA,EAAA,CAAA;;;AEXjD;;AAEG;;;;"}

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

@@ -0,0 +1,86 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, inject, ElementRef, NgZone, DestroyRef, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent } from 'rxjs';
+import { switchMap, filter, takeUntil, tap } from 'rxjs/operators';
+
+/**
+ *
+ * @param event
+ */
+function isMouseEvent(event) {
+    return event instanceof MouseEvent;
+}
+/**
+ *
+ * @param event
+ */
+function isWheelEvent(event) {
+    return event instanceof WheelEvent;
+}
+class NgDocMagnifierComponent {
+    constructor() {
+        this.x = signal(0);
+        this.y = signal(0);
+        this.scale = signal(1);
+        this.drag = signal(false);
+        this.document = inject(DOCUMENT);
+        this.element = inject(ElementRef).nativeElement;
+        this.ngZone = inject(NgZone);
+        this.destroyRef = inject(DestroyRef);
+        this.transform = computed(() => {
+            const scale = this.scale();
+            const x = this.x();
+            const y = this.y();
+            return `matrix(${scale}, 0, 0, ${scale}, ${x * scale}, ${y * scale})`;
+        });
+    }
+    ngOnInit() {
+        fromEvent(this.element, 'mousedown')
+            .pipe(switchMap((event) => {
+            event.preventDefault();
+            this.drag.set(true);
+            return fromEvent(this.document, 'mousemove').pipe(filter(isMouseEvent), takeUntil(fromEvent(this.document, 'mouseup')), tap({ complete: () => this.drag.set(false) }));
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            this.x.update((x) => x + event.movementX / this.scale());
+            this.y.update((y) => y + event.movementY / this.scale());
+        });
+        fromEvent(this.element, 'wheel')
+            .pipe(filter(isWheelEvent), takeUntilDestroyed(this.destroyRef))
+            .subscribe((event) => {
+            event.preventDefault();
+            this.scale.update((scale) => Math.max(scale * (1 + event.deltaY / 1000), 1));
+        });
+    }
+    incrementX(x) {
+        this.x.update((current) => current + x / this.scale());
+    }
+    incrementY(y) {
+        this.y.update((current) => current + y / this.scale());
+    }
+    zoom(diff) {
+        this.scale.update((scale) => Math.max(scale * (1 + diff / 1000), 1));
+    }
+    reset() {
+        this.x.set(0);
+        this.y.set(0);
+        this.scale.set(1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocMagnifierComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocMagnifierComponent, isStandalone: true, selector: "ng-doc-magnifier", host: { properties: { "attr.data-drag": "drag()" } }, ngImport: i0, template: "<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;overflow:hidden;cursor:default}:host[data-drag=true]{cursor:move}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocMagnifierComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-doc-magnifier', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-drag]': 'drag()',
+                    }, template: "<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;overflow:hidden;cursor:default}:host[data-drag=true]{cursor:move}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgDocMagnifierComponent };
+//# sourceMappingURL=ng-doc-ui-kit-components-magnifier.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-components-magnifier.mjs","sources":["../../../../libs/ui-kit/components/magnifier/magnifier.component.ts","../../../../libs/ui-kit/components/magnifier/magnifier.component.html","../../../../libs/ui-kit/components/magnifier/ng-doc-ui-kit-components-magnifier.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  NgZone,\n  OnInit,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent } from 'rxjs';\nimport { filter, switchMap, takeUntil, tap } from 'rxjs/operators';\n\n/**\n *\n * @param event\n */\nfunction isMouseEvent(event: Event): event is MouseEvent {\n  return event instanceof MouseEvent;\n}\n\n/**\n *\n * @param event\n */\nfunction isWheelEvent(event: Event): event is WheelEvent {\n  return event instanceof WheelEvent;\n}\n\n@Component({\n  selector: 'ng-doc-magnifier',\n  standalone: true,\n  imports: [],\n  templateUrl: './magnifier.component.html',\n  styleUrl: './magnifier.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-drag]': 'drag()',\n  },\n})\nexport class NgDocMagnifierComponent implements OnInit {\n  protected readonly x = signal<number>(0);\n  protected readonly y = signal<number>(0);\n  protected readonly scale = signal<number>(1);\n  protected readonly transform;\n  protected readonly drag = signal<boolean>(false);\n\n  protected readonly document = inject(DOCUMENT);\n  protected readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  protected readonly ngZone = inject(NgZone);\n  protected readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    this.transform = computed(() => {\n      const scale = this.scale();\n      const x = this.x();\n      const y = this.y();\n      return `matrix(${scale}, 0, 0, ${scale}, ${x * scale}, ${y * scale})`;\n    });\n  }\n\n  ngOnInit(): void {\n    fromEvent(this.element, 'mousedown')\n      .pipe(\n        switchMap((event: Event) => {\n          event.preventDefault();\n          this.drag.set(true);\n\n          return fromEvent(this.document, 'mousemove').pipe(\n            filter(isMouseEvent),\n            takeUntil(fromEvent(this.document, 'mouseup')),\n            tap({ complete: () => this.drag.set(false) }),\n          );\n        }),\n        takeUntilDestroyed(this.destroyRef),\n      )\n      .subscribe((event: MouseEvent) => {\n        this.x.update((x) => x + event.movementX / this.scale());\n        this.y.update((y) => y + event.movementY / this.scale());\n      });\n\n    fromEvent(this.element, 'wheel')\n      .pipe(filter(isWheelEvent), takeUntilDestroyed(this.destroyRef))\n      .subscribe((event: WheelEvent) => {\n        event.preventDefault();\n\n        this.scale.update((scale) => Math.max(scale * (1 + event.deltaY / 1000), 1));\n      });\n  }\n\n  incrementX(x: number): void {\n    this.x.update((current) => current + x / this.scale());\n  }\n\n  incrementY(y: number): void {\n    this.y.update((current) => current + y / this.scale());\n  }\n\n  zoom(diff: number): void {\n    this.scale.update((scale) => Math.max(scale * (1 + diff / 1000), 1));\n  }\n\n  reset(): void {\n    this.x.set(0);\n    this.y.set(0);\n    this.scale.set(1);\n  }\n}\n","<div class=\"ng-doc-magnifier-container\" [style.transform]=\"transform()\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}