@koobiq/components 18.18.0 → 18.19.0

package/fesm2022/koobiq-components-accordion.mjs

@@ -115,7 +115,7 @@ class KbqAccordionTrigger {
         }
 
         <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-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 }); }
+    `, 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-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", "kbq-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
             type: Component,

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

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-accordion.mjs","sources":["../../../packages/components/accordion/accordion-content.ts","../../../packages/components/accordion/accordion-header.ts","../../../packages/components/accordion/accordion-item.ts","../../../packages/components/accordion/accordion.component.ts","../../../packages/components/accordion/accordion-trigger.component.ts","../../../packages/components/accordion/accordion.module.ts","../../../packages/components/accordion/koobiq-components-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxAccordionContentDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-content, [kbq-accordion-content]',\n    hostDirectives: [RdxAccordionContentDirective],\n    host: {\n        class: 'kbq-accordion-content'\n    }\n})\nexport class KbqAccordionContent {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionHeaderDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-header, [kbq-accordion-header]',\n    hostDirectives: [RdxAccordionHeaderDirective],\n    host: {\n        class: 'kbq-accordion-header'\n    }\n})\nexport class KbqAccordionHeader {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionItemDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-item, [kbq-accordion-item]',\n    hostDirectives: [\n        {\n            directive: RdxAccordionItemDirective,\n            inputs: ['expanded', 'disabled', 'value'],\n            outputs: ['closed', 'opened', 'expandedChange']\n        }\n    ],\n    host: {\n        class: 'kbq-accordion-item'\n    }\n})\nexport class KbqAccordionItem {}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    Input,\n    OnDestroy,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RdxAccordionRootDirective, RdxAccordionType } from '@radix-ng/primitives/accordion';\n\nexport type KbqAccordionType = RdxAccordionType;\n\nexport enum KbqAccordionVariant {\n    fill = 'fill',\n    hug = 'hug',\n    hugSpaceBetween = 'hugSpaceBetween'\n}\n\n@Component({\n    selector: 'kbq-accordion, [kbq-accordion]',\n    template: '<ng-content />',\n    styleUrls: ['accordion.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [\n        {\n            directive: RdxAccordionRootDirective,\n            inputs: ['type', 'collapsible', 'disabled', 'defaultValue', 'value'],\n            outputs: ['onValueChange']\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion'\n    }\n})\nexport class KbqAccordion implements OnDestroy, AfterViewInit {\n    protected readonly focusMonitor = inject(FocusMonitor);\n    protected readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    @Input() variant: KbqAccordionVariant | string = KbqAccordionVariant.fill;\n\n    ngAfterViewInit(): void {\n        this.focusMonitor.monitor(this.elementRef, true);\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitor.stopMonitoring(this.elementRef);\n    }\n}\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { RdxAccordionTriggerDirective } from '@radix-ng/primitives/accordion';\nimport { KbqAccordion, KbqAccordionVariant } from './accordion.component';\n\n@Component({\n    selector: 'kbq-accordion-trigger, [kbq-accordion-trigger]',\n    template: `\n        @if (isHugSpaceBetween) {\n            <i class=\"kbq-accordion-trigger__icon\" kbq-icon=\"kbq-chevron-down-s_16\"></i>\n        } @else {\n            <i class=\"kbq-accordion-trigger__icon\" kbq-icon=\"kbq-chevron-right-s_16\"></i>\n        }\n\n        <ng-content />\n    `,\n    styleUrls: ['accordion-trigger.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [RdxAccordionTriggerDirective],\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion-trigger',\n        '[class.kbq-accordion-trigger_fill]': 'isFill',\n        '[class.kbq-accordion-trigger_hug]': 'isHug',\n        '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'\n    }\n})\nexport class KbqAccordionTrigger {\n    protected accordion: KbqAccordion = inject(KbqAccordion);\n\n    get isFill(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.fill;\n    }\n\n    get isHug(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hug;\n    }\n\n    get isHugSpaceBetween(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hugSpaceBetween;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIcon } from '@koobiq/components/icon';\nimport { KbqAccordionContent } from './accordion-content';\nimport { KbqAccordionHeader } from './accordion-header';\nimport { KbqAccordionItem } from './accordion-item';\nimport { KbqAccordionTrigger } from './accordion-trigger.component';\nimport { KbqAccordion } from './accordion.component';\n\n@NgModule({\n    exports: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ],\n    imports: [\n        KbqIcon\n    ],\n    declarations: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ]\n})\nexport class KbqAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAUa,mBAAmB,CAAA;iIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAnB,mBAAmB,EAAA,QAAA,EAAA,gDAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gDAAgD;oBAC1D,cAAc,EAAE,CAAC,4BAA4B,CAAC;AAC9C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,uBAAuB;AACjC,qBAAA;AACJ,iBAAA,CAAA;;;MCCY,kBAAkB,CAAA;iIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAlB,kBAAkB,EAAA,QAAA,EAAA,8CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,8CAA8C;oBACxD,cAAc,EAAE,CAAC,2BAA2B,CAAC;AAC7C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,sBAAsB;AAChC,qBAAA;AACJ,iBAAA,CAAA;;;MCOY,gBAAgB,CAAA;iIAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAhB,gBAAgB,EAAA,QAAA,EAAA,0CAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAb5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,0CAA0C;AACpD,oBAAA,cAAc,EAAE;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,yBAAyB;AACpC,4BAAA,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC;AACzC,4BAAA,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC;AAClD,yBAAA;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,oBAAoB;AAC9B,qBAAA;AACJ,iBAAA,CAAA;;;ICAW,oBAIX;AAJD,CAAA,UAAY,mBAAmB,EAAA;AAC3B,IAAA,mBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,mBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACX,IAAA,mBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACvC,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,GAI9B,EAAA,CAAA,CAAA,CAAA;MAmBY,YAAY,CAAA;AAjBzB,IAAA,WAAA,GAAA;AAkBuB,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,EAAC,UAAuB,EAAC,CAAC;AAEvD,QAAA,IAAA,CAAA,OAAO,GAAiC,mBAAmB,CAAC,IAAI,CAAC;AAS7E,KAAA;IAPG,eAAe,GAAA;QACX,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;KACpD;IAED,WAAW,GAAA;QACP,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACrD;iIAZQ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,+XAfX,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,g/FAAA,EAAA,83BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAejB,YAAY,EAAA,UAAA,EAAA,CAAA;kBAjBxB,SAAS;+BACI,gCAAgC,EAAA,QAAA,EAChC,gBAAgB,EAEV,cAAA,EAAA;AACZ,wBAAA;AACI,4BAAA,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,CAAC;4BACpE,OAAO,EAAE,CAAC,eAAe,CAAC;AAC7B,yBAAA;AACJ,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,eAAe;AACzB,qBAAA,EAAA,MAAA,EAAA,CAAA,g/FAAA,EAAA,83BAAA,CAAA,EAAA,CAAA;8BAMQ,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MCjBG,mBAAmB,CAAA;AArBhC,IAAA,WAAA,GAAA;AAsBc,QAAA,IAAA,CAAA,SAAS,GAAiB,MAAM,CAAC,YAAY,CAAC,CAAC;AAa5D,KAAA;AAXG,IAAA,IAAI,MAAM,GAAA;QACN,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,mBAAmB,CAAC,IAAI,CAAC;KAC9D;AAED,IAAA,IAAI,KAAK,GAAA;QACL,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,mBAAmB,CAAC,GAAG,CAAC;KAC7D;AAED,IAAA,IAAI,iBAAiB,GAAA;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,mBAAmB,CAAC,eAAe,CAAC;KACzE;iIAbQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAnBlB,QAAA,EAAA,gDAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,OAAA,EAAA,+CAAA,EAAA,mBAAA,EAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;AAQT,IAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gxDAAA,EAAA,83BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAWQ,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBArB/B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gDAAgD,EAChD,QAAA,EAAA,CAAA;;;;;;;;AAQT,IAAA,CAAA,EAAA,cAAA,EAEe,CAAC,4BAA4B,CAAC,iBAC/B,iBAAiB,CAAC,IAAI,EAC/B,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,uBAAuB;AAC9B,wBAAA,oCAAoC,EAAE,QAAQ;AAC9C,wBAAA,mCAAmC,EAAE,OAAO;AAC5C,wBAAA,iDAAiD,EAAE,mBAAmB;AACzE,qBAAA,EAAA,MAAA,EAAA,CAAA,gxDAAA,EAAA,83BAAA,CAAA,EAAA,CAAA;;;MCIQ,kBAAkB,CAAA;iIAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAlB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBAPvB,YAAY;YACZ,mBAAmB;YACnB,kBAAkB;YAClB,gBAAgB;YAChB,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAPnB,OAAO,CAAA,EAAA,OAAA,EAAA,CAPP,YAAY;YACZ,mBAAmB;YACnB,kBAAkB;YAClB,gBAAgB;YAChB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAad,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAVvB,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUF,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnB9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,mBAAmB;wBACnB,kBAAkB;wBAClB,gBAAgB;wBAChB,mBAAmB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,OAAO;AACV,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,YAAY;wBACZ,mBAAmB;wBACnB,kBAAkB;wBAClB,gBAAgB;wBAChB,mBAAmB;AACtB,qBAAA;AACJ,iBAAA,CAAA;;;AC1BD;;AAEG;;;;"}
+{"version":3,"file":"koobiq-components-accordion.mjs","sources":["../../../packages/components/accordion/accordion-content.ts","../../../packages/components/accordion/accordion-header.ts","../../../packages/components/accordion/accordion-item.ts","../../../packages/components/accordion/accordion.component.ts","../../../packages/components/accordion/accordion-trigger.component.ts","../../../packages/components/accordion/accordion.module.ts","../../../packages/components/accordion/koobiq-components-accordion.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxAccordionContentDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-content, [kbq-accordion-content]',\n    hostDirectives: [RdxAccordionContentDirective],\n    host: {\n        class: 'kbq-accordion-content'\n    }\n})\nexport class KbqAccordionContent {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionHeaderDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-header, [kbq-accordion-header]',\n    hostDirectives: [RdxAccordionHeaderDirective],\n    host: {\n        class: 'kbq-accordion-header'\n    }\n})\nexport class KbqAccordionHeader {}\n","import { Directive } from '@angular/core';\nimport { RdxAccordionItemDirective } from '@radix-ng/primitives/accordion';\n\n@Directive({\n    selector: 'kbq-accordion-item, [kbq-accordion-item]',\n    hostDirectives: [\n        {\n            directive: RdxAccordionItemDirective,\n            inputs: ['expanded', 'disabled', 'value'],\n            outputs: ['closed', 'opened', 'expandedChange']\n        }\n    ],\n    host: {\n        class: 'kbq-accordion-item'\n    }\n})\nexport class KbqAccordionItem {}\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    Input,\n    OnDestroy,\n    ViewEncapsulation\n} from '@angular/core';\nimport { RdxAccordionRootDirective, RdxAccordionType } from '@radix-ng/primitives/accordion';\n\nexport type KbqAccordionType = RdxAccordionType;\n\nexport enum KbqAccordionVariant {\n    fill = 'fill',\n    hug = 'hug',\n    hugSpaceBetween = 'hugSpaceBetween'\n}\n\n@Component({\n    selector: 'kbq-accordion, [kbq-accordion]',\n    template: '<ng-content />',\n    styleUrls: ['accordion.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [\n        {\n            directive: RdxAccordionRootDirective,\n            inputs: ['type', 'collapsible', 'disabled', 'defaultValue', 'value'],\n            outputs: ['onValueChange']\n        }\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion'\n    }\n})\nexport class KbqAccordion implements OnDestroy, AfterViewInit {\n    protected readonly focusMonitor = inject(FocusMonitor);\n    protected readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    @Input() variant: KbqAccordionVariant | string = KbqAccordionVariant.fill;\n\n    ngAfterViewInit(): void {\n        this.focusMonitor.monitor(this.elementRef, true);\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitor.stopMonitoring(this.elementRef);\n    }\n}\n","import { Component, inject, ViewEncapsulation } from '@angular/core';\nimport { RdxAccordionTriggerDirective } from '@radix-ng/primitives/accordion';\nimport { KbqAccordion, KbqAccordionVariant } from './accordion.component';\n\n@Component({\n    selector: 'kbq-accordion-trigger, [kbq-accordion-trigger]',\n    template: `\n        @if (isHugSpaceBetween) {\n            <i class=\"kbq-accordion-trigger__icon\" kbq-icon=\"kbq-chevron-down-s_16\"></i>\n        } @else {\n            <i class=\"kbq-accordion-trigger__icon\" kbq-icon=\"kbq-chevron-right-s_16\"></i>\n        }\n\n        <ng-content />\n    `,\n    styleUrls: ['accordion-trigger.component.scss', 'accordion-tokens.scss'],\n    hostDirectives: [RdxAccordionTriggerDirective],\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-accordion-trigger',\n        '[class.kbq-accordion-trigger_fill]': 'isFill',\n        '[class.kbq-accordion-trigger_hug]': 'isHug',\n        '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'\n    }\n})\nexport class KbqAccordionTrigger {\n    protected accordion: KbqAccordion = inject(KbqAccordion);\n\n    get isFill(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.fill;\n    }\n\n    get isHug(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hug;\n    }\n\n    get isHugSpaceBetween(): boolean {\n        return this.accordion.variant === KbqAccordionVariant.hugSpaceBetween;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { KbqIcon } from '@koobiq/components/icon';\nimport { KbqAccordionContent } from './accordion-content';\nimport { KbqAccordionHeader } from './accordion-header';\nimport { KbqAccordionItem } from './accordion-item';\nimport { KbqAccordionTrigger } from './accordion-trigger.component';\nimport { KbqAccordion } from './accordion.component';\n\n@NgModule({\n    exports: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ],\n    imports: [\n        KbqIcon\n    ],\n    declarations: [\n        KbqAccordion,\n        KbqAccordionContent,\n        KbqAccordionHeader,\n        KbqAccordionItem,\n        KbqAccordionTrigger\n    ]\n})\nexport class KbqAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/koobiq-components-actions-panel.mjs

@@ -0,0 +1,567 @@
+import * as i2$1 from '@angular/cdk/bidi';
+import * as i4$1 from '@angular/cdk/dialog';
+import { CdkDialogContainer, Dialog, DEFAULT_DIALOG_CONFIG, DIALOG_SCROLL_STRATEGY } from '@angular/cdk/dialog';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayContainer, Overlay } from '@angular/cdk/overlay';
+import * as i3$1 from '@angular/common';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, EventEmitter, inject, Renderer2, Component, ChangeDetectionStrategy, ViewEncapsulation, Injectable, ANIMATION_MODULE_TYPE, Inject, Optional, SkipSelf, Injector, NgModule } from '@angular/core';
+import { trigger, state, style, transition, group, animate, query, animateChild } from '@angular/animations';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i2 from '@koobiq/components/button';
+import { KbqButtonModule } from '@koobiq/components/button';
+import { ruRULocaleData, KbqAnimationDurations, KbqAnimationCurves, KBQ_LOCALE_SERVICE } from '@koobiq/components/core';
+import * as i1 from '@koobiq/components/divider';
+import { KbqDividerModule } from '@koobiq/components/divider';
+import * as i3 from '@koobiq/components/icon';
+import { KbqIconModule } from '@koobiq/components/icon';
+import * as i4 from '@koobiq/components/tooltip';
+import { KbqToolTipModule } from '@koobiq/components/tooltip';
+import { map, of, Subject, filter, take } from 'rxjs';
+
+/** Injection token that can be used to specify default actions panel config. */
+const KBQ_ACTIONS_PANEL_DEFAULT_CONFIG = new InjectionToken('KBQ_ACTIONS_PANEL_DEFAULT_CONFIG', { factory: () => new KbqActionsPanelConfig() });
+/**
+ * Utility for providing default actions panel config.
+ *
+ * @see `KBQ_ACTIONS_PANEL_DEFAULT_CONFIG`
+ */
+const kbqActionsPanelDefaultConfigProvider = (config) => ({
+    provide: KBQ_ACTIONS_PANEL_DEFAULT_CONFIG,
+    useValue: config
+});
+/**
+ * Configuration for opened actions panel.
+ * Based on cdk `DialogConfig`.
+ *
+ * @see `DialogConfig`
+ *
+ */
+class KbqActionsPanelConfig {
+    constructor() {
+        /**
+         * Data being injected into the child component.
+         *
+         * @see `KBQ_ACTIONS_PANEL_DATA`
+         */
+        this.data = null;
+        /**
+         * Whether the actions panel should be closed of when the user goes backwards/forwards in history.
+         * NOTE! This does not apply to router navigation.
+         *
+         * @default true
+         */
+        this.closeOnNavigation = true;
+        /**
+         * Direction of the text in the actions panel.
+         *
+         * @default 'ltr'
+         */
+        this.direction = 'ltr';
+        /**
+         * Scroll strategy to be used for the actions panel.
+         *
+         * @default `RepositionScrollStrategy`
+         */
+        this.scrollStrategy = (overlay) => overlay.scrollStrategies.reposition();
+        /**
+         * Whether the user can use ESC or click on close button to close the actions panel.
+         *
+         * @default false
+         */
+        this.disableClose = false;
+    }
+}
+
+/** Localization configuration provider. */
+const KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION = new InjectionToken('KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION', { factory: () => ruRULocaleData.actionsPanel });
+/** Utility provider for `KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION`. */
+const kbqActionsPanelLocaleConfigurationProvider = (configuration) => ({
+    provide: KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION,
+    useValue: configuration
+});
+/**
+ * Animation that shows and hides the actions panel.
+ */
+const KBQ_ACTIONS_PANEL_CONTAINER_ANIMATION = trigger('state', [
+    state('void, hidden', style({ transform: 'translateY(100%)' })),
+    state('visible', style({ transform: 'translateY(0%)' })),
+    transition('visible => void, visible => hidden', group([
+        animate(`${KbqAnimationDurations.Entering} ${KbqAnimationCurves.StandardCurve}`),
+        query('@*', animateChild(), { optional: true })
+    ])),
+    transition('void => visible', group([
+        animate(`${KbqAnimationDurations.Exiting} ${KbqAnimationCurves.StandardCurve}`),
+        query('@*', animateChild(), { optional: true })
+    ]))
+]);
+/**
+ * Internal component that wraps user-provided actions panel content.
+ *
+ * @docs-private
+ */
+class KbqActionsPanelContainer extends CdkDialogContainer {
+    constructor() {
+        super(...arguments);
+        /**
+         * The state of the actions panel animations.
+         *
+         * @docs-private
+         */
+        this.animationState = 'void';
+        /**
+         * Emits whenever the state of the animation changes.
+         *
+         * @docs-private
+         */
+        this.animationStateChanged = new EventEmitter();
+        /**
+         * Actions panel configuration.
+         *
+         * @docs-private
+         */
+        this.config = inject(KbqActionsPanelConfig);
+        this.actionsPanel = inject(KbqActionsPanel);
+        this.renderer = inject(Renderer2);
+        this.localeService = inject(KBQ_LOCALE_SERVICE, { optional: true });
+        /**
+         * Actions panel locale configuration.
+         *
+         * @docs-private
+         */
+        this.localeConfiguration = toSignal(this.localeService
+            ? this.localeService.changes.pipe(map(() => this.localeService.getParams('actionsPanel')))
+            : of(inject(KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION)));
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.destroyed = true;
+    }
+    /**
+     * Close the actions panel.
+     *
+     * @docs-private
+     */
+    close() {
+        this.actionsPanel.close();
+    }
+    /**
+     * Start animation of the actions panel entrance into view.
+     *
+     * @docs-private
+     */
+    startOpenAnimation() {
+        if (!this.destroyed) {
+            this.animationState = 'visible';
+            // animationState lives in host bindings and `detectChanges` does not refresh host bindings  so we have to
+            // call `markForCheck` to ensure the host view is refreshed eventually.
+            this._changeDetectorRef.markForCheck();
+            this._changeDetectorRef.detectChanges();
+        }
+    }
+    /**
+     * Start animation of the actions panel exiting from view.
+     *
+     * @docs-private
+     */
+    startCloseAnimation() {
+        if (!this.destroyed) {
+            this.animationState = 'hidden';
+            this._changeDetectorRef.markForCheck();
+        }
+    }
+    /**
+     * Handles animation done events.
+     *
+     * @docs-private
+     */
+    onAnimationDone(event) {
+        if (event.toState === 'visible') {
+            this._trapFocus();
+        }
+        this.animationStateChanged.emit(event);
+    }
+    /**
+     * Handles animation start events.
+     *
+     * @docs-private
+     */
+    onAnimationStart(event) {
+        this.animationStateChanged.emit(event);
+    }
+    /**
+     * Handles escape key events.
+     *
+     * @docs-private
+     */
+    handleEscape(event) {
+        if (!this.config.disableClose) {
+            event.preventDefault();
+            this.close();
+        }
+    }
+    /**
+     * @docs-private
+     */
+    _contentAttached() {
+        this.applyContainerClass();
+    }
+    applyContainerClass() {
+        const { containerClass } = this.config;
+        if (containerClass) {
+            if (Array.isArray(containerClass)) {
+                containerClass.forEach((cssClass) => this.renderer.addClass(this._elementRef.nativeElement, cssClass));
+            }
+            else {
+                this.renderer.addClass(this._elementRef.nativeElement, containerClass);
+            }
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqActionsPanelContainer, isStandalone: true, selector: "kbq-actions-panel-container", host: { listeners: { "@state.start": "onAnimationStart($event)", "@state.done": "onAnimationDone($event)", "keydown.escape": "handleEscape($event)" }, properties: { "class.kbq-actions-panel-container_rtl": "config.direction === \"rtl\"", "@state": "animationState" }, classAttribute: "kbq-actions-panel-container" }, usesInheritance: true, ngImport: i0, template: `
+        <div class="kbq-actions-panel-container__content">
+            <ng-template cdkPortalOutlet />
+        </div>
+        @if (!config.disableClose) {
+            <kbq-divider class="kbq-actions-panel-container__vertical-divider" [vertical]="true" />
+            <button
+                class="kbq-actions-panel-container__close-button"
+                [kbqTooltip]="localeConfiguration()!.closeTooltip"
+                [kbqTooltipOffset]="16"
+                (click)="close()"
+                color="contrast"
+                kbq-button
+            >
+                <i kbq-icon="kbq-xmark-circle_16"></i>
+            </button>
+        }
+    `, isInline: true, styles: [".kbq-actions-panel-container{--kbq-actions-panel-background-color: var(--kbq-background-contrast);--kbq-actions-panel-text-color: var(--kbq-foreground-on-contrast);--kbq-actions-panel-padding: var(--kbq-size-s);--kbq-actions-panel-margin: var(--kbq-size-s) var(--kbq-size-s) var(--kbq-size-l);--kbq-actions-panel-border-radius: var(--kbq-size-l);--kbq-actions-panel-box-shadow: var(--kbq-shadow-card);--kbq-actions-panel-height: var(--kbq-size-5xl);--kbq-actions-panel-vertical-divider-background-color: var(--kbq-line-contrast-fade);--kbq-actions-panel-vertical-divider-height: var(--kbq-size-m);--kbq-actions-panel-vertical-divider-margin: 0 var(--kbq-size-s)}\n", ".kbq-actions-panel-container{background:var(--kbq-actions-panel-background-color);color:var(--kbq-actions-panel-text-color);box-shadow:var(--kbq-actions-panel-box-shadow);height:var(--kbq-actions-panel-height);padding:var(--kbq-actions-panel-padding);margin:var(--kbq-actions-panel-margin);border-radius:var(--kbq-actions-panel-border-radius);display:flex;flex-grow:1;align-items:center;overflow:hidden;box-sizing:border-box}.kbq-actions-panel-container .kbq-actions-panel-container__content{display:flex;align-items:center;flex-grow:1;overflow:hidden}.kbq-actions-panel-container .kbq-actions-panel-container__vertical-divider{background-color:var(--kbq-actions-panel-vertical-divider-background-color);height:var(--kbq-actions-panel-vertical-divider-height)!important;margin:var(--kbq-actions-panel-vertical-divider-margin)}.kbq-actions-panel-overlay-container{position:relative}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "ngmodule", type: KbqDividerModule }, { kind: "component", type: i1.KbqDivider, selector: "kbq-divider", inputs: ["vertical", "inset", "paddings"] }, { kind: "ngmodule", type: KbqButtonModule }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "ngmodule", type: KbqIconModule }, { kind: "component", type: i3.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor", "kbq-icon"] }, { kind: "ngmodule", type: KbqToolTipModule }, { kind: "directive", type: i4.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqRelativeToPointer", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }], animations: [KBQ_ACTIONS_PANEL_CONTAINER_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelContainer, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [
+                        CdkPortalOutlet,
+                        KbqDividerModule,
+                        KbqButtonModule,
+                        KbqIconModule,
+                        KbqToolTipModule
+                    ], selector: 'kbq-actions-panel-container', template: `
+        <div class="kbq-actions-panel-container__content">
+            <ng-template cdkPortalOutlet />
+        </div>
+        @if (!config.disableClose) {
+            <kbq-divider class="kbq-actions-panel-container__vertical-divider" [vertical]="true" />
+            <button
+                class="kbq-actions-panel-container__close-button"
+                [kbqTooltip]="localeConfiguration()!.closeTooltip"
+                [kbqTooltipOffset]="16"
+                (click)="close()"
+                color="contrast"
+                kbq-button
+            >
+                <i kbq-icon="kbq-xmark-circle_16"></i>
+            </button>
+        }
+    `, animations: [KBQ_ACTIONS_PANEL_CONTAINER_ANIMATION], host: {
+                        class: 'kbq-actions-panel-container',
+                        '[class.kbq-actions-panel-container_rtl]': 'config.direction === "rtl"',
+                        '[@state]': 'animationState',
+                        '(@state.start)': 'onAnimationStart($event)',
+                        '(@state.done)': 'onAnimationDone($event)',
+                        '(keydown.escape)': 'handleEscape($event)'
+                    }, changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, styles: [".kbq-actions-panel-container{--kbq-actions-panel-background-color: var(--kbq-background-contrast);--kbq-actions-panel-text-color: var(--kbq-foreground-on-contrast);--kbq-actions-panel-padding: var(--kbq-size-s);--kbq-actions-panel-margin: var(--kbq-size-s) var(--kbq-size-s) var(--kbq-size-l);--kbq-actions-panel-border-radius: var(--kbq-size-l);--kbq-actions-panel-box-shadow: var(--kbq-shadow-card);--kbq-actions-panel-height: var(--kbq-size-5xl);--kbq-actions-panel-vertical-divider-background-color: var(--kbq-line-contrast-fade);--kbq-actions-panel-vertical-divider-height: var(--kbq-size-m);--kbq-actions-panel-vertical-divider-margin: 0 var(--kbq-size-s)}\n", ".kbq-actions-panel-container{background:var(--kbq-actions-panel-background-color);color:var(--kbq-actions-panel-text-color);box-shadow:var(--kbq-actions-panel-box-shadow);height:var(--kbq-actions-panel-height);padding:var(--kbq-actions-panel-padding);margin:var(--kbq-actions-panel-margin);border-radius:var(--kbq-actions-panel-border-radius);display:flex;flex-grow:1;align-items:center;overflow:hidden;box-sizing:border-box}.kbq-actions-panel-container .kbq-actions-panel-container__content{display:flex;align-items:center;flex-grow:1;overflow:hidden}.kbq-actions-panel-container .kbq-actions-panel-container__vertical-divider{background-color:var(--kbq-actions-panel-vertical-divider-background-color);height:var(--kbq-actions-panel-vertical-divider-height)!important;margin:var(--kbq-actions-panel-vertical-divider-margin)}.kbq-actions-panel-overlay-container{position:relative}\n"] }]
+        }] });
+
+/**
+ * Reference to actions panel opened by `KbqActionsPanel` service.
+ */
+class KbqActionsPanelRef {
+    /** Gets an observable that is notified when the actions panel is finished closing. */
+    get afterClosed() {
+        return this.dialogRef.closed;
+    }
+    /** Gets an observable that emits when keydown events are targeted on the overlay. */
+    get keydownEvents() {
+        return this.dialogRef.keydownEvents;
+    }
+    /** Gets an observable that is notified when the actions panel has opened and appeared. */
+    get afterOpened() {
+        return this._afterOpened;
+    }
+    constructor(dialogRef, containerInstance) {
+        this.dialogRef = dialogRef;
+        this._afterOpened = new Subject();
+        this.containerInstance = containerInstance;
+        this.handleAnimation();
+        this.handleOverlayDetachments();
+    }
+    /** Closes the actions panel. */
+    close(result) {
+        if (!this.containerInstance) {
+            return;
+        }
+        this.containerInstance.animationStateChanged
+            .pipe(filter((event) => event.phaseName === 'start'), take(1))
+            .subscribe(({ totalTime }) => {
+            this.closeAnimationFallbackTimeout = setTimeout(() => this.dialogRef.close(this.result), totalTime + 100);
+        });
+        this.result = result;
+        this.containerInstance.startCloseAnimation();
+        this.containerInstance = null;
+    }
+    handleAnimation() {
+        this.containerInstance.animationStateChanged
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'visible'), take(1))
+            .subscribe(() => {
+            this._afterOpened.next();
+            this._afterOpened.complete();
+        });
+        this.containerInstance.animationStateChanged
+            .pipe(filter((event) => event.phaseName === 'done' && event.toState === 'hidden'), take(1))
+            .subscribe(() => {
+            clearTimeout(this.closeAnimationFallbackTimeout);
+            this.dialogRef.close(this.result);
+        });
+    }
+    handleOverlayDetachments() {
+        this.dialogRef.overlayRef
+            .detachments()
+            .pipe(take(1))
+            .subscribe(() => {
+            this.dialogRef.close(this.result);
+        });
+    }
+}
+
+/** Injection token that can be used to access the data that was passed in to actions panel. */
+const KBQ_ACTIONS_PANEL_DATA = new InjectionToken('KBQ_ACTIONS_PANEL_DATA');
+/**
+ * Selector for actions panel overlay.
+ *
+ * @docs-private
+ */
+const KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR = 'kbq-actions-panel-overlay';
+/**
+ * Selector for custom actions panel overlay container.
+ *
+ * @docs-private
+ */
+const KBQ_ACTIONS_PANEL_OVERLAY_CONTAINER_SELECTOR = 'kbq-actions-panel-overlay-container';
+/**
+ * Actions panel overlay container.
+ *
+ * @docs-private
+ */
+class KbqActionsPanelOverlayContainer extends OverlayContainer {
+    /**
+     * Set the overlay container element.
+     *
+     * @param containerElement The element into which the overlay will be rendered.
+     * @returns Current OverlayContainer instance.
+     */
+    setContainerElement(containerElement) {
+        this._containerElement = containerElement || this._document.body.querySelector('.cdk-overlay-container');
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlayContainer, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlayContainer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Actions panel overlay.
+ *
+ * @docs-private
+ */
+class KbqActionsPanelOverlay extends Overlay {
+    constructor(scrollStrategies, overlayContainer, componentFactoryResolver, positionBuilder, keyboardDispatcher, injector, ngZone, document, directionality, location, outsideClickDispatcher, animationsModuleType) {
+        super(scrollStrategies, overlayContainer, componentFactoryResolver, positionBuilder, keyboardDispatcher, injector, ngZone, document, directionality, location, outsideClickDispatcher, animationsModuleType);
+        this.overlayContainer = overlayContainer;
+    }
+    /**
+     * Set the overlay container element.
+     *
+     * @param containerElement The element into which the overlay will be rendered.
+     * @returns Current Overlay instance.
+     */
+    setOverlayContainerElement(containerElement) {
+        this.overlayContainer.setContainerElement(containerElement);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlay, deps: [{ token: i1$1.ScrollStrategyOptions }, { token: KbqActionsPanelOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$1.OverlayPositionBuilder }, { token: i1$1.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i2$1.Directionality }, { token: i3$1.Location }, { token: i1$1.OverlayOutsideClickDispatcher }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlay, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelOverlay, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1$1.ScrollStrategyOptions }, { type: KbqActionsPanelOverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i1$1.OverlayPositionBuilder }, { type: i1$1.OverlayKeyboardDispatcher }, { type: i0.Injector }, { type: i0.NgZone }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i2$1.Directionality }, { type: i3$1.Location }, { type: i1$1.OverlayOutsideClickDispatcher }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ANIMATION_MODULE_TYPE]
+                }, {
+                    type: Optional
+                }] }] });
+/**
+ * Actions panel dialog service.
+ *
+ * @docs-private
+ */
+class KbqActionsPanelDialog extends Dialog {
+    constructor(overlay, injector, defaultOptions, parentDialog, overlayContainer, scrollStrategy) {
+        super(overlay, injector, defaultOptions, parentDialog, overlayContainer, scrollStrategy);
+        this.overlay = overlay;
+    }
+    /**
+     * Set the dialog overlay container element.
+     *
+     * @param containerElement The element into which the overlay will be rendered.
+     * @returns Current dialog instance.
+     */
+    setOverlayContainerElement(containerElement) {
+        this.overlay.setOverlayContainerElement(containerElement);
+        return this;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelDialog, deps: [{ token: KbqActionsPanelOverlay }, { token: i0.Injector }, { token: DEFAULT_DIALOG_CONFIG, optional: true }, { token: i4$1.Dialog, optional: true, skipSelf: true }, { token: KbqActionsPanelOverlayContainer }, { token: DIALOG_SCROLL_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelDialog, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelDialog, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: KbqActionsPanelOverlay }, { type: i0.Injector }, { type: i4$1.DialogConfig, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DEFAULT_DIALOG_CONFIG]
+                }] }, { type: i4$1.Dialog, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }, { type: KbqActionsPanelOverlayContainer }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DIALOG_SCROLL_STRATEGY]
+                }] }] });
+/**
+ * Service for opening actions panel.
+ */
+class KbqActionsPanel {
+    constructor() {
+        this.injector = inject(Injector);
+        this.overlay = inject(KbqActionsPanelOverlay);
+        this.dialog = inject(KbqActionsPanelDialog);
+        this.defaultConfig = inject(KBQ_ACTIONS_PANEL_DEFAULT_CONFIG);
+        /** The reference to the currently opened actions panel. */
+        this.openedActionsPanelRef = null;
+    }
+    ngOnDestroy() {
+        this.close();
+    }
+    open(componentOrTemplateRef, config) {
+        const _config = {
+            ...this.defaultConfig,
+            ...config
+        };
+        const actionsPanelRef = this.openDialog(componentOrTemplateRef, _config);
+        actionsPanelRef.afterClosed.subscribe(() => {
+            if (this.openedActionsPanelRef === actionsPanelRef) {
+                this.openedActionsPanelRef = null;
+            }
+        });
+        if (this.openedActionsPanelRef) {
+            this.openedActionsPanelRef.afterClosed.subscribe(() => {
+                actionsPanelRef.containerInstance?.startOpenAnimation();
+            });
+            this.openedActionsPanelRef.close();
+        }
+        else {
+            actionsPanelRef.containerInstance.startOpenAnimation();
+        }
+        this.openedActionsPanelRef = actionsPanelRef;
+        return actionsPanelRef;
+    }
+    /** Closes the currently opened actions panel. */
+    close(result) {
+        this.openedActionsPanelRef?.close(result);
+    }
+    openDialog(componentOrTemplateRef, config = {}) {
+        let actionsPanelRef;
+        const overlayContainerElement = config.overlayContainer?.nativeElement;
+        overlayContainerElement?.classList.add(KBQ_ACTIONS_PANEL_OVERLAY_CONTAINER_SELECTOR);
+        const dialogRef = this.dialog
+            .setOverlayContainerElement(overlayContainerElement)
+            .open(componentOrTemplateRef, {
+            ...config,
+            container: KbqActionsPanelContainer,
+            restoreFocus: false,
+            autoFocus: null,
+            hasBackdrop: false,
+            // Disable closing since we need to sync it up to the animation ourselves
+            closeOnOverlayDetachments: false,
+            // Disable closing since we need to sync it up to the animation ourselves
+            closeOnDestroy: false,
+            // Disable closing since we need to sync it up to the animation ourselves
+            disableClose: true,
+            scrollStrategy: config.scrollStrategy && config.scrollStrategy(this.overlay),
+            positionStrategy: this.overlay.position().global().centerHorizontally().bottom(),
+            templateContext: () => {
+                return {
+                    $implicit: config.data,
+                    data: config.data,
+                    actionsPanelRef
+                };
+            },
+            injector: Injector.create({
+                parent: config.injector || this.injector,
+                providers: [{ provide: KbqActionsPanelConfig, useValue: config }]
+            }),
+            providers: (dialogRef, _dialogConfig, container) => {
+                actionsPanelRef = new KbqActionsPanelRef(dialogRef, container);
+                return [
+                    { provide: KbqActionsPanelRef, useValue: actionsPanelRef },
+                    { provide: KBQ_ACTIONS_PANEL_DATA, useValue: config.data }
+                ];
+            }
+        });
+        dialogRef.addPanelClass(KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR);
+        if (config.overlayPanelClass) {
+            dialogRef.addPanelClass(config.overlayPanelClass);
+        }
+        actionsPanelRef?.afterClosed.subscribe(() => {
+            overlayContainerElement?.classList.remove(KBQ_ACTIONS_PANEL_OVERLAY_CONTAINER_SELECTOR);
+        });
+        return actionsPanelRef;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanel, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanel, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanel, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const COMPONENTS = [
+    KbqActionsPanelContainer
+];
+class KbqActionsPanelModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelModule, imports: [KbqActionsPanelContainer], exports: [KbqActionsPanelContainer] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelModule, providers: [KbqActionsPanel], imports: [COMPONENTS] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqActionsPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: COMPONENTS,
+                    exports: COMPONENTS,
+                    providers: [KbqActionsPanel]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KBQ_ACTIONS_PANEL_DATA, KBQ_ACTIONS_PANEL_DEFAULT_CONFIG, KBQ_ACTIONS_PANEL_LOCALE_CONFIGURATION, KBQ_ACTIONS_PANEL_OVERLAY_CONTAINER_SELECTOR, KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR, KbqActionsPanel, KbqActionsPanelConfig, KbqActionsPanelContainer, KbqActionsPanelDialog, KbqActionsPanelModule, KbqActionsPanelOverlay, KbqActionsPanelOverlayContainer, KbqActionsPanelRef, kbqActionsPanelDefaultConfigProvider, kbqActionsPanelLocaleConfigurationProvider };
+//# sourceMappingURL=koobiq-components-actions-panel.mjs.map