@koobiq/components 21.0.0 → 21.1.0

package/types/koobiq-components-core.d.ts

@@ -1071,7 +1071,7 @@ declare const kbqOptionalNumberAttribute: (value: unknown) => number | undefined
 type KbqA11yLocaleConfiguration = {
     /**
      * Close button of a modal, popover, sidepanel, content panel, notification center or toast, and of
-     * the expandable search, whose button collapses the field back to its icon.
+     * the expandable search, whose suffix collapses an empty field back to its icon.
      */
     close: string;
     /** Confirm button of an inline edit. */
@@ -4748,15 +4748,19 @@ declare class KbqAbsoluteShortDateTimePipe<D> extends BaseLocaleAwareFormatterPi
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqAbsoluteShortDateTimePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<KbqAbsoluteShortDateTimePipe<any>, "kbqAbsoluteShortDateTime", true>;
 }
-declare class KbqRelativeLongDatePipe<D> extends BaseLocaleAwareFormatterPipe<D, D | string | null | undefined, []> implements PipeTransform {
-    transform(value: D | string | null | undefined): string;
-    protected format(value: D | string | null | undefined): string;
+declare class KbqRelativeLongDatePipe<D> extends BaseLocaleAwareFormatterPipe<D, D | string | null | undefined, [
+    options?: Pick<DateTimeOptions, 'sentenceStart'>
+]> implements PipeTransform {
+    transform(value: D | string | null | undefined, options?: Pick<DateTimeOptions, 'sentenceStart'>): string;
+    protected format(value: D | string | null | undefined, options?: Pick<DateTimeOptions, 'sentenceStart'>): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRelativeLongDatePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<KbqRelativeLongDatePipe<any>, "kbqRelativeLongDate", true>;
 }
-declare class KbqRelativeShortDatePipe<D> extends BaseLocaleAwareFormatterPipe<D, D | string | null | undefined, []> implements PipeTransform {
-    transform(value: D | string | null | undefined): string;
-    protected format(value: D | string | null | undefined): string;
+declare class KbqRelativeShortDatePipe<D> extends BaseLocaleAwareFormatterPipe<D, D | string | null | undefined, [
+    options?: Pick<DateTimeOptions, 'sentenceStart'>
+]> implements PipeTransform {
+    transform(value: D | string | null | undefined, options?: Pick<DateTimeOptions, 'sentenceStart'>): string;
+    protected format(value: D | string | null | undefined, options?: Pick<DateTimeOptions, 'sentenceStart'>): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqRelativeShortDatePipe<any>, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<KbqRelativeShortDatePipe<any>, "kbqRelativeShortDate", true>;
 }
@@ -5249,140 +5253,276 @@ declare class KbqHighlightModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqHighlightModule>;
 }
 
+/** @docs-private */
 declare const MAC_ENTER = 3;
+/** @docs-private */
 declare const BACKSPACE = 8;
+/** @docs-private */
 declare const TAB = 9;
+/** @docs-private */
 declare const NUM_CENTER = 12;
+/** @docs-private */
 declare const ENTER = 13;
+/** @docs-private */
 declare const SHIFT = 16;
+/** @docs-private */
 declare const CONTROL = 17;
+/** @docs-private */
 declare const ALT = 18;
+/** @docs-private */
 declare const PAUSE = 19;
+/** @docs-private */
 declare const CAPS_LOCK = 20;
+/** @docs-private */
 declare const ESCAPE = 27;
+/** @docs-private */
 declare const SPACE = 32;
+/** @docs-private */
 declare const PAGE_UP = 33;
+/** @docs-private */
 declare const PAGE_DOWN = 34;
+/** @docs-private */
 declare const END = 35;
+/** @docs-private */
 declare const HOME = 36;
+/** @docs-private */
 declare const LEFT_ARROW = 37;
+/** @docs-private */
 declare const UP_ARROW = 38;
+/** @docs-private */
 declare const RIGHT_ARROW = 39;
+/** @docs-private */
 declare const DOWN_ARROW = 40;
+/** @docs-private */
 declare const PLUS_SIGN = 43;
+/** @docs-private */
 declare const PRINT_SCREEN = 44;
+/** @docs-private */
 declare const INSERT = 45;
+/** @docs-private */
 declare const DELETE = 46;
+/** @docs-private */
 declare const ZERO = 48;
+/** @docs-private */
 declare const ONE = 49;
+/** @docs-private */
 declare const TWO = 50;
+/** @docs-private */
 declare const THREE = 51;
+/** @docs-private */
 declare const FOUR = 52;
+/** @docs-private */
 declare const FIVE = 53;
+/** @docs-private */
 declare const SIX = 54;
+/** @docs-private */
 declare const SEVEN = 55;
+/** @docs-private */
 declare const EIGHT = 56;
+/** @docs-private */
 declare const NINE = 57;
+/** @docs-private */
 declare const FF_SEMICOLON = 59;
+/** @docs-private */
 declare const FF_EQUALS = 61;
+/** @docs-private */
 declare const QUESTION_MARK = 63;
+/** @docs-private */
 declare const AT_SIGN = 64;
+/** @docs-private */
 declare const A = 65;
+/** @docs-private */
 declare const B = 66;
+/** @docs-private */
 declare const C = 67;
+/** @docs-private */
 declare const D = 68;
+/** @docs-private */
 declare const E = 69;
+/** @docs-private */
 declare const F = 70;
+/** @docs-private */
 declare const G = 71;
+/** @docs-private */
 declare const H = 72;
+/** @docs-private */
 declare const I = 73;
+/** @docs-private */
 declare const J = 74;
+/** @docs-private */
 declare const K = 75;
+/** @docs-private */
 declare const L = 76;
+/** @docs-private */
 declare const M = 77;
+/** @docs-private */
 declare const N = 78;
+/** @docs-private */
 declare const O = 79;
+/** @docs-private */
 declare const P = 80;
+/** @docs-private */
 declare const Q = 81;
+/** @docs-private */
 declare const R = 82;
+/** @docs-private */
 declare const S = 83;
+/** @docs-private */
 declare const T = 84;
+/** @docs-private */
 declare const U = 85;
+/** @docs-private */
 declare const V = 86;
+/** @docs-private */
 declare const W = 87;
+/** @docs-private */
 declare const X = 88;
+/** @docs-private */
 declare const Y = 89;
+/** @docs-private */
 declare const Z = 90;
+/** @docs-private */
 declare const META = 91;
+/** @docs-private */
 declare const MAC_WK_CMD_LEFT = 91;
+/** @docs-private */
 declare const MAC_WK_CMD_RIGHT = 93;
+/** @docs-private */
 declare const CONTEXT_MENU = 93;
+/** @docs-private */
 declare const NUMPAD_ZERO = 96;
+/** @docs-private */
 declare const NUMPAD_ONE = 97;
+/** @docs-private */
 declare const NUMPAD_TWO = 98;
+/** @docs-private */
 declare const NUMPAD_THREE = 99;
+/** @docs-private */
 declare const NUMPAD_FOUR = 100;
+/** @docs-private */
 declare const NUMPAD_FIVE = 101;
+/** @docs-private */
 declare const NUMPAD_SIX = 102;
+/** @docs-private */
 declare const NUMPAD_SEVEN = 103;
+/** @docs-private */
 declare const NUMPAD_EIGHT = 104;
+/** @docs-private */
 declare const NUMPAD_NINE = 105;
+/** @docs-private */
 declare const NUMPAD_MULTIPLY = 106;
+/** @docs-private */
 declare const NUMPAD_PLUS = 107;
+/** @docs-private */
 declare const NUMPAD_MINUS = 109;
+/** @docs-private */
 declare const NUMPAD_PERIOD = 110;
+/** @docs-private */
 declare const NUMPAD_DIVIDE = 111;
+/** @docs-private */
 declare const F1 = 112;
+/** @docs-private */
 declare const F2 = 113;
+/** @docs-private */
 declare const F3 = 114;
+/** @docs-private */
 declare const F4 = 115;
+/** @docs-private */
 declare const F5 = 116;
+/** @docs-private */
 declare const F6 = 117;
+/** @docs-private */
 declare const F7 = 118;
+/** @docs-private */
 declare const F8 = 119;
+/** @docs-private */
 declare const F9 = 120;
+/** @docs-private */
 declare const F10 = 121;
+/** @docs-private */
 declare const F11 = 122;
+/** @docs-private */
 declare const F12 = 123;
+/** @docs-private */
 declare const NUM_LOCK = 144;
+/** @docs-private */
 declare const SCROLL_LOCK = 145;
+/** @docs-private */
 declare const FIRST_MEDIA = 166;
+/** @docs-private */
 declare const FF_MINUS = 173;
+/** @docs-private */
 declare const MUTE = 173;
+/** @docs-private */
 declare const VOLUME_DOWN = 174;
+/** @docs-private */
 declare const VOLUME_UP = 175;
+/** @docs-private */
 declare const FF_MUTE = 181;
+/** @docs-private */
 declare const FF_VOLUME_DOWN = 182;
+/** @docs-private */
 declare const LAST_MEDIA = 183;
+/** @docs-private */
 declare const FF_VOLUME_UP = 183;
+/** @docs-private */
 declare const SEMICOLON = 186;
+/** @docs-private */
 declare const EQUALS = 187;
+/** @docs-private */
 declare const COMMA = 188;
+/** @docs-private */
 declare const DASH = 189;
+/** @docs-private */
 declare const PERIOD = 190;
+/** @docs-private */
 declare const SLASH = 191;
+/** @docs-private */
 declare const APOSTROPHE = 192;
+/** @docs-private */
 declare const TILDE = 192;
+/** @docs-private */
 declare const OPEN_SQUARE_BRACKET = 219;
+/** @docs-private */
 declare const BACKSLASH = 220;
+/** @docs-private */
 declare const CLOSE_SQUARE_BRACKET = 221;
+/** @docs-private */
 declare const SINGLE_QUOTE = 222;
+/** @docs-private */
 declare const MAC_META = 224;
 type ModifierKey = 'altKey' | 'shiftKey' | 'ctrlKey' | 'metaKey';
+/** @docs-private */
 declare function hasModifierKey(event: KeyboardEvent | MouseEvent, ...modifiers: ModifierKey[]): boolean;
+/** @docs-private */
 declare function isControl(event: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isNumberKey({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isNumpadKey({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isLetterKey({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isFunctionKey({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isVerticalMovement({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isHorizontalMovement({ keyCode }: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isSelectAll(event: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isCopy(event: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isInput(event: Event): boolean;
+/** @docs-private */
 declare function isLeftBracket(event: KeyboardEvent): boolean;
+/** @docs-private */
 declare function isRightBracket(event: KeyboardEvent): boolean;
-/** @deprecated Use {@link isNumberKey}, which checks the same keys. Will be removed in 22.0.0. */
+/**
+ * @deprecated Use {@link isNumberKey}, which checks the same keys. Will be removed in 22.0.0.
+ *
+ * @docs-private
+ */
 declare function isDigit({ keyCode }: KeyboardEvent): boolean;
 
 /** Structural, so core doesn't depend on dropdown; nothing type-checks it against `KbqDropdownTrigger`. */
@@ -5421,6 +5561,12 @@ declare class KbqOptionActionComponent implements AfterViewInit, OnDestroy {
     protected get resolvedAriaLabel(): string;
     /** Whether the action is disabled. */
     readonly disabled: i0.InputSignalWithTransform<boolean, string | boolean | null | undefined>;
+    /**
+     * Value of the `disabled` and `aria-disabled` attributes.
+     *
+     * @docs-private
+     */
+    protected readonly disabledAttribute: i0.Signal<true | null>;
     hasFocus: boolean;
     get active(): boolean;
     private readonly destroyRef;
@@ -5573,6 +5719,12 @@ declare class KbqOption extends KbqOptionBase implements AfterViewChecked, OnDes
     /** Whether the option is disabled, through its own input or its group. */
     get disabled(): boolean;
     private readonly disabledState;
+    /**
+     * Value of `aria-disabled`: the same as `disabled`, but a signal of its own, since `kbq-disabled` reads that one.
+     *
+     * @docs-private
+     */
+    protected readonly ariaDisabled: i0.Signal<boolean>;
     private readonly tabIndex;
     private readonly ariaSelected;
     /**
@@ -5862,8 +6014,17 @@ declare class KbqOverlayLayer implements OnDestroy {
     private readonly registry;
     private readonly document;
     private container;
+    /** @docs-private */
+    readonly host: HTMLElement;
     constructor();
     ngOnDestroy(): void;
+    /**
+     * Created with the first panel, so an element that never opens one is left untouched. Lives inside the host to
+     * share its stacking context with a bar rendered in the same scrolling viewport.
+     *
+     * @docs-private
+     */
+    getContainerElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOverlayLayer, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqOverlayLayer, "[kbqOverlayLayer]", never, {}, {}, never, never, true, never>;
 }
@@ -5885,9 +6046,9 @@ type KbqOverlayOrigin = ElementRef<HTMLElement> | HTMLElement | CdkOverlayOrigin
 /** Whether the origin is an element with a box of its own, rather than a rectangle in viewport coordinates. */
 declare const kbqIsElementOrigin: (origin: KbqOverlayOrigin) => boolean;
 /** Resolves a Koobiq origin into the value a connected position strategy accepts. */
-declare const kbqResolveOverlayOrigin: (origin: KbqOverlayOrigin) => FlexibleConnectedPositionStrategyOrigin;
-/** Size of an overlay origin, for the offsets that keep an arrow pointing at an anchor narrower than itself. */
-declare const kbqGetOverlayOriginSize: (origin: KbqOverlayOrigin) => Pick<KbqCaretRect, "width" | "height">;
+declare const kbqResolveOverlayOrigin: (origin: KbqOverlayOrigin | FlexibleConnectedPositionStrategyOrigin) => FlexibleConnectedPositionStrategyOrigin;
+/** Rectangle of an overlay origin in viewport coordinates, for measurements and arrow alignment. */
+declare const kbqGetOverlayOriginSize: (origin: KbqOverlayOrigin | FlexibleConnectedPositionStrategyOrigin) => Pick<KbqCaretRect, "x" | "y" | "width" | "height">;
 
 declare const POSITION_TO_CSS_MAP: {
     [key: string]: string;
@@ -6098,6 +6259,12 @@ declare const KBQ_SHADOW_DOM_OVERLAY_HOST: InjectionToken<KbqShadowDomOverlayHos
 declare class KbqShadowDomOverlayContainer extends OverlayContainer {
     private readonly host;
     private readonly applicationRef;
+    /**
+     * CDK lifecycle hook — overridden to relocate the container into a shadow root.
+     *
+     * @docs-private
+     */
+    protected _createContainer(): void;
     /**
      * Clones CDK's structural overlay stylesheet into the shadow root.
      *
@@ -6384,6 +6551,8 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
      * @docs-private
      */
     abstract arrow: boolean;
+    /** Whether the arrow points at the origin center while the panel keeps its placement. Defaults to `false`. */
+    arrowCentered: boolean;
     /**
      * Space/comma-separated list of trigger events (`hover`, `focus`, `click`, `keydown`); implemented by the subclass.
      *
@@ -6522,6 +6691,8 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
      * @docs-private
      */
     protected origin: KbqOverlayOrigin | null;
+    /** Origin currently applied to the position strategy; `null` follows the configured origin or host. */
+    private activeOrigin;
     /**
      * Hide pop-up with timeout. Need if you want to show pop-up after leaving trigger
      *
@@ -6611,6 +6782,13 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
      * on the pop-up.
      */
     private canHide;
+    /**
+     * Re-evaluates the delayed hide of `hideWithTimeout` after the pointer has entered or left the trigger or the
+     * pop-up. Called by the pop-up, a separate class.
+     *
+     * @docs-private
+     */
+    handleHoverChange(): void;
     /** Records whether the pointer is over the trigger. */
     protected setHovered(value: boolean): void;
     /**
@@ -6640,6 +6818,14 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
      * the trigger's event listeners, its focus target and the scroll containers the pop-up follows.
      */
     updateOrigin(origin: KbqOverlayOrigin | null): void;
+    /** Sets and records the origin applied to the position strategy. @docs-private */
+    protected setOrigin(origin: FlexibleConnectedPositionStrategyOrigin | null): void;
+    /**
+     * The origin currently applied to the position strategy, or the configured origin while none was set.
+     *
+     * @docs-private
+     */
+    protected getActiveOrigin(): FlexibleConnectedPositionStrategyOrigin;
     /**
      * The origin the position strategy is connected to.
      *
@@ -6682,6 +6868,16 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
      * @docs-private
      */
     getNativeElement(): HTMLElement;
+    /** Point the arrow should follow, or `null` when trigger-centered arrows are disabled. @docs-private */
+    getArrowPoint(): {
+        x: number;
+        y: number;
+    } | null;
+    /** Center of the active origin in viewport coordinates. @docs-private */
+    protected getOriginCenter(): {
+        x: number;
+        y: number;
+    };
     /**
      * Sets an external element to anchor and measure the pop-up against instead of the host element.
      *
@@ -6696,7 +6892,7 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
     protected getAdjustedPositions(): ConnectionPositionPair[];
     /**
      * Size of what the pop-up is positioned against: a corner placement shifts the pop-up so that its arrow still
-     * points at an anchor narrower than the arrow's inset. The host element by default.
+     * points at an anchor narrower than the arrow's inset. The active origin by default.
      *
      * @docs-private
      */
@@ -6726,7 +6922,7 @@ declare abstract class KbqPopUpTrigger<T> implements OnInit, OnDestroy, KbqSibli
     private disarmHoverHide;
     /** Wraps a trigger handler so it records the active trigger name and mouse event before running. */
     private createListener;
-    /** Remembers the last mouse event on `mouseenter`, used for cursor-relative positioning. */
+    /** Remembers the last mouse event used for cursor-relative positioning. */
     private saveMouseEvent;
     /** Binds a single event listener to the pop-up's native element. */
     private addEventListener;
@@ -6766,8 +6962,14 @@ declare abstract class KbqPopUp implements OnDestroy {
     get classMap(): {};
     set classMap(value: {});
     arrow: boolean;
+    /** Whether the arrow points at the origin center while the panel keeps its placement. Defaults to `false`. */
+    arrowCentered: boolean;
+    /** Distance from a panel edge to the arrow center, in pixels. Defaults to `0`. */
+    protected arrowCenterInset: number;
     defaultPaddings: boolean;
     offset: number | null;
+    private resolvedPlacement;
+    private appliedArrowShift;
     private readonly visibilityState;
     /** Stage of the pop-up's life: not shown yet, visible, or hidden. */
     get visibility(): PopUpVisibility;
@@ -6799,6 +7001,17 @@ declare abstract class KbqPopUp implements OnDestroy {
     /** Records whether the pointer is over the pop-up, and lets the trigger re-evaluate its delayed hide. */
     protected setHovered(value: boolean): void;
     detectChanges(): void;
+    /** Updates arrow geometry after the connected overlay applies a position. @docs-private */
+    updateArrowPosition(): void;
+    /**
+     * Border box of the panel in viewport coordinates. `getBoundingClientRect` reflects the entrance
+     * `scale(...)` transform — an empty box at `scale(0)` — while the `offset*` reads describe the laid-out
+     * panel regardless of transforms; measuring the transformed box makes the arrow jump whenever this runs
+     * between attach and the end of the show animation.
+     */
+    private getPanelViewportRect;
+    /** Removes the arrow shift written earlier, if any. */
+    private resetArrowShift;
     /**
      * Called once the pop-up has animated in. Only the entrance animates: `hide()` emits `onHideSubject`
      * synchronously and `KbqPopUpTrigger` detaches the overlay in the same call stack.

package/types/koobiq-components-datepicker.d.ts

@@ -615,6 +615,12 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     private datepickerSubscription;
     /** Whether the last value set on the input was valid. */
     private lastValueValid;
+    /**
+     * Whether a drag started in this field, so that its drop here is the field's own text.
+     *
+     * @docs-private
+     */
+    protected draggingOwnText: boolean;
     /** The combined form control validator for this input. */
     private readonly validator;
     private separator;
@@ -652,12 +658,31 @@ declare class KbqDatepickerInput<D> implements KbqFormFieldControl<D>, ControlVa
     onChange(): void;
     /** Handles blur events on the input. */
     onBlur(): void;
-    onPaste($event: any): any;
+    onPaste(event: ClipboardEvent): void;
+    /**
+     * Takes dropped text the way a paste is taken. The browser would insert it at the pointer, with no event
+     * the parsing listens to.
+     *
+     * @docs-private
+     */
+    protected onDrop(event: DragEvent): void;
     toISO8601(value: D): string;
     /** Refreshes the error state of the input. */
     updateErrorState(): void;
     /** Returns the ElementRef of the formField if it exists; otherwise, returns the ElementRef of the input. */
     getOrigin(): ElementRef;
+    /** Parses the rendered text as typing does, taking the date it holds. Returns whether there was one. */
+    private readViewValue;
+    /** Takes a pasted or dropped text as the whole value; one that is not a date is rejected as a letter key is. */
+    private replaceText;
+    /**
+     * Reads the parts of the format, in its order, from two or three groups of digits split by anything but a
+     * letter. A short day or month is padded and a short year expanded as blur does; a group longer than its
+     * part, such as the year of an ISO date, makes the text not a date.
+     */
+    private readPastedDate;
+    /** A year of one or two digits as a full one. */
+    private expandShortYear;
     private saveTimePart;
     private setFormat;
     /** Takes a value from any source, re-rendering the element with it. */
@@ -761,6 +786,8 @@ declare class KbqDatepickerToggleIconComponent<D> implements OnChanges, KbqSibli
     open($event: MouseEvent): void;
     /** Body of `open()`. */
     private toggleCalendar;
+    /** @docs-private */
+    protected onMousedown(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDatepickerToggleIconComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDatepickerToggleIconComponent<any>, "kbq-datepicker-toggle-icon", never, { "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "datepicker": { "alias": "for"; "required": false; "isSignal": true; }; }, {}, never, ["[kbqDatepickerToggleIcon]"], true, never>;
 }

package/types/koobiq-components-divider.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 /**
  * A themed line separator.
@@ -11,33 +11,51 @@ import * as i0 from '@angular/core';
  */
 declare class KbqDivider {
     /** Whether the divider is vertically oriented. Defaults to `false`, a horizontal divider. */
-    readonly vertical: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Whether the divider spaces itself from the content around it. Defaults to `true`, which emits margins
      * (not padding) along the divider's cross axis.
      */
-    readonly paddings: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly paddings: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Whether the divider is purely decorative. A decorative divider is hidden from assistive
      * technology, for boundaries that a heading, a group or the layout itself already conveys.
      * Defaults to `false`.
      */
-    readonly decorative: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly decorative: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Length of the line in pixels — its height when `vertical`, its width otherwise. `null`, the
      * default, leaves the length to the layout the divider sits in, which is what a divider spanning a
      * container wants. Set it for a divider that has to be shorter than its surroundings, such as one
      * between the buttons of a toolbar, instead of reaching for a `height` of your own in CSS.
      */
-    readonly length: i0.InputSignalWithTransform<number | null, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "paddings": { "alias": "paddings"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly length: _angular_core.InputSignalWithTransform<number | null, unknown>;
+    /**
+     * Value of `aria-orientation`.
+     *
+     * @docs-private
+     */
+    protected readonly ariaOrientation: _angular_core.Signal<"vertical" | null>;
+    /**
+     * Value of the `height` style.
+     *
+     * @docs-private
+     */
+    protected readonly heightStyle: _angular_core.Signal<number | null>;
+    /**
+     * Value of the `width` style.
+     *
+     * @docs-private
+     */
+    protected readonly widthStyle: _angular_core.Signal<number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqDivider, "kbq-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "paddings": { "alias": "paddings"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class KbqDividerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqDividerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqDividerModule, never, [typeof KbqDivider], [typeof KbqDivider]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<KbqDividerModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqDividerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqDividerModule, never, [typeof KbqDivider], [typeof KbqDivider]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqDividerModule>;
 }
 
 export { KbqDivider, KbqDividerModule };

package/types/koobiq-components-dropdown.d.ts

@@ -192,6 +192,12 @@ declare class KbqDropdownItem implements KbqTitleTextRef, KbqDropdownItemActionH
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the dropdown item is in a loading state. */
     readonly progress: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Value of the `disabled` and `aria-disabled` attributes.
+     *
+     * @docs-private
+     */
+    protected readonly disabledAttribute: _angular_core.Signal<true | null>;
     /** Stream that emits when the dropdown item is hovered. */
     readonly hovered: Subject<KbqDropdownItem>;
     /** Stream that emits when the menu item is focused. */
@@ -636,6 +642,12 @@ declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel, OnDestr
     readonly lazyContent: Signal<KbqDropdownContent | undefined>;
     /** Event emitted when the dropdown is closed. */
     readonly closed: _angular_core.OutputEmitterRef<void | "click" | "keydown" | "tab">;
+    /**
+     * Whether the `closed` being emitted closes the panels this one is nested in too, see `closeChain`.
+     *
+     * @docs-private
+     */
+    closingChain: boolean;
     private keyManager;
     private activeDescendantKeyManager?;
     private focusKeyManager?;
@@ -758,6 +770,13 @@ declare class KbqDropdown implements AfterContentInit, KbqDropdownPanel, OnDestr
      */
     setOpened(opened: boolean): void;
     close(): void;
+    /**
+     * Emits `closed` for an activated item, which closes every panel up to the root. Its reason follows the focus
+     * origin, so after keyboard navigation it is the `'keydown'` that Escape reports for closing one panel alone.
+     *
+     * @docs-private
+     */
+    closeChain(reason: DropdownCloseReason): void;
     /**
      * With a search field the caret has to stay in the input, so the active item is only highlighted and
      * typeahead is left off — it would race the query the user is typing.