@koobiq/components 18.33.0 → 18.35.0

package/actions-panel/actions-panel-config.d.ts

@@ -37,9 +37,7 @@ export declare class KbqActionsPanelConfig<D = unknown> {
      */
     closeOnNavigation?: boolean;
     /**
-     * Overlay container element in which the actions panel are rendered.
-     *
-     * @default `document.body`
+     * Element in which the actions panel overlay will be connected to.
      */
     overlayContainer?: ElementRef<HTMLElement>;
     /**
@@ -58,6 +56,9 @@ export declare class KbqActionsPanelConfig<D = unknown> {
     /**
      * Max-width of the actions panel.
      * If a number is provided, assumes pixel units.
+     *
+     * NOTE: this property is ignored if the `overlayContainer` property is provided, and will be calculated based on
+     * the width of the `overlayContainer`.
      */
     maxWidth?: number | string;
     /**

package/actions-panel/actions-panel-container.scss

@@ -28,9 +28,3 @@
 .kbq-actions-panel-overlay {
     margin: var(--kbq-actions-panel-margin);
 }
-
-.kbq-actions-panel-overlay-container {
-    // Required for positioning the overlay inside the custom container
-    // See: KbqActionsPanelConfig.overlayContainer
-    position: relative;
-}

package/actions-panel/actions-panel-ref.d.ts

@@ -1,4 +1,5 @@
 import { DialogRef } from '@angular/cdk/dialog';
+import { OverlayRef } from '@angular/cdk/overlay';
 import { Observable } from 'rxjs';
 import { KbqActionsPanelContainer } from './actions-panel-container';
 /**
@@ -18,6 +19,18 @@ export declare class KbqActionsPanelRef<I = unknown, R = unknown> {
     get keydownEvents(): Observable<KeyboardEvent>;
     /** Gets an observable that is notified when the actions panel has opened and appeared. */
     get afterOpened(): Observable<void>;
+    /**
+     * Gets the overlay reference for the actions panel.
+     *
+     * @docs-private
+     */
+    get overlayRef(): OverlayRef;
+    /**
+     * Gets the ID of the actions panel.
+     *
+     * @docs-private
+     */
+    get id(): string;
     private readonly _afterOpened;
     /** Result to be passed down to the `afterClosed` stream. */
     private result;

package/actions-panel/actions-panel.d.ts

@@ -48,21 +48,15 @@ export type KbqActionsPanelTemplateContext<T = unknown, D = unknown, R = unknown
  * @docs-private
  */
 export declare const KBQ_ACTIONS_PANEL_OVERLAY_SELECTOR = "kbq-actions-panel-overlay";
-/**
- * Selector for custom actions panel overlay container.
- *
- * @docs-private
- */
-export declare const KBQ_ACTIONS_PANEL_OVERLAY_CONTAINER_SELECTOR = "kbq-actions-panel-overlay-container";
 /**
  * Service for opening actions panel.
  */
 export declare class KbqActionsPanel implements OnDestroy {
     private readonly injector;
     private readonly overlay;
-    private readonly overlayContainer;
     private readonly dialog;
     private readonly defaultConfig;
+    private readonly resizeObserver;
     /** The reference to the currently opened actions panel. */
     private openedActionsPanelRef;
     ngOnDestroy(): void;

package/button/_button-theme.scss

@@ -36,6 +36,7 @@
     &.kbq-disabled {
         color: var(--kbq-#{$base-path}-states-disabled-foreground);
         background: var(--kbq-#{$base-path}-states-disabled-background);
+        border-color: var(--kbq-#{$base-path}-states-disabled-border);
 
         @include _icon(
             var(--kbq-#{$base-path}-states-disabled-left-icon),

package/clamped-text/clamped-text.d.ts

@@ -0,0 +1,61 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { KbqClampedTextLocaleConfig } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+export declare class KbqClampedText implements AfterViewInit {
+    /**
+     * Max rows before text is clamped.
+     * @default kbqClampedTextDefaultMaxRows
+     */
+    readonly rows: import("@angular/core").InputSignal<number>;
+    /** Collapsed state: `true` = collapsed, `false` = expanded, `undefined` = auto. */
+    readonly isCollapsed: import("@angular/core").InputSignal<boolean | undefined>;
+    /**
+     * Debounce time on resize observer when recalculating toggle and text visibility.
+     * @default 0
+     */
+    readonly debounceTime: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /** Emits when collapsed state changes. Used for two-way binding with `isCollapsed`. */
+    readonly isCollapsedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /** @docs-private */
+    readonly text: import("@angular/core").Signal<ElementRef<HTMLSpanElement>>;
+    /** @docs-private */
+    readonly textContainer: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
+    /**
+     * This flag controls event emission, aria/css-class calculation
+     * @docs-private
+     */
+    protected readonly collapsedState: import("@angular/core").WritableSignal<boolean | undefined>;
+    /** @docs-private */
+    protected readonly isToggleCollapsed: import("@angular/core").WritableSignal<boolean | undefined>;
+    /** @docs-private */
+    protected readonly hasToggle: import("@angular/core").WritableSignal<boolean>;
+    /** @docs-private */
+    protected readonly lineClamp: import("@angular/core").WritableSignal<number | null>;
+    private readonly destroyRef;
+    private readonly elementRef;
+    private readonly resizeObserver;
+    private readonly localeService;
+    /**
+     * Clamped text locale configuration.
+     * @docs-private
+     */
+    protected readonly localeConfiguration: import("@angular/core").Signal<KbqClampedTextLocaleConfig | undefined>;
+    /**
+     * This flag is used to prevent trigger resize observer on toggle click.
+     */
+    private isEventFromToggle;
+    constructor();
+    ngAfterViewInit(): void;
+    /** @docs-private */
+    toggleIsCollapsed(event: Event): void;
+    private updateToggleVisibilityState;
+    private updateCollapsedState;
+    /**
+     * Calculates next collapsed state according to previous one.
+     * `undefined` is treated as collapsed and not touched stated.
+     */
+    private toggleCollapseState;
+    private getRowsCount;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqClampedText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqClampedText, "kbq-clamped-text", ["kbqClampedText"], { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "isCollapsedChange": "isCollapsedChange"; }, never, ["*"], true, never>;
+}

package/clamped-text/clamped-text.scss

@@ -0,0 +1,17 @@
+.kbq-clamped-text {
+    display: inline-flex;
+    flex-direction: column;
+}
+
+.kbq-clamped-text__content {
+    &.kbq-clamped-text__content_collapsed {
+        display: -webkit-box;
+        overflow-y: hidden;
+        -webkit-box-orient: vertical;
+    }
+}
+
+.kbq-clamped-text__toggle {
+    margin-top: var(--kbq-size-xxs);
+    align-self: flex-start;
+}

package/clamped-text/constants.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { KbqClampedTextLocaleConfig } from '@koobiq/components/core';
+/**
+ * Default maximum number of visible rows for the clamped text component
+ * before truncation and the "collapse/expand" toggle is shown.
+ */
+export declare const kbqClampedTextDefaultMaxRows = 5;
+/** Localization configuration provider. */
+export declare const KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION: InjectionToken<KbqClampedTextLocaleConfig>;
+/**
+ * Utility provider.
+ * @see KBQ_CLAMPED_TEXT_LOCALE_CONFIGURATION
+ */
+export declare const kbqClampedTextLocaleConfigurationProvider: (configuration: KbqClampedTextLocaleConfig) => Provider;

package/clamped-text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './clamped-text';
+export * from './constants';
+export * from './module';

package/clamped-text/module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./clamped-text";
+export declare class KbqClampedTextModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqClampedTextModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqClampedTextModule, never, [typeof i1.KbqClampedText], [typeof i1.KbqClampedText]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqClampedTextModule>;
+}

package/content-panel/content-panel-aside.scss

@@ -0,0 +1,9 @@
+.kbq-content-panel-aside {
+    display: flex;
+    flex-direction: column;
+    gap: var(--kbq-size-s);
+    padding: var(--kbq-size-l) var(--kbq-size-m);
+    border-top-left-radius: inherit;
+    border-bottom-left-radius: inherit;
+    border-right: inherit;
+}

package/content-panel/content-panel-body.scss

@@ -0,0 +1,9 @@
+.kbq-content-panel-body {
+    overflow: hidden;
+    flex-grow: 1;
+
+    .kbq-content-panel-body__content {
+        padding: 0 var(--kbq-content-panel-vertical-padding);
+        height: 100%;
+    }
+}

package/content-panel/content-panel-container.scss

@@ -0,0 +1,32 @@
+.kbq-content-panel-container {
+    display: flex;
+    gap: var(--kbq-size-l);
+    overflow: hidden;
+    position: relative;
+    box-sizing: border-box;
+    height: 100%;
+
+    .kbq-content-panel-container__content {
+        flex-grow: 1;
+        height: 100%;
+    }
+
+    .kbq-content-panel-container__panel {
+        position: absolute;
+        right: 0;
+        top: 0;
+        padding: 0 var(--kbq-size-s) var(--kbq-size-s) 0;
+        display: flex;
+        height: 100%;
+        box-sizing: border-box;
+    }
+
+    .kbq-content-panel-container__panel-resizer {
+        position: absolute;
+        top: 0;
+        left: calc(var(--kbq-content-panel-resizer-width) / -2);
+        width: var(--kbq-content-panel-resizer-width);
+        height: 100%;
+        z-index: 2;
+    }
+}

package/content-panel/content-panel-footer.scss

@@ -0,0 +1,5 @@
+.kbq-content-panel-footer {
+    display: flex;
+    gap: var(--kbq-size-l);
+    padding: var(--kbq-size-l) var(--kbq-content-panel-vertical-padding);
+}

package/content-panel/content-panel-header.scss

@@ -0,0 +1,30 @@
+@use '../core/styles/common/tokens';
+
+.kbq-content-panel-header {
+    display: flex;
+    flex-direction: column;
+    padding: var(--kbq-size-l) var(--kbq-content-panel-vertical-padding);
+
+    .kbq-content-panel-header__wrapper {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .kbq-content-panel-header__actions {
+        display: flex;
+        justify-content: flex-end;
+    }
+
+    .kbq-content-panel-header__close-button {
+        margin-left: var(--kbq-size-m);
+    }
+
+    .kbq-content-panel-header-title {
+        @include tokens.kbq-typography-level-to-styles-css-variables(typography, title);
+    }
+
+    .kbq-content-panel-header-actions {
+        display: flex;
+        gap: var(--kbq-size-s);
+    }
+}

package/content-panel/content-panel-tokens.scss

@@ -0,0 +1,9 @@
+.kbq-content-panel-container {
+    --kbq-content-panel-resizer-width: var(--kbq-size-l);
+    --kbq-content-panel-border-radius: var(--kbq-size-l);
+    --kbq-content-panel-background-color: var(--kbq-background-card);
+    --kbq-content-panel-border: var(--kbq-size-border-width) solid var(--kbq-line-contrast-less);
+    --kbq-content-panel-header-overflow-box-shadow: var(--kbq-shadow-overflow-normal-bottom);
+    --kbq-content-panel-footer-overflow-box-shadow: var(--kbq-shadow-overflow-normal-top);
+    --kbq-content-panel-vertical-padding: var(--kbq-size-xxl);
+}

package/content-panel/content-panel.d.ts

@@ -0,0 +1,149 @@
+import { KbqButtonStyles } from '@koobiq/components/button';
+import { KbqComponentColors } from '@koobiq/components/core';
+import { KbqScrollbar } from '@koobiq/components/scrollbar';
+import { KbqResizerSizeChangeEvent } from './resizable';
+import * as i0 from "@angular/core";
+export declare class KbqContentPanelAside {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelAside, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanelAside, "kbq-content-panel-aside", ["kbqContentPanelAside"], {}, {}, never, ["*"], true, never>;
+}
+export declare class KbqContentPanelHeaderTitle {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelHeaderTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqContentPanelHeaderTitle, "[kbqContentPanelHeaderTitle]", ["kbqContentPanelHeaderTitle"], {}, {}, never, never, true, never>;
+}
+export declare class KbqContentPanelHeaderActions {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelHeaderActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqContentPanelHeaderActions, "[kbqContentPanelHeaderActions]", ["kbqContentPanelHeaderActions"], {}, {}, never, never, true, never>;
+}
+export declare class KbqContentPanelHeader {
+    /**
+     * @docs-private
+     */
+    protected readonly contentPanelContainer: KbqContentPanelContainer;
+    /**
+     * @docs-private
+     */
+    protected readonly buttonStyles: typeof KbqButtonStyles;
+    /**
+     * @docs-private
+     */
+    protected readonly componentColors: typeof KbqComponentColors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanelHeader, "kbq-content-panel-header", never, {}, {}, never, ["[kbqContentPanelHeaderTitle]", "[kbqContentPanelHeaderActions]", "*"], true, never>;
+}
+export declare class KbqContentPanelBody {
+    /**
+     * @docs-private
+     */
+    readonly scrollbar: import("@angular/core").Signal<KbqScrollbar>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelBody, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanelBody, "kbq-content-panel-body", ["kbqContentPanelBody"], {}, {}, never, ["*"], true, never>;
+}
+export declare class KbqContentPanelFooter {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanelFooter, "kbq-content-panel-footer", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class KbqContentPanel {
+    private readonly destroyRef;
+    private readonly renderer;
+    private readonly elementRef;
+    private readonly contentPanelBody;
+    constructor();
+    private handleContentBodyScroll;
+    private setupContentHeaderShadow;
+    private setupContentFooterShadow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanel, "kbq-content-panel", never, {}, {}, ["contentPanelBody"], ["kbq-content-panel-aside", "kbq-content-panel-header", "kbq-content-panel-body", "kbq-content-panel-footer"], true, never>;
+}
+export declare class KbqContentPanelContainer {
+    /**
+     * Whether the content panel is opened.
+     *
+     * @default false
+     */
+    readonly opened: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emits event when the content panel opened state is changed.
+     */
+    readonly openedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * Whether the content panel can not be closed by clicking on the close button or pressing the ESCAPE key.
+     *
+     * @default false
+     */
+    readonly disableClose: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the content panel can not be closed by pressing the ESCAPE key.
+     */
+    readonly disableCloseByEscape: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the content panel resizer is disabled.
+     */
+    readonly disableResizer: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Minimum width of the `KbqContentPanel`.
+     *
+     * @default 480
+     */
+    readonly minWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Width of the `KbqContentPanel`.
+     *
+     * @default 640
+     */
+    readonly width: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * Max width of the `KbqContentPanel`.
+     *
+     * @default 800
+     */
+    readonly maxWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    /**
+     * @docs-private
+     */
+    protected readonly openedState: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * @docs-private
+     */
+    protected readonly widthState: import("@angular/core").WritableSignal<number>;
+    /**
+     * Whether the content panel is opened.
+     */
+    readonly isOpened: import("@angular/core").Signal<boolean>;
+    /**
+     * @docs-private
+     */
+    protected readonly contentAnimationState: import("@angular/core").Signal<{
+        value: boolean;
+        params: {
+            marginRight: number;
+        };
+    }>;
+    constructor();
+    /**
+     * Toggles the content panel opened state.
+     */
+    toggle(): void;
+    /**
+     * Opens the content panel.
+     */
+    open(): void;
+    /**
+     * Closes the content panel.
+     */
+    close(): void;
+    /**
+     * @docs-private
+     */
+    protected handleResizerDBLClick(event: MouseEvent): void;
+    /**
+     * @docs-private
+     */
+    protected handleResizerSizeChange({ width }: KbqResizerSizeChangeEvent): void;
+    /**
+     * @docs-private
+     */
+    protected handleEscapeKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelContainer, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqContentPanelContainer, "kbq-content-panel-container", ["kbqContentPanelContainer"], { "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "disableCloseByEscape": { "alias": "disableCloseByEscape"; "required": false; "isSignal": true; }; "disableResizer": { "alias": "disableResizer"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; }, never, ["*", "kbq-content-panel"], true, never>;
+}

package/content-panel/content-panel.scss

@@ -0,0 +1,25 @@
+.kbq-content-panel {
+    display: flex;
+    border-radius: var(--kbq-content-panel-border-radius);
+    background-color: var(--kbq-content-panel-background-color);
+    border: var(--kbq-content-panel-border);
+    height: 100%;
+    box-sizing: border-box;
+    position: relative;
+
+    &.kbq-content-panel_header-with-shadow .kbq-content-panel-header {
+        box-shadow: var(--kbq-content-panel-header-overflow-box-shadow);
+    }
+
+    &.kbq-content-panel_footer-with-shadow .kbq-content-panel-footer {
+        box-shadow: var(--kbq-content-panel-footer-overflow-box-shadow);
+    }
+
+    .kbq-content-panel__content {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        border-top-right-radius: inherit;
+        border-bottom-right-radius: inherit;
+    }
+}

package/content-panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './content-panel';
+export * from './module';
+export * from './resizable';

package/content-panel/module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./content-panel";
+export declare class KbqContentPanelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqContentPanelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqContentPanelModule, never, [typeof i1.KbqContentPanelContainer, typeof i1.KbqContentPanel, typeof i1.KbqContentPanelAside, typeof i1.KbqContentPanelHeader, typeof i1.KbqContentPanelHeaderTitle, typeof i1.KbqContentPanelHeaderActions, typeof i1.KbqContentPanelBody, typeof i1.KbqContentPanelFooter], [typeof i1.KbqContentPanelContainer, typeof i1.KbqContentPanel, typeof i1.KbqContentPanelAside, typeof i1.KbqContentPanelHeader, typeof i1.KbqContentPanelHeaderTitle, typeof i1.KbqContentPanelHeaderActions, typeof i1.KbqContentPanelBody, typeof i1.KbqContentPanelFooter]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqContentPanelModule>;
+}

package/content-panel/resizable.d.ts

@@ -0,0 +1,70 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @docs-private
+ *
+ * Array of two numbers [x, y], where:
+ * - x: horizontal direction (left: -1, unchanged: 0, right: 1)
+ * - y: vertical direction (up: -1, unchanged: 0, down: 1)
+ */
+export type KbqResizerDirection = [x: -1 | 0 | 1, y: -1 | 0 | 1];
+export type KbqResizerSizeChangeEvent = {
+    width: number;
+    height: number;
+};
+/**
+ * @docs-private
+ *
+ * Directive (container) sets whether the element is resizable.
+ *
+ * @example
+ *
+ * ```html
+ * <div kbqResizable>
+ *     <div [kbqResizer]="[1, 0]"></div>
+ * </div>
+ * ```
+ */
+export declare class KbqResizable {
+    /**
+     * @docs-private
+     */
+    readonly elementRef: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqResizable, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqResizable, "[kbqResizable]", ["kbqResizable"], {}, {}, never, never, true, never>;
+}
+/**
+ * @docs-private
+ *
+ * Directive which defines element resizing direction.
+ */
+export declare class KbqResizer {
+    private readonly elementRef;
+    private readonly resizable;
+    private readonly zone;
+    private readonly document;
+    private readonly destroyRef;
+    private x;
+    private y;
+    private width;
+    private height;
+    /**
+     * Direction of element resizing.
+     */
+    readonly direction: import("@angular/core").InputSignal<KbqResizerDirection>;
+    /**
+     * Emits the new size of the element after resizing.
+     */
+    readonly sizeChange: import("@angular/core").OutputEmitterRef<KbqResizerSizeChangeEvent>;
+    /**
+     * @docs-private
+     */
+    protected readonly cursor: import("@angular/core").Signal<"ns-resize" | "ew-resize" | "nwse-resize" | "nesw-resize">;
+    constructor();
+    private handleElementPointerDown;
+    private handleDocumentPointerMove;
+    private handleDocumentPointerUp;
+    private updateSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqResizer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqResizer, "[kbqResizer]", ["kbqResizer"], { "direction": { "alias": "kbqResizer"; "required": true; "isSignal": true; }; }, { "sizeChange": "sizeChange"; }, never, never, true, never>;
+}

package/core/form-field/field-sizing-content.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+/**
+ * Emulates [`field-sizing: content`](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing) CSS property for
+ * browsers that do not support it natively.
+ *
+ * @docs-private
+ */
+export declare class KbqFieldSizingContent {
+    private readonly element;
+    private readonly renderer;
+    private readonly window;
+    private readonly document;
+    private readonly destroyRef;
+    constructor();
+    private emulate;
+    private setupWidth;
+    private createRuler;
+    private calculateWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFieldSizingContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFieldSizingContent, "[kbqFieldSizingContent]", ["kbqFieldSizingContent"], {}, {}, never, never, true, never>;
+}

package/core/form-field/index.d.ts

@@ -1 +1,2 @@
+export * from './field-sizing-content';
 export * from './form-field-ref';

package/core/locales/en-US.d.ts

@@ -88,4 +88,14 @@ export declare const enUSLocaleData: {
             backToPeriodSelection: string;
         };
     };
+    clampedText: {
+        openText: string;
+        closeText: string;
+    };
+    navbarIc: {
+        toggle: {
+            pinButton: string;
+            collapseButton: string;
+        };
+    };
 };

package/core/locales/es-LA.d.ts

@@ -87,4 +87,14 @@ export declare const esLALocaleData: {
             backToPeriodSelection: string;
         };
     };
+    clampedText: {
+        openText: string;
+        closeText: string;
+    };
+    navbarIc: {
+        toggle: {
+            pinButton: string;
+            collapseButton: string;
+        };
+    };
 };

package/core/locales/fa-IR.d.ts

@@ -87,4 +87,14 @@ export declare const faIRLocaleData: {
             backToPeriodSelection: string;
         };
     };
+    clampedText: {
+        openText: string;
+        closeText: string;
+    };
+    navbarIc: {
+        toggle: {
+            pinButton: string;
+            collapseButton: string;
+        };
+    };
 };