npm - @ng-doc/ui-kit - Versions diffs - 16.17.0 → 16.18.0 - Mend

@ng-doc/ui-kit 16.17.0 → 16.18.0

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 (225) hide show

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

@@ -1,7 +1,7 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ElementRef, ChangeDetectorRef, Component, ChangeDetectionStrategy, Inject, Optional, Input, HostBinding, ContentChild, ViewChild } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, Component, ChangeDetectionStrategy, Input, HostBinding, ContentChild, ViewChild } from '@angular/core';
 import { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';
 import { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';
 import { NgDocFloatedBorderComponent } from '@ng-doc/ui-kit/components/floated-border';
@@ -12,15 +12,11 @@ import { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catc
 import { UntilDestroy } from '@ngneat/until-destroy';
 import * as i1 from '@tinkoff/ng-polymorpheus';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
-import * as i2 from 'flex-controls';
-import { FL_CONTROL_HOST, FlControlHost } from 'flex-controls';
-var NgDocInputWrapperComponent_1;
-let NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = class NgDocInputWrapperComponent {
-    constructor(elementRef, changeDetectorRef, controlHost) {
+let NgDocInputWrapperComponent = class NgDocInputWrapperComponent {
+    constructor(elementRef, changeDetectorRef) {
         this.elementRef = elementRef;
         this.changeDetectorRef = changeDetectorRef;
-        this.controlHost = controlHost;
         this.blurContent = '';
         this.blurContext = null;
         this.leftContent = '';
@@ -44,13 +40,13 @@ let NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = class NgDocInput
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     emptyEvent() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.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: "17.0.2", 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: "17.0.2", 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: [
             {
                 provide: NgDocInputHost,
-                useExisting: NgDocInputWrapperComponent_1,
+                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;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\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{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 }); }
 };
 __decorate([
     ngDocMakePure,
@@ -58,13 +54,12 @@ __decorate([
     __metadata("design:paramtypes", [Object]),
     __metadata("design:returntype", Object)
 ], NgDocInputWrapperComponent.prototype, "getBlurContext", null);
-NgDocInputWrapperComponent = NgDocInputWrapperComponent_1 = __decorate([
+NgDocInputWrapperComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef,
-        FlControlHost])
+        ChangeDetectorRef])
 ], NgDocInputWrapperComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocInputWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocInputWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-input-wrapper', providers: [
                         {
@@ -78,13 +73,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.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;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"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.FlControlHost, decorators: [{
-                    type: Inject,
-                    args: [FL_CONTROL_HOST]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { blurContent: [{
+                    ], 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{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"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { blurContent: [{
                 type: Input
             }], blurContext: [{
                 type: Input

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

	@@ -1 +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\~~tInject,\n\~~tInput,\n\~~tOptional,\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';\~~nimport { FL_CONTROL_HOST, FlControl, FlControlHost } from 'flex-controls';\~~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?: ~~FlControl~~<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~~\t@Inject(FL_CONTROL_HOST~~)~~\n\t\t@Optional()\n\t\tprotected~~ ~~controlHost?: FlControlHost<unknown>,\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\tpolymorpheusOutlet=\"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":"~~;;;;;;;;;;;;;;;;;;AAiDa~~,IAAA,0BAA0B,~~GAtBvC~~,~~4BAAA~~,~~GAAA,MAsBa,~~0BAA0B,CAAA;~~AA4BtC~~,~~IAAA~~,~~WAAA~~,~~CACQ,~~UAAmC,EAChC,iBAAoC,~~EAGpC,WAAoC,~~EAAA;~~QAJvC~~,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAChC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;~~QAGpC,IAAW,CAAA,WAAA,GAAX,WAAW,CAAyB;QA7B~~/C,IAAW,CAAA,WAAA,GAAqD,EAAE,CAAC;QAGnE,IAAW,CAAA,WAAA,GAAa,IAAI,CAAC;QAG7B,IAAW,CAAA,WAAA,GAAiB,EAAE,CAAC;QAG/B,IAAY,CAAA,YAAA,GAAiB,EAAE,CAAC;QAIhC,IAAK,CAAA,KAAA,GAAmB,MAAM,CAAC;~~KAiB3B~~;IAEJ,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;AAGD,IAAA,cAAc,CAAC,SAAmB,EAAA;QACjC,OAAO,EAAE,SAAS,EAAE,CAAC;KACrB;AAED,IAAA,IACI,QAAQ,GAAA;AACX,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;KACrC;IAED,aAAa,GAAA;AACZ,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;KACrC;AAED,IAAA,IAAI,oBAAoB,GAAA;QACvB,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;KAChF;;AAGD,IAAA,UAAU,MAAW;~~AA3DT~~,~~IAAA~~,~~SAAA~~,IAAA,~~CAAA,IAAA,GAAA,~~EAAA,CAAA,~~kBAAA,CAAA,~~EAAA,~~UAAA~~,EAAA,~~QAAA,~~EAAA,~~OAAA~~,~~EAAA~~,~~QAAA,~~EAAA,~~QAAA,~~EAAA,EAAA,~~EAAA~~,~~IAAA,~~EAAA,~~0BAA0B,6EA+B7B,eAAe,~~EAAA,~~QAAA~~,~~EAAA~~,~~IAAA,~~EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;~~AA/BZ~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAlB3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,iCAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,cAAc;AACvB,gBAAA,WAAW,EAAE,~~4BAA0B~~;AACvC,aAAA;AACD,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAgCa,cAAc,EAGd,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,cAAc,8FAGjB,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EC1EtC~~,g6CAwCA,~~EDAE~~,MAAA,EAAA,CAAA,~~8rGAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,qBAAqB,EACrB,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,0BAA0B,uIAC1B,2BAA2B,EAAA,QAAA,EAAA,uBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC3B,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,2LAClB,4BAA4B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,cAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~AA6C7B~~,UAAA,CAAA;IADC,aAAa;;;;AAGb,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,CAAA;~~AA3CW~~,0BAA0B,GAAA,~~4BAAA,GAAA,~~UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;qCA8BM,UAAU;QACA,iBAAiB~~;QAGtB~~,~~aAAa,~~CAAA,CAAA;~~AAjC1B~~,CAAA,EAAA,0BAA0B,~~CA4DtC~~,CAAA;~~2FA5DY~~,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAtBtC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAGrB,SAAA,EAAA;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,cAAc;AACvB,4BAAA,WAAW,EAA4B,0BAAA;AACvC,yBAAA;AACD,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACR,qBAAqB;wBACrB,0BAA0B;wBAC1B,2BAA2B;wBAC3B,IAAI;wBACJ,kBAAkB;wBAClB,4BAA4B;AAC5B,qBAAA,EAAA,QAAA,EAAA,g6CAAA,EAAA,MAAA,EAAA,CAAA,~~8rGAAA~~,CAAA,EAAA,CAAA~~;;0BAkCC~~,~~MAAM;2BAAC,eAAe,CAAA;;0BACtB,QAAQ;4CA5BV,~~WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAKN,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;gBAIrC,KAAK,EAAA,CAAA;sBADJ,YAAY;uBAAC,cAAc,CAAA;gBAI5B,YAAY,EAAA,CAAA;sBADX,YAAY;uBAAC,cAAc,CAAA;gBAI5B,YAAY,EAAA,CAAA;sBADX,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,0BAA0B,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;~~AAgBvD~~,aAAA,CAAA,EAAA,cAAc,MAKV,QAAQ,EAAA,CAAA;sBADX,WAAW;uBAAC,iCAAiC,CAAA;;;~~AE9F~~/C;;AAEG;;;;"}
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\tpolymorpheusOutlet=\"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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"}

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

@@ -9,10 +9,10 @@ class NgDocLabelComponent {
         this.label = '';
         this.align = 'left';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.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: "17.0.2", ngImport: i0, type: NgDocLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "16.0.0", ngImport: i0, type: NgDocLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", 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-label.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-label.mjs","sources":["../../../../libs/ui-kit/components/label/label.component.ts","../../../../libs/ui-kit/components/label/label.component.html","../../../../libs/ui-kit/components/label/ng-doc-ui-kit-components-label.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocContent, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tselector: 'label[ng-doc-label]',\n\ttemplateUrl: './label.component.html',\n\tstyleUrls: ['./label.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, PolymorpheusModule],\n})\nexport class NgDocLabelComponent {\n\t@Input('ng-doc-label')\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;~~AAKA~~,~~MAQa,~~mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAIzB,IAAK,CAAA,KAAA,GAAyB,MAAM,CAAC;AACrC,KAAA;8GAPY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECbhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,cAAA,EAAA,OAAA,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kNAMA,EDKW,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,4FAAE,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,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAEtB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,kNAAA,EAAA,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,CAAA;8BAInC,KAAK,EAAA,CAAA;sBADJ,KAAK;uBAAC,cAAc,CAAA;gBAKrB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;AElBtC;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-label.mjs","sources":["../../../../libs/ui-kit/components/label/label.component.ts","../../../../libs/ui-kit/components/label/label.component.html","../../../../libs/ui-kit/components/label/ng-doc-ui-kit-components-label.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocContent, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n\tselector: 'label[ng-doc-label]',\n\ttemplateUrl: './label.component.html',\n\tstyleUrls: ['./label.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, PolymorpheusModule],\n})\nexport class NgDocLabelComponent {\n\t@Input('ng-doc-label')\n\tlabel: NgDocContent = '';\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-align')\n\talign: NgDocHorizontalAlign = 'left';\n}\n","<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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAaa,mBAAmB,CAAA;AARhC,IAAA,WAAA,GAAA;QAUC,IAAK,CAAA,KAAA,GAAiB,EAAE,CAAC;QAIzB,IAAK,CAAA,KAAA,GAAyB,MAAM,CAAC;AACrC,KAAA;8GAPY,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,ECbhC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,cAAA,EAAA,OAAA,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,kNAMA,EDKW,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,4FAAE,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,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAEtB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,kNAAA,EAAA,MAAA,EAAA,CAAA,8pBAAA,CAAA,EAAA,CAAA;8BAInC,KAAK,EAAA,CAAA;sBADJ,KAAK;uBAAC,cAAc,CAAA;gBAKrB,KAAK,EAAA,CAAA;sBAFJ,KAAK;;sBACL,WAAW;uBAAC,wBAAwB,CAAA;;;AElBtC;;AAEG;;;;"}

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

@@ -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: "16.0.0", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.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: "17.0.2", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", 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: "16.0.0", ngImport: i0, type: NgDocLineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", 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-line.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-line.mjs","sources":["../../../../libs/ui-kit/components/line/line.component.ts","../../../../libs/ui-kit/components/line/ng-doc-ui-kit-components-line.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-line',\n\ttemplate: '',\n\tstyleUrls: ['./line.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocLineComponent {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;~~AAEA~~,~~MAOa,~~kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uEALpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKA,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACb,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,CAAA;;;ACPjB;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-line.mjs","sources":["../../../../libs/ui-kit/components/line/line.component.ts","../../../../libs/ui-kit/components/line/ng-doc-ui-kit-components-line.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-line',\n\ttemplate: '',\n\tstyleUrls: ['./line.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocLineComponent {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MASa,kBAAkB,CAAA;8GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,uEALpB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKA,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,YACb,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oFAAA,CAAA,EAAA,CAAA;;;ACPjB;;AAEG;;;;"}

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

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { ListKeyManager } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { ElementRef, NgZone, Component, ChangeDetectionStrategy, Inject, Optional } from '@angular/core';
@@ -7,8 +7,8 @@ import * as i1 from '@ng-doc/ui-kit/classes/list-host';
 import { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';
 import { toElement } from '@ng-doc/ui-kit/helpers';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
-import { merge, fromEvent, NEVER } from 'rxjs';
-import { takeUntil, delayWhen, repeat, filter } from 'rxjs/operators';
+import { fromEvent, NEVER, merge } from 'rxjs';
+import { filter, takeUntil, delayWhen, repeat } from 'rxjs/operators';
 let NgDocListComponent = class NgDocListComponent {
     constructor(elementRef, ngZone, listHost) {
@@ -48,8 +48,8 @@ let NgDocListComponent = class NgDocListComponent {
     unregisterItem(item) {
         this.items.delete(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.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: "16.0.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: "17.0.2", 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: "17.0.2", 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,15 +57,15 @@ NgDocListComponent = __decorate([
         NgZone,
         NgDocListHost])
 ], NgDocListComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", 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: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.NgDocListHost, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.NgDocListHost, decorators: [{
                     type: Inject,
                     args: [NgDocListHost]
                 }, {
                     type: Optional
-                }] }]; } });
+                }] }] });
 /**
  * Generated bundle index. Do not edit.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-list.mjs","sources":["../../../../libs/ui-kit/components/list/list.component.ts","../../../../libs/ui-kit/components/list/list.component.html","../../../../libs/ui-kit/components/list/ng-doc-ui-kit-components-list.ts"],"sourcesContent":["import { ListKeyManager } from '@angular/cdk/a11y';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tInject,\n\tNgZone,\n\tOptional,\n} from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent, merge, NEVER } from 'rxjs';\nimport { delayWhen, filter, repeat, takeUntil } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-list',\n\ttemplateUrl: './list.component.html',\n\tstyleUrls: ['./list.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocListComponent~~<T>~~ {\n\tprivate keyManager: ListKeyManager<NgDocListItem> \| null = null;\n\tprivate readonly items: Set<NgDocListItem> = new Set<NgDocListItem>();\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\tprivate ngZone: NgZone,\n\t\t@Inject(NgDocListHost) @Optional() private listHost?: NgDocListHost,\n\t) {\n\t\tconst origin: HTMLElement \| null = this.listHost?.listHostOrigin\n\t\t\t? toElement(this.listHost?.listHostOrigin)\n\t\t\t: null;\n\t\tconst list: HTMLElement = toElement(this.elementRef);\n\n\t\tmerge(\n\t\t\tfromEvent(list, 'keydown'),\n\t\t\torigin\n\t\t\t\t? fromEvent(origin, 'keydown').pipe(\n\t\t\t\t\t\ttakeUntil(fromEvent(list, 'keydown')),\n\t\t\t\t\t\tdelayWhen(() => this.ngZone.onStable),\n\t\t\t\t\t\trepeat(),\n\t\t\t\t )\n\t\t\t\t: NEVER,\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter((event: Event) => !event.defaultPrevented),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t)\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\tconst typedEvent: KeyboardEvent = event as KeyboardEvent;\n\n\t\t\t\tswitch (typedEvent.key) {\n\t\t\t\t\tcase 'Enter':\n\t\t\t\t\t\tthis.keyManager?.activeItem?.selectByUser();\n\n\t\t\t\t\t\ttypedEvent.preventDefault();\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\t\t\tthis.keyManager?.onKeydown(typedEvent);\n\t\t\t\tthis.keyManager?.activeItem?.setActiveStyles();\n\n\t\t\t\tif (this.keyManager?.activeItem)\n\t\t\t\t\ttoElement(this.keyManager?.activeItem.elementRef).scrollIntoView({ block: 'nearest' });\n\t\t\t});\n\t}\n\n\tregisterItem(item: NgDocListItem): void {\n\t\tthis.items.add(item);\n\n\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\tthis.keyManager = new ListKeyManager(asArray(this.items)).withVerticalOrientation(true);\n\t}\n\n\tunregisterItem(item: NgDocListItem): void {\n\t\tthis.items.delete(item);\n\t}\n}\n","<ng-content></ng-content>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAyBa,IAAA,kBAAkB,~~GAR/B~~,~~MAQa~~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"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-list.mjs","sources":["../../../../libs/ui-kit/components/list/list.component.ts","../../../../libs/ui-kit/components/list/list.component.html","../../../../libs/ui-kit/components/list/ng-doc-ui-kit-components-list.ts"],"sourcesContent":["import { ListKeyManager } from '@angular/cdk/a11y';\nimport {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tInject,\n\tNgZone,\n\tOptional,\n} from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { fromEvent, merge, NEVER } from 'rxjs';\nimport { delayWhen, filter, repeat, takeUntil } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-list',\n\ttemplateUrl: './list.component.html',\n\tstyleUrls: ['./list.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\n@UntilDestroy()\nexport class NgDocListComponent {\n\tprivate keyManager: ListKeyManager<NgDocListItem> \| null = null;\n\tprivate readonly items: Set<NgDocListItem> = new Set<NgDocListItem>();\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\tprivate ngZone: NgZone,\n\t\t@Inject(NgDocListHost) @Optional() private listHost?: NgDocListHost,\n\t) {\n\t\tconst origin: HTMLElement \| null = this.listHost?.listHostOrigin\n\t\t\t? toElement(this.listHost?.listHostOrigin)\n\t\t\t: null;\n\t\tconst list: HTMLElement = toElement(this.elementRef);\n\n\t\tmerge(\n\t\t\tfromEvent(list, 'keydown'),\n\t\t\torigin\n\t\t\t\t? fromEvent(origin, 'keydown').pipe(\n\t\t\t\t\t\ttakeUntil(fromEvent(list, 'keydown')),\n\t\t\t\t\t\tdelayWhen(() => this.ngZone.onStable),\n\t\t\t\t\t\trepeat(),\n\t\t\t\t )\n\t\t\t\t: NEVER,\n\t\t)\n\t\t\t.pipe(\n\t\t\t\tfilter((event: Event) => !event.defaultPrevented),\n\t\t\t\tuntilDestroyed(this),\n\t\t\t)\n\t\t\t.subscribe((event: Event) => {\n\t\t\t\tconst typedEvent: KeyboardEvent = event as KeyboardEvent;\n\n\t\t\t\tswitch (typedEvent.key) {\n\t\t\t\t\tcase 'Enter':\n\t\t\t\t\t\tthis.keyManager?.activeItem?.selectByUser();\n\n\t\t\t\t\t\ttypedEvent.preventDefault();\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\t\t\tthis.keyManager?.onKeydown(typedEvent);\n\t\t\t\tthis.keyManager?.activeItem?.setActiveStyles();\n\n\t\t\t\tif (this.keyManager?.activeItem)\n\t\t\t\t\ttoElement(this.keyManager?.activeItem.elementRef).scrollIntoView({ block: 'nearest' });\n\t\t\t});\n\t}\n\n\tregisterItem(item: NgDocListItem): void {\n\t\tthis.items.add(item);\n\n\t\tthis.keyManager?.activeItem?.setInactiveStyles();\n\t\tthis.keyManager = new ListKeyManager(asArray(this.items)).withVerticalOrientation(true);\n\t}\n\n\tunregisterItem(item: NgDocListItem): void {\n\t\tthis.items.delete(item);\n\t}\n}\n","<ng-content></ng-content>\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-option-group.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __decorate, __metadata } from 'tslib';
+import { __metadata, __decorate } from 'tslib';
 import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Directive, QueryList, ChangeDetectorRef, Component, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
@@ -8,10 +8,10 @@ import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import { startWith } from 'rxjs/operators';
 class NgDocOptionGroupHeaderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocOptionGroupHeader]',
@@ -32,17 +32,17 @@ let NgDocOptionGroupComponent = class NgDocOptionGroupComponent {
             this.changeDetectorRef.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOptionGroupComponent, isStandalone: true, selector: "ng-doc-option-group", queries: [{ propertyName: "options", predicate: NgDocOptionComponent, descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocOptionGroupComponent, isStandalone: true, selector: "ng-doc-option-group", queries: [{ propertyName: "options", predicate: NgDocOptionComponent, descendants: true }], ngImport: i0, template: "<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 NgDocOptionGroupComponent = __decorate([
     UntilDestroy(),
     __metadata("design:paramtypes", [ChangeDetectorRef])
 ], NgDocOptionGroupComponent);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-option-group', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, NgDocTextComponent], template: "<div class=\"ng-doc-option-group-wrapper\">\n\t<div *ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n", styles: [":host{display:block}.ng-doc-option-group-header{position:sticky;top:0;display:flex;background-color:var(--ng-doc-base-1);padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);z-index:1;--ng-doc-font-size: 13px;--ng-doc-font-weight: 700;--ng-doc-font-line-height: 18px;--ng-doc-text: var(--ng-doc-base-9)}.ng-doc-option-group ::ng-deep ng-doc-option .ng-doc-option-wrapper{padding-left:calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { options: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{
                 type: ContentChildren,
                 args: [NgDocOptionComponent, { descendants: true }]
             }] } });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-option-group.mjs","sources":["../../../../libs/ui-kit/components/option-group/option-group.component.ts","../../../../libs/ui-kit/components/option-group/option-group.component.html","../../../../libs/ui-kit/components/option-group/ng-doc-ui-kit-components-option-group.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tDirective,\n\tQueryList,\n} from '@angular/core';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { startWith } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[ngDocOptionGroupHeader]',\n\tstandalone: true,\n})\nexport class NgDocOptionGroupHeaderDirective {}\n\n@Component({\n\tselector: 'ng-doc-option-group',\n\ttemplateUrl: './option-group.component.html',\n\tstyleUrls: ['./option-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocTextComponent],\n})\n@UntilDestroy()\nexport class NgDocOptionGroupComponent<T> implements AfterContentInit {\n\t@ContentChildren(NgDocOptionComponent, { descendants: true })\n\toptions: QueryList<NgDocOptionComponent<T>> = new QueryList<NgDocOptionComponent<T>>();\n\thasHeader: boolean = false;\n\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.options.changes\n\t\t\t.pipe(startWith(this.options), untilDestroyed(this))\n\t\t\t.subscribe((options: QueryList<NgDocOptionComponent<T>>) => {\n\t\t\t\tthis.hasHeader = !!options.length;\n\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t});\n\t}\n}\n","<div class=\"ng-doc-option-group-wrapper\">\n\t<div ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;~~AAeA,MAIa~~,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAJ3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;AAYY,IAAA,yBAAyB,~~GATtC~~,~~MASa~~,yBAAyB,CAAA;AAKrC,IAAA,WAAA,CAAoB,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;AAHxD,QAAA,IAAA,CAAA,OAAO,GAAuC,IAAI,SAAS,EAA2B,CAAC;QACvF,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;KAEiC;IAE5D,kBAAkB,GAAA;QACjB,IAAI,CAAC,OAAO,CAAC,OAAO;AAClB,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;AACnD,aAAA,SAAS,CAAC,CAAC,OAA2C,KAAI;YAC1D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;AAClC,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GAdW,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,uGACpB,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BtC,kSAQA,EDmBW,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGtB,yBAAyB,GAAA,UAAA,CAAA;AADrC,IAAA,YAAY,EAAE;qCAMyB,iBAAiB,CAAA,CAAA;AAL5C,CAAA,EAAA,yBAAyB,CAerC,CAAA;2FAfY,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,kSAAA,EAAA,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA,CAAA;~~wGAKnC~~,OAAO,EAAA,CAAA;sBADN,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,oBAAoB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;;;AE/B7D;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-option-group.mjs","sources":["../../../../libs/ui-kit/components/option-group/option-group.component.ts","../../../../libs/ui-kit/components/option-group/option-group.component.html","../../../../libs/ui-kit/components/option-group/ng-doc-ui-kit-components-option-group.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n\tAfterContentInit,\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tContentChildren,\n\tDirective,\n\tQueryList,\n} from '@angular/core';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';\nimport { startWith } from 'rxjs/operators';\n\n@Directive({\n\tselector: '[ngDocOptionGroupHeader]',\n\tstandalone: true,\n})\nexport class NgDocOptionGroupHeaderDirective {}\n\n@Component({\n\tselector: 'ng-doc-option-group',\n\ttemplateUrl: './option-group.component.html',\n\tstyleUrls: ['./option-group.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [NgIf, NgDocTextComponent],\n})\n@UntilDestroy()\nexport class NgDocOptionGroupComponent<T> implements AfterContentInit {\n\t@ContentChildren(NgDocOptionComponent, { descendants: true })\n\toptions: QueryList<NgDocOptionComponent<T>> = new QueryList<NgDocOptionComponent<T>>();\n\thasHeader: boolean = false;\n\n\tconstructor(private changeDetectorRef: ChangeDetectorRef) {}\n\n\tngAfterContentInit(): void {\n\t\tthis.options.changes\n\t\t\t.pipe(startWith(this.options), untilDestroyed(this))\n\t\t\t.subscribe((options: QueryList<NgDocOptionComponent<T>>) => {\n\t\t\t\tthis.hasHeader = !!options.length;\n\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t});\n\t}\n}\n","<div class=\"ng-doc-option-group-wrapper\">\n\t<div ngIf=\"hasHeader\" class=\"ng-doc-option-group-header\" ng-doc-text>\n\t\t<ng-content select=\"[ngDocOptionGroupHeader]\"></ng-content>\n\t</div>\n\t<div class=\"ng-doc-option-group\">\n\t\t<ng-content></ng-content>\n\t</div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;MAmBa,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA/B,+BAA+B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAJ3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,QAAQ,EAAE,0BAA0B;AACpC,oBAAA,UAAU,EAAE,IAAI;AAChB,iBAAA,CAAA;;AAYY,IAAA,yBAAyB,GAA/B,MAAM,yBAAyB,CAAA;AAKrC,IAAA,WAAA,CAAoB,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;AAHxD,QAAA,IAAA,CAAA,OAAO,GAAuC,IAAI,SAAS,EAA2B,CAAC;QACvF,IAAS,CAAA,SAAA,GAAY,KAAK,CAAC;KAEiC;IAE5D,kBAAkB,GAAA;QACjB,IAAI,CAAC,OAAO,CAAC,OAAO;AAClB,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;AACnD,aAAA,SAAS,CAAC,CAAC,OAA2C,KAAI;YAC1D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;AAClC,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;AACvC,SAAC,CAAC,CAAC;KACJ;8GAdW,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,uGACpB,oBAAoB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/BtC,kSAQA,EDmBW,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;AAGtB,yBAAyB,GAAA,UAAA,CAAA;AADrC,IAAA,YAAY,EAAE;qCAMyB,iBAAiB,CAAA,CAAA;AAL5C,CAAA,EAAA,yBAAyB,CAerC,CAAA;2FAfY,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;+BACC,qBAAqB,EAAA,eAAA,EAGd,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,OAAA,EACP,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,kSAAA,EAAA,MAAA,EAAA,CAAA,ybAAA,CAAA,EAAA,CAAA;sFAKnC,OAAO,EAAA,CAAA;sBADN,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,oBAAoB,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;;;AE/B7D;;AAEG;;;;"}

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

@@ -1,27 +1,28 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Optional, Inject, HostBinding, HostListener } from '@angular/core';
+import { inject, ElementRef, Component, ChangeDetectionStrategy, HostBinding, HostListener } from '@angular/core';
 import { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';
-import * as i1 from '@ng-doc/ui-kit/components/list';
-import * as i2 from 'flex-controls';
-import { FlControlSelector, FlCompareHost, FL_CONTROL_HOST } from 'flex-controls';
+import { NgDocListComponent } from '@ng-doc/ui-kit/components/list';
+import { DIStateControl, injectHostControl, DICompareHost } from 'di-controls';
-class NgDocOptionComponent extends FlControlSelector {
-    constructor(elementRef, changeDetectorRef, list, compareHost, host) {
-        super(compareHost, host);
-        this.elementRef = elementRef;
-        this.changeDetectorRef = changeDetectorRef;
-        this.list = list;
-        this.compareHost = compareHost;
-        this.host = host;
+class NgDocOptionComponent extends DIStateControl {
+    constructor() {
+        super({
+            host: injectHostControl({ optional: true }),
+            compareHost: inject(DICompareHost, { optional: true }),
+        });
         this.hovered = false;
+        this.elementRef = inject(ElementRef);
+        this.list = inject(NgDocListComponent, {
+            optional: true,
+        });
         this.list?.registerItem(this);
     }
     clickEvent() {
-        this.select();
+        this.check();
     }
     selectByUser() {
         const anchor = this.elementRef.nativeElement.querySelector('a');
-        anchor ? anchor.click() : this.select();
+        anchor ? anchor.click() : this.check();
     }
     setActiveStyles() {
         this.hovered = true;
@@ -32,18 +33,17 @@ class NgDocOptionComponent extends FlControlSelector {
         this.changeDetectorRef.markForCheck();
     }
     ngOnDestroy() {
-        super.ngOnDestroy();
         this.list?.unregisterItem(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.NgDocListComponent, optional: true }, { token: FlCompareHost, optional: true }, { token: FL_CONTROL_HOST, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOptionComponent, isStandalone: true, selector: "ng-doc-option", host: { listeners: { "click": "clickEvent()" }, properties: { "attr.data-ng-doc-hover": "this.hovered" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocOptionComponent, isStandalone: true, selector: "ng-doc-option", host: { listeners: { "click": "clickEvent()" }, properties: { "attr.data-ng-doc-hover": "this.hovered" } }, providers: [
             {
                 provide: NgDocListItem,
                 useExisting: NgDocOptionComponent,
             },
         ], usesInheritance: true, 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);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-option', template: '<ng-content></ng-content>', providers: [
                         {
@@ -51,19 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                             useExisting: NgDocOptionComponent,
                         },
                     ], 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);display:block;padding:var(--ng-doc-option-padding, var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2))}:host:hover:not([data-disabled=true]),:host[data-ng-doc-hover=true]:not([data-disabled=true]){background:var(--ng-doc-hover-background);cursor:pointer}:host[data-checked=true]{background-color:rgba(var(--ng-doc-primary-rgb),.2)}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.NgDocListComponent, decorators: [{
-                    type: Optional
-                }] }, { type: i2.FlCompareHost, decorators: [{
-                    type: Inject,
-                    args: [FlCompareHost]
-                }, {
-                    type: Optional
-                }] }, { type: i2.FlControlHost, decorators: [{
-                    type: Inject,
-                    args: [FL_CONTROL_HOST]
-                }, {
-                    type: Optional
-                }] }]; }, propDecorators: { hovered: [{
+        }], ctorParameters: () => [], propDecorators: { hovered: [{
                 type: HostBinding,
                 args: ['attr.data-ng-doc-hover']
             }], clickEvent: [{

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\~~tChangeDetectorRef,\n\~~tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\~~tInject~~,\n\tOnDestroy,\n~~\tOptional,\n~~} from '@angular/core';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { ~~FL_CONTROL_HOST~~, ~~FlCompareHost~~, ~~FlControlHost,~~ ~~FlControlSelector~~ } from '~~flex~~-controls';\n\n@Component({\n\tselector: 'ng-doc-option',\n\ttemplate: '<ng-content></ng-content>',\n\tstyleUrls: ['./option.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocListItem,\n\t\t\tuseExisting: NgDocOptionComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocOptionComponent<T~~>\n\textends~~ ~~FlControlSelector~~<T~~>\n\timplements~~ NgDocListItem, OnDestroy\n{\n\t@HostBinding('attr.data-ng-doc-hover')\n\tprotected hovered: boolean = false;\n\n\~~tconstructor(\n\t\treadonly~~ elementRef: ElementRef<HTMLElement~~>,\~~n\t\tprotected ~~override~~ readonly ~~changeDetectorRef~~: ~~ChangeDetectorRef,\n\t\t@Optional~~()\n\t\~~tprivate readonly list~~: ~~NgDocListComponent<T>,\~~n\t\~~t@Inject~~(~~FlCompareHost~~)\n\t\~~t@Optional~~()\n\t\~~tprotected~~ ~~override~~ ~~compareHost?:~~ ~~FlCompareHost<T~~ ~~\| boolean \| null>,\n\t\t@Inject(FL_CONTROL_HOST~~)\n\t\t~~@Optional()~~\~~n\t\tprotected~~ ~~override~~ ~~host?:~~ ~~FlControlHost<T>,\~~n\t~~) {~~\n\t~~\tsuper(compareHost, host~~);\n\t\tthis.list?.registerItem(this);\n\t}\n\n\t@HostListener('click')\n\tclickEvent(): void {\n\t\tthis.~~select~~();\n\t}\n\n\tselectByUser(): void {\n\t\tconst anchor: HTMLAnchorElement \| null = this.elementRef.nativeElement.querySelector('a');\n\n\t\tanchor ? anchor.click() : this.~~select~~();\n\t}\n\n\tsetActiveStyles(): void {\n\t\tthis.hovered = true;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tsetInactiveStyles(): void {\n\t\tthis.hovered = false;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\~~toverride ngOnDestroy~~(): void {\n\t\~~tsuper.ngOnDestroy();\n\t\~~tthis.list?.unregisterItem(this);\n\t}\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;;AAeA~~,~~MAaa~~,~~oBACZ~~,SAAQ,~~iBAAoB~~,CAAA;~~IAM5B~~,~~WACU~~,~~CAAA~~,~~UAAmC~~,~~EAChB~~,~~iBAAoC~~,~~EAE/C~~,~~IAA2B~~,~~EAGzB~~,~~WAA+C~~,~~EAG/C~~,~~IAAuB~~,~~EAAA;AAE1C~~,~~QAAA~~,~~KAAK~~,CAAC,WAAW,EAAE,~~IAAI~~,CAAC,~~CAAC;QAXhB~~,~~IAAU~~,~~CAAA~~,~~UAAA~~,~~GAAV~~,~~UAAU~~,~~CAAyB~~;~~QAChB~~,~~IAAiB~~,CAAA,~~iBAAA~~,~~GAAjB~~,~~iBAAiB~~,~~CAAmB~~;~~QAE/C~~,~~IAAI~~,CAAA,~~IAAA~~,~~GAAJ~~,~~IAAI~~,~~CAAuB;QAGzB~~,~~IAAW~~,~~CAAA~~,~~WAAA~~,~~GAAX~~,~~WAAW~~,~~CAAoC;QAG/C~~,IAAI,~~CAAA~~,~~IAAA~~,~~GAAJ~~,~~IAAI~~,~~CAAmB~~;~~QAZjC~~,~~IAAO~~,~~CAAA~~,~~OAAA~~,~~GAAY~~,~~KAAK~~,CAAC;~~AAelC~~,QAAA,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;KAC9B;IAGD,UAAU,GAAA;QACT,IAAI,CAAC,~~MAAM~~,EAAE,CAAC;~~KACd~~;IAED,YAAY,GAAA;AACX,QAAA,MAAM,MAAM,GAA6B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAE1F,QAAA,MAAM,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,~~MAAM~~,EAAE,CAAC;~~KACxC~~;IAED,eAAe,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;IAED,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACtC;~~IAEQ~~,WAAW,GAAA;~~QACnB~~,~~KAAK,CAAC,WAAW,EAAE,CAAC;AACpB,~~QAAA,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;KAChC;~~8GA/CW~~,oBAAoB,EAAA,IAAA,EAAA,~~CAAA,~~EAAA,~~KAAA,~~EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAYvB,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAGb,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;~~AAfZ~~,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EATrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACV,YAAA;AACC,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,WAAW,EAAE,oBAAoB;AACjC,aAAA;AACD,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wiBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAWzB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;+BACC,eAAe,EAAA,QAAA,EACf,2BAA2B,EAE1B,SAAA,EAAA;AACV,wBAAA;AACC,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAsB,oBAAA;AACjC,yBAAA;AACD,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,MAAA,EAAA,CAAA,wiBAAA,CAAA,EAAA,CAAA~~;;0BAYd,QAAQ;;0BAER,MAAM~~;~~2BAAC~~,~~aAAa,CAAA;;0BACpB,QAAQ;;0BAER,MAAM;2BAAC,eAAe,CAAA;;0BACtB,QAAQ;4CAXA,~~OAAO,EAAA,CAAA;sBADhB,WAAW;uBAAC,wBAAwB,CAAA;~~gBAoBrC~~,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,OAAO,CAAA;;;~~ACnDtB~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-option.mjs","sources":["../../../../libs/ui-kit/components/option/option.component.ts","../../../../libs/ui-kit/components/option/ng-doc-ui-kit-components-option.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tHostListener,\n\tinject,\n\tOnDestroy,\n} from '@angular/core';\nimport { NgDocListItem } from '@ng-doc/ui-kit/classes/list-item';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { DICompareHost, DIStateControl, injectHostControl } from 'di-controls';\n\n@Component({\n\tselector: 'ng-doc-option',\n\ttemplate: '<ng-content></ng-content>',\n\tstyleUrls: ['./option.component.scss'],\n\tproviders: [\n\t\t{\n\t\t\tprovide: NgDocListItem,\n\t\t\tuseExisting: NgDocOptionComponent,\n\t\t},\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocOptionComponent<T> extends DIStateControl<T> implements NgDocListItem, OnDestroy {\n\t@HostBinding('attr.data-ng-doc-hover')\n\tprotected hovered: boolean = false;\n\n\toverride readonly elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n\tprotected readonly list: NgDocListComponent \| null = inject(NgDocListComponent, {\n\t\toptional: true,\n\t});\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\n\t\tthis.list?.registerItem(this);\n\t}\n\n\t@HostListener('click')\n\tclickEvent(): void {\n\t\tthis.check();\n\t}\n\n\tselectByUser(): void {\n\t\tconst anchor: HTMLAnchorElement \| null = this.elementRef.nativeElement.querySelector('a');\n\n\t\tanchor ? anchor.click() : this.check();\n\t}\n\n\tsetActiveStyles(): void {\n\t\tthis.hovered = true;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tsetInactiveStyles(): void {\n\t\tthis.hovered = false;\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tngOnDestroy(): void {\n\t\tthis.list?.unregisterItem(this);\n\t}\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-overlay-container.mjs CHANGED Viewed

@@ -81,10 +81,10 @@ class NgDocOverlayContainerComponent {
             NgDocFocusUtils.focusClosestElement(this.config.viewContainerRef.element.nativeElement, this.documentRef.body, false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayContainerComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgDocOverlayContainerComponent, isStandalone: true, selector: "ng-doc-overlay-container", host: { properties: { "attr.data-ng-doc-overlay-position": "this.relativePosition", "attr.data-ng-doc-overlay-with-contact-border": "this.contactBorder" } }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true }, { propertyName: "outlet", first: true, predicate: PolymorpheusOutletDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-overlay-pointer\n\t[overlayPosition]=\"relativePosition\"\n\t[overlayAlign]=\"overlayAlign\"\n\t[withPointer]=\"!!config?.withPointer\"\n\t[ngDocEventSwitcher]=\"config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t[events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n\t<ng-doc-focus-control\n\t\t[focusHost]=\"this.config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t\tngDocFocusCatcher>\n\t\t<div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n\t\t\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n\t\t</div>\n\t</ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"], dependencies: [{ kind: "component", type: NgDocOverlayPointerComponent, selector: "ng-doc-overlay-pointer", inputs: ["overlayPosition", "overlayAlign", "withPointer"] }, { kind: "directive", type: NgDocEventSwitcherDirective, selector: "[ngDocEventSwitcher]", inputs: ["ngDocEventSwitcher", "events"] }, { kind: "component", type: NgDocFocusControlComponent, selector: "ng-doc-focus-control", inputs: ["focusHost"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOverlayContainerComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: NgDocOverlayContainerComponent, isStandalone: true, selector: "ng-doc-overlay-container", host: { properties: { "attr.data-ng-doc-overlay-position": "this.relativePosition", "attr.data-ng-doc-overlay-with-contact-border": "this.contactBorder" } }, viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], descendants: true, read: ElementRef, static: true }, { propertyName: "focusCatcher", first: true, predicate: NgDocFocusCatcherDirective, descendants: true }, { propertyName: "outlet", first: true, predicate: PolymorpheusOutletDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-doc-overlay-pointer\n\t[overlayPosition]=\"relativePosition\"\n\t[overlayAlign]=\"overlayAlign\"\n\t[withPointer]=\"!!config?.withPointer\"\n\t[ngDocEventSwitcher]=\"config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t[events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n\t<ng-doc-focus-control\n\t\t[focusHost]=\"this.config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t\tngDocFocusCatcher>\n\t\t<div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n\t\t\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n\t\t</div>\n\t</ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"], dependencies: [{ kind: "component", type: NgDocOverlayPointerComponent, selector: "ng-doc-overlay-pointer", inputs: ["overlayPosition", "overlayAlign", "withPointer"] }, { kind: "directive", type: NgDocEventSwitcherDirective, selector: "[ngDocEventSwitcher]", inputs: ["ngDocEventSwitcher", "events"] }, { kind: "component", type: NgDocFocusControlComponent, selector: "ng-doc-focus-control", inputs: ["focusHost"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "ngmodule", type: PolymorpheusModule }, { kind: "directive", type: i2.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-overlay-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocOverlayPointerComponent,
@@ -93,10 +93,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                         NgDocFocusCatcherDirective,
                         PolymorpheusModule,
                     ], template: "<ng-doc-overlay-pointer\n\t[overlayPosition]=\"relativePosition\"\n\t[overlayAlign]=\"overlayAlign\"\n\t[withPointer]=\"!!config?.withPointer\"\n\t[ngDocEventSwitcher]=\"config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t[events]=\"['focusin', 'focusout', 'keydown', 'scroll']\">\n\t<ng-doc-focus-control\n\t\t[focusHost]=\"this.config?.viewContainerRef?.element?.nativeElement ?? null\"\n\t\tngDocFocusCatcher>\n\t\t<div class=\"ng-doc-overlay-content\" [tabIndex]=\"-1\" #contentContainer>\n\t\t\t<ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n\t\t</div>\n\t</ng-doc-focus-control>\n</ng-doc-overlay-pointer>\n", styles: [":host{display:block;height:auto;width:100%}.ng-doc-overlay-content{width:100%;height:100%;background-color:var(--ng-doc-overlay-background);border:1px solid var(--ng-doc-overlay-border);border-radius:var(--ng-doc-overlay-border-radius);box-shadow:var(--ng-doc-overlay-shadow);overflow:auto}:host[data-ng-doc-overlay-position=top]{transform-origin:bottom}:host[data-ng-doc-overlay-position=top][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-bottom:none}:host[data-ng-doc-overlay-position=bottom]{transform-origin:top}:host[data-ng-doc-overlay-position=bottom][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-top:none}:host[data-ng-doc-overlay-position=left]{transform-origin:right}:host[data-ng-doc-overlay-position=left][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-right:none}:host[data-ng-doc-overlay-position=right]{transform-origin:left}:host[data-ng-doc-overlay-position=right][data-ng-doc-overlay-with-contact-border=false] .ng-doc-overlay-content{border-left:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: Document, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.AnimationBuilder }]; }, propDecorators: { contentContainer: [{
+                }] }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.AnimationBuilder }], propDecorators: { contentContainer: [{
                 type: ViewChild,
                 args: ['contentContainer', { read: ElementRef, static: true }]
             }], focusCatcher: [{