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

package/file/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, OnDestroy, Renderer2, ElementRef, NgZone, ChangeDetectorRef, TemplateRef, ViewContainerRef } from '@angular/core';
-import { NgModel, ControlValueAccessor } from '@angular/forms';
+import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { TemplatePortalDirective } from '@angular/cdk/portal';
 import { IControlValueAccessor, ICanDisable } from '@covalent/core/common';
-import { HttpClient, HttpEvent } from '@angular/common/http';
+import { ControlValueAccessor } from '@angular/forms';
+import { HttpEvent } from '@angular/common/http';
 import { Observable } from 'rxjs';
 
 declare class TdFileSelectDirective {
@@ -26,14 +26,13 @@ declare class TdFileSelectDirective {
      * Binds native 'multiple' attribute if [multiple] property is 'true'.
      */
     get multipleBinding(): string | undefined;
-    constructor(model: NgModel);
     /**
      * Listens to 'change' host event to get [HTMLInputElement] files.
      * Emits the 'fileSelect' event with a [FileList] or [File] depending if 'multiple' attr exists in host.
      * Uses [(ngModel)] if declared, instead of emitting 'fileSelect' event.
      */
     onChange(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileSelectDirective, [{ optional: true; host: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileSelectDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileSelectDirective, "[tdFileSelect]", never, { "multiple": { "alias": "multiple"; "required": false; }; }, { "fileSelect": "fileSelect"; }, never, never, true, never>;
 }
 
@@ -68,7 +67,6 @@ declare class TdFileDropDirective implements OnInit, OnDestroy {
      * Binds native 'disabled' attribute if [disabled] property is 'true'.
      */
     get disabledBinding(): string | undefined;
-    constructor(_renderer: Renderer2, _element: ElementRef<HTMLElement>, _ngZone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -87,7 +85,7 @@ declare class TdFileDropDirective implements OnInit, OnDestroy {
 }
 
 declare class TdFileInputLabelDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TdFileInputLabelDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdFileInputLabelDirective, "[tdFileInputLabel]ng-template", never, {}, {}, never, never, true, never>;
 }
@@ -129,7 +127,7 @@ declare class TdFileInputComponent extends _TdFileInputMixinBase implements OnIn
      */
     selectFile: EventEmitter<File | FileList>;
     private _destroy$;
-    constructor(_ngZone: NgZone, _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef);
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -215,7 +213,6 @@ declare class TdFileUploadComponent implements ControlValueAccessor {
      * Event emitted when cancel button is clicked.
      */
     cancel: EventEmitter<void>;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
     writeValue(value: File | FileList): void;
     registerOnChange(): void;
     registerOnTouched(): void;
@@ -270,13 +267,13 @@ declare class TdFileService {
      * @param _http the http client instance
      * @breaking-change 3.0.0 remove 'Optional' decorator once the legay upload method is removed
      */
-    constructor(_http: HttpClient);
+    constructor();
     /**
      * Uploads a file to a URL.
      */
     send(url: string, method: string, body: File | FormData, { headers, params }?: IUploadExtras): Observable<HttpEvent<any>>;
     private handleEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileService, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdFileService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TdFileService>;
 }
 

package/json-formatter/index.d.ts

@@ -1,6 +1,4 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef } from '@angular/core';
-import { Dir } from '@angular/cdk/bidi';
 
 declare class TdJsonFormatterComponent {
     private _changeDetectorRef;
@@ -43,7 +41,6 @@ declare class TdJsonFormatterComponent {
     get data(): Record<string, any>;
     get children(): string[];
     get isRTL(): boolean;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _dir: Dir);
     /**
      * Refreshes json-formatter and rerenders [data]
      */
@@ -74,7 +71,7 @@ declare class TdJsonFormatterComponent {
      */
     getPreview(): string;
     private parseChildren;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdJsonFormatterComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdJsonFormatterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TdJsonFormatterComponent, "td-json-formatter", never, { "levelsOpen": { "alias": "levelsOpen"; "required": false; }; "key": { "alias": "key"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
 }
 

package/layout/index.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, OnDestroy, Renderer2, ElementRef, OnInit, QueryList } from '@angular/core';
+import { AfterViewInit, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { MatSidenav, MatDrawerToggleResult } from '@angular/material/sidenav';
 import { ICanDisable } from '@covalent/core/common';
-import { Router } from '@angular/router';
-import { SafeStyle, DomSanitizer } from '@angular/platform-browser';
+import { SafeStyle } from '@angular/platform-browser';
 
 interface ILayoutTogglable {
     opened: boolean;
@@ -16,9 +15,9 @@ declare class LayoutToggleBase {
 }
 declare const _TdLayoutToggleMixinBase: (new (...args: any[]) => ICanDisable) & typeof LayoutToggleBase;
 declare abstract class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase implements AfterViewInit, OnDestroy, ICanDisable {
-    protected _layout: ILayoutTogglable;
     private _renderer;
     private _elementRef;
+    _layout: ILayoutTogglable | null | undefined;
     private _toggleSubs?;
     private _initialized;
     private _hideWhenOpened;
@@ -28,7 +27,7 @@ declare abstract class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBas
      * the sidenav is opened.
      */
     set hideWhenOpened(hideWhenOpened: boolean);
-    constructor(_layout: ILayoutTogglable, _renderer: Renderer2, _elementRef: ElementRef);
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -108,23 +107,20 @@ declare class TdLayoutComponent implements ILayoutTogglable {
 
 declare class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutToggle(tdLayoutToggle: boolean | string);
-    constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutToggleDirective, "[tdLayoutToggle]", never, { "tdLayoutToggle": { "alias": "tdLayoutToggle"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutClose: boolean | string | undefined);
-    constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutCloseDirective, "[tdLayoutClose]", never, { "tdLayoutClose": { "alias": "tdLayoutClose"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutOpen: boolean);
-    constructor(layout: TdLayoutComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutOpenDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutOpenDirective, "[tdLayoutOpen]", never, { "tdLayoutClose": { "alias": "tdLayoutOpen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -166,9 +162,8 @@ declare class TdLayoutNavComponent {
      * Checks if router was injected.
      */
     get routerEnabled(): boolean;
-    constructor(_router: Router);
     handleNavigationClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutNavComponent, "td-layout-nav", never, { "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "color": { "alias": "color"; "required": false; }; "navigationRoute": { "alias": "navigationRoute"; "required": false; }; }, {}, never, ["[td-menu-button]", "[td-toolbar-content]", "*", "td-layout-footer"], true, never>;
 }
 
@@ -255,7 +250,6 @@ declare class TdLayoutNavListComponent implements ILayoutTogglable {
      * Checks if router was injected.
      */
     get routerEnabled(): boolean;
-    constructor(_router: Router);
     handleNavigationClick(): void;
     /**
      * Proxy toggle method to access sidenav from outside (from td-layout template).
@@ -269,29 +263,26 @@ declare class TdLayoutNavListComponent implements ILayoutTogglable {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutNavListComponent, "td-layout-nav-list", never, { "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "color": { "alias": "color"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "sidenavWidth": { "alias": "sidenavWidth"; "required": false; }; "containerAutosize": { "alias": "containerAutosize"; "required": false; }; "navigationRoute": { "alias": "navigationRoute"; "required": false; }; }, {}, never, ["[td-menu-button]", "[td-sidenav-toolbar-content]", "[td-sidenav-content]", "[td-toolbar-content]", "*", "td-layout-footer-inner", "td-layout-footer"], true, never>;
 }
 
 declare class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListToggle(tdLayoutNavListToggle: boolean | string);
-    constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListToggleDirective, "[tdLayoutNavListToggle]", never, { "tdLayoutNavListToggle": { "alias": "tdLayoutNavListToggle"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListClose(tdLayoutNavListClose: boolean);
-    constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListCloseDirective, "[tdLayoutNavListClose]", never, { "tdLayoutNavListClose": { "alias": "tdLayoutNavListClose"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListOpen(tdLayoutNavListOpen: boolean | string);
-    constructor(layout: TdLayoutNavListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutNavListOpenDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutNavListOpenDirective, "[tdLayoutNavListOpen]", never, { "tdLayoutNavListOpen": { "alias": "tdLayoutNavListOpen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -392,23 +383,20 @@ declare class TdLayoutManageListComponent implements ILayoutTogglable {
 
 declare class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListToggle(tdLayoutManageListToggle: boolean | string);
-    constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListToggleDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListToggleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListToggleDirective, "[tdLayoutManageListToggle]", never, { "tdLayoutManageListToggle": { "alias": "tdLayoutManageListToggle"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListClose(tdLayoutManageListClose: boolean);
-    constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListCloseDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListCloseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListCloseDirective, "[tdLayoutManageListClose]", never, { "tdLayoutManageListClose": { "alias": "tdLayoutManageListClose"; "required": false; }; }, {}, never, never, true, never>;
 }
 declare class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListOpen(tdLayoutManageListOpen: boolean | string);
-    constructor(layout: TdLayoutManageListComponent, renderer: Renderer2, elementRef: ElementRef);
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListOpenDirective, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutManageListOpenDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdLayoutManageListOpenDirective, "[tdLayoutManageListOpen]", never, { "tdLayoutManageListOpen": { "alias": "tdLayoutManageListOpen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
@@ -423,7 +411,7 @@ declare class TdLayoutFooterComponent {
      */
     set color(color: 'primary' | 'accent' | 'warn' | undefined);
     get color(): 'primary' | 'accent' | 'warn' | undefined;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TdLayoutFooterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TdLayoutFooterComponent, "td-layout-footer,td-layout-footer-inner", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
@@ -522,7 +510,6 @@ declare class TdNavigationDrawerComponent implements OnInit, OnDestroy {
      * Checks if router was injected.
      */
     get routerEnabled(): boolean;
-    constructor(_layout: TdLayoutComponent, _router: Router, _sanitize: DomSanitizer);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleMenu(): void;
@@ -539,7 +526,7 @@ declare class TdNavigationDrawerComponent implements OnInit, OnDestroy {
      * Proxy close method to access sidenav from outside (from td-layout template).
      */
     close(): Promise<MatDrawerToggleResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdNavigationDrawerComponent, [null, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdNavigationDrawerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TdNavigationDrawerComponent, "td-navigation-drawer", never, { "sidenavTitle": { "alias": "sidenavTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "color": { "alias": "color"; "required": false; }; "navigationRoute": { "alias": "navigationRoute"; "required": false; }; "backgroundUrl": { "alias": "backgroundUrl"; "required": false; }; "name": { "alias": "name"; "required": false; }; "email": { "alias": "email"; "required": false; }; }, {}, ["_drawerMenu", "_toolbar"], ["[td-navigation-drawer-toolbar]", "*", "[td-navigation-drawer-menu]"], true, never>;
 }
 

package/loading/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { DoCheck, ElementRef, ChangeDetectorRef, ComponentFactoryResolver, Injector, ComponentRef, ViewContainerRef, TemplateRef, Provider, OnInit, OnDestroy } from '@angular/core';
+import { DoCheck, OnInit, OnDestroy, ComponentRef, ViewContainerRef, TemplateRef, Provider } from '@angular/core';
 import { TemplatePortal } from '@angular/cdk/portal';
-import { Overlay } from '@angular/cdk/overlay';
 import { Observable, Subject } from 'rxjs';
 
 declare enum LoadingType {
@@ -63,7 +62,6 @@ declare class TdLoadingComponent implements DoCheck {
      * Sets theme color of [TdLoadingComponent] rendered.
      */
     color: 'primary' | 'accent' | 'warn';
-    constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
     ngDoCheck(): void;
     getHeight(): string | undefined;
     getCircleDiameter(): number;
@@ -92,6 +90,77 @@ declare class TdLoadingComponent implements DoCheck {
     static ɵcmp: i0.ɵɵComponentDeclaration<TdLoadingComponent, "td-loading", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Context class for variable reference
+ */
+declare class TdLoadingContext {
+    $implicit: any;
+    tdLoading: any;
+}
+declare class TdLoadingDirective implements OnInit, OnDestroy {
+    private _viewContainerRef;
+    private _templateRef;
+    private _loadingService;
+    private _context;
+    private _loadingRef?;
+    /**
+     * tdLoading: string
+     * Name reference of the loading mask, used to register/resolve requests to the mask.
+     */
+    name: string;
+    /**
+     * tdLoadingUntil?: any
+     * If its null, undefined or false it will be used to register requests to the mask.
+     * Else if its any value that can be resolved as true, it will resolve the mask.
+     * [name] is optional when using [until], but can still be used to register/resolve it manually.
+     */
+    set until(until: any);
+    /**
+     * tdLoadingType?: LoadingType or ['linear' | 'circular']
+     * Sets the type of loading mask depending on value.
+     * Defaults to [LoadingType.Circular | 'circular'].
+     */
+    type: LoadingType;
+    /**
+     * tdLoadingMode?: LoadingMode or ['determinate' | 'indeterminate']
+     * Sets the mode of loading mask depending on value.
+     * Defaults to [LoadingMode.Indeterminate | 'indeterminate'].
+     */
+    mode: LoadingMode;
+    /**
+     * tdLoadingStrategy?: LoadingStrategy or ['replace' | 'overlay']
+     * Sets the strategy of loading mask depending on value.
+     * Defaults to [LoadingMode.Replace | 'replace'].
+     */
+    strategy: LoadingStrategy.Overlay | LoadingStrategy.Replace;
+    /**
+     * tdLoadingColor?: "primary" | "accent" | "warn"
+     * Sets the theme color of the loading component. Defaults to "primary"
+     */
+    color: 'primary' | 'accent' | 'warn';
+    /**
+     * Registers component in the DOM, so it will be available when calling resolve/register.
+     */
+    ngOnInit(): void;
+    /**
+     * Remove component when directive is destroyed.
+     */
+    ngOnDestroy(): void;
+    /**
+     * Creates [TdLoadingComponent] and attaches it to this directive's [ViewContainerRef].
+     * Passes this directive's [TemplateRef] to modify DOM depending on loading `strategy`.
+     */
+    private _registerComponent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdLoadingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLoadingDirective, "[tdLoading]", never, { "name": { "alias": "tdLoading"; "required": false; }; "until": { "alias": "tdLoadingUntil"; "required": false; }; "type": { "alias": "tdLoadingType"; "required": false; }; "mode": { "alias": "tdLoadingMode"; "required": false; }; "strategy": { "alias": "tdLoadingStrategy"; "required": false; }; "color": { "alias": "tdLoadingColor"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class CovalentLoadingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentLoadingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentLoadingModule, never, [typeof TdLoadingComponent, typeof TdLoadingDirective], [typeof TdLoadingComponent, typeof TdLoadingDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentLoadingModule>;
+}
+
 interface IInternalLoadingOptions extends ITdLoadingConfig {
     height?: number;
     style?: LoadingStyle;
@@ -109,7 +178,6 @@ declare class TdLoadingFactory {
     private _componentFactoryResolver;
     private _overlay;
     private _injector;
-    constructor(_componentFactoryResolver: ComponentFactoryResolver, _overlay: Overlay, _injector: Injector);
     /**
      * Uses material `Overlay` services to create a DOM element and attach the loading component
      * into it. Leveraging the state and configuration from it.
@@ -151,7 +219,7 @@ declare class TdLoadingFactory {
     static ɵfac: i0.ɵɵFactoryDeclaration<TdLoadingFactory, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TdLoadingFactory>;
 }
-declare function LOADING_FACTORY_PROVIDER_FACTORY(parent: TdLoadingFactory, componentFactoryResolver: ComponentFactoryResolver, overlay: Overlay, injector: Injector): TdLoadingFactory;
+declare function LOADING_FACTORY_PROVIDER_FACTORY(parent: TdLoadingFactory): TdLoadingFactory;
 declare const LOADING_FACTORY_PROVIDER: Provider;
 
 interface ITdLoadingConfig {
@@ -178,7 +246,7 @@ declare class TdLoadingService {
     private _loadingFactory;
     private _context;
     private _timeouts;
-    constructor(_loadingFactory: TdLoadingFactory);
+    constructor();
     /**
      * params:
      * - config: ILoadingDirectiveConfig
@@ -264,80 +332,8 @@ declare class TdLoadingService {
     static ɵfac: i0.ɵɵFactoryDeclaration<TdLoadingService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TdLoadingService>;
 }
-declare function LOADING_PROVIDER_FACTORY(parent: TdLoadingService, loadingFactory: TdLoadingFactory): TdLoadingService;
+declare function LOADING_PROVIDER_FACTORY(parent: TdLoadingService): TdLoadingService;
 declare const LOADING_PROVIDER: Provider;
 
-/**
- * Context class for variable reference
- */
-declare class TdLoadingContext {
-    $implicit: any;
-    tdLoading: any;
-}
-declare class TdLoadingDirective implements OnInit, OnDestroy {
-    private _viewContainerRef;
-    private _templateRef;
-    private _loadingService;
-    private _context;
-    private _loadingRef?;
-    /**
-     * tdLoading: string
-     * Name reference of the loading mask, used to register/resolve requests to the mask.
-     */
-    name: string;
-    /**
-     * tdLoadingUntil?: any
-     * If its null, undefined or false it will be used to register requests to the mask.
-     * Else if its any value that can be resolved as true, it will resolve the mask.
-     * [name] is optional when using [until], but can still be used to register/resolve it manually.
-     */
-    set until(until: any);
-    /**
-     * tdLoadingType?: LoadingType or ['linear' | 'circular']
-     * Sets the type of loading mask depending on value.
-     * Defaults to [LoadingType.Circular | 'circular'].
-     */
-    type: LoadingType;
-    /**
-     * tdLoadingMode?: LoadingMode or ['determinate' | 'indeterminate']
-     * Sets the mode of loading mask depending on value.
-     * Defaults to [LoadingMode.Indeterminate | 'indeterminate'].
-     */
-    mode: LoadingMode;
-    /**
-     * tdLoadingStrategy?: LoadingStrategy or ['replace' | 'overlay']
-     * Sets the strategy of loading mask depending on value.
-     * Defaults to [LoadingMode.Replace | 'replace'].
-     */
-    strategy: LoadingStrategy.Overlay | LoadingStrategy.Replace;
-    /**
-     * tdLoadingColor?: "primary" | "accent" | "warn"
-     * Sets the theme color of the loading component. Defaults to "primary"
-     */
-    color: 'primary' | 'accent' | 'warn';
-    constructor(_viewContainerRef: ViewContainerRef, _templateRef: TemplateRef<TdLoadingContext>, _loadingService: TdLoadingService);
-    /**
-     * Registers component in the DOM, so it will be available when calling resolve/register.
-     */
-    ngOnInit(): void;
-    /**
-     * Remove component when directive is destroyed.
-     */
-    ngOnDestroy(): void;
-    /**
-     * Creates [TdLoadingComponent] and attaches it to this directive's [ViewContainerRef].
-     * Passes this directive's [TemplateRef] to modify DOM depending on loading `strategy`.
-     */
-    private _registerComponent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdLoadingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TdLoadingDirective, "[tdLoading]", never, { "name": { "alias": "tdLoading"; "required": false; }; "until": { "alias": "tdLoadingUntil"; "required": false; }; "type": { "alias": "tdLoadingType"; "required": false; }; "mode": { "alias": "tdLoadingMode"; "required": false; }; "strategy": { "alias": "tdLoadingStrategy"; "required": false; }; "color": { "alias": "tdLoadingColor"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CovalentLoadingModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentLoadingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentLoadingModule, never, [typeof TdLoadingComponent, typeof TdLoadingDirective], [typeof TdLoadingComponent, typeof TdLoadingDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentLoadingModule>;
-}
-
 export { CovalentLoadingModule, LOADING_FACTORY_PROVIDER, LOADING_FACTORY_PROVIDER_FACTORY, LOADING_PROVIDER, LOADING_PROVIDER_FACTORY, LoadingMode, LoadingStrategy, LoadingStyle, LoadingType, TD_CIRCLE_DIAMETER, TdLoadingComponent, TdLoadingConfig, TdLoadingContext, TdLoadingDirective, TdLoadingDirectiveConfig, TdLoadingFactory, TdLoadingService };
 export type { IInternalLoadingOptions, ILoadingRef, ITdLoadingConfig, ITdLoadingDirectiveConfig };

package/message/index.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, ViewContainerRef, TemplateRef, Renderer2, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AfterViewInit, ViewContainerRef, TemplateRef } from '@angular/core';
 
 declare class TdMessageContainerDirective {
     viewContainer: ViewContainerRef;
-    constructor(viewContainer: ViewContainerRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageContainerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TdMessageContainerDirective, "[tdMessageContainer]", never, {}, {}, never, never, true, never>;
 }
@@ -61,7 +60,7 @@ declare class TdMessageComponent implements AfterViewInit {
      */
     set opened(opened: boolean);
     get opened(): boolean;
-    constructor(_renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef);
+    constructor();
     /**
      * Detach element when close animation is finished to set animating state to false
      * hidden state to true and detach element from DOM

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/core",
-  "version": "11.0.0-beta.2",
+  "version": "11.0.0-beta.4",
   "exports": {
     ".": {
       "sass": "./theming/_all-theme.scss",
@@ -82,7 +82,7 @@
     "@angular/router": "20.x.x",
     "@angular/cdk": "20.x.x",
     "@angular/material": "20.x.x",
-    "@covalent/core": "11.0.0-beta.2"
+    "@covalent/core": "11.0.0-beta.4"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/search/README.md

@@ -41,19 +41,7 @@
 Example for HTML usage:
 
 ```html
-<td-search-box
-  backIcon="arrow_back"
-  placeholder="Search here"
-  [(ngModel)]="searchInputTerm"
-  [showUnderline]="false|true"
-  [debounce]="500"
-  [alwaysVisible]="false|true"
-  (searchDebounce)="searchInputTerm = $event"
-  (search)="searchInputTerm = $event"
-  (clear)="searchInputTerm = ''"
-  (blur)="onBlurEvent()"
->
-</td-search-box>
+<td-search-box backIcon="arrow_back" placeholder="Search here" [(ngModel)]="searchInputTerm" [showUnderline]="false|true" [debounce]="500" [alwaysVisible]="false|true" (searchDebounce)="searchInputTerm = $event" (searchChange)="searchInputTerm = $event" (clear)="searchInputTerm = ''" (blur)="onBlurEvent()"> </td-search-box>
 ```
 
 # TdSearchInputComponent: td-search-input
@@ -102,17 +90,7 @@ Example for HTML usage:
 Example for HTML usage:
 
 ```html
-<td-search-input
-  appearance="fill|outline"
-  placeholder="Search here"
-  [(ngModel)]="searchInputTerm"
-  [showUnderline]="false|true"
-  [debounce]="500"
-  (searchDebounce)="searchInputTerm = $event"
-  (search)="searchInputTerm = $event"
-  (clear)="searchInputTerm = ''"
->
-</td-search-input>
+<td-search-input appearance="fill|outline" placeholder="Search here" [(ngModel)]="searchInputTerm" [showUnderline]="false|true" [debounce]="500" (searchDebounce)="searchInputTerm = $event" (searchChange)="searchInputTerm = $event" (clear)="searchInputTerm = ''"> </td-search-input>
 ```
 
 ## Setup

package/search/index.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, OnInit, OnDestroy, ElementRef, EventEmitter, NgZone } from '@angular/core';
-import { Dir } from '@angular/cdk/bidi';
+import { ChangeDetectorRef, OnInit, OnDestroy, ElementRef, EventEmitter } from '@angular/core';
 import { MatInput } from '@angular/material/input';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
 import { IControlValueAccessor } from '@covalent/core/common';
@@ -13,7 +12,6 @@ declare class TdSearchInputBase {
 declare const _TdSearchInputMixinBase: (new (...args: any[]) => IControlValueAccessor) & typeof TdSearchInputBase;
 declare class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit, OnDestroy {
     private _dir;
-    _changeDetectorRef: ChangeDetectorRef;
     private _ngZone;
     _input?: MatInput;
     _searchElement: ElementRef<HTMLInputElement>;
@@ -53,7 +51,7 @@ declare class TdSearchInputComponent extends _TdSearchInputMixinBase implements
      * search: function($event)
      * Event emitted after the key enter has been pressed.
      */
-    search: EventEmitter<string>;
+    searchChange: EventEmitter<string>;
     /**
      * clear: function()
      * Event emitted after the clear icon has been clicked.
@@ -66,7 +64,7 @@ declare class TdSearchInputComponent extends _TdSearchInputMixinBase implements
     blurSearch: EventEmitter<void>;
     get isRTL(): boolean;
     private _destroy$;
-    constructor(_dir: Dir, _changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone);
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -81,8 +79,8 @@ declare class TdSearchInputComponent extends _TdSearchInputMixinBase implements
     clearSearch(): void;
     private _searchTermChanged;
     private _stopPropagation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchInputComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "searchChange": "searchChange"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, true, never>;
 }
 
 declare class TdSearchBoxBase {
@@ -142,7 +140,7 @@ declare class TdSearchBoxComponent implements ControlValueAccessor {
      * search: function($event)
      * Event emitted after the key enter has been pressed.
      */
-    search: EventEmitter<string>;
+    searchChange: EventEmitter<string>;
     /**
      * clear: function()
      * Event emitted after the clear icon has been clicked.
@@ -153,7 +151,6 @@ declare class TdSearchBoxComponent implements ControlValueAccessor {
      * Event emitted after the blur event has been called in underlying input.
      */
     blurSearch: EventEmitter<void>;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
     writeValue(value: unknown): void;
     registerOnChange(): void;
     registerOnTouched(): void;
@@ -167,7 +164,7 @@ declare class TdSearchBoxComponent implements ControlValueAccessor {
     handleClear(): void;
     handleBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "backIcon": { "alias": "backIcon"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "backIcon": { "alias": "backIcon"; "required": false; }; "searchIcon": { "alias": "searchIcon"; "required": false; }; "clearIcon": { "alias": "clearIcon"; "required": false; }; "showUnderline": { "alias": "showUnderline"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "alwaysVisible": { "alias": "alwaysVisible"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "searchDebounce": "searchDebounce"; "searchChange": "searchChange"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never, true, never>;
 }
 
 /**