@koobiq/components 18.34.0 → 18.36.0

package/badge/badge.component.d.ts

@@ -28,7 +28,7 @@ export declare class KbqBadgeCssStyler implements AfterContentInit {
     icons: QueryList<KbqIcon>;
     nativeElement: HTMLElement;
     isIconButton: boolean;
-    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     updateClassModifierForIcons(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqBadgeCssStyler, [null, null, { skipSelf: true; }]>;

package/badge/badge.component.scss

@@ -8,6 +8,7 @@
     justify-content: flex-start;
     align-items: center;
     height: var(--kbq-badge-size-normal-height);
+    min-height: var(--kbq-badge-size-normal-height);
     text-align: center;
     white-space: nowrap;
 
@@ -36,6 +37,7 @@
     }
 
     &.kbq-badge_compact {
+        min-height: var(--kbq-badge-size-compact-height);
         height: var(--kbq-badge-size-compact-height);
 
         padding-right: var(--kbq-badge-size-compact-horizontal-padding);

package/breadcrumbs/breadcrumbs.scss

@@ -27,6 +27,10 @@
         flex-wrap: wrap;
     }
 
+    &:not(.kbq-breadcrumbs_wrap) {
+        overflow: hidden;
+    }
+
     &.kbq-breadcrumbs_compact {
         .kbq-breadcrumb-item {
             &.kbq-button,

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/button/button.component.d.ts

@@ -16,7 +16,7 @@ export declare class KbqButtonCssStyler implements AfterContentInit {
     icons: QueryList<KbqIcon>;
     nativeElement: HTMLElement;
     isIconButton: boolean;
-    constructor(elementRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     updateClassModifierForIcons(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqButtonCssStyler, [null, null, { skipSelf: true; }]>;
@@ -41,7 +41,7 @@ export declare class KbqButton extends KbqColorDirective implements OnDestroy, A
     ngOnDestroy(): void;
     onFocus($event: any): void;
     onBlur(): void;
-    getHostElement(): any;
+    getHostElement(): HTMLElement;
     focus(): void;
     focusViaKeyboard(): void;
     haltDisabledEvents(event: Event): void;

package/core/common-behaviors/clipboard.d.ts

@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class KbqNormalizeWhitespace {
     /** @docs-private */
-    protected elementRef: ElementRef<HTMLElement>;
+    protected readonly elementRef: ElementRef<HTMLElement>;
     /**
      * Replace thin-space with space on copy event
      */

package/core/common-behaviors/color.d.ts

@@ -33,11 +33,11 @@ export declare enum KbqComponentColors {
 /** Mixin to augment a directive with a `color` property. */
 export declare function mixinColor<T extends AbstractConstructor<HasElementRef>>(base: T, defaultColor?: KbqComponentColors | ThemePalette): CanColorCtor & T;
 export declare class KbqColorDirective {
-    /**
-     * @docs-private
-     */
-    readonly elementRef: ElementRef<any>;
-    private defaultColor;
+    /** @docs-private */
+    readonly elementRef: ElementRef<HTMLElement>;
+    /** @docs-private */
+    protected defaultColor: KbqComponentColors | ThemePalette | string;
+    /** current class name of color */
     get colorClassName(): KbqComponentColors | ThemePalette | string;
     get color(): KbqComponentColors | ThemePalette | string;
     set color(value: KbqComponentColors | ThemePalette | string);

package/core/common-behaviors/focus-monitor.d.ts

@@ -0,0 +1,19 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+/** Directive that wraps cdk `FocusMonitor` into standalone directive */
+export declare class KbqFocusMonitor implements AfterContentInit, OnDestroy {
+    /** Whether to monitor focus changes on child elements. */
+    readonly checkChildren: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Observable that emits focus origin when element or its children gains/loses focus. */
+    focusChange: Observable<FocusOrigin> | null;
+    private readonly elementRef;
+    private focusMonitor;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    /** Programmatically focuses an element with the specified origin. */
+    focusVia(element: HTMLElement | ElementRef<HTMLElement>, origin: FocusOrigin, options?: FocusOptions): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqFocusMonitor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqFocusMonitor, "[kbqFocusMonitor]", ["kbqFocusMonitor"], { "checkChildren": { "alias": "checkChildren"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/core/common-behaviors/hovered.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+/**
+ * Directive that adds a `kbq-hover` class to an element, based on its hover state.
+ */
+export declare class KbqHovered {
+    private readonly element;
+    /**
+     * Whether the element is hovered.
+     */
+    readonly hovered: import("@angular/core").Signal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqHovered, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqHovered, "[kbqHovered]", ["kbqHovered"], {}, {}, never, never, true, never>;
+}

package/core/common-behaviors/index.d.ts

@@ -5,6 +5,10 @@ export { CanColor, CanColorCtor, KbqColorDirective, KbqComponentColors, mixinCol
 export { KBQ_SANITY_CHECKS, KbqCommonModule } from './common-module';
 export { CanDisable, CanDisableCtor, mixinDisabled } from './disabled';
 export { CanUpdateErrorState, CanUpdateErrorStateCtor, KbqErrorStateTracker, mixinErrorState } from './error-state';
+export * from './focus-monitor';
+export * from './hovered';
+export * from './orientation';
+export * from './read-state';
 export { KbqDefaultSizes } from './size';
 export { HasTabIndex, HasTabIndexCtor, mixinTabIndex } from './tabindex';
 export declare const KBQ_PARENT_ANIMATION_COMPONENT: InjectionToken<any>;

package/core/common-behaviors/orientation.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Defines component orientation.
+ */
+export type KbqOrientation = 'horizontal' | 'vertical';

package/core/common-behaviors/read-state.d.ts

@@ -0,0 +1,12 @@
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class KbqReadStateDirective {
+    private readonly changeDetectorRef;
+    timestamp: number;
+    timeToRead: number;
+    readonly read: BehaviorSubject<boolean>;
+    mouseenterHandler(): void;
+    mouseleaveHandler(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqReadStateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqReadStateDirective, never, never, {}, {}, 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

@@ -92,4 +92,72 @@ export declare const enUSLocaleData: {
         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/es-LA.d.ts

@@ -91,4 +91,72 @@ export declare const esLALocaleData: {
         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/fa-IR.d.ts

@@ -91,4 +91,72 @@ export declare const faIRLocaleData: {
         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;
+    };
 };