@ng-doc/app 19.2.0 → 20.0.0-beta.1

package/fesm2022/ng-doc-app-type-controls-type-alias-control.mjs

@@ -1,6 +1,6 @@
-import { NgFor, NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';
@@ -18,18 +18,16 @@ class NgDocTypeAliasControlComponent extends DIControl {
     changeModel(value) {
         this.updateModel(value === null && this.default ? this.default : value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocTypeAliasControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: NgDocTypeAliasControlComponent, isStandalone: true, selector: "ng-doc-type-alias-control", inputs: { default: "default" }, usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox\n  [ngModel]=\"model()\"\n  [readonly]=\"true\"\n  [valueContent]=\"valueTemplate\"\n  [clearButton]=\"false\"\n  [rightContent]=\"rightContent\"\n  (ngModelChange)=\"changeModel($event)\">\n  <ng-doc-list *ngDocData>\n    <ng-container *ngFor=\"let option of options\">\n      <ng-container *ngIf=\"isManual ? option : (option | ngDocExtractValue) as value\">\n        <ng-doc-option [value]=\"value\">\n          <ng-container\n            *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-doc-option>\n      </ng-container>\n    </ng-container>\n  </ng-doc-list>\n  <ng-template let-value #valueTemplate>\n    <div ng-doc-text>\n      <ng-doc-kind-icon\n        [kind]=\"typeOf(value)\"\n        [type]=\"'type'\"\n        [ngDocTooltip]=\"typeOf(value)\"\n        positions=\"left-center\"\n        ngDocTextLeft>\n      </ng-doc-kind-icon>\n      <div>{{ value }}</div>\n      <span ng-doc-text color=\"muted\" size=\"small\" *ngIf=\"value === default\" ngDocTextRight\n        >[default]</span\n      >\n    </div>\n  </ng-template>\n  <ng-template #rightContent>\n    <button\n      ng-doc-button-icon-transparent\n      size=\"large\"\n      [ngDocFocusable]=\"false\"\n      [disabled]=\"disabled\"\n      [rounded]=\"false\"\n      (click)=\"updateModel(default ?? null)\"\n      (focusout)=\"touch()\"\n      *ngIf=\"model() && model() !== default\">\n      <ng-doc-icon icon=\"x\"></ng-doc-icon>\n    </button>\n  </ng-template>\n</ng-doc-combobox>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxComponent, selector: "ng-doc-combobox", inputs: ["readonly", "placeholder", "clearButton", "rightContent", "valueContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgDocDataDirective, selector: "[ngDocData]" }, { kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocKindIconComponent, selector: "ng-doc-kind-icon", inputs: ["kind", "type", "size"] }, { kind: "directive", type: NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "pipe", type: NgDocExtractValuePipe, name: "ngDocExtractValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocTypeAliasControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.3", type: NgDocTypeAliasControlComponent, isStandalone: true, selector: "ng-doc-type-alias-control", inputs: { default: "default" }, usesInheritance: true, ngImport: i0, template: "<ng-doc-combobox\n  [ngModel]=\"model()\"\n  [readonly]=\"true\"\n  [valueContent]=\"valueTemplate\"\n  [clearButton]=\"false\"\n  [rightContent]=\"rightContent\"\n  (ngModelChange)=\"changeModel($event)\">\n  <ng-doc-list *ngDocData>\n    @for (option of options; track option) {\n      @if (isManual ? option : (option | ngDocExtractValue); as value) {\n        <ng-doc-option [value]=\"value\">\n          <ng-container\n            *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-doc-option>\n      }\n    }\n  </ng-doc-list>\n  <ng-template let-value #valueTemplate>\n    <div ng-doc-text>\n      <ng-doc-kind-icon\n        [kind]=\"typeOf(value)\"\n        [type]=\"'type'\"\n        [ngDocTooltip]=\"typeOf(value)\"\n        positions=\"left-center\"\n        ngDocTextLeft>\n      </ng-doc-kind-icon>\n      <div>{{ value }}</div>\n      @if (value === default) {\n        <span ng-doc-text color=\"muted\" size=\"small\" ngDocTextRight>[default]</span>\n      }\n    </div>\n  </ng-template>\n  <ng-template #rightContent>\n    @if (model() && model() !== default) {\n      <button\n        ng-doc-button-icon-transparent\n        size=\"large\"\n        [ngDocFocusable]=\"false\"\n        [disabled]=\"disabled\"\n        [rounded]=\"false\"\n        (click)=\"updateModel(default ?? null)\"\n        (focusout)=\"touch()\">\n        <ng-doc-icon icon=\"x\"></ng-doc-icon>\n      </button>\n    }\n  </ng-template>\n</ng-doc-combobox>\n", styles: [":host{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: NgDocComboboxComponent, selector: "ng-doc-combobox", inputs: ["readonly", "placeholder", "clearButton", "rightContent", "valueContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgDocDataDirective, selector: "[ngDocData]" }, { kind: "component", type: NgDocListComponent, selector: "ng-doc-list" }, { kind: "component", type: NgDocOptionComponent, selector: "ng-doc-option" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgDocTextComponent, selector: "[ng-doc-text]", inputs: ["size", "color", "align", "absoluteContent"] }, { kind: "component", type: NgDocKindIconComponent, selector: "ng-doc-kind-icon", inputs: ["kind", "type", "size"] }, { kind: "directive", type: NgDocTextLeftDirective, selector: "[ngDocTextLeft]" }, { kind: "directive", type: NgDocTooltipDirective, selector: "[ngDocTooltip]", inputs: ["ngDocTooltip", "delay", "displayOrigin", "pointerOrigin", "positions", "canOpen", "panelClass", "minHeight", "maxHeight", "height", "minWidth", "maxWidth", "width"], outputs: ["beforeOpen", "afterOpen", "beforeClose", "afterClose"], exportAs: ["ngDocTooltip"] }, { kind: "directive", type: NgDocTextRightDirective, selector: "[ngDocTextRight]" }, { kind: "component", type: NgDocButtonIconComponent, selector: "button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]", inputs: ["size", "rounded"] }, { kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }, { kind: "component", type: NgDocIconComponent, selector: "ng-doc-icon", inputs: ["icon", "customIcon", "size"] }, { kind: "pipe", type: NgDocExtractValuePipe, name: "ngDocExtractValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgDocTypeAliasControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImport: i0, type: NgDocTypeAliasControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-type-alias-control', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgDocComboboxComponent,
                         FormsModule,
                         NgDocDataDirective,
                         NgDocListComponent,
-                        NgFor,
-                        NgIf,
                         NgDocOptionComponent,
                         NgTemplateOutlet,
                         NgDocTextComponent,
@@ -41,7 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                         NgDocFocusableDirective,
                         NgDocIconComponent,
                         NgDocExtractValuePipe,
-                    ], template: "<ng-doc-combobox\n  [ngModel]=\"model()\"\n  [readonly]=\"true\"\n  [valueContent]=\"valueTemplate\"\n  [clearButton]=\"false\"\n  [rightContent]=\"rightContent\"\n  (ngModelChange)=\"changeModel($event)\">\n  <ng-doc-list *ngDocData>\n    <ng-container *ngFor=\"let option of options\">\n      <ng-container *ngIf=\"isManual ? option : (option | ngDocExtractValue) as value\">\n        <ng-doc-option [value]=\"value\">\n          <ng-container\n            *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-doc-option>\n      </ng-container>\n    </ng-container>\n  </ng-doc-list>\n  <ng-template let-value #valueTemplate>\n    <div ng-doc-text>\n      <ng-doc-kind-icon\n        [kind]=\"typeOf(value)\"\n        [type]=\"'type'\"\n        [ngDocTooltip]=\"typeOf(value)\"\n        positions=\"left-center\"\n        ngDocTextLeft>\n      </ng-doc-kind-icon>\n      <div>{{ value }}</div>\n      <span ng-doc-text color=\"muted\" size=\"small\" *ngIf=\"value === default\" ngDocTextRight\n        >[default]</span\n      >\n    </div>\n  </ng-template>\n  <ng-template #rightContent>\n    <button\n      ng-doc-button-icon-transparent\n      size=\"large\"\n      [ngDocFocusable]=\"false\"\n      [disabled]=\"disabled\"\n      [rounded]=\"false\"\n      (click)=\"updateModel(default ?? null)\"\n      (focusout)=\"touch()\"\n      *ngIf=\"model() && model() !== default\">\n      <ng-doc-icon icon=\"x\"></ng-doc-icon>\n    </button>\n  </ng-template>\n</ng-doc-combobox>\n", styles: [":host{display:block;width:100%}\n"] }]
+                    ], template: "<ng-doc-combobox\n  [ngModel]=\"model()\"\n  [readonly]=\"true\"\n  [valueContent]=\"valueTemplate\"\n  [clearButton]=\"false\"\n  [rightContent]=\"rightContent\"\n  (ngModelChange)=\"changeModel($event)\">\n  <ng-doc-list *ngDocData>\n    @for (option of options; track option) {\n      @if (isManual ? option : (option | ngDocExtractValue); as value) {\n        <ng-doc-option [value]=\"value\">\n          <ng-container\n            *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-doc-option>\n      }\n    }\n  </ng-doc-list>\n  <ng-template let-value #valueTemplate>\n    <div ng-doc-text>\n      <ng-doc-kind-icon\n        [kind]=\"typeOf(value)\"\n        [type]=\"'type'\"\n        [ngDocTooltip]=\"typeOf(value)\"\n        positions=\"left-center\"\n        ngDocTextLeft>\n      </ng-doc-kind-icon>\n      <div>{{ value }}</div>\n      @if (value === default) {\n        <span ng-doc-text color=\"muted\" size=\"small\" ngDocTextRight>[default]</span>\n      }\n    </div>\n  </ng-template>\n  <ng-template #rightContent>\n    @if (model() && model() !== default) {\n      <button\n        ng-doc-button-icon-transparent\n        size=\"large\"\n        [ngDocFocusable]=\"false\"\n        [disabled]=\"disabled\"\n        [rounded]=\"false\"\n        (click)=\"updateModel(default ?? null)\"\n        (focusout)=\"touch()\">\n        <ng-doc-icon icon=\"x\"></ng-doc-icon>\n      </button>\n    }\n  </ng-template>\n</ng-doc-combobox>\n", styles: [":host{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { default: [{
                 type: Input
             }] } });

package/fesm2022/ng-doc-app-type-controls-type-alias-control.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-type-controls-type-alias-control.mjs","sources":["../../../../libs/app/type-controls/type-alias-control/type-alias-control.component.ts","../../../../libs/app/type-controls/type-alias-control/type-alias-control.component.html","../../../../libs/app/type-controls/type-alias-control/ng-doc-app-type-controls-type-alias-control.ts"],"sourcesContent":["import { NgFor, NgIf, NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocTypeControl } from '@ng-doc/app/interfaces';\nimport { NgDocExtractValuePipe } from '@ng-doc/app/pipes/extract-value';\nimport {\n  NgDocButtonIconComponent,\n  NgDocComboboxComponent,\n  NgDocDataDirective,\n  NgDocFocusableDirective,\n  NgDocIconComponent,\n  NgDocListComponent,\n  NgDocOptionComponent,\n  NgDocTextComponent,\n  NgDocTextLeftDirective,\n  NgDocTextRightDirective,\n  NgDocTooltipDirective,\n} from '@ng-doc/ui-kit';\nimport { DIControl } from 'di-controls';\n\n@Component({\n  selector: 'ng-doc-type-alias-control',\n  templateUrl: './type-alias-control.component.html',\n  styleUrls: ['./type-alias-control.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgDocComboboxComponent,\n    FormsModule,\n    NgDocDataDirective,\n    NgDocListComponent,\n    NgFor,\n    NgIf,\n    NgDocOptionComponent,\n    NgTemplateOutlet,\n    NgDocTextComponent,\n    NgDocKindIconComponent,\n    NgDocTextLeftDirective,\n    NgDocTooltipDirective,\n    NgDocTextRightDirective,\n    NgDocButtonIconComponent,\n    NgDocFocusableDirective,\n    NgDocIconComponent,\n    NgDocExtractValuePipe,\n  ],\n})\nexport class NgDocTypeAliasControlComponent<T> extends DIControl<T> implements NgDocTypeControl<T> {\n  @Input()\n  default?: T;\n\n  options?: string[];\n\n  isManual?: boolean;\n\n  constructor() {\n    super();\n  }\n\n  typeOf(value: unknown): string {\n    return typeof value;\n  }\n\n  changeModel(value: T | null): void {\n    this.updateModel(value === null && this.default ? this.default : value);\n  }\n}\n","<ng-doc-combobox\n  [ngModel]=\"model()\"\n  [readonly]=\"true\"\n  [valueContent]=\"valueTemplate\"\n  [clearButton]=\"false\"\n  [rightContent]=\"rightContent\"\n  (ngModelChange)=\"changeModel($event)\">\n  <ng-doc-list *ngDocData>\n    <ng-container *ngFor=\"let option of options\">\n      <ng-container *ngIf=\"isManual ? option : (option | ngDocExtractValue) as value\">\n        <ng-doc-option [value]=\"value\">\n          <ng-container\n            *ngTemplateOutlet=\"valueTemplate; context: { $implicit: value }\"></ng-container>\n        </ng-doc-option>\n      </ng-container>\n    </ng-container>\n  </ng-doc-list>\n  <ng-template let-value #valueTemplate>\n    <div ng-doc-text>\n      <ng-doc-kind-icon\n        [kind]=\"typeOf(value)\"\n        [type]=\"'type'\"\n        [ngDocTooltip]=\"typeOf(value)\"\n        positions=\"left-center\"\n        ngDocTextLeft>\n      </ng-doc-kind-icon>\n      <div>{{ value }}</div>\n      <span ng-doc-text color=\"muted\" size=\"small\" *ngIf=\"value === default\" ngDocTextRight\n        >[default]</span\n      >\n    </div>\n  </ng-template>\n  <ng-template #rightContent>\n    <button\n      ng-doc-button-icon-transparent\n      size=\"large\"\n      [ngDocFocusable]=\"false\"\n      [disabled]=\"disabled\"\n      [rounded]=\"false\"\n      (click)=\"updateModel(default ?? null)\"\n      (focusout)=\"touch()\"\n      *ngIf=\"model() && model() !== default\">\n      <ng-doc-icon icon=\"x\"></ng-doc-icon>\n    </button>\n  </ng-template>\n</ng-doc-combobox>\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-app-type-controls-type-alias-control.mjs","sources":["../tmp-esm2022/type-controls/type-alias-control/type-alias-control.component.js","../tmp-esm2022/type-controls/type-alias-control/ng-doc-app-type-controls-type-alias-control.js"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgDocKindIconComponent } from '@ng-doc/app/components/kind-icon';\nimport { NgDocExtractValuePipe } from '@ng-doc/app/pipes/extract-value';\nimport { NgDocButtonIconComponent, NgDocComboboxComponent, NgDocDataDirective, NgDocFocusableDirective, NgDocIconComponent, NgDocListComponent, NgDocOptionComponent, NgDocTextComponent, NgDocTextLeftDirective, NgDocTextRightDirective, NgDocTooltipDirective, } from '@ng-doc/ui-kit';\nimport { DIControl } from 'di-controls';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/forms\";\nexport class NgDocTypeAliasControlComponent extends DIControl {\n    constructor() {\n        super();\n    }\n    typeOf(value) {\n        return typeof value;\n    }\n    changeModel(value) {\n        this.updateModel(value === null && this.default ? this.default : value);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocTypeAliasControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.3\", type: NgDocTypeAliasControlComponent, isStandalone: true, selector: \"ng-doc-type-alias-control\", inputs: { default: \"default\" }, usesInheritance: true, ngImport: i0, template: \"<ng-doc-combobox\\n  [ngModel]=\\\"model()\\\"\\n  [readonly]=\\\"true\\\"\\n  [valueContent]=\\\"valueTemplate\\\"\\n  [clearButton]=\\\"false\\\"\\n  [rightContent]=\\\"rightContent\\\"\\n  (ngModelChange)=\\\"changeModel($event)\\\">\\n  <ng-doc-list *ngDocData>\\n    @for (option of options; track option) {\\n      @if (isManual ? option : (option | ngDocExtractValue); as value) {\\n        <ng-doc-option [value]=\\\"value\\\">\\n          <ng-container\\n            *ngTemplateOutlet=\\\"valueTemplate; context: { $implicit: value }\\\"></ng-container>\\n        </ng-doc-option>\\n      }\\n    }\\n  </ng-doc-list>\\n  <ng-template let-value #valueTemplate>\\n    <div ng-doc-text>\\n      <ng-doc-kind-icon\\n        [kind]=\\\"typeOf(value)\\\"\\n        [type]=\\\"'type'\\\"\\n        [ngDocTooltip]=\\\"typeOf(value)\\\"\\n        positions=\\\"left-center\\\"\\n        ngDocTextLeft>\\n      </ng-doc-kind-icon>\\n      <div>{{ value }}</div>\\n      @if (value === default) {\\n        <span ng-doc-text color=\\\"muted\\\" size=\\\"small\\\" ngDocTextRight>[default]</span>\\n      }\\n    </div>\\n  </ng-template>\\n  <ng-template #rightContent>\\n    @if (model() && model() !== default) {\\n      <button\\n        ng-doc-button-icon-transparent\\n        size=\\\"large\\\"\\n        [ngDocFocusable]=\\\"false\\\"\\n        [disabled]=\\\"disabled\\\"\\n        [rounded]=\\\"false\\\"\\n        (click)=\\\"updateModel(default ?? null)\\\"\\n        (focusout)=\\\"touch()\\\">\\n        <ng-doc-icon icon=\\\"x\\\"></ng-doc-icon>\\n      </button>\\n    }\\n  </ng-template>\\n</ng-doc-combobox>\\n\", styles: [\":host{display:block;width:100%}\\n\"], dependencies: [{ kind: \"component\", type: NgDocComboboxComponent, selector: \"ng-doc-combobox\", inputs: [\"readonly\", \"placeholder\", \"clearButton\", \"rightContent\", \"valueContent\"] }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i1.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i1.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"directive\", type: NgDocDataDirective, selector: \"[ngDocData]\" }, { kind: \"component\", type: NgDocListComponent, selector: \"ng-doc-list\" }, { kind: \"component\", type: NgDocOptionComponent, selector: \"ng-doc-option\" }, { kind: \"directive\", type: NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"component\", type: NgDocTextComponent, selector: \"[ng-doc-text]\", inputs: [\"size\", \"color\", \"align\", \"absoluteContent\"] }, { kind: \"component\", type: NgDocKindIconComponent, selector: \"ng-doc-kind-icon\", inputs: [\"kind\", \"type\", \"size\"] }, { kind: \"directive\", type: NgDocTextLeftDirective, selector: \"[ngDocTextLeft]\" }, { kind: \"directive\", type: NgDocTooltipDirective, selector: \"[ngDocTooltip]\", inputs: [\"ngDocTooltip\", \"delay\", \"displayOrigin\", \"pointerOrigin\", \"positions\", \"canOpen\", \"panelClass\", \"minHeight\", \"maxHeight\", \"height\", \"minWidth\", \"maxWidth\", \"width\"], outputs: [\"beforeOpen\", \"afterOpen\", \"beforeClose\", \"afterClose\"], exportAs: [\"ngDocTooltip\"] }, { kind: \"directive\", type: NgDocTextRightDirective, selector: \"[ngDocTextRight]\" }, { kind: \"component\", type: NgDocButtonIconComponent, selector: \"button[ng-doc-button-icon], a[ng-doc-button-icon], button[ng-doc-button-icon-raised], a[ng-doc-button-icon-raised], button[ng-doc-button-icon-transparent], a[ng-doc-button-icon-transparent]\", inputs: [\"size\", \"rounded\"] }, { kind: \"directive\", type: NgDocFocusableDirective, selector: \"[ngDocFocusable]\", inputs: [\"ngDocFocusable\"], exportAs: [\"ngDocFocusable\"] }, { kind: \"component\", type: NgDocIconComponent, selector: \"ng-doc-icon\", inputs: [\"icon\", \"customIcon\", \"size\"] }, { kind: \"pipe\", type: NgDocExtractValuePipe, name: \"ngDocExtractValue\" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.3\", ngImport: i0, type: NgDocTypeAliasControlComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ng-doc-type-alias-control', changeDetection: ChangeDetectionStrategy.OnPush, imports: [\n                        NgDocComboboxComponent,\n                        FormsModule,\n                        NgDocDataDirective,\n                        NgDocListComponent,\n                        NgDocOptionComponent,\n                        NgTemplateOutlet,\n                        NgDocTextComponent,\n                        NgDocKindIconComponent,\n                        NgDocTextLeftDirective,\n                        NgDocTooltipDirective,\n                        NgDocTextRightDirective,\n                        NgDocButtonIconComponent,\n                        NgDocFocusableDirective,\n                        NgDocIconComponent,\n                        NgDocExtractValuePipe,\n                    ], template: \"<ng-doc-combobox\\n  [ngModel]=\\\"model()\\\"\\n  [readonly]=\\\"true\\\"\\n  [valueContent]=\\\"valueTemplate\\\"\\n  [clearButton]=\\\"false\\\"\\n  [rightContent]=\\\"rightContent\\\"\\n  (ngModelChange)=\\\"changeModel($event)\\\">\\n  <ng-doc-list *ngDocData>\\n    @for (option of options; track option) {\\n      @if (isManual ? option : (option | ngDocExtractValue); as value) {\\n        <ng-doc-option [value]=\\\"value\\\">\\n          <ng-container\\n            *ngTemplateOutlet=\\\"valueTemplate; context: { $implicit: value }\\\"></ng-container>\\n        </ng-doc-option>\\n      }\\n    }\\n  </ng-doc-list>\\n  <ng-template let-value #valueTemplate>\\n    <div ng-doc-text>\\n      <ng-doc-kind-icon\\n        [kind]=\\\"typeOf(value)\\\"\\n        [type]=\\\"'type'\\\"\\n        [ngDocTooltip]=\\\"typeOf(value)\\\"\\n        positions=\\\"left-center\\\"\\n        ngDocTextLeft>\\n      </ng-doc-kind-icon>\\n      <div>{{ value }}</div>\\n      @if (value === default) {\\n        <span ng-doc-text color=\\\"muted\\\" size=\\\"small\\\" ngDocTextRight>[default]</span>\\n      }\\n    </div>\\n  </ng-template>\\n  <ng-template #rightContent>\\n    @if (model() && model() !== default) {\\n      <button\\n        ng-doc-button-icon-transparent\\n        size=\\\"large\\\"\\n        [ngDocFocusable]=\\\"false\\\"\\n        [disabled]=\\\"disabled\\\"\\n        [rounded]=\\\"false\\\"\\n        (click)=\\\"updateModel(default ?? null)\\\"\\n        (focusout)=\\\"touch()\\\">\\n        <ng-doc-icon icon=\\\"x\\\"></ng-doc-icon>\\n      </button>\\n    }\\n  </ng-template>\\n</ng-doc-combobox>\\n\", styles: [\":host{display:block;width:100%}\\n\"] }]\n        }], ctorParameters: () => [], propDecorators: { default: [{\n                type: Input\n            }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZS1hbGlhcy1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL3R5cGUtY29udHJvbHMvdHlwZS1hbGlhcy1jb250cm9sL3R5cGUtYWxpYXMtY29udHJvbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FwcC90eXBlLWNvbnRyb2xzL3R5cGUtYWxpYXMtY29udHJvbC90eXBlLWFsaWFzLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRTFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsc0JBQXNCLEVBQ3RCLGtCQUFrQixFQUNsQix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsa0JBQWtCLEVBQ2xCLHNCQUFzQixFQUN0Qix1QkFBdUIsRUFDdkIscUJBQXFCLEdBQ3RCLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBeUJ4QyxNQUFNLE9BQU8sOEJBQWtDLFNBQVEsU0FBWTtJQVFqRTtRQUNFLEtBQUssRUFBRSxDQUFDO0lBQ1YsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFjO1FBQ25CLE9BQU8sT0FBTyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFlO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxRSxDQUFDOzhHQWxCVSw4QkFBOEI7a0dBQTlCLDhCQUE4Qiw0SUM1QzNDLDA5Q0ErQ0EsMkZEcEJJLHNCQUFzQiwrSUFDdEIsV0FBVywrVkFDWCxrQkFBa0Isd0RBQ2xCLGtCQUFrQix3REFDbEIsb0JBQW9CLDBEQUNwQixnQkFBZ0Isb0pBQ2hCLGtCQUFrQixpSEFDbEIsc0JBQXNCLCtGQUN0QixzQkFBc0IsNERBQ3RCLHFCQUFxQiwwVUFDckIsdUJBQXVCLDZEQUN2Qix3QkFBd0IsdVFBQ3hCLHVCQUF1Qix1SEFDdkIsa0JBQWtCLDJGQUNsQixxQkFBcUI7OzJGQUdaLDhCQUE4QjtrQkF2QjFDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDO3dCQUNQLHNCQUFzQjt3QkFDdEIsV0FBVzt3QkFDWCxrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixnQkFBZ0I7d0JBQ2hCLGtCQUFrQjt3QkFDbEIsc0JBQXNCO3dCQUN0QixzQkFBc0I7d0JBQ3RCLHFCQUFxQjt3QkFDckIsdUJBQXVCO3dCQUN2Qix3QkFBd0I7d0JBQ3hCLHVCQUF1Qjt3QkFDdkIsa0JBQWtCO3dCQUNsQixxQkFBcUI7cUJBQ3RCO3dEQUlELE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdEb2NLaW5kSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BuZy1kb2MvYXBwL2NvbXBvbmVudHMva2luZC1pY29uJztcbmltcG9ydCB7IE5nRG9jVHlwZUNvbnRyb2wgfSBmcm9tICdAbmctZG9jL2FwcC9pbnRlcmZhY2VzJztcbmltcG9ydCB7IE5nRG9jRXh0cmFjdFZhbHVlUGlwZSB9IGZyb20gJ0BuZy1kb2MvYXBwL3BpcGVzL2V4dHJhY3QtdmFsdWUnO1xuaW1wb3J0IHtcbiAgTmdEb2NCdXR0b25JY29uQ29tcG9uZW50LFxuICBOZ0RvY0NvbWJvYm94Q29tcG9uZW50LFxuICBOZ0RvY0RhdGFEaXJlY3RpdmUsXG4gIE5nRG9jRm9jdXNhYmxlRGlyZWN0aXZlLFxuICBOZ0RvY0ljb25Db21wb25lbnQsXG4gIE5nRG9jTGlzdENvbXBvbmVudCxcbiAgTmdEb2NPcHRpb25Db21wb25lbnQsXG4gIE5nRG9jVGV4dENvbXBvbmVudCxcbiAgTmdEb2NUZXh0TGVmdERpcmVjdGl2ZSxcbiAgTmdEb2NUZXh0UmlnaHREaXJlY3RpdmUsXG4gIE5nRG9jVG9vbHRpcERpcmVjdGl2ZSxcbn0gZnJvbSAnQG5nLWRvYy91aS1raXQnO1xuaW1wb3J0IHsgRElDb250cm9sIH0gZnJvbSAnZGktY29udHJvbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1kb2MtdHlwZS1hbGlhcy1jb250cm9sJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R5cGUtYWxpYXMtY29udHJvbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3R5cGUtYWxpYXMtY29udHJvbC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIE5nRG9jQ29tYm9ib3hDb21wb25lbnQsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTmdEb2NEYXRhRGlyZWN0aXZlLFxuICAgIE5nRG9jTGlzdENvbXBvbmVudCxcbiAgICBOZ0RvY09wdGlvbkNvbXBvbmVudCxcbiAgICBOZ1RlbXBsYXRlT3V0bGV0LFxuICAgIE5nRG9jVGV4dENvbXBvbmVudCxcbiAgICBOZ0RvY0tpbmRJY29uQ29tcG9uZW50LFxuICAgIE5nRG9jVGV4dExlZnREaXJlY3RpdmUsXG4gICAgTmdEb2NUb29sdGlwRGlyZWN0aXZlLFxuICAgIE5nRG9jVGV4dFJpZ2h0RGlyZWN0aXZlLFxuICAgIE5nRG9jQnV0dG9uSWNvbkNvbXBvbmVudCxcbiAgICBOZ0RvY0ZvY3VzYWJsZURpcmVjdGl2ZSxcbiAgICBOZ0RvY0ljb25Db21wb25lbnQsXG4gICAgTmdEb2NFeHRyYWN0VmFsdWVQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RvY1R5cGVBbGlhc0NvbnRyb2xDb21wb25lbnQ8VD4gZXh0ZW5kcyBESUNvbnRyb2w8VD4gaW1wbGVtZW50cyBOZ0RvY1R5cGVDb250cm9sPFQ+IHtcbiAgQElucHV0KClcbiAgZGVmYXVsdD86IFQ7XG5cbiAgb3B0aW9ucz86IHN0cmluZ1tdO1xuXG4gIGlzTWFudWFsPzogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgdHlwZU9mKHZhbHVlOiB1bmtub3duKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdHlwZW9mIHZhbHVlO1xuICB9XG5cbiAgY2hhbmdlTW9kZWwodmFsdWU6IFQgfCBudWxsKTogdm9pZCB7XG4gICAgdGhpcy51cGRhdGVNb2RlbCh2YWx1ZSA9PT0gbnVsbCAmJiB0aGlzLmRlZmF1bHQgPyB0aGlzLmRlZmF1bHQgOiB2YWx1ZSk7XG4gIH1cbn1cbiIsIjxuZy1kb2MtY29tYm9ib3hcbiAgW25nTW9kZWxdPVwibW9kZWwoKVwiXG4gIFtyZWFkb25seV09XCJ0cnVlXCJcbiAgW3ZhbHVlQ29udGVudF09XCJ2YWx1ZVRlbXBsYXRlXCJcbiAgW2NsZWFyQnV0dG9uXT1cImZhbHNlXCJcbiAgW3JpZ2h0Q29udGVudF09XCJyaWdodENvbnRlbnRcIlxuICAobmdNb2RlbENoYW5nZSk9XCJjaGFuZ2VNb2RlbCgkZXZlbnQpXCI+XG4gIDxuZy1kb2MtbGlzdCAqbmdEb2NEYXRhPlxuICAgIEBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24pIHtcbiAgICAgIEBpZiAoaXNNYW51YWwgPyBvcHRpb24gOiAob3B0aW9uIHwgbmdEb2NFeHRyYWN0VmFsdWUpOyBhcyB2YWx1ZSkge1xuICAgICAgICA8bmctZG9jLW9wdGlvbiBbdmFsdWVdPVwidmFsdWVcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInZhbHVlVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiB2YWx1ZSB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctZG9jLW9wdGlvbj5cbiAgICAgIH1cbiAgICB9XG4gIDwvbmctZG9jLWxpc3Q+XG4gIDxuZy10ZW1wbGF0ZSBsZXQtdmFsdWUgI3ZhbHVlVGVtcGxhdGU+XG4gICAgPGRpdiBuZy1kb2MtdGV4dD5cbiAgICAgIDxuZy1kb2Mta2luZC1pY29uXG4gICAgICAgIFtraW5kXT1cInR5cGVPZih2YWx1ZSlcIlxuICAgICAgICBbdHlwZV09XCIndHlwZSdcIlxuICAgICAgICBbbmdEb2NUb29sdGlwXT1cInR5cGVPZih2YWx1ZSlcIlxuICAgICAgICBwb3NpdGlvbnM9XCJsZWZ0LWNlbnRlclwiXG4gICAgICAgIG5nRG9jVGV4dExlZnQ+XG4gICAgICA8L25nLWRvYy1raW5kLWljb24+XG4gICAgICA8ZGl2Pnt7IHZhbHVlIH19PC9kaXY+XG4gICAgICBAaWYgKHZhbHVlID09PSBkZWZhdWx0KSB7XG4gICAgICAgIDxzcGFuIG5nLWRvYy10ZXh0IGNvbG9yPVwibXV0ZWRcIiBzaXplPVwic21hbGxcIiBuZ0RvY1RleHRSaWdodD5bZGVmYXVsdF08L3NwYW4+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG4gIDxuZy10ZW1wbGF0ZSAjcmlnaHRDb250ZW50PlxuICAgIEBpZiAobW9kZWwoKSAmJiBtb2RlbCgpICE9PSBkZWZhdWx0KSB7XG4gICAgICA8YnV0dG9uXG4gICAgICAgIG5nLWRvYy1idXR0b24taWNvbi10cmFuc3BhcmVudFxuICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICBbbmdEb2NGb2N1c2FibGVdPVwiZmFsc2VcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICBbcm91bmRlZF09XCJmYWxzZVwiXG4gICAgICAgIChjbGljayk9XCJ1cGRhdGVNb2RlbChkZWZhdWx0ID8/IG51bGwpXCJcbiAgICAgICAgKGZvY3Vzb3V0KT1cInRvdWNoKClcIj5cbiAgICAgICAgPG5nLWRvYy1pY29uIGljb249XCJ4XCI+PC9uZy1kb2MtaWNvbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIH1cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctZG9jLWNvbWJvYm94PlxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC10eXBlLWNvbnRyb2xzLXR5cGUtYWxpYXMtY29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL3R5cGUtY29udHJvbHMvdHlwZS1hbGlhcy1jb250cm9sL25nLWRvYy1hcHAtdHlwZS1jb250cm9scy10eXBlLWFsaWFzLWNvbnRyb2wudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-app-type-controls.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-type-controls.mjs","sources":["../../../../libs/app/type-controls/ng-doc-app-type-controls.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-app-type-controls.mjs","sources":["../tmp-esm2022/type-controls/ng-doc-app-type-controls.js"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC10eXBlLWNvbnRyb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9hcHAvdHlwZS1jb250cm9scy9uZy1kb2MtYXBwLXR5cGUtY29udHJvbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;;AAAA;AACA;AACA"}

package/fesm2022/ng-doc-app-types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app-types.mjs","sources":["../../../../libs/app/types/ng-doc-app-types.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-app-types.mjs","sources":["../tmp-esm2022/types/ng-doc-app-types.js"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC10eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvYXBwL3R5cGVzL25nLWRvYy1hcHAtdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":"AAAA;AACA;AACA"}

package/fesm2022/ng-doc-app.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-app.mjs","sources":["../../../../libs/app/ng-doc-app.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-app.mjs","sources":["../tmp-esm2022/ng-doc-app.js"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZG9jLWFwcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvYXBwL25nLWRvYy1hcHAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0="],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AACA"}

package/helpers/index.d.ts

@@ -1,7 +1,49 @@
-export * from './as-boolean';
-export * from './create-component';
-export * from './format-html';
-export * from './generate-toc';
-export * from './is-dark-os-theme';
-export * from './is-external-link';
-export * from './is-playground-property';
+import { ViewContainerRef, Type } from '@angular/core';
+import { NgDocTocItem } from '@ng-doc/app/interfaces';
+import { NgDocPlaygroundProperty } from '@ng-doc/core/interfaces';
+
+/**
+ *
+ * @param value
+ */
+declare function asBoolean(value: unknown): boolean;
+
+/**
+ *
+ * @param viewContainer
+ * @param component
+ * @param inputs
+ */
+declare function createComponent<T>(viewContainer: ViewContainerRef, component: Type<T>, inputs?: object): void;
+
+/**
+ *
+ * @param html
+ */
+declare function formatHtml(html: string): Promise<string>;
+
+/**
+ * Generate table of contents, only for headings with id
+ * @param container
+ * @param headings
+ */
+declare function generateToc(container: HTMLElement): NgDocTocItem[];
+
+/**
+ * Check if the OS theme is dark
+ */
+declare function isDarkOsTheme(): boolean;
+
+/**
+ *
+ * @param url
+ */
+declare function isExternalLink(url: string): boolean;
+
+/**
+ *
+ * @param obj
+ */
+declare function isPlaygroundProperty(obj: Record<string, any>): obj is NgDocPlaygroundProperty;
+
+export { asBoolean, createComponent, formatHtml, generateToc, isDarkOsTheme, isExternalLink, isPlaygroundProperty };

package/interfaces/index.d.ts

@@ -1,13 +1,221 @@
-export * from './context';
-export * from './demo-assets';
-export * from './navigation';
-export * from './page-processor';
-export * from './page-skeleton';
-export * from './processor-options';
-export * from './provided-type-control';
-export * from './search-result';
-export * from './tab';
-export * from './theme';
-export * from './toc-item';
-export * from './type-control';
-export * from './type-control-provider-options';
+import { NgDocBaseEntity, JSDocMetadata, NgDocPageIndex } from '@ng-doc/core/interfaces';
+import { Type, Injector } from '@angular/core';
+import { InputType } from '@ng-doc/core';
+import { Constructor } from '@ng-doc/core/types/constructor';
+import { ControlValueAccessor } from '@angular/forms';
+import { NgDocHighlightPosition } from '@ng-doc/ui-kit';
+
+/**
+ * Navigation item interface
+ */
+interface NgDocNavigation extends NgDocBaseEntity {
+    expandable?: boolean;
+    /** Determines whether the category should be expanded by default */
+    expanded?: boolean;
+    /** Children of the navigation item */
+    children?: NgDocNavigation[];
+    /** The route of the entity (current sourceFileFolder name by default) */
+    route: string;
+    /**
+     * The item metadata.
+     * Collects all tags based on the JSDoc tags for `NgDocPage` or `NgDocCategory`
+     * entities.
+     */
+    metadata?: JSDocMetadata;
+}
+
+/**
+ * Application context
+ */
+interface NgDocContext {
+    /**
+     * List of navigation items
+     */
+    navigation: NgDocNavigation[];
+}
+
+interface NgDocDemoAssets {
+    [name: string]: NgDocDemoAsset[];
+}
+interface NgDocDemoAsset {
+    code: string;
+    title: string;
+    icon?: string;
+    opened?: boolean;
+}
+
+interface NgDocProcessorOptions<T, K extends keyof T = keyof T> {
+    content?: Node[][];
+    inputs?: Partial<{
+        [key in K]: InputType<T, key>;
+    }>;
+}
+
+/**
+ * Interface to create a processor that will be used to replace html nodes with an Angular component.
+ */
+interface NgDocPageProcessor<T = unknown> {
+    /**
+     * Target component to replace html nodes with.
+     */
+    component: Type<T>;
+    /**
+     * Selector to find html nodes to replace.
+     */
+    selector: string;
+    /**
+     * Extract options for Angular component from html node.
+     * @param element - Html node to extract options from.
+     * @param root - Root html node.
+     */
+    extractOptions: (element: Element, root: HTMLElement) => NgDocProcessorOptions<T>;
+    /**
+     * Can be used to find a node to replace instead of the node that was found by selector.
+     * @param element - Html node to replace.
+     * @param injector - Injector to get dependencies.
+     */
+    nodeToReplace?: (element: Element, injector: Injector) => Element;
+}
+
+interface NgDocTocItem {
+    title: string;
+    path: string;
+    hash: string;
+    element: HTMLHeadingElement;
+    level: number;
+}
+
+/**
+ * Interface for page navigation implementation
+ */
+interface NgDocPageNavigation {
+    /**
+     * Previous page
+     */
+    prevPage?: NgDocNavigation;
+    /**
+     * Next page
+     */
+    nextPage?: NgDocNavigation;
+}
+/**
+ * Interface for page breadcrumb implementation
+ */
+interface NgDocPageBreadcrumbs {
+    /**
+     * Breadcrumb items
+     */
+    breadcrumbs: string[];
+}
+/**
+ * Interface for page table of content implementation
+ */
+interface NgDocPageToc {
+    /**
+     * Table of content items.
+     */
+    tableOfContent: NgDocTocItem[];
+}
+/**
+ * Page skeleton that should be used to create different parts of the page.
+ *
+ * You can use it to define your own components for the page navigation, breadcrumb, etc.
+ */
+interface NgDocPageSkeleton {
+    /**
+     * Page breadcrumbs.
+     */
+    breadcrumbs?: Type<NgDocPageBreadcrumbs>;
+    /**
+     * Bottom page navigation.
+     */
+    navigation?: Type<NgDocPageNavigation>;
+    /**
+     * Table of content.
+     */
+    toc?: Type<NgDocPageToc>;
+}
+
+/**
+ * Interface describing Type Control
+ */
+interface NgDocTypeControl<T = unknown> extends ControlValueAccessor {
+    /**
+     * The name of the input for which it is created
+     */
+    name?: string;
+    /**
+     * The description of the input (based on the comment)
+     */
+    description?: string;
+    /**
+     * The default value of the input
+     */
+    default?: T;
+    /**
+     * The list of possible values, it usually works only for Type Aliases which has several values
+     */
+    options?: string[];
+    /**
+     * Determines if the property is manually added by the user using `controls` property in playground config
+     */
+    isManual?: boolean;
+}
+
+/**
+ * Options for the type control provider
+ */
+interface NgDocTypeControlProviderOptions {
+    /**
+     * Allows to hide the label of the type control,
+     * if the label is not needed or if you want to use a custom label
+     */
+    hideLabel?: boolean;
+    /**
+     * You can use this to change the order of the type control
+     * NgDoc's controls start at 5 and go up to 10
+     */
+    order?: number;
+}
+
+interface NgDocProvidedTypeControl {
+    control: Constructor<NgDocTypeControl>;
+    options?: NgDocTypeControlProviderOptions;
+}
+
+/**
+ * Results of a search query.
+ */
+interface NgDocSearchResult {
+    /**
+     * Index that was found.
+     */
+    index: NgDocPageIndex;
+    /**
+     * Positions of the found terms.
+     */
+    positions: Partial<Record<keyof NgDocPageIndex, NgDocHighlightPosition[]>>;
+}
+
+interface NgDocTab {
+    title: string;
+    content: Element;
+    icon?: string;
+    active?: boolean;
+}
+
+/**
+ * Interface describing a custom theme for the application
+ */
+interface NgDocTheme {
+    /**
+     * Theme ID that you can use to set theme (e.g. `CustomTheme`)
+     */
+    id: string;
+    /**
+     * Path that will be used to load theme dynamically (e.g. `/assets/themes/custom.css`)
+     */
+    path: string;
+}
+
+export type { NgDocContext, NgDocDemoAsset, NgDocDemoAssets, NgDocNavigation, NgDocPageBreadcrumbs, NgDocPageNavigation, NgDocPageProcessor, NgDocPageSkeleton, NgDocPageToc, NgDocProcessorOptions, NgDocProvidedTypeControl, NgDocSearchResult, NgDocTab, NgDocTheme, NgDocTocItem, NgDocTypeControl, NgDocTypeControlProviderOptions };

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@ng-doc/app",
-  "version": "19.2.0",
+  "version": "20.0.0-beta.1",
   "peerDependencies": {
-    "@angular/common": ">=19.0.0 < 20.0.0",
-    "@angular/core": ">=19.0.0 < 20.0.0",
-    "@angular/cdk": ">=19.0.0 < 20.0.0",
-    "@angular/router": ">=19.0.0 < 20.0.0",
+    "@angular/common": ">=20.0.0 < 21.0.0",
+    "@angular/core": ">=20.0.0 < 21.0.0",
+    "@angular/cdk": ">=20.0.0 < 21.0.0",
+    "@angular/router": ">=20.0.0 < 21.0.0",
     "@ng-web-apis/common": "2.0.1",
     "rxjs": "^7.0.0",
     "di-controls": "2.1.0"
   },
   "dependencies": {
     "tslib": "^2.6.2",
-    "@ng-doc/core": "19.2.0",
-    "@ng-doc/ui-kit": "19.2.0",
+    "@ng-doc/core": "20.0.0-beta.1",
+    "@ng-doc/ui-kit": "20.0.0-beta.1",
     "@orama/plugin-match-highlight": "2.0.17",
     "@orama/stemmers": "2.0.17",
     "mermaid": "10.9.3"
@@ -74,14 +74,14 @@
       "types": "./processors/index.d.ts",
       "default": "./fesm2022/ng-doc-app-processors.mjs"
     },
-    "./providers": {
-      "types": "./providers/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-providers.mjs"
-    },
     "./services": {
       "types": "./services/index.d.ts",
       "default": "./fesm2022/ng-doc-app-services.mjs"
     },
+    "./providers": {
+      "types": "./providers/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-providers.mjs"
+    },
     "./tokens": {
       "types": "./tokens/index.d.ts",
       "default": "./fesm2022/ng-doc-app-tokens.mjs"
@@ -258,6 +258,22 @@
       "types": "./processors/processors/index.d.ts",
       "default": "./fesm2022/ng-doc-app-processors-processors.mjs"
     },
+    "./services/highlighter": {
+      "types": "./services/highlighter/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-services-highlighter.mjs"
+    },
+    "./services/sidebar": {
+      "types": "./services/sidebar/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-services-sidebar.mjs"
+    },
+    "./services/store": {
+      "types": "./services/store/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-services-store.mjs"
+    },
+    "./services/theme": {
+      "types": "./services/theme/index.d.ts",
+      "default": "./fesm2022/ng-doc-app-services-theme.mjs"
+    },
     "./providers/mermaid": {
       "types": "./providers/mermaid/index.d.ts",
       "default": "./fesm2022/ng-doc-app-providers-mermaid.mjs"
@@ -282,22 +298,6 @@
       "types": "./providers/type-control/index.d.ts",
       "default": "./fesm2022/ng-doc-app-providers-type-control.mjs"
     },
-    "./services/highlighter": {
-      "types": "./services/highlighter/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-services-highlighter.mjs"
-    },
-    "./services/sidebar": {
-      "types": "./services/sidebar/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-services-sidebar.mjs"
-    },
-    "./services/store": {
-      "types": "./services/store/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-services-store.mjs"
-    },
-    "./services/theme": {
-      "types": "./services/theme/index.d.ts",
-      "default": "./fesm2022/ng-doc-app-services-theme.mjs"
-    },
     "./type-controls/boolean-control": {
       "types": "./type-controls/boolean-control/index.d.ts",
       "default": "./fesm2022/ng-doc-app-type-controls-boolean-control.mjs"

package/pipes/decode-uri-component/index.d.ts

@@ -1 +1,10 @@
-export * from './decode-uri-component.pipe';
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+
+declare class NgDocDecodeUriComponentPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocDecodeUriComponentPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgDocDecodeUriComponentPipe, "decodeUriComponent", true>;
+}
+
+export { NgDocDecodeUriComponentPipe };

package/pipes/extract-value/index.d.ts

@@ -1 +1,11 @@
-export * from './extract-value.pipe';
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+import { NgDocExtractedValue } from '@ng-doc/core/types/extracted-value';
+
+declare class NgDocExtractValuePipe implements PipeTransform {
+    transform(value: string): NgDocExtractedValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocExtractValuePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgDocExtractValuePipe, "ngDocExtractValue", true>;
+}
+
+export { NgDocExtractValuePipe };

package/pipes/filter-by-text/index.d.ts

@@ -1 +1,10 @@
-export * from './filter-by-text.pipe';
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+
+declare class NgDocFilterByTextPipe<T> implements PipeTransform {
+    transform(items: readonly T[], searchTerm: string, matcher?: (item: T, searchTerm: string) => boolean): readonly T[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocFilterByTextPipe<any>, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgDocFilterByTextPipe<any>, "ngDocFilterByText", true>;
+}
+
+export { NgDocFilterByTextPipe };

package/pipes/sanitize-html/index.d.ts

@@ -1 +1,14 @@
-export * from './sanitize-html.pipe';
+import * as i0 from '@angular/core';
+import { PipeTransform } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+
+declare class NgDocSanitizeHtmlPipe implements PipeTransform {
+    private readonly sanitizer;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
+    transform(value: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocSanitizeHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NgDocSanitizeHtmlPipe, "ngDocSanitizeHtml", true>;
+}
+
+export { NgDocSanitizeHtmlPipe };

package/processors/page-processor/index.d.ts

@@ -1 +1,26 @@
-export * from './page-processor.component';
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, ElementRef, ViewContainerRef, ApplicationRef, Injector, Renderer2, SimpleChanges } from '@angular/core';
+import { SafeHtml } from '@angular/platform-browser';
+import { NgDocPageProcessor } from '@ng-doc/app/interfaces';
+
+/**
+ * Base processor class to create a processor directive that will be used to replace
+ * html nodes with an Angular component.
+ */
+declare class NgDocPageProcessorComponent implements OnChanges {
+    html: SafeHtml;
+    afterRender: EventEmitter<void>;
+    processors: Array<NgDocPageProcessor<unknown>>;
+    customProcessors: Array<NgDocPageProcessor<unknown>>;
+    protected readonly elementRef: ElementRef<HTMLElement>;
+    protected readonly viewContainerRef: ViewContainerRef;
+    protected readonly applicationRef: ApplicationRef;
+    protected readonly injector: Injector;
+    protected readonly renderer: Renderer2;
+    ngOnChanges({ html }: SimpleChanges): void;
+    private process;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgDocPageProcessorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgDocPageProcessorComponent, "[ngDocPageProcessor]", never, { "html": { "alias": "ngDocPageProcessor"; "required": true; }; }, { "afterRender": "afterRender"; }, never, ["*"], true, never>;
+}
+
+export { NgDocPageProcessorComponent };