@covalent/core 11.0.0-beta.2 → 11.0.0-beta.4

package/fesm2022/covalent-core-common.mjs

@@ -1,22 +1,17 @@
 import * as i0 from '@angular/core';
-import { Directive, Optional, Host, HostListener, Inject, Pipe, LOCALE_ID, Injectable, NgModule } from '@angular/core';
+import { inject, Directive, HostListener, ElementRef, Pipe, Injectable, NgModule } from '@angular/core';
 import { DOCUMENT, DecimalPipe, CommonModule } from '@angular/common';
-import * as i1 from '@angular/forms';
-import { FormsModule, Validators } from '@angular/forms';
+import { NgModel, FormsModule, NgControl, Validators } from '@angular/forms';
 import { MAT_ICON_DEFAULT_OPTIONS } from '@angular/material/icon';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import * as i1$1 from '@angular/router';
-import { RoutesRecognized } from '@angular/router';
+import { Router, RoutesRecognized } from '@angular/router';
 import { filter, pairwise } from 'rxjs/operators';
 import { trigger, state, transition, style, group, query, animate, animateChild, AUTO_STYLE, keyframes } from '@angular/animations';
 import { Subject } from 'rxjs';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 
 class TdAutoTrimDirective {
-    _model;
-    constructor(_model) {
-        this._model = _model;
-    }
+    _model = inject(NgModel, { optional: true, host: true });
     /**
      * Listens to host's (blur) event and trims value.
      */
@@ -27,7 +22,7 @@ class TdAutoTrimDirective {
             this._model.update.emit(this._model.value.trim());
         }
     }
-    static ɵfac = function TdAutoTrimDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdAutoTrimDirective)(i0.ɵɵdirectiveInject(i1.NgModel, 9)); };
+    static ɵfac = function TdAutoTrimDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdAutoTrimDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdAutoTrimDirective, selectors: [["", "tdAutoTrim", ""]], hostBindings: function TdAutoTrimDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("blur", function TdAutoTrimDirective_blur_HostBindingHandler($event) { return ctx.onBlur($event); });
         } } });
@@ -37,23 +32,15 @@ class TdAutoTrimDirective {
         args: [{
                 selector: '[tdAutoTrim]',
             }]
-    }], () => [{ type: i1.NgModel, decorators: [{
-                type: Optional
-            }, {
-                type: Host
-            }] }], { onBlur: [{
+    }], null, { onBlur: [{
             type: HostListener,
             args: ['blur', ['$event']]
         }] }); })();
 
 class TdFullscreenDirective {
-    _document;
-    _el;
+    _document = inject(DOCUMENT);
+    _el = inject(ElementRef);
     fullScreenIsActive = false;
-    constructor(_document, _el) {
-        this._document = _document;
-        this._el = _el;
-    }
     fsChangeHandler(event) {
         this.fullScreenIsActive = event.srcElement === this._getFullScreenElement();
     }
@@ -104,7 +91,7 @@ class TdFullscreenDirective {
         }
         return undefined;
     }
-    static ɵfac = function TdFullscreenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFullscreenDirective)(i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+    static ɵfac = function TdFullscreenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdFullscreenDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdFullscreenDirective, selectors: [["", "tdFullScreen", ""]], hostBindings: function TdFullscreenDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("fullscreenchange", function TdFullscreenDirective_fullscreenchange_HostBindingHandler($event) { return ctx.fsChangeHandler($event); }, i0.ɵɵresolveDocument)("webkitfullscreenchange", function TdFullscreenDirective_webkitfullscreenchange_HostBindingHandler($event) { return ctx.fsChangeHandler($event); }, i0.ɵɵresolveDocument)("mozfullscreenchange", function TdFullscreenDirective_mozfullscreenchange_HostBindingHandler($event) { return ctx.fsChangeHandler($event); }, i0.ɵɵresolveDocument)("msfullscreenchange", function TdFullscreenDirective_msfullscreenchange_HostBindingHandler($event) { return ctx.fsChangeHandler($event); }, i0.ɵɵresolveDocument);
         } }, exportAs: ["tdFullScreen"] });
@@ -115,10 +102,7 @@ class TdFullscreenDirective {
                 selector: '[tdFullScreen]',
                 exportAs: 'tdFullScreen',
             }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [DOCUMENT]
-            }] }, { type: i0.ElementRef }], { fsChangeHandler: [{
+    }], null, { fsChangeHandler: [{
             type: HostListener,
             args: ['document:fullscreenchange', ['$event']]
         }, {
@@ -402,10 +386,13 @@ class TdDecimalBytesPipe {
     }], null, null); })();
 
 class TdDigitsPipe {
-    _locale;
+    _locale = 'en';
     _decimalPipe;
-    constructor(_locale = 'en') {
-        this._locale = _locale;
+    constructor() {
+        this._decimalPipe = new DecimalPipe(this._locale);
+    }
+    set locale(locale) {
+        this._locale = locale;
         this._decimalPipe = new DecimalPipe(this._locale);
     }
     /* `digits` needs to be type `digits: any` or TypeScript complains */
@@ -426,7 +413,7 @@ class TdDigitsPipe {
         const size = sizes[i];
         return (this._decimalPipe.transform(parseFloat((digits / Math.pow(k, i)).toFixed(precision))) + (size ? ' ' + size : ''));
     }
-    static ɵfac = function TdDigitsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDigitsPipe)(i0.ɵɵdirectiveInject(LOCALE_ID, 16)); };
+    static ɵfac = function TdDigitsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdDigitsPipe)(); };
     static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "digits", type: TdDigitsPipe, pure: true });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdDigitsPipe, [{
@@ -434,10 +421,7 @@ class TdDigitsPipe {
         args: [{
                 name: 'digits',
             }]
-    }], () => [{ type: undefined, decorators: [{
-                type: Inject,
-                args: [LOCALE_ID]
-            }] }], null); })();
+    }], () => [], null); })();
 
 class TdTruncatePipe {
     transform(text, length = 54) {
@@ -465,10 +449,9 @@ class TdTruncatePipe {
     }], null, null); })();
 
 class RouterPathService {
-    _router;
+    _router = inject(Router);
     static _previousRoute = '/';
-    constructor(_router) {
-        this._router = _router;
+    constructor() {
         this._router.events
             .pipe(filter((e) => e instanceof RoutesRecognized), pairwise())
             .subscribe((e) => {
@@ -482,12 +465,12 @@ class RouterPathService {
     getPreviousRoute() {
         return RouterPathService._previousRoute;
     }
-    static ɵfac = function RouterPathService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RouterPathService)(i0.ɵɵinject(i1$1.Router)); };
+    static ɵfac = function RouterPathService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RouterPathService)(); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RouterPathService, factory: RouterPathService.ɵfac });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RouterPathService, [{
         type: Injectable
-    }], () => [{ type: i1$1.Router }], null); })();
+    }], () => [], null); })();
 
 /*
  * Copyright (C) 2016-2017 by Teradata Corporation. All rights reserved.
@@ -2077,17 +2060,16 @@ function mixinDisableRipple(base) {
 
 /* eslint-disable @angular-eslint/directive-selector */
 class CovalentTextfieldValueAccessorDirective {
-    _elementRef;
-    _ngControl;
+    _elementRef = inject(ElementRef);
+    _ngControl = inject(NgControl);
     _onChange = () => {
         /* noop */
     };
     _onTouched = () => {
         /* noop */
     };
-    constructor(_elementRef, _ngControl) {
-        this._elementRef = _elementRef;
-        this._ngControl = _ngControl;
+    constructor() {
+        const _ngControl = this._ngControl;
         _ngControl.valueAccessor = this;
     }
     writeValue(value) {
@@ -2150,7 +2132,7 @@ class CovalentTextfieldValueAccessorDirective {
         // Set the web component's custom validity message
         element.reportValidity();
     }
-    static ɵfac = function CovalentTextfieldValueAccessorDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentTextfieldValueAccessorDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.NgControl)); };
+    static ɵfac = function CovalentTextfieldValueAccessorDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CovalentTextfieldValueAccessorDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: CovalentTextfieldValueAccessorDirective, selectors: [["cv-textfield", "formControl", ""], ["cv-textarea", "formControl", ""], ["cv-select", "formControl", ""], ["cv-checkbox", "formControl", ""], ["cv-checkbox-icon", "formControl", ""], ["cv-radio", "formControl", ""], ["cv-radio-icon", "formControl", ""], ["cv-textfield", "formControlName", ""], ["cv-textarea", "formControlName", ""], ["cv-select", "formControlName", ""], ["cv-checkbox", "formControlName", ""], ["cv-checkbox-icon", "formControlName", ""], ["cv-radio", "formControlName", ""], ["cv-radio-icon", "formControlName", ""], [""]], hostBindings: function CovalentTextfieldValueAccessorDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("change", function CovalentTextfieldValueAccessorDirective_change_HostBindingHandler($event) { return ctx.handleChange($event); })("blur", function CovalentTextfieldValueAccessorDirective_blur_HostBindingHandler() { return ctx.handleBlur(); });
         } } });
@@ -2173,7 +2155,7 @@ class CovalentTextfieldValueAccessorDirective {
      cv-radio[formControlName], 
      cv-radio-icon[formControlName],`,
             }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.NgControl }], { handleChange: [{
+    }], () => [], { handleChange: [{
             type: HostListener,
             args: ['change', ['$event']]
         }], handleBlur: [{