@koobiq/components 20.4.2 → 21.0.0

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

@@ -0,0 +1,234 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+
+/**
+ * Directive representing a skeleton placeholder.
+ *
+ * Paints the host, children included, as one flat shape of the host's own outline with a wave running across it,
+ * and makes the host inert: it leaves the tab order and the accessibility tree until the skeleton is disabled.
+ */
+declare class KbqSkeleton {
+    private readonly styleLoader;
+    private readonly element;
+    private readonly wave;
+    /** Whether the skeleton is enabled. */
+    readonly enabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the fill stands still, without the wave.
+     *
+     * @docs-private
+     */
+    protected readonly animationsDisabled: boolean;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeleton, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KbqSkeleton, "kbq-skeleton, [kbqSkeleton]", ["kbqSkeleton"], { "enabled": { "alias": "kbqSkeleton"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Numbers of items the skeleton presets show until the amount of data is known. */
+interface KbqSkeletonPresetsConfiguration {
+    /** Number of lines of `kbq-skeleton-typography`. */
+    typographyLines: number;
+    /** Number of rows of `kbq-skeleton-dl`. */
+    dlRows: number;
+    /** Number of rows of `kbq-skeleton-table`. */
+    tableRows: number;
+    /** Number of columns of `kbq-skeleton-table`. */
+    tableColumns: number;
+    /** Number of placeholders of `kbq-skeleton-group`. */
+    groupCount: number;
+    /** Number of collapsed items of `kbq-skeleton-accordion`. */
+    accordionRows: number;
+    /** Number of controls of `kbq-skeleton-checkable`. */
+    checkableRows: number;
+    /** Number of tabs of `kbq-skeleton-tabs`. */
+    tabsCount: number;
+    /** Number of lines of the text in the content of `kbq-skeleton-tabs`. */
+    tabsContentLines: number;
+    /** Number of top-level nodes of `kbq-skeleton-tree`. */
+    treeRows: number;
+    /** Number of children of the expanded node of `kbq-skeleton-tree`. */
+    treeChildren: number;
+}
+/** Numbers of items of the skeleton presets. */
+declare const KBQ_SKELETON_PRESETS_CONFIGURATION: InjectionToken<KbqSkeletonPresetsConfiguration>;
+/**
+ * Utility provider for `KBQ_SKELETON_PRESETS_CONFIGURATION`, for an application or a part of it. The keys it leaves
+ * out keep the values of the closest provider above.
+ */
+declare const kbqSkeletonPresetsConfigurationProvider: (configuration: Partial<KbqSkeletonPresetsConfiguration>) => Provider;
+/** Placeholder of a button whose data has not loaded yet. */
+declare class KbqSkeletonButton {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonButton, "kbq-skeleton-button", never, {}, {}, never, never, true, [{ directive: typeof KbqSkeleton; inputs: {}; outputs: {}; }]>;
+}
+/** Placeholder of a badge whose data has not loaded yet. */
+declare class KbqSkeletonBadge {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonBadge, "kbq-skeleton-badge", never, {}, {}, never, never, true, [{ directive: typeof KbqSkeleton; inputs: {}; outputs: {}; }]>;
+}
+/** Placeholder of a tag whose data has not loaded yet. */
+declare class KbqSkeletonTag {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonTag, "kbq-skeleton-tag", never, {}, {}, never, never, true, [{ directive: typeof KbqSkeleton; inputs: {}; outputs: {}; }]>;
+}
+/** Placeholder of an icon or an icon button whose data has not loaded yet. */
+declare class KbqSkeletonIcon {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonIcon, "kbq-skeleton-icon", never, {}, {}, never, never, true, [{ directive: typeof KbqSkeleton; inputs: {}; outputs: {}; }]>;
+}
+/** Placeholder of a link whose data has not loaded yet. */
+declare class KbqSkeletonLink {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonLink, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonLink, "kbq-skeleton-link", never, {}, {}, never, never, true, [{ directive: typeof KbqSkeleton; inputs: {}; outputs: {}; }]>;
+}
+/**
+ * Placeholder of text that has not loaded yet: lines as tall as the lines of its typography level, a line of body text
+ * by default. A single line, such as a heading, is shorter than the lines of a paragraph, which differ in length.
+ */
+declare class KbqSkeletonTypography {
+    private readonly configuration;
+    /** Typography level of the text, the name of its class without `kbq-`, such as `title` or `caps-compact`. */
+    readonly level: _angular_core.InputSignal<string>;
+    /** Number of lines, `typographyLines` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly lines: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly lineList: _angular_core.Signal<number[]>;
+    protected readonly levelClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonTypography, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonTypography, "kbq-skeleton-typography", never, { "level": { "alias": "level"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Placeholder of a description list whose data has not loaded yet. */
+declare class KbqSkeletonDl {
+    private readonly configuration;
+    /** Number of terms with their descriptions, `dlRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly rowList: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonDl, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonDl, "kbq-skeleton-dl", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Placeholder of a table whose data has not loaded yet. */
+declare class KbqSkeletonTable {
+    private readonly configuration;
+    /** Number of rows below the header, `tableRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * Number of columns of equal width, `tableColumns` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default, or the
+     * width of every column as a CSS grid track, such as `160px`, `1fr` or `auto`, for a table whose columns are known.
+     */
+    readonly columns: _angular_core.InputSignalWithTransform<readonly string[], string | number | readonly string[]>;
+    /** Whether the table has a header row. */
+    readonly header: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Whether every row starts with a checkbox, as in a grid whose rows can be selected. */
+    readonly selectable: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Number of columns pinned to the start and set apart from the rest by a line, as in a grid. */
+    readonly pinnedColumns: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly rowList: _angular_core.Signal<number[]>;
+    protected readonly gridTemplateColumns: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonTable, "kbq-skeleton-table", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "pinnedColumns": { "alias": "pinnedColumns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Placeholder a group repeats in a row. */
+type KbqSkeletonGroupPreset = 'button' | 'badge' | 'tag' | 'icon' | 'link';
+/** Row of placeholders of one kind, such as the tags of a tag list. */
+declare class KbqSkeletonGroup {
+    private readonly configuration;
+    /** Placeholder of every item of the row. */
+    readonly preset: _angular_core.InputSignal<KbqSkeletonGroupPreset>;
+    /** Number of placeholders, `groupCount` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly count: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly itemList: _angular_core.Signal<number[]>;
+    protected readonly presetClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonGroup, "kbq-skeleton-group", never, { "preset": { "alias": "preset"; "required": true; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Control a form field placeholder stands in for. */
+type KbqSkeletonFormFieldControl = 'input' | 'textarea';
+/** Placeholder of a form field whose value has not loaded yet: its label, control and hint. */
+declare class KbqSkeletonFormField {
+    /** Whether the label is to the left of the control, as in a horizontal `kbq-form-field`. */
+    readonly horizontal: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Control of the form field. */
+    readonly control: _angular_core.InputSignal<KbqSkeletonFormFieldControl>;
+    /** Whether the form field has a label, as a `kbq-form-field` with `kbq-label`. */
+    readonly label: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Whether the form field has a hint below the control. */
+    readonly hint: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Classes of the label, such as the `labelClass` of the `kbq-form-field` the placeholder stands in for. */
+    readonly labelClass: _angular_core.InputSignal<string | string[] | Set<string> | undefined>;
+    /** Classes of the control and the hint, such as the `contentClass` of the `kbq-form-field`. */
+    readonly contentClass: _angular_core.InputSignal<string | string[] | Set<string> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonFormField, "kbq-skeleton-form-field", never, { "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Placeholder of an accordion whose items have not loaded yet: collapsed items with their icon and title. */
+declare class KbqSkeletonAccordion {
+    private readonly configuration;
+    /** Number of collapsed items, `accordionRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly rowList: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonAccordion, "kbq-skeleton-accordion", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/** Control a checkable placeholder stands in for. */
+type KbqSkeletonCheckableControl = 'checkbox' | 'radio' | 'toggle';
+/**
+ * Placeholder of checkboxes, radio buttons or toggles whose data has not loaded yet: the control, and the label with
+ * its hint on demand.
+ */
+declare class KbqSkeletonCheckable {
+    private readonly configuration;
+    /** Control the placeholder stands in for. */
+    readonly control: _angular_core.InputSignal<KbqSkeletonCheckableControl>;
+    /** Number of controls, `checkableRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, string | number>;
+    /** Whether a control has a label. */
+    readonly label: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Whether the label has a hint below it. */
+    readonly hint: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly rowList: _angular_core.Signal<number[]>;
+    protected readonly controlClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonCheckable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonCheckable, "kbq-skeleton-checkable", never, { "control": { "alias": "control"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * Placeholder of tabs whose data has not loaded yet: the first tab stands out as the selected one. The content below
+ * or beside them is text, or the placeholders projected into the component.
+ */
+declare class KbqSkeletonTabs {
+    private readonly configuration;
+    /** Whether the tabs are stacked beside the content, as in a vertical `kbq-tab-group`. */
+    readonly vertical: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    /** Number of tabs, `tabsCount` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly count: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * Number of lines of the text that stands for the content when nothing is projected, `tabsContentLines` of
+     * `KBQ_SKELETON_PRESETS_CONFIGURATION` by default.
+     */
+    readonly contentLines: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly tabList: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonTabs, "kbq-skeleton-tabs", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "contentLines": { "alias": "contentLines"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+/** Placeholder of a tree whose nodes have not loaded yet, with the second node expanded. */
+declare class KbqSkeletonTree {
+    private readonly configuration;
+    /** Number of top-level nodes, `treeRows` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by default. */
+    readonly rows: _angular_core.InputSignalWithTransform<number, string | number>;
+    /**
+     * Number of children of the expanded second node, `treeChildren` of `KBQ_SKELETON_PRESETS_CONFIGURATION` by
+     * default.
+     */
+    readonly children: _angular_core.InputSignalWithTransform<number, string | number>;
+    protected readonly rowList: _angular_core.Signal<number[]>;
+    protected readonly childList: _angular_core.Signal<number[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonTree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSkeletonTree, "kbq-skeleton-tree", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class KbqSkeletonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSkeletonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqSkeletonModule, never, [typeof KbqSkeleton, typeof KbqSkeletonButton, typeof KbqSkeletonBadge, typeof KbqSkeletonTag, typeof KbqSkeletonIcon, typeof KbqSkeletonLink, typeof KbqSkeletonTypography, typeof KbqSkeletonDl, typeof KbqSkeletonTable, typeof KbqSkeletonGroup, typeof KbqSkeletonFormField, typeof KbqSkeletonAccordion, typeof KbqSkeletonCheckable, typeof KbqSkeletonTabs, typeof KbqSkeletonTree], [typeof KbqSkeleton, typeof KbqSkeletonButton, typeof KbqSkeletonBadge, typeof KbqSkeletonTag, typeof KbqSkeletonIcon, typeof KbqSkeletonLink, typeof KbqSkeletonTypography, typeof KbqSkeletonDl, typeof KbqSkeletonTable, typeof KbqSkeletonGroup, typeof KbqSkeletonFormField, typeof KbqSkeletonAccordion, typeof KbqSkeletonCheckable, typeof KbqSkeletonTabs, typeof KbqSkeletonTree]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqSkeletonModule>;
+}
+
+export { KBQ_SKELETON_PRESETS_CONFIGURATION, KbqSkeleton, KbqSkeletonAccordion, KbqSkeletonBadge, KbqSkeletonButton, KbqSkeletonCheckable, KbqSkeletonDl, KbqSkeletonFormField, KbqSkeletonGroup, KbqSkeletonIcon, KbqSkeletonLink, KbqSkeletonModule, KbqSkeletonTable, KbqSkeletonTabs, KbqSkeletonTag, KbqSkeletonTree, KbqSkeletonTypography, kbqSkeletonPresetsConfigurationProvider };
+export type { KbqSkeletonCheckableControl, KbqSkeletonFormFieldControl, KbqSkeletonGroupPreset, KbqSkeletonPresetsConfiguration };

package/types/koobiq-components-split-button.d.ts

@@ -0,0 +1,65 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges, AfterContentInit, SimpleChanges } from '@angular/core';
+import { KbqButtonColor, KbqButton, KbqButtonStyleInput } from '@koobiq/components/button';
+import { KbqColorDirective } from '@koobiq/components/core';
+import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
+
+declare class KbqSplitButton extends KbqColorDirective<KbqButtonColor> implements OnChanges, AfterContentInit {
+    private readonly nativeElement;
+    /** @docs-private */
+    protected readonly buttons: _angular_core.Signal<readonly KbqButton[]>;
+    /** @docs-private */
+    protected readonly dropdownTrigger: _angular_core.Signal<KbqDropdownTrigger | undefined>;
+    /** Sets the width of the dropdown to the width of the trigger. Default is false */
+    readonly panelAutoWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * Visual style of the split button, propagated to every nested button. A button that sets its own
+     * `kbqStyle` keeps it.
+     *
+     * Reads back as the resulting host class rather than the value that was set, because the host
+     * `[class]` binding is what consumes it.
+     */
+    get kbqStyle(): string;
+    set kbqStyle(value: KbqButtonStyleInput | null | undefined);
+    private _kbqStyle;
+    /**
+     * Color propagated to every nested button: a bound `color`, or one set in code other than the
+     * split button's own default. Nothing is propagated otherwise, and every nested button follows the
+     * default color of its style. A button that sets its own `color` keeps it.
+     */
+    private readonly propagatedColor;
+    /**
+     * Whether the split button is disabled. Disabling it disables every nested button; re-enabling it
+     * leaves buttons that are disabled through their own input untouched.
+     */
+    get disabled(): boolean | undefined;
+    set disabled(value: boolean);
+    protected _disabled: boolean | undefined;
+    /** Whether the leading button is disabled. */
+    get firstDisabled(): boolean;
+    /** Whether the trailing button is disabled. Stays `false` while the split button holds one button. */
+    get secondDisabled(): boolean;
+    private readonly firstButtonDisabled;
+    private readonly lastButtonDisabled;
+    /** @docs-private */
+    readonly kbqStyleInput: _angular_core.InputSignal<KbqButtonStyleInput | null | undefined>;
+    /** @docs-private */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean | undefined, string | boolean | null | undefined>;
+    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
+    ngAfterContentInit(): void;
+    private updateClasses;
+    private updateStyle;
+    private updateDisabledState;
+    private updateDropdownParams;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSplitButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbqSplitButton, "kbq-split-button, [kbq-split-button]", never, { "panelAutoWidth": { "alias": "panelAutoWidth"; "required": false; "isSignal": true; }; "kbqStyleInput": { "alias": "kbqStyle"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["buttons", "dropdownTrigger"], ["[kbq-button]"], true, never>;
+}
+
+declare class KbqSplitButtonModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbqSplitButtonModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<KbqSplitButtonModule, never, [typeof KbqSplitButton], [typeof KbqSplitButton]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<KbqSplitButtonModule>;
+}
+
+export { KbqSplitButton, KbqSplitButtonModule };

package/{splitter/index.d.ts → types/koobiq-components-splitter-deprecated.d.ts}

@@ -12,10 +12,24 @@ interface IPoint {
     x: number;
     y: number;
 }
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
 declare enum Direction {
     Horizontal = "horizontal",
     Vertical = "vertical"
 }
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
 declare class KbqGutterDirective implements OnInit {
     private elementRef;
     private renderer;
@@ -36,6 +50,13 @@ declare class KbqGutterDirective implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqGutterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterDirective, "kbq-gutter", never, { "direction": { "alias": "direction"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
 declare class KbqGutterGhostDirective {
     private elementRef;
     private renderer;
@@ -58,6 +79,13 @@ declare class KbqGutterGhostDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqGutterGhostDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqGutterGhostDirective, "kbq-gutter-ghost", never, { "visible": { "alias": "visible"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
 declare class KbqSplitterComponent implements OnInit, AfterContentInit, OnDestroy {
     elementRef: ElementRef<HTMLElement>;
     changeDetectorRef: ChangeDetectorRef;
@@ -106,7 +134,14 @@ declare class KbqSplitterComponent implements OnInit, AfterContentInit, OnDestro
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqSplitterComponent, "kbq-splitter", ["kbqSplitter"], { "hideGutters": { "alias": "hideGutters"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "useGhost": { "alias": "useGhost"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; }, { "gutterPositionChange": "gutterPositionChange"; }, ["areaRefs"], ["*"], true, never>;
 }
-declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestroy {
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
+declare class KbqSplitterAreaDirective implements OnInit, AfterViewInit, OnDestroy {
     private elementRef;
     private renderer;
     private splitter;
@@ -115,6 +150,7 @@ declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestroy {
     private readonly platform;
     isResizing(): boolean;
     disableFlex(): void;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setOrder(order: number): void;
@@ -133,6 +169,13 @@ declare class KbqSplitterAreaDirective implements AfterViewInit, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSplitterAreaDirective, "[kbq-splitter-area]", never, {}, { "sizeChange": "sizeChange"; }, never, never, true, never>;
 }
 
+/**
+ * @deprecated The mouse-only, `flex-basis` based splitter. Superseded by the rewritten
+ * `@koobiq/components/splitter`, which adds panel constraints, collapsing, snapping, keyboard
+ * support and the `separator` accessibility pattern. Will be removed in 22.0.0 — an
+ * `ng update` migration rewrites `@koobiq/components/splitter` imports of this API to
+ * `@koobiq/components/splitter/deprecated` automatically.
+ */
 declare class KbqSplitterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSplitterModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<KbqSplitterModule, never, [typeof i1.KbqIconModule, typeof KbqGutterDirective, typeof KbqGutterGhostDirective, typeof KbqSplitterAreaDirective, typeof KbqSplitterComponent], [typeof KbqGutterDirective, typeof KbqSplitterAreaDirective, typeof KbqSplitterComponent]>;