@koobiq/components 20.4.2 → 21.0.0

package/fesm2022/koobiq-components-loader-overlay.mjs

@@ -1,15 +1,19 @@
+import { FocusMonitor, InputModalityDetector, A11yModule } from '@angular/cdk/a11y';
+import { MutationObserverFactory } from '@angular/cdk/observers';
+import { Platform, PlatformModule } from '@angular/cdk/platform';
+import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, inject, ElementRef, Renderer2, input, booleanAttribute, ContentChild, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Directive, inject, Renderer2, EnvironmentInjector, NgZone, contentChild, input, booleanAttribute, computed, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { kbqInjectNativeElement } from '@koobiq/components/core';
 import { KbqProgressSpinner, KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner';
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
 
 const kbqLoaderOverlayParent = 'kbq-loader-overlay_parent';
+/** Directive that marks a custom loading indicator projected into the overlay. */
 class KbqLoaderOverlayIndicator {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqLoaderOverlayIndicator, isStandalone: true, selector: "[kbq-loader-overlay-indicator]", host: { classAttribute: "kbq-loader-overlay-indicator" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqLoaderOverlayIndicator, isStandalone: true, selector: "[kbq-loader-overlay-indicator]", host: { classAttribute: "kbq-loader-overlay-indicator" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayIndicator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-loader-overlay-indicator]',
@@ -18,11 +22,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/** Directive that marks custom text projected into the overlay. */
 class KbqLoaderOverlayText {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqLoaderOverlayText, isStandalone: true, selector: "[kbq-loader-overlay-text]", host: { classAttribute: "kbq-loader-overlay-text" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqLoaderOverlayText, isStandalone: true, selector: "[kbq-loader-overlay-text]", host: { classAttribute: "kbq-loader-overlay-text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-loader-overlay-text]',
@@ -31,11 +36,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/** Directive that marks a custom caption projected into the overlay. */
 class KbqLoaderOverlayCaption {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqLoaderOverlayCaption, isStandalone: true, selector: "[kbq-loader-overlay-caption]", host: { classAttribute: "kbq-loader-overlay-caption" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqLoaderOverlayCaption, isStandalone: true, selector: "[kbq-loader-overlay-caption]", host: { classAttribute: "kbq-loader-overlay-caption" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayCaption, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayCaption, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-loader-overlay-caption]',
@@ -44,78 +50,171 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/** Component that covers its parent element while an operation is in progress. */
 class KbqLoaderOverlay {
     constructor() {
-        this.elementRef = inject(ElementRef);
+        this.nativeElement = kbqInjectNativeElement();
         this.renderer = inject(Renderer2);
-        this.size = input('big', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        this.transparent = input(true, ...(ngDevMode ? [{ debugName: "transparent" }] : []));
+        this.document = inject(DOCUMENT);
+        this.focusMonitor = inject(FocusMonitor);
+        this.inputModalityDetector = inject(InputModalityDetector);
+        this.environmentInjector = inject(EnvironmentInjector);
+        this.mutationObserverFactory = inject(MutationObserverFactory);
+        this.ngZone = inject(NgZone);
+        this.isBrowser = inject(Platform).isBrowser;
+        this.externalIndicator = contentChild(KbqLoaderOverlayIndicator, ...(ngDevMode ? [{ debugName: "externalIndicator" }] : /* istanbul ignore next */ []));
+        this.externalText = contentChild(KbqLoaderOverlayText, ...(ngDevMode ? [{ debugName: "externalText" }] : /* istanbul ignore next */ []));
+        this.externalCaption = contentChild(KbqLoaderOverlayCaption, ...(ngDevMode ? [{ debugName: "externalCaption" }] : /* istanbul ignore next */ []));
+        this.parent = null;
+        // Only the siblings this overlay made inert get the attribute back, so an `inert` of the consumer's stays.
+        this.inertSiblings = new Set();
+        this.siblingsObserver = null;
+        this.previouslyFocused = null;
+        this.previousFocusOrigin = null;
+        /** Text shown under the indicator. Ignored when a `[kbq-loader-overlay-text]` is projected. */
+        this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : /* istanbul ignore next */ []));
+        /** Caption shown under the text. Ignored when a `[kbq-loader-overlay-caption]` is projected. */
+        this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : /* istanbul ignore next */ []));
+        /** Size of the overlay and of its default indicator. */
+        this.size = input('big', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
         /**
-         * Uses a semi-transparent background to blend
-         * with the underlying card or modal surface. When enabled, overrides `transparent`.
+         * Sets the surface and opacity mode used by the overlay.
+         *
+         * `solid` is an opaque overlay. Other values select a transparent overlay that matches the corresponding surface.
          */
-        this.card = input(false, ...(ngDevMode ? [{ debugName: "card", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-        this.parent = null;
-    }
-    get isExternalIndicator() {
-        return !!this.externalIndicator;
-    }
-    get isExternalText() {
-        return !!this.externalText;
+        this.surface = input(...(ngDevMode ? [undefined, { debugName: "surface" }] : /* istanbul ignore next */ []));
+        /**
+         * Controls the legacy overlay opacity when `surface` is not set and `card` is disabled.
+         *
+         * @deprecated Use `surface="bg"` for a transparent overlay or `surface="solid"` for an opaque overlay. Will
+         * be removed in 22.0.0.
+         */
+        this.transparent = input(true, { ...(ngDevMode ? { debugName: "transparent" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /**
+         * Uses a semi-transparent card background and overrides `transparent` when `surface` is not set.
+         *
+         * @deprecated Use `surface="card"` instead. Will be removed in 22.0.0.
+         */
+        this.card = input(false, { ...(ngDevMode ? { debugName: "card" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** @docs-private */
+        this.isExternalIndicator = computed(() => !!this.externalIndicator(), ...(ngDevMode ? [{ debugName: "isExternalIndicator" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.isExternalText = computed(() => !!this.externalText(), ...(ngDevMode ? [{ debugName: "isExternalText" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.isExternalCaption = computed(() => !!this.externalCaption(), ...(ngDevMode ? [{ debugName: "isExternalCaption" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.isEmpty = computed(() => !(!!this.text() || this.isExternalText() || !!this.caption() || this.isExternalCaption()), ...(ngDevMode ? [{ debugName: "isEmpty" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.spinnerSize = computed(() => this.size() === 'compact' ? 'compact' : 'big', ...(ngDevMode ? [{ debugName: "spinnerSize" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.loaderSizeClass = computed(() => `kbq-loader-overlay_${this.size()}`, ...(ngDevMode ? [{ debugName: "loaderSizeClass" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.resolvedSurface = computed(() => {
+            const surface = this.surface();
+            if (surface !== null && surface !== undefined) {
+                return surface;
+            }
+            if (this.card()) {
+                return 'card';
+            }
+            return this.transparent() ? 'bg' : 'solid';
+        }, ...(ngDevMode ? [{ debugName: "resolvedSurface" }] : /* istanbul ignore next */ []));
     }
-    get isExternalCaption() {
-        return !!this.externalCaption;
+    ngOnInit() {
+        this.parent = this.nativeElement.parentElement;
+        if (this.parent) {
+            this.renderer.addClass(this.parent, kbqLoaderOverlayParent);
+            // Not on the server: there `inert` is serialized into the HTML and outlives an overlay the client does not
+            // hydrate.
+            if (this.isBrowser) {
+                this.saveFocus(this.parent);
+                this.blockSiblings(this.parent);
+            }
+        }
     }
-    get isEmpty() {
-        return !(!!this.text || this.isExternalText || !!this.caption || this.isExternalCaption);
+    ngOnDestroy() {
+        this.siblingsObserver?.disconnect();
+        if (this.parent) {
+            this.renderer.removeClass(this.parent, kbqLoaderOverlayParent);
+            this.inertSiblings.forEach((sibling) => this.renderer.removeAttribute(sibling, 'inert'));
+            this.restoreFocus();
+        }
     }
-    get spinnerSize() {
-        return this.size() === 'compact' ? 'compact' : 'big';
+    // Covering the parent only blocks the pointer: `inert` on the content behind the overlay also takes it out of the
+    // tab order, text selection and the accessibility tree. The overlay itself stays interactive, so its text can be
+    // selected and an action placed on it can be used.
+    blockSiblings(parent) {
+        for (const sibling of Array.from(parent.children)) {
+            this.makeInert(sibling);
+        }
+        // Content rendered behind the overlay while it is shown, such as the rows of a list, is blocked as well. Outside
+        // the zone, so that every change of that content does not run change detection.
+        this.ngZone.runOutsideAngular(() => {
+            this.siblingsObserver = this.mutationObserverFactory.create((records) => {
+                for (const record of records) {
+                    record.addedNodes.forEach((node) => {
+                        if (node.nodeType === Node.ELEMENT_NODE)
+                            this.makeInert(node);
+                    });
+                }
+            });
+            this.siblingsObserver?.observe(parent, { childList: true });
+        });
     }
-    /**
-     * @docs-private
-     */
-    get loaderSizeClass() {
-        return `kbq-loader-overlay_${this.size()}`;
+    makeInert(element) {
+        // A sibling this overlay already blocked can come back after a move, still carrying its `inert`.
+        if (element === this.nativeElement || this.inertSiblings.has(element) || element.hasAttribute('inert'))
+            return;
+        this.renderer.setAttribute(element, 'inert', '');
+        this.inertSiblings.add(element);
     }
-    ngOnInit() {
-        this.parent = this.elementRef.nativeElement.parentElement;
-        this.renderer.addClass(this.parent, kbqLoaderOverlayParent);
+    // Remembers the element `inert` is about to take the focus from.
+    saveFocus(parent) {
+        const focused = this.document.activeElement;
+        if (focused && parent.contains(focused)) {
+            this.previouslyFocused = focused;
+            // Read now: by the time the overlay goes away, the modality is long gone from the focus origin.
+            this.previousFocusOrigin = this.inputModalityDetector.mostRecentModality;
+        }
     }
-    ngOnDestroy() {
-        this.renderer.removeClass(this.parent, kbqLoaderOverlayParent);
+    // Hands the focus back to the element the overlay took it from, unless the user has moved it since.
+    restoreFocus() {
+        const element = this.previouslyFocused;
+        // The environment injector is already destroyed when the overlay goes away with the whole application.
+        if (!element || this.environmentInjector.destroyed)
+            return;
+        // After the render, not now: the element can still be disabled by a binding that is updated later in the
+        // same pass. The environment injector, not the overlay's, because the overlay's view is already destroyed.
+        afterNextRender(() => {
+            const focused = this.document.activeElement;
+            if (!element.isConnected || (focused && focused !== this.document.body))
+                return;
+            // `focusVia` keeps the focus ring of a keyboard user, which a native `focus()` would drop. No scroll:
+            // the user may have scrolled away while waiting.
+            this.focusMonitor.focusVia(element, this.previousFocusOrigin ?? 'program', { preventScroll: true });
+        }, { injector: this.environmentInjector });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.30", type: KbqLoaderOverlay, isStandalone: true, selector: "kbq-loader-overlay", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, transparent: { classPropertyName: "transparent", publicName: "transparent", isSignal: true, isRequired: false, transformFunction: null }, card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "loaderSizeClass", "class.kbq-loader-overlay_empty": "isEmpty", "class.kbq-loader-overlay_transparent": "transparent()", "class.kbq-loader-overlay_filled": "!transparent()", "class.kbq-loader-overlay_card": "card()" }, classAttribute: "kbq-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: KbqLoaderOverlayIndicator, descendants: true }, { propertyName: "externalText", first: true, predicate: KbqLoaderOverlayText, descendants: true }, { propertyName: "externalCaption", first: true, predicate: KbqLoaderOverlayCaption, descendants: true }], ngImport: i0, template: "<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize\" />\n    }\n\n    @if (isExternalText) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ text }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ caption }}\n            </div>\n        }\n    }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{--padding-horizontal: var(--kbq-size-3xl);--loader-margin-bottom: var(--kbq-size-xxl);--content-gap-vertical: var(--kbq-size-l);position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.kbq-loader-overlay .kbq-progress-spinner:has(+.kbq-loader-overlay-text,+.kbq-loader-overlay-caption){margin-bottom:var(--loader-margin-bottom)}.kbq-loader-overlay .kbq-loader-overlay-text{margin-bottom:var(--content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_big{--padding-horizontal: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_normal{--padding-horizontal: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{--padding-horizontal: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_card.kbq-loader-overlay_filled,.kbq-loader-overlay_card.kbq-loader-overlay_transparent{background:color-mix(in srgb,var(--kbq-loader-overlay-card-overlay-background) calc(var(--kbq-opacity-overlay) * 100%),transparent)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ":where(.kbq-loader-overlay){--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-l);--kbq-loader-overlay-size-normal-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-normal-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-normal-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-card-overlay-background: var(--kbq-background-card)}\n"], dependencies: [{ kind: "component", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: ["id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: KbqLoaderOverlay, isStandalone: true, selector: "kbq-loader-overlay", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null }, transparent: { classPropertyName: "transparent", publicName: "transparent", isSignal: true, isRequired: false, transformFunction: null }, card: { classPropertyName: "card", publicName: "card", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "loaderSizeClass()", "class.kbq-loader-overlay_empty": "isEmpty()", "class.kbq-loader-overlay_transparent": "resolvedSurface() !== \"solid\"", "class.kbq-loader-overlay_filled": "resolvedSurface() === \"solid\"", "class.kbq-loader-overlay_card": "resolvedSurface() === \"card\"", "class.kbq-loader-overlay_surface_bg": "resolvedSurface() === \"bg\"", "class.kbq-loader-overlay_surface_bg-secondary": "resolvedSurface() === \"bg-secondary\"", "class.kbq-loader-overlay_surface_bg-tertiary": "resolvedSurface() === \"bg-tertiary\"" }, classAttribute: "kbq-loader-overlay" }, queries: [{ propertyName: "externalIndicator", first: true, predicate: KbqLoaderOverlayIndicator, descendants: true, isSignal: true }, { propertyName: "externalText", first: true, predicate: KbqLoaderOverlayText, descendants: true, isSignal: true }, { propertyName: "externalCaption", first: true, predicate: KbqLoaderOverlayCaption, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator()) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize()\" />\n    }\n\n    @if (isExternalText()) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text(); as textValue) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ textValue }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption()) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption(); as captionValue) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ captionValue }}\n            </div>\n        }\n    }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative;-webkit-user-select:none;user-select:none}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{--padding-horizontal: var(--kbq-size-3xl);--loader-margin-bottom: var(--kbq-size-xxl);--content-gap-vertical: var(--kbq-size-l);position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;corner-shape:inherit;-webkit-user-select:text;user-select:text;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.kbq-loader-overlay .kbq-progress-spinner:has(+.kbq-loader-overlay-text,+.kbq-loader-overlay-caption){margin-bottom:var(--loader-margin-bottom)}.kbq-loader-overlay .kbq-loader-overlay-text{margin-bottom:var(--content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_big{--padding-horizontal: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_normal{--padding-horizontal: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{--padding-horizontal: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:color-mix(in srgb,var(--kbq-loader-overlay-surface-background) calc(var(--kbq-opacity-overlay) * 100%),transparent)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_card{--kbq-loader-overlay-surface-background: var(--kbq-background-card)}.kbq-loader-overlay_surface_bg{--kbq-loader-overlay-surface-background: var(--kbq-background-bg)}.kbq-loader-overlay_surface_bg-secondary{--kbq-loader-overlay-surface-background: var(--kbq-background-bg-secondary)}.kbq-loader-overlay_surface_bg-tertiary{--kbq-loader-overlay-surface-background: var(--kbq-background-bg-tertiary)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ":where(.kbq-loader-overlay){--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-l);--kbq-loader-overlay-size-normal-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-normal-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-normal-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}\n"], dependencies: [{ kind: "component", type: KbqProgressSpinner, selector: "kbq-progress-spinner", inputs: ["id", "value", "mode", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlay, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlay, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-loader-overlay', imports: [KbqProgressSpinner], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-loader-overlay',
-                        '[class]': 'loaderSizeClass',
-                        '[class.kbq-loader-overlay_empty]': 'isEmpty',
-                        '[class.kbq-loader-overlay_transparent]': 'transparent()',
-                        '[class.kbq-loader-overlay_filled]': '!transparent()',
-                        '[class.kbq-loader-overlay_card]': 'card()'
-                    }, template: "<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize\" />\n    }\n\n    @if (isExternalText) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ text }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ caption }}\n            </div>\n        }\n    }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{--padding-horizontal: var(--kbq-size-3xl);--loader-margin-bottom: var(--kbq-size-xxl);--content-gap-vertical: var(--kbq-size-l);position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.kbq-loader-overlay .kbq-progress-spinner:has(+.kbq-loader-overlay-text,+.kbq-loader-overlay-caption){margin-bottom:var(--loader-margin-bottom)}.kbq-loader-overlay .kbq-loader-overlay-text{margin-bottom:var(--content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_big{--padding-horizontal: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_normal{--padding-horizontal: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{--padding-horizontal: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:var(--kbq-loader-overlay-transparent-overlay-background)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_card.kbq-loader-overlay_filled,.kbq-loader-overlay_card.kbq-loader-overlay_transparent{background:color-mix(in srgb,var(--kbq-loader-overlay-card-overlay-background) calc(var(--kbq-opacity-overlay) * 100%),transparent)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ":where(.kbq-loader-overlay){--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-l);--kbq-loader-overlay-size-normal-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-normal-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-normal-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-transparent-overlay-background: var(--kbq-background-overlay-inverse);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-card-overlay-background: var(--kbq-background-card)}\n"] }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], caption: [{
-                type: Input
-            }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], transparent: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparent", required: false }] }], card: [{ type: i0.Input, args: [{ isSignal: true, alias: "card", required: false }] }], externalIndicator: [{
-                type: ContentChild,
-                args: [KbqLoaderOverlayIndicator]
-            }], externalText: [{
-                type: ContentChild,
-                args: [KbqLoaderOverlayText]
-            }], externalCaption: [{
-                type: ContentChild,
-                args: [KbqLoaderOverlayCaption]
-            }] } });
+                        '[class]': 'loaderSizeClass()',
+                        '[class.kbq-loader-overlay_empty]': 'isEmpty()',
+                        '[class.kbq-loader-overlay_transparent]': 'resolvedSurface() !== "solid"',
+                        '[class.kbq-loader-overlay_filled]': 'resolvedSurface() === "solid"',
+                        '[class.kbq-loader-overlay_card]': 'resolvedSurface() === "card"',
+                        '[class.kbq-loader-overlay_surface_bg]': 'resolvedSurface() === "bg"',
+                        '[class.kbq-loader-overlay_surface_bg-secondary]': 'resolvedSurface() === "bg-secondary"',
+                        '[class.kbq-loader-overlay_surface_bg-tertiary]': 'resolvedSurface() === "bg-tertiary"'
+                    }, template: "<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator()) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize()\" />\n    }\n\n    @if (isExternalText()) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text(); as textValue) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ textValue }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption()) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption(); as captionValue) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ captionValue }}\n            </div>\n        }\n    }\n</div>\n", styles: [".kbq-loader-overlay_parent{position:relative;-webkit-user-select:none;user-select:none}.kbq-loader-overlay-text,.kbq-loader-overlay-caption{max-width:90%;text-align:center}.kbq-loader-overlay{--padding-horizontal: var(--kbq-size-3xl);--loader-margin-bottom: var(--kbq-size-xxl);--content-gap-vertical: var(--kbq-size-l);position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;inset:0;border-radius:inherit;corner-shape:inherit;-webkit-user-select:text;user-select:text;z-index:10}.kbq-loader-overlay .kbq-loader-overlay__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:80%}.kbq-loader-overlay{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.kbq-loader-overlay .kbq-progress-spinner:has(+.kbq-loader-overlay-text,+.kbq-loader-overlay-caption){margin-bottom:var(--loader-margin-bottom)}.kbq-loader-overlay .kbq-loader-overlay-text{margin-bottom:var(--content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_big{--padding-horizontal: var(--kbq-loader-overlay-size-big-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-big-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-big-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_normal{--padding-horizontal: var(--kbq-loader-overlay-size-normal-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-normal-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-normal-content-content-gap-vertical)}.kbq-loader-overlay.kbq-loader-overlay_compact{--padding-horizontal: var(--kbq-loader-overlay-size-compact-overlay-padding-horizontal);--loader-margin-bottom: var(--kbq-loader-overlay-size-compact-loader-margin-bottom);--content-gap-vertical: var(--kbq-loader-overlay-size-compact-content-content-gap-vertical)}.kbq-loader-overlay_filled.kbq-loader-overlay{background:var(--kbq-loader-overlay-filled-overlay-background)}.kbq-loader-overlay_filled .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-filled-text-color)}.kbq-loader-overlay_filled .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-filled-caption-color)}.kbq-loader-overlay_transparent.kbq-loader-overlay{background:color-mix(in srgb,var(--kbq-loader-overlay-surface-background) calc(var(--kbq-opacity-overlay) * 100%),transparent)}.kbq-loader-overlay_transparent .kbq-loader-overlay-text{color:var(--kbq-loader-overlay-transparent-text-color)}.kbq-loader-overlay_transparent .kbq-loader-overlay-caption{color:var(--kbq-loader-overlay-transparent-caption-color)}.kbq-loader-overlay_card{--kbq-loader-overlay-surface-background: var(--kbq-background-card)}.kbq-loader-overlay_surface_bg{--kbq-loader-overlay-surface-background: var(--kbq-background-bg)}.kbq-loader-overlay_surface_bg-secondary{--kbq-loader-overlay-surface-background: var(--kbq-background-bg-secondary)}.kbq-loader-overlay_surface_bg-tertiary{--kbq-loader-overlay-surface-background: var(--kbq-background-bg-tertiary)}.kbq-loader-overlay_big .kbq-loader-overlay-text{font-size:var(--kbq-typography-headline-font-size);font-style:var(--kbq-typography-headline-font-style);font-weight:var(--kbq-typography-headline-font-weight);line-height:var(--kbq-typography-headline-line-height);font-family:var(--kbq-typography-headline-font-family);text-transform:var(--kbq-typography-headline-text-transform);font-feature-settings:var(--kbq-typography-headline-font-feature-settings);letter-spacing:var(--kbq-typography-headline-letter-spacing)}.kbq-loader-overlay_big .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-big-font-size);font-style:var(--kbq-typography-text-big-font-style);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-text{font-size:var(--kbq-typography-subheading-font-size);font-style:var(--kbq-typography-subheading-font-style);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-loader-overlay_normal .kbq-loader-overlay-caption,.kbq-loader-overlay_compact .kbq-loader-overlay-text{font-size:var(--kbq-typography-text-normal-font-size);font-style:var(--kbq-typography-text-normal-font-style);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-loader-overlay_compact .kbq-loader-overlay-caption{font-size:var(--kbq-typography-text-compact-font-size);font-style:var(--kbq-typography-text-compact-font-style);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}\n", ":where(.kbq-loader-overlay){--kbq-loader-overlay-size-big-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-big-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-big-content-content-gap-vertical: var(--kbq-size-l);--kbq-loader-overlay-size-normal-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-normal-loader-margin-bottom: var(--kbq-size-xxl);--kbq-loader-overlay-size-normal-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-size-compact-overlay-padding-horizontal: var(--kbq-size-3xl);--kbq-loader-overlay-size-compact-loader-margin-bottom: var(--kbq-size-s);--kbq-loader-overlay-size-compact-content-content-gap-vertical: var(--kbq-size-xxs);--kbq-loader-overlay-transparent-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-transparent-caption-color: var(--kbq-foreground-contrast-secondary);--kbq-loader-overlay-filled-overlay-background: var(--kbq-background-bg);--kbq-loader-overlay-filled-text-color: var(--kbq-foreground-contrast);--kbq-loader-overlay-filled-caption-color: var(--kbq-foreground-contrast-secondary)}\n"] }]
+        }], propDecorators: { externalIndicator: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqLoaderOverlayIndicator), { isSignal: true }] }], externalText: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqLoaderOverlayText), { isSignal: true }] }], externalCaption: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqLoaderOverlayCaption), { isSignal: true }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }], transparent: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparent", required: false }] }], card: [{ type: i0.Input, args: [{ isSignal: true, alias: "card", required: false }] }] } });
 
 class KbqLoaderOverlayModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayModule, imports: [A11yModule,
             PlatformModule,
             KbqProgressSpinnerModule,
             KbqLoaderOverlay,
@@ -125,12 +224,12 @@ class KbqLoaderOverlayModule {
             KbqLoaderOverlayIndicator,
             KbqLoaderOverlayText,
             KbqLoaderOverlayCaption] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayModule, imports: [A11yModule,
             PlatformModule,
             KbqProgressSpinnerModule,
             KbqLoaderOverlay] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqLoaderOverlayModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqLoaderOverlayModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/koobiq-components-loader-overlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-loader-overlay.mjs","sources":["../../../packages/components/loader-overlay/loader-overlay.component.ts","../../../packages/components/loader-overlay/loader-overlay.component.html","../../../packages/components/loader-overlay/loader-overlay.module.ts","../../../packages/components/loader-overlay/koobiq-components-loader-overlay.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    ElementRef,\n    inject,\n    Input,\n    input,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqDefaultSizes } from '@koobiq/components/core';\nimport { KbqProgressSpinner } from '@koobiq/components/progress-spinner';\n\nconst kbqLoaderOverlayParent = 'kbq-loader-overlay_parent';\n\n@Directive({\n    selector: '[kbq-loader-overlay-indicator]',\n    host: {\n        class: 'kbq-loader-overlay-indicator'\n    }\n})\nexport class KbqLoaderOverlayIndicator {}\n\n@Directive({\n    selector: '[kbq-loader-overlay-text]',\n    host: {\n        class: 'kbq-loader-overlay-text'\n    }\n})\nexport class KbqLoaderOverlayText {}\n\n@Directive({\n    selector: '[kbq-loader-overlay-caption]',\n    host: {\n        class: 'kbq-loader-overlay-caption'\n    }\n})\nexport class KbqLoaderOverlayCaption {}\n\n@Component({\n    selector: 'kbq-loader-overlay',\n    imports: [KbqProgressSpinner],\n    templateUrl: './loader-overlay.component.html',\n    styleUrls: ['./loader-overlay.scss', 'loader-overlay-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-loader-overlay',\n        '[class]': 'loaderSizeClass',\n        '[class.kbq-loader-overlay_empty]': 'isEmpty',\n        '[class.kbq-loader-overlay_transparent]': 'transparent()',\n        '[class.kbq-loader-overlay_filled]': '!transparent()',\n        '[class.kbq-loader-overlay_card]': 'card()'\n    }\n})\nexport class KbqLoaderOverlay implements OnInit, OnDestroy {\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private renderer = inject(Renderer2);\n\n    // TODO: Skipped for migration because:\n    //  This input is used in a control flow expression (e.g. `@if` or `*ngIf`)\n    //  and migrating would break narrowing currently.\n    @Input() text: string;\n\n    // TODO: Skipped for migration because:\n    //  This input is used in a control flow expression (e.g. `@if` or `*ngIf`)\n    //  and migrating would break narrowing currently.\n    @Input() caption: string;\n    readonly size = input<KbqDefaultSizes>('big');\n    readonly transparent = input<boolean>(true);\n    /**\n     * Uses a semi-transparent background to blend\n     * with the underlying card or modal surface. When enabled, overrides `transparent`.\n     */\n    readonly card = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n    private parent: HTMLElement | null = null;\n\n    get isExternalIndicator(): boolean {\n        return !!this.externalIndicator;\n    }\n\n    get isExternalText(): boolean {\n        return !!this.externalText;\n    }\n\n    get isExternalCaption(): boolean {\n        return !!this.externalCaption;\n    }\n\n    get isEmpty(): boolean {\n        return !(!!this.text || this.isExternalText || !!this.caption || this.isExternalCaption);\n    }\n\n    get spinnerSize(): string {\n        return this.size() === 'compact' ? 'compact' : 'big';\n    }\n\n    /**\n     * @docs-private\n     */\n    protected get loaderSizeClass(): string {\n        return `kbq-loader-overlay_${this.size()}`;\n    }\n\n    @ContentChild(KbqLoaderOverlayIndicator) externalIndicator: KbqLoaderOverlayIndicator | null;\n    @ContentChild(KbqLoaderOverlayText) externalText: KbqLoaderOverlayText | null;\n    @ContentChild(KbqLoaderOverlayCaption) externalCaption: KbqLoaderOverlayCaption | null;\n\n    ngOnInit(): void {\n        this.parent = this.elementRef.nativeElement.parentElement;\n\n        this.renderer.addClass(this.parent, kbqLoaderOverlayParent);\n    }\n\n    ngOnDestroy(): void {\n        this.renderer.removeClass(this.parent, kbqLoaderOverlayParent);\n    }\n}\n","<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize\" />\n    }\n\n    @if (isExternalText) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ text }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ caption }}\n            </div>\n        }\n    }\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner';\nimport {\n    KbqLoaderOverlay,\n    KbqLoaderOverlayCaption,\n    KbqLoaderOverlayIndicator,\n    KbqLoaderOverlayText\n} from './loader-overlay.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule,\n        KbqProgressSpinnerModule,\n        KbqLoaderOverlay,\n        KbqLoaderOverlayIndicator,\n        KbqLoaderOverlayText,\n        KbqLoaderOverlayCaption\n    ],\n    exports: [\n        KbqLoaderOverlay,\n        KbqLoaderOverlayIndicator,\n        KbqLoaderOverlayText,\n        KbqLoaderOverlayCaption\n    ]\n})\nexport class KbqLoaderOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"koobiq-components-loader-overlay.mjs","sources":["../../../packages/components/loader-overlay/loader-overlay.component.ts","../../../packages/components/loader-overlay/loader-overlay.component.html","../../../packages/components/loader-overlay/loader-overlay.module.ts","../../../packages/components/loader-overlay/koobiq-components-loader-overlay.ts"],"sourcesContent":["import { FocusMonitor, FocusOrigin, InputModalityDetector } from '@angular/cdk/a11y';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { Platform } from '@angular/cdk/platform';\nimport { DOCUMENT } from '@angular/common';\nimport {\n    afterNextRender,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    Directive,\n    EnvironmentInjector,\n    inject,\n    input,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    ViewEncapsulation\n} from '@angular/core';\nimport { KbqDefaultSizes, kbqInjectNativeElement } from '@koobiq/components/core';\nimport { KbqProgressSpinner, ProgressSpinnerSize } from '@koobiq/components/progress-spinner';\n\nconst kbqLoaderOverlayParent = 'kbq-loader-overlay_parent';\n\n/** Semantic background variants for `KbqLoaderOverlay`. */\nexport type KbqLoaderOverlaySurface = 'solid' | 'bg' | 'bg-secondary' | 'bg-tertiary' | 'card';\n\n/** Directive that marks a custom loading indicator projected into the overlay. */\n@Directive({\n    selector: '[kbq-loader-overlay-indicator]',\n    host: {\n        class: 'kbq-loader-overlay-indicator'\n    }\n})\nexport class KbqLoaderOverlayIndicator {}\n\n/** Directive that marks custom text projected into the overlay. */\n@Directive({\n    selector: '[kbq-loader-overlay-text]',\n    host: {\n        class: 'kbq-loader-overlay-text'\n    }\n})\nexport class KbqLoaderOverlayText {}\n\n/** Directive that marks a custom caption projected into the overlay. */\n@Directive({\n    selector: '[kbq-loader-overlay-caption]',\n    host: {\n        class: 'kbq-loader-overlay-caption'\n    }\n})\nexport class KbqLoaderOverlayCaption {}\n\n/** Component that covers its parent element while an operation is in progress. */\n@Component({\n    selector: 'kbq-loader-overlay',\n    imports: [KbqProgressSpinner],\n    templateUrl: './loader-overlay.component.html',\n    styleUrls: ['./loader-overlay.scss', 'loader-overlay-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-loader-overlay',\n        '[class]': 'loaderSizeClass()',\n        '[class.kbq-loader-overlay_empty]': 'isEmpty()',\n        '[class.kbq-loader-overlay_transparent]': 'resolvedSurface() !== \"solid\"',\n        '[class.kbq-loader-overlay_filled]': 'resolvedSurface() === \"solid\"',\n        '[class.kbq-loader-overlay_card]': 'resolvedSurface() === \"card\"',\n        '[class.kbq-loader-overlay_surface_bg]': 'resolvedSurface() === \"bg\"',\n        '[class.kbq-loader-overlay_surface_bg-secondary]': 'resolvedSurface() === \"bg-secondary\"',\n        '[class.kbq-loader-overlay_surface_bg-tertiary]': 'resolvedSurface() === \"bg-tertiary\"'\n    }\n})\nexport class KbqLoaderOverlay implements OnInit, OnDestroy {\n    private readonly nativeElement = kbqInjectNativeElement();\n    private readonly renderer = inject(Renderer2);\n    private readonly document = inject(DOCUMENT);\n    private readonly focusMonitor = inject(FocusMonitor);\n    private readonly inputModalityDetector = inject(InputModalityDetector);\n    private readonly environmentInjector = inject(EnvironmentInjector);\n    private readonly mutationObserverFactory = inject(MutationObserverFactory);\n    private readonly ngZone = inject(NgZone);\n    private readonly isBrowser = inject(Platform).isBrowser;\n\n    private readonly externalIndicator = contentChild(KbqLoaderOverlayIndicator);\n    private readonly externalText = contentChild(KbqLoaderOverlayText);\n    private readonly externalCaption = contentChild(KbqLoaderOverlayCaption);\n\n    private parent: HTMLElement | null = null;\n    // Only the siblings this overlay made inert get the attribute back, so an `inert` of the consumer's stays.\n    private readonly inertSiblings = new Set<Element>();\n    private siblingsObserver: MutationObserver | null = null;\n    private previouslyFocused: HTMLElement | null = null;\n    private previousFocusOrigin: FocusOrigin = null;\n\n    /** Text shown under the indicator. Ignored when a `[kbq-loader-overlay-text]` is projected. */\n    readonly text = input<string>();\n\n    /** Caption shown under the text. Ignored when a `[kbq-loader-overlay-caption]` is projected. */\n    readonly caption = input<string>();\n\n    /** Size of the overlay and of its default indicator. */\n    readonly size = input<KbqDefaultSizes>('big');\n\n    /**\n     * Sets the surface and opacity mode used by the overlay.\n     *\n     * `solid` is an opaque overlay. Other values select a transparent overlay that matches the corresponding surface.\n     */\n    readonly surface = input<KbqLoaderOverlaySurface | null | undefined>();\n\n    /**\n     * Controls the legacy overlay opacity when `surface` is not set and `card` is disabled.\n     *\n     * @deprecated Use `surface=\"bg\"` for a transparent overlay or `surface=\"solid\"` for an opaque overlay. Will\n     * be removed in 22.0.0.\n     */\n    readonly transparent = input(true, { transform: booleanAttribute });\n\n    /**\n     * Uses a semi-transparent card background and overrides `transparent` when `surface` is not set.\n     *\n     * @deprecated Use `surface=\"card\"` instead. Will be removed in 22.0.0.\n     */\n    readonly card = input(false, { transform: booleanAttribute });\n\n    /** @docs-private */\n    protected readonly isExternalIndicator = computed(() => !!this.externalIndicator());\n\n    /** @docs-private */\n    protected readonly isExternalText = computed(() => !!this.externalText());\n\n    /** @docs-private */\n    protected readonly isExternalCaption = computed(() => !!this.externalCaption());\n\n    /** @docs-private */\n    protected readonly isEmpty = computed(\n        () => !(!!this.text() || this.isExternalText() || !!this.caption() || this.isExternalCaption())\n    );\n\n    /** @docs-private */\n    protected readonly spinnerSize = computed<ProgressSpinnerSize>(() =>\n        this.size() === 'compact' ? 'compact' : 'big'\n    );\n\n    /** @docs-private */\n    protected readonly loaderSizeClass = computed(() => `kbq-loader-overlay_${this.size()}`);\n\n    /** @docs-private */\n    protected readonly resolvedSurface = computed<KbqLoaderOverlaySurface>(() => {\n        const surface = this.surface();\n\n        if (surface !== null && surface !== undefined) {\n            return surface;\n        }\n\n        if (this.card()) {\n            return 'card';\n        }\n\n        return this.transparent() ? 'bg' : 'solid';\n    });\n\n    ngOnInit(): void {\n        this.parent = this.nativeElement.parentElement;\n\n        if (this.parent) {\n            this.renderer.addClass(this.parent, kbqLoaderOverlayParent);\n\n            // Not on the server: there `inert` is serialized into the HTML and outlives an overlay the client does not\n            // hydrate.\n            if (this.isBrowser) {\n                this.saveFocus(this.parent);\n                this.blockSiblings(this.parent);\n            }\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.siblingsObserver?.disconnect();\n\n        if (this.parent) {\n            this.renderer.removeClass(this.parent, kbqLoaderOverlayParent);\n            this.inertSiblings.forEach((sibling) => this.renderer.removeAttribute(sibling, 'inert'));\n            this.restoreFocus();\n        }\n    }\n\n    // Covering the parent only blocks the pointer: `inert` on the content behind the overlay also takes it out of the\n    // tab order, text selection and the accessibility tree. The overlay itself stays interactive, so its text can be\n    // selected and an action placed on it can be used.\n    private blockSiblings(parent: HTMLElement): void {\n        for (const sibling of Array.from(parent.children)) {\n            this.makeInert(sibling);\n        }\n\n        // Content rendered behind the overlay while it is shown, such as the rows of a list, is blocked as well. Outside\n        // the zone, so that every change of that content does not run change detection.\n        this.ngZone.runOutsideAngular(() => {\n            this.siblingsObserver = this.mutationObserverFactory.create((records) => {\n                for (const record of records) {\n                    record.addedNodes.forEach((node) => {\n                        if (node.nodeType === Node.ELEMENT_NODE) this.makeInert(node as Element);\n                    });\n                }\n            });\n            this.siblingsObserver?.observe(parent, { childList: true });\n        });\n    }\n\n    private makeInert(element: Element): void {\n        // A sibling this overlay already blocked can come back after a move, still carrying its `inert`.\n        if (element === this.nativeElement || this.inertSiblings.has(element) || element.hasAttribute('inert')) return;\n\n        this.renderer.setAttribute(element, 'inert', '');\n        this.inertSiblings.add(element);\n    }\n\n    // Remembers the element `inert` is about to take the focus from.\n    private saveFocus(parent: HTMLElement): void {\n        const focused = this.document.activeElement as HTMLElement | null;\n\n        if (focused && parent.contains(focused)) {\n            this.previouslyFocused = focused;\n            // Read now: by the time the overlay goes away, the modality is long gone from the focus origin.\n            this.previousFocusOrigin = this.inputModalityDetector.mostRecentModality;\n        }\n    }\n\n    // Hands the focus back to the element the overlay took it from, unless the user has moved it since.\n    private restoreFocus(): void {\n        const element = this.previouslyFocused;\n\n        // The environment injector is already destroyed when the overlay goes away with the whole application.\n        if (!element || this.environmentInjector.destroyed) return;\n\n        // After the render, not now: the element can still be disabled by a binding that is updated later in the\n        // same pass. The environment injector, not the overlay's, because the overlay's view is already destroyed.\n        afterNextRender(\n            () => {\n                const focused = this.document.activeElement;\n\n                if (!element.isConnected || (focused && focused !== this.document.body)) return;\n\n                // `focusVia` keeps the focus ring of a keyboard user, which a native `focus()` would drop. No scroll:\n                // the user may have scrolled away while waiting.\n                this.focusMonitor.focusVia(element, this.previousFocusOrigin ?? 'program', { preventScroll: true });\n            },\n            { injector: this.environmentInjector }\n        );\n    }\n}\n","<div class=\"kbq-loader-overlay__container\">\n    @if (isExternalIndicator()) {\n        <ng-content select=\"[kbq-loader-overlay-indicator]\" />\n    } @else {\n        <kbq-progress-spinner [mode]=\"'indeterminate'\" [size]=\"spinnerSize()\" />\n    }\n\n    @if (isExternalText()) {\n        <ng-content select=\"[kbq-loader-overlay-text]\" />\n    } @else {\n        @if (text(); as textValue) {\n            <div class=\"kbq-loader-overlay-text\">\n                {{ textValue }}\n            </div>\n        }\n    }\n\n    @if (isExternalCaption()) {\n        <ng-content select=\"[kbq-loader-overlay-caption]\" />\n    } @else {\n        @if (caption(); as captionValue) {\n            <div class=\"kbq-loader-overlay-caption\">\n                {{ captionValue }}\n            </div>\n        }\n    }\n</div>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\nimport { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner';\nimport {\n    KbqLoaderOverlay,\n    KbqLoaderOverlayCaption,\n    KbqLoaderOverlayIndicator,\n    KbqLoaderOverlayText\n} from './loader-overlay.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule,\n        KbqProgressSpinnerModule,\n        KbqLoaderOverlay,\n        KbqLoaderOverlayIndicator,\n        KbqLoaderOverlayText,\n        KbqLoaderOverlayCaption\n    ],\n    exports: [\n        KbqLoaderOverlay,\n        KbqLoaderOverlayIndicator,\n        KbqLoaderOverlayText,\n        KbqLoaderOverlayCaption\n    ]\n})\nexport class KbqLoaderOverlayModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}