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

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

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

Files changed (355) hide show

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

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

package/fesm2022/ng-doc-ui-kit-components-input-wrapper.mjs.map 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~~\tInput~~,\n~~\tViewChild~~,\n} from '@angular/core';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocFloatedBorderComponent } from '@ng-doc/ui-kit/components/floated-border';\nimport { NgDocFloatedContentComponent } from '@ng-doc/ui-kit/components/floated-content';\nimport { NgDocWrapperComponent } from '@ng-doc/ui-kit/components/wrapper';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocTextAlign } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n~~\tselector~~: 'ng-doc-input-wrapper',\n~~\ttemplateUrl~~: './input-wrapper.component.html',\n~~\tstyleUrls~~: ['./input-wrapper.component.scss'],\n~~\tproviders~~: [\n~~\t\t~~{\n~~\t\t\tprovide~~: NgDocInputHost,\n~~\t\t\tuseExisting~~: NgDocInputWrapperComponent,\n~~\t\t~~},\n\t],\n~~\tchangeDetection~~: ChangeDetectionStrategy.OnPush,\n~~\tstandalone~~: true,\n~~\timports~~: [\n~~\t\tNgDocWrapperComponent~~,\n~~\t\tNgDocFocusCatcherDirective~~,\n~~\t\tNgDocFloatedBorderComponent~~,\n~~\t\tNgIf~~,\n~~\t\tPolymorpheusModule~~,\n~~\t\tNgDocFloatedContentComponent~~,\n\t],\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown>\n~~\timplements~~ AfterViewChecked, NgDocInputHost<T>\n{\n\t@Input()\n~~\tblurContent~~: NgDocContent<NgDocContextWithImplicit<B \| null>> = '';\n\n\t@Input()\n~~\tblurContext~~: B \| null = null;\n\n\t@Input()\n~~\tleftContent: NgDocContent = '';\n\n\t~~@~~Input()\n\trightContent: NgDocContent = '';\n\n\t@Input()\n\t@~~HostBinding('attr.data-ng-doc-align')\n~~\talign~~: NgDocTextAlign = 'left';\n\n\t@ContentChild(NgDocBaseInput)\n~~\tinput~~?: NgDocBaseInput<T>;\n\n\t@ContentChild(NgDocBaseInput)\n~~\tinputControl~~?: NgDocBaseInput<T>;\n\n\t@ViewChild(NgDocFocusCatcherDirective, { static: true })\n~~\tfocusCatcher~~?: NgDocFocusCatcherDirective;\n\n~~\tconstructor~~(\n~~\t\tpublic~~ elementRef: ElementRef<HTMLElement>,\n~~\t\tprotected~~ changeDetectorRef: ChangeDetectorRef,\n\t) {}\n\n~~\tngAfterViewChecked~~(): void {\n~~\t\tthis~~.changeDetectorRef.markForCheck();\n\t}\n\n\t@ngDocMakePure\n~~\tgetBlurContext~~($implicit: B \| null): NgDocContextWithImplicit<B \| null> {\n~~\t\treturn~~ { $implicit };\n\t}\n\n\t@HostBinding('attr.data-ng-doc-input-disabled')\n~~\tget~~ disabled(): boolean {\n~~\t\treturn~~ !!this.inputControl?.disabled;\n\t}\n\n~~\tinputHasValue~~(): boolean {\n~~\t\treturn~~ !!this.inputControl?.hasValue;\n\t}\n\n~~\tget~~ blurContentIsVisible(): boolean {\n~~\t\treturn~~ !!this.blurContent && (!this.input?.isFocused \|\| this.input?.isReadonly);\n\t}\n\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n~~\temptyEvent~~(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n\t<ng-doc-floated-border>\n~~\t\t~~<~~div~~\n~~\t\t\tclass~~=\"ng-doc-input-container\"\n~~\t\t\t~~(focusin)=\"emptyEvent()\"\n~~\t\t\t~~(focusout)=\"emptyEvent()\"\n~~\t\t\t~~[class.-input-hidden]=\"blurContentIsVisible\"\n\~~t\t\t#inputContainer~~>\n~~\t\t\t~~<ng-content></ng-content>\n~~\t\t\t~~<div class=\"ng-doc-blur-container ng-doc-input\" ngIf=\"blurContentIsVisible\">\n~~\t\t\t\t~~<div class=\"ng-doc-blur-content\">\n~~\t\t\t\t\t~~<ng-container\n~~\t\t\t\t\t\t~~polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n~~\t\t\t\t\t\t~~{{ text }}\n~~\t\t\t\t\t~~</ng-container>\n~~\t\t\t\t~~</div>\n~~\t\t\t~~</div>\n~~\t\t~~</div>\n~~\t\t~~<~~div\n\t\t\tclass=\"~~ng-~~doc-floated-~~content~~\"\n\t\t\tng-doc-floated-content\n\t\t\t[bindTo]=\"inputContainer\"\n\t\t\tpropertyName=\"--ng-doc-input-padding-left\"\n\t\t\talignTo=\"left\">\n\t\t\t<span~~ ~~class~~=\"ng-doc-content\" ngIf=\"leftContent\">\n\t\t\t\t<ng-container polymorpheusOutlet=\"leftContent as text\">{{ text }}</ng-container>\n\t\t\t</span>\n\t\t</div>\n\t\t<div\n\t\t\tclass=\"ng-doc-floated-content\"\n\t\t\tng-doc-floated-content\n\t\t\t[~~bindTo~~]~~=\"inputContainer~~\"~~\n\t\t\tpropertyName=\"--~~ng-~~doc-input-padding-right\"\n\t\t\talignTo=\"right\">\n\t\t\t<span class=\"ng-doc-~~content~~\" ngIf=\"rightContent\"~~>\n~~\t\t\t\t<ng-container polymorpheusOutlet=\"rightContent as text\">{{ text }}~~</~~ng-container~~>\n~~\t\t\t~~</~~span>\n\t\t</div>\n\t</~~ng-doc-floated-border>\n</ng-doc-wrapper>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA8Ca,IAAA,0BAA0B,GAAhC,MAAM,0BAA0B,CAAA;~~IA4BtC~~,~~WACQ~~,CAAA,UAAmC,EAChC,iBAAoC,EAAA;QADvC,IAAU,CAAA,UAAA,GAAV,UAAU,CAAyB;QAChC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;~~QA1B/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;KAc3B;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;~~8GAxDT~~,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,~~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,0BAA0B;~~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~~,~~ECvEtC~~,~~g6CAwCA~~,~~EDHE~~,MAAA,EAAA,CAAA,~~mtGAAA~~,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;;~~AA0C7B~~,UAAA,CAAA;IADC,aAAa;;;;AAGb,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,CAAA;~~AAxCW~~,0BAA0B,GAAA,UAAA,CAAA;AADtC,IAAA,YAAY,EAAE;~~qCA8BM~~,UAAU;QACA,iBAAiB,CAAA,CAAA;~~AA9BnC~~,CAAA,EAAA,0BAA0B,~~CAyDtC~~,CAAA;~~2FAzDY~~,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,~~mtGAAA~~,CAAA,EAAA,CAAA;+GAOD,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;AAavD,aAAA,CAAA,EAAA,cAAc,MAKV,QAAQ,EAAA,CAAA;sBADX,WAAW;uBAAC,iCAAiC,CAAA;;;~~AExF/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 AfterViewChecked,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n HostBinding,\n Input,\n ViewChild,\n} from '@angular/core';\nimport { NgDocBaseInput } from '@ng-doc/ui-kit/classes/base-input';\nimport { NgDocInputHost } from '@ng-doc/ui-kit/classes/input-host';\nimport { NgDocFloatedBorderComponent } from '@ng-doc/ui-kit/components/floated-border';\nimport { NgDocFloatedContentComponent } from '@ng-doc/ui-kit/components/floated-content';\nimport { NgDocWrapperComponent } from '@ng-doc/ui-kit/components/wrapper';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocTextAlign } from '@ng-doc/ui-kit/types';\nimport { UntilDestroy } from '@ngneat/until-destroy';\nimport { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';\n\n@Component({\n selector: 'ng-doc-input-wrapper',\n templateUrl: './input-wrapper.component.html',\n styleUrls: ['./input-wrapper.component.scss'],\n providers: [\n {\n provide: NgDocInputHost,\n useExisting: NgDocInputWrapperComponent,\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n NgDocWrapperComponent,\n NgDocFocusCatcherDirective,\n NgDocFloatedBorderComponent,\n NgIf,\n PolymorpheusModule,\n NgDocFloatedContentComponent,\n ],\n})\n@UntilDestroy()\nexport class NgDocInputWrapperComponent<T, B = unknown>\n implements AfterViewChecked, NgDocInputHost<T>\n{\n @Input()\n blurContent: NgDocContent<NgDocContextWithImplicit<B \| null>> = '';\n\n @Input()\n blurContext: B \| null = null;\n\n @Input()\n @HostBinding('attr.data-ng-doc-align')\n align: NgDocTextAlign = 'left';\n\n @ContentChild(NgDocBaseInput)\n input?: NgDocBaseInput<T>;\n\n @ContentChild(NgDocBaseInput)\n inputControl?: NgDocBaseInput<T>;\n\n @ViewChild(NgDocFocusCatcherDirective, { static: true })\n focusCatcher?: NgDocFocusCatcherDirective;\n\n constructor(\n public elementRef: ElementRef<HTMLElement>,\n protected changeDetectorRef: ChangeDetectorRef,\n ) {}\n\n ngAfterViewChecked(): void {\n this.changeDetectorRef.markForCheck();\n }\n\n @ngDocMakePure\n getBlurContext($implicit: B \| null): NgDocContextWithImplicit<B \| null> {\n return { $implicit };\n }\n\n @HostBinding('attr.data-ng-doc-input-disabled')\n get disabled(): boolean {\n return !!this.inputControl?.disabled;\n }\n\n inputHasValue(): boolean {\n return !!this.inputControl?.hasValue;\n }\n\n get blurContentIsVisible(): boolean {\n return !!this.blurContent && (!this.input?.isFocused \|\| this.input?.isReadonly);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n emptyEvent(): void {}\n}\n","<ng-doc-wrapper ngDocFocusCatcher>\n <ng-doc-floated-border>\n <label\n class=\"ng-doc-input-container\"\n (focusin)=\"emptyEvent()\"\n (focusout)=\"emptyEvent()\"\n [class.-input-hidden]=\"blurContentIsVisible\">\n <ng-content select=\"[ngDocInputWrapperLeft]\"></ng-content>\n <div class=\"ng-doc-original-input\">\n <ng-content></ng-content>\n <div class=\"ng-doc-blur-container ng-doc-input\" ngIf=\"blurContentIsVisible\">\n <div class=\"ng-doc-blur-content\">\n <ng-container\n polymorpheusOutlet=\"blurContent as text; context: getBlurContext(blurContext)\">\n {{ text }}\n </ng-container>\n </div>\n </div>\n </div>\n <ng-content select=\"[ngDocInputWrapperRight]\"></ng-content>\n </label>\n </ng-doc-floated-border>\n</ng-doc-wrapper>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

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

package/fesm2022/ng-doc-ui-kit-components-line.mjs 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: "18.1.0", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.0", type: NgDocLineComponent, isStandalone: true, selector: "ng-doc-line", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: NgDocLineComponent, isStandalone: true, selector: "ng-doc-line", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocLineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocLineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-line', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block;width:100%;height:1px;background-color:var(--ng-doc-base-3)}\n"] }]
         }] });

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

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

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

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

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -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: "18.1.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.0", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocOptionGroupHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.1", type: NgDocOptionGroupHeaderDirective, isStandalone: true, selector: "[ngDocOptionGroupHeader]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocOptionGroupHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngDocOptionGroupHeader]',
@@ -32,14 +32,14 @@ let NgDocOptionGroupComponent = class NgDocOptionGroupComponent {
             this.changeDetectorRef.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocOptionGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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: "18.1.1", ngImport: i0, type: NgDocOptionGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", 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: "18.1.0", ngImport: i0, type: NgDocOptionGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", 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: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { options: [{

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

@@ -35,15 +35,15 @@ class NgDocOptionComponent extends DIStateControl {
     ngOnDestroy() {
         this.list?.unregisterItem(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: NgDocOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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: "18.1.1", ngImport: i0, type: NgDocOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", 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: "18.1.0", ngImport: i0, type: NgDocOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-option', template: '<ng-content></ng-content>', providers: [
                         {

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

@@ -2,7 +2,7 @@ import * as i1 from '@angular/animations';
 import { FlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
 import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, ChangeDetectionStrategy, Inject, ViewChild, HostBinding } from '@angular/core';
+import { ElementRef, Component, ChangeDetectionStrategy, Inject, Input, ViewChild, HostBinding } from '@angular/core';
 import { NgDocFocusControlComponent } from '@ng-doc/ui-kit/components/focus-control';
 import { NgDocOverlayPointerComponent } from '@ng-doc/ui-kit/components/overlay-pointer';
 import { NgDocEventSwitcherDirective } from '@ng-doc/ui-kit/directives/event-switcher';
@@ -22,13 +22,12 @@ class NgDocOverlayContainerComponent {
         this.changeDetectorRef = changeDetectorRef;
         this.ngZone = ngZone;
         this.animationBuilder = animationBuilder;
-        this.relativePosition = null;
         this.content = '';
+        this.relativePosition = null;
         this.animationEvent$ = new Subject();
         this.isOpened = true;
     }
     ngOnInit() {
-        this.runAnimation(this.config?.openAnimation || []);
         if (this.config?.positionStrategy instanceof FlexibleConnectedPositionStrategy) {
             this.config.positionStrategy.positionChanges
                 .pipe(distinctUntilChanged((a, b) => a.connectionPair === b.connectionPair), ngDocZoneOptimize(this.ngZone))
@@ -39,6 +38,9 @@ class NgDocOverlayContainerComponent {
             });
         }
     }
+    ngAfterViewInit() {
+        this.runAnimation(this.config?.openAnimation || []);
+    }
     get contactBorder() {
         return !!this.config?.contactBorder;
     }
@@ -81,10 +83,10 @@ class NgDocOverlayContainerComponent {
             NgDocFocusUtils.focusClosestElement(this.config.viewContainerRef.element.nativeElement, this.documentRef.body, false);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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: "18.1.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: "18.1.1", 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: "18.1.1", type: NgDocOverlayContainerComponent, isStandalone: true, selector: "ng-doc-overlay-container", inputs: { content: "content", config: "config" }, 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: "18.1.0", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: NgDocOverlayContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-overlay-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgDocOverlayPointerComponent,
@@ -96,7 +98,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
         }], 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: { content: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], contentContainer: [{
                 type: ViewChild,
                 args: ['contentContainer', { read: ElementRef, static: true }]
             }], focusCatcher: [{

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-doc-ui-kit-components-overlay-container.mjs","sources":["../../../../libs/ui-kit/components/overlay-container/overlay-container.component.ts","../../../../libs/ui-kit/components/overlay-container/overlay-container.component.html","../../../../libs/ui-kit/components/overlay-container/ng-doc-ui-kit-components-overlay-container.ts"],"sourcesContent":["import { AnimationBuilder, AnimationMetadata, AnimationPlayer } from '@angular/animations';\nimport {\n\tConnectedOverlayPositionChange,\n\tFlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { DOCUMENT } from '@angular/common';\nimport {\n\tChangeDetectionStrategy,\n\tChangeDetectorRef,\n\tComponent,\n\tElementRef,\n\tHostBinding,\n\tInject,\n\tNgZone,\n\tOnDestroy,\n\tOnInit,\n\tViewChild,\n} from '@angular/core';\nimport { NgDocFocusControlComponent } from '@ng-doc/ui-kit/components/focus-control';\nimport { NgDocOverlayPointerComponent } from '@ng-doc/ui-kit/components/overlay-pointer';\nimport { NgDocEventSwitcherDirective } from '@ng-doc/ui-kit/directives/event-switcher';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { NgDocOverlayConfig, NgDocOverlayContainer } from '@ng-doc/ui-kit/interfaces';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport {\n\tNgDocContent,\n\tNgDocHorizontalAlign,\n\tNgDocOverlayAnimationEvent,\n\tNgDocOverlayPosition,\n\tNgDocOverlayRelativePosition,\n\tNgDocVerticalAlign,\n} from '@ng-doc/ui-kit/types';\nimport { NgDocFocusUtils, NgDocOverlayUtils } from '@ng-doc/ui-kit/utils';\nimport { PolymorpheusModule, PolymorpheusOutletDirective } from '@tinkoff/ng-polymorpheus';\nimport { Observable, Subject } from 'rxjs';\nimport { distinctUntilChanged } from 'rxjs/operators';\n\n@Component({\n\tselector: 'ng-doc-overlay-container',\n\ttemplateUrl: './overlay-container.component.html',\n\tstyleUrls: ['./overlay-container.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n\timports: [\n\t\tNgDocOverlayPointerComponent,\n\t\tNgDocEventSwitcherDirective,\n\t\tNgDocFocusControlComponent,\n\t\tNgDocFocusCatcherDirective,\n\t\tPolymorpheusModule,\n\t],\n})\nexport class NgDocOverlayContainerComponent implements NgDocOverlayContainer, OnInit, OnDestroy {\n\t@ViewChild('contentContainer', { read: ElementRef, static: true })\n\tcontentContainer?: ElementRef<HTMLElement>;\n\n\t@ViewChild(NgDocFocusCatcherDirective)\n\tfocusCatcher?: NgDocFocusCatcherDirective;\n\n\t@ViewChild(PolymorpheusOutletDirective, { static: true })\n\toutlet?: PolymorpheusOutletDirective<object>;\n\n\t@HostBinding('attr.data-ng-doc-overlay-position')\n\trelativePosition: NgDocOverlayRelativePosition \| null = null;\n\n\tconfig?: NgDocOverlayConfig;\n\tcontent: NgDocContent = '';\n\n\tprivate currentPosition?: NgDocOverlayPosition;\n\tprivate animationEvent$: Subject<NgDocOverlayAnimationEvent> =\n\t\tnew Subject<NgDocOverlayAnimationEvent>();\n\tprivate isOpened: boolean = true;\n\n\tconstructor(\n\t\tprivate elementRef: ElementRef<HTMLElement>,\n\t\t@Inject(DOCUMENT) private documentRef: Document,\n\t\tprivate changeDetectorRef: ChangeDetectorRef,\n\t\tprivate ngZone: NgZone,\n\t\tprivate animationBuilder: AnimationBuilder,\n\t) {}\n\n\tngOnInit(): void {\n\t\tthis.runAnimation(this.config?.openAnimation \|\| []);\n\t\tif (this.config?.positionStrategy instanceof FlexibleConnectedPositionStrategy) {\n\t\t\tthis.config.positionStrategy.positionChanges\n\t\t\t\t.pipe(\n\t\t\t\t\tdistinctUntilChanged(\n\t\t\t\t\t\t(a: ConnectedOverlayPositionChange, b: ConnectedOverlayPositionChange) =>\n\t\t\t\t\t\t\ta.connectionPair === b.connectionPair,\n\t\t\t\t\t),\n\t\t\t\t\tngDocZoneOptimize(this.ngZone),\n\t\t\t\t)\n\t\t\t\t.subscribe((change: ConnectedOverlayPositionChange) => {\n\t\t\t\t\tthis.currentPosition = NgDocOverlayUtils.getOverlayPosition(change.connectionPair);\n\t\t\t\t\tthis.relativePosition = NgDocOverlayUtils.getRelativePosition(this.currentPosition);\n\t\t\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t\t\t});\n\t\t}\n\t}\n\n\t@HostBinding('attr.data-ng-doc-overlay-with-contact-border')\n\tget contactBorder(): boolean {\n\t\treturn !!this.config?.contactBorder;\n\t}\n\n\tget isFocused(): boolean {\n\t\treturn !!this.focusCatcher?.focused;\n\t}\n\n\tget animationEvent(): Observable<NgDocOverlayAnimationEvent> {\n\t\treturn this.animationEvent$.asObservable();\n\t}\n\n\tget overlayAlign(): NgDocHorizontalAlign \| NgDocVerticalAlign \| null {\n\t\treturn this.currentPosition\n\t\t\t? NgDocOverlayUtils.getPositionAlign(\n\t\t\t\t\tNgDocOverlayUtils.toConnectedPosition(this.currentPosition),\n\t\t\t )\n\t\t\t: null;\n\t}\n\n\tclose(): void {\n\t\tif (this.isOpened) {\n\t\t\tthis.runAnimation(this.config?.closeAnimation \|\| [], true);\n\t\t\tthis.isOpened = false;\n\t\t\tthis.changeDetectorRef.markForCheck();\n\t\t}\n\t}\n\n\tfocus(): void {\n\t\tif (this.contentContainer) {\n\t\t\tNgDocFocusUtils.focusClosestElement(\n\t\t\t\ttoElement(this.contentContainer),\n\t\t\t\ttoElement(this.contentContainer),\n\t\t\t);\n\t\t}\n\t}\n\n\tmarkForCheck(): void {\n\t\tthis.changeDetectorRef.markForCheck();\n\t}\n\n\tprivate runAnimation(animation: AnimationMetadata[], close: boolean = false): void {\n\t\tconst player: AnimationPlayer = this.animationBuilder\n\t\t\t.build(animation)\n\t\t\t.create(this.elementRef.nativeElement);\n\t\tplayer.onStart(() => this.animationEvent$.next(close ? 'beforeClose' : 'beforeOpen'));\n\t\tplayer.onDone(() => this.animationEvent$.next(close ? 'afterClose' : 'afterOpen'));\n\t\tplayer.play();\n\t}\n\n\tngOnDestroy(): void {\n\t\tif (this.isFocused && this.config && this.config.viewContainerRef) {\n\t\t\tNgDocFocusUtils.focusClosestElement(\n\t\t\t\tthis.config.viewContainerRef.element.nativeElement,\n\t\t\t\tthis.documentRef.body,\n\t\t\t\tfalse,\n\t\t\t);\n\t\t}\n\t}\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ng-doc-ui-kit-components-overlay-container.mjs","sources":["../../../../libs/ui-kit/components/overlay-container/overlay-container.component.ts","../../../../libs/ui-kit/components/overlay-container/overlay-container.component.html","../../../../libs/ui-kit/components/overlay-container/ng-doc-ui-kit-components-overlay-container.ts"],"sourcesContent":["import { AnimationBuilder, AnimationMetadata, AnimationPlayer } from '@angular/animations';\nimport {\n ConnectedOverlayPositionChange,\n FlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { DOCUMENT } from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n OnDestroy,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { NgDocFocusControlComponent } from '@ng-doc/ui-kit/components/focus-control';\nimport { NgDocOverlayPointerComponent } from '@ng-doc/ui-kit/components/overlay-pointer';\nimport { NgDocEventSwitcherDirective } from '@ng-doc/ui-kit/directives/event-switcher';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { toElement } from '@ng-doc/ui-kit/helpers';\nimport { NgDocOverlayConfig, NgDocOverlayContainer } from '@ng-doc/ui-kit/interfaces';\nimport { ngDocZoneOptimize } from '@ng-doc/ui-kit/observables';\nimport {\n NgDocContent,\n NgDocHorizontalAlign,\n NgDocOverlayAnimationEvent,\n NgDocOverlayPosition,\n NgDocOverlayRelativePosition,\n NgDocVerticalAlign,\n} from '@ng-doc/ui-kit/types';\nimport { NgDocFocusUtils, NgDocOverlayUtils } from '@ng-doc/ui-kit/utils';\nimport { PolymorpheusModule, PolymorpheusOutletDirective } from '@tinkoff/ng-polymorpheus';\nimport { Observable, Subject } from 'rxjs';\nimport { distinctUntilChanged } from 'rxjs/operators';\n\n@Component({\n selector: 'ng-doc-overlay-container',\n templateUrl: './overlay-container.component.html',\n styleUrls: ['./overlay-container.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n NgDocOverlayPointerComponent,\n NgDocEventSwitcherDirective,\n NgDocFocusControlComponent,\n NgDocFocusCatcherDirective,\n PolymorpheusModule,\n ],\n})\nexport class NgDocOverlayContainerComponent\n implements NgDocOverlayContainer, OnInit, AfterViewInit, OnDestroy\n{\n @Input()\n content: NgDocContent = '';\n\n @Input()\n config?: NgDocOverlayConfig;\n\n @ViewChild('contentContainer', { read: ElementRef, static: true })\n contentContainer?: ElementRef<HTMLElement>;\n\n @ViewChild(NgDocFocusCatcherDirective)\n focusCatcher?: NgDocFocusCatcherDirective;\n\n @ViewChild(PolymorpheusOutletDirective, { static: true })\n outlet?: PolymorpheusOutletDirective<object>;\n\n @HostBinding('attr.data-ng-doc-overlay-position')\n relativePosition: NgDocOverlayRelativePosition \| null = null;\n\n private currentPosition?: NgDocOverlayPosition;\n private animationEvent$: Subject<NgDocOverlayAnimationEvent> =\n new Subject<NgDocOverlayAnimationEvent>();\n private isOpened: boolean = true;\n\n constructor(\n private elementRef: ElementRef<HTMLElement>,\n @Inject(DOCUMENT) private documentRef: Document,\n private changeDetectorRef: ChangeDetectorRef,\n private ngZone: NgZone,\n private animationBuilder: AnimationBuilder,\n ) {}\n\n ngOnInit(): void {\n if (this.config?.positionStrategy instanceof FlexibleConnectedPositionStrategy) {\n this.config.positionStrategy.positionChanges\n .pipe(\n distinctUntilChanged(\n (a: ConnectedOverlayPositionChange, b: ConnectedOverlayPositionChange) =>\n a.connectionPair === b.connectionPair,\n ),\n ngDocZoneOptimize(this.ngZone),\n )\n .subscribe((change: ConnectedOverlayPositionChange) => {\n this.currentPosition = NgDocOverlayUtils.getOverlayPosition(change.connectionPair);\n this.relativePosition = NgDocOverlayUtils.getRelativePosition(this.currentPosition);\n this.changeDetectorRef.markForCheck();\n });\n }\n }\n\n ngAfterViewInit(): void {\n this.runAnimation(this.config?.openAnimation \|\| []);\n }\n\n @HostBinding('attr.data-ng-doc-overlay-with-contact-border')\n get contactBorder(): boolean {\n return !!this.config?.contactBorder;\n }\n\n get isFocused(): boolean {\n return !!this.focusCatcher?.focused;\n }\n\n get animationEvent(): Observable<NgDocOverlayAnimationEvent> {\n return this.animationEvent$.asObservable();\n }\n\n get overlayAlign(): NgDocHorizontalAlign \| NgDocVerticalAlign \| null {\n return this.currentPosition\n ? NgDocOverlayUtils.getPositionAlign(\n NgDocOverlayUtils.toConnectedPosition(this.currentPosition),\n )\n : null;\n }\n\n close(): void {\n if (this.isOpened) {\n this.runAnimation(this.config?.closeAnimation \|\| [], true);\n this.isOpened = false;\n this.changeDetectorRef.markForCheck();\n }\n }\n\n focus(): void {\n if (this.contentContainer) {\n NgDocFocusUtils.focusClosestElement(\n toElement(this.contentContainer),\n toElement(this.contentContainer),\n );\n }\n }\n\n markForCheck(): void {\n this.changeDetectorRef.markForCheck();\n }\n\n private runAnimation(animation: AnimationMetadata[], close: boolean = false): void {\n const player: AnimationPlayer = this.animationBuilder\n .build(animation)\n .create(this.elementRef.nativeElement);\n player.onStart(() => this.animationEvent$.next(close ? 'beforeClose' : 'beforeOpen'));\n player.onDone(() => this.animationEvent$.next(close ? 'afterClose' : 'afterOpen'));\n player.play();\n }\n\n ngOnDestroy(): void {\n if (this.isFocused && this.config && this.config.viewContainerRef) {\n NgDocFocusUtils.focusClosestElement(\n this.config.viewContainerRef.element.nativeElement,\n this.documentRef.body,\n false,\n );\n }\n }\n}\n","<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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}