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

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-floated-border.mjs","sources":["../../../../libs/ui-kit/components/floated-border/floated-border.component.ts","../../../../libs/ui-kit/components/floated-border/ng-doc-ui-kit-components-floated-border.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n\tselector: 'ng-doc-floated-border',\n\ttemplate: ` <ng-content></ng-content> `,\n\tstyleUrls: ['./floated-border.component.scss'],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tstandalone: true,\n})\nexport class NgDocFloatedBorderComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,2BAA2B,CAAA;8GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,iFAL7B,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,YACvB,CAAA,2BAAA,CAA6B,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA;;;ACPjB;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-floated-border.mjs","sources":["../../../../libs/ui-kit/components/floated-border/floated-border.component.ts","../../../../libs/ui-kit/components/floated-border/ng-doc-ui-kit-components-floated-border.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n  selector: 'ng-doc-floated-border',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./floated-border.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgDocFloatedBorderComponent {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,2BAA2B,CAAA;8GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,iFAJ5B,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI5B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,uBAAuB,EAAA,QAAA,EACvB,CAAA,2BAAA,CAA6B,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,oZAAA,CAAA,EAAA;;;ACNjD;;AAEG;;;;"}

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

@@ -1,28 +1,27 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, inject, ElementRef, ChangeDetectionStrategy, Component } from '@angular/core';
 
+/** Content that floats over the edge of its container, aligned to one side. */
 class NgDocFloatedContentComponent {
     constructor() {
-        this.propertyName = '';
-        this.alignTo = 'left';
+        this.bindTo = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "bindTo" }] : /* istanbul ignore next */ []));
+        this.propertyName = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "propertyName" }] : /* istanbul ignore next */ []));
+        /** The side the content is aligned to. */
+        this.alignTo = input('left', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "alignTo" }] : /* istanbul ignore next */ []));
         this.element = inject(ElementRef).nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocFloatedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: "bindTo", propertyName: "propertyName", alignTo: "alignTo" }, host: { properties: { "attr.data-ng-doc-align": "this.alignTo" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFloatedContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocFloatedContentComponent, isStandalone: true, selector: "[ng-doc-floated-content]", inputs: { bindTo: { classPropertyName: "bindTo", publicName: "bindTo", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null }, alignTo: { classPropertyName: "alignTo", publicName: "alignTo", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-align": "alignTo()" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFloatedContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[ng-doc-floated-content]', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"] }]
-        }], propDecorators: { bindTo: [{
-                type: Input
-            }], propertyName: [{
-                type: Input
-            }], alignTo: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-align']
-            }] } });
+            args: [{ selector: '[ng-doc-floated-content]', template: ` <ng-content></ng-content> `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-ng-doc-align]': 'alignTo()',
+                    }, styles: [":host{position:absolute;display:flex;top:0;align-items:center;height:100%;pointer-events:none}:host[data-ng-doc-align=left]{left:0}:host[data-ng-doc-align=right]{right:0}:host ::ng-deep>*{pointer-events:auto}\n"] }]
+        }], propDecorators: { bindTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindTo", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }], alignTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignTo", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n} from '@angular/core';\nimport { BaseElement, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\n\n@Component({\n  selector: '[ng-doc-floated-content]',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./floated-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class NgDocFloatedContentComponent {\n  @Input()\n  bindTo?: BaseElement<HTMLElement>;\n\n  @Input()\n  propertyName: string = '';\n\n  @Input()\n  @HostBinding('attr.data-ng-doc-align')\n  alignTo: NgDocHorizontalAlign = 'left';\n\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAiBa,4BAA4B,CAAA;AAPzC,IAAA,WAAA,GAAA;QAYE,IAAA,CAAA,YAAY,GAAW,EAAE;QAIzB,IAAA,CAAA,OAAO,GAAyB,MAAM;AAE7B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;AAC7E,IAAA;8GAZY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,wOAL7B,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAK5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,YAC1B,CAAA,2BAAA,CAA6B,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA;;sBAGf;;sBAGA;;sBAGA;;sBACA,WAAW;uBAAC,wBAAwB;;;ACzBvC;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-floated-content.mjs","sources":["../../../../libs/ui-kit/components/floated-content/floated-content.component.ts","../../../../libs/ui-kit/components/floated-content/ng-doc-ui-kit-components-floated-content.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, inject, input } from '@angular/core';\nimport { BaseElement, NgDocHorizontalAlign } from '@ng-doc/ui-kit/types';\n\n/** Content that floats over the edge of its container, aligned to one side. */\n@Component({\n  selector: '[ng-doc-floated-content]',\n  template: ` <ng-content></ng-content> `,\n  styleUrls: ['./floated-content.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-ng-doc-align]': 'alignTo()',\n  },\n})\nexport class NgDocFloatedContentComponent {\n  readonly bindTo = input<BaseElement<HTMLElement>>();\n\n  readonly propertyName = input<string>('');\n\n  /** The side the content is aligned to. */\n  readonly alignTo = input<NgDocHorizontalAlign>('left');\n\n  readonly element = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGA;MAUa,4BAA4B,CAAA;AATzC,IAAA,WAAA,GAAA;AAUW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK;8FAA4B;QAE1C,IAAA,CAAA,YAAY,GAAG,KAAK,CAAS,EAAE;yFAAC;;QAGhC,IAAA,CAAA,OAAO,GAAG,KAAK,CAAuB,MAAM;oFAAC;AAE7C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC,aAAa;AAC7E,IAAA;8GATY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,4BAA4B,uiBAP7B,CAAA,2BAAA,CAA6B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAO5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBATxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,YAC1B,CAAA,2BAAA,CAA6B,EAAA,eAAA,EAEtB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,0BAA0B,EAAE,WAAW;AACxC,qBAAA,EAAA,MAAA,EAAA,CAAA,oNAAA,CAAA,EAAA;;;ACXH;;AAEG;;;;"}

package/fesm2022/ng-doc-ui-kit-components-focus-control.mjs

@@ -1,40 +1,48 @@
 import * as i0 from '@angular/core';
-import { inject, DOCUMENT, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { inject, DOCUMENT, input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';
 import { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';
 
+/**
+ * Surrounds its content with two focus traps. Tabbing out of the content moves the focus to the
+ * element before or after `focusHost` in the document, instead of leaving it on the traps.
+ */
 class NgDocFocusControlComponent {
     constructor() {
         this.documentRef = inject(DOCUMENT);
-        this.focusHost = null;
+        /** Element from which the focus moves on when it leaves the content. */
+        this.focusHost = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "focusHost" }] : /* istanbul ignore next */ []));
     }
+    /** Focuses the focusable element before `focusHost`. */
     focusPrev() {
-        if (this.focusHost) {
-            NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body, false);
+        const focusHost = this.focusHost();
+        if (focusHost) {
+            NgDocFocusUtils.focusClosestElement(focusHost, this.documentRef.body, false);
         }
     }
+    /** Focuses the focusable element after `focusHost`. */
     focusNext() {
-        if (this.focusHost) {
-            NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body);
+        const focusHost = this.focusHost();
+        if (focusHost) {
+            NgDocFocusUtils.focusClosestElement(focusHost, this.documentRef.body);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocFocusControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: NgDocFocusControlComponent, isStandalone: true, selector: "ng-doc-focus-control", inputs: { focusHost: "focusHost" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocFocusControlComponent, isStandalone: true, selector: "ng-doc-focus-control", inputs: { focusHost: { classPropertyName: "focusHost", publicName: "focusHost", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>
     <ng-content></ng-content>
     <div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusNext()"></div>
   `, isInline: true, styles: [":host{width:100%}\n"], dependencies: [{ kind: "directive", type: NgDocFocusableDirective, selector: "[ngDocFocusable]", inputs: ["ngDocFocusable"], exportAs: ["ngDocFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocFocusControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocFocusControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-doc-focus-control', template: `
     <div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusPrev()"></div>
     <ng-content></ng-content>
     <div [ngDocFocusable]="true" data-ng-doc-focus-trap="true" (focus)="focusNext()"></div>
   `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgDocFocusableDirective], styles: [":host{width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { focusHost: [{
-                type: Input
-            }] } });
+        }], propDecorators: { focusHost: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusHost", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-focus-control.mjs","sources":["../../../../libs/ui-kit/components/focus-control/focus-control.component.ts","../../../../libs/ui-kit/components/focus-control/ng-doc-ui-kit-components-focus-control.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, DOCUMENT, inject, Input } from '@angular/core';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n@Component({\n  selector: 'ng-doc-focus-control',\n  template: `\n    <div [ngDocFocusable]=\"true\" data-ng-doc-focus-trap=\"true\" (focus)=\"focusPrev()\"></div>\n    <ng-content></ng-content>\n    <div [ngDocFocusable]=\"true\" data-ng-doc-focus-trap=\"true\" (focus)=\"focusNext()\"></div>\n  `,\n  styles: [':host {width: 100%}'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocFocusableDirective],\n})\nexport class NgDocFocusControlComponent {\n  private documentRef = inject<Document>(DOCUMENT);\n\n  @Input()\n  focusHost: HTMLElement | null = null;\n\n  constructor() {}\n\n  focusPrev(): void {\n    if (this.focusHost) {\n      NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body, false);\n    }\n  }\n\n  focusNext(): void {\n    if (this.focusHost) {\n      NgDocFocusUtils.focusClosestElement(this.focusHost, this.documentRef.body);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAea,0BAA0B,CAAA;AAMrC,IAAA,WAAA,GAAA;AALQ,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAW,QAAQ,CAAC;QAGhD,IAAA,CAAA,SAAS,GAAuB,IAAI;IAErB;IAEf,SAAS,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,eAAe,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC;QACnF;IACF;IAEA,SAAS,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,eAAe,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAC5E;IACF;8GAlBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT3B;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAGS,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEtB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,QAAA,EACtB;;;;AAIT,EAAA,CAAA,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,uBAAuB,CAAC,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA;;sBAKjC;;;AClBH;;AAEG;;;;"}
+{"version":3,"file":"ng-doc-ui-kit-components-focus-control.mjs","sources":["../../../../libs/ui-kit/components/focus-control/focus-control.component.ts","../../../../libs/ui-kit/components/focus-control/ng-doc-ui-kit-components-focus-control.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, DOCUMENT, inject, input } from '@angular/core';\nimport { NgDocFocusableDirective } from '@ng-doc/ui-kit/directives/focusable';\nimport { NgDocFocusUtils } from '@ng-doc/ui-kit/utils';\n\n/**\n * Surrounds its content with two focus traps. Tabbing out of the content moves the focus to the\n * element before or after `focusHost` in the document, instead of leaving it on the traps.\n */\n@Component({\n  selector: 'ng-doc-focus-control',\n  template: `\n    <div [ngDocFocusable]=\"true\" data-ng-doc-focus-trap=\"true\" (focus)=\"focusPrev()\"></div>\n    <ng-content></ng-content>\n    <div [ngDocFocusable]=\"true\" data-ng-doc-focus-trap=\"true\" (focus)=\"focusNext()\"></div>\n  `,\n  styles: [':host {width: 100%}'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [NgDocFocusableDirective],\n})\nexport class NgDocFocusControlComponent {\n  private readonly documentRef = inject<Document>(DOCUMENT);\n\n  /** Element from which the focus moves on when it leaves the content. */\n  readonly focusHost = input<HTMLElement | null>(null);\n\n  /** Focuses the focusable element before `focusHost`. */\n  focusPrev(): void {\n    const focusHost: HTMLElement | null = this.focusHost();\n\n    if (focusHost) {\n      NgDocFocusUtils.focusClosestElement(focusHost, this.documentRef.body, false);\n    }\n  }\n\n  /** Focuses the focusable element after `focusHost`. */\n  focusNext(): void {\n    const focusHost: HTMLElement | null = this.focusHost();\n\n    if (focusHost) {\n      NgDocFocusUtils.focusClosestElement(focusHost, this.documentRef.body);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;AAGG;MAYU,0BAA0B,CAAA;AAXvC,IAAA,WAAA,GAAA;AAYmB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAW,QAAQ,CAAC;;QAGhD,IAAA,CAAA,SAAS,GAAG,KAAK,CAAqB,IAAI;sFAAC;AAmBrD,IAAA;;IAhBC,SAAS,GAAA;AACP,QAAA,MAAM,SAAS,GAAuB,IAAI,CAAC,SAAS,EAAE;QAEtD,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC;QAC9E;IACF;;IAGA,SAAS,GAAA;AACP,QAAA,MAAM,SAAS,GAAuB,IAAI,CAAC,SAAS,EAAE;QAEtD,IAAI,SAAS,EAAE;YACb,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QACvE;IACF;8GAtBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAT3B;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAGS,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEtB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAAA,QAAA,EACtB;;;;AAIT,EAAA,CAAA,EAAA,eAAA,EAEgB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,uBAAuB,CAAC,EAAA,MAAA,EAAA,CAAA,qBAAA,CAAA,EAAA;;;ACjBpC;;AAEG;;;;"}

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

@@ -1,75 +1,196 @@
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, numberAttribute, Input, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
-import { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';
+import { inject, untracked, signal, Service, numberAttribute, ElementRef, input, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import { NG_REQUEST_BASE_PATH, NG_DOC_ASSETS_PATH, NG_DOC_CUSTOM_ICONS_PATH } from '@ng-doc/ui-kit/tokens';
-import { Subject, of } from 'rxjs';
-import { startWith, switchMap, catchError } from 'rxjs/operators';
 
+/**
+ * Loads SVG icons and keeps them for the lifetime of the application.
+ *
+ * Every URL is requested once and shared by all icons that show it, whether or not the
+ * application registers HTTP interceptors. A failed request is logged and remembered: reading the
+ * icon again does not send a new request, only `retry()` does. A response that is not SVG markup
+ * counts as a failure: dev servers answer a missing file with the application's `index.html`,
+ * which must not be rendered as an icon.
+ */
+class NgDocIconRegistry {
+    constructor() {
+        // The application may provide `HttpClient` only in a lazy injector (route providers), which a
+        // root service cannot see. Callers can pass their own client; this one is the fallback.
+        this.rootHttpClient = inject(HttpClient, { optional: true });
+        this.icons = new Map();
+    }
+    /**
+     * Returns the SVG markup stored at `url`, loading it on the first call.
+     * @param url - URL of the SVG file.
+     * @param httpClient - Client for the request; defaults to the root `HttpClient`.
+     * @returns A signal with the markup: `null` while it loads, `''` when the request failed.
+     */
+    get(url, httpClient) {
+        // Callers read icons from `computed` and templates. The request may answer synchronously
+        // (for example from the hydration transfer cache), and writing a signal while a reactive
+        // context is active is an error, so the request runs untracked.
+        return untracked(() => {
+            let entry = this.icons.get(url);
+            if (!entry) {
+                entry = { svg: signal(null), failed: false };
+                this.icons.set(url, entry);
+                this.load(url, entry, httpClient);
+            }
+            return entry.svg.asReadonly();
+        });
+    }
+    /**
+     * Requests `url` again if its last request failed. Does nothing for an icon that has loaded
+     * or is loading.
+     * @param url - URL of the SVG file.
+     * @param httpClient - Client for the request; defaults to the root `HttpClient`.
+     */
+    retry(url, httpClient) {
+        untracked(() => {
+            const entry = this.icons.get(url);
+            if (entry?.failed) {
+                entry.failed = false;
+                this.load(url, entry, httpClient);
+            }
+        });
+    }
+    load(url, entry, httpClient) {
+        const client = httpClient ?? this.rootHttpClient;
+        if (!client) {
+            throw new Error('[NgDocIconRegistry] No HttpClient: provide one with provideHttpClient() or pass it to get().');
+        }
+        client.get(url, { responseType: 'text', observe: 'response' }).subscribe({
+            next: (response) => {
+                const svg = response.body ?? '';
+                if (isSvg(svg, response.headers.get('content-type'))) {
+                    entry.svg.set(svg);
+                }
+                else {
+                    this.fail(entry, new Error(`[NgDocIconRegistry] "${url}" is not an SVG file (content type "${response.headers.get('content-type') ?? 'unknown'}").`));
+                }
+            },
+            error: (error) => this.fail(entry, error),
+        });
+    }
+    fail(entry, error) {
+        console.error(error);
+        // The entry stays: a failure must not start a new request by itself, or an icon that reads
+        // it would request a missing file in a loop.
+        entry.failed = true;
+        entry.svg.set('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Service }); }
+    static { this.ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.2.1", ngImport: i0, type: NgDocIconRegistry }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocIconRegistry, decorators: [{
+            type: Service
+        }] });
+/**
+ * Tells whether a response holds SVG markup. The content type is only checked when the server
+ * sent one: responses replayed from the hydration transfer cache carry no headers.
+ * @param body - The response body.
+ * @param contentType - The `Content-Type` header, if any.
+ */
+function isSvg(body, contentType) {
+    if (contentType && /html/i.test(contentType)) {
+        return false;
+    }
+    return /<svg[\s>]/i.test(body);
+}
+
+/**
+ * Converts the `size` input of the icon, which can be set as an attribute (`size="24"`).
+ * @param value - Value bound to the input.
+ * @returns The icon size.
+ */
+function iconSizeAttribute(value) {
+    return numberAttribute(value, 16);
+}
+/**
+ * Shows an SVG icon from the UI Kit assets or from the application's custom icons.
+ */
 class NgDocIconComponent {
     constructor() {
         this.elementRef = inject(ElementRef);
+        this.registry = inject(NgDocIconRegistry);
+        // Injected here rather than in the root registry, so that an `HttpClient` provided in a lazy
+        // injector (route providers) is used.
         this.httpClient = inject(HttpClient);
         this.baseUrl = inject(NG_REQUEST_BASE_PATH);
+        this.assetsPath = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';
+        this.customIconsPath = inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';
         /** Icon name */
-        this.icon = '';
+        this.icon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
         /** Custom icon name, if not set, `icon` will be used */
-        this.customIcon = '';
+        this.customIcon = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "customIcon" }] : /* istanbul ignore next */ []));
         /** Icon size */
-        this.size = 16;
-        this.reload$ = new Subject();
-        this.assetsPath = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';
-        this.customIconsPath = inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';
+        this.size = input(16, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: iconSizeAttribute });
+        /** URL of the SVG file that the icon shows. */
+        this.href = computed(() => {
+            const customIcon = this.customIcon();
+            const icon = this.icon();
+            return (this.baseUrl +
+                (customIcon
+                    ? `${this.customIconsPath}/${customIcon}.svg#${customIcon}`
+                    : `${this.assetsPath}/icons/${this.size()}/${icon}.svg#${icon}`));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []));
+        this.svg = computed(() => this.registry.get(this.href(), this.httpClient)(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "svg" }] : /* istanbul ignore next */ []));
+        // A URL that failed before is requested again when an icon starts showing it (a new icon or
+        // a new `href`), and only then: the failure itself must not trigger another request.
+        effect(() => {
+            const href = this.href();
+            untracked(() => this.registry.retry(href, this.httpClient));
+        });
+        // The markup is written as is: binding it through `[innerHTML]` would sanitize the SVG away.
+        // The previous icon stays until the next one has loaded, so switching icons does not flash.
+        effect(() => {
+            const svg = this.svg();
+            if (svg !== null) {
+                writeMarkup(this.elementRef.nativeElement, svg);
+            }
+        });
     }
-    ngOnChanges() {
-        this.reload$.next();
-    }
-    ngOnInit() {
-        this.reload$
-            .pipe(startWith(null), switchMap(() => this.httpClient
-            .get(this.href, {
-            responseType: 'text',
-            params: { [NgDocCacheInterceptor.TOKEN]: 'true' },
-        })
-            .pipe(catchError((e) => {
-            console.error(e);
-            return of('');
-        }))))
-            .subscribe((svg) => (this.elementRef.nativeElement.innerHTML = svg));
-    }
-    get href() {
-        return (this.baseUrl +
-            (this.customIcon
-                ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`
-                : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.0.6", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: "icon", customIcon: "customIcon", size: ["size", "size", numberAttribute] }, host: { properties: { "attr.data-ng-doc-icon": "this.icon", "attr.data-ng-doc-custom-icon": "this.customIcon", "attr.data-ng-doc-size": "this.size" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: NgDocIconComponent, isStandalone: true, selector: "ng-doc-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, customIcon: { classPropertyName: "customIcon", publicName: "customIcon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-ng-doc-icon": "icon()", "attr.data-ng-doc-custom-icon": "customIcon()", "attr.data-ng-doc-size": "size()" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-doc-icon-height, 24px)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgDocIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: NgDocIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-dpc-icon-height, 24px)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { icon: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-icon']
-            }], customIcon: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-custom-icon']
-            }], size: [{
-                type: Input,
-                args: [{ transform: numberAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['attr.data-ng-doc-size']
-            }] } });
+            args: [{ selector: 'ng-doc-icon', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-ng-doc-icon]': 'icon()',
+                        '[attr.data-ng-doc-custom-icon]': 'customIcon()',
+                        '[attr.data-ng-doc-size]': 'size()',
+                    }, styles: [":host{display:inline-flex;align-items:center;justify-content:center;width:var(--ng-doc-icon-width, 16px);height:var(--ng-doc-icon-height, 16px);color:var(--ng-doc-icon-color, var(--ng-doc-text));vertical-align:sub}:host svg{vertical-align:top}:host[data-ng-doc-size=\"24\"]{width:var(--ng-doc-icon-width, 24px);height:var(--ng-doc-icon-height, 24px)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], customIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "customIcon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+/**
+ * Replaces the children of `host` with the parsed `markup`.
+ *
+ * The host is not always an HTML element. Angular 22.2 creates a component through a
+ * `ViewContainerRef` in the namespace of the container's parent node, and a control-flow block
+ * keeps the SVG namespace of an `<svg>` that comes before it in the same template, so a page
+ * processor can create the icon as an SVG element. The server DOM (domino) implements the
+ * `innerHTML` setter only for HTML elements and throws `NotYetImplemented` for the others, so the
+ * markup is parsed by an HTML `<template>` instead, which gives the same nodes in the browser and
+ * on the server whatever the host's namespace.
+ * @param host - The element to fill.
+ * @param markup - The SVG markup.
+ */
+function writeMarkup(host, markup) {
+    const document = host.ownerDocument;
+    const template = document.createElement('template');
+    template.innerHTML = markup;
+    while (host.firstChild) {
+        host.removeChild(host.firstChild);
+    }
+    host.appendChild(document.importNode(template.content, true));
+}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgDocIconComponent };
+export { NgDocIconComponent, NgDocIconRegistry };
 //# sourceMappingURL=ng-doc-ui-kit-components-icon.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  HostBinding,\n  inject,\n  Input,\n  numberAttribute,\n  OnChanges,\n  OnInit,\n} from '@angular/core';\nimport { NgDocCacheInterceptor } from '@ng-doc/ui-kit/interceptors';\nimport {\n  NG_DOC_ASSETS_PATH,\n  NG_DOC_CUSTOM_ICONS_PATH,\n  NG_REQUEST_BASE_PATH,\n} from '@ng-doc/ui-kit/tokens';\nimport { NgDocIconSize } from '@ng-doc/ui-kit/types';\nimport { of, Subject } from 'rxjs';\nimport { catchError, startWith, switchMap } from 'rxjs/operators';\n\n@Component({\n  selector: 'ng-doc-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class NgDocIconComponent implements OnChanges, OnInit {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly httpClient = inject(HttpClient);\n  private readonly baseUrl = inject(NG_REQUEST_BASE_PATH);\n\n  /** Icon name */\n  @Input()\n  @HostBinding('attr.data-ng-doc-icon')\n  icon: string = '';\n\n  /** Custom icon name, if not set, `icon` will be used */\n  @Input()\n  @HostBinding('attr.data-ng-doc-custom-icon')\n  customIcon: string = '';\n\n  /** Icon size */\n  @Input({ transform: numberAttribute })\n  @HostBinding('attr.data-ng-doc-size')\n  size: NgDocIconSize = 16;\n\n  private readonly reload$: Subject<void> = new Subject<void>();\n  private readonly assetsPath: string = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';\n  private readonly customIconsPath: string =\n    inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';\n\n  constructor() {}\n\n  ngOnChanges(): void {\n    this.reload$.next();\n  }\n\n  ngOnInit(): void {\n    this.reload$\n      .pipe(\n        startWith(null),\n        switchMap(() =>\n          this.httpClient\n            .get(this.href, {\n              responseType: 'text',\n              params: { [NgDocCacheInterceptor.TOKEN]: 'true' },\n            })\n            .pipe(\n              catchError((e: Error) => {\n                console.error(e);\n\n                return of('');\n              }),\n            ),\n        ),\n      )\n      .subscribe((svg: string) => (this.elementRef.nativeElement.innerHTML = svg));\n  }\n\n  get href(): string {\n    return (\n      this.baseUrl +\n      (this.customIcon\n        ? `${this.customIconsPath}/${this.customIcon}.svg#${this.customIcon}`\n        : `${this.assetsPath}/icons/${this.size}/${this.icon}.svg#${this.icon}`)\n    );\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-doc-ui-kit-components-icon.mjs","sources":["../../../../libs/ui-kit/components/icon/icon-registry.service.ts","../../../../libs/ui-kit/components/icon/icon.component.ts","../../../../libs/ui-kit/components/icon/ng-doc-ui-kit-components-icon.ts"],"sourcesContent":["import { HttpClient, HttpResponse } from '@angular/common/http';\nimport { inject, Service, Signal, signal, untracked, WritableSignal } from '@angular/core';\n\n/** State of one icon URL. */\ninterface NgDocIconEntry {\n  readonly svg: WritableSignal<string | null>;\n  failed: boolean;\n}\n\n/**\n * Loads SVG icons and keeps them for the lifetime of the application.\n *\n * Every URL is requested once and shared by all icons that show it, whether or not the\n * application registers HTTP interceptors. A failed request is logged and remembered: reading the\n * icon again does not send a new request, only `retry()` does. A response that is not SVG markup\n * counts as a failure: dev servers answer a missing file with the application's `index.html`,\n * which must not be rendered as an icon.\n */\n@Service()\nexport class NgDocIconRegistry {\n  // The application may provide `HttpClient` only in a lazy injector (route providers), which a\n  // root service cannot see. Callers can pass their own client; this one is the fallback.\n  private readonly rootHttpClient = inject(HttpClient, { optional: true });\n  private readonly icons: Map<string, NgDocIconEntry> = new Map();\n\n  /**\n   * Returns the SVG markup stored at `url`, loading it on the first call.\n   * @param url - URL of the SVG file.\n   * @param httpClient - Client for the request; defaults to the root `HttpClient`.\n   * @returns A signal with the markup: `null` while it loads, `''` when the request failed.\n   */\n  get(url: string, httpClient?: HttpClient): Signal<string | null> {\n    // Callers read icons from `computed` and templates. The request may answer synchronously\n    // (for example from the hydration transfer cache), and writing a signal while a reactive\n    // context is active is an error, so the request runs untracked.\n    return untracked(() => {\n      let entry: NgDocIconEntry | undefined = this.icons.get(url);\n\n      if (!entry) {\n        entry = { svg: signal<string | null>(null), failed: false };\n        this.icons.set(url, entry);\n        this.load(url, entry, httpClient);\n      }\n\n      return entry.svg.asReadonly();\n    });\n  }\n\n  /**\n   * Requests `url` again if its last request failed. Does nothing for an icon that has loaded\n   * or is loading.\n   * @param url - URL of the SVG file.\n   * @param httpClient - Client for the request; defaults to the root `HttpClient`.\n   */\n  retry(url: string, httpClient?: HttpClient): void {\n    untracked(() => {\n      const entry: NgDocIconEntry | undefined = this.icons.get(url);\n\n      if (entry?.failed) {\n        entry.failed = false;\n        this.load(url, entry, httpClient);\n      }\n    });\n  }\n\n  private load(url: string, entry: NgDocIconEntry, httpClient?: HttpClient): void {\n    const client: HttpClient | null = httpClient ?? this.rootHttpClient;\n\n    if (!client) {\n      throw new Error(\n        '[NgDocIconRegistry] No HttpClient: provide one with provideHttpClient() or pass it to get().',\n      );\n    }\n\n    client.get(url, { responseType: 'text', observe: 'response' }).subscribe({\n      next: (response: HttpResponse<string>) => {\n        const svg: string = response.body ?? '';\n\n        if (isSvg(svg, response.headers.get('content-type'))) {\n          entry.svg.set(svg);\n        } else {\n          this.fail(\n            entry,\n            new Error(\n              `[NgDocIconRegistry] \"${url}\" is not an SVG file (content type \"${response.headers.get('content-type') ?? 'unknown'}\").`,\n            ),\n          );\n        }\n      },\n      error: (error: unknown) => this.fail(entry, error),\n    });\n  }\n\n  private fail(entry: NgDocIconEntry, error: unknown): void {\n    console.error(error);\n    // The entry stays: a failure must not start a new request by itself, or an icon that reads\n    // it would request a missing file in a loop.\n    entry.failed = true;\n    entry.svg.set('');\n  }\n}\n\n/**\n * Tells whether a response holds SVG markup. The content type is only checked when the server\n * sent one: responses replayed from the hydration transfer cache carry no headers.\n * @param body - The response body.\n * @param contentType - The `Content-Type` header, if any.\n */\nfunction isSvg(body: string, contentType: string | null): boolean {\n  if (contentType && /html/i.test(contentType)) {\n    return false;\n  }\n\n  return /<svg[\\s>]/i.test(body);\n}\n","import { HttpClient } from '@angular/common/http';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  numberAttribute,\n  Signal,\n  untracked,\n} from '@angular/core';\nimport {\n  NG_DOC_ASSETS_PATH,\n  NG_DOC_CUSTOM_ICONS_PATH,\n  NG_REQUEST_BASE_PATH,\n} from '@ng-doc/ui-kit/tokens';\nimport { NgDocIconSize } from '@ng-doc/ui-kit/types';\n\nimport { NgDocIconRegistry } from './icon-registry.service';\n\n/**\n * Converts the `size` input of the icon, which can be set as an attribute (`size=\"24\"`).\n * @param value - Value bound to the input.\n * @returns The icon size.\n */\nfunction iconSizeAttribute(value: NgDocIconSize | `${NgDocIconSize}`): NgDocIconSize {\n  return numberAttribute(value, 16) as NgDocIconSize;\n}\n\n/**\n * Shows an SVG icon from the UI Kit assets or from the application's custom icons.\n */\n@Component({\n  selector: 'ng-doc-icon',\n  template: '',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-ng-doc-icon]': 'icon()',\n    '[attr.data-ng-doc-custom-icon]': 'customIcon()',\n    '[attr.data-ng-doc-size]': 'size()',\n  },\n})\nexport class NgDocIconComponent {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly registry = inject(NgDocIconRegistry);\n  // Injected here rather than in the root registry, so that an `HttpClient` provided in a lazy\n  // injector (route providers) is used.\n  private readonly httpClient = inject(HttpClient);\n  private readonly baseUrl = inject(NG_REQUEST_BASE_PATH);\n  private readonly assetsPath: string = inject(NG_DOC_ASSETS_PATH, { optional: true }) ?? '';\n  private readonly customIconsPath: string =\n    inject(NG_DOC_CUSTOM_ICONS_PATH, { optional: true }) ?? '';\n\n  /** Icon name */\n  readonly icon = input<string>('');\n\n  /** Custom icon name, if not set, `icon` will be used */\n  readonly customIcon = input<string>('');\n\n  /** Icon size */\n  readonly size = input<NgDocIconSize, NgDocIconSize | `${NgDocIconSize}`>(16, {\n    transform: iconSizeAttribute,\n  });\n\n  /** URL of the SVG file that the icon shows. */\n  readonly href: Signal<string> = computed(() => {\n    const customIcon: string = this.customIcon();\n    const icon: string = this.icon();\n\n    return (\n      this.baseUrl +\n      (customIcon\n        ? `${this.customIconsPath}/${customIcon}.svg#${customIcon}`\n        : `${this.assetsPath}/icons/${this.size()}/${icon}.svg#${icon}`)\n    );\n  });\n\n  private readonly svg: Signal<string | null> = computed(() =>\n    this.registry.get(this.href(), this.httpClient)(),\n  );\n\n  constructor() {\n    // A URL that failed before is requested again when an icon starts showing it (a new icon or\n    // a new `href`), and only then: the failure itself must not trigger another request.\n    effect(() => {\n      const href: string = this.href();\n\n      untracked(() => this.registry.retry(href, this.httpClient));\n    });\n\n    // The markup is written as is: binding it through `[innerHTML]` would sanitize the SVG away.\n    // The previous icon stays until the next one has loaded, so switching icons does not flash.\n    effect(() => {\n      const svg: string | null = this.svg();\n\n      if (svg !== null) {\n        writeMarkup(this.elementRef.nativeElement, svg);\n      }\n    });\n  }\n}\n\n/**\n * Replaces the children of `host` with the parsed `markup`.\n *\n * The host is not always an HTML element. Angular 22.2 creates a component through a\n * `ViewContainerRef` in the namespace of the container's parent node, and a control-flow block\n * keeps the SVG namespace of an `<svg>` that comes before it in the same template, so a page\n * processor can create the icon as an SVG element. The server DOM (domino) implements the\n * `innerHTML` setter only for HTML elements and throws `NotYetImplemented` for the others, so the\n * markup is parsed by an HTML `<template>` instead, which gives the same nodes in the browser and\n * on the server whatever the host's namespace.\n * @param host - The element to fill.\n * @param markup - The SVG markup.\n */\nfunction writeMarkup(host: Element, markup: string): void {\n  const document: Document = host.ownerDocument;\n  const template: HTMLTemplateElement = document.createElement('template');\n\n  template.innerHTML = markup;\n\n  while (host.firstChild) {\n    host.removeChild(host.firstChild);\n  }\n\n  host.appendChild(document.importNode(template.content, true));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}