@koobiq/components 18.9.0 → 18.10.0

package/fesm2022/koobiq-components-core.mjs

@@ -1,12 +1,12 @@
 import { trigger, state, style, transition, animate, group } from '@angular/animations';
 import * as i0 from '@angular/core';
-import { InjectionToken, isDevMode, NgModule, Optional, Inject, inject, LOCALE_ID, Injectable, Pipe, Directive, ContentChildren, DestroyRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, ElementRef, NgZone, ViewContainerRef, Version } from '@angular/core';
+import { InjectionToken, inject, isDevMode, NgModule, Optional, Inject, LOCALE_ID, Injectable, Pipe, Directive, ContentChildren, DestroyRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, Input, EventEmitter, ViewChild, Output, Renderer2, ChangeDetectorRef, TemplateRef, ElementRef, NgZone, ViewContainerRef, RendererFactory2, Version } from '@angular/core';
 import { BidiModule, Directionality } from '@angular/cdk/bidi';
+import { DOCUMENT, CommonModule } from '@angular/common';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1 from '@koobiq/date-adapter';
 import { DateAdapter as DateAdapter$1 } from '@koobiq/date-adapter';
 import { DateFormatter as DateFormatter$1 } from '@koobiq/date-formatter';
-import { DOCUMENT, CommonModule } from '@angular/common';
 import { BehaviorSubject, Subject, Subscription, pairwise } from 'rxjs';
 import * as i1$1 from '@angular/cdk/a11y';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -139,12 +139,9 @@ function mcSanityChecksFactory() {
 class KbqCommonModule {
     constructor(_sanityChecksEnabled) {
         this._sanityChecksEnabled = _sanityChecksEnabled;
+        this.document = inject(DOCUMENT);
         // Whether we've done the global sanity checks (e.g. a theme is loaded, there is a doctype).
         this.hasDoneGlobalChecks = false;
-        // Reference to the global `document` object.
-        this._document = typeof document === 'object' && document ? document : null;
-        // Reference to the global 'window' object.
-        this._window = typeof window === 'object' && window ? window : null;
         if (this.areChecksEnabled() && !this.hasDoneGlobalChecks) {
             this.checkDoctypeIsDefined();
             this.checkThemeIsPresent();
@@ -157,19 +154,20 @@ class KbqCommonModule {
     }
     // Whether the code is running in tests.
     isTestEnv() {
-        return this._window && (this._window['__karma__'] || this._window['jasmine'] || this._window['__jest__']);
+        const window = this.getWindow();
+        return !!(window && (window['__karma__'] || window['jasmine'] || window['__jest__']));
     }
     checkDoctypeIsDefined() {
-        if (this._document && !this._document.doctype) {
+        if (this.document && !this.document.doctype) {
             console.warn('Current document does not have a doctype. This may cause ' +
                 'some koobiq components not to behave as expected.');
         }
     }
     checkThemeIsPresent() {
-        if (this._document && typeof getComputedStyle === 'function') {
-            const testElement = this._document.createElement('div');
+        if (this.document && typeof getComputedStyle === 'function') {
+            const testElement = this.document.createElement('div');
             testElement.classList.add('kbq-theme-loaded-marker');
-            this._document.body.appendChild(testElement);
+            this.document.body.appendChild(testElement);
             const computedStyle = getComputedStyle(testElement);
             // In some situations, the computed style of the test element can be null. For example in
             // Firefox, the computed style is null if an application is running inside of a hidden iframe.
@@ -179,9 +177,12 @@ class KbqCommonModule {
                     'components may not work as expected. For more info refer ' +
                     'to the theming guide: https://koobiq.io/main/theming/overview');
             }
-            this._document.body.removeChild(testElement);
+            this.document.body.removeChild(testElement);
         }
     }
+    getWindow() {
+        return this.document?.defaultView || window;
+    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqCommonModule, deps: [{ token: KBQ_SANITY_CHECKS, optional: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
     /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.6", ngImport: i0, type: KbqCommonModule, imports: [BidiModule], exports: [BidiModule] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqCommonModule, imports: [BidiModule, BidiModule] }); }
@@ -3473,8 +3474,8 @@ class KbqMeasureScrollbarService {
         this.initScrollBarWidth();
         return this._scrollBarWidth;
     }
-    constructor(document) {
-        this.document = document;
+    constructor() {
+        this.document = inject(DOCUMENT);
         this.scrollbarMeasure = {
             position: 'absolute',
             top: '-9999px',
@@ -3496,18 +3497,13 @@ class KbqMeasureScrollbarService {
         this.document.body.removeChild(scrollDiv);
         this._scrollBarWidth = width;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMeasureScrollbarService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMeasureScrollbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMeasureScrollbarService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqMeasureScrollbarService, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }] });
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
 
 /**
  * Enum representing the available themes for the Koobiq design system.
@@ -3539,17 +3535,18 @@ const KbqDefaultThemes = [
     }
 ];
 class ThemeService {
-    constructor(rendererFactory) {
-        this.rendererFactory = rendererFactory;
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.rendererFactory = inject(RendererFactory2);
         this.current = new BehaviorSubject(null);
         this.themes = KbqDefaultThemes;
         this.update = ([prev, current]) => {
             if (prev) {
                 prev.selected = false;
-                this.renderer.removeClass(document.body, prev.className);
+                this.renderer.removeClass(this.document.body, prev.className);
             }
             if (current) {
-                this.renderer.addClass(document.body, current.className);
+                this.renderer.addClass(this.document.body, current.className);
                 current.selected = true;
             }
         };
@@ -3576,13 +3573,13 @@ class ThemeService {
     getTheme() {
         return this.current.value;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ThemeService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ThemeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ThemeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
+        }], ctorParameters: () => [] });
 
 var MeasurementSystem;
 (function (MeasurementSystem) {
@@ -3693,7 +3690,7 @@ const KBQ_VALIDATION = new InjectionToken('KbqUseValidation', {
     factory: () => ({ useValidation: true })
 });
 
-const VERSION = new Version('18.9.0+sha-985106c');
+const VERSION = new Version('18.10.0+sha-d875aa1');
 
 /**
  * Generated bundle index. Do not edit.