@ng-doc/ui-kit 22.0.0-beta.1 → 22.0.0

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

@@ -1,24 +1,28 @@
 import * as i0 from '@angular/core';
-import { Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 
+/**
+ * A small coloured dot, for example to mark a state next to a label.
+ */
 class NgDocDotComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocDotComponent, isStandalone: true, selector: "ng-doc-dot", inputs: { color: "color", size: "size" }, host: { properties: { "attr.data-ng-doc-color": "this.color", "attr.data-ng-doc-size": "this.size" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    constructor() {
+        /** Colour of the dot. */
+        this.color = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+        /** Size of the dot: 4px (`small`), 8px (`medium`) or 16px (`large`). */
+        this.size = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocDotComponent, isStandalone: true, selector: "ng-doc-dot", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-color": "color()", "attr.data-ng-doc-size": "size()" } }, ngImport: i0, template: ``, isInline: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDotComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-dot', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-color']
-            }], size: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-size']
-            }] } });
+            args: [{ selector: 'ng-doc-dot', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-ng-doc-color]': 'color()',
+                        '[attr.data-ng-doc-size]': 'size()',
+                    }, styles: [":host{display:inline;width:var(--ng-doc-dot-size);height:var(--ng-doc-dot-size);border-radius:var(--ng-doc-dot-size);line-height:var(--ng-doc-line-height);background-color:var(--ng-doc-dot-background);transition:var(--ng-doc-transition)}:host[data-ng-doc-size=small]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) / 2)}:host[data-ng-doc-size=medium]{--ng-doc-dot-size: var(--ng-doc-base-gutter)}:host[data-ng-doc-size=large]{--ng-doc-dot-size: calc(var(--ng-doc-base-gutter) * 2)}\n"] }]
+        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-dot.mjs","sources":["../../../../libs/ui-kit/components/dot/dot.component.ts","../../../../libs/ui-kit/components/dot/ng-doc-ui-kit-components-dot.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n@Component({\n\tselector: 'ng-doc-dot',\n\ttemplate: ``,\n\tstyleUrls: ['./dot.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocDotComponent {\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-color')\n\tcolor?: NgDocColor;\n\n\t@Input()\n\t@HostBinding('attr.data-ng-doc-size')\n\tsize?: NgDocSize;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,wNALnB,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ueAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKA,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,YACZ,CAAA,CAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,ueAAA,CAAA,EAAA;;sBAGf;;sBACA,WAAW;uBAAC,wBAAwB;;sBAGpC;;sBACA,WAAW;uBAAC,uBAAuB;;;AChBrC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-dot.mjs","sources":["../../../../libs/ui-kit/components/dot/dot.component.ts","../../../../libs/ui-kit/components/dot/ng-doc-ui-kit-components-dot.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgDocColor, NgDocSize } from '@ng-doc/ui-kit/types';\n\n/**\n * A small coloured dot, for example to mark a state next to a label.\n */\n@Component({\n  selector: 'ng-doc-dot',\n  template: ``,\n  styleUrls: ['./dot.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-ng-doc-color]': 'color()',\n    '[attr.data-ng-doc-size]': 'size()',\n  },\n})\nexport class NgDocDotComponent {\n  /** Colour of the dot. */\n  readonly color = input<NgDocColor>();\n\n  /** Size of the dot: 4px (`small`), 8px (`medium`) or 16px (`large`). */\n  readonly size = input<NgDocSize>();\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;;AAEG;MAWU,iBAAiB,CAAA;AAV9B,IAAA,WAAA,GAAA;;AAYW,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAc;;AAG3B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK;4FAAa;AACnC,IAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,iaARlB,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ueAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAV7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,YACZ,CAAA,CAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,0BAA0B,EAAE,SAAS;AACrC,wBAAA,yBAAyB,EAAE,QAAQ;AACpC,qBAAA,EAAA,MAAA,EAAA,CAAA,ueAAA,CAAA,EAAA;;;ACdH;;AAEG;;;;"}

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

@@ -1,67 +1,96 @@
 import { FlexibleConnectedPositionStrategy, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ViewContainerRef, NgZone, EventEmitter, HostListener, HostBinding, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, ChangeDetectorRef, ViewContainerRef, DestroyRef, input, output, signal, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { asArray } from '@ng-doc/core/helpers/as-array';
 import { dropdownOpenAnimation } from '@ng-doc/ui-kit/animations';
 import { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';
 import { NgDocOverlayContainerComponent } from '@ng-doc/ui-kit/components/overlay-container';
 import { toElement, mergeOverlayConfigs } from '@ng-doc/ui-kit/helpers';
-import { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';
 import { NgDocOverlayService } from '@ng-doc/ui-kit/services/overlay';
 import { NgDocOverlayUtils } from '@ng-doc/ui-kit/utils';
 
+/**
+ * Renders its content in an overlay connected to an origin: the `origin` input, or the
+ * surrounding `ngDocDropdownOrigin`.
+ */
 class NgDocDropdownComponent {
     constructor() {
         this.changeDetectorRef = inject(ChangeDetectorRef);
         this.overlayService = inject(NgDocOverlayService);
         this.viewContainerRef = inject(ViewContainerRef);
-        this.ngZone = inject(NgZone);
         this.overlayHost = inject(NgDocOverlayHost, { optional: true });
-        this.content = '';
-        this.origin = null;
-        this.closeIfOutsideClick = true;
-        this.closeIfInnerClick = false;
-        this.withArrow = false;
-        this.borderOffset = -8;
-        this.panelClass = [];
-        this.contactBorder = true;
-        this.hasBackdrop = false;
-        this.positions = [
+        this.destroyRef = inject(DestroyRef);
+        /** What the dropdown renders: a string, a template or a component. */
+        this.content = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        /**
+         * The origin to connect to. When it changes to `null`, the dropdown stays connected to the
+         * previous origin.
+         */
+        this.origin = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "origin" }] : /* istanbul ignore next */ []));
+        this.closeIfOutsideClick = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "closeIfOutsideClick" }] : /* istanbul ignore next */ []));
+        this.closeIfInnerClick = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "closeIfInnerClick" }] : /* istanbul ignore next */ []));
+        this.withArrow = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "withArrow" }] : /* istanbul ignore next */ []));
+        this.borderOffset = input(-8, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "borderOffset" }] : /* istanbul ignore next */ []));
+        this.panelClass = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
+        this.contactBorder = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "contactBorder" }] : /* istanbul ignore next */ []));
+        this.hasBackdrop = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hasBackdrop" }] : /* istanbul ignore next */ []));
+        this.positions = input([
             'bottom-center',
             'top-center',
             'right-center',
             'left-center',
-        ];
-        this.minHeight = '';
-        this.maxHeight = '';
-        this.height = '';
-        this.minWidth = '';
-        this.maxWidth = '';
-        this.width = '';
-        this.beforeOpen = new EventEmitter();
-        this.afterOpen = new EventEmitter();
-        this.beforeClose = new EventEmitter();
-        this.afterClose = new EventEmitter();
+        ], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []));
+        this.minHeight = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+        this.maxHeight = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+        this.height = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+        this.minWidth = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+        this.maxWidth = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+        this.width = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+        /** Emits when the dropdown starts opening. */
+        this.beforeOpen = output();
+        /** Emits when the open animation has finished. */
+        this.afterOpen = output();
+        /** Emits when the dropdown starts closing. */
+        this.beforeClose = output();
+        /** Emits when the dropdown has closed. */
+        this.afterClose = output();
         this.overlay = null;
+        // The last origin bound to the input that was not null. It is recorded in ngOnChanges, so that
+        // every change is seen, including changes while the dropdown is closed.
+        this.lastOrigin = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "lastOrigin" }] : /* istanbul ignore next */ []));
+        // The defaults the other inputs are compared with; declared after `lastOrigin`, which it reads.
         this.overlayProperties = this.getOverlayProperties();
     }
     ngOnChanges({ origin }) {
-        if (origin && origin.currentValue !== origin.previousValue) {
-            if (!origin.currentValue) {
-                this.origin = origin.previousValue;
-            }
-            if (this.overlay) {
-                const positionStrategy = this.overlay.overlayRef.getConfig().positionStrategy;
-                if (positionStrategy instanceof FlexibleConnectedPositionStrategy && this.currentOrigin) {
-                    this.overlay.overlayRef.updatePositionStrategy(positionStrategy.setOrigin(this.currentOrigin));
-                }
+        if (origin?.currentValue) {
+            this.lastOrigin.set(origin.currentValue);
+        }
+        if (origin && origin.currentValue !== origin.previousValue && this.overlay) {
+            const positionStrategy = this.overlay.overlayRef.getConfig().positionStrategy;
+            if (positionStrategy instanceof FlexibleConnectedPositionStrategy && this.currentOrigin) {
+                this.overlay.overlayRef.updatePositionStrategy(positionStrategy.setOrigin(this.currentOrigin));
             }
         }
         this.updateOverlayPosition();
     }
-    get tabIndex() {
-        return this.isOpened ? 0 : -1;
-    }
     focus() {
         this.overlay?.focus();
     }
@@ -69,25 +98,33 @@ class NgDocDropdownComponent {
         return !!this.overlay?.isFocused;
     }
     open() {
-        if (!this.overlay?.hasAttached) {
-            const config = this.getConfig();
-            this.overlay = this.overlayService.open(this.content, config);
-            this.beforeOpen.emit();
-            this.overlay
-                ?.afterOpen()
-                .pipe(ngDocZoneDetach(this.ngZone))
-                .subscribe(() => this.afterOpen.emit());
-            this.overlay
-                ?.beforeClose()
-                .pipe(ngDocZoneDetach(this.ngZone))
-                .subscribe(() => this.beforeClose.emit());
-            this.overlay
-                ?.afterClose()
-                .pipe(ngDocZoneDetach(this.ngZone))
-                .subscribe(() => this.afterClose.emit());
-            this.overlay.beforeClose().subscribe(() => this.close());
-            this.changeDetectorRef.markForCheck();
-        }
+        // Opening reads the inputs; `untracked` keeps an effect that calls open() from depending on
+        // them.
+        untracked(() => {
+            if (!this.overlay?.hasAttached) {
+                const config = this.getConfig();
+                const overlay = this.overlayService.open(this.content(), config);
+                this.overlay = overlay;
+                this.beforeOpen.emit();
+                // The animations can finish after the dropdown is destroyed; its outputs must not emit then.
+                overlay
+                    .afterOpen()
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => this.afterOpen.emit());
+                overlay
+                    .beforeClose()
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => {
+                    this.beforeClose.emit();
+                    this.close();
+                });
+                overlay
+                    .afterClose()
+                    .pipe(takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => this.afterClose.emit());
+                this.changeDetectorRef.markForCheck();
+            }
+        });
     }
     close() {
         if (this.isOpened) {
@@ -108,16 +145,17 @@ class NgDocDropdownComponent {
         }
     }
     get currentOrigin() {
-        return this.origin instanceof CdkOverlayOrigin
-            ? this.origin.elementRef.nativeElement
-            : this.origin || this.overlayHost?.origin || null;
+        const origin = this.lastOrigin();
+        return origin instanceof CdkOverlayOrigin
+            ? origin.elementRef.nativeElement
+            : origin || this.overlayHost?.origin || null;
     }
     getPositions(positions, border) {
         const origin = toElement(this.currentOrigin);
         if (origin instanceof HTMLElement) {
             return NgDocOverlayUtils.getConnectedPosition(!!positions && asArray(positions).length
                 ? positions
-                : ['bottom-center', 'top-center', 'right-center', 'left-center'], origin, border * -1, this.withArrow);
+                : ['bottom-center', 'top-center', 'right-center', 'left-center'], origin, border * -1, this.withArrow());
         }
         else {
             return !!positions && asArray(positions).length
@@ -136,11 +174,11 @@ class NgDocDropdownComponent {
             scrollStrategy: this.overlayService.scrollStrategy().reposition(),
             viewContainerRef: this.viewContainerRef,
             openAnimation: dropdownOpenAnimation,
-            hasBackdrop: this.hasBackdrop,
+            hasBackdrop: this.hasBackdrop(),
             ...overlayProperties,
             panelClass: [
                 'ng-doc-dropdown',
-                ...asArray(this.panelClass),
+                ...asArray(this.panelClass()),
                 ...asArray(this.overlayHost?.panelClass),
             ],
         };
@@ -148,19 +186,19 @@ class NgDocDropdownComponent {
     getOverlayProperties() {
         return {
             origin: this.currentOrigin || undefined,
-            positions: this.positions,
-            closeIfOutsideClick: this.closeIfOutsideClick,
-            closeIfInnerClick: this.closeIfInnerClick,
-            withPointer: this.withArrow,
-            contactBorder: this.contactBorder,
-            borderOffset: this.borderOffset,
-            panelClass: this.panelClass,
-            width: this.width,
-            height: this.height,
-            minWidth: this.minWidth,
-            minHeight: this.minHeight,
-            maxWidth: this.maxWidth,
-            maxHeight: this.maxHeight,
+            positions: this.positions(),
+            closeIfOutsideClick: this.closeIfOutsideClick(),
+            closeIfInnerClick: this.closeIfInnerClick(),
+            withPointer: this.withArrow(),
+            contactBorder: this.contactBorder(),
+            borderOffset: this.borderOffset(),
+            panelClass: this.panelClass(),
+            width: this.width(),
+            height: this.height(),
+            minWidth: this.minWidth(),
+            minHeight: this.minHeight(),
+            maxWidth: this.maxWidth(),
+            maxHeight: this.maxHeight(),
             disposeOnNavigation: true,
             disposeOnRouteNavigation: true,
         };
@@ -170,59 +208,16 @@ class NgDocDropdownComponent {
             this.overlay.overlayRef.dispose();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocDropdownComponent, isStandalone: true, selector: "ng-doc-dropdown", inputs: { content: "content", origin: "origin", closeIfOutsideClick: "closeIfOutsideClick", closeIfInnerClick: "closeIfInnerClick", withArrow: "withArrow", borderOffset: "borderOffset", panelClass: "panelClass", contactBorder: "contactBorder", hasBackdrop: "hasBackdrop", positions: "positions", minHeight: "minHeight", maxHeight: "maxHeight", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", width: "width" }, outputs: { beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose" }, host: { listeners: { "focus": "focus()" }, properties: { "attr.tabIndex": "this.tabIndex" } }, providers: [NgDocOverlayService], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocDropdownComponent, isStandalone: true, selector: "ng-doc-dropdown", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, origin: { classPropertyName: "origin", publicName: "origin", isSignal: true, isRequired: false, transformFunction: null }, closeIfOutsideClick: { classPropertyName: "closeIfOutsideClick", publicName: "closeIfOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, closeIfInnerClick: { classPropertyName: "closeIfInnerClick", publicName: "closeIfInnerClick", isSignal: true, isRequired: false, transformFunction: null }, withArrow: { classPropertyName: "withArrow", publicName: "withArrow", isSignal: true, isRequired: false, transformFunction: null }, borderOffset: { classPropertyName: "borderOffset", publicName: "borderOffset", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, contactBorder: { classPropertyName: "contactBorder", publicName: "contactBorder", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, positions: { classPropertyName: "positions", publicName: "positions", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeOpen: "beforeOpen", afterOpen: "afterOpen", beforeClose: "beforeClose", afterClose: "afterClose" }, host: { listeners: { "focus": "focus()" }, properties: { "attr.tabIndex": "isOpened ? 0 : -1" } }, providers: [NgDocOverlayService], usesOnChanges: true, ngImport: i0, template: ``, isInline: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-dropdown', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NgDocOverlayService], standalone: true, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { content: [{
-                type: Input
-            }], origin: [{
-                type: Input
-            }], closeIfOutsideClick: [{
-                type: Input
-            }], closeIfInnerClick: [{
-                type: Input
-            }], withArrow: [{
-                type: Input
-            }], borderOffset: [{
-                type: Input
-            }], panelClass: [{
-                type: Input
-            }], contactBorder: [{
-                type: Input
-            }], hasBackdrop: [{
-                type: Input
-            }], positions: [{
-                type: Input
-            }], minHeight: [{
-                type: Input
-            }], maxHeight: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], beforeOpen: [{
-                type: Output
-            }], afterOpen: [{
-                type: Output
-            }], beforeClose: [{
-                type: Output
-            }], afterClose: [{
-                type: Output
-            }], tabIndex: [{
-                type: HostBinding,
-                args: ['attr.tabIndex']
-            }], focus: [{
-                type: HostListener,
-                args: ['focus']
-            }] } });
+            args: [{ selector: 'ng-doc-dropdown', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NgDocOverlayService], host: {
+                        '[attr.tabIndex]': 'isOpened ? 0 : -1',
+                        '(focus)': 'focus()',
+                    }, styles: ["::ng-deep .ng-doc-dropdown{--ng-doc-overlay-background: var(--ng-doc-background);--ng-doc-overlay-border: var(--ng-doc-base-2);--ng-doc-overlay-border-radius: var(--ng-doc-base-gutter);--ng-doc-overlay-shadow: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03)}\n"] }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], origin: [{ type: i0.Input, args: [{ isSignal: true, alias: "origin", required: false }] }], closeIfOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIfOutsideClick", required: false }] }], closeIfInnerClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIfInnerClick", required: false }] }], withArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "withArrow", required: false }] }], borderOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderOffset", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], contactBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactBorder", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], positions: [{ type: i0.Input, args: [{ isSignal: true, alias: "positions", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], beforeOpen: [{ type: i0.Output, args: ["beforeOpen"] }], afterOpen: [{ type: i0.Output, args: ["afterOpen"] }], beforeClose: [{ type: i0.Output, args: ["beforeClose"] }], afterClose: [{ type: i0.Output, args: ["afterClose"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-dropdown.mjs","sources":["../../../../libs/ui-kit/components/dropdown/dropdown.component.ts","../../../../libs/ui-kit/components/dropdown/ng-doc-ui-kit-components-dropdown.ts"],"sourcesContent":["import { Point } from '@angular/cdk/drag-drop';\nimport {\n  CdkOverlayOrigin,\n  FlexibleConnectedPositionStrategy,\n  PositionStrategy,\n} from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  inject,\n  Input,\n  NgZone,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewContainerRef,\n} from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { dropdownOpenAnimation } from '@ng-doc/ui-kit/animations';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\nimport { NgDocOverlayRef } from '@ng-doc/ui-kit/classes/overlay-ref';\nimport { NgDocOverlayContainerComponent } from '@ng-doc/ui-kit/components/overlay-container';\nimport { mergeOverlayConfigs, toElement } from '@ng-doc/ui-kit/helpers';\nimport { NgDocOverlayConfig, NgDocOverlayProperties } from '@ng-doc/ui-kit/interfaces';\nimport { ngDocZoneDetach } from '@ng-doc/ui-kit/observables';\nimport { NgDocOverlayService } from '@ng-doc/ui-kit/services/overlay';\nimport { NgDocContent, NgDocOverlayOrigin, NgDocOverlayPosition } from '@ng-doc/ui-kit/types';\nimport { NgDocOverlayUtils } from '@ng-doc/ui-kit/utils';\n\n@Component({\n  selector: 'ng-doc-dropdown',\n  template: ``,\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [NgDocOverlayService],\n  standalone: true,\n})\nexport class NgDocDropdownComponent implements OnChanges, OnDestroy {\n  protected changeDetectorRef = inject(ChangeDetectorRef);\n  protected overlayService = inject(NgDocOverlayService);\n  protected viewContainerRef = inject(ViewContainerRef);\n  protected ngZone = inject(NgZone);\n  protected overlayHost = inject<NgDocOverlayHost>(NgDocOverlayHost, { optional: true });\n\n  @Input()\n  content: NgDocContent = '';\n\n  @Input()\n  origin: CdkOverlayOrigin | Point | null = null;\n\n  @Input()\n  closeIfOutsideClick: boolean = true;\n\n  @Input()\n  closeIfInnerClick: boolean = false;\n\n  @Input()\n  withArrow: boolean = false;\n\n  @Input()\n  borderOffset: number = -8;\n\n  @Input()\n  panelClass: string | string[] = [];\n\n  @Input()\n  contactBorder: boolean = true;\n\n  @Input()\n  hasBackdrop: boolean = false;\n\n  @Input()\n  positions: NgDocOverlayPosition | NgDocOverlayPosition[] = [\n    'bottom-center',\n    'top-center',\n    'right-center',\n    'left-center',\n  ];\n\n  @Input()\n  minHeight: number | string = '';\n\n  @Input()\n  maxHeight: number | string = '';\n\n  @Input()\n  height: number | string = '';\n\n  @Input()\n  minWidth: number | string = '';\n\n  @Input()\n  maxWidth: number | string = '';\n\n  @Input()\n  width: number | string = '';\n\n  @Output()\n  beforeOpen: EventEmitter<void> = new EventEmitter<void>();\n\n  @Output()\n  afterOpen: EventEmitter<void> = new EventEmitter<void>();\n\n  @Output()\n  beforeClose: EventEmitter<void> = new EventEmitter<void>();\n\n  @Output()\n  afterClose: EventEmitter<void> = new EventEmitter<void>();\n\n  overlay: NgDocOverlayRef | null = null;\n  overlayProperties: NgDocOverlayProperties = this.getOverlayProperties();\n\n  constructor() {}\n\n  ngOnChanges({ origin }: SimpleChanges): void {\n    if (origin && origin.currentValue !== origin.previousValue) {\n      if (!origin.currentValue) {\n        this.origin = origin.previousValue as CdkOverlayOrigin | Point | null;\n      }\n\n      if (this.overlay) {\n        const positionStrategy: PositionStrategy | undefined =\n          this.overlay.overlayRef.getConfig().positionStrategy;\n        if (positionStrategy instanceof FlexibleConnectedPositionStrategy && this.currentOrigin) {\n          this.overlay.overlayRef.updatePositionStrategy(\n            positionStrategy.setOrigin(this.currentOrigin),\n          );\n        }\n      }\n    }\n    this.updateOverlayPosition();\n  }\n\n  @HostBinding('attr.tabIndex')\n  get tabIndex(): number {\n    return this.isOpened ? 0 : -1;\n  }\n\n  @HostListener('focus')\n  focus(): void {\n    this.overlay?.focus();\n  }\n\n  get isFocused(): boolean {\n    return !!this.overlay?.isFocused;\n  }\n\n  open(): void {\n    if (!this.overlay?.hasAttached) {\n      const config: NgDocOverlayConfig = this.getConfig();\n      this.overlay = this.overlayService.open(this.content, config);\n      this.beforeOpen.emit();\n      this.overlay\n        ?.afterOpen()\n        .pipe(ngDocZoneDetach(this.ngZone))\n        .subscribe(() => this.afterOpen.emit());\n\n      this.overlay\n        ?.beforeClose()\n        .pipe(ngDocZoneDetach(this.ngZone))\n        .subscribe(() => this.beforeClose.emit());\n\n      this.overlay\n        ?.afterClose()\n        .pipe(ngDocZoneDetach(this.ngZone))\n        .subscribe(() => this.afterClose.emit());\n\n      this.overlay.beforeClose().subscribe(() => this.close());\n\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  close(): void {\n    if (this.isOpened) {\n      this.overlay?.close();\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  toggle(): void {\n    this.isOpened ? this.close() : this.open();\n  }\n\n  get isOpened(): boolean {\n    return this.overlay?.isOpened === true;\n  }\n\n  updateOverlayPosition(): void {\n    if (this.overlay && this.overlay.hasAttached) {\n      this.overlay.overlayRef.updateSize(this.getConfig());\n      this.overlay.overlayRef.updatePosition();\n    }\n  }\n\n  private get currentOrigin(): NgDocOverlayOrigin | null {\n    return this.origin instanceof CdkOverlayOrigin\n      ? (this.origin.elementRef.nativeElement as HTMLElement)\n      : this.origin || this.overlayHost?.origin || null;\n  }\n\n  private getPositions(\n    positions: NgDocOverlayPosition | NgDocOverlayPosition[],\n    border: number,\n  ): NgDocOverlayPosition[] {\n    const origin: NgDocOverlayOrigin = toElement(this.currentOrigin) as HTMLElement;\n    if (origin instanceof HTMLElement) {\n      return NgDocOverlayUtils.getConnectedPosition(\n        !!positions && asArray(positions).length\n          ? positions\n          : ['bottom-center', 'top-center', 'right-center', 'left-center'],\n        origin,\n        border * -1,\n        this.withArrow,\n      );\n    } else {\n      return !!positions && asArray(positions).length\n        ? asArray(positions)\n        : ['bottom-center', 'top-center', 'right-center', 'left-center'];\n    }\n  }\n\n  private getConfig(): NgDocOverlayConfig {\n    const overlayProperties: NgDocOverlayProperties = mergeOverlayConfigs(\n      this.overlayProperties,\n      this.getOverlayProperties(),\n      this.overlayHost ?? undefined,\n    );\n    if (!this.currentOrigin) {\n      throw new Error('Origin for the dropdown was not provided.');\n    }\n    return {\n      overlayContainer: NgDocOverlayContainerComponent,\n      positionStrategy: this.overlayService.connectedPositionStrategy(\n        this.currentOrigin,\n        this.getPositions(overlayProperties.positions || [], overlayProperties.borderOffset || 0),\n      ),\n      scrollStrategy: this.overlayService.scrollStrategy().reposition(),\n      viewContainerRef: this.viewContainerRef,\n      openAnimation: dropdownOpenAnimation,\n      hasBackdrop: this.hasBackdrop,\n      ...overlayProperties,\n      panelClass: [\n        'ng-doc-dropdown',\n        ...asArray(this.panelClass),\n        ...asArray(this.overlayHost?.panelClass),\n      ],\n    };\n  }\n\n  private getOverlayProperties(): NgDocOverlayProperties {\n    return {\n      origin: this.currentOrigin || undefined,\n      positions: this.positions,\n      closeIfOutsideClick: this.closeIfOutsideClick,\n      closeIfInnerClick: this.closeIfInnerClick,\n      withPointer: this.withArrow,\n      contactBorder: this.contactBorder,\n      borderOffset: this.borderOffset,\n      panelClass: this.panelClass,\n      width: this.width,\n      height: this.height,\n      minWidth: this.minWidth,\n      minHeight: this.minHeight,\n      maxWidth: this.maxWidth,\n      maxHeight: this.maxHeight,\n      disposeOnNavigation: true,\n      disposeOnRouteNavigation: true,\n    };\n  }\n\n  ngOnDestroy(): void {\n    if (this.overlay) {\n      this.overlay.overlayRef.dispose();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MA0Ca,sBAAsB,CAAA;AA2EjC,IAAA,WAAA,GAAA;AA1EU,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC7C,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,mBAAmB,CAAC;AAC5C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAC3C,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;QACvB,IAAA,CAAA,WAAW,GAAG,MAAM,CAAmB,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAGtF,IAAA,CAAA,OAAO,GAAiB,EAAE;QAG1B,IAAA,CAAA,MAAM,GAAoC,IAAI;QAG9C,IAAA,CAAA,mBAAmB,GAAY,IAAI;QAGnC,IAAA,CAAA,iBAAiB,GAAY,KAAK;QAGlC,IAAA,CAAA,SAAS,GAAY,KAAK;QAG1B,IAAA,CAAA,YAAY,GAAW,CAAC,CAAC;QAGzB,IAAA,CAAA,UAAU,GAAsB,EAAE;QAGlC,IAAA,CAAA,aAAa,GAAY,IAAI;QAG7B,IAAA,CAAA,WAAW,GAAY,KAAK;AAG5B,QAAA,IAAA,CAAA,SAAS,GAAkD;YACzD,eAAe;YACf,YAAY;YACZ,cAAc;YACd,aAAa;SACd;QAGD,IAAA,CAAA,SAAS,GAAoB,EAAE;QAG/B,IAAA,CAAA,SAAS,GAAoB,EAAE;QAG/B,IAAA,CAAA,MAAM,GAAoB,EAAE;QAG5B,IAAA,CAAA,QAAQ,GAAoB,EAAE;QAG9B,IAAA,CAAA,QAAQ,GAAoB,EAAE;QAG9B,IAAA,CAAA,KAAK,GAAoB,EAAE;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAuB,IAAI,YAAY,EAAQ;AAGzD,QAAA,IAAA,CAAA,SAAS,GAAuB,IAAI,YAAY,EAAQ;AAGxD,QAAA,IAAA,CAAA,WAAW,GAAuB,IAAI,YAAY,EAAQ;AAG1D,QAAA,IAAA,CAAA,UAAU,GAAuB,IAAI,YAAY,EAAQ;QAEzD,IAAA,CAAA,OAAO,GAA2B,IAAI;AACtC,QAAA,IAAA,CAAA,iBAAiB,GAA2B,IAAI,CAAC,oBAAoB,EAAE;IAExD;IAEf,WAAW,CAAC,EAAE,MAAM,EAAiB,EAAA;QACnC,IAAI,MAAM,IAAI,MAAM,CAAC,YAAY,KAAK,MAAM,CAAC,aAAa,EAAE;AAC1D,YAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE;AACxB,gBAAA,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,aAAgD;YACvE;AAEA,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,MAAM,gBAAgB,GACpB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,EAAE,CAAC,gBAAgB;gBACtD,IAAI,gBAAgB,YAAY,iCAAiC,IAAI,IAAI,CAAC,aAAa,EAAE;AACvF,oBAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB,CAC5C,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAC/C;gBACH;YACF;QACF;QACA,IAAI,CAAC,qBAAqB,EAAE;IAC9B;AAEA,IAAA,IACI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B;IAGA,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE;IACvB;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS;IAClC;IAEA,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE;AAC9B,YAAA,MAAM,MAAM,GAAuB,IAAI,CAAC,SAAS,EAAE;AACnD,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;AAC7D,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,CAAC;AACH,kBAAE,SAAS;AACV,iBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;iBACjC,SAAS,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AAEzC,YAAA,IAAI,CAAC;AACH,kBAAE,WAAW;AACZ,iBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;iBACjC,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AAE3C,YAAA,IAAI,CAAC;AACH,kBAAE,UAAU;AACX,iBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;iBACjC,SAAS,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AAE1C,YAAA,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;AAExD,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACvC;IACF;IAEA,KAAK,GAAA;AACH,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE;AACrB,YAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE;QACvC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE;IAC5C;AAEA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI;IACxC;IAEA,qBAAqB,GAAA;QACnB,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;AAC5C,YAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACpD,YAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,cAAc,EAAE;QAC1C;IACF;AAEA,IAAA,IAAY,aAAa,GAAA;AACvB,QAAA,OAAO,IAAI,CAAC,MAAM,YAAY;AAC5B,cAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;AAC1B,cAAE,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,MAAM,IAAI,IAAI;IACrD;IAEQ,YAAY,CAClB,SAAwD,EACxD,MAAc,EAAA;QAEd,MAAM,MAAM,GAAuB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAgB;AAC/E,QAAA,IAAI,MAAM,YAAY,WAAW,EAAE;AACjC,YAAA,OAAO,iBAAiB,CAAC,oBAAoB,CAC3C,CAAC,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC;AAChC,kBAAE;kBACA,CAAC,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,CAAC,EAClE,MAAM,EACN,MAAM,GAAG,CAAC,CAAC,EACX,IAAI,CAAC,SAAS,CACf;QACH;aAAO;YACL,OAAO,CAAC,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC;AACvC,kBAAE,OAAO,CAAC,SAAS;kBACjB,CAAC,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,aAAa,CAAC;QACpE;IACF;IAEQ,SAAS,GAAA;AACf,QAAA,MAAM,iBAAiB,GAA2B,mBAAmB,CACnE,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,oBAAoB,EAAE,EAC3B,IAAI,CAAC,WAAW,IAAI,SAAS,CAC9B;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC;QAC9D;QACA,OAAO;AACL,YAAA,gBAAgB,EAAE,8BAA8B;YAChD,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,yBAAyB,CAC7D,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,SAAS,IAAI,EAAE,EAAE,iBAAiB,CAAC,YAAY,IAAI,CAAC,CAAC,CAC1F;YACD,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,UAAU,EAAE;YACjE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;AACvC,YAAA,aAAa,EAAE,qBAAqB;YACpC,WAAW,EAAE,IAAI,CAAC,WAAW;AAC7B,YAAA,GAAG,iBAAiB;AACpB,YAAA,UAAU,EAAE;gBACV,iBAAiB;AACjB,gBAAA,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3B,gBAAA,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;AACzC,aAAA;SACF;IACH;IAEQ,oBAAoB,GAAA;QAC1B,OAAO;AACL,YAAA,MAAM,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS;YACvC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;YACzC,WAAW,EAAE,IAAI,CAAC,SAAS;YAC3B,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,SAAS,EAAE,IAAI,CAAC,SAAS;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,wBAAwB,EAAE,IAAI;SAC/B;IACH;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAAE;QACnC;IACF;8GA9OW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAHtB,CAAC,mBAAmB,CAAC,+CAHtB,CAAA,CAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,uSAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,iBAAiB,EAAA,QAAA,EACjB,CAAA,CAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC,CAAC,mBAAmB,CAAC,EAAA,UAAA,EACpB,IAAI,EAAA,MAAA,EAAA,CAAA,uSAAA,CAAA,EAAA;;sBASf;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAQA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBAGA;;sBA2BA,WAAW;uBAAC,eAAe;;sBAK3B,YAAY;uBAAC,OAAO;;;AC/IvB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-dropdown.mjs","sources":["../../../../libs/ui-kit/components/dropdown/dropdown.component.ts","../../../../libs/ui-kit/components/dropdown/ng-doc-ui-kit-components-dropdown.ts"],"sourcesContent":["import { Point } from '@angular/cdk/drag-drop';\nimport {\n  CdkOverlayOrigin,\n  FlexibleConnectedPositionStrategy,\n  PositionStrategy,\n} from '@angular/cdk/overlay';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  inject,\n  input,\n  OnChanges,\n  OnDestroy,\n  output,\n  signal,\n  SimpleChanges,\n  untracked,\n  ViewContainerRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { dropdownOpenAnimation } from '@ng-doc/ui-kit/animations';\nimport { NgDocOverlayHost } from '@ng-doc/ui-kit/classes/overlay-host';\nimport { NgDocOverlayRef } from '@ng-doc/ui-kit/classes/overlay-ref';\nimport { NgDocOverlayContainerComponent } from '@ng-doc/ui-kit/components/overlay-container';\nimport { mergeOverlayConfigs, toElement } from '@ng-doc/ui-kit/helpers';\nimport { NgDocOverlayConfig, NgDocOverlayProperties } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocOverlayService } from '@ng-doc/ui-kit/services/overlay';\nimport { NgDocContent, NgDocOverlayOrigin, NgDocOverlayPosition } from '@ng-doc/ui-kit/types';\nimport { NgDocOverlayUtils } from '@ng-doc/ui-kit/utils';\n\n/**\n * Renders its content in an overlay connected to an origin: the `origin` input, or the\n * surrounding `ngDocDropdownOrigin`.\n */\n@Component({\n  selector: 'ng-doc-dropdown',\n  template: ``,\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [NgDocOverlayService],\n  host: {\n    '[attr.tabIndex]': 'isOpened ? 0 : -1',\n    '(focus)': 'focus()',\n  },\n})\nexport class NgDocDropdownComponent implements OnChanges, OnDestroy {\n  protected changeDetectorRef = inject(ChangeDetectorRef);\n  protected overlayService = inject(NgDocOverlayService);\n  protected viewContainerRef = inject(ViewContainerRef);\n  protected overlayHost = inject<NgDocOverlayHost>(NgDocOverlayHost, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** What the dropdown renders: a string, a template or a component. */\n  readonly content = input<NgDocContent>('');\n\n  /**\n   * The origin to connect to. When it changes to `null`, the dropdown stays connected to the\n   * previous origin.\n   */\n  readonly origin = input<CdkOverlayOrigin | Point | null>(null);\n\n  readonly closeIfOutsideClick = input<boolean>(true);\n\n  readonly closeIfInnerClick = input<boolean>(false);\n\n  readonly withArrow = input<boolean>(false);\n\n  readonly borderOffset = input<number>(-8);\n\n  readonly panelClass = input<string | string[]>([]);\n\n  readonly contactBorder = input<boolean>(true);\n\n  readonly hasBackdrop = input<boolean>(false);\n\n  readonly positions = input<NgDocOverlayPosition | NgDocOverlayPosition[]>([\n    'bottom-center',\n    'top-center',\n    'right-center',\n    'left-center',\n  ]);\n\n  readonly minHeight = input<number | string>('');\n\n  readonly maxHeight = input<number | string>('');\n\n  readonly height = input<number | string>('');\n\n  readonly minWidth = input<number | string>('');\n\n  readonly maxWidth = input<number | string>('');\n\n  readonly width = input<number | string>('');\n\n  /** Emits when the dropdown starts opening. */\n  readonly beforeOpen = output<void>();\n\n  /** Emits when the open animation has finished. */\n  readonly afterOpen = output<void>();\n\n  /** Emits when the dropdown starts closing. */\n  readonly beforeClose = output<void>();\n\n  /** Emits when the dropdown has closed. */\n  readonly afterClose = output<void>();\n\n  overlay: NgDocOverlayRef | null = null;\n\n  // The last origin bound to the input that was not null. It is recorded in ngOnChanges, so that\n  // every change is seen, including changes while the dropdown is closed.\n  private readonly lastOrigin = signal<CdkOverlayOrigin | Point | null>(null);\n\n  // The defaults the other inputs are compared with; declared after `lastOrigin`, which it reads.\n  overlayProperties: NgDocOverlayProperties = this.getOverlayProperties();\n\n  ngOnChanges({ origin }: SimpleChanges): void {\n    if (origin?.currentValue) {\n      this.lastOrigin.set(origin.currentValue);\n    }\n\n    if (origin && origin.currentValue !== origin.previousValue && this.overlay) {\n      const positionStrategy: PositionStrategy | undefined =\n        this.overlay.overlayRef.getConfig().positionStrategy;\n      if (positionStrategy instanceof FlexibleConnectedPositionStrategy && this.currentOrigin) {\n        this.overlay.overlayRef.updatePositionStrategy(\n          positionStrategy.setOrigin(this.currentOrigin),\n        );\n      }\n    }\n    this.updateOverlayPosition();\n  }\n\n  focus(): void {\n    this.overlay?.focus();\n  }\n\n  get isFocused(): boolean {\n    return !!this.overlay?.isFocused;\n  }\n\n  open(): void {\n    // Opening reads the inputs; `untracked` keeps an effect that calls open() from depending on\n    // them.\n    untracked(() => {\n      if (!this.overlay?.hasAttached) {\n        const config: NgDocOverlayConfig = this.getConfig();\n        const overlay: NgDocOverlayRef = this.overlayService.open(this.content(), config);\n\n        this.overlay = overlay;\n        this.beforeOpen.emit();\n        // The animations can finish after the dropdown is destroyed; its outputs must not emit then.\n        overlay\n          .afterOpen()\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => this.afterOpen.emit());\n        overlay\n          .beforeClose()\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => {\n            this.beforeClose.emit();\n            this.close();\n          });\n        overlay\n          .afterClose()\n          .pipe(takeUntilDestroyed(this.destroyRef))\n          .subscribe(() => this.afterClose.emit());\n\n        this.changeDetectorRef.markForCheck();\n      }\n    });\n  }\n\n  close(): void {\n    if (this.isOpened) {\n      this.overlay?.close();\n      this.changeDetectorRef.markForCheck();\n    }\n  }\n\n  toggle(): void {\n    this.isOpened ? this.close() : this.open();\n  }\n\n  get isOpened(): boolean {\n    return this.overlay?.isOpened === true;\n  }\n\n  updateOverlayPosition(): void {\n    if (this.overlay && this.overlay.hasAttached) {\n      this.overlay.overlayRef.updateSize(this.getConfig());\n      this.overlay.overlayRef.updatePosition();\n    }\n  }\n\n  private get currentOrigin(): NgDocOverlayOrigin | null {\n    const origin: CdkOverlayOrigin | Point | null = this.lastOrigin();\n\n    return origin instanceof CdkOverlayOrigin\n      ? (origin.elementRef.nativeElement as HTMLElement)\n      : origin || this.overlayHost?.origin || null;\n  }\n\n  private getPositions(\n    positions: NgDocOverlayPosition | NgDocOverlayPosition[],\n    border: number,\n  ): NgDocOverlayPosition[] {\n    const origin: NgDocOverlayOrigin = toElement(this.currentOrigin) as HTMLElement;\n    if (origin instanceof HTMLElement) {\n      return NgDocOverlayUtils.getConnectedPosition(\n        !!positions && asArray(positions).length\n          ? positions\n          : ['bottom-center', 'top-center', 'right-center', 'left-center'],\n        origin,\n        border * -1,\n        this.withArrow(),\n      );\n    } else {\n      return !!positions && asArray(positions).length\n        ? asArray(positions)\n        : ['bottom-center', 'top-center', 'right-center', 'left-center'];\n    }\n  }\n\n  private getConfig(): NgDocOverlayConfig {\n    const overlayProperties: NgDocOverlayProperties = mergeOverlayConfigs(\n      this.overlayProperties,\n      this.getOverlayProperties(),\n      this.overlayHost ?? undefined,\n    );\n    if (!this.currentOrigin) {\n      throw new Error('Origin for the dropdown was not provided.');\n    }\n    return {\n      overlayContainer: NgDocOverlayContainerComponent,\n      positionStrategy: this.overlayService.connectedPositionStrategy(\n        this.currentOrigin,\n        this.getPositions(overlayProperties.positions || [], overlayProperties.borderOffset || 0),\n      ),\n      scrollStrategy: this.overlayService.scrollStrategy().reposition(),\n      viewContainerRef: this.viewContainerRef,\n      openAnimation: dropdownOpenAnimation,\n      hasBackdrop: this.hasBackdrop(),\n      ...overlayProperties,\n      panelClass: [\n        'ng-doc-dropdown',\n        ...asArray(this.panelClass()),\n        ...asArray(this.overlayHost?.panelClass),\n      ],\n    };\n  }\n\n  private getOverlayProperties(): NgDocOverlayProperties {\n    return {\n      origin: this.currentOrigin || undefined,\n      positions: this.positions(),\n      closeIfOutsideClick: this.closeIfOutsideClick(),\n      closeIfInnerClick: this.closeIfInnerClick(),\n      withPointer: this.withArrow(),\n      contactBorder: this.contactBorder(),\n      borderOffset: this.borderOffset(),\n      panelClass: this.panelClass(),\n      width: this.width(),\n      height: this.height(),\n      minWidth: this.minWidth(),\n      minHeight: this.minHeight(),\n      maxWidth: this.maxWidth(),\n      maxHeight: this.maxHeight(),\n      disposeOnNavigation: true,\n      disposeOnRouteNavigation: true,\n    };\n  }\n\n  ngOnDestroy(): void {\n    if (this.overlay) {\n      this.overlay.overlayRef.dispose();\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,16 +1,23 @@
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { model, input, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 
 /** Component helps to expand or collapse content */
 class NgDocExpanderComponent {
     constructor() {
-        /** Change expand state */
-        this.expanded = false;
-        this.collapseMod = 'remove';
+        /** Whether the content is shown. */
+        this.expanded = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+        /** Expander content */
+        this.content = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
+        /** `remove` removes the collapsed content from the DOM; `hide` keeps it, inert and hidden. */
+        this.collapseMod = input('remove', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapseMod" }] : /* istanbul ignore next */ []));
     }
+    /** Shows or hides the content. */
     toggle() {
-        this.expanded = !this.expanded;
+        untracked(() => this.expanded.update((expanded) => !expanded));
     }
     enter(container, event) {
         container
@@ -34,20 +41,13 @@ class NgDocExpanderComponent {
         })
             .finished.then(() => event.animationComplete());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocExpanderComponent, isStandalone: true, selector: "ng-doc-expander", inputs: { expanded: "expanded", content: "content", collapseMod: "collapseMod" }, ngImport: i0, template: "@if (collapseMod === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded ? null : ''\"\n    [class.expanded]=\"expanded\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded) {\n    <div\n      [attr.inert]=\"expanded ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n", styles: [":host{display:block}:host>div{overflow:hidden}:host .ng-doc-expander-container{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--ng-doc-transition)}:host .ng-doc-expander-container.expanded{grid-template-rows:1fr}:host .ng-doc-expander-container.expanded .ng-doc-expander-content{visibility:visible}:host .ng-doc-expander-container .ng-doc-expander-content{min-height:0;transition:visibility var(--ng-doc-transition);visibility:hidden;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocExpanderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocExpanderComponent, isStandalone: true, selector: "ng-doc-expander", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, collapseMod: { classPropertyName: "collapseMod", publicName: "collapseMod", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, ngImport: i0, template: "@if (collapseMod() === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded() ? null : ''\"\n    [class.expanded]=\"expanded()\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded()) {\n    <div\n      [attr.inert]=\"expanded() ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n", styles: [":host{display:block}:host>div{overflow:hidden}:host .ng-doc-expander-container{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--ng-doc-transition)}:host .ng-doc-expander-container.expanded{grid-template-rows:1fr}:host .ng-doc-expander-container.expanded .ng-doc-expander-content{visibility:visible}:host .ng-doc-expander-container .ng-doc-expander-content{min-height:0;transition:visibility var(--ng-doc-transition);visibility:hidden;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocExpanderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocExpanderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PolymorpheusOutlet], template: "@if (collapseMod === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded ? null : ''\"\n    [class.expanded]=\"expanded\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded) {\n    <div\n      [attr.inert]=\"expanded ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n", styles: [":host{display:block}:host>div{overflow:hidden}:host .ng-doc-expander-container{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--ng-doc-transition)}:host .ng-doc-expander-container.expanded{grid-template-rows:1fr}:host .ng-doc-expander-container.expanded .ng-doc-expander-content{visibility:visible}:host .ng-doc-expander-container .ng-doc-expander-content{min-height:0;transition:visibility var(--ng-doc-transition);visibility:hidden;overflow:hidden}\n"] }]
-        }], propDecorators: { expanded: [{
-                type: Input
-            }], content: [{
-                type: Input,
-                args: [{ required: true }]
-            }], collapseMod: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'ng-doc-expander', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PolymorpheusOutlet], template: "@if (collapseMod() === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded() ? null : ''\"\n    [class.expanded]=\"expanded()\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded()) {\n    <div\n      [attr.inert]=\"expanded() ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n", styles: [":host{display:block}:host>div{overflow:hidden}:host .ng-doc-expander-container{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--ng-doc-transition)}:host .ng-doc-expander-container.expanded{grid-template-rows:1fr}:host .ng-doc-expander-container.expanded .ng-doc-expander-content{visibility:visible}:host .ng-doc-expander-container .ng-doc-expander-content{min-height:0;transition:visibility var(--ng-doc-transition);visibility:hidden;overflow:hidden}\n"] }]
+        }], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: true }] }], collapseMod: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseMod", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { AnimationCallbackEvent, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n  selector: 'ng-doc-expander',\n  templateUrl: './expander.component.html',\n  styleUrls: ['./expander.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [PolymorpheusOutlet],\n})\nexport class NgDocExpanderComponent {\n  /** Change expand state */\n  @Input()\n  expanded: boolean = false;\n\n  /** Expander content */\n  @Input({ required: true })\n  content!: NgDocContent;\n\n  @Input()\n  collapseMod: 'remove' | 'hide' = 'remove';\n\n  toggle(): void {\n    this.expanded = !this.expanded;\n  }\n\n  protected enter(container: HTMLElement, event: AnimationCallbackEvent): void {\n    container\n      .animate(\n        [\n          { opacity: '0', height: '0px' },\n          { opacity: '1', height: container.scrollHeight + 'px' },\n        ],\n        {\n          duration: 225,\n          easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n        },\n      )\n      .finished.then(() => event.animationComplete());\n  }\n\n  protected leave(container: HTMLElement, event: AnimationCallbackEvent): void {\n    container\n      .animate(\n        [\n          { opacity: '1', height: container.scrollHeight + 'px' },\n          { opacity: '0', height: '0px' },\n        ],\n        {\n          duration: 225,\n          easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n        },\n      )\n      .finished.then(() => event.animationComplete());\n  }\n}\n","@if (collapseMod === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded ? null : ''\"\n    [class.expanded]=\"expanded\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded) {\n    <div\n      [attr.inert]=\"expanded ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;MAQa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;;QAUE,IAAA,CAAA,QAAQ,GAAY,KAAK;QAOzB,IAAA,CAAA,WAAW,GAAsB,QAAQ;AAmC1C,IAAA;IAjCC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;IAChC;IAEU,KAAK,CAAC,SAAsB,EAAE,KAA6B,EAAA;QACnE;AACG,aAAA,OAAO,CACN;AACE,YAAA,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;YAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,EAAE;SACxD,EACD;AACE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,6BAA6B;SACtC;aAEF,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACnD;IAEU,KAAK,CAAC,SAAsB,EAAE,KAA6B,EAAA;QACnE;AACG,aAAA,OAAO,CACN;YACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,EAAE;AACvD,YAAA,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;SAChC,EACD;AACE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,6BAA6B;SACtC;aAEF,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACnD;8GA5CW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZnC,qpBAsBA,EAAA,MAAA,EAAA,CAAA,6eAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZY,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEjB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,qpBAAA,EAAA,MAAA,EAAA,CAAA,6eAAA,CAAA,EAAA;;sBAI5B;;sBAIA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAGxB;;;AErBH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import {\n  AnimationCallbackEvent,\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  model,\n  untracked,\n} from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n  selector: 'ng-doc-expander',\n  templateUrl: './expander.component.html',\n  styleUrls: ['./expander.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [PolymorpheusOutlet],\n})\nexport class NgDocExpanderComponent {\n  /** Whether the content is shown. */\n  readonly expanded = model<boolean>(false);\n\n  /** Expander content */\n  readonly content = input.required<NgDocContent>();\n\n  /** `remove` removes the collapsed content from the DOM; `hide` keeps it, inert and hidden. */\n  readonly collapseMod = input<'remove' | 'hide'>('remove');\n\n  /** Shows or hides the content. */\n  toggle(): void {\n    untracked(() => this.expanded.update((expanded: boolean) => !expanded));\n  }\n\n  protected enter(container: HTMLElement, event: AnimationCallbackEvent): void {\n    container\n      .animate(\n        [\n          { opacity: '0', height: '0px' },\n          { opacity: '1', height: container.scrollHeight + 'px' },\n        ],\n        {\n          duration: 225,\n          easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n        },\n      )\n      .finished.then(() => event.animationComplete());\n  }\n\n  protected leave(container: HTMLElement, event: AnimationCallbackEvent): void {\n    container\n      .animate(\n        [\n          { opacity: '1', height: container.scrollHeight + 'px' },\n          { opacity: '0', height: '0px' },\n        ],\n        {\n          duration: 225,\n          easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n        },\n      )\n      .finished.then(() => event.animationComplete());\n  }\n}\n","@if (collapseMod() === 'hide') {\n  <div\n    class=\"ng-doc-expander-container\"\n    [attr.inert]=\"expanded() ? null : ''\"\n    [class.expanded]=\"expanded()\">\n    <div class=\"ng-doc-expander-content\">\n      <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n    </div>\n  </div>\n} @else {\n  @if (expanded()) {\n    <div\n      [attr.inert]=\"expanded() ? null : ''\"\n      (animate.enter)=\"enter(container, $event)\"\n      (animate.leave)=\"leave(container, $event)\"\n      #container>\n      <div>\n        <ng-container *polymorpheusOutlet=\"content() as text\">{{ text }}</ng-container>\n      </div>\n    </div>\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

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