@koobiq/components 18.1.0 → 18.2.0

package/esm2022/accordion/accordion-trigger.component.mjs

@@ -0,0 +1,60 @@
+import { Component, inject, ViewEncapsulation } from '@angular/core';
+import { RdxAccordionTriggerDirective } from '@radix-ng/primitives/accordion';
+import { KbqAccordion, KbqAccordionVariant } from './accordion.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/accordion";
+import * as i2 from "@koobiq/components/icon";
+export 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"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQTZCMUUsTUFBTSxPQUFPLG1CQUFtQjtJQTNCaEM7UUE0QmMsY0FBUyxHQUFpQixNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0FhNUQ7SUFYRyxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxLQUFLLG1CQUFtQixDQUFDLElBQUksQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sS0FBSyxtQkFBbUIsQ0FBQyxHQUFHLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksaUJBQWlCO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEtBQUssbUJBQW1CLENBQUMsZUFBZSxDQUFDO0lBQzFFLENBQUM7aUlBYlEsbUJBQW1CO3FIQUFuQixtQkFBbUIsMlhBekJsQjs7Ozs7Ozs7Ozs7Ozs7S0FjVDs7MkZBV1EsbUJBQW1CO2tCQTNCL0IsU0FBUzsrQkFDSSxnREFBZ0QsWUFDaEQ7Ozs7Ozs7Ozs7Ozs7O0tBY1Qsa0JBRWUsQ0FBQyw0QkFBNEIsQ0FBQyxpQkFDL0IsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsdUJBQXVCO3dCQUM5QixvQ0FBb0MsRUFBRSxRQUFRO3dCQUM5QyxtQ0FBbUMsRUFBRSxPQUFPO3dCQUM1QyxpREFBaUQsRUFBRSxtQkFBbUI7cUJBQ3pFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvYWNjb3JkaW9uJztcbmltcG9ydCB7IEticUFjY29yZGlvbiwgS2JxQWNjb3JkaW9uVmFyaWFudCB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjY29yZGlvbi10cmlnZ2VyLCBba2JxLWFjY29yZGlvbi10cmlnZ2VyXScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmIChpc0h1Z1NwYWNlQmV0d2Vlbikge1xuICAgICAgICAgICAgPGlcbiAgICAgICAgICAgICAgICBjbGFzcz1cImticS1hY2NvcmRpb24tdHJpZ2dlcl9faWNvblwiXG4gICAgICAgICAgICAgICAga2JxLWljb249XCJrYnEtY2hldnJvbi1kb3duLXNfMTZcIlxuICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICAgIGNsYXNzPVwia2JxLWFjY29yZGlvbi10cmlnZ2VyX19pY29uXCJcbiAgICAgICAgICAgICAgICBrYnEtaWNvbj1cImticS1jaGV2cm9uLXJpZ2h0LXNfMTZcIlxuICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgfVxuXG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFsnYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnNjc3MnLCAnYWNjb3JkaW9uLXRva2Vucy5zY3NzJ10sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWNjb3JkaW9uLXRyaWdnZXInLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9maWxsXSc6ICdpc0ZpbGwnLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9odWddJzogJ2lzSHVnJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWNjb3JkaW9uLXRyaWdnZXJfaHVnLXNwYWNlLWJldHdlZW5dJzogJ2lzSHVnU3BhY2VCZXR3ZWVuJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWNjb3JkaW9uVHJpZ2dlciB7XG4gICAgcHJvdGVjdGVkIGFjY29yZGlvbjogS2JxQWNjb3JkaW9uID0gaW5qZWN0KEticUFjY29yZGlvbik7XG5cbiAgICBnZXQgaXNGaWxsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb24udmFyaWFudCA9PT0gS2JxQWNjb3JkaW9uVmFyaWFudC5maWxsO1xuICAgIH1cblxuICAgIGdldCBpc0h1ZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnO1xuICAgIH1cblxuICAgIGdldCBpc0h1Z1NwYWNlQmV0d2VlbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnU3BhY2VCZXR3ZWVuO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/accordion/accordion.component.mjs

@@ -0,0 +1,40 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewEncapsulation } from '@angular/core';
+import { RdxAccordionRootDirective } from '@radix-ng/primitives/accordion';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+import * as i2 from "@radix-ng/primitives/accordion";
+export var KbqAccordionVariant;
+(function (KbqAccordionVariant) {
+    KbqAccordionVariant["fill"] = "fill";
+    KbqAccordionVariant["hug"] = "hug";
+    KbqAccordionVariant["hugSpaceBetween"] = "hugSpaceBetween";
+})(KbqAccordionVariant || (KbqAccordionVariant = {}));
+export 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.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: i2.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.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwSCxPQUFPLEVBQUUseUJBQXlCLEVBQW9CLE1BQU0sZ0NBQWdDLENBQUM7Ozs7QUFJN0YsTUFBTSxDQUFOLElBQVksbUJBSVg7QUFKRCxXQUFZLG1CQUFtQjtJQUMzQixvQ0FBYSxDQUFBO0lBQ2Isa0NBQVcsQ0FBQTtJQUNYLDBEQUFtQyxDQUFBO0FBQ3ZDLENBQUMsRUFKVyxtQkFBbUIsS0FBbkIsbUJBQW1CLFFBSTlCO0FBbUJELE1BQU0sT0FBTyxZQUFZO0lBR3JCLFlBQ1ksWUFBMEIsRUFDMUIsVUFBbUM7UUFEbkMsaUJBQVksR0FBWixZQUFZLENBQWM7UUFDMUIsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7UUFKdEMsWUFBTyxHQUFpQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUM7UUFNdEUsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0RCxDQUFDO2lJQVpRLFlBQVk7cUhBQVosWUFBWSwrWEFmWCxnQkFBZ0I7OzJGQWVqQixZQUFZO2tCQWpCeEIsU0FBUzsrQkFDSSxnQ0FBZ0MsWUFDaEMsZ0JBQWdCLGtCQUVWO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSx5QkFBeUI7NEJBQ3BDLE1BQU0sRUFBRSxDQUFDLE1BQU0sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxPQUFPLENBQUM7NEJBQ3BFLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQzt5QkFDN0I7cUJBQ0osbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0YsS0FBSyxFQUFFLGVBQWU7cUJBQ3pCOzBHQUdRLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvY3VzTW9uaXRvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkRlc3Ryb3ksIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhBY2NvcmRpb25Sb290RGlyZWN0aXZlLCBSZHhBY2NvcmRpb25UeXBlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvYWNjb3JkaW9uJztcblxuZXhwb3J0IHR5cGUgS2JxQWNjb3JkaW9uVHlwZSA9IFJkeEFjY29yZGlvblR5cGU7XG5cbmV4cG9ydCBlbnVtIEticUFjY29yZGlvblZhcmlhbnQge1xuICAgIGZpbGwgPSAnZmlsbCcsXG4gICAgaHVnID0gJ2h1ZycsXG4gICAgaHVnU3BhY2VCZXR3ZWVuID0gJ2h1Z1NwYWNlQmV0d2Vlbidcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrYnEtYWNjb3JkaW9uLCBba2JxLWFjY29yZGlvbl0nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgLz4nLFxuICAgIHN0eWxlVXJsczogWydhY2NvcmRpb24uY29tcG9uZW50LnNjc3MnLCAnYWNjb3JkaW9uLXRva2Vucy5zY3NzJ10sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBSZHhBY2NvcmRpb25Sb290RGlyZWN0aXZlLFxuICAgICAgICAgICAgaW5wdXRzOiBbJ3R5cGUnLCAnY29sbGFwc2libGUnLCAnZGlzYWJsZWQnLCAnZGVmYXVsdFZhbHVlJywgJ3ZhbHVlJ10sXG4gICAgICAgICAgICBvdXRwdXRzOiBbJ29uVmFsdWVDaGFuZ2UnXVxuICAgICAgICB9XG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWNjb3JkaW9uJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWNjb3JkaW9uIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSB2YXJpYW50OiBLYnFBY2NvcmRpb25WYXJpYW50IHwgc3RyaW5nID0gS2JxQWNjb3JkaW9uVmFyaWFudC5maWxsO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgZm9jdXNNb25pdG9yOiBGb2N1c01vbml0b3IsXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD5cbiAgICApIHtcbiAgICAgICAgdGhpcy5mb2N1c01vbml0b3IubW9uaXRvcih0aGlzLmVsZW1lbnRSZWYsIHRydWUpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmZvY3VzTW9uaXRvci5zdG9wTW9uaXRvcmluZyh0aGlzLmVsZW1lbnRSZWYpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/accordion/accordion.module.mjs

@@ -0,0 +1,44 @@
+import { NgModule } from '@angular/core';
+import { KbqIcon } from '@koobiq/components/icon';
+import { KbqAccordionContent } from './accordion-content';
+import { KbqAccordionHeader } from './accordion-header';
+import { KbqAccordionItem } from './accordion-item';
+import { KbqAccordionTrigger } from './accordion-trigger.component';
+import { KbqAccordion } from './accordion.component';
+import * as i0 from "@angular/core";
+export 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
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQXFCckQsTUFBTSxPQUFPLGtCQUFrQjtpSUFBbEIsa0JBQWtCO2tJQUFsQixrQkFBa0IsaUJBUHZCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQixtQkFBbUIsYUFQbkIsT0FBTyxhQVBQLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQixtQkFBbUI7a0lBYWQsa0JBQWtCLFlBVnZCLE9BQU87OzJGQVVGLGtCQUFrQjtrQkFuQjlCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixrQkFBa0I7d0JBQ2xCLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsT0FBTztxQkFDVjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGtCQUFrQjt3QkFDbEIsZ0JBQWdCO3dCQUNoQixtQkFBbUI7cUJBQ3RCO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEticUljb24gfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBLYnFBY2NvcmRpb25Db250ZW50IH0gZnJvbSAnLi9hY2NvcmRpb24tY29udGVudCc7XG5pbXBvcnQgeyBLYnFBY2NvcmRpb25IZWFkZXIgfSBmcm9tICcuL2FjY29yZGlvbi1oZWFkZXInO1xuaW1wb3J0IHsgS2JxQWNjb3JkaW9uSXRlbSB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0nO1xuaW1wb3J0IHsgS2JxQWNjb3JkaW9uVHJpZ2dlciB9IGZyb20gJy4vYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEticUFjY29yZGlvbiB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgZXhwb3J0czogW1xuICAgICAgICBLYnFBY2NvcmRpb24sXG4gICAgICAgIEticUFjY29yZGlvbkNvbnRlbnQsXG4gICAgICAgIEticUFjY29yZGlvbkhlYWRlcixcbiAgICAgICAgS2JxQWNjb3JkaW9uSXRlbSxcbiAgICAgICAgS2JxQWNjb3JkaW9uVHJpZ2dlclxuICAgIF0sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBLYnFJY29uXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgS2JxQWNjb3JkaW9uLFxuICAgICAgICBLYnFBY2NvcmRpb25Db250ZW50LFxuICAgICAgICBLYnFBY2NvcmRpb25IZWFkZXIsXG4gICAgICAgIEticUFjY29yZGlvbkl0ZW0sXG4gICAgICAgIEticUFjY29yZGlvblRyaWdnZXJcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEticUFjY29yZGlvbk1vZHVsZSB7fVxuIl19

package/esm2022/accordion/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/accordion/koobiq-components-accordion.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia29vYmlxLWNvbXBvbmVudHMtYWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hY2NvcmRpb24va29vYmlxLWNvbXBvbmVudHMtYWNjb3JkaW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/esm2022/accordion/public-api.mjs

@@ -0,0 +1,7 @@
+export * from './accordion-content';
+export * from './accordion-header';
+export * from './accordion-item';
+export * from './accordion-trigger.component';
+export * from './accordion.component';
+export * from './accordion.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvYWNjb3JkaW9uL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi1jb250ZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLWhlYWRlcic7XG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbi5tb2R1bGUnO1xuIl19

package/esm2022/alert/alert.component.mjs

@@ -76,7 +76,7 @@ export class KbqAlert {
         }
     }
     /** @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, 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: 14px;--kbq-alert-size-normal-close-button-margin-left: 6px;--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.ɵ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.6", ngImport: i0, type: KbqAlert, decorators: [{
             type: Component,
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", 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: 14px;--kbq-alert-size-normal-close-button-margin-left: 6px;--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]

package/esm2022/autocomplete/autocomplete.component.mjs

@@ -110,7 +110,7 @@ export class KbqAutocomplete {
                 provide: KBQ_OPTION_PARENT_COMPONENT,
                 useExisting: KbqAutocomplete
             }
-        ], queries: [{ propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["kbqAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}.kbq-autocomplete-panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}\n", ".kbq-autocomplete-panel{--kbq-autocomplete-size-panel-padding: var(--kbq-size-xxs) 0;--kbq-autocomplete-size-panel-max-height: 256px;--kbq-autocomplete-size-panel-border-radius: var(--kbq-size-border-radius)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "options", predicate: KbqOption, descendants: true }, { propertyName: "optionGroups", predicate: KbqOptgroup }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true }], exportAs: ["kbqAutocomplete"], ngImport: i0, template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius);padding:var(--kbq-autocomplete-size-panel-padding)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius) var(--kbq-autocomplete-size-panel-border-radius) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}.kbq-autocomplete-panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}\n", ".kbq-autocomplete-panel{--kbq-autocomplete-size-panel-padding: var(--kbq-size-xxs) 0;--kbq-autocomplete-size-panel-max-height: 256px;--kbq-autocomplete-size-panel-border-radius: var(--kbq-size-border-radius)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAutocomplete, decorators: [{
             type: Component,
@@ -121,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                             provide: KBQ_OPTION_PARENT_COMPONENT,
                             useExisting: KbqAutocomplete
                         }
-                    ], template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height, 256px);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px);padding:var(--kbq-autocomplete-size-panel-padding, 4px 0)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius, 8px) var(--kbq-autocomplete-size-panel-border-radius, 8px) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}.kbq-autocomplete-panel{box-shadow:var(--kbq-select-panel-dropdown-shadow, );background:var(--kbq-select-panel-dropdown-background, )}\n", ".kbq-autocomplete-panel{--kbq-autocomplete-size-panel-padding: var(--kbq-size-xxs) 0;--kbq-autocomplete-size-panel-max-height: 256px;--kbq-autocomplete-size-panel-border-radius: var(--kbq-size-border-radius)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"] }]
+                    ], template: "<ng-template>\n    <div\n        #panel\n        role=\"listbox\"\n        class=\"kbq-autocomplete-panel kbq-scrollbar\"\n        [id]=\"id\"\n        [ngClass]=\"classList\"\n    >\n        <ng-content />\n    </div>\n</ng-template>\n", styles: [".kbq-autocomplete-panel{visibility:hidden;position:relative;overflow:hidden auto;-webkit-overflow-scrolling:touch;margin-top:-1px;min-width:100%;width:100%;max-width:none;max-height:var(--kbq-autocomplete-size-panel-max-height);border-bottom-left-radius:var(--kbq-autocomplete-size-panel-border-radius);border-bottom-right-radius:var(--kbq-autocomplete-size-panel-border-radius);padding:var(--kbq-autocomplete-size-panel-padding)}.kbq-autocomplete-panel.kbq-autocomplete_visible{visibility:visible}.kbq-autocomplete-panel.kbq-autocomplete_hidden{visibility:hidden}.kbq-autocomplete-panel-above .kbq-autocomplete-panel{border-radius:var(--kbq-autocomplete-size-panel-border-radius) var(--kbq-autocomplete-size-panel-border-radius) 0 0}.kbq-autocomplete-panel .kbq-divider-horizontal{margin-top:-1px}.kbq-autocomplete-panel{box-shadow:var(--kbq-select-panel-dropdown-shadow);background:var(--kbq-select-panel-dropdown-background)}\n", ".kbq-autocomplete-panel{--kbq-autocomplete-size-panel-padding: var(--kbq-size-xxs) 0;--kbq-autocomplete-size-panel-max-height: 256px;--kbq-autocomplete-size-panel-border-radius: var(--kbq-size-border-radius)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-select-panel-dropdown-background: var(--kbq-background-card);--kbq-select-panel-dropdown-shadow: var(--kbq-shadow-popup)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [KBQ_AUTOCOMPLETE_DEFAULT_OPTIONS]