@ng-doc/ui-kit 22.0.0 → 22.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Aleksandr Skoropad
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';
+import { NG_DOC_UI_KIT_TEXTS } from '@ng-doc/ui-kit/texts';
 
-/** The icon and the title each built-in callout type shows. */
-const BLOCKQUOTE_PRESETS = {
-    note: { icon: 'info', label: 'Note' },
-    warning: { icon: 'alert-triangle', label: 'Warning' },
-    alert: { icon: 'alert-circle', label: 'Alert' },
-    success: { icon: 'check', label: 'Success' },
+/** The icon of each built-in callout type; its title is in `NgDocBlockquoteTexts`. */
+const BLOCKQUOTE_ICONS = {
+    note: 'info',
+    warning: 'alert-triangle',
+    alert: 'alert-circle',
+    success: 'check',
 };
 /**
  * A callout. A Markdown blockquote whose first word is a bold type name, such as Note, renders
@@ -28,11 +29,18 @@ class NgDocBlockquoteComponent {
         /** A title that replaces the type title, for example "Deprecated". */
         this.label = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.texts = inject(NG_DOC_UI_KIT_TEXTS).blockquote;
         /** The icon that is shown, if any. */
-        this.iconName = computed(() => this.icon() || BLOCKQUOTE_PRESETS[this.type()]?.icon, /* @ts-ignore */
+        this.iconName = computed(() => this.icon() || BLOCKQUOTE_ICONS[this.type()], /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconName" }] : /* istanbul ignore next */ []));
         /** The title that is shown, if any. */
-        this.title = computed(() => this.label() || (this.icon() ? undefined : BLOCKQUOTE_PRESETS[this.type()]?.label), /* @ts-ignore */
+        this.title = computed(() => {
+            const type = this.type();
+            return (this.label() ||
+                (this.icon() || !BLOCKQUOTE_ICONS[type]
+                    ? undefined
+                    : this.texts[type]));
+        }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, Signal } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NgDocBlockquoteType } from '@ng-doc/ui-kit/types';\n\n/** The icon and the title each built-in callout type shows. */\nconst BLOCKQUOTE_PRESETS: Partial<\n  Record<NgDocBlockquoteType, { readonly icon: string; readonly label: string }>\n> = {\n  note: { icon: 'info', label: 'Note' },\n  warning: { icon: 'alert-triangle', label: 'Warning' },\n  alert: { icon: 'alert-circle', label: 'Alert' },\n  success: { icon: 'check', label: 'Success' },\n};\n\n/**\n * A callout. A Markdown blockquote whose first word is a bold type name, such as Note, renders\n * as this component.\n *\n * The `note`, `warning`, `alert` and `success` types show their icon and their name as a title\n * (\"Note\", \"Warning\", ...). A callout with a custom `icon` shows no type title, only its `label`\n * when it has one. The `default` type has neither an icon nor a title.\n */\n@Component({\n  selector: 'blockquote[ng-doc-blockquote]',\n  templateUrl: './blockquote.component.html',\n  styleUrls: ['./blockquote.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocIconComponent],\n  host: {\n    '[attr.data-ng-doc-type]': 'type()',\n    '[attr.data-ng-doc-has-icon]': 'iconName() ? \"\" : null',\n  },\n})\nexport class NgDocBlockquoteComponent {\n  /** Callout type; it selects the colour, the icon and the title. */\n  readonly type = input<NgDocBlockquoteType>('default');\n\n  /** Name of an icon that replaces the type's icon; the type title is not shown then. */\n  readonly icon = input<string | undefined>(undefined);\n\n  /** A title that replaces the type title, for example \"Deprecated\". */\n  readonly label = input<string | undefined>(undefined);\n\n  /** The icon that is shown, if any. */\n  protected readonly iconName: Signal<string | undefined> = computed(\n    () => this.icon() || BLOCKQUOTE_PRESETS[this.type()]?.icon,\n  );\n\n  /** The title that is shown, if any. */\n  protected readonly title: Signal<string | undefined> = computed(\n    () => this.label() || (this.icon() ? undefined : BLOCKQUOTE_PRESETS[this.type()]?.label),\n  );\n}\n","@if (iconName(); as iconName) {\n  <div class=\"ng-doc-blockquote-icon\" aria-hidden=\"true\">\n    <ng-doc-icon [icon]=\"iconName\" size=\"24\"></ng-doc-icon>\n  </div>\n}\n<div class=\"ng-doc-blockquote\">\n  @if (title(); as title) {\n    <span class=\"ng-doc-blockquote-title\">{{ title }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;AACA,MAAM,kBAAkB,GAEpB;IACF,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IACrC,OAAO,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,SAAS,EAAE;IACrD,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;CAC7C;AAED;;;;;;;AAOG;MAYU,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;;QAaW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,SAAS;iFAAC;;QAG5C,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,SAAS;iFAAC;;QAG3C,IAAA,CAAA,KAAK,GAAG,KAAK,CAAqB,SAAS;kFAAC;;AAGlC,QAAA,IAAA,CAAA,QAAQ,GAA+B,QAAQ,CAChE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;qFAC3D;;AAGkB,QAAA,IAAA,CAAA,KAAK,GAA+B,QAAQ,CAC7D,MAAM,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,GAAG,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;kFACzF;AACF,IAAA;8GAnBY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCrC,0VAWA,EAAA,MAAA,EAAA,CAAA,+qEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDgBY,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,+BAA+B,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,WACtC,CAAC,kBAAkB,CAAC,EAAA,IAAA,EACvB;AACJ,wBAAA,yBAAyB,EAAE,QAAQ;AACnC,wBAAA,6BAA6B,EAAE,wBAAwB;AACxD,qBAAA,EAAA,QAAA,EAAA,0VAAA,EAAA,MAAA,EAAA,CAAA,+qEAAA,CAAA,EAAA;;;AE/BH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-blockquote.mjs","sources":["../../../../libs/ui-kit/components/blockquote/blockquote.component.ts","../../../../libs/ui-kit/components/blockquote/blockquote.component.html","../../../../libs/ui-kit/components/blockquote/ng-doc-ui-kit-components-blockquote.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, Signal } from '@angular/core';\nimport { NgDocIconComponent } from '@ng-doc/ui-kit/components/icon';\nimport { NG_DOC_UI_KIT_TEXTS, NgDocBlockquoteTexts } from '@ng-doc/ui-kit/texts';\nimport { NgDocBlockquoteType } from '@ng-doc/ui-kit/types';\n\n/** The icon of each built-in callout type; its title is in `NgDocBlockquoteTexts`. */\nconst BLOCKQUOTE_ICONS: Partial<Record<NgDocBlockquoteType, string>> = {\n  note: 'info',\n  warning: 'alert-triangle',\n  alert: 'alert-circle',\n  success: 'check',\n};\n\n/**\n * A callout. A Markdown blockquote whose first word is a bold type name, such as Note, renders\n * as this component.\n *\n * The `note`, `warning`, `alert` and `success` types show their icon and their name as a title\n * (\"Note\", \"Warning\", ...). A callout with a custom `icon` shows no type title, only its `label`\n * when it has one. The `default` type has neither an icon nor a title.\n */\n@Component({\n  selector: 'blockquote[ng-doc-blockquote]',\n  templateUrl: './blockquote.component.html',\n  styleUrls: ['./blockquote.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocIconComponent],\n  host: {\n    '[attr.data-ng-doc-type]': 'type()',\n    '[attr.data-ng-doc-has-icon]': 'iconName() ? \"\" : null',\n  },\n})\nexport class NgDocBlockquoteComponent {\n  /** Callout type; it selects the colour, the icon and the title. */\n  readonly type = input<NgDocBlockquoteType>('default');\n\n  /** Name of an icon that replaces the type's icon; the type title is not shown then. */\n  readonly icon = input<string | undefined>(undefined);\n\n  /** A title that replaces the type title, for example \"Deprecated\". */\n  readonly label = input<string | undefined>(undefined);\n\n  private readonly texts: NgDocBlockquoteTexts = inject(NG_DOC_UI_KIT_TEXTS).blockquote;\n\n  /** The icon that is shown, if any. */\n  protected readonly iconName: Signal<string | undefined> = computed(\n    () => this.icon() || BLOCKQUOTE_ICONS[this.type()],\n  );\n\n  /** The title that is shown, if any. */\n  protected readonly title: Signal<string | undefined> = computed(() => {\n    const type: NgDocBlockquoteType = this.type();\n\n    return (\n      this.label() ||\n      (this.icon() || !BLOCKQUOTE_ICONS[type]\n        ? undefined\n        : this.texts[type as keyof NgDocBlockquoteTexts])\n    );\n  });\n}\n","@if (iconName(); as iconName) {\n  <div class=\"ng-doc-blockquote-icon\" aria-hidden=\"true\">\n    <ng-doc-icon [icon]=\"iconName\" size=\"24\"></ng-doc-icon>\n  </div>\n}\n<div class=\"ng-doc-blockquote\">\n  @if (title(); as title) {\n    <span class=\"ng-doc-blockquote-title\">{{ title }}</span>\n  }\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAKA;AACA,MAAM,gBAAgB,GAAiD;AACrE,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,OAAO,EAAE,OAAO;CACjB;AAED;;;;;;;AAOG;MAYU,wBAAwB,CAAA;AAXrC,IAAA,WAAA,GAAA;;QAaW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,SAAS;iFAAC;;QAG5C,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqB,SAAS;iFAAC;;QAG3C,IAAA,CAAA,KAAK,GAAG,KAAK,CAAqB,SAAS;kFAAC;AAEpC,QAAA,IAAA,CAAA,KAAK,GAAyB,MAAM,CAAC,mBAAmB,CAAC,CAAC,UAAU;;AAGlE,QAAA,IAAA,CAAA,QAAQ,GAA+B,QAAQ,CAChE,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;qFACnD;;AAGkB,QAAA,IAAA,CAAA,KAAK,GAA+B,QAAQ,CAAC,MAAK;AACnE,YAAA,MAAM,IAAI,GAAwB,IAAI,CAAC,IAAI,EAAE;AAE7C,YAAA,QACE,IAAI,CAAC,KAAK,EAAE;iBACX,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI;AACpC,sBAAE;sBACA,IAAI,CAAC,KAAK,CAAC,IAAkC,CAAC,CAAC;QAEvD,CAAC;kFAAC;AACH,IAAA;8GA5BY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCrC,0VAWA,EAAA,MAAA,EAAA,CAAA,+qEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDeY,kBAAkB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMjB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAXpC,SAAS;+BACE,+BAA+B,EAAA,eAAA,EAGxB,uBAAuB,CAAC,MAAM,WACtC,CAAC,kBAAkB,CAAC,EAAA,IAAA,EACvB;AACJ,wBAAA,yBAAyB,EAAE,QAAQ;AACnC,wBAAA,6BAA6B,EAAE,wBAAwB;AACxD,qBAAA,EAAA,QAAA,EAAA,0VAAA,EAAA,MAAA,EAAA,CAAA,+qEAAA,CAAA,EAAA;;;AE9BH;;AAEG;;;;"}

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

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, contentChild, TemplateRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, inject, 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';
@@ -10,6 +10,7 @@ import { NgDocInputWrapperComponent } from '@ng-doc/ui-kit/components/input-wrap
 import { NgDocDataDirective } from '@ng-doc/ui-kit/directives/data';
 import { NgDocFocusCatcherDirective } from '@ng-doc/ui-kit/directives/focus-catcher';
 import { NgDocInputStringDirective } from '@ng-doc/ui-kit/directives/input-string';
+import { NG_DOC_UI_KIT_TEXTS } from '@ng-doc/ui-kit/texts';
 import { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
 import { DIControl, provideHostControl } from 'di-controls';
 
@@ -23,8 +24,8 @@ class NgDocComboboxComponent extends DIControl {
         /** 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 */
+        /** Placeholder of the text field. Defaults to the `combobox.placeholder` text. */
+        this.placeholder = input(inject(NG_DOC_UI_KIT_TEXTS).combobox.placeholder, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
         /** Whether the clear button is shown. */
         this.clearButton = input(true, /* @ts-ignore */

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 { 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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"}
+{"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  inject,\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 { NG_DOC_UI_KIT_TEXTS } from '@ng-doc/ui-kit/texts';\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. Defaults to the `combobox.placeholder` text. */\n  readonly placeholder = input<string>(inject(NG_DOC_UI_KIT_TEXTS).combobox.placeholder);\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-pane.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { Directive, inject, DOCUMENT, ElementRef, NgZone, input, viewChild, signal, DestroyRef, afterRenderEffect, untracked, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NG_DOC_UI_KIT_TEXTS } from '@ng-doc/ui-kit/texts';
 import { fromEvent, merge } from 'rxjs';
 import { tap, map, pairwise, switchMap, takeUntil, take, filter, debounceTime } from 'rxjs/operators';
 
@@ -34,6 +35,7 @@ const KEYBOARD_STEP = 0.1;
  */
 class NgDocPaneComponent {
     constructor() {
+        this.texts = inject(NG_DOC_UI_KIT_TEXTS).pane;
         this.document = inject(DOCUMENT);
         this.elementRef = inject(ElementRef);
         this.ngZone = inject(NgZone);
@@ -118,13 +120,13 @@ class NgDocPaneComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NgDocPaneComponent, isStandalone: true, selector: "ng-doc-pane", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-dragging": "dragging()" } }, viewQueries: [{ propertyName: "resizer", first: true, predicate: ["resizer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-label=\"Resize the panes\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-pane-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-pane-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ng-doc-focus-ring-color)}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-10);border-radius:50px;position:absolute;width:4px;height:20%;top:50%;left:50%;transform:translateY(-50%) translate(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: NgDocPaneComponent, isStandalone: true, selector: "ng-doc-pane", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-dragging": "dragging()" } }, viewQueries: [{ propertyName: "resizer", first: true, predicate: ["resizer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-label]=\"texts.resizer\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-pane-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-pane-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ng-doc-focus-ring-color)}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-10);border-radius:50px;position:absolute;width:4px;height:20%;top:50%;left:50%;transform:translateY(-50%) translate(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocPaneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-pane', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-ng-doc-dragging]': 'dragging()',
-                    }, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-label=\"Resize the panes\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-pane-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-pane-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ng-doc-focus-ring-color)}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-10);border-radius:50px;position:absolute;width:4px;height:20%;top:50%;left:50%;transform:translateY(-50%) translate(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"] }]
+                    }, template: "<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-label]=\"texts.resizer\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:relative;display:flex;width:100%;border-radius:var(--ng-doc-pane-border-radius, var(--ng-doc-base-gutter));border:var(--ng-doc-pane-border, 1px solid var(--ng-doc-border-color));overflow:hidden}:host[data-ng-doc-dragging=false] .ng-doc-pane-back{transition:var(--ng-doc-transition) width}:host .ng-doc-pane-front{position:relative;display:flex;width:100%;background-color:var(--ng-doc-pane-front-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-right-radius:var(--ng-doc-base-gutter);border-bottom-right-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-front-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-back{position:relative;display:flex;flex-shrink:0;width:100%;background-color:var(--ng-doc-pane-back-background, var(--ng-doc-pane-background, var(--ng-doc-base-1)));overflow:hidden;border-top-left-radius:var(--ng-doc-base-gutter);border-bottom-left-radius:var(--ng-doc-base-gutter);border:var(--ng-doc-pane-back-border, var(--ng-doc-pane-border))}:host .ng-doc-pane-resizer{position:relative;flex-shrink:0;transform:translateZ(0);background-color:var(--ng-doc-base-3);width:16px;display:block;cursor:ew-resize}:host .ng-doc-pane-resizer:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ng-doc-focus-ring-color)}:host .ng-doc-pane-resizer:after{content:\"\";display:flex;background:var(--ng-doc-base-10);border-radius:50px;position:absolute;width:4px;height:20%;top:50%;left:50%;transform:translateY(-50%) translate(-50%);opacity:1;transition:var(--ng-doc-transition) height}:host .ng-doc-pane-content{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;min-width:var(--ng-doc-pane-content-min-width, 200px)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], resizer: [{ type: i0.ViewChild, args: ['resizer', { isSignal: true }] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-pane.mjs","sources":["../../../../libs/ui-kit/components/pane/pane.component.ts","../../../../libs/ui-kit/components/pane/pane.component.html","../../../../libs/ui-kit/components/pane/ng-doc-ui-kit-components-pane.ts"],"sourcesContent":["import {\n  afterNextRender,\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport {\n  debounceTime,\n  filter,\n  map,\n  pairwise,\n  switchMap,\n  take,\n  takeUntil,\n  tap,\n} from 'rxjs/operators';\n\n/** Marks the content in front of an `ng-doc-pane` (the right side). */\n@Directive({\n  selector: '[ngDocPaneFront]',\n})\nexport class NgDocPaneFrontDirective {}\n\n/** Marks the content behind an `ng-doc-pane` (the left side, revealed by dragging). */\n@Directive({\n  selector: '[ngDocPaneBack]',\n})\nexport class NgDocPaneBackDirective {}\n\n/** The share of the pane a keyboard step moves the resizer by. */\nconst KEYBOARD_STEP = 0.1;\n\n/**\n * Two panes side by side with a resizer between them. Drag the resizer, click it or use the\n * arrow keys on it to reveal the back pane; Enter or Space toggles it.\n */\n@Component({\n  selector: 'ng-doc-pane',\n  templateUrl: './pane.component.html',\n  styleUrls: ['./pane.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-ng-doc-dragging]': 'dragging()',\n  },\n})\nexport class NgDocPaneComponent {\n  private readonly document = inject<Document>(DOCUMENT);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly ngZone = inject(NgZone);\n\n  /** Whether the back pane is revealed. */\n  readonly expanded = input<boolean>(false);\n\n  /** The resizer between the panes. */\n  readonly resizer = viewChild.required<ElementRef<HTMLElement>>('resizer');\n\n  /** Width of the back pane, as a CSS length. */\n  readonly width = signal<string>('0px');\n\n  /** Share of the pane the back pane takes, in percent, for assistive technology. */\n  protected readonly valueNow = signal<number>(0);\n\n  /** Whether the resizer is being dragged. */\n  protected readonly dragging = signal<boolean>(false);\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n\n    // Opens or closes the back pane when `expanded` changes; it measures, so it runs after render.\n    afterRenderEffect({\n      write: () => {\n        const expanded: boolean = this.expanded();\n\n        untracked(() => {\n          const width: number = this.elementRef.nativeElement.offsetWidth;\n\n          this.addDelta(expanded ? width : -width);\n        });\n      },\n    });\n\n    // Pointer and resize events arrive often; they are handled outside the Angular zone, and the\n    // signals they write schedule the render.\n    afterNextRender(() =>\n      this.ngZone.runOutsideAngular(() => {\n        const resizer: HTMLElement = this.resizer().nativeElement;\n        const mouseDown$ = fromEvent(resizer, 'mousedown').pipe(tap(() => this.dragging.set(true)));\n        const mouseUp$ = fromEvent(this.document, 'mouseup').pipe(\n          tap(() => this.dragging.set(false)),\n        );\n        const mouseMove$ = (fromEvent(this.document, 'mousemove') as Observable<MouseEvent>).pipe(\n          map((event: MouseEvent) => event.clientX),\n          pairwise(),\n          map(([prev, next]: [number, number]) => next - prev),\n        );\n\n        mouseDown$\n          .pipe(\n            switchMap(() =>\n              merge(\n                mouseMove$.pipe(takeUntil(mouseUp$)),\n                mouseUp$.pipe(\n                  map(() => null),\n                  takeUntil(mouseMove$),\n                  take(1),\n                ),\n              ),\n            ),\n            filter((delta: number | null) => delta !== 0),\n            takeUntilDestroyed(destroyRef),\n          )\n          .subscribe((delta: number | null) =>\n            delta === null ? this.toggle() : this.addDelta(delta),\n          );\n\n        fromEvent(this.document.defaultView ?? window, 'resize')\n          .pipe(debounceTime(100), takeUntilDestroyed(destroyRef))\n          .subscribe(() => this.addDelta(0));\n      }),\n    );\n  }\n\n  /** Reveals the back pane when it is mostly hidden, and hides it otherwise. */\n  toggle(): void {\n    untracked(() => {\n      const width: number = this.elementRef.nativeElement.offsetWidth;\n\n      this.addDelta(this.resizer().nativeElement.offsetLeft < width / 2 ? width : -width);\n    });\n  }\n\n  /**\n   * Moves the resizer with the keyboard.\n   * @param event - The key press on the resizer.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    const step: number = this.elementRef.nativeElement.offsetWidth * KEYBOARD_STEP;\n    const width: number = this.elementRef.nativeElement.offsetWidth;\n    const delta: number | undefined = {\n      ArrowRight: step,\n      ArrowLeft: -step,\n      Home: -width,\n      End: width,\n    }[event.key];\n\n    if (delta !== undefined) {\n      event.preventDefault();\n      this.addDelta(delta);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  private addDelta(delta: number): void {\n    const host: HTMLElement = this.elementRef.nativeElement;\n    const resizer: HTMLElement | undefined = this.resizer()?.nativeElement;\n\n    if (resizer) {\n      const maxWidth: number = host.offsetWidth - resizer.offsetWidth;\n      const width: number = Math.min(maxWidth, Math.max(0, resizer.offsetLeft + delta));\n\n      this.width.set(`${width}px`);\n      this.valueNow.set(maxWidth > 0 ? Math.round((width / maxWidth) * 100) : 0);\n    }\n  }\n}\n","<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-label=\"Resize the panes\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\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-pane.mjs","sources":["../../../../libs/ui-kit/components/pane/pane.component.ts","../../../../libs/ui-kit/components/pane/pane.component.html","../../../../libs/ui-kit/components/pane/ng-doc-ui-kit-components-pane.ts"],"sourcesContent":["import {\n  afterNextRender,\n  afterRenderEffect,\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  DOCUMENT,\n  ElementRef,\n  inject,\n  input,\n  NgZone,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NG_DOC_UI_KIT_TEXTS, NgDocPaneTexts } from '@ng-doc/ui-kit/texts';\nimport { fromEvent, merge, Observable } from 'rxjs';\nimport {\n  debounceTime,\n  filter,\n  map,\n  pairwise,\n  switchMap,\n  take,\n  takeUntil,\n  tap,\n} from 'rxjs/operators';\n\n/** Marks the content in front of an `ng-doc-pane` (the right side). */\n@Directive({\n  selector: '[ngDocPaneFront]',\n})\nexport class NgDocPaneFrontDirective {}\n\n/** Marks the content behind an `ng-doc-pane` (the left side, revealed by dragging). */\n@Directive({\n  selector: '[ngDocPaneBack]',\n})\nexport class NgDocPaneBackDirective {}\n\n/** The share of the pane a keyboard step moves the resizer by. */\nconst KEYBOARD_STEP = 0.1;\n\n/**\n * Two panes side by side with a resizer between them. Drag the resizer, click it or use the\n * arrow keys on it to reveal the back pane; Enter or Space toggles it.\n */\n@Component({\n  selector: 'ng-doc-pane',\n  templateUrl: './pane.component.html',\n  styleUrls: ['./pane.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-ng-doc-dragging]': 'dragging()',\n  },\n})\nexport class NgDocPaneComponent {\n  protected readonly texts: NgDocPaneTexts = inject(NG_DOC_UI_KIT_TEXTS).pane;\n\n  private readonly document = inject<Document>(DOCUMENT);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly ngZone = inject(NgZone);\n\n  /** Whether the back pane is revealed. */\n  readonly expanded = input<boolean>(false);\n\n  /** The resizer between the panes. */\n  readonly resizer = viewChild.required<ElementRef<HTMLElement>>('resizer');\n\n  /** Width of the back pane, as a CSS length. */\n  readonly width = signal<string>('0px');\n\n  /** Share of the pane the back pane takes, in percent, for assistive technology. */\n  protected readonly valueNow = signal<number>(0);\n\n  /** Whether the resizer is being dragged. */\n  protected readonly dragging = signal<boolean>(false);\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n\n    // Opens or closes the back pane when `expanded` changes; it measures, so it runs after render.\n    afterRenderEffect({\n      write: () => {\n        const expanded: boolean = this.expanded();\n\n        untracked(() => {\n          const width: number = this.elementRef.nativeElement.offsetWidth;\n\n          this.addDelta(expanded ? width : -width);\n        });\n      },\n    });\n\n    // Pointer and resize events arrive often; they are handled outside the Angular zone, and the\n    // signals they write schedule the render.\n    afterNextRender(() =>\n      this.ngZone.runOutsideAngular(() => {\n        const resizer: HTMLElement = this.resizer().nativeElement;\n        const mouseDown$ = fromEvent(resizer, 'mousedown').pipe(tap(() => this.dragging.set(true)));\n        const mouseUp$ = fromEvent(this.document, 'mouseup').pipe(\n          tap(() => this.dragging.set(false)),\n        );\n        const mouseMove$ = (fromEvent(this.document, 'mousemove') as Observable<MouseEvent>).pipe(\n          map((event: MouseEvent) => event.clientX),\n          pairwise(),\n          map(([prev, next]: [number, number]) => next - prev),\n        );\n\n        mouseDown$\n          .pipe(\n            switchMap(() =>\n              merge(\n                mouseMove$.pipe(takeUntil(mouseUp$)),\n                mouseUp$.pipe(\n                  map(() => null),\n                  takeUntil(mouseMove$),\n                  take(1),\n                ),\n              ),\n            ),\n            filter((delta: number | null) => delta !== 0),\n            takeUntilDestroyed(destroyRef),\n          )\n          .subscribe((delta: number | null) =>\n            delta === null ? this.toggle() : this.addDelta(delta),\n          );\n\n        fromEvent(this.document.defaultView ?? window, 'resize')\n          .pipe(debounceTime(100), takeUntilDestroyed(destroyRef))\n          .subscribe(() => this.addDelta(0));\n      }),\n    );\n  }\n\n  /** Reveals the back pane when it is mostly hidden, and hides it otherwise. */\n  toggle(): void {\n    untracked(() => {\n      const width: number = this.elementRef.nativeElement.offsetWidth;\n\n      this.addDelta(this.resizer().nativeElement.offsetLeft < width / 2 ? width : -width);\n    });\n  }\n\n  /**\n   * Moves the resizer with the keyboard.\n   * @param event - The key press on the resizer.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    const step: number = this.elementRef.nativeElement.offsetWidth * KEYBOARD_STEP;\n    const width: number = this.elementRef.nativeElement.offsetWidth;\n    const delta: number | undefined = {\n      ArrowRight: step,\n      ArrowLeft: -step,\n      Home: -width,\n      End: width,\n    }[event.key];\n\n    if (delta !== undefined) {\n      event.preventDefault();\n      this.addDelta(delta);\n    } else if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    }\n  }\n\n  private addDelta(delta: number): void {\n    const host: HTMLElement = this.elementRef.nativeElement;\n    const resizer: HTMLElement | undefined = this.resizer()?.nativeElement;\n\n    if (resizer) {\n      const maxWidth: number = host.offsetWidth - resizer.offsetWidth;\n      const width: number = Math.min(maxWidth, Math.max(0, resizer.offsetLeft + delta));\n\n      this.width.set(`${width}px`);\n      this.valueNow.set(maxWidth > 0 ? Math.round((width / maxWidth) * 100) : 0);\n    }\n  }\n}\n","<div class=\"ng-doc-pane-back\" [style.width]=\"width()\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneBack]\"></ng-content>\n  </div>\n</div>\n<div\n  class=\"ng-doc-pane-resizer\"\n  role=\"separator\"\n  aria-orientation=\"vertical\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-label]=\"texts.resizer\"\n  [attr.aria-valuenow]=\"valueNow()\"\n  tabindex=\"0\"\n  (keydown)=\"onKeydown($event)\"\n  #resizer></div>\n<div class=\"ng-doc-pane-front\">\n  <div class=\"ng-doc-pane-content\">\n    <ng-content select=\"[ngDocPaneFront]\"></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AA8BA;MAIa,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC7B,iBAAA;;AAGD;MAIa,sBAAsB,CAAA;8GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC5B,iBAAA;;AAGD;AACA,MAAM,aAAa,GAAG,GAAG;AAEzB;;;AAGG;MAUU,kBAAkB,CAAA;AAsB7B,IAAA,WAAA,GAAA;AArBmB,QAAA,IAAA,CAAA,KAAK,GAAmB,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI;AAE1D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAW,QAAQ,CAAC;AACrC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;;QAG/B,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK;qFAAC;;AAGhC,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,QAAQ,CAA0B,SAAS;oFAAC;;QAGhE,IAAA,CAAA,KAAK,GAAG,MAAM,CAAS,KAAK;kFAAC;;QAGnB,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAS,CAAC;qFAAC;;QAG5B,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAU,KAAK;qFAAC;AAGlD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;;AAGrC,QAAA,iBAAiB,CAAC;YAChB,KAAK,EAAE,MAAK;AACV,gBAAA,MAAM,QAAQ,GAAY,IAAI,CAAC,QAAQ,EAAE;gBAEzC,SAAS,CAAC,MAAK;oBACb,MAAM,KAAK,GAAW,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW;AAE/D,oBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AAC1C,gBAAA,CAAC,CAAC;YACJ,CAAC;AACF,SAAA,CAAC;;;QAIF,eAAe,CAAC,MACd,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAAK;YACjC,MAAM,OAAO,GAAgB,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa;YACzD,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AAC3F,YAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CACvD,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CACpC;YACD,MAAM,UAAU,GAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAA4B,CAAC,IAAI,CACvF,GAAG,CAAC,CAAC,KAAiB,KAAK,KAAK,CAAC,OAAO,CAAC,EACzC,QAAQ,EAAE,EACV,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAmB,KAAK,IAAI,GAAG,IAAI,CAAC,CACrD;YAED;iBACG,IAAI,CACH,SAAS,CAAC,MACR,KAAK,CACH,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EACpC,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,MAAM,IAAI,CAAC,EACf,SAAS,CAAC,UAAU,CAAC,EACrB,IAAI,CAAC,CAAC,CAAC,CACR,CACF,CACF,EACD,MAAM,CAAC,CAAC,KAAoB,KAAK,KAAK,KAAK,CAAC,CAAC,EAC7C,kBAAkB,CAAC,UAAU,CAAC;iBAE/B,SAAS,CAAC,CAAC,KAAoB,KAC9B,KAAK,KAAK,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CACtD;YAEH,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,MAAM,EAAE,QAAQ;iBACpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC;iBACtD,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,CACH;IACH;;IAGA,MAAM,GAAA;QACJ,SAAS,CAAC,MAAK;YACb,MAAM,KAAK,GAAW,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW;YAE/D,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,CAAC,UAAU,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC;AACrF,QAAA,CAAC,CAAC;IACJ;AAEA;;;AAGG;AACO,IAAA,SAAS,CAAC,KAAoB,EAAA;QACtC,MAAM,IAAI,GAAW,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,GAAG,aAAa;QAC9E,MAAM,KAAK,GAAW,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW;AAC/D,QAAA,MAAM,KAAK,GAAuB;AAChC,YAAA,UAAU,EAAE,IAAI;YAChB,SAAS,EAAE,CAAC,IAAI;YAChB,IAAI,EAAE,CAAC,KAAK;AACZ,YAAA,GAAG,EAAE,KAAK;AACX,SAAA,CAAC,KAAK,CAAC,GAAG,CAAC;AAEZ,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACtB;AAAO,aAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,MAAM,EAAE;QACf;IACF;AAEQ,IAAA,QAAQ,CAAC,KAAa,EAAA;AAC5B,QAAA,MAAM,IAAI,GAAgB,IAAI,CAAC,UAAU,CAAC,aAAa;QACvD,MAAM,OAAO,GAA4B,IAAI,CAAC,OAAO,EAAE,EAAE,aAAa;QAEtE,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAW,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW;YAC/D,MAAM,KAAK,GAAW,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;YAEjF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,CAAC;AAC5B,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;QAC5E;IACF;8GA1HW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,6YC1D/B,4mBAqBA,EAAA,MAAA,EAAA,CAAA,+sDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDqCa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,6BAA6B,EAAE,YAAY;AAC5C,qBAAA,EAAA,QAAA,EAAA,4mBAAA,EAAA,MAAA,EAAA,CAAA,+sDAAA,CAAA,EAAA;+LAa8D,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AErE1E;;AAEG;;;;"}

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

@@ -31,14 +31,14 @@ class NgDocSidenavComponent {
         this.closeEvent = output();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocSidenavComponent, isStandalone: true, selector: "ng-doc-sidenav", inputs: { sidebar: { classPropertyName: "sidebar", publicName: "sidebar", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent" }, host: { properties: { "attr.data-ng-doc-sidebar": "!!sidebar()", "attr.data-ng-doc-opened": "opened()" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-navbar-height);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}@media(max-width:900px){:host .ng-doc-sidenav{left:calc(var(--ng-doc-sidenav-width) * -1);max-width:100%;visibility:hidden;transition:left var(--ng-doc-transition),visibility var(--ng-doc-transition)}:host[data-ng-doc-opened=true] .ng-doc-sidenav{left:0;visibility:visible;--ng-doc-sidebar-shadow: var(--ng-doc-shadow-lg)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){:host .ng-doc-sidenav,:host .ng-doc-sidenav-content{transition:none}}:host .backdrop-enter{animation:ng-doc-backdrop-fade-in var(--ng-doc-transition) forwards}@keyframes ng-doc-backdrop-fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocSidenavComponent, isStandalone: true, selector: "ng-doc-sidenav", inputs: { sidebar: { classPropertyName: "sidebar", publicName: "sidebar", isSignal: true, isRequired: false, transformFunction: null }, opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closeEvent: "closeEvent" }, host: { properties: { "attr.data-ng-doc-sidebar": "!!sidebar()", "attr.data-ng-doc-opened": "opened()" } }, ngImport: i0, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, var(--ng-doc-navbar-height));width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}@media(max-width:900px){:host .ng-doc-sidenav{left:calc(var(--ng-doc-sidenav-width) * -1);max-width:100%;visibility:hidden;transition:left var(--ng-doc-transition),visibility var(--ng-doc-transition)}:host[data-ng-doc-opened=true] .ng-doc-sidenav{left:0;visibility:visible;--ng-doc-sidebar-shadow: var(--ng-doc-shadow-lg)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){:host .ng-doc-sidenav,:host .ng-doc-sidenav-content{transition:none}}:host .backdrop-enter{animation:ng-doc-backdrop-fade-in var(--ng-doc-transition) forwards}@keyframes ng-doc-backdrop-fade-in{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocSidenavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-sidenav', changeDetection: ChangeDetectionStrategy.OnPush, imports: [PolymorpheusOutlet], host: {
                         '[attr.data-ng-doc-sidebar]': '!!sidebar()',
                         '[attr.data-ng-doc-opened]': 'opened()',
-                    }, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-navbar-height);width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}@media(max-width:900px){:host .ng-doc-sidenav{left:calc(var(--ng-doc-sidenav-width) * -1);max-width:100%;visibility:hidden;transition:left var(--ng-doc-transition),visibility var(--ng-doc-transition)}:host[data-ng-doc-opened=true] .ng-doc-sidenav{left:0;visibility:visible;--ng-doc-sidebar-shadow: var(--ng-doc-shadow-lg)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){:host .ng-doc-sidenav,:host .ng-doc-sidenav-content{transition:none}}:host .backdrop-enter{animation:ng-doc-backdrop-fade-in var(--ng-doc-transition) forwards}@keyframes ng-doc-backdrop-fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
+                    }, template: "<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{width:100%}:host[data-ng-doc-sidebar=false] .ng-doc-sidenav-content{margin-left:0;width:100%}:host .ng-doc-sidenav-wrapper{position:relative;display:flex;width:100%}:host .ng-doc-sidenav{position:fixed;top:var(--ng-doc-sidenav-top, var(--ng-doc-navbar-height));width:var(--ng-doc-sidenav-width);flex-shrink:0;z-index:10;transition:left var(--ng-doc-transition)}:host .ng-doc-sidenav-content{margin-left:var(--ng-doc-sidenav-width);width:calc(100% - var(--ng-doc-sidenav-width));padding:var(--ng-doc-sidenav-content-padding);transition:margin-left var(--ng-doc-transition)}:host .ng-doc-backdrop:not(nothing){background:color-mix(in srgb,rgba(0,0,0,.2) 60%,transparent);backdrop-filter:blur(20px)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){:host .ng-doc-backdrop{background-color:#0003}}:host .ng-doc-backdropnothing{background-color:#0003}:host .ng-doc-backdrop{position:fixed!important;left:0;top:0;width:100%;height:100%;z-index:9}@media(max-width:900px){:host .ng-doc-sidenav{left:calc(var(--ng-doc-sidenav-width) * -1);max-width:100%;visibility:hidden;transition:left var(--ng-doc-transition),visibility var(--ng-doc-transition)}:host[data-ng-doc-opened=true] .ng-doc-sidenav{left:0;visibility:visible;--ng-doc-sidebar-shadow: var(--ng-doc-shadow-lg)}:host .ng-doc-sidenav-content{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){:host .ng-doc-sidenav,:host .ng-doc-sidenav-content{transition:none}}:host .backdrop-enter{animation:ng-doc-backdrop-fade-in var(--ng-doc-transition) forwards}@keyframes ng-doc-backdrop-fade-in{0%{opacity:0}to{opacity:1}}\n"] }]
         }], propDecorators: { sidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebar", required: false }] }], opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], closeEvent: [{ type: i0.Output, args: ["closeEvent"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-sidenav.mjs","sources":["../../../../libs/ui-kit/components/sidenav/sidenav.component.ts","../../../../libs/ui-kit/components/sidenav/sidenav.component.html","../../../../libs/ui-kit/components/sidenav/ng-doc-ui-kit-components-sidenav.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/**\n * Layout with a side panel next to the projected content.\n *\n * At 900px and below the side panel becomes an overlay that slides in from the left; `opened`\n * shows it and `closeEvent` asks the owner to hide it. The panel has the id `ng-doc-sidenav`, so a\n * toggle button can point `aria-controls` at it.\n */\n@Component({\n  selector: 'ng-doc-sidenav',\n  templateUrl: './sidenav.component.html',\n  styleUrls: ['./sidenav.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-sidebar]': '!!sidebar()',\n    '[attr.data-ng-doc-opened]': 'opened()',\n  },\n})\nexport class NgDocSidenavComponent {\n  /**\n   * Content of the sidenav.\n   */\n  readonly sidebar = input<NgDocContent>('');\n\n  /**\n   * Indicates whether the sidenav is opened or not.\n   * This is used to trigger the animation.\n   */\n  readonly opened = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Indicates whether the sidenav has a backdrop or not.\n   */\n  readonly hasBackdrop = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Emits when the backdrop is clicked, so the owner can close the sidenav.\n   */\n  readonly closeEvent = output<void>();\n}\n","<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;;;;;AAMG;MAYU,qBAAqB,CAAA;AAXlC,IAAA,WAAA,GAAA;AAYE;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,EAAE;oFAAC;AAE1C;;;AAGG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAmB,IAAI,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhF;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAmB,IAAI,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErF;;AAEG;QACM,IAAA,CAAA,UAAU,GAAG,MAAM,EAAQ;AACrC,IAAA;8GArBY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBlC,waAYA,EAAA,MAAA,EAAA,CAAA,ijDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIY,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMjB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,WACtC,CAAC,kBAAkB,CAAC,EAAA,IAAA,EACvB;AACJ,wBAAA,4BAA4B,EAAE,aAAa;AAC3C,wBAAA,2BAA2B,EAAE,UAAU;AACxC,qBAAA,EAAA,QAAA,EAAA,waAAA,EAAA,MAAA,EAAA,CAAA,ijDAAA,CAAA,EAAA;;;AEpBH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-sidenav.mjs","sources":["../../../../libs/ui-kit/components/sidenav/sidenav.component.ts","../../../../libs/ui-kit/components/sidenav/sidenav.component.html","../../../../libs/ui-kit/components/sidenav/ng-doc-ui-kit-components-sidenav.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectionStrategy, Component, input, output } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/**\n * Layout with a side panel next to the projected content.\n *\n * At 900px and below the side panel becomes an overlay that slides in from the left; `opened`\n * shows it and `closeEvent` asks the owner to hide it. The panel has the id `ng-doc-sidenav`, so a\n * toggle button can point `aria-controls` at it.\n */\n@Component({\n  selector: 'ng-doc-sidenav',\n  templateUrl: './sidenav.component.html',\n  styleUrls: ['./sidenav.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [PolymorpheusOutlet],\n  host: {\n    '[attr.data-ng-doc-sidebar]': '!!sidebar()',\n    '[attr.data-ng-doc-opened]': 'opened()',\n  },\n})\nexport class NgDocSidenavComponent {\n  /**\n   * Content of the sidenav.\n   */\n  readonly sidebar = input<NgDocContent>('');\n\n  /**\n   * Indicates whether the sidenav is opened or not.\n   * This is used to trigger the animation.\n   */\n  readonly opened = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Indicates whether the sidenav has a backdrop or not.\n   */\n  readonly hasBackdrop = input<boolean, unknown>(true, { transform: booleanAttribute });\n\n  /**\n   * Emits when the backdrop is clicked, so the owner can close the sidenav.\n   */\n  readonly closeEvent = output<void>();\n}\n","<div class=\"ng-doc-sidenav-wrapper\">\n  <div class=\"ng-doc-sidenav\" id=\"ng-doc-sidenav\">\n    <ng-container *polymorpheusOutlet=\"sidebar()\"></ng-container>\n  </div>\n  <div class=\"ng-doc-sidenav-content\">\n    @if (opened() && hasBackdrop()) {\n      <div class=\"ng-doc-backdrop\" animate.enter=\"backdrop-enter\" (click)=\"closeEvent.emit()\"></div>\n    }\n\n    <ng-content></ng-content>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;;;;;;AAMG;MAYU,qBAAqB,CAAA;AAXlC,IAAA,WAAA,GAAA;AAYE;;AAEG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,EAAE;oFAAC;AAE1C;;;AAGG;QACM,IAAA,CAAA,MAAM,GAAG,KAAK,CAAmB,IAAI,8EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEhF;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAmB,IAAI,mFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErF;;AAEG;QACM,IAAA,CAAA,UAAU,GAAG,MAAM,EAAQ;AACrC,IAAA;8GArBY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,aAAA,EAAA,yBAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBlC,waAYA,EAAA,MAAA,EAAA,CAAA,4kDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIY,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAMjB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,SAAS;+BACE,gBAAgB,EAAA,eAAA,EAGT,uBAAuB,CAAC,MAAM,WACtC,CAAC,kBAAkB,CAAC,EAAA,IAAA,EACvB;AACJ,wBAAA,4BAA4B,EAAE,aAAa;AAC3C,wBAAA,2BAA2B,EAAE,UAAU;AACxC,qBAAA,EAAA,QAAA,EAAA,waAAA,EAAA,MAAA,EAAA,CAAA,4kDAAA,CAAA,EAAA;;;AEpBH;;AAEG;;;;"}

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

@@ -32,6 +32,12 @@ let nextId = 0;
  */
 class NgDocTabGroupComponent {
     constructor() {
+        /**
+         * `framed` draws the header bar and the panel as one surface; `plain` draws only the tabs over
+         * a line, and the panel takes no frame or background of its own, for content that has its own.
+         */
+        this.appearance = input('framed', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
         /** Id of the tab to open; the first tab opens when it is not set or matches no tab. */
         this.openedTab = input(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "openedTab" }] : /* istanbul ignore next */ []));
@@ -92,7 +98,7 @@ class NgDocTabGroupComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocTabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { openedTab: { classPropertyName: "openedTab", publicName: "openedTab", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent, isSignal: true }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-header{display:flex;align-items:center;flex-shrink:0;min-height:var(--ng-doc-code-header-height, 40px);padding:var(--ng-doc-space-1) var(--ng-doc-space-2);background:var(--ng-doc-tab-group-tabs-background, transparent);border-bottom:1px solid var(--ng-doc-border-color)}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;gap:2px;max-width:100%;padding:3px;border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-2);overflow-x:auto;scrollbar-width:none}:host ng-doc-selection{border-radius:var(--ng-doc-radius-sm);background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:var(--ng-doc-radius-sm);background:none;font:inherit;font-size:13px;font-weight:500;line-height:18px;color:var(--ng-doc-text-muted);white-space:nowrap;cursor:pointer}:host .ng-doc-tab:hover{color:var(--ng-doc-heading-color)}:host .ng-doc-tab:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}:host .ng-doc-tab.selected{color:var(--ng-doc-heading-color)}:host .ng-doc-tab .ng-doc-tab-text{display:inline-flex;align-items:center;gap:6px}:host ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}:host-context([data-theme=dark]) ng-doc-selection,:host-context([data-theme=dark]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}@media(prefers-color-scheme:dark){:host-context([data-theme=auto]) ng-doc-selection,:host-context([data-theme=auto]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: NgDocTabGroupComponent, isStandalone: true, selector: "ng-doc-tab-group", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, openedTab: { classPropertyName: "openedTab", publicName: "openedTab", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ng-doc-tab-group-plain": "appearance() === 'plain'" } }, queries: [{ propertyName: "tabs", predicate: NgDocTabComponent, isSignal: true }], viewQueries: [{ propertyName: "tabElements", predicate: ["headerTab"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-header{display:flex;align-items:center;flex-shrink:0;min-height:var(--ng-doc-code-header-height, 40px);padding:var(--ng-doc-space-1) var(--ng-doc-space-2);background:var(--ng-doc-tab-group-tabs-background, transparent);border-bottom:1px solid var(--ng-doc-border-color)}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;gap:2px;max-width:100%;padding:3px;border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-2);overflow-x:auto;scrollbar-width:none}:host ng-doc-selection{border-radius:var(--ng-doc-radius-sm);background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:var(--ng-doc-radius-sm);background:none;font:inherit;font-size:13px;font-weight:500;line-height:18px;color:var(--ng-doc-text-muted);white-space:nowrap;cursor:pointer}:host .ng-doc-tab:hover{color:var(--ng-doc-heading-color)}:host .ng-doc-tab:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}:host .ng-doc-tab.selected{color:var(--ng-doc-heading-color)}:host .ng-doc-tab .ng-doc-tab-text{display:inline-flex;align-items:center;gap:6px}:host ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}:host-context([data-theme=dark]) ng-doc-selection,:host-context([data-theme=dark]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}@media(prefers-color-scheme:dark){:host-context([data-theme=auto]) ng-doc-selection,:host-context([data-theme=auto]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}}:host(.ng-doc-tab-group-plain){border:none;border-radius:0;background:transparent;overflow:visible}:host(.ng-doc-tab-group-plain)>.ng-doc-tabs-header{padding:0 0 var(--ng-doc-space-2);background:transparent}:host(.ng-doc-tab-group-plain)>.ng-doc-body-wrapper{padding-top:var(--ng-doc-space-4);background:transparent;overflow:visible}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: NgDocSelectionComponent, selector: "ng-doc-selection", inputs: ["align"] }, { kind: "directive", type: NgDocSelectionHostDirective, selector: "[ngDocSelectionHost]" }, { kind: "directive", type: NgDocSelectionOriginDirective, selector: "[ngDocSelectionOrigin]", inputs: ["ngDocSelectionOrigin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocTabGroupComponent, decorators: [{
             type: Component,
@@ -101,8 +107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImpor
                         NgDocSelectionComponent,
                         NgDocSelectionHostDirective,
                         NgDocSelectionOriginDirective,
-                    ], template: "<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-header{display:flex;align-items:center;flex-shrink:0;min-height:var(--ng-doc-code-header-height, 40px);padding:var(--ng-doc-space-1) var(--ng-doc-space-2);background:var(--ng-doc-tab-group-tabs-background, transparent);border-bottom:1px solid var(--ng-doc-border-color)}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;gap:2px;max-width:100%;padding:3px;border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-2);overflow-x:auto;scrollbar-width:none}:host ng-doc-selection{border-radius:var(--ng-doc-radius-sm);background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:var(--ng-doc-radius-sm);background:none;font:inherit;font-size:13px;font-weight:500;line-height:18px;color:var(--ng-doc-text-muted);white-space:nowrap;cursor:pointer}:host .ng-doc-tab:hover{color:var(--ng-doc-heading-color)}:host .ng-doc-tab:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}:host .ng-doc-tab.selected{color:var(--ng-doc-heading-color)}:host .ng-doc-tab .ng-doc-tab-text{display:inline-flex;align-items:center;gap:6px}:host ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}:host-context([data-theme=dark]) ng-doc-selection,:host-context([data-theme=dark]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}@media(prefers-color-scheme:dark){:host-context([data-theme=auto]) ng-doc-selection,:host-context([data-theme=auto]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}}\n"] }]
-        }], propDecorators: { openedTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "openedTab", required: false }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgDocTabComponent), { isSignal: true }] }], tabElements: [{ type: i0.ViewChildren, args: ['headerTab', { isSignal: true }] }] } });
+                    ], host: {
+                        '[class.ng-doc-tab-group-plain]': "appearance() === 'plain'",
+                    }, template: "<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;background:var(--ng-doc-tab-group-header-background, var(--ng-doc-tab-group-background));border-radius:var(--ng-doc-tab-group-border-radius);border:var(--ng-doc-tab-group-border);overflow:hidden}:host .ng-doc-tabs-header{display:flex;align-items:center;flex-shrink:0;min-height:var(--ng-doc-code-header-height, 40px);padding:var(--ng-doc-space-1) var(--ng-doc-space-2);background:var(--ng-doc-tab-group-tabs-background, transparent);border-bottom:1px solid var(--ng-doc-border-color)}:host .ng-doc-tabs-wrapper{font-family:var(--ng-doc-font-family);font-variant:no-contextual;color:var(--ng-doc-text);line-height:var(--ng-doc-line-height);font-size:var(--ng-doc-font-size);font-weight:var(--ng-doc-font-weight);position:relative;display:inline-flex;gap:2px;max-width:100%;padding:3px;border-radius:var(--ng-doc-radius-md);background:var(--ng-doc-base-2);overflow-x:auto;scrollbar-width:none}:host ng-doc-selection{border-radius:var(--ng-doc-radius-sm);background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:var(--ng-doc-radius-sm);background:none;font:inherit;font-size:13px;font-weight:500;line-height:18px;color:var(--ng-doc-text-muted);white-space:nowrap;cursor:pointer}:host .ng-doc-tab:hover{color:var(--ng-doc-heading-color)}:host .ng-doc-tab:focus-visible{outline:none;box-shadow:var(--ng-doc-focus-ring)}:host .ng-doc-tab.selected{color:var(--ng-doc-heading-color)}:host .ng-doc-tab .ng-doc-tab-text{display:inline-flex;align-items:center;gap:6px}:host ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{background:var(--ng-doc-background);box-shadow:var(--ng-doc-shadow-xs)}:host .ng-doc-body-wrapper{position:relative;background-color:var(--ng-doc-tab-group-background);height:100%;overflow:hidden}:host-context([data-theme=dark]) ng-doc-selection,:host-context([data-theme=dark]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}@media(prefers-color-scheme:dark){:host-context([data-theme=auto]) ng-doc-selection,:host-context([data-theme=auto]) ng-doc-selection:not([data-ng-doc-placed])~.ng-doc-tab.selected{box-shadow:var(--ng-doc-shadow-xs),inset 0 0 0 1px var(--ng-doc-base-4)}}:host(.ng-doc-tab-group-plain){border:none;border-radius:0;background:transparent;overflow:visible}:host(.ng-doc-tab-group-plain)>.ng-doc-tabs-header{padding:0 0 var(--ng-doc-space-2);background:transparent}:host(.ng-doc-tab-group-plain)>.ng-doc-body-wrapper{padding-top:var(--ng-doc-space-4);background:transparent;overflow:visible}\n"] }]
+        }], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], openedTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "openedTab", required: false }] }], tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgDocTabComponent), { isSignal: true }] }], tabElements: [{ type: i0.ViewChildren, args: ['headerTab', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n/** One tab of an `ng-doc-tab-group`: its label, its id and the content of its panel. */\n@Component({\n  selector: 'ng-doc-tab, a[ng-doc-tab]',\n  template: '',\n  styleUrls: ['./tab.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabComponent<T> {\n  /** Label of the tab: a string or a template. */\n  readonly label = input<NgDocContent>('');\n\n  /** Id the group's `openedTab` refers to. */\n  readonly id = input<T | number>(0);\n\n  /** Content of the tab's panel. */\n  readonly content = input<NgDocContent>('');\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  input,\n  linkedSignal,\n  Signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport {\n  NgDocSelectionComponent,\n  NgDocSelectionHostDirective,\n  NgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\nlet nextId = 0;\n\n/**\n * Tabs as a segmented control over one panel. It follows the WAI-ARIA tabs pattern: the arrow keys,\n * Home and End move between the tabs and select them. The highlight of the open tab slides to\n * the newly opened one.\n */\n@Component({\n  selector: 'ng-doc-tab-group',\n  templateUrl: './tab-group.component.html',\n  styleUrls: ['./tab-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    PolymorpheusOutlet,\n    NgDocSelectionComponent,\n    NgDocSelectionHostDirective,\n    NgDocSelectionOriginDirective,\n  ],\n})\nexport class NgDocTabGroupComponent<T = number> {\n  /** Id of the tab to open; the first tab opens when it is not set or matches no tab. */\n  readonly openedTab = input<T | undefined>(undefined);\n\n  /** The tabs of the group. */\n  readonly tabs: Signal<ReadonlyArray<NgDocTabComponent<T>>> =\n    contentChildren<NgDocTabComponent<T>>(NgDocTabComponent);\n\n  /** Header buttons of the tabs, in order. */\n  readonly tabElements: Signal<ReadonlyArray<ElementRef<HTMLElement>>> =\n    viewChildren<ElementRef<HTMLElement>>('headerTab');\n\n  /**\n   * The open tab. It follows `openedTab` and the tab list; a tab the user selects stays open as\n   * long as it is in the group and `openedTab` does not change.\n   */\n  readonly selectedTab = linkedSignal<\n    { tabs: ReadonlyArray<NgDocTabComponent<T>>; opened: T | undefined },\n    NgDocTabComponent<T> | undefined\n  >({\n    source: () => ({ tabs: this.tabs(), opened: this.openedTab() }),\n    computation: ({ tabs, opened }, previous) => {\n      const kept: NgDocTabComponent<T> | undefined =\n        previous?.value && previous.source.opened === opened && tabs.includes(previous.value)\n          ? previous.value\n          : undefined;\n\n      return (\n        kept ??\n        (opened !== undefined && opened !== null\n          ? tabs.find((tab: NgDocTabComponent<T>) => tab.id() === opened)\n          : undefined) ??\n        tabs[0]\n      );\n    },\n  });\n\n  /** Index of the open tab, or -1. */\n  readonly selectedIndex: Signal<number> = computed(() => {\n    const selected: NgDocTabComponent<T> | undefined = this.selectedTab();\n\n    return selected ? this.tabs().indexOf(selected) : -1;\n  });\n\n  /** Prefix of the ids that tie the tabs to the panel. */\n  protected readonly idPrefix: string = `ng-doc-tab-group-${nextId++}`;\n\n  /**\n   * Opens a tab.\n   * @param tab - The tab to open.\n   */\n  selectTab(tab: NgDocTabComponent<T>): void {\n    untracked(() => this.selectedTab.set(tab));\n  }\n\n  /**\n   * Moves the selection with the keyboard and focuses the new tab.\n   * @param event - The key press on a tab.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    const tabs: ReadonlyArray<NgDocTabComponent<T>> = this.tabs();\n    const current: number = Math.max(this.selectedIndex(), 0);\n    const next: number | undefined = {\n      ArrowRight: (current + 1) % tabs.length,\n      ArrowLeft: (current - 1 + tabs.length) % tabs.length,\n      Home: 0,\n      End: tabs.length - 1,\n    }[event.key];\n\n    if (next !== undefined && tabs[next]) {\n      event.preventDefault();\n      this.selectTab(tabs[next]);\n      this.tabElements()[next]?.nativeElement.focus();\n    }\n  }\n}\n","<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\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-tab-group.mjs","sources":["../../../../libs/ui-kit/components/tab-group/tab/tab.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.ts","../../../../libs/ui-kit/components/tab-group/tab-group.component.html","../../../../libs/ui-kit/components/tab-group/ng-doc-ui-kit-components-tab-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\n\n/** One tab of an `ng-doc-tab-group`: its label, its id and the content of its panel. */\n@Component({\n  selector: 'ng-doc-tab, a[ng-doc-tab]',\n  template: '',\n  styleUrls: ['./tab.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocTabComponent<T> {\n  /** Label of the tab: a string or a template. */\n  readonly label = input<NgDocContent>('');\n\n  /** Id the group's `openedTab` refers to. */\n  readonly id = input<T | number>(0);\n\n  /** Content of the tab's panel. */\n  readonly content = input<NgDocContent>('');\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  ElementRef,\n  input,\n  linkedSignal,\n  Signal,\n  untracked,\n  viewChildren,\n} from '@angular/core';\nimport {\n  NgDocSelectionComponent,\n  NgDocSelectionHostDirective,\n  NgDocSelectionOriginDirective,\n} from '@ng-doc/ui-kit/components/selection';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\nimport { NgDocTabComponent } from './tab/tab.component';\n\nlet nextId = 0;\n\n/**\n * Tabs as a segmented control over one panel. It follows the WAI-ARIA tabs pattern: the arrow keys,\n * Home and End move between the tabs and select them. The highlight of the open tab slides to\n * the newly opened one.\n */\n@Component({\n  selector: 'ng-doc-tab-group',\n  templateUrl: './tab-group.component.html',\n  styleUrls: ['./tab-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    PolymorpheusOutlet,\n    NgDocSelectionComponent,\n    NgDocSelectionHostDirective,\n    NgDocSelectionOriginDirective,\n  ],\n  host: {\n    '[class.ng-doc-tab-group-plain]': \"appearance() === 'plain'\",\n  },\n})\nexport class NgDocTabGroupComponent<T = number> {\n  /**\n   * `framed` draws the header bar and the panel as one surface; `plain` draws only the tabs over\n   * a line, and the panel takes no frame or background of its own, for content that has its own.\n   */\n  readonly appearance = input<'framed' | 'plain'>('framed');\n\n  /** Id of the tab to open; the first tab opens when it is not set or matches no tab. */\n  readonly openedTab = input<T | undefined>(undefined);\n\n  /** The tabs of the group. */\n  readonly tabs: Signal<ReadonlyArray<NgDocTabComponent<T>>> =\n    contentChildren<NgDocTabComponent<T>>(NgDocTabComponent);\n\n  /** Header buttons of the tabs, in order. */\n  readonly tabElements: Signal<ReadonlyArray<ElementRef<HTMLElement>>> =\n    viewChildren<ElementRef<HTMLElement>>('headerTab');\n\n  /**\n   * The open tab. It follows `openedTab` and the tab list; a tab the user selects stays open as\n   * long as it is in the group and `openedTab` does not change.\n   */\n  readonly selectedTab = linkedSignal<\n    { tabs: ReadonlyArray<NgDocTabComponent<T>>; opened: T | undefined },\n    NgDocTabComponent<T> | undefined\n  >({\n    source: () => ({ tabs: this.tabs(), opened: this.openedTab() }),\n    computation: ({ tabs, opened }, previous) => {\n      const kept: NgDocTabComponent<T> | undefined =\n        previous?.value && previous.source.opened === opened && tabs.includes(previous.value)\n          ? previous.value\n          : undefined;\n\n      return (\n        kept ??\n        (opened !== undefined && opened !== null\n          ? tabs.find((tab: NgDocTabComponent<T>) => tab.id() === opened)\n          : undefined) ??\n        tabs[0]\n      );\n    },\n  });\n\n  /** Index of the open tab, or -1. */\n  readonly selectedIndex: Signal<number> = computed(() => {\n    const selected: NgDocTabComponent<T> | undefined = this.selectedTab();\n\n    return selected ? this.tabs().indexOf(selected) : -1;\n  });\n\n  /** Prefix of the ids that tie the tabs to the panel. */\n  protected readonly idPrefix: string = `ng-doc-tab-group-${nextId++}`;\n\n  /**\n   * Opens a tab.\n   * @param tab - The tab to open.\n   */\n  selectTab(tab: NgDocTabComponent<T>): void {\n    untracked(() => this.selectedTab.set(tab));\n  }\n\n  /**\n   * Moves the selection with the keyboard and focuses the new tab.\n   * @param event - The key press on a tab.\n   */\n  protected onKeydown(event: KeyboardEvent): void {\n    const tabs: ReadonlyArray<NgDocTabComponent<T>> = this.tabs();\n    const current: number = Math.max(this.selectedIndex(), 0);\n    const next: number | undefined = {\n      ArrowRight: (current + 1) % tabs.length,\n      ArrowLeft: (current - 1 + tabs.length) % tabs.length,\n      Home: 0,\n      End: tabs.length - 1,\n    }[event.key];\n\n    if (next !== undefined && tabs[next]) {\n      event.preventDefault();\n      this.selectTab(tabs[next]);\n      this.tabElements()[next]?.nativeElement.focus();\n    }\n  }\n}\n","<div class=\"ng-doc-tabs-header\">\n  <div class=\"ng-doc-tabs-wrapper\" role=\"tablist\" ngDocSelectionHost>\n    <ng-doc-selection [align]=\"null\" />\n    @for (tab of tabs(); track tab; let i = $index) {\n      <button\n        type=\"button\"\n        class=\"ng-doc-tab\"\n        role=\"tab\"\n        [id]=\"idPrefix + '-tab-' + i\"\n        [attr.aria-selected]=\"tab === selectedTab()\"\n        [attr.aria-controls]=\"idPrefix + '-panel'\"\n        [attr.tabindex]=\"tab === selectedTab() ? 0 : -1\"\n        [class.selected]=\"tab === selectedTab()\"\n        [ngDocSelectionOrigin]=\"tab === selectedTab()\"\n        (click)=\"selectTab(tab)\"\n        (keydown)=\"onKeydown($event)\"\n        #headerTab>\n        <span class=\"ng-doc-tab-text\">\n          <ng-container *polymorpheusOutlet=\"tab.label() as text; context: {}\">{{\n            text\n          }}</ng-container>\n        </span>\n      </button>\n    }\n  </div>\n</div>\n\n<div\n  class=\"ng-doc-body-wrapper\"\n  role=\"tabpanel\"\n  [id]=\"idPrefix + '-panel'\"\n  [attr.aria-labelledby]=\"selectedIndex() >= 0 ? idPrefix + '-tab-' + selectedIndex() : null\">\n  <div *polymorpheusOutlet=\"selectedTab()?.content() ?? '' as text; context: {}\">\n    {{ text }}\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-doc-ui-kit-texts.mjs

@@ -0,0 +1,35 @@
+import { InjectionToken } from '@angular/core';
+
+/**
+ * The English texts of the `@ng-doc/ui-kit` components. They are the texts the components showed
+ * before the texts could be changed, so an application that changes none renders as before.
+ */
+const NG_DOC_UI_KIT_DEFAULT_TEXTS = Object.freeze({
+    blockquote: Object.freeze({
+        note: 'Note',
+        warning: 'Warning',
+        alert: 'Alert',
+        success: 'Success',
+    }),
+    pane: Object.freeze({
+        resizer: 'Resize the panes',
+    }),
+    combobox: Object.freeze({
+        placeholder: 'Choose the value',
+    }),
+});
+/**
+ * The texts the `@ng-doc/ui-kit` components show. It resolves to `NG_DOC_UI_KIT_DEFAULT_TEXTS`
+ * unless `provideNgDocTexts` from `@ng-doc/app` sets it.
+ */
+const NG_DOC_UI_KIT_TEXTS = new InjectionToken('NG_DOC_UI_KIT_TEXTS', {
+    providedIn: 'root',
+    factory: () => NG_DOC_UI_KIT_DEFAULT_TEXTS,
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NG_DOC_UI_KIT_DEFAULT_TEXTS, NG_DOC_UI_KIT_TEXTS };
+//# sourceMappingURL=ng-doc-ui-kit-texts.mjs.map

package/fesm2022/ng-doc-ui-kit-texts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-doc-ui-kit-texts.mjs","sources":["../../../../libs/ui-kit/texts/texts.token.ts","../../../../libs/ui-kit/texts/ng-doc-ui-kit-texts.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nimport { NgDocUiKitTexts } from './texts.interfaces';\n\n/**\n * The English texts of the `@ng-doc/ui-kit` components. They are the texts the components showed\n * before the texts could be changed, so an application that changes none renders as before.\n */\nexport const NG_DOC_UI_KIT_DEFAULT_TEXTS: NgDocUiKitTexts = Object.freeze({\n  blockquote: Object.freeze({\n    note: 'Note',\n    warning: 'Warning',\n    alert: 'Alert',\n    success: 'Success',\n  }),\n  pane: Object.freeze({\n    resizer: 'Resize the panes',\n  }),\n  combobox: Object.freeze({\n    placeholder: 'Choose the value',\n  }),\n});\n\n/**\n * The texts the `@ng-doc/ui-kit` components show. It resolves to `NG_DOC_UI_KIT_DEFAULT_TEXTS`\n * unless `provideNgDocTexts` from `@ng-doc/app` sets it.\n */\nexport const NG_DOC_UI_KIT_TEXTS: InjectionToken<NgDocUiKitTexts> =\n  new InjectionToken<NgDocUiKitTexts>('NG_DOC_UI_KIT_TEXTS', {\n    providedIn: 'root',\n    factory: () => NG_DOC_UI_KIT_DEFAULT_TEXTS,\n  });\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAIA;;;AAGG;AACI,MAAM,2BAA2B,GAAoB,MAAM,CAAC,MAAM,CAAC;AACxE,IAAA,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC;AACxB,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,OAAO,EAAE,SAAS;KACnB,CAAC;AACF,IAAA,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC;AAClB,QAAA,OAAO,EAAE,kBAAkB;KAC5B,CAAC;AACF,IAAA,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC;AACtB,QAAA,WAAW,EAAE,kBAAkB;KAChC,CAAC;AACH,CAAA;AAED;;;AAGG;MACU,mBAAmB,GAC9B,IAAI,cAAc,CAAkB,qBAAqB,EAAE;AACzD,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,MAAM,2BAA2B;AAC3C,CAAA;;AC/BH;;AAEG;;;;"}

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

@@ -10,6 +10,7 @@ export * from '@ng-doc/ui-kit/observables';
 export * from '@ng-doc/ui-kit/pipes';
 export * from '@ng-doc/ui-kit/providers';
 export * from '@ng-doc/ui-kit/services';
+export * from '@ng-doc/ui-kit/texts';
 export * from '@ng-doc/ui-kit/tokens';
 export * from '@ng-doc/ui-kit/types';
 export * from '@ng-doc/ui-kit/utils';

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit.mjs","sources":["../../../../libs/ui-kit/ng-doc-ui-kit.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;AAEG"}
+{"version":3,"file":"ng-doc-ui-kit.mjs","sources":["../../../../libs/ui-kit/ng-doc-ui-kit.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-doc/ui-kit",
-  "version": "22.0.0",
+  "version": "22.2.0",
   "description": "The UI components NgDoc sites are built from.",
   "keywords": [
     "angular",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "tslib": "^2.6.2",
-    "@ng-doc/core": "22.0.0"
+    "@ng-doc/core": "22.2.0"
   },
   "publishConfig": {
     "access": "public"
@@ -378,6 +378,10 @@
       "types": "./types/ng-doc-ui-kit-services-scroll.d.ts",
       "default": "./fesm2022/ng-doc-ui-kit-services-scroll.mjs"
     },
+    "./texts": {
+      "types": "./types/ng-doc-ui-kit-texts.d.ts",
+      "default": "./fesm2022/ng-doc-ui-kit-texts.mjs"
+    },
     "./tokens": {
       "types": "./types/ng-doc-ui-kit-tokens.d.ts",
       "default": "./fesm2022/ng-doc-ui-kit-tokens.mjs"

package/types/ng-doc-ui-kit-components-blockquote.d.ts

@@ -17,6 +17,7 @@ declare class NgDocBlockquoteComponent {
     readonly icon: _angular_core.InputSignal<string | undefined>;
     /** A title that replaces the type title, for example "Deprecated". */
     readonly label: _angular_core.InputSignal<string | undefined>;
+    private readonly texts;
     /** The icon that is shown, if any. */
     protected readonly iconName: Signal<string | undefined>;
     /** The title that is shown, if any. */

package/types/ng-doc-ui-kit-components-combobox.d.ts

@@ -12,7 +12,7 @@ import { DIControl } from 'di-controls';
 declare class NgDocComboboxComponent<T> extends DIControl<T> implements NgDocListHost {
     /** Whether the text field is read-only: the value is picked from the list only. */
     readonly readonly: _angular_core.InputSignal<boolean>;
-    /** Placeholder of the text field. */
+    /** Placeholder of the text field. Defaults to the `combobox.placeholder` text. */
     readonly placeholder: _angular_core.InputSignal<string>;
     /** Whether the clear button is shown. */
     readonly clearButton: _angular_core.InputSignal<boolean>;

package/types/ng-doc-ui-kit-components-pane.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { ElementRef } from '@angular/core';
+import { NgDocPaneTexts } from '@ng-doc/ui-kit/texts';
 
 /** Marks the content in front of an `ng-doc-pane` (the right side). */
 declare class NgDocPaneFrontDirective {
@@ -16,6 +17,7 @@ declare class NgDocPaneBackDirective {
  * arrow keys on it to reveal the back pane; Enter or Space toggles it.
  */
 declare class NgDocPaneComponent {
+    protected readonly texts: NgDocPaneTexts;
     private readonly document;
     private readonly elementRef;
     private readonly ngZone;

package/types/ng-doc-ui-kit-components-tab-group.d.ts

@@ -20,6 +20,11 @@ declare class NgDocTabComponent<T> {
  * the newly opened one.
  */
 declare class NgDocTabGroupComponent<T = number> {
+    /**
+     * `framed` draws the header bar and the panel as one surface; `plain` draws only the tabs over
+     * a line, and the panel takes no frame or background of its own, for content that has its own.
+     */
+    readonly appearance: _angular_core.InputSignal<"framed" | "plain">;
     /** Id of the tab to open; the first tab opens when it is not set or matches no tab. */
     readonly openedTab: _angular_core.InputSignal<T | undefined>;
     /** The tabs of the group. */
@@ -46,7 +51,7 @@ declare class NgDocTabGroupComponent<T = number> {
      */
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgDocTabGroupComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgDocTabGroupComponent<any>, "ng-doc-tab-group", never, { "openedTab": { "alias": "openedTab"; "required": false; "isSignal": true; }; }, {}, ["tabs"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgDocTabGroupComponent<any>, "ng-doc-tab-group", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "openedTab": { "alias": "openedTab"; "required": false; "isSignal": true; }; }, {}, ["tabs"], never, true, never>;
 }
 
 export { NgDocTabComponent, NgDocTabGroupComponent };

package/types/ng-doc-ui-kit-texts.d.ts

@@ -0,0 +1,58 @@
+import { InjectionToken } from '@angular/core';
+
+/**
+ * The titles of the built-in callout types (`NgDocBlockquoteComponent`).
+ */
+interface NgDocBlockquoteTexts {
+    /** Title of a `note` callout. Default: "Note". */
+    note: string;
+    /** Title of a `warning` callout. Default: "Warning". */
+    warning: string;
+    /** Title of an `alert` callout. Default: "Alert". */
+    alert: string;
+    /** Title of a `success` callout. Default: "Success". */
+    success: string;
+}
+/**
+ * The texts of the two-pane layout (`NgDocPaneComponent`), which the demo pane uses.
+ */
+interface NgDocPaneTexts {
+    /** Accessible name of the resizer between the panes. Default: "Resize the panes". */
+    resizer: string;
+}
+/**
+ * The texts of the select (`NgDocComboboxComponent`), which the playground uses for union types.
+ */
+interface NgDocComboboxTexts {
+    /**
+     * Placeholder of the text field, unless the `placeholder` input sets one. Default: "Choose the
+     * value".
+     */
+    placeholder: string;
+}
+/**
+ * The texts that the components of `@ng-doc/ui-kit` show to readers, grouped by component.
+ * `@ng-doc/app` extends it into `NgDocTexts`, and `provideNgDocTexts` sets both.
+ */
+interface NgDocUiKitTexts {
+    /** Callouts. */
+    blockquote: NgDocBlockquoteTexts;
+    /** The two-pane layout. */
+    pane: NgDocPaneTexts;
+    /** The select. */
+    combobox: NgDocComboboxTexts;
+}
+
+/**
+ * The English texts of the `@ng-doc/ui-kit` components. They are the texts the components showed
+ * before the texts could be changed, so an application that changes none renders as before.
+ */
+declare const NG_DOC_UI_KIT_DEFAULT_TEXTS: NgDocUiKitTexts;
+/**
+ * The texts the `@ng-doc/ui-kit` components show. It resolves to `NG_DOC_UI_KIT_DEFAULT_TEXTS`
+ * unless `provideNgDocTexts` from `@ng-doc/app` sets it.
+ */
+declare const NG_DOC_UI_KIT_TEXTS: InjectionToken<NgDocUiKitTexts>;
+
+export { NG_DOC_UI_KIT_DEFAULT_TEXTS, NG_DOC_UI_KIT_TEXTS };
+export type { NgDocBlockquoteTexts, NgDocComboboxTexts, NgDocPaneTexts, NgDocUiKitTexts };

package/types/ng-doc-ui-kit.d.ts

@@ -10,6 +10,7 @@ export * from '@ng-doc/ui-kit/observables';
 export * from '@ng-doc/ui-kit/pipes';
 export * from '@ng-doc/ui-kit/providers';
 export * from '@ng-doc/ui-kit/services';
+export * from '@ng-doc/ui-kit/texts';
 export * from '@ng-doc/ui-kit/tokens';
 export * from '@ng-doc/ui-kit/types';
 export * from '@ng-doc/ui-kit/utils';