@koobiq/components 18.0.0 → 18.2.0

package/esm2022/tree-select/tree-select.module.mjs

@@ -8,8 +8,8 @@ import { KbqTreeModule } from '@koobiq/components/tree';
 import { KbqTreeSelect } from './tree-select.component';
 import * as i0 from "@angular/core";
 export class KbqTreeSelectModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTreeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqTreeSelectModule, declarations: [KbqTreeSelect], imports: [OverlayModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelectModule, declarations: [KbqTreeSelect], imports: [OverlayModule,
             KbqTreeModule,
             KbqIconModule,
             KbqTagsModule,
@@ -26,13 +26,13 @@ export class KbqTreeSelectModule {
             KbqSelectMatcher,
             KbqSelectTrigger,
             KbqSelectSearchEmptyResult] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTreeSelectModule, providers: [KBQ_SELECT_SCROLL_STRATEGY_PROVIDER], imports: [OverlayModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelectModule, providers: [KBQ_SELECT_SCROLL_STRATEGY_PROVIDER], imports: [OverlayModule,
             KbqTreeModule,
             KbqIconModule,
             KbqTagsModule,
             KbqPseudoCheckboxModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqTreeSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqTreeSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/koobiq-components-accordion.mjs

@@ -0,0 +1,189 @@
+import * as i0 from '@angular/core';
+import { Directive, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, inject, NgModule } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/accordion';
+import { RdxAccordionContentDirective, RdxAccordionHeaderDirective, RdxAccordionItemDirective, RdxAccordionRootDirective, RdxAccordionTriggerDirective } from '@radix-ng/primitives/accordion';
+import * as i1$1 from '@angular/cdk/a11y';
+import * as i2 from '@koobiq/components/icon';
+import { KbqIcon } from '@koobiq/components/icon';
+
+class KbqAccordionContent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordionContent, selector: "kbq-accordion-content, [kbq-accordion-content]", host: { classAttribute: "kbq-accordion-content" }, hostDirectives: [{ directive: i1.RdxAccordionContentDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbq-accordion-content, [kbq-accordion-content]',
+                    hostDirectives: [RdxAccordionContentDirective],
+                    host: {
+                        class: 'kbq-accordion-content'
+                    }
+                }]
+        }] });
+
+class KbqAccordionHeader {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordionHeader, selector: "kbq-accordion-header, [kbq-accordion-header]", host: { classAttribute: "kbq-accordion-header" }, hostDirectives: [{ directive: i1.RdxAccordionHeaderDirective }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbq-accordion-header, [kbq-accordion-header]',
+                    hostDirectives: [RdxAccordionHeaderDirective],
+                    host: {
+                        class: 'kbq-accordion-header'
+                    }
+                }]
+        }] });
+
+class KbqAccordionItem {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordionItem, selector: "kbq-accordion-item, [kbq-accordion-item]", host: { classAttribute: "kbq-accordion-item" }, hostDirectives: [{ directive: i1.RdxAccordionItemDirective, inputs: ["expanded", "expanded", "disabled", "disabled", "value", "value"], outputs: ["closed", "closed", "opened", "opened", "expandedChange", "expandedChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbq-accordion-item, [kbq-accordion-item]',
+                    hostDirectives: [
+                        {
+                            directive: RdxAccordionItemDirective,
+                            inputs: ['expanded', 'disabled', 'value'],
+                            outputs: ['closed', 'opened', 'expandedChange']
+                        }
+                    ],
+                    host: {
+                        class: 'kbq-accordion-item'
+                    }
+                }]
+        }] });
+
+var KbqAccordionVariant;
+(function (KbqAccordionVariant) {
+    KbqAccordionVariant["fill"] = "fill";
+    KbqAccordionVariant["hug"] = "hug";
+    KbqAccordionVariant["hugSpaceBetween"] = "hugSpaceBetween";
+})(KbqAccordionVariant || (KbqAccordionVariant = {}));
+class KbqAccordion {
+    constructor(focusMonitor, elementRef) {
+        this.focusMonitor = focusMonitor;
+        this.elementRef = elementRef;
+        this.variant = KbqAccordionVariant.fill;
+        this.focusMonitor.monitor(this.elementRef, true);
+    }
+    ngOnDestroy() {
+        this.focusMonitor.stopMonitoring(this.elementRef);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, deps: [{ token: i1$1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordion, selector: "kbq-accordion, [kbq-accordion]", inputs: { variant: "variant" }, host: { classAttribute: "kbq-accordion" }, hostDirectives: [{ directive: i1.RdxAccordionRootDirective, inputs: ["type", "type", "collapsible", "collapsible", "disabled", "disabled", "defaultValue", "defaultValue", "value", "value"], outputs: ["onValueChange", "onValueChange"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-accordion-font-item-header-text-font-size);font-weight:var(--kbq-accordion-font-item-header-text-font-weight);line-height:var(--kbq-accordion-font-item-header-text-line-height);font-family:var(--kbq-accordion-font-item-header-text-font-family);text-transform:var(--kbq-accordion-font-item-header-text-text-transform);font-feature-settings:var(--kbq-accordion-font-item-header-text-font-feature-settings);letter-spacing:var(--kbq-accordion-font-item-header-text-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);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-accordion-content{font-size:var(--kbq-accordion-font-item-content-text-font-size);font-weight:var(--kbq-accordion-font-item-content-text-font-weight);line-height:var(--kbq-accordion-font-item-content-text-line-height);font-family:var(--kbq-accordion-font-item-content-text-font-family);text-transform:var(--kbq-accordion-font-item-content-text-text-transform);font-feature-settings:var(--kbq-accordion-font-item-content-text-font-feature-settings);letter-spacing:var(--kbq-accordion-font-item-content-text-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-font-item-header-text-font-size: var(--kbq-typography-text-big-font-size);--kbq-accordion-font-item-header-text-line-height: var(--kbq-typography-text-big-line-height);--kbq-accordion-font-item-header-text-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-accordion-font-item-header-text-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-accordion-font-item-header-text-font-family: var(--kbq-typography-text-big-font-family);--kbq-accordion-font-item-header-text-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-accordion-font-item-header-text-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-accordion-font-item-content-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-accordion-font-item-content-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-accordion-font-item-content-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-accordion-font-item-content-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-accordion-font-item-content-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-accordion-font-item-content-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-accordion-font-item-content-text-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-accordion, [kbq-accordion]', template: '<ng-content />', hostDirectives: [
+                        {
+                            directive: RdxAccordionRootDirective,
+                            inputs: ['type', 'collapsible', 'disabled', 'defaultValue', 'value'],
+                            outputs: ['onValueChange']
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'kbq-accordion'
+                    }, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-accordion-font-item-header-text-font-size);font-weight:var(--kbq-accordion-font-item-header-text-font-weight);line-height:var(--kbq-accordion-font-item-header-text-line-height);font-family:var(--kbq-accordion-font-item-header-text-font-family);text-transform:var(--kbq-accordion-font-item-header-text-text-transform);font-feature-settings:var(--kbq-accordion-font-item-header-text-font-feature-settings);letter-spacing:var(--kbq-accordion-font-item-header-text-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);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-accordion-content{font-size:var(--kbq-accordion-font-item-content-text-font-size);font-weight:var(--kbq-accordion-font-item-content-text-font-weight);line-height:var(--kbq-accordion-font-item-content-text-line-height);font-family:var(--kbq-accordion-font-item-content-text-font-family);text-transform:var(--kbq-accordion-font-item-content-text-text-transform);font-feature-settings:var(--kbq-accordion-font-item-content-text-font-feature-settings);letter-spacing:var(--kbq-accordion-font-item-content-text-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-font-item-header-text-font-size: var(--kbq-typography-text-big-font-size);--kbq-accordion-font-item-header-text-line-height: var(--kbq-typography-text-big-line-height);--kbq-accordion-font-item-header-text-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-accordion-font-item-header-text-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-accordion-font-item-header-text-font-family: var(--kbq-typography-text-big-font-family);--kbq-accordion-font-item-header-text-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-accordion-font-item-header-text-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-accordion-font-item-content-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-accordion-font-item-content-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-accordion-font-item-content-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-accordion-font-item-content-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-accordion-font-item-content-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-accordion-font-item-content-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-accordion-font-item-content-text-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+class KbqAccordionTrigger {
+    constructor() {
+        this.accordion = inject(KbqAccordion);
+    }
+    get isFill() {
+        return this.accordion.variant === KbqAccordionVariant.fill;
+    }
+    get isHug() {
+        return this.accordion.variant === KbqAccordionVariant.hug;
+    }
+    get isHugSpaceBetween() {
+        return this.accordion.variant === KbqAccordionVariant.hugSpaceBetween;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqAccordionTrigger, selector: "kbq-accordion-trigger, [kbq-accordion-trigger]", host: { properties: { "class.kbq-accordion-trigger_fill": "isFill", "class.kbq-accordion-trigger_hug": "isHug", "class.kbq-accordion-trigger_hug-space-between": "isHugSpaceBetween" }, classAttribute: "kbq-accordion-trigger" }, hostDirectives: [{ directive: i1.RdxAccordionTriggerDirective }], ngImport: i0, template: `
+        @if (isHugSpaceBetween) {
+            <i
+                class="kbq-accordion-trigger__icon"
+                kbq-icon="kbq-chevron-down-s_16"
+            ></i>
+        } @else {
+            <i
+                class="kbq-accordion-trigger__icon"
+                kbq-icon="kbq-chevron-right-s_16"
+            ></i>
+        }
+
+        <ng-content />
+    `, isInline: true, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-font-item-header-text-font-size: var(--kbq-typography-text-big-font-size);--kbq-accordion-font-item-header-text-line-height: var(--kbq-typography-text-big-line-height);--kbq-accordion-font-item-header-text-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-accordion-font-item-header-text-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-accordion-font-item-header-text-font-family: var(--kbq-typography-text-big-font-family);--kbq-accordion-font-item-header-text-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-accordion-font-item-header-text-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-accordion-font-item-content-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-accordion-font-item-content-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-accordion-font-item-content-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-accordion-font-item-content-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-accordion-font-item-content-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-accordion-font-item-content-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-accordion-font-item-content-text-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
+            type: Component,
+            args: [{ selector: 'kbq-accordion-trigger, [kbq-accordion-trigger]', template: `
+        @if (isHugSpaceBetween) {
+            <i
+                class="kbq-accordion-trigger__icon"
+                kbq-icon="kbq-chevron-down-s_16"
+            ></i>
+        } @else {
+            <i
+                class="kbq-accordion-trigger__icon"
+                kbq-icon="kbq-chevron-right-s_16"
+            ></i>
+        }
+
+        <ng-content />
+    `, hostDirectives: [RdxAccordionTriggerDirective], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'kbq-accordion-trigger',
+                        '[class.kbq-accordion-trigger_fill]': 'isFill',
+                        '[class.kbq-accordion-trigger_hug]': 'isHug',
+                        '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'
+                    }, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-font-item-header-text-font-size: var(--kbq-typography-text-big-font-size);--kbq-accordion-font-item-header-text-line-height: var(--kbq-typography-text-big-line-height);--kbq-accordion-font-item-header-text-letter-spacing: var(--kbq-typography-text-big-letter-spacing);--kbq-accordion-font-item-header-text-font-weight: var(--kbq-typography-text-big-font-weight);--kbq-accordion-font-item-header-text-font-family: var(--kbq-typography-text-big-font-family);--kbq-accordion-font-item-header-text-text-transform: var(--kbq-typography-text-big-text-transform);--kbq-accordion-font-item-header-text-font-feature-settings: var(--kbq-typography-text-big-font-feature-settings);--kbq-accordion-font-item-content-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-accordion-font-item-content-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-accordion-font-item-content-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-accordion-font-item-content-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-accordion-font-item-content-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-accordion-font-item-content-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-accordion-font-item-content-text-font-feature-settings: var( --kbq-typography-text-normal-font-feature-settings )}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
+        }] });
+
+class KbqAccordionModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionModule, declarations: [KbqAccordion,
+            KbqAccordionContent,
+            KbqAccordionHeader,
+            KbqAccordionItem,
+            KbqAccordionTrigger], imports: [KbqIcon], exports: [KbqAccordion,
+            KbqAccordionContent,
+            KbqAccordionHeader,
+            KbqAccordionItem,
+            KbqAccordionTrigger] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionModule, imports: [KbqIcon] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        KbqAccordion,
+                        KbqAccordionContent,
+                        KbqAccordionHeader,
+                        KbqAccordionItem,
+                        KbqAccordionTrigger
+                    ],
+                    imports: [
+                        KbqIcon
+                    ],
+                    declarations: [
+                        KbqAccordion,
+                        KbqAccordionContent,
+                        KbqAccordionHeader,
+                        KbqAccordionItem,
+                        KbqAccordionTrigger
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KbqAccordion, KbqAccordionContent, KbqAccordionHeader, KbqAccordionItem, KbqAccordionModule, KbqAccordionTrigger, KbqAccordionVariant };
+//# sourceMappingURL=koobiq-components-accordion.mjs.map

package/fesm2022/koobiq-components-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"koobiq-components-accordion.mjs","sources":["../../../packages/components/accordion/accordion-content.ts","../../../packages/components/accordion/accordion-header.ts","../../../packages/components/accordion/accordion-item.ts","../../../packages/components/accordion/accordion.component.ts","../../../packages/components/accordion/accordion-trigger.component.ts","../../../packages/components/accordion/accordion.module.ts","../../../packages/components/accordion/koobiq-components-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxAccordionContentDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-content, [kbq-accordion-content]',\n    hostDirectives: [RdxAccordionContentDirective],\n    host: {\n        class: 'kbq-accordion-content'\n    }\n})\nexport class KbqAccordionContent {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionHeaderDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-header, [kbq-accordion-header]',\n    hostDirectives: [RdxAccordionHeaderDirective],\n    host: {\n        class: 'kbq-accordion-header'\n    }\n})\nexport class KbqAccordionHeader {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionItemDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-item, [kbq-accordion-item]',\n    hostDirectives: [\n        {\n            directive: RdxAccordionItemDirective,\n            inputs: ['expanded', 'disabled', 'value'],\n            outputs: ['closed', 'opened', 'expandedChange']\n        }\n    ],\n    host: {\n        class: 'kbq-accordion-item'\n    }\n})\nexport class KbqAccordionItem {}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { RdxAccordionRootDirective, RdxAccordionType } from '@radix-ng/primitives/accordion';\n\nexport type KbqAccordionType = RdxAccordionType;\n\nexport enum KbqAccordionVariant {\n    fill = 'fill',\n    hug = 'hug',\n    hugSpaceBetween = 'hugSpaceBetween'\n}\n\n@Component({\n    selector: 'kbq-accordion, [kbq-accordion]',\n    template: '<ng-content />',\n    styleUrls: ['accordion.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [\n        {\n            directive: RdxAccordionRootDirective,\n            inputs: ['type', 'collapsible', 'disabled', 'defaultValue', 'value'],\n            outputs: ['onValueChange']\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion'\n    }\n})\nexport class KbqAccordion implements OnDestroy {\n    @Input() variant: KbqAccordionVariant | string = KbqAccordionVariant.fill;\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private elementRef: ElementRef<HTMLElement>\n    ) {\n        this.focusMonitor.monitor(this.elementRef, true);\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitor.stopMonitoring(this.elementRef);\n    }\n}\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { RdxAccordionTriggerDirective } from '@radix-ng/primitives/accordion';\nimport { KbqAccordion, KbqAccordionVariant } from './accordion.component';\n\n@Component({\n    selector: 'kbq-accordion-trigger, [kbq-accordion-trigger]',\n    template: `\n        @if (isHugSpaceBetween) {\n            <i\n                class=\"kbq-accordion-trigger__icon\"\n                kbq-icon=\"kbq-chevron-down-s_16\"\n            ></i>\n        } @else {\n            <i\n                class=\"kbq-accordion-trigger__icon\"\n                kbq-icon=\"kbq-chevron-right-s_16\"\n            ></i>\n        }\n\n        <ng-content />\n    `,\n    styleUrls: ['accordion-trigger.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [RdxAccordionTriggerDirective],\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion-trigger',\n        '[class.kbq-accordion-trigger_fill]': 'isFill',\n        '[class.kbq-accordion-trigger_hug]': 'isHug',\n        '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'\n    }\n})\nexport class KbqAccordionTrigger {\n    protected accordion: KbqAccordion = inject(KbqAccordion);\n\n    get isFill(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.fill;\n    }\n\n    get isHug(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hug;\n    }\n\n    get isHugSpaceBetween(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hugSpaceBetween;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIcon } from '@koobiq/components/icon';\nimport { KbqAccordionContent } from './accordion-content';\nimport { KbqAccordionHeader } from './accordion-header';\nimport { KbqAccordionItem } from './accordion-item';\nimport { KbqAccordionTrigger } from './accordion-trigger.component';\nimport { KbqAccordion } from './accordion.component';\n\n@NgModule({\n    exports: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ],\n    imports: [\n        KbqIcon\n    ],\n    declarations: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ]\n})\nexport class KbqAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/koobiq-components-alert.mjs

@@ -19,10 +19,10 @@ var KbqAlertColors;
     KbqAlertColors["Theme"] = "theme";
 })(KbqAlertColors || (KbqAlertColors = {}));
 class KbqAlertTitle {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAlertTitle, selector: "[kbq-alert-title]", host: { classAttribute: "kbq-alert__title" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-title]',
@@ -32,10 +32,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }] });
 class KbqAlertCloseButton {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqAlertCloseButton, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertCloseButton, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAlertCloseButton, selector: "[kbq-alert-close-button]", host: { classAttribute: "kbq-alert-close-button" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertCloseButton, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-close-button]',
@@ -45,10 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                 }]
         }] });
 class KbqAlertControl {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: KbqAlertControl, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.6", type: KbqAlertControl, selector: "[kbq-alert-control]", host: { classAttribute: "kbq-alert-control" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertControl, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kbq-alert-control]',
@@ -78,10 +78,10 @@ class KbqAlert {
             icon.color = this._alertColor;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.5", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n    <div\n        class=\"kbq-alert__icon\"\n        [class.kbq-alert__icon_title]=\"title\"\n    >\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control) {\n        <div\n            class=\"kbq-alert__button-stack\"\n            [class.kbq-alert__button-stack_has-button]=\"button\"\n        >\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 14px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 6px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: var(--kbq-size-s);--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: var(--kbq-size-s);--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-font-title-font-size: var(--kbq-typography-subheading-font-size);--kbq-alert-font-title-line-height: var(--kbq-typography-subheading-line-height);--kbq-alert-font-title-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-alert-font-title-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-alert-font-title-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-alert-font-title-compact-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-alert-font-title-compact-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-alert-font-title-compact-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-alert-font-title-compact-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-title-compact-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-alert-font-title-compact-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-alert-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-alert-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-alert-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-alert-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-alert-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-alert-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n    <div\n        class=\"kbq-alert__icon\"\n        [class.kbq-alert__icon_title]=\"title\"\n    >\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control) {\n        <div\n            class=\"kbq-alert__button-stack\"\n            [class.kbq-alert__button-stack_has-button]=\"button\"\n        >\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size);font-weight:var(--kbq-alert-font-text-font-weight);line-height:var(--kbq-alert-font-text-line-height);font-family:var(--kbq-alert-font-text-font-family);text-transform:var(--kbq-alert-font-text-text-transform);font-feature-settings:var(--kbq-alert-font-text-font-feature-settings);letter-spacing:var(--kbq-alert-font-text-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size);font-weight:var(--kbq-alert-font-title-font-weight);line-height:var(--kbq-alert-font-title-line-height);font-family:var(--kbq-alert-font-title-font-family);text-transform:var(--kbq-alert-font-title-text-transform);font-feature-settings:var(--kbq-alert-font-title-font-feature-settings);letter-spacing:var(--kbq-alert-font-title-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size);font-weight:var(--kbq-alert-font-title-compact-font-weight);line-height:var(--kbq-alert-font-title-compact-line-height);font-family:var(--kbq-alert-font-title-compact-font-family);text-transform:var(--kbq-alert-font-title-compact-text-transform);font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings);letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-font-title-font-size: var(--kbq-typography-subheading-font-size);--kbq-alert-font-title-line-height: var(--kbq-typography-subheading-line-height);--kbq-alert-font-title-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-alert-font-title-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-alert-font-title-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-alert-font-title-compact-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-alert-font-title-compact-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-alert-font-title-compact-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-alert-font-title-compact-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-title-compact-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-alert-font-title-compact-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-alert-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-alert-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-alert-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-alert-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-alert-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-alert-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-alert', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'kbq-alert',
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
                         '[class.kbq-alert_default]': '!isColored',
                         '[class.kbq-alert_colored]': 'isColored',
                         '[class.kbq-alert_dismissible]': 'closeButton'
-                    }, template: "@if (iconItem || icon) {\n    <div\n        class=\"kbq-alert__icon\"\n        [class.kbq-alert__icon_title]=\"title\"\n    >\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control) {\n        <div\n            class=\"kbq-alert__button-stack\"\n            [class.kbq-alert__button-stack_has-button]=\"button\"\n        >\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 14px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 6px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: var(--kbq-size-s);--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: var(--kbq-size-s);--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-font-title-font-size: var(--kbq-typography-subheading-font-size);--kbq-alert-font-title-line-height: var(--kbq-typography-subheading-line-height);--kbq-alert-font-title-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-alert-font-title-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-alert-font-title-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-alert-font-title-compact-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-alert-font-title-compact-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-alert-font-title-compact-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-alert-font-title-compact-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-title-compact-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-alert-font-title-compact-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-alert-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-alert-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-alert-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-alert-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-alert-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-alert-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"] }]
+                    }, template: "@if (iconItem || icon) {\n    <div\n        class=\"kbq-alert__icon\"\n        [class.kbq-alert__icon_title]=\"title\"\n    >\n        <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n    </div>\n}\n\n<div\n    class=\"kbq-alert__content\"\n    [class.kbq-alert__content_title]=\"title\"\n>\n    <ng-content select=\"[kbq-alert-title]\" />\n\n    <div class=\"kbq-alert__text\">\n        <ng-content />\n    </div>\n\n    @if (control) {\n        <div\n            class=\"kbq-alert__button-stack\"\n            [class.kbq-alert__button-stack_has-button]=\"button\"\n        >\n            <ng-content select=\"[kbq-alert-control]\" />\n        </div>\n    }\n</div>\n\n<div\n    class=\"kbq-alert__close-button\"\n    [hidden]=\"!closeButton\"\n>\n    <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size);font-weight:var(--kbq-alert-font-text-font-weight);line-height:var(--kbq-alert-font-text-line-height);font-family:var(--kbq-alert-font-text-font-family);text-transform:var(--kbq-alert-font-text-text-transform);font-feature-settings:var(--kbq-alert-font-text-font-feature-settings);letter-spacing:var(--kbq-alert-font-text-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size);font-weight:var(--kbq-alert-font-title-font-weight);line-height:var(--kbq-alert-font-title-line-height);font-family:var(--kbq-alert-font-title-font-family);text-transform:var(--kbq-alert-font-title-text-transform);font-feature-settings:var(--kbq-alert-font-title-font-feature-settings);letter-spacing:var(--kbq-alert-font-title-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size);font-weight:var(--kbq-alert-font-title-compact-font-weight);line-height:var(--kbq-alert-font-title-compact-line-height);font-family:var(--kbq-alert-font-title-compact-font-family);text-transform:var(--kbq-alert-font-title-compact-text-transform);font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings);letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-font-title-font-size: var(--kbq-typography-subheading-font-size);--kbq-alert-font-title-line-height: var(--kbq-typography-subheading-line-height);--kbq-alert-font-title-letter-spacing: var(--kbq-typography-subheading-letter-spacing);--kbq-alert-font-title-font-weight: var(--kbq-typography-subheading-font-weight);--kbq-alert-font-title-font-family: var(--kbq-typography-subheading-font-family);--kbq-alert-font-title-text-transform: var(--kbq-typography-subheading-text-transform);--kbq-alert-font-title-font-feature-settings: var(--kbq-typography-subheading-font-feature-settings);--kbq-alert-font-title-compact-font-size: var(--kbq-typography-text-big-strong-font-size);--kbq-alert-font-title-compact-line-height: var(--kbq-typography-text-big-strong-line-height);--kbq-alert-font-title-compact-letter-spacing: var(--kbq-typography-text-big-strong-letter-spacing);--kbq-alert-font-title-compact-font-weight: var(--kbq-typography-text-big-strong-font-weight);--kbq-alert-font-title-compact-font-family: var(--kbq-typography-text-big-strong-font-family);--kbq-alert-font-title-compact-text-transform: var(--kbq-typography-text-big-strong-text-transform);--kbq-alert-font-title-compact-font-feature-settings: var(--kbq-typography-text-big-strong-font-feature-settings);--kbq-alert-font-text-font-size: var(--kbq-typography-text-normal-font-size);--kbq-alert-font-text-line-height: var(--kbq-typography-text-normal-line-height);--kbq-alert-font-text-letter-spacing: var(--kbq-typography-text-normal-letter-spacing);--kbq-alert-font-text-font-weight: var(--kbq-typography-text-normal-font-weight);--kbq-alert-font-text-font-family: var(--kbq-typography-text-normal-font-family);--kbq-alert-font-text-text-transform: var(--kbq-typography-text-normal-text-transform);--kbq-alert-font-text-font-feature-settings: var(--kbq-typography-text-normal-font-feature-settings)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"] }]
         }], propDecorators: { iconItem: [{
                 type: ContentChild,
                 args: [KbqIconItem]
@@ -119,8 +119,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
             }] } });
 
 class KbqAlertModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertModule, declarations: [KbqAlert,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertModule, declarations: [KbqAlert,
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl], imports: [A11yModule,
@@ -128,10 +128,10 @@ class KbqAlertModule {
             KbqAlertTitle,
             KbqAlertCloseButton,
             KbqAlertControl] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertModule, imports: [A11yModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertModule, imports: [A11yModule,
             PlatformModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: KbqAlertModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [