@koobiq/components 18.10.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/form-field/form-field.d.ts

@@ -62,7 +62,7 @@ export declare class KbqFormField extends KbqFormFieldMixinBase implements After
     /** Determines whether a class from the NgControl should be forwarded to the host element. */
     shouldForward(prop: keyof NgControl): boolean;
     ngOnDestroy(): void;
-    runFocusMonitor(): void;
+    runFocusMonitor: () => void;
     stopFocusMonitor(): void;
     /** Throws an error if the form field's control is missing. */
     protected validateControlChild(): void;

package/form-field/form-field.scss

@@ -64,7 +64,6 @@
 
 .kbq-form-field__container {
     position: relative;
-
     border-width: var(--kbq-form-field-size-border-width);
     border-style: solid;
     border-color: transparent;

package/loader-overlay/loader-overlay.component.d.ts

@@ -19,6 +19,7 @@ export declare class KbqLoaderOverlay implements OnInit, OnDestroy {
     caption: string;
     compact: boolean;
     transparent: boolean;
+    private parent;
     get isExternalIndicator(): boolean;
     get isExternalText(): boolean;
     get isExternalCaption(): boolean;

package/modal/modal.component.d.ts

@@ -7,6 +7,10 @@ import { KbqModalControlService } from './modal-control.service';
 import { KbqModalRef } from './modal-ref.class';
 import { IModalButtonOptions, ModalOptions, ModalSize, ModalType, OnClickCallback } from './modal.type';
 import * as i0 from "@angular/core";
+/**
+ * Duration when perform animations (ms)
+ * @docs-private
+ */
 export declare const MODAL_ANIMATE_DURATION = 200;
 export declare class KbqModalComponent<T = any, R = any> extends KbqModalRef<T, R> implements OnInit, OnChanges, AfterViewInit, OnDestroy, ModalOptions {
     private overlay;

package/modal/modal.service.d.ts

@@ -8,6 +8,10 @@ import { ConfirmType, IModalOptionsForService } from './modal.type';
 import * as i0 from "@angular/core";
 /** Injection token that can be used to access the data that was passed in to a modal. */
 export declare const KBQ_MODAL_DATA: InjectionToken<unknown>;
+/**
+ * A builder used for managing service creating modals
+ * @docs-private
+ */
 export declare class ModalBuilderForService {
     private readonly overlay;
     readonly options: IModalOptionsForService;

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/modal/public-api.d.ts

@@ -1,6 +1,6 @@
-export { KbqModalRef } from './modal-ref.class';
-export { KbqModalComponent } from './modal.component';
+export * from './modal-ref.class';
+export * from './modal.component';
 export * from './modal.directive';
-export { KbqModalModule } from './modal.module';
-export { KbqModalService } from './modal.service';
+export * from './modal.module';
+export * from './modal.service';
 export * from './modal.type';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.10.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.10.0",
-        "@koobiq/angular-moment-adapter": "18.10.0",
-        "@koobiq/angular-luxon-adapter": "18.10.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",