@koobiq/components 20.4.2 → 21.0.1

package/fesm2022/koobiq-components-empty-state.mjs

@@ -1,23 +1,65 @@
 import * as i0 from '@angular/core';
-import { inject, Directive, input, ContentChild, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { InjectionToken, inject, contentChildren, effect, Directive, input, contentChild, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { KbqComponentColors } from '@koobiq/components/core';
 import { KbqIconItem } from '@koobiq/components/icon';
-import { A11yModule } from '@angular/cdk/a11y';
-import { PlatformModule } from '@angular/cdk/platform';
 
+/**
+ * Injection token a projected slot uses to follow the empty state it belongs to.
+ *
+ * Internal wiring, kept out of `public-api.ts`: a slot only works inside the component that provides
+ * this, so nothing outside the entry point has a reason to inject or re-provide it. The interface
+ * above is exported, because `KbqEmptyState` implements it in its public signature.
+ *
+ * @docs-private
+ */
+const KBQ_EMPTY_STATE_CONTEXT = new InjectionToken('KBQ_EMPTY_STATE_CONTEXT');
+
+/**
+ * Illustration slot of `kbq-empty-state`. Holds an icon, an image or any other element.
+ *
+ * A `kbq-icon-item` follows the empty state's `errorColor`, whether the directive sits on the icon
+ * itself or wraps it.
+ */
 class KbqEmptyStateIcon {
     constructor() {
-        this.icon = inject(KbqIconItem, { optional: true });
-    }
-    setErrorColor() {
-        if (!this.icon) {
+        this.emptyState = inject(KBQ_EMPTY_STATE_CONTEXT, { optional: true });
+        this.hostIcon = inject(KbqIconItem, { optional: true, self: true });
+        this.wrappedIcons = contentChildren(KbqIconItem, { ...(ngDevMode ? { debugName: "wrappedIcons" } : /* istanbul ignore next */ {}), descendants: true });
+        const emptyState = this.emptyState;
+        if (!emptyState)
             return;
-        }
-        this.icon.color = 'error';
+        effect(() => {
+            const errorColor = emptyState.errorColor();
+            const wrapped = this.wrappedIcons();
+            const icons = this.hostIcon ? [this.hostIcon, ...wrapped] : wrapped;
+            icons.forEach((icon) => this.applyErrorColor(icon, errorColor));
+        });
+    }
+    /**
+     * Tints an icon with the error color, or reveals whatever color it currently carries.
+     *
+     * `KbqIcon` already renders `kbq-error` additively over its own `kbq-<color>` class through its
+     * `hasError` field — the same field `autoColor` drives — so setting it here, instead of
+     * overwriting `color`, means a live `[color]` binding on the icon is never fought over: the tint
+     * class layers on top of whatever color is currently set and simply lifts off it when cleared.
+     * The class is also applied directly so the tint shows immediately, without waiting for the
+     * icon's own change detection to run.
+     *
+     * Lifting the tint off must not take the class away from an icon that carries `color="error"` of
+     * its own: `KbqColorDirective` renders `kbq-error` from a host binding that only touches it
+     * again when the color changes, and the icon's `[class.kbq-error]` binding stays at `true`
+     * throughout, so neither would put back a class removed here — the icon would lose the color the
+     * consumer set on it, permanently.
+     */
+    applyErrorColor(icon, errorColor) {
+        const ownsErrorColor = icon.color() === KbqComponentColors.Error;
+        icon.hasError = errorColor;
+        icon.elementRef.nativeElement.classList.toggle(`kbq-${KbqComponentColors.Error}`, errorColor || ownsErrorColor);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqEmptyStateIcon, isStandalone: true, selector: "[kbq-empty-state-icon]", host: { classAttribute: "kbq-empty-state-icon" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.25", type: KbqEmptyStateIcon, isStandalone: true, selector: "[kbq-empty-state-icon]", host: { classAttribute: "kbq-empty-state-icon" }, queries: [{ propertyName: "wrappedIcons", predicate: KbqIconItem, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-icon]',
@@ -25,12 +67,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                         class: 'kbq-empty-state-icon'
                     }
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { wrappedIcons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KbqIconItem), { ...{ descendants: true }, isSignal: true }] }] } });
+/** Text slot of `kbq-empty-state`, rendered below the title. */
 class KbqEmptyStateText {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqEmptyStateText, isStandalone: true, selector: "[kbq-empty-state-text]", host: { classAttribute: "kbq-empty-state-text" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateText, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqEmptyStateText, isStandalone: true, selector: "[kbq-empty-state-text]", host: { classAttribute: "kbq-empty-state-text" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateText, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-text]',
@@ -39,11 +82,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/**
+ * Title slot of `kbq-empty-state`, rendered below the illustration.
+ *
+ * It carries heading typography — `subheading` at `size="normal"`, `headline` at `size="big"` — so
+ * the host element should be a real heading of the level the surrounding page calls for:
+ * `<h2 kbq-empty-state-title>`.
+ */
 class KbqEmptyStateTitle {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqEmptyStateTitle, isStandalone: true, selector: "[kbq-empty-state-title]", host: { classAttribute: "kbq-empty-state-title" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqEmptyStateTitle, isStandalone: true, selector: "[kbq-empty-state-title]", host: { classAttribute: "kbq-empty-state-title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-title]',
@@ -52,11 +102,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/** Actions slot of `kbq-empty-state`, rendered below the text. Holds buttons, links or pseudo-links. */
 class KbqEmptyStateActions {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.30", type: KbqEmptyStateActions, isStandalone: true, selector: "[kbq-empty-state-actions]", host: { classAttribute: "kbq-empty-state-actions" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.25", type: KbqEmptyStateActions, isStandalone: true, selector: "[kbq-empty-state-actions]", host: { classAttribute: "kbq-empty-state-actions" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateActions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateActions, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-empty-state-actions]',
@@ -65,51 +116,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImpo
                     }
                 }]
         }] });
+/**
+ * Placeholder rendered in place of content that is empty, unavailable or failed to load. Projects an
+ * illustration, a title, a text and an actions row, in that order.
+ *
+ * ```html
+ * <kbq-empty-state>
+ *     <h2 kbq-empty-state-title>No groups</h2>
+ *     <div kbq-empty-state-text>Agents can be grouped and given the same policies</div>
+ * </kbq-empty-state>
+ * ```
+ *
+ * The host has no intrinsic height — it grows as a flex item and is otherwise as tall as its
+ * content, which leaves `alignTop` indistinguishable from the default. Give the host or its
+ * container a height for the alignment to mean anything.
+ *
+ * For an empty state inserted dynamically, add `role="status"` — or `role="alert"` for the error
+ * variant — on the host so assistive technology announces it. See the component guide.
+ */
 class KbqEmptyState {
     constructor() {
-        this.errorColor = input(false, ...(ngDevMode ? [{ debugName: "errorColor" }] : []));
-        this.alignTop = input(false, ...(ngDevMode ? [{ debugName: "alignTop" }] : []));
-        // TODO: Skipped for migration because:
-        //  Your application code writes to the input. This prevents migration.
-        this.size = 'normal';
-    }
-    /**
-     * @docs-private
-     */
-    get emptyStateSizeClass() {
-        return `kbq-empty-state_${this.size}`;
-    }
-    ngAfterContentInit() {
-        if (this.errorColor() && this.icon) {
-            this.icon.setErrorColor();
-        }
+        /** Whether the title, the text and the projected icon render in the error color. Defaults to `false`. */
+        this.errorColor = input(false, ...(ngDevMode ? [{ debugName: "errorColor" }] : /* istanbul ignore next */ []));
+        /** Whether the content sits at the top of the host instead of its center. Defaults to `false`. */
+        this.alignTop = input(false, ...(ngDevMode ? [{ debugName: "alignTop" }] : /* istanbul ignore next */ []));
+        /**
+         * Size tier of the placeholder: `compact`, `normal` or `big`. Drives every padding and offset,
+         * the maximum width of the title and the text, and their typography. Defaults to `normal`.
+         */
+        this.size = input('normal', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.icon = contentChild(KbqEmptyStateIcon, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+        /** @docs-private */
+        this.emptyStateSizeClass = computed(() => `kbq-empty-state_${this.size()}`, ...(ngDevMode ? [{ debugName: "emptyStateSizeClass" }] : /* istanbul ignore next */ []));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.30", type: KbqEmptyState, isStandalone: true, selector: "kbq-empty-state", inputs: { errorColor: { classPropertyName: "errorColor", publicName: "errorColor", isSignal: true, isRequired: false, transformFunction: null }, alignTop: { classPropertyName: "alignTop", publicName: "alignTop", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null } }, host: { properties: { "class": "emptyStateSizeClass", "class.kbq-empty-state_align-center": "!alignTop()", "class.kbq-empty-state_align-top": "alignTop()", "class.kbq-empty-state_normal-color": "!errorColor()", "class.kbq-empty-state_error-color": "errorColor()", "class.kbq-empty-state_has-icon": "!!icon" }, classAttribute: "kbq-empty-state" }, queries: [{ propertyName: "icon", first: true, predicate: KbqEmptyStateIcon, descendants: true }], ngImport: i0, template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [".kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state_compact .kbq-empty-state-title{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-empty-state_compact .kbq-empty-state-text{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)}.kbq-empty-state_normal .kbq-empty-state-title{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-empty-state_normal .kbq-empty-state-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-empty-state_big .kbq-empty-state-title{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-empty-state_big .kbq-empty-state-text{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)}\n", ":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title: var(--kbq-foreground-contrast);--kbq-empty-state-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title: var(--kbq-foreground-error);--kbq-empty-state-error-color: var(--kbq-foreground-error)}\n"], 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: KbqEmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.25", type: KbqEmptyState, isStandalone: true, selector: "kbq-empty-state", inputs: { errorColor: { classPropertyName: "errorColor", publicName: "errorColor", isSignal: true, isRequired: false, transformFunction: null }, alignTop: { classPropertyName: "alignTop", publicName: "alignTop", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "emptyStateSizeClass()", "class.kbq-empty-state_align-center": "!alignTop()", "class.kbq-empty-state_align-top": "alignTop()", "class.kbq-empty-state_normal-color": "!errorColor()", "class.kbq-empty-state_error-color": "errorColor()", "class.kbq-empty-state_has-icon": "!!icon()" }, classAttribute: "kbq-empty-state" }, providers: [{ provide: KBQ_EMPTY_STATE_CONTEXT, useExisting: forwardRef((() => KbqEmptyState)) }], queries: [{ propertyName: "icon", first: true, predicate: KbqEmptyStateIcon, descendants: true, isSignal: true }], exportAs: ["kbqEmptyState"], ngImport: i0, template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title-color: var(--kbq-foreground-contrast);--kbq-empty-state-text-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title-color: var(--kbq-foreground-error);--kbq-empty-state-error-text-color: var(--kbq-foreground-error)}.kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title-color)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-text-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title-color)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-text-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state-title{margin:0}.kbq-empty-state_compact .kbq-empty-state-title{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-empty-state_compact .kbq-empty-state-text{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)}.kbq-empty-state_normal .kbq-empty-state-title{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-empty-state_normal .kbq-empty-state-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-empty-state_big .kbq-empty-state-title{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-empty-state_big .kbq-empty-state-text{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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyState, decorators: [{
             type: Component,
-            args: [{ selector: 'kbq-empty-state', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+            args: [{ selector: 'kbq-empty-state', providers: [{ provide: KBQ_EMPTY_STATE_CONTEXT, useExisting: forwardRef((() => KbqEmptyState)) }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-empty-state',
-                        '[class]': 'emptyStateSizeClass',
+                        '[class]': 'emptyStateSizeClass()',
                         '[class.kbq-empty-state_align-center]': '!alignTop()',
                         '[class.kbq-empty-state_align-top]': 'alignTop()',
                         '[class.kbq-empty-state_normal-color]': '!errorColor()',
                         '[class.kbq-empty-state_error-color]': 'errorColor()',
-                        '[class.kbq-empty-state_has-icon]': '!!icon'
-                    }, template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [".kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state_compact .kbq-empty-state-title{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-empty-state_compact .kbq-empty-state-text{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)}.kbq-empty-state_normal .kbq-empty-state-title{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-empty-state_normal .kbq-empty-state-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-empty-state_big .kbq-empty-state-title{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-empty-state_big .kbq-empty-state-text{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)}\n", ":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title: var(--kbq-foreground-contrast);--kbq-empty-state-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title: var(--kbq-foreground-error);--kbq-empty-state-error-color: var(--kbq-foreground-error)}\n"] }]
-        }], propDecorators: { errorColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorColor", required: false }] }], alignTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignTop", required: false }] }], size: [{
-                type: Input
-            }], icon: [{
-                type: ContentChild,
-                args: [KbqEmptyStateIcon]
-            }] } });
+                        '[class.kbq-empty-state_has-icon]': '!!icon()'
+                    }, exportAs: 'kbqEmptyState', template: "<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n", styles: [":where(.kbq-empty-state){--kbq-empty-state-size-big-max-width: 480px;--kbq-empty-state-size-big-padding-horizontal: var(--kbq-size-6xl);--kbq-empty-state-size-big-padding-top: var(--kbq-size-5xl);--kbq-empty-state-size-big-padding-bottom: var(--kbq-size-5xl);--kbq-empty-state-size-big-actions-margin-top: var(--kbq-size-xl);--kbq-empty-state-size-big-image-margin-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-big-image-addon-height: var(--kbq-size-6xl);--kbq-empty-state-size-big-title-margin-bottom: var(--kbq-size-l);--kbq-empty-state-size-normal-max-width: 320px;--kbq-empty-state-size-normal-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-normal-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-normal-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);--kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);--kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-size-compact-max-width: 320px;--kbq-empty-state-size-compact-padding-horizontal: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-top: var(--kbq-size-3xl);--kbq-empty-state-size-compact-padding-bottom: var(--kbq-size-3xl);--kbq-empty-state-size-compact-actions-margin-top: var(--kbq-size-s);--kbq-empty-state-size-compact-image-margin-bottom: var(--kbq-size-m);--kbq-empty-state-size-compact-image-addon-height: 0;--kbq-empty-state-size-compact-title-margin-bottom: var(--kbq-size-xxs);--kbq-empty-state-title-color: var(--kbq-foreground-contrast);--kbq-empty-state-text-color: var(--kbq-foreground-contrast-secondary);--kbq-empty-state-error-title-color: var(--kbq-foreground-error);--kbq-empty-state-error-text-color: var(--kbq-foreground-error)}.kbq-empty-state{display:flex;flex-direction:column;align-items:center;flex:1}.kbq-empty-state.kbq-empty-state_compact{padding:var(--kbq-empty-state-size-compact-padding-top) var(--kbq-empty-state-size-compact-padding-horizontal) var(--kbq-empty-state-size-compact-padding-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-compact-max-width)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-compact-max-width);margin-bottom:var(--kbq-empty-state-size-compact-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_compact .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-compact-max-width);margin-top:var(--kbq-empty-state-size-compact-actions-margin-top)}.kbq-empty-state.kbq-empty-state_compact.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-compact-image-addon-height)}.kbq-empty-state.kbq-empty-state_normal{padding:var(--kbq-empty-state-size-normal-padding-top) var(--kbq-empty-state-size-normal-padding-horizontal) var(--kbq-empty-state-size-normal-padding-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-normal-max-width)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-normal-max-width);margin-bottom:var(--kbq-empty-state-size-normal-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_normal .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-normal-max-width);margin-top:var(--kbq-empty-state-size-normal-actions-margin-top)}.kbq-empty-state.kbq-empty-state_normal.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-normal-image-addon-height)}.kbq-empty-state.kbq-empty-state_big{padding:var(--kbq-empty-state-size-big-padding-top) var(--kbq-empty-state-size-big-padding-horizontal) var(--kbq-empty-state-size-big-padding-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-icon{margin-bottom:var(--kbq-empty-state-size-big-image-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-text{max-width:var(--kbq-empty-state-size-big-max-width)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-title{max-width:var(--kbq-empty-state-size-big-max-width);margin-bottom:var(--kbq-empty-state-size-big-title-margin-bottom)}.kbq-empty-state.kbq-empty-state_big .kbq-empty-state-actions{max-width:var(--kbq-empty-state-size-big-max-width);margin-top:var(--kbq-empty-state-size-big-actions-margin-top)}.kbq-empty-state.kbq-empty-state_big.kbq-empty-state_align-center.kbq-empty-state_has-icon{margin-bottom:var(--kbq-empty-state-size-big-image-addon-height)}.kbq-empty-state.kbq-empty-state_align-center{justify-content:center}.kbq-empty-state.kbq-empty-state_align-top{justify-content:flex-start}.kbq-empty-state_normal-color .kbq-empty-state-title{color:var(--kbq-empty-state-title-color)}.kbq-empty-state_normal-color .kbq-empty-state-text{color:var(--kbq-empty-state-text-color)}.kbq-empty-state_error-color .kbq-empty-state-title{color:var(--kbq-empty-state-error-title-color)}.kbq-empty-state_error-color .kbq-empty-state-text{color:var(--kbq-empty-state-error-text-color)}.kbq-empty-state-title,.kbq-empty-state-text{text-align:center}.kbq-empty-state-title{margin:0}.kbq-empty-state_compact .kbq-empty-state-title{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-empty-state_compact .kbq-empty-state-text{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)}.kbq-empty-state_normal .kbq-empty-state-title{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-empty-state_normal .kbq-empty-state-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-empty-state_big .kbq-empty-state-title{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-empty-state_big .kbq-empty-state-text{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)}\n"] }]
+        }], propDecorators: { errorColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorColor", required: false }] }], alignTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignTop", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KbqEmptyStateIcon), { isSignal: true }] }] } });
 
 class KbqEmptyStateModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
-            PlatformModule,
-            KbqEmptyState,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateModule, imports: [KbqEmptyState,
             KbqEmptyStateIcon,
             KbqEmptyStateText,
             KbqEmptyStateTitle,
@@ -118,15 +177,12 @@ class KbqEmptyStateModule {
             KbqEmptyStateText,
             KbqEmptyStateTitle,
             KbqEmptyStateActions] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateModule, imports: [A11yModule,
-            PlatformModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.30", ngImport: i0, type: KbqEmptyStateModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: KbqEmptyStateModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        A11yModule,
-                        PlatformModule,
                         KbqEmptyState,
                         KbqEmptyStateIcon,
                         KbqEmptyStateText,

package/fesm2022/koobiq-components-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-empty-state.mjs","sources":["../../../packages/components/empty-state/empty-state.component.ts","../../../packages/components/empty-state/empty-state.component.html","../../../packages/components/empty-state/empty-state.module.ts","../../../packages/components/empty-state/koobiq-components-empty-state.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Directive,\n    Input,\n    ViewEncapsulation,\n    inject,\n    input\n} from '@angular/core';\nimport { KbqDefaultSizes } from '@koobiq/components/core';\nimport { KbqIconItem } from '@koobiq/components/icon';\n\n@Directive({\n    selector: '[kbq-empty-state-icon]',\n    host: {\n        class: 'kbq-empty-state-icon'\n    }\n})\nexport class KbqEmptyStateIcon {\n    private icon = inject(KbqIconItem, { optional: true });\n\n    setErrorColor() {\n        if (!this.icon) {\n            return;\n        }\n\n        this.icon.color = 'error';\n    }\n}\n\n@Directive({\n    selector: '[kbq-empty-state-text]',\n    host: {\n        class: 'kbq-empty-state-text'\n    }\n})\nexport class KbqEmptyStateText {}\n\n@Directive({\n    selector: '[kbq-empty-state-title]',\n    host: {\n        class: 'kbq-empty-state-title'\n    }\n})\nexport class KbqEmptyStateTitle {}\n\n@Directive({\n    selector: '[kbq-empty-state-actions]',\n    host: {\n        class: 'kbq-empty-state-actions'\n    }\n})\nexport class KbqEmptyStateActions {}\n\n@Component({\n    selector: 'kbq-empty-state',\n    templateUrl: './empty-state.component.html',\n    styleUrls: ['./empty-state.scss', 'empty-state-tokens.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-empty-state',\n        '[class]': 'emptyStateSizeClass',\n        '[class.kbq-empty-state_align-center]': '!alignTop()',\n        '[class.kbq-empty-state_align-top]': 'alignTop()',\n        '[class.kbq-empty-state_normal-color]': '!errorColor()',\n        '[class.kbq-empty-state_error-color]': 'errorColor()',\n        '[class.kbq-empty-state_has-icon]': '!!icon'\n    }\n})\nexport class KbqEmptyState implements AfterContentInit {\n    readonly errorColor = input<boolean>(false);\n    readonly alignTop = input<boolean>(false);\n    // TODO: Skipped for migration because:\n    //  Your application code writes to the input. This prevents migration.\n    @Input() size: KbqDefaultSizes = 'normal';\n\n    @ContentChild(KbqEmptyStateIcon) icon: KbqEmptyStateIcon | null;\n\n    /**\n     * @docs-private\n     */\n    protected get emptyStateSizeClass(): string {\n        return `kbq-empty-state_${this.size}`;\n    }\n\n    ngAfterContentInit(): void {\n        if (this.errorColor() && this.icon) {\n            this.icon.setErrorColor();\n        }\n    }\n}\n","<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { PlatformModule } from '@angular/cdk/platform';\nimport { NgModule } from '@angular/core';\n\nimport {\n    KbqEmptyState,\n    KbqEmptyStateActions,\n    KbqEmptyStateIcon,\n    KbqEmptyStateText,\n    KbqEmptyStateTitle\n} from './empty-state.component';\n\n@NgModule({\n    imports: [\n        A11yModule,\n        PlatformModule,\n        KbqEmptyState,\n        KbqEmptyStateIcon,\n        KbqEmptyStateText,\n        KbqEmptyStateTitle,\n        KbqEmptyStateActions\n    ],\n    exports: [\n        KbqEmptyState,\n        KbqEmptyStateIcon,\n        KbqEmptyStateText,\n        KbqEmptyStateTitle,\n        KbqEmptyStateActions\n    ]\n})\nexport class KbqEmptyStateModule {}\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-empty-state.mjs","sources":["../../../packages/components/empty-state/empty-state-context.ts","../../../packages/components/empty-state/empty-state.component.ts","../../../packages/components/empty-state/empty-state.component.html","../../../packages/components/empty-state/empty-state.module.ts","../../../packages/components/empty-state/koobiq-components-empty-state.ts"],"sourcesContent":["import { InjectionToken, Signal } from '@angular/core';\n\n/** The part of `kbq-empty-state` its projected slots follow. */\nexport interface KbqEmptyStateContext {\n    /** Whether the empty state renders in the error color. */\n    readonly errorColor: Signal<boolean>;\n}\n\n/**\n * Injection token a projected slot uses to follow the empty state it belongs to.\n *\n * Internal wiring, kept out of `public-api.ts`: a slot only works inside the component that provides\n * this, so nothing outside the entry point has a reason to inject or re-provide it. The interface\n * above is exported, because `KbqEmptyState` implements it in its public signature.\n *\n * @docs-private\n */\nexport const KBQ_EMPTY_STATE_CONTEXT = new InjectionToken<KbqEmptyStateContext>('KBQ_EMPTY_STATE_CONTEXT');\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n    computed,\n    contentChild,\n    contentChildren,\n    effect,\n    forwardRef,\n    inject,\n    input\n} from '@angular/core';\nimport { KbqComponentColors, KbqDefaultSizes } from '@koobiq/components/core';\nimport { KbqIconItem } from '@koobiq/components/icon';\nimport { KBQ_EMPTY_STATE_CONTEXT, KbqEmptyStateContext } from './empty-state-context';\n\n/**\n * Illustration slot of `kbq-empty-state`. Holds an icon, an image or any other element.\n *\n * A `kbq-icon-item` follows the empty state's `errorColor`, whether the directive sits on the icon\n * itself or wraps it.\n */\n@Directive({\n    selector: '[kbq-empty-state-icon]',\n    host: {\n        class: 'kbq-empty-state-icon'\n    }\n})\nexport class KbqEmptyStateIcon {\n    private readonly emptyState = inject(KBQ_EMPTY_STATE_CONTEXT, { optional: true });\n    private readonly hostIcon = inject(KbqIconItem, { optional: true, self: true });\n    private readonly wrappedIcons = contentChildren(KbqIconItem, { descendants: true });\n\n    constructor() {\n        const emptyState = this.emptyState;\n\n        if (!emptyState) return;\n\n        effect(() => {\n            const errorColor = emptyState.errorColor();\n            const wrapped = this.wrappedIcons();\n            const icons = this.hostIcon ? [this.hostIcon, ...wrapped] : wrapped;\n\n            icons.forEach((icon) => this.applyErrorColor(icon, errorColor));\n        });\n    }\n\n    /**\n     * Tints an icon with the error color, or reveals whatever color it currently carries.\n     *\n     * `KbqIcon` already renders `kbq-error` additively over its own `kbq-<color>` class through its\n     * `hasError` field — the same field `autoColor` drives — so setting it here, instead of\n     * overwriting `color`, means a live `[color]` binding on the icon is never fought over: the tint\n     * class layers on top of whatever color is currently set and simply lifts off it when cleared.\n     * The class is also applied directly so the tint shows immediately, without waiting for the\n     * icon's own change detection to run.\n     *\n     * Lifting the tint off must not take the class away from an icon that carries `color=\"error\"` of\n     * its own: `KbqColorDirective` renders `kbq-error` from a host binding that only touches it\n     * again when the color changes, and the icon's `[class.kbq-error]` binding stays at `true`\n     * throughout, so neither would put back a class removed here — the icon would lose the color the\n     * consumer set on it, permanently.\n     */\n    private applyErrorColor(icon: KbqIconItem, errorColor: boolean): void {\n        const ownsErrorColor = icon.color() === KbqComponentColors.Error;\n\n        icon.hasError = errorColor;\n        icon.elementRef.nativeElement.classList.toggle(`kbq-${KbqComponentColors.Error}`, errorColor || ownsErrorColor);\n    }\n}\n\n/** Text slot of `kbq-empty-state`, rendered below the title. */\n@Directive({\n    selector: '[kbq-empty-state-text]',\n    host: {\n        class: 'kbq-empty-state-text'\n    }\n})\nexport class KbqEmptyStateText {}\n\n/**\n * Title slot of `kbq-empty-state`, rendered below the illustration.\n *\n * It carries heading typography — `subheading` at `size=\"normal\"`, `headline` at `size=\"big\"` — so\n * the host element should be a real heading of the level the surrounding page calls for:\n * `<h2 kbq-empty-state-title>`.\n */\n@Directive({\n    selector: '[kbq-empty-state-title]',\n    host: {\n        class: 'kbq-empty-state-title'\n    }\n})\nexport class KbqEmptyStateTitle {}\n\n/** Actions slot of `kbq-empty-state`, rendered below the text. Holds buttons, links or pseudo-links. */\n@Directive({\n    selector: '[kbq-empty-state-actions]',\n    host: {\n        class: 'kbq-empty-state-actions'\n    }\n})\nexport class KbqEmptyStateActions {}\n\n/**\n * Placeholder rendered in place of content that is empty, unavailable or failed to load. Projects an\n * illustration, a title, a text and an actions row, in that order.\n *\n * ```html\n * <kbq-empty-state>\n *     <h2 kbq-empty-state-title>No groups</h2>\n *     <div kbq-empty-state-text>Agents can be grouped and given the same policies</div>\n * </kbq-empty-state>\n * ```\n *\n * The host has no intrinsic height — it grows as a flex item and is otherwise as tall as its\n * content, which leaves `alignTop` indistinguishable from the default. Give the host or its\n * container a height for the alignment to mean anything.\n *\n * For an empty state inserted dynamically, add `role=\"status\"` — or `role=\"alert\"` for the error\n * variant — on the host so assistive technology announces it. See the component guide.\n */\n@Component({\n    selector: 'kbq-empty-state',\n    templateUrl: './empty-state.component.html',\n    styleUrls: ['./empty-state.scss'],\n    providers: [{ provide: KBQ_EMPTY_STATE_CONTEXT, useExisting: forwardRef(() => KbqEmptyState) }],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-empty-state',\n        '[class]': 'emptyStateSizeClass()',\n        '[class.kbq-empty-state_align-center]': '!alignTop()',\n        '[class.kbq-empty-state_align-top]': 'alignTop()',\n        '[class.kbq-empty-state_normal-color]': '!errorColor()',\n        '[class.kbq-empty-state_error-color]': 'errorColor()',\n        '[class.kbq-empty-state_has-icon]': '!!icon()'\n    },\n    exportAs: 'kbqEmptyState'\n})\nexport class KbqEmptyState implements KbqEmptyStateContext {\n    /** Whether the title, the text and the projected icon render in the error color. Defaults to `false`. */\n    readonly errorColor = input<boolean>(false);\n    /** Whether the content sits at the top of the host instead of its center. Defaults to `false`. */\n    readonly alignTop = input<boolean>(false);\n\n    /**\n     * Size tier of the placeholder: `compact`, `normal` or `big`. Drives every padding and offset,\n     * the maximum width of the title and the text, and their typography. Defaults to `normal`.\n     */\n    readonly size = input<KbqDefaultSizes>('normal');\n\n    /** @docs-private */\n    protected readonly icon = contentChild(KbqEmptyStateIcon);\n\n    /** @docs-private */\n    protected readonly emptyStateSizeClass = computed(() => `kbq-empty-state_${this.size()}`);\n}\n","<ng-content select=\"[kbq-empty-state-icon]\" />\n\n<ng-content select=\"[kbq-empty-state-title]\" />\n\n<ng-content select=\"[kbq-empty-state-text]\" />\n\n<ng-content select=\"[kbq-empty-state-actions]\" />\n","import { NgModule } from '@angular/core';\n\nimport {\n    KbqEmptyState,\n    KbqEmptyStateActions,\n    KbqEmptyStateIcon,\n    KbqEmptyStateText,\n    KbqEmptyStateTitle\n} from './empty-state.component';\n\n@NgModule({\n    imports: [\n        KbqEmptyState,\n        KbqEmptyStateIcon,\n        KbqEmptyStateText,\n        KbqEmptyStateTitle,\n        KbqEmptyStateActions\n    ],\n    exports: [\n        KbqEmptyState,\n        KbqEmptyStateIcon,\n        KbqEmptyStateText,\n        KbqEmptyStateTitle,\n        KbqEmptyStateActions\n    ]\n})\nexport class KbqEmptyStateModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}