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

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

@@ -1,10 +1,11 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { TemplateRef, ContentChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, contentChild, TemplateRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';
 import { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';
 import { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';
 import { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';
+import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';
 import { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';
 import { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';
 import { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';
@@ -12,29 +13,44 @@ import { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-strin
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 import { DIControl, provideHostControl } from 'di-controls';
 
+/**
+ * A select with an optional text field. Its options are an `ng-doc-list` in a template marked
+ * with the `ngDocData` directive.
+ */
 class NgDocComboboxComponent extends DIControl {
     constructor() {
         super();
-        this.readonly = false;
-        this.placeholder = 'Chose the value';
-        this.clearButton = true;
-        this.rightContent = '';
-        this.valueContent = '';
-        this.data = null;
+        /** Whether the text field is read-only: the value is picked from the list only. */
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        /** Placeholder of the text field. */
+        this.placeholder = input('Chose the value', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+        /** Whether the clear button is shown. */
+        this.clearButton = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "clearButton" }] : /* istanbul ignore next */ []));
+        /** Content shown at the right of the field. */
+        this.rightContent = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rightContent" }] : /* istanbul ignore next */ []));
+        /** Content that shows the value while the field is not being edited. */
+        this.valueContent = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "valueContent" }] : /* istanbul ignore next */ []));
+        /** The template of the options, marked with the `ngDocData` directive. */
+        this.data = contentChild(NgDocDataDirective, { ...(ngDevMode ? { debugName: "data" } : /* istanbul ignore next */ {}), read: TemplateRef });
     }
     get listHostOrigin() {
         return this.elementRef.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocComboboxComponent, isStandalone: true, selector: "ng-doc-combobox", inputs: { readonly: "readonly", placeholder: "placeholder", clearButton: "clearButton", rightContent: "rightContent", valueContent: "valueContent" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocComboboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocComboboxComponent, isStandalone: true, selector: "ng-doc-combobox", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, clearButton: { classPropertyName: "clearButton", publicName: "clearButton", isSignal: true, isRequired: false, transformFunction: null }, rightContent: { classPropertyName: "rightContent", publicName: "rightContent", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             provideHostControl(NgDocComboboxComponent),
             {
                 provide: NgDocListHost,
                 useExisting: NgDocComboboxComponent,
             },
-        ], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n      @if (clearButton) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: ["compareFn", "displayValueFn"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocClearControlComponent, selector: "ng-doc-clear-control" }, { kind: "component", type: NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "data", first: true, predicate: NgDocDataDirective, descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent() : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly()\" [placeholder]=\"placeholder()\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent()\"></ng-container>\n      @if (clearButton()) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n      @if (readonly()) {\n        <ng-doc-icon\n          class=\"ng-doc-combobox-chevron\"\n          icon=\"chevron-right\"\n          aria-hidden=\"true\"></ng-doc-icon>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data() ?? null\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}.ng-doc-combobox-chevron{flex:none;width:24px;transform:rotate(90deg);--ng-doc-icon-color: var(--ng-doc-text-muted)}\n"], dependencies: [{ kind: "component", type: NgDocComboboxHostComponent, selector: "ng-doc-combobox-host", inputs: ["compareFn", "displayValueFn"] }, { kind: "component", type: NgDocInputWrapperComponent, selector: "ng-doc-input-wrapper", inputs: ["blurContent", "blurContext", "align"] }, { kind: "directive", type: NgDocFocusCatcherDirective, selector: "[ngDocFocusCatcher]", outputs: ["focusEvent", "blurEvent"], exportAs: ["ngDocFocusCatcher"] }, { kind: "directive", type: NgDocInputStringDirective, selector: "input[ngDocInputString]" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocClearControlComponent, selector: "ng-doc-clear-control" }, { kind: "component", type: NgDocDropdownComponent, selector: "ng-doc-dropdown", inputs: ["content", "origin", "closeIfOutsideClick", "closeIfInnerClick", "withArrow", "borderOffset", "panelClass", "contactBorder", "hasBackdrop", "positions", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocComboboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-combobox', providers: [
                         provideHostControl(NgDocComboboxComponent),
@@ -50,22 +66,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         PolymorpheusOutlet,
                         NgDocClearControlComponent,
                         NgDocDropdownComponent,
+                        NgDocIconComponent,
                         NgTemplateOutlet,
-                    ], template: "<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n      @if (clearButton) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { readonly: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], clearButton: [{
-                type: Input
-            }], rightContent: [{
-                type: Input
-            }], valueContent: [{
-                type: Input
-            }], data: [{
-                type: ContentChild,
-                args: [NgDocDataDirective, { read: TemplateRef }]
-            }] } });
+                    ], template: "<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent() : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly()\" [placeholder]=\"placeholder()\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent()\"></ng-container>\n      @if (clearButton()) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n      @if (readonly()) {\n        <ng-doc-icon\n          class=\"ng-doc-combobox-chevron\"\n          icon=\"chevron-right\"\n          aria-hidden=\"true\"></ng-doc-icon>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data() ?? null\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n", styles: [":host{display:block;width:100%}.ng-doc-combobox-chevron{flex:none;width:24px;transform:rotate(90deg);--ng-doc-icon-color: var(--ng-doc-text-muted)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], clearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearButton", required: false }] }], rightContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "rightContent", required: false }] }], valueContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueContent", required: false }] }], data: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgDocDataDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  Input,\n  TemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n@Component({\n  selector: 'ng-doc-combobox',\n  templateUrl: './combobox.component.html',\n  styleUrls: ['./combobox.component.scss'],\n  providers: [\n    provideHostControl(NgDocComboboxComponent),\n    {\n      provide: NgDocListHost,\n      useExisting: NgDocComboboxComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocComboboxHostComponent,\n    NgDocInputWrapperComponent,\n    NgDocFocusCatcherDirective,\n    NgDocInputStringDirective,\n    PolymorpheusOutlet,\n    NgDocClearControlComponent,\n    NgDocDropdownComponent,\n    NgTemplateOutlet,\n  ],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n  @Input()\n  readonly: boolean = false;\n\n  @Input()\n  placeholder: string = 'Chose the value';\n\n  @Input()\n  clearButton: boolean = true;\n\n  @Input()\n  rightContent: NgDocContent = '';\n\n  @Input()\n  valueContent: NgDocContent<NgDocContextWithImplicit<T | null>> = '';\n\n  @ContentChild(NgDocDataDirective, { read: TemplateRef })\n  data: TemplateRef<never> | null = null;\n\n  constructor() {\n    super();\n  }\n\n  get listHostOrigin(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n}\n","<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly\" [placeholder]=\"placeholder\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent\"></ng-container>\n      @if (clearButton) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-combobox.mjs","sources":["../../../../libs/ui-kit/components/combobox/combobox.component.ts","../../../../libs/ui-kit/components/combobox/combobox.component.html","../../../../libs/ui-kit/components/combobox/ng-doc-ui-kit-components-combobox.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  input,\n  TemplateRef,\n} from '@angular/core';\nimport { NgDocComboboxHostComponent } from '@ng-doc/ui-kit/cdk/combobox-host';\nimport { NgDocListHost } from '@ng-doc/ui-kit/classes/list-host';\nimport { NgDocClearControlComponent } from '@ng-doc/ui-kit/components/clear-control';\nimport { NgDocDropdownComponent } from '@ng-doc/ui-kit/components/dropdown';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrapper';\nimport { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';\nimport { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';\nimport { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\nimport { DIControl, provideHostControl } from 'di-controls';\n\n/**\n * A select with an optional text field. Its options are an `ng-doc-list` in a template marked\n * with the `ngDocData` directive.\n */\n@Component({\n  selector: 'ng-doc-combobox',\n  templateUrl: './combobox.component.html',\n  styleUrls: ['./combobox.component.scss'],\n  providers: [\n    provideHostControl(NgDocComboboxComponent),\n    {\n      provide: NgDocListHost,\n      useExisting: NgDocComboboxComponent,\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocComboboxHostComponent,\n    NgDocInputWrapperComponent,\n    NgDocFocusCatcherDirective,\n    NgDocInputStringDirective,\n    PolymorpheusOutlet,\n    NgDocClearControlComponent,\n    NgDocDropdownComponent,\n    NgDocIconComponent,\n    NgTemplateOutlet,\n  ],\n})\nexport class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {\n  /** Whether the text field is read-only: the value is picked from the list only. */\n  readonly readonly = input<boolean>(false);\n\n  /** Placeholder of the text field. */\n  readonly placeholder = input<string>('Chose the value');\n\n  /** Whether the clear button is shown. */\n  readonly clearButton = input<boolean>(true);\n\n  /** Content shown at the right of the field. */\n  readonly rightContent = input<NgDocContent>('');\n\n  /** Content that shows the value while the field is not being edited. */\n  readonly valueContent = input<NgDocContent<NgDocContextWithImplicit<T | null>>>('');\n\n  /** The template of the options, marked with the `ngDocData` directive. */\n  readonly data = contentChild(NgDocDataDirective, { read: TemplateRef });\n\n  constructor() {\n    super();\n  }\n\n  get listHostOrigin(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n}\n","<ng-doc-combobox-host>\n  <ng-doc-input-wrapper\n    ngDocFocusCatcher\n    [blurContent]=\"hasValue ? valueContent() : ''\"\n    [blurContext]=\"model()\">\n    <input ngDocInputString [readonly]=\"readonly()\" [placeholder]=\"placeholder()\" />\n    <ng-container ngDocInputWrapperRight>\n      <ng-container *polymorpheusOutlet=\"rightContent()\"></ng-container>\n      @if (clearButton()) {\n        <ng-doc-clear-control></ng-doc-clear-control>\n      }\n      @if (readonly()) {\n        <ng-doc-icon\n          class=\"ng-doc-combobox-chevron\"\n          icon=\"chevron-right\"\n          aria-hidden=\"true\"></ng-doc-icon>\n      }\n    </ng-container>\n    <ng-doc-dropdown [content]=\"dropdownContent\" [closeIfInnerClick]=\"true\">\n      <ng-template #dropdownContent>\n        <ng-container *ngTemplateOutlet=\"data() ?? null\"></ng-container>\n      </ng-template>\n    </ng-doc-dropdown>\n  </ng-doc-input-wrapper>\n</ng-doc-combobox-host>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,49 +1,52 @@
-import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocDataListComponent } from '@ng-doc/ui-kit/components/data-list';
 import { NgDocListComponent } from '@ng-doc/ui-kit/components/list';
 import { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';
 import { NgDocOptionGroupComponent, NgDocOptionGroupHeaderDirective } from '@ng-doc/ui-kit/components/option-group';
 import { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';
 import { NG_DOC_DEFAULT_STRINGIFY } from '@ng-doc/ui-kit/constants';
-import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 
+/**
+ * Data list whose options are grouped by `itemGroupFn`, with a header per group.
+ */
 class NgDocDataListGroupComponent extends NgDocDataListComponent {
     constructor() {
         super(...arguments);
-        this.groupContent = ({ $implicit, }) => NG_DOC_DEFAULT_STRINGIFY($implicit);
-        this.groups = new Map();
-        this.groupItems = [];
-    }
-    getGroupContext($implicit) {
-        return { $implicit };
-    }
-    ngOnChanges({ items, itemGroupFn }) {
-        if (items || itemGroupFn) {
-            this.groups = new Map();
-            this.items?.forEach((item) => {
-                if (this.itemGroupFn) {
-                    const itemGroup = this.itemGroupFn(item);
-                    const itemsList = this.groups.get(itemGroup) || [];
-                    itemsList.push(item);
-                    this.groups.set(this.itemGroupFn(item), itemsList);
-                }
-            });
-            this.groupItems = Array.from(this.groups.keys());
-        }
+        /** Returns the group of an item. Without it, no option is shown. */
+        this.itemGroupFn = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "itemGroupFn" }] : /* istanbul ignore next */ []));
+        /** Content of a group header; its context is the group. */
+        this.groupContent = input(({ $implicit }) => NG_DOC_DEFAULT_STRINGIFY($implicit), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupContent" }] : /* istanbul ignore next */ []));
+        /** Items by group, in the order in which the groups first appear. */
+        this.groups = computed(() => {
+            const itemGroupFn = this.itemGroupFn();
+            const groups = new Map();
+            if (itemGroupFn) {
+                this.items()?.forEach((item) => {
+                    const itemGroup = itemGroupFn(item);
+                    const groupItems = groups.get(itemGroup);
+                    if (groupItems) {
+                        groupItems.push(item);
+                    }
+                    else {
+                        groups.set(itemGroup, [item]);
+                    }
+                });
+            }
+            return groups;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
+        /** The groups, in the order in which they first appear. */
+        this.groupItems = computed(() => Array.from(this.groups().keys()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groupItems" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDataListGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocDataListGroupComponent, isStandalone: true, selector: "ng-doc-data-list-group", inputs: { itemGroupFn: "itemGroupFn", groupContent: "groupContent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-doc-list>\n  @if (items && items.length) {\n    @for (group of groupItems; track group) {\n      <ng-doc-option-group>\n        <span\n          *polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups.get(group); track trackByFn($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "component", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDataListGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocDataListGroupComponent, isStandalone: true, selector: "ng-doc-data-list-group", inputs: { itemGroupFn: { classPropertyName: "itemGroupFn", publicName: "itemGroupFn", isSignal: true, isRequired: false, transformFunction: null }, groupContent: { classPropertyName: "groupContent", publicName: "groupContent", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<ng-doc-list>\n  @if (items()?.length) {\n    @for (group of groupItems(); track group) {\n      <ng-doc-option-group>\n        <!-- The context literals are memoized per group and item, like a pure pipe. -->\n        <span\n          *polymorpheusOutlet=\"groupContent() as groupText; context: { $implicit: group }\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups().get(group); track trackByFn()($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "component", type: NgDocOptionGroupComponent, selector: "ng-doc-option-group" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: NgDocOptionGroupHeaderDirective, selector: "[ngDocOptionGroupHeader]" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    ngDocMakePure,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", Object)
-], NgDocDataListGroupComponent.prototype, "getGroupContext", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDataListGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDataListGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-data-list-group', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocListComponent,
@@ -52,12 +55,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         NgDocOptionGroupHeaderDirective,
                         NgDocOptionComponent,
                         NgDocTextComponent,
-                    ], template: "<ng-doc-list>\n  @if (items && items.length) {\n    @for (group of groupItems; track group) {\n      <ng-doc-option-group>\n        <span\n          *polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups.get(group); track trackByFn($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"] }]
-        }], propDecorators: { itemGroupFn: [{
-                type: Input
-            }], groupContent: [{
-                type: Input
-            }], getGroupContext: [] } });
+                    ], template: "<ng-doc-list>\n  @if (items()?.length) {\n    @for (group of groupItems(); track group) {\n      <ng-doc-option-group>\n        <!-- The context literals are memoized per group and item, like a pure pipe. -->\n        <span\n          *polymorpheusOutlet=\"groupContent() as groupText; context: { $implicit: group }\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups().get(group); track trackByFn()($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;max-height:var(--ng-doc-list-size)}ng-doc-option-group:not(:last-child){margin-bottom:calc(var(--ng-doc-base-gutter) * 2)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 13px;--ng-doc-line-height: 22px}\n"] }]
+        }], propDecorators: { itemGroupFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemGroupFn", required: false }] }], groupContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupContent", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-data-list-group.mjs","sources":["../../../../libs/ui-kit/components/data-list-group/data-list-group.component.ts","../../../../libs/ui-kit/components/data-list-group/data-list-group.component.html","../../../../libs/ui-kit/components/data-list-group/ng-doc-ui-kit-components-data-list-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\nimport { NgDocDataListComponent } from '@ng-doc/ui-kit/components/data-list';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport {\n  NgDocOptionGroupComponent,\n  NgDocOptionGroupHeaderDirective,\n} from '@ng-doc/ui-kit/components/option-group';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { NG_DOC_DEFAULT_STRINGIFY } from '@ng-doc/ui-kit/constants';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocGroupFn } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n@Component({\n  selector: 'ng-doc-data-list-group',\n  templateUrl: './data-list-group.component.html',\n  styleUrls: ['./data-list-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocListComponent,\n    NgDocOptionGroupComponent,\n    PolymorpheusOutlet,\n    NgDocOptionGroupHeaderDirective,\n    NgDocOptionComponent,\n    NgDocTextComponent,\n  ],\n})\nexport class NgDocDataListGroupComponent<T, G>\n  extends NgDocDataListComponent<T>\n  implements OnChanges\n{\n  @Input()\n  itemGroupFn?: NgDocGroupFn<T, G>;\n\n  @Input()\n  groupContent: NgDocContent<NgDocContextWithImplicit<G>> = ({\n    $implicit,\n  }: NgDocContextWithImplicit<G>) => NG_DOC_DEFAULT_STRINGIFY($implicit);\n\n  groups: Map<G, T[]> = new Map();\n\n  groupItems: G[] = [];\n\n  @ngDocMakePure\n  getGroupContext($implicit: G): NgDocContextWithImplicit<G> {\n    return { $implicit };\n  }\n\n  ngOnChanges({ items, itemGroupFn }: SimpleChanges): void {\n    if (items || itemGroupFn) {\n      this.groups = new Map<G, T[]>();\n\n      this.items?.forEach((item: T) => {\n        if (this.itemGroupFn) {\n          const itemGroup: G = this.itemGroupFn(item);\n          const itemsList: T[] = this.groups.get(itemGroup) || [];\n          itemsList.push(item);\n\n          this.groups.set(this.itemGroupFn(item), itemsList);\n        }\n      });\n\n      this.groupItems = Array.from(this.groups.keys());\n    }\n  }\n}\n","<ng-doc-list>\n  @if (items && items.length) {\n    @for (group of groupItems; track group) {\n      <ng-doc-option-group>\n        <span\n          *polymorpheusOutlet=\"groupContent as groupText; context: getGroupContext(group)\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups.get(group); track trackByFn($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-data-list-group.mjs","sources":["../../../../libs/ui-kit/components/data-list-group/data-list-group.component.ts","../../../../libs/ui-kit/components/data-list-group/data-list-group.component.html","../../../../libs/ui-kit/components/data-list-group/ng-doc-ui-kit-components-data-list-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, Signal } from '@angular/core';\nimport { NgDocDataListComponent } from '@ng-doc/ui-kit/components/data-list';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport {\n  NgDocOptionGroupComponent,\n  NgDocOptionGroupHeaderDirective,\n} from '@ng-doc/ui-kit/components/option-group';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport { NG_DOC_DEFAULT_STRINGIFY } from '@ng-doc/ui-kit/constants';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocContent, NgDocGroupFn } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/**\n * Data list whose options are grouped by `itemGroupFn`, with a header per group.\n */\n@Component({\n  selector: 'ng-doc-data-list-group',\n  templateUrl: './data-list-group.component.html',\n  styleUrls: ['./data-list-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocListComponent,\n    NgDocOptionGroupComponent,\n    PolymorpheusOutlet,\n    NgDocOptionGroupHeaderDirective,\n    NgDocOptionComponent,\n    NgDocTextComponent,\n  ],\n})\nexport class NgDocDataListGroupComponent<T, G> extends NgDocDataListComponent<T> {\n  /** Returns the group of an item. Without it, no option is shown. */\n  readonly itemGroupFn = input<NgDocGroupFn<T, G>>();\n\n  /** Content of a group header; its context is the group. */\n  readonly groupContent = input<NgDocContent<NgDocContextWithImplicit<G>>>(\n    ({ $implicit }: NgDocContextWithImplicit<G>) => NG_DOC_DEFAULT_STRINGIFY($implicit),\n  );\n\n  /** Items by group, in the order in which the groups first appear. */\n  readonly groups: Signal<Map<G, T[]>> = computed(() => {\n    const itemGroupFn: NgDocGroupFn<T, G> | undefined = this.itemGroupFn();\n    const groups: Map<G, T[]> = new Map<G, T[]>();\n\n    if (itemGroupFn) {\n      this.items()?.forEach((item: T) => {\n        const itemGroup: G = itemGroupFn(item);\n        const groupItems: T[] | undefined = groups.get(itemGroup);\n\n        if (groupItems) {\n          groupItems.push(item);\n        } else {\n          groups.set(itemGroup, [item]);\n        }\n      });\n    }\n\n    return groups;\n  });\n\n  /** The groups, in the order in which they first appear. */\n  readonly groupItems: Signal<G[]> = computed(() => Array.from(this.groups().keys()));\n}\n","<ng-doc-list>\n  @if (items()?.length) {\n    @for (group of groupItems(); track group) {\n      <ng-doc-option-group>\n        <!-- The context literals are memoized per group and item, like a pure pipe. -->\n        <span\n          *polymorpheusOutlet=\"groupContent() as groupText; context: { $implicit: group }\"\n          ngDocOptionGroupHeader>\n          {{ groupText }}\n        </span>\n        @for (item of groups().get(group); track trackByFn()($index, item)) {\n          <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n            <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n              {{ text }}\n            </ng-container>\n          </ng-doc-option>\n        }\n      </ng-doc-option-group>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\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-data-list.mjs

@@ -1,57 +1,50 @@
-import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { asArray } from '@ng-doc/core/helpers/as-array';
 import { NgDocListComponent } from '@ng-doc/ui-kit/components/list';
 import { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';
 import { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';
 import { NG_DOC_DEFAULT_STRINGIFY, NG_DOC_ALWAYS_FALSE_HANDLER, NG_DOC_DEFAULT_HANDLER } from '@ng-doc/ui-kit/constants';
-import { ngDocMakePure } from '@ng-doc/ui-kit/decorators';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 
+/**
+ * Keyboard-navigable list of options built from `items`.
+ */
 class NgDocDataListComponent {
     constructor() {
-        this.autofocus = true;
-        this.items = [];
-        this.itemContent = ({ $implicit, }) => NG_DOC_DEFAULT_STRINGIFY($implicit);
-        this.emptyContent = '';
-        this.itemDisabledFn = NG_DOC_ALWAYS_FALSE_HANDLER;
-        this.defineValueFn = NG_DOC_DEFAULT_HANDLER;
-        this.trackByFn = (_index, item) => item;
-    }
-    getContext($implicit) {
-        return { $implicit };
+        /** Whether the list takes focus when it opens. */
+        this.autofocus = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "autofocus" }] : /* istanbul ignore next */ []));
+        /** Items to show. */
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        /** Content of an option; its context is the item. */
+        this.itemContent = input(({ $implicit }) => NG_DOC_DEFAULT_STRINGIFY($implicit), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemContent" }] : /* istanbul ignore next */ []));
+        /** Content shown when there are no items. */
+        this.emptyContent = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "emptyContent" }] : /* istanbul ignore next */ []));
+        /** Returns `true` for items whose option is disabled. */
+        this.itemDisabledFn = input(NG_DOC_ALWAYS_FALSE_HANDLER, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "itemDisabledFn" }] : /* istanbul ignore next */ []));
+        /** Maps an item to the value its option selects. */
+        this.defineValueFn = input(NG_DOC_DEFAULT_HANDLER, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "defineValueFn" }] : /* istanbul ignore next */ []));
+        /** Identifies items across changes of `items`. */
+        this.trackByFn = input((_index, item) => item, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "trackByFn" }] : /* istanbul ignore next */ []));
     }
+    /** Returns the items as an array. */
     getItems() {
-        return asArray(this.items);
+        return asArray(this.items());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgDocDataListComponent, isStandalone: true, selector: "ng-doc-data-list", inputs: { autofocus: "autofocus", items: "items", itemContent: "itemContent", emptyContent: "emptyContent", itemDisabledFn: "itemDisabledFn", defineValueFn: "defineValueFn", trackByFn: "trackByFn" }, ngImport: i0, template: "<ng-doc-list>\n  @if (items && items.length) {\n    @for (item of items; track trackByFn($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocDataListComponent, isStandalone: true, selector: "ng-doc-data-list", inputs: { autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, itemContent: { classPropertyName: "itemContent", publicName: "itemContent", isSignal: true, isRequired: false, transformFunction: null }, emptyContent: { classPropertyName: "emptyContent", publicName: "emptyContent", isSignal: true, isRequired: false, transformFunction: null }, itemDisabledFn: { classPropertyName: "itemDisabledFn", publicName: "itemDisabledFn", isSignal: true, isRequired: false, transformFunction: null }, defineValueFn: { classPropertyName: "defineValueFn", publicName: "defineValueFn", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-doc-list>\n  @if (items()?.length) {\n    @for (item of items(); track trackByFn()($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n        <!-- The context literal is memoized per item, like a pure pipe. -->\n        <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    ngDocMakePure,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", Object)
-], NgDocDataListComponent.prototype, "getContext", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocDataListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocDataListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-data-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocListComponent, NgDocOptionComponent, PolymorpheusOutlet, NgDocTextComponent], template: "<ng-doc-list>\n  @if (items && items.length) {\n    @for (item of items; track trackByFn($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"] }]
-        }], propDecorators: { autofocus: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], itemContent: [{
-                type: Input
-            }], emptyContent: [{
-                type: Input
-            }], itemDisabledFn: [{
-                type: Input
-            }], defineValueFn: [{
-                type: Input
-            }], trackByFn: [{
-                type: Input
-            }], getContext: [] } });
+            args: [{ selector: 'ng-doc-data-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocListComponent, NgDocOptionComponent, PolymorpheusOutlet, NgDocTextComponent], template: "<ng-doc-list>\n  @if (items()?.length) {\n    @for (item of items(); track trackByFn()($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n        <!-- The context literal is memoized per item, like a pure pipe. -->\n        <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n", styles: [":host{display:block;height:100%;overflow:auto;max-height:var(--ng-doc-list-size)}.ng-doc-empty-message{padding:var(--ng-doc-base-gutter) calc(var(--ng-doc-base-gutter) * 2);--ng-doc-font-size: 14px;--ng-doc-line-height: 22px}ng-doc-checkbox{pointer-events:none}\n"] }]
+        }], propDecorators: { autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], itemContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemContent", required: false }] }], emptyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyContent", required: false }] }], itemDisabledFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemDisabledFn", required: false }] }], defineValueFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "defineValueFn", required: false }] }], trackByFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackByFn", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-data-list.mjs","sources":["../../../../libs/ui-kit/components/data-list/data-list.component.ts","../../../../libs/ui-kit/components/data-list/data-list.component.html","../../../../libs/ui-kit/components/data-list/ng-doc-ui-kit-components-data-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, TrackByFunction } from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport {\n  NG_DOC_ALWAYS_FALSE_HANDLER,\n  NG_DOC_DEFAULT_HANDLER,\n  NG_DOC_DEFAULT_STRINGIFY,\n} from '@ng-doc/ui-kit/constants';\nimport { ngDocMakePure } from '@ng-doc/ui-kit/decorators';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocBooleanHandler, NgDocContent, NgDocDefineValueFunction } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n@Component({\n  selector: 'ng-doc-data-list',\n  templateUrl: './data-list.component.html',\n  styleUrls: ['./data-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocListComponent, NgDocOptionComponent, PolymorpheusOutlet, NgDocTextComponent],\n})\nexport class NgDocDataListComponent<T> {\n  @Input()\n  autofocus: boolean = true;\n\n  @Input()\n  items: readonly T[] | null = [];\n\n  @Input()\n  itemContent: NgDocContent<NgDocContextWithImplicit<T>> = ({\n    $implicit,\n  }: NgDocContextWithImplicit<T>) => NG_DOC_DEFAULT_STRINGIFY($implicit);\n\n  @Input()\n  emptyContent: NgDocContent = '';\n\n  @Input()\n  itemDisabledFn: NgDocBooleanHandler<T> = NG_DOC_ALWAYS_FALSE_HANDLER;\n\n  @Input()\n  defineValueFn: NgDocDefineValueFunction<unknown, unknown> = NG_DOC_DEFAULT_HANDLER;\n\n  @Input()\n  trackByFn: TrackByFunction<T> = (_index: number, item: T) => item;\n\n  @ngDocMakePure\n  getContext($implicit: T): NgDocContextWithImplicit<T> {\n    return { $implicit };\n  }\n\n  getItems(): T[] {\n    return asArray(this.items);\n  }\n}\n","<ng-doc-list>\n  @if (items && items.length) {\n    @for (item of items; track trackByFn($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn(item)\" [disabled]=\"itemDisabledFn(item)\">\n        <ng-container *polymorpheusOutlet=\"itemContent as text; context: getContext(item)\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent) {\n        <ng-container *polymorpheusOutlet=\"emptyContent as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAsBa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASE,IAAA,CAAA,SAAS,GAAY,IAAI;QAGzB,IAAA,CAAA,KAAK,GAAwB,EAAE;AAG/B,QAAA,IAAA,CAAA,WAAW,GAA8C,CAAC,EACxD,SAAS,GACmB,KAAK,wBAAwB,CAAC,SAAS,CAAC;QAGtE,IAAA,CAAA,YAAY,GAAiB,EAAE;QAG/B,IAAA,CAAA,cAAc,GAA2B,2BAA2B;QAGpE,IAAA,CAAA,aAAa,GAA+C,sBAAsB;QAGlF,IAAA,CAAA,SAAS,GAAuB,CAAC,MAAc,EAAE,IAAO,KAAK,IAAI;AAUlE,IAAA;AAPC,IAAA,UAAU,CAAC,SAAY,EAAA;QACrB,OAAO,EAAE,SAAS,EAAE;IACtB;IAEA,QAAQ,GAAA;AACN,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAC5B;8GA/BW,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,kBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBnC,8lBAiBA,EAAA,MAAA,EAAA,CAAA,yQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGY,kBAAkB,wDAAE,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,OAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;AA2B1F,UAAA,CAAA;IADC,aAAa;;;;AAGb,CAAA,EAAA,sBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,IAAA,CAAA;2FA3BU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,EAAA,QAAA,EAAA,8lBAAA,EAAA,MAAA,EAAA,CAAA,yQAAA,CAAA,EAAA;;sBAG1F;;sBAGA;;sBAGA;;sBAKA;;sBAGA;;sBAGA;;sBAGA;;;AE3CH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-data-list.mjs","sources":["../../../../libs/ui-kit/components/data-list/data-list.component.ts","../../../../libs/ui-kit/components/data-list/data-list.component.html","../../../../libs/ui-kit/components/data-list/ng-doc-ui-kit-components-data-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, TrackByFunction } from '@angular/core';\nimport { asArray } from '@ng-doc/core/helpers/as-array';\nimport { NgDocListComponent } from '@ng-doc/ui-kit/components/list';\nimport { NgDocOptionComponent } from '@ng-doc/ui-kit/components/option';\nimport { NgDocTextComponent } from '@ng-doc/ui-kit/components/text';\nimport {\n  NG_DOC_ALWAYS_FALSE_HANDLER,\n  NG_DOC_DEFAULT_HANDLER,\n  NG_DOC_DEFAULT_STRINGIFY,\n} from '@ng-doc/ui-kit/constants';\nimport { NgDocContextWithImplicit } from '@ng-doc/ui-kit/interfaces';\nimport { NgDocBooleanHandler, NgDocContent, NgDocDefineValueFunction } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/**\n * Keyboard-navigable list of options built from `items`.\n */\n@Component({\n  selector: 'ng-doc-data-list',\n  templateUrl: './data-list.component.html',\n  styleUrls: ['./data-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocListComponent, NgDocOptionComponent, PolymorpheusOutlet, NgDocTextComponent],\n})\nexport class NgDocDataListComponent<T> {\n  /** Whether the list takes focus when it opens. */\n  readonly autofocus = input<boolean>(true);\n\n  /** Items to show. */\n  readonly items = input<readonly T[] | null>([]);\n\n  /** Content of an option; its context is the item. */\n  readonly itemContent = input<NgDocContent<NgDocContextWithImplicit<T>>>(\n    ({ $implicit }: NgDocContextWithImplicit<T>) => NG_DOC_DEFAULT_STRINGIFY($implicit),\n  );\n\n  /** Content shown when there are no items. */\n  readonly emptyContent = input<NgDocContent>('');\n\n  /** Returns `true` for items whose option is disabled. */\n  readonly itemDisabledFn = input<NgDocBooleanHandler<T>>(NG_DOC_ALWAYS_FALSE_HANDLER);\n\n  /** Maps an item to the value its option selects. */\n  readonly defineValueFn =\n    input<NgDocDefineValueFunction<unknown, unknown>>(NG_DOC_DEFAULT_HANDLER);\n\n  /** Identifies items across changes of `items`. */\n  readonly trackByFn = input<TrackByFunction<T>>((_index: number, item: T) => item);\n\n  /** Returns the items as an array. */\n  getItems(): T[] {\n    return asArray(this.items());\n  }\n}\n","<ng-doc-list>\n  @if (items()?.length) {\n    @for (item of items(); track trackByFn()($index, item)) {\n      <ng-doc-option [value]=\"defineValueFn()(item)\" [disabled]=\"itemDisabledFn()(item)\">\n        <!-- The context literal is memoized per item, like a pure pipe. -->\n        <ng-container *polymorpheusOutlet=\"itemContent() as text; context: { $implicit: item }\">\n          {{ text }}\n        </ng-container>\n      </ng-doc-option>\n    }\n  } @else {\n    <div class=\"ng-doc-empty-message\" ng-doc-text>\n      @if (emptyContent()) {\n        <ng-container *polymorpheusOutlet=\"emptyContent() as text\"> {{ text }} </ng-container>\n      }\n    </div>\n  }\n</ng-doc-list>\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-dialog-outlet.mjs

@@ -1,23 +1,35 @@
 import * as i0 from '@angular/core';
-import { inject, DestroyRef, ContentChild, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, viewChild, contentChild, inject, DestroyRef, ChangeDetectionStrategy, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { Router, ActivatedRoute, RouterOutlet } from '@angular/router';
+import { RouterOutlet, Router, ActivatedRoute } from '@angular/router';
 import { NgDocDialogService } from '@ng-doc/ui-kit/services/dialog';
 import { Subject, switchMap, NEVER, merge } from 'rxjs';
 import { takeUntil, map, startWith } from 'rxjs/operators';
 
+/**
+ * Shows the projected router outlet in a dialog while one of its routes is active, and navigates
+ * back to the parent route when the dialog closes.
+ */
 class DialogOutletComponent {
     constructor() {
+        /** Options of the dialog. */
+        this.config = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+        this.outletContent = viewChild.required('outletContent', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outletContent" }] : /* istanbul ignore next */ []));
+        this.routerOutlet = contentChild(RouterOutlet, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "routerOutlet" }] : /* istanbul ignore next */ []));
         this.router = inject(Router);
         this.route = inject(ActivatedRoute);
         this.dialogService = inject(NgDocDialogService);
         this.destroyRef = inject(DestroyRef);
     }
     ngAfterContentInit() {
-        if (this.routerOutlet) {
+        const routerOutlet = this.routerOutlet();
+        if (routerOutlet) {
             const dialogRef = new Subject();
             dialogRef
-                .pipe(switchMap((dialogRef) => dialogRef.beforeClose().pipe(takeUntil(this.routerOutlet?.deactivateEvents ?? NEVER))), takeUntilDestroyed(this.destroyRef))
+                .pipe(switchMap((dialogRef) => dialogRef.beforeClose().pipe(takeUntil(routerOutlet.deactivateEvents ?? NEVER))), takeUntilDestroyed(this.destroyRef))
                 .subscribe(() => {
                 const url = this.route.pathFromRoot
                     .map((r) => r.snapshot.url)
@@ -26,11 +38,11 @@ class DialogOutletComponent {
                     .join('/');
                 this.router.navigateByUrl(url);
             });
-            merge(this.routerOutlet.activateEvents.pipe(map(() => true)), this.routerOutlet.deactivateEvents.pipe(map(() => false)))
-                .pipe(startWith(this.routerOutlet.isActivated), takeUntilDestroyed(this.destroyRef))
+            merge(routerOutlet.activateEvents.pipe(map(() => true)), routerOutlet.deactivateEvents.pipe(map(() => false)))
+                .pipe(startWith(routerOutlet.isActivated), takeUntilDestroyed(this.destroyRef))
                 .subscribe((activated) => {
                 if (activated) {
-                    this.dialogRef = this.dialogService.open(this.outletContent, this.config);
+                    this.dialogRef = this.dialogService.open(this.outletContent(), this.config());
                     dialogRef.next(this.dialogRef);
                 }
                 else {
@@ -39,18 +51,17 @@ class DialogOutletComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DialogOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DialogOutletComponent, isStandalone: true, selector: "ng-doc-dialog-outlet", inputs: { config: "config" }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true }], viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: DialogOutletComponent, isStandalone: true, selector: "ng-doc-dialog-outlet", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "routerOutlet", first: true, predicate: RouterOutlet, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "outletContent", first: true, predicate: ["outletContent"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <ng-template #outletContent>
       <ng-content></ng-content>
     </ng-template>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DialogOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: DialogOutletComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-doc-dialog-outlet',
-                    standalone: true,
                     template: `
     <ng-template #outletContent>
       <ng-content></ng-content>
@@ -58,15 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { config: [{
-                type: Input
-            }], outletContent: [{
-                type: ViewChild,
-                args: ['outletContent', { static: true }]
-            }], routerOutlet: [{
-                type: ContentChild,
-                args: [RouterOutlet]
-            }] } });
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], outletContent: [{ type: i0.ViewChild, args: ['outletContent', { isSignal: true }] }], routerOutlet: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RouterOutlet), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-dialog-outlet.mjs","sources":["../../../../libs/ui-kit/components/dialog-outlet/dialog-outlet.component.ts","../../../../libs/ui-kit/components/dialog-outlet/ng-doc-ui-kit-components-dialog-outlet.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  DestroyRef,\n  inject,\n  Input,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router, RouterOutlet } from '@angular/router';\nimport { NgDocOverlayRef } from '@ng-doc/ui-kit/classes/overlay-ref';\nimport { NgDocDialogConfig, NgDocDialogService } from '@ng-doc/ui-kit/services/dialog';\nimport { merge, NEVER, Subject, switchMap } from 'rxjs';\nimport { map, startWith, takeUntil } from 'rxjs/operators';\n\n@Component({\n  selector: 'ng-doc-dialog-outlet',\n  standalone: true,\n  template: `\n    <ng-template #outletContent>\n      <ng-content></ng-content>\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DialogOutletComponent implements AfterContentInit {\n  @Input()\n  config?: NgDocDialogConfig;\n\n  @ViewChild('outletContent', { static: true })\n  outletContent!: TemplateRef<never>;\n\n  @ContentChild(RouterOutlet)\n  routerOutlet?: RouterOutlet;\n\n  dialogRef?: NgDocOverlayRef;\n\n  protected readonly router: Router = inject(Router);\n  protected readonly route: ActivatedRoute = inject(ActivatedRoute);\n  protected readonly dialogService: NgDocDialogService = inject(NgDocDialogService);\n  protected readonly destroyRef = inject(DestroyRef);\n\n  ngAfterContentInit(): void {\n    if (this.routerOutlet) {\n      const dialogRef = new Subject<NgDocOverlayRef>();\n\n      dialogRef\n        .pipe(\n          switchMap((dialogRef: NgDocOverlayRef) =>\n            dialogRef.beforeClose().pipe(takeUntil(this.routerOutlet?.deactivateEvents ?? NEVER)),\n          ),\n          takeUntilDestroyed(this.destroyRef),\n        )\n        .subscribe(() => {\n          const url = this.route.pathFromRoot\n            .map((r) => r.snapshot.url)\n            .filter((f) => !!f[0])\n            .map(([f]) => f.path)\n            .join('/');\n\n          this.router.navigateByUrl(url);\n        });\n\n      merge(\n        this.routerOutlet.activateEvents.pipe(map(() => true)),\n        this.routerOutlet.deactivateEvents.pipe(map(() => false)),\n      )\n        .pipe(startWith(this.routerOutlet.isActivated), takeUntilDestroyed(this.destroyRef))\n        .subscribe((activated: boolean) => {\n          if (activated) {\n            this.dialogRef = this.dialogService.open(this.outletContent, this.config);\n\n            dialogRef.next(this.dialogRef);\n          } else {\n            this.dialogRef?.close();\n          }\n        });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-dialog-outlet.mjs","sources":["../../../../libs/ui-kit/components/dialog-outlet/dialog-outlet.component.ts","../../../../libs/ui-kit/components/dialog-outlet/ng-doc-ui-kit-components-dialog-outlet.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  DestroyRef,\n  inject,\n  input,\n  TemplateRef,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router, RouterOutlet } from '@angular/router';\nimport { NgDocOverlayRef } from '@ng-doc/ui-kit/classes/overlay-ref';\nimport { NgDocDialogConfig, NgDocDialogService } from '@ng-doc/ui-kit/services/dialog';\nimport { merge, NEVER, Subject, switchMap } from 'rxjs';\nimport { map, startWith, takeUntil } from 'rxjs/operators';\n\n/**\n * Shows the projected router outlet in a dialog while one of its routes is active, and navigates\n * back to the parent route when the dialog closes.\n */\n@Component({\n  selector: 'ng-doc-dialog-outlet',\n  template: `\n    <ng-template #outletContent>\n      <ng-content></ng-content>\n    </ng-template>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DialogOutletComponent implements AfterContentInit {\n  /** Options of the dialog. */\n  readonly config = input<NgDocDialogConfig>();\n\n  readonly outletContent = viewChild.required<TemplateRef<never>>('outletContent');\n\n  readonly routerOutlet = contentChild(RouterOutlet);\n\n  dialogRef?: NgDocOverlayRef;\n\n  protected readonly router: Router = inject(Router);\n  protected readonly route: ActivatedRoute = inject(ActivatedRoute);\n  protected readonly dialogService: NgDocDialogService = inject(NgDocDialogService);\n  protected readonly destroyRef = inject(DestroyRef);\n\n  ngAfterContentInit(): void {\n    const routerOutlet: RouterOutlet | undefined = this.routerOutlet();\n\n    if (routerOutlet) {\n      const dialogRef = new Subject<NgDocOverlayRef>();\n\n      dialogRef\n        .pipe(\n          switchMap((dialogRef: NgDocOverlayRef) =>\n            dialogRef.beforeClose().pipe(takeUntil(routerOutlet.deactivateEvents ?? NEVER)),\n          ),\n          takeUntilDestroyed(this.destroyRef),\n        )\n        .subscribe(() => {\n          const url = this.route.pathFromRoot\n            .map((r) => r.snapshot.url)\n            .filter((f) => !!f[0])\n            .map(([f]) => f.path)\n            .join('/');\n\n          this.router.navigateByUrl(url);\n        });\n\n      merge(\n        routerOutlet.activateEvents.pipe(map(() => true)),\n        routerOutlet.deactivateEvents.pipe(map(() => false)),\n      )\n        .pipe(startWith(routerOutlet.isActivated), takeUntilDestroyed(this.destroyRef))\n        .subscribe((activated: boolean) => {\n          if (activated) {\n            this.dialogRef = this.dialogService.open(this.outletContent(), this.config());\n\n            dialogRef.next(this.dialogRef);\n          } else {\n            this.dialogRef?.close();\n          }\n        });\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}