@koobiq/components 18.11.0 → 18.12.0

package/file-upload/single-file-upload.component.d.ts

@@ -1,17 +1,11 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { CanDisable, KbqLocaleService } from '@koobiq/components/core';
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CanDisable, ErrorStateMatcher } from '@koobiq/components/core';
 import { ProgressSpinnerMode } from '@koobiq/components/progress-spinner';
-import { Subscription } from 'rxjs';
-import { KbqFile, KbqFileItem, KbqFileValidatorFn, KbqInputFile, KbqInputFileLabel } from './file-upload';
+import { KbqFile, KbqFileItem, KbqFileUploadBase, KbqFileValidatorFn, KbqInputFile, KbqInputFileLabel } from './file-upload';
 import * as i0 from "@angular/core";
 export declare const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel;
-export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable, ControlValueAccessor {
-    private cdr;
-    private renderer;
-    readonly configuration: KbqInputFileLabel;
-    private localeService?;
-    ngControl?: NgControl | undefined;
+export declare class KbqSingleFileUploadComponent extends KbqFileUploadBase implements AfterViewInit, KbqInputFile, CanDisable, ControlValueAccessor, DoCheck {
     /**
      * A value responsible for progress spinner type.
      * Loading logic depends on selected mode */
@@ -27,6 +21,8 @@ export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDe
      * @deprecated use FormControl for validation
      */
     customValidation?: KbqFileValidatorFn[];
+    /** An object used to control the error state of the component. */
+    errorStateMatcher: ErrorStateMatcher;
     private _file;
     get file(): KbqFileItem | null;
     set file(currentFile: KbqFileItem | null);
@@ -35,7 +31,6 @@ export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDe
     private readonly hint;
     config: KbqInputFileLabel;
     separatedCaptionText: string[];
-    statusChangeSubscription?: Subscription;
     /** cvaOnChange function registered via registerOnChange (ControlValueAccessor).
      * @docs-private
      */
@@ -46,9 +41,15 @@ export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDe
     onTouched: () => void;
     get acceptedFiles(): string;
     get hasHint(): boolean;
-    constructor(cdr: ChangeDetectorRef, renderer: Renderer2, configuration: KbqInputFileLabel, localeService?: KbqLocaleService | undefined, ngControl?: NgControl | undefined);
+    /**
+     * Indicates an invalid state based on file errors or `errorState`,
+     * applying a CSS class in HTML for visual feedback.
+     */
+    get invalid(): boolean;
+    readonly configuration: KbqInputFileLabel | null;
+    constructor();
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    ngDoCheck(): void;
     /** Implemented as part of ControlValueAccessor.
      * @docs-private */
     writeValue(file: File | KbqFileItem | null): void;
@@ -72,6 +73,6 @@ export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDe
     private validateFile;
     private initDefaultParams;
     private getCaptionText;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSingleFileUploadComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "fileQueueChange": "fileQueueChange"; }, ["hint"], ["[kbq-icon]", "kbq-hint"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSingleFileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "fileQueueChange": "fileQueueChange"; }, ["hint"], ["[kbq-icon]", "kbq-hint"], false, never>;
 }

package/form-field/_hint-theme.scss

@@ -49,7 +49,7 @@
 
 @mixin kbq-hint-typography() {
     .kbq-hint .kbq-hint__text {
-        @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
+        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
     }
 
     .kbq-hint.kbq-hint_compact .kbq-hint__text {

package/modal/modal.type.d.ts

@@ -1,5 +1,5 @@
 import { OverlayRef } from '@angular/cdk/overlay';
-import { EventEmitter, TemplateRef, Type } from '@angular/core';
+import { EventEmitter, Injector, TemplateRef, Type } from '@angular/core';
 export type OnClickCallback<T> = (instance: T) => (false | void | {}) | Promise<false | void | {}>;
 export type ModalType = 'default' | 'confirm' | 'custom';
 export type ConfirmType = 'confirm' | 'success' | 'warn';
@@ -45,6 +45,11 @@ export interface ModalOptions<C = any, R = any> {
 export interface IModalOptionsForService<T = any> extends ModalOptions<T> {
     kbqOnOk?: OnClickCallback<T>;
     kbqOnCancel?: OnClickCallback<T>;
+    /**
+     * The injector used to create the component that will be attached.
+     * If specified, it overrides the injector provided by `KbqModalService`.
+     */
+    injector?: Injector;
 }
 export interface IModalButtonOptions<T = any> {
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.11.0",
+    "version": "18.12.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.11.0",
-        "@koobiq/angular-moment-adapter": "18.11.0",
-        "@koobiq/angular-luxon-adapter": "18.11.0",
+        "@koobiq/cdk": "18.12.0",
+        "@koobiq/angular-moment-adapter": "18.12.0",
+        "@koobiq/angular-luxon-adapter": "18.12.0",
         "@koobiq/date-formatter": "^3.1.4",
         "@koobiq/icons": "^9.2.0",
         "@koobiq/tokens-builder": "3.8.1",

package/schematics/ng-add/index.js

@@ -40,8 +40,8 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^18.2.6");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.11.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.11.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^18.12.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^18.12.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.1.4");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.1.4");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^9.2.0");

package/scrollbar/scrollbar.directive.d.ts

@@ -2,6 +2,7 @@ import { NgZone, OnDestroy } from '@angular/core';
 import { OverlayScrollbars } from 'overlayscrollbars';
 import { KbqScrollbarEvents, KbqScrollbarOptions, KbqScrollbarTarget } from './scrollbar.types';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
 /**
  * A directive for adding `overlayscrollbars` to an element.
  */
@@ -24,5 +25,5 @@ export declare class KbqScrollbarDirective implements OnDestroy {
     initialize(target: KbqScrollbarTarget): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqScrollbarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqScrollbarDirective, "[kbqScrollbar]", never, { "options": { "alias": "options"; "required": false; }; "events": { "alias": "events"; "required": false; }; "defer": { "alias": "defer"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqScrollbarDirective, "[kbqScrollbar]", never, { "options": { "alias": "options"; "required": false; }; "events": { "alias": "events"; "required": false; }; "defer": { "alias": "defer"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
 }

package/toast/toast-container.component.d.ts

@@ -15,5 +15,5 @@ export declare class KbqToastContainerComponent extends CdkScrollable {
     getInjector(data: KbqToastData): Injector;
     dispatchScrollEvent: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToastContainerComponent, "kbq-toast-container", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToastContainerComponent, "kbq-toast-container", never, {}, {}, never, never, true, never>;
 }

package/toast/toast.component.d.ts

@@ -8,7 +8,7 @@ import { KbqToastData } from './toast.type';
 import * as i0 from "@angular/core";
 export declare class KbqToastCloseButton {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastCloseButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqToastCloseButton, "[kbq-toast-close-button]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqToastCloseButton, "[kbq-toast-close-button]", never, {}, {}, never, never, true, never>;
 }
 export declare class KbqToastComponent implements OnDestroy {
     readonly data: KbqToastData;
@@ -35,5 +35,5 @@ export declare class KbqToastComponent implements OnDestroy {
     private runFocusMonitor;
     private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToastComponent, "kbq-toast", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToastComponent, "kbq-toast", never, {}, {}, never, never, true, never>;
 }

package/toast/toast.module.d.ts

@@ -1,14 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./toast.component";
 import * as i2 from "./toast-container.component";
-import * as i3 from "@angular/cdk/overlay";
-import * as i4 from "@koobiq/components/title";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@koobiq/components/icon";
-import * as i7 from "@koobiq/components/button";
-import * as i8 from "@angular/common";
 export declare class KbqToastModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToastModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqToastModule, [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton], [typeof i3.OverlayModule, typeof i4.KbqTitleModule, typeof i5.A11yModule, typeof i6.KbqIconModule, typeof i7.KbqButtonModule, typeof i8.NgTemplateOutlet, typeof i8.NgClass], [typeof i1.KbqToastComponent, typeof i2.KbqToastContainerComponent, typeof i1.KbqToastCloseButton]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqToastModule, never, [typeof i1.KbqToastComponent, typeof i1.KbqToastCloseButton, typeof i2.KbqToastContainerComponent], [typeof i1.KbqToastComponent, typeof i1.KbqToastCloseButton, typeof i2.KbqToastContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqToastModule>;
 }

package/toast/toast.service.d.ts

@@ -5,7 +5,7 @@ import { BehaviorSubject } from 'rxjs';
 import { KbqToastComponent } from './toast.component';
 import { KbqToastConfig, KbqToastData } from './toast.type';
 import * as i0 from "@angular/core";
-export declare const KBQ_TOAST_FACTORY: InjectionToken<unknown>;
+export declare const KBQ_TOAST_FACTORY: InjectionToken<typeof KbqToastComponent>;
 export declare const defaultToastConfig: KbqToastConfig;
 export declare class KbqToastService<T extends KbqToastComponent = KbqToastComponent> implements OnDestroy {
     private overlay;

package/tree-select/_tree-select-theme.scss

@@ -31,6 +31,10 @@
     .kbq-select__search-container {
         border-bottom-color: var(--kbq-divider-color, var(--kbq-line-contrast-less));
     }
+
+    .kbq-select__no-options-message {
+        color: var(--kbq-foreground-contrast-secondary);
+    }
 }
 
 @mixin kbq-tree-select-typography() {

package/tree-select/tree-select.component.d.ts

@@ -159,15 +159,7 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     get autoSelect(): boolean;
     set autoSelect(value: boolean);
     private _autoSelect;
-    /**
-     * Function to compare the option values with the selected values. The first argument
-     * is a value from an option. The second is a value from the selection. A boolean
-     * should be returned.
-     */
-    get compareWith(): (o1: any, o2: any) => boolean;
-    set compareWith(fn: (o1: any, o2: any) => boolean);
     get value(): any;
-    private _value;
     get id(): string;
     set id(value: string);
     private _id;
@@ -291,7 +283,6 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
     private handleClosedKeydown;
     private handleOpenKeydown;
     private refreshTriggerValues;
-    private initializeSelection;
     /**
      * Sets the selected option based on a value. If no option can be
      * found with the designated value, the select trigger is cleared.
@@ -315,10 +306,8 @@ export declare class KbqTreeSelect extends KbqTreeSelectMixinBase implements Aft
      * content width in order to constrain the panel within the viewport.
      */
     private calculateOverlayOffsetX;
-    /** Comparison function to specify which option is displayed. Defaults to object equality. */
-    private _compareWith;
     private subscribeOnSearchChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqTreeSelect, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqTreeSelect, "kbq-tree-select", ["kbqTreeSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hiddenItemsText": { "alias": "hiddenItemsText"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "autoSelect": { "alias": "autoSelect"; "required": false; }; "id": { "alias": "id"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hiddenItemsTextFormatter": { "alias": "hiddenItemsTextFormatter"; "required": false; }; }, { "openedChange": "openedChange"; "openedStream": "opened"; "closedStream": "closed"; "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, ["cleaner", "customTrigger", "customMatcher", "customTagTemplateRef", "tree", "search"], ["kbq-select-matcher, [kbq-select-matcher]", "kbq-select-trigger", "kbq-cleaner", "[kbqSelectSearch]", "[kbq-select-search-empty-result]", "kbq-tree-selection", "kbq-select-footer,[kbq-tree-select-footer]"], false, never>;
 }
 export {};