@koobiq/components 18.34.0 → 18.36.0

package/core/locales/tk-TM.d.ts

@@ -92,4 +92,72 @@ export declare const tkTMLocaleData: {
         openText: string;
         closeText: string;
     };
+    navbarIc: {
+        toggle: {
+            pinButton: string;
+            collapseButton: string;
+        };
+    };
+    searchExpandable: {
+        tooltip: string;
+        placeholder: string;
+    };
+    appSwitcher: {
+        searchPlaceholder: string;
+        searchEmptyResult: string;
+        sitesHeader: string;
+    };
+    timeRange: {
+        title: {
+            for: string;
+            placeholder: string;
+        };
+        editor: {
+            from: string;
+            to: string;
+            apply: string;
+            cancel: string;
+            rangeLabel: string;
+            allTime: string;
+            currentQuarter: string;
+            currentYear: string;
+        };
+        durationTemplate: {
+            title: {
+                SEPARATOR: string;
+                LAST_PART_SEPARATOR: string;
+                YEARS: string;
+                MONTHS: string;
+                WEEKS: string;
+                DAYS: string;
+                HOURS: string;
+                MINUTES: string;
+                SECONDS: string;
+                YEARS_FRACTION: string;
+                MONTHS_FRACTION: string;
+            };
+            option: {
+                SEPARATOR: string;
+                LAST_PART_SEPARATOR: string;
+                YEARS: string;
+                MONTHS: string;
+                WEEKS: string;
+                DAYS: string;
+                HOURS: string;
+                MINUTES: string;
+                SECONDS: string;
+                YEARS_FRACTION: string;
+                MONTHS_FRACTION: string;
+            };
+        };
+    };
+    notificationCenter: {
+        notifications: string;
+        remove: string;
+        doNotDisturb: string;
+        showPopUpNotifications: string;
+        noNotifications: string;
+        failedToLoadNotifications: string;
+        repeat: string;
+    };
 };

package/core/locales/types.d.ts

@@ -1,3 +1,4 @@
+import { FormatterDurationTemplate } from '@koobiq/date-formatter';
 /** Locale configuration for `KbqCodeBlockModule`. */
 export type KbqCodeBlockLocaleConfiguration = {
     softWrapOnTooltip: string;
@@ -34,3 +35,24 @@ export type KbqClampedTextLocaleConfig = {
     openText: string;
     closeText: string;
 };
+/** Locale configuration for `KbqTimeRange` */
+export type KbqTimeRangeLocaleConfig = {
+    title: {
+        for: string;
+        placeholder: string;
+    };
+    editor: {
+        from: string;
+        to: string;
+        apply: string;
+        cancel: string;
+        rangeLabel: string;
+        allTime: string;
+        currentQuarter: string;
+        currentYear: string;
+    };
+    durationTemplate: {
+        title: FormatterDurationTemplate;
+        option: FormatterDurationTemplate;
+    };
+};

package/core/locales/zh-CN.d.ts

@@ -91,4 +91,72 @@ export declare const zhCNLocaleData: {
         openText: string;
         closeText: string;
     };
+    navbarIc: {
+        toggle: {
+            pinButton: string;
+            collapseButton: string;
+        };
+    };
+    searchExpandable: {
+        tooltip: string;
+        placeholder: string;
+    };
+    appSwitcher: {
+        searchPlaceholder: string;
+        searchEmptyResult: string;
+        sitesHeader: string;
+    };
+    timeRange: {
+        title: {
+            for: string;
+            placeholder: string;
+        };
+        editor: {
+            from: string;
+            to: string;
+            apply: string;
+            cancel: string;
+            rangeLabel: string;
+            allTime: string;
+            currentQuarter: string;
+            currentYear: string;
+        };
+        durationTemplate: {
+            title: {
+                SEPARATOR: string;
+                LAST_PART_SEPARATOR: string;
+                YEARS: string;
+                MONTHS: string;
+                WEEKS: string;
+                DAYS: string;
+                HOURS: string;
+                MINUTES: string;
+                SECONDS: string;
+                YEARS_FRACTION: string;
+                MONTHS_FRACTION: string;
+            };
+            option: {
+                SEPARATOR: string;
+                LAST_PART_SEPARATOR: string;
+                YEARS: string;
+                MONTHS: string;
+                WEEKS: string;
+                DAYS: string;
+                HOURS: string;
+                MINUTES: string;
+                SECONDS: string;
+                YEARS_FRACTION: string;
+                MONTHS_FRACTION: string;
+            };
+        };
+    };
+    notificationCenter: {
+        notifications: string;
+        remove: string;
+        doNotDisturb: string;
+        showPopUpNotifications: string;
+        noNotifications: string;
+        failedToLoadNotifications: string;
+        repeat: string;
+    };
 };

package/core/navbar/index.d.ts

@@ -0,0 +1 @@
+export * from './rectangle-item';

package/core/navbar/rectangle-item.d.ts

@@ -0,0 +1,14 @@
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class KbqRectangleItem {
+    protected readonly isBrowser: boolean;
+    protected readonly nativeElement: HTMLElement;
+    private readonly window;
+    readonly state: Subject<void>;
+    get collapsed(): boolean;
+    set collapsed(value: boolean);
+    private _collapsed;
+    getOuterElementWidth(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqRectangleItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqRectangleItem, never, never, {}, {}, never, never, true, never>;
+}

package/core/option/action.d.ts

@@ -26,7 +26,7 @@ export declare class KbqOptionActionComponent implements AfterViewInit, OnDestro
     hasFocus: boolean;
     get active(): boolean;
     private readonly destroyRef;
-    constructor(elementRef: ElementRef, focusMonitor: FocusMonitor, option: KbqOptionActionParent);
+    constructor(elementRef: ElementRef<HTMLElement>, focusMonitor: FocusMonitor, option: KbqOptionActionParent);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     focus(origin?: FocusOrigin, options?: FocusOptions): void;

package/core/option/option.d.ts

@@ -78,6 +78,8 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
      * select's trigger.
      */
     get viewValue(): string;
+    set viewValue(value: string);
+    private _viewValue;
     /** Whether the wrapping component is in multiple selection mode. */
     get multiple(): boolean;
     get id(): string;
@@ -96,7 +98,7 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     get active(): boolean;
     private _active;
     private mostRecentViewValue;
-    constructor(element: ElementRef, changeDetectorRef: ChangeDetectorRef, parent: KbqOptionParentComponent, group: KbqOptgroup);
+    constructor(element: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef, parent: KbqOptionParentComponent, group: KbqOptgroup);
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
     getHeight(): number;
@@ -127,7 +129,7 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     getTabIndex(): string;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["kbq-pseudo-checkbox", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "viewValue": { "alias": "viewValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["kbq-pseudo-checkbox", "*"], false, never>;
     static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_userSelect: unknown;
 }

package/core/pop-up/constants.d.ts

@@ -30,7 +30,8 @@ export declare enum PopUpTriggers {
     Click = "click",
     Focus = "focus",
     Hover = "hover",
-    Keydown = "keydown"
+    Keydown = "keydown",
+    Program = "program"
 }
 export declare enum PopUpSizes {
     Small = "small",

package/core/pop-up/pop-up-trigger.d.ts

@@ -11,7 +11,7 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     readonly hovered: BehaviorSubject<boolean>;
     protected readonly scheduler: AsyncScheduler | undefined;
     protected readonly overlay: Overlay;
-    protected readonly elementRef: ElementRef;
+    protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly ngZone: NgZone;
     protected readonly scrollDispatcher: ScrollDispatcher;
     protected readonly hostView: ViewContainerRef;
@@ -50,6 +50,8 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     protected strategy: FlexibleConnectedPositionStrategy;
     /** Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger */
     protected hideWithTimeout: boolean;
+    /** prevents closure by any event */
+    protected preventClose: boolean;
     abstract updateClassMap(newPlacement?: string): void;
     abstract updateData(): void;
     abstract closingActions(): Observable<any>;
@@ -59,8 +61,8 @@ export declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy {
     updatePlacement(value: PopUpPlacements): void;
     updatePlacementPriority(value: any): void;
     updateVisible(externalValue: boolean): void;
-    handleKeydown(event: KeyboardEvent): void;
-    handleTouchend(): void;
+    keydownHandler(event: KeyboardEvent): void;
+    touchendHandler(): void;
     show(delay?: number): void;
     hide: (delay?: number) => void;
     detach: () => void;

package/core/pop-up/pop-up.d.ts

@@ -6,7 +6,7 @@ import { KbqPopUpTrigger } from './pop-up-trigger';
 import * as i0 from "@angular/core";
 export declare abstract class KbqPopUp implements OnDestroy {
     protected readonly renderer: Renderer2;
-    protected readonly elementRef: ElementRef<any>;
+    protected readonly elementRef: ElementRef<HTMLElement>;
     protected readonly changeDetectorRef: ChangeDetectorRef;
     readonly destroyRef: DestroyRef;
     /** Stream that emits when the popup item is hovered. */
@@ -20,6 +20,7 @@ export declare abstract class KbqPopUp implements OnDestroy {
     classMap: {};
     warning: boolean;
     arrow: boolean;
+    defaultPaddings: boolean;
     offset: number | null;
     visibility: PopUpVisibility;
     visibleChange: EventEmitter<boolean>;

package/core/public-api.d.ts

@@ -8,6 +8,7 @@ export * from './forms/index';
 export * from './highlight/index';
 export * from './line/line';
 export * from './locales/index';
+export * from './navbar/index';
 export * from './option/index';
 export * from './overlay/overlay-position-map';
 export * from './pop-up/index';

package/core/select/common.d.ts

@@ -51,4 +51,7 @@ export declare abstract class KbqAbstractSelect {
     protected calculateOverlayOffsetX(baseOffsetX: number): number[];
     protected getOverlayRect(): DOMRect;
     protected resetOverlay(): void;
+    protected resolveSearchMinOptionsThreshold(value?: 'auto' | number): number | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqAbstractSelect, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqAbstractSelect, never, never, {}, {}, never, never, false, never>;
 }

package/core/select/constants.d.ts

@@ -1,5 +1,10 @@
 import { Overlay, RepositionScrollStrategy, ScrollStrategy } from '@angular/cdk/overlay';
 import { InjectionToken } from '@angular/core';
+/**
+ * Minimum option count threshold for displaying select search.
+ * Search is hidden when fewer options are available.
+ */
+export declare const KBQ_SELECT_SEARCH_MIN_OPTIONS_THRESHOLD = 10;
 /**
  * The select panel will only "fit" inside the viewport if it is positioned at
  * this value or more away from the viewport boundary.

package/core/styles/common/_select.scss

@@ -131,6 +131,11 @@
         }
     }
 
+    & kbq-select-trigger,
+    & [kbq-select-trigger] {
+        width: 100%;
+    }
+
     .kbq-select__arrow-wrapper {
         display: flex;
         align-self: center;

package/core/utils/dom.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Injects the native element for the current component.
+ */
+export declare const kbqInjectNativeElement: <T extends Element = HTMLElement>() => T;

package/core/utils/index.d.ts

@@ -1 +1,2 @@
+export * from './dom';
 export * from './public-api';

package/core/utils/utils.d.ts

@@ -1,4 +1,8 @@
 export declare function isBoolean(value: unknown): value is boolean;
+/** Whether the value is undefined. */
+export declare const isUndefined: (value: unknown) => value is undefined;
+/** Whether the value is null. */
+export declare const isNull: (value: unknown) => value is null;
 /**
  * Will be removed in the next major release
  *

package/datepicker/datepicker-input.directive.d.ts

@@ -1,6 +1,6 @@
-import { AfterContentInit, DoCheck, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterContentInit, DoCheck, ElementRef, EventEmitter, InjectionToken, OnDestroy, Renderer2 } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
-import { DateAdapter, ErrorStateMatcher, KbqDateFormats, KbqLocaleService } from '@koobiq/components/core';
+import { DateAdapter, ErrorStateMatcher, KbqDateFormats } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
 import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
@@ -12,6 +12,15 @@ export declare const MAX_YEAR = 9999;
 export declare const KBQ_DATEPICKER_VALUE_ACCESSOR: any;
 /** @docs-private */
 export declare const KBQ_DATEPICKER_VALIDATORS: any;
+/** default configuration of datepicker */
+/** @docs-private */
+export declare const KBQ_DATEPICKER_DEFAULT_CONFIGURATION: {
+    placeholder: string;
+    dateInput: string;
+};
+/** Injection Token for providing configuration of datepicker */
+/** @docs-private */
+export declare const KBQ_DATEPICKER_CONFIGURATION: InjectionToken<unknown>;
 /**
  * An event used for datepicker input and change events. We don't always have access to a native
  * input or change event because the event may have been triggered by the user clicking on the
@@ -36,7 +45,10 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private readonly renderer;
     readonly adapter: DateAdapter<D>;
     private readonly dateFormats;
-    private localeService;
+    /** @docs-private */
+    protected readonly localeService: import("@koobiq/components/core").KbqLocaleService | null;
+    protected readonly externalConfiguration: unknown;
+    protected configuration: any;
     readonly stateChanges: Subject<void>;
     controlType: string;
     focused: boolean;
@@ -102,7 +114,6 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private control;
     private readonly uid;
     private datepickerSubscription;
-    private localeSubscription;
     /** Whether the last value set on the input was valid. */
     private lastValueValid;
     /** The combined form control validator for this input. */
@@ -112,9 +123,8 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private secondDigit;
     private thirdDigit;
     private separatorPositions;
-    private usePlaceholderFromInput;
     private errorStateTracker;
-    constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, adapter: DateAdapter<D>, dateFormats: KbqDateFormats, localeService: KbqLocaleService);
+    constructor(elementRef: ElementRef<HTMLInputElement>, renderer: Renderer2, adapter: DateAdapter<D>, dateFormats: KbqDateFormats);
     ngDoCheck(): void;
     onContainerClick(): void;
     focus(): void;
@@ -142,6 +152,7 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     updateErrorState(): void;
     private saveTimePart;
     private updateLocaleParams;
+    private initDefaultParams;
     private setFormat;
     private updateValue;
     private isKeyForClose;
@@ -199,6 +210,6 @@ export declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, Co
     private createDate;
     private createDateTime;
     private correctCursorPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, [null, null, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDatepickerInput<any>, [null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDatepickerInput<any>, "input[kbqDatepicker], input[kbqCalendar]", ["kbqDatepickerInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "kbqDatepicker": { "alias": "kbqDatepicker"; "required": false; }; "kbqCalendar": { "alias": "kbqCalendar"; "required": false; }; "kbqDatepickerFilter": { "alias": "kbqDatepickerFilter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "kbqValidationTooltip": { "alias": "kbqValidationTooltip"; "required": false; }; }, { "incorrectInput": "incorrectInput"; "dateChange": "dateChange"; "dateInput": "dateInput"; }, never, never, false, never>;
 }

package/divider/divider.scss

@@ -5,6 +5,7 @@
     margin: 0;
 
     &.kbq-divider_horizontal {
+        min-height: var(--kbq-divider-size-horizontal-width);
         height: var(--kbq-divider-size-horizontal-width);
 
         &.kbq-divider_paddings {

package/dropdown/dropdown-item.scss

@@ -13,6 +13,7 @@
 
     text-align: left;
     align-items: flex-start;
+    text-decoration: none;
 
     & > .kbq-icon:first-child:before {
         align-self: center;

package/dropdown/dropdown-trigger.directive.d.ts

@@ -36,6 +36,10 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
     protected readonly isBrowser: boolean;
     private readonly window;
     lastDestroyReason: DropdownCloseReason;
+    /** Position offset of the dropdown in the X axis. */
+    offsetX: number;
+    /** Position offset of the dropdown in the Y axis. */
+    offsetY: number;
     /** Data to be passed along to any lazily-rendered content. */
     data: any;
     openByArrowDown: boolean;
@@ -134,5 +138,7 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
     private getPortal;
     private getWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownTrigger, [null, null, null, null, { optional: true; }, { optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[kbqDropdownTriggerFor]", ["kbqDropdownTrigger"], { "data": { "alias": "kbqDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "kbqDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "kbqDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownTrigger, "[kbqDropdownTriggerFor]", ["kbqDropdownTrigger"], { "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "data": { "alias": "kbqDropdownTriggerData"; "required": false; }; "openByArrowDown": { "alias": "openByArrowDown"; "required": false; }; "restoreFocus": { "alias": "kbqDropdownTriggerRestoreFocus"; "required": false; }; "dropdown": { "alias": "kbqDropdownTriggerFor"; "required": false; }; }, { "dropdownOpened": "dropdownOpened"; "dropdownClosed": "dropdownClosed"; }, never, never, false, never>;
+    static ngAcceptInputType_offsetX: unknown;
+    static ngAcceptInputType_offsetY: unknown;
 }

package/dropdown/dropdown.component.d.ts

@@ -7,6 +7,10 @@ import { KbqDropdownContent } from './dropdown-content.directive';
 import { KbqDropdownItem } from './dropdown-item.component';
 import { DropdownPositionX, DropdownPositionY, KbqDropdownDefaultOptions, KbqDropdownPanel } from './dropdown.types';
 import * as i0 from "@angular/core";
+export declare class KbqDropdownStaticContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownStaticContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqDropdownStaticContent, "[kbqDropdownStaticContent]", never, {}, {}, never, never, true, never>;
+}
 export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel, OnInit, OnDestroy {
     private elementRef;
     private ngZone;
@@ -117,5 +121,5 @@ export declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel,
      */
     private updateDirectDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent", "items"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDropdown, "kbq-dropdown", ["kbqDropdown"], { "navigationWithWrap": { "alias": "navigationWithWrap"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTriggerY": { "alias": "overlapTriggerY"; "required": false; }; "overlapTriggerX": { "alias": "overlapTriggerX"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; }, { "closed": "closed"; }, ["lazyContent", "items"], ["*", "[kbqDropdownStaticContent]"], false, never>;
 }

package/dropdown/dropdown.module.d.ts

@@ -8,6 +8,6 @@ import * as i6 from "@koobiq/components/icon";
 import * as i7 from "@angular/common";
 export declare class KbqDropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqDropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDropdownModule, [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent], [typeof i5.OverlayModule, typeof i6.KbqIconModule, typeof i7.NgClass], [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDropdownModule, [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent], [typeof i5.OverlayModule, typeof i6.KbqIconModule, typeof i7.NgClass, typeof i1.KbqDropdownStaticContent], [typeof i1.KbqDropdown, typeof i2.KbqDropdownItem, typeof i3.KbqDropdownTrigger, typeof i4.KbqDropdownContent, typeof i1.KbqDropdownStaticContent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqDropdownModule>;
 }

package/esm2022/accordion/accordion-content.mjs

@@ -3,10 +3,10 @@ import { RdxAccordionContentDirective } from '@radix-ng/primitives/accordion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/accordion";
 export class KbqAccordionContent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqAccordionContent, selector: "kbq-accordion-content, [kbq-accordion-content]", host: { classAttribute: "kbq-accordion-content" }, hostDirectives: [{ directive: i1.RdxAccordionContentDirective }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqAccordionContent, selector: "kbq-accordion-content, [kbq-accordion-content]", host: { classAttribute: "kbq-accordion-content" }, hostDirectives: [{ directive: i1.RdxAccordionContentDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionContent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-accordion-content, [kbq-accordion-content]',

package/esm2022/accordion/accordion-header.mjs

@@ -3,10 +3,10 @@ import { RdxAccordionHeaderDirective } from '@radix-ng/primitives/accordion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/accordion";
 export class KbqAccordionHeader {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqAccordionHeader, selector: "kbq-accordion-header, [kbq-accordion-header]", host: { classAttribute: "kbq-accordion-header" }, hostDirectives: [{ directive: i1.RdxAccordionHeaderDirective }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqAccordionHeader, selector: "kbq-accordion-header, [kbq-accordion-header]", host: { classAttribute: "kbq-accordion-header" }, hostDirectives: [{ directive: i1.RdxAccordionHeaderDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionHeader, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-accordion-header, [kbq-accordion-header]',

package/esm2022/accordion/accordion-item.mjs

@@ -3,10 +3,10 @@ import { RdxAccordionItemDirective } from '@radix-ng/primitives/accordion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/accordion";
 export class KbqAccordionItem {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KbqAccordionItem, selector: "kbq-accordion-item, [kbq-accordion-item]", host: { classAttribute: "kbq-accordion-item" }, hostDirectives: [{ directive: i1.RdxAccordionItemDirective, inputs: ["expanded", "expanded", "disabled", "disabled", "value", "value"], outputs: ["closed", "closed", "opened", "opened", "expandedChange", "expandedChange"] }], ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: KbqAccordionItem, selector: "kbq-accordion-item, [kbq-accordion-item]", host: { classAttribute: "kbq-accordion-item" }, hostDirectives: [{ directive: i1.RdxAccordionItemDirective, inputs: ["expanded", "expanded", "disabled", "disabled", "value", "value"], outputs: ["closed", "closed", "opened", "opened", "expandedChange", "expandedChange"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionItem, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kbq-accordion-item, [kbq-accordion-item]',

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

@@ -17,8 +17,8 @@ export class KbqAccordionTrigger {
     get isHugSpaceBetween() {
         return this.accordion.variant === KbqAccordionVariant.hugSpaceBetween;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 {
@@ -28,7 +28,7 @@ export 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{box-sizing:initial;align-self:flex-start;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: ["small", "autoColor", "kbq-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-accordion-trigger, [kbq-accordion-trigger]', template: `
         @if (isHugSpaceBetween) {