@covalent/core 11.0.0-beta.5 → 11.0.0-beta.7

package/fesm2022/covalent-core-layout.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, inject, Renderer2, ElementRef, InjectionToken, Directive, HostListener, SecurityContext, ContentChildren, NgModule } from '@angular/core';
+import { Component, Input, ViewChild, inject, Renderer2, ElementRef, Directive, HostListener, SecurityContext, ContentChildren, NgModule } from '@angular/core';
 import { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';
 import { mixinDisabled, tdCollapseAnimation } from '@covalent/core/common';
 import * as i1 from '@angular/common';
@@ -128,12 +128,12 @@ class LayoutToggleBase {
 /* tslint:disable-next-line */
 const _TdLayoutToggleMixinBase = mixinDisabled(LayoutToggleBase);
 class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase {
+    _toggleSubs;
     _renderer = inject(Renderer2);
     _elementRef = inject(ElementRef);
-    _layout = inject(new InjectionToken('ILayoutTogglable'), { optional: true });
-    _toggleSubs;
     _initialized = false;
     _hideWhenOpened = false;
+    _layout;
     /**
      * hideWhenOpened?: boolean
      * When this is set to true, the host will be hidden when
@@ -147,15 +147,15 @@ class BaseLayoutToggleDirective extends _TdLayoutToggleMixinBase {
     }
     constructor() {
         super();
+        this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-menu-button');
+    }
+    ngAfterViewInit() {
+        this._initialized = true;
         // if layout has not been provided
         // show warn message
         if (!this._layout) {
             this._noLayoutMessage();
         }
-        this._renderer.addClass(this._elementRef.nativeElement, 'td-layout-menu-button');
-    }
-    ngAfterViewInit() {
-        this._initialized = true;
         if (this._layout && this._layout.sidenav) {
             this._toggleSubs = this._layout.sidenav._animationStarted.subscribe(() => {
                 this._toggleVisibility();
@@ -219,10 +219,14 @@ class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutToggle(tdLayoutToggle) {
         this.disabled = !(tdLayoutToggle === '' || tdLayoutToggle);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutComponent);
+    }
     onClick() {
         this._layout?.toggle();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutToggleDirective_BaseFactory; return function TdLayoutToggleDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutToggleDirective_BaseFactory || (ɵTdLayoutToggleDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutToggleDirective)))(__ngFactoryType__ || TdLayoutToggleDirective); }; })();
+    static ɵfac = function TdLayoutToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutToggleDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutToggleDirective, selectors: [["", "tdLayoutToggle", ""]], inputs: { tdLayoutToggle: "tdLayoutToggle" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutToggleDirective, [{
@@ -230,17 +234,21 @@ class TdLayoutToggleDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutToggle]',
             }]
-    }], null, { tdLayoutToggle: [{
+    }], () => [], { tdLayoutToggle: [{
             type: Input
         }] }); })();
 class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutClose) {
         this.disabled = !(tdLayoutClose === '' || tdLayoutClose);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutComponent);
+    }
     onClick() {
         this._layout?.close();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutCloseDirective_BaseFactory; return function TdLayoutCloseDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutCloseDirective_BaseFactory || (ɵTdLayoutCloseDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutCloseDirective)))(__ngFactoryType__ || TdLayoutCloseDirective); }; })();
+    static ɵfac = function TdLayoutCloseDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutCloseDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutCloseDirective, selectors: [["", "tdLayoutClose", ""]], inputs: { tdLayoutClose: "tdLayoutClose" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutCloseDirective, [{
@@ -248,17 +256,21 @@ class TdLayoutCloseDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutClose]',
             }]
-    }], null, { tdLayoutClose: [{
+    }], () => [], { tdLayoutClose: [{
             type: Input
         }] }); })();
 class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutClose(tdLayoutOpen) {
         this.disabled = !(tdLayoutOpen === '' || tdLayoutOpen);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutComponent);
+    }
     onClick() {
         this._layout?.open();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutOpenDirective_BaseFactory; return function TdLayoutOpenDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutOpenDirective_BaseFactory || (ɵTdLayoutOpenDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutOpenDirective)))(__ngFactoryType__ || TdLayoutOpenDirective); }; })();
+    static ɵfac = function TdLayoutOpenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutOpenDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutOpenDirective, selectors: [["", "tdLayoutOpen", ""]], inputs: { tdLayoutClose: [0, "tdLayoutOpen", "tdLayoutClose"] }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutOpenDirective, [{
@@ -266,7 +278,7 @@ class TdLayoutOpenDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutOpen]',
             }]
-    }], null, { tdLayoutClose: [{
+    }], () => [], { tdLayoutClose: [{
             type: Input,
             args: ['tdLayoutOpen']
         }] }); })();
@@ -616,10 +628,14 @@ class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListToggle(tdLayoutNavListToggle) {
         this.disabled = !(tdLayoutNavListToggle === '' || tdLayoutNavListToggle);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutNavListComponent);
+    }
     onClick() {
         this._layout?.toggle();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutNavListToggleDirective_BaseFactory; return function TdLayoutNavListToggleDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutNavListToggleDirective_BaseFactory || (ɵTdLayoutNavListToggleDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutNavListToggleDirective)))(__ngFactoryType__ || TdLayoutNavListToggleDirective); }; })();
+    static ɵfac = function TdLayoutNavListToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutNavListToggleDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutNavListToggleDirective, selectors: [["", "tdLayoutNavListToggle", ""]], inputs: { tdLayoutNavListToggle: "tdLayoutNavListToggle" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavListToggleDirective, [{
@@ -627,17 +643,21 @@ class TdLayoutNavListToggleDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutNavListToggle]',
             }]
-    }], null, { tdLayoutNavListToggle: [{
+    }], () => [], { tdLayoutNavListToggle: [{
             type: Input
         }] }); })();
 class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListClose(tdLayoutNavListClose) {
         this.disabled = !(tdLayoutNavListClose === '' || tdLayoutNavListClose);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutNavListComponent);
+    }
     onClick() {
         this._layout?.close();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutNavListCloseDirective_BaseFactory; return function TdLayoutNavListCloseDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutNavListCloseDirective_BaseFactory || (ɵTdLayoutNavListCloseDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutNavListCloseDirective)))(__ngFactoryType__ || TdLayoutNavListCloseDirective); }; })();
+    static ɵfac = function TdLayoutNavListCloseDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutNavListCloseDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutNavListCloseDirective, selectors: [["", "tdLayoutNavListClose", ""]], inputs: { tdLayoutNavListClose: "tdLayoutNavListClose" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavListCloseDirective, [{
@@ -645,17 +665,21 @@ class TdLayoutNavListCloseDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutNavListClose]',
             }]
-    }], null, { tdLayoutNavListClose: [{
+    }], () => [], { tdLayoutNavListClose: [{
             type: Input
         }] }); })();
 class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutNavListOpen(tdLayoutNavListOpen) {
         this.disabled = !(tdLayoutNavListOpen === '' || tdLayoutNavListOpen);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutNavListComponent);
+    }
     onClick() {
         this._layout?.open();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutNavListOpenDirective_BaseFactory; return function TdLayoutNavListOpenDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutNavListOpenDirective_BaseFactory || (ɵTdLayoutNavListOpenDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutNavListOpenDirective)))(__ngFactoryType__ || TdLayoutNavListOpenDirective); }; })();
+    static ɵfac = function TdLayoutNavListOpenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutNavListOpenDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutNavListOpenDirective, selectors: [["", "tdLayoutNavListOpen", ""]], inputs: { tdLayoutNavListOpen: "tdLayoutNavListOpen" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutNavListOpenDirective, [{
@@ -663,7 +687,7 @@ class TdLayoutNavListOpenDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutNavListOpen]',
             }]
-    }], null, { tdLayoutNavListOpen: [{
+    }], () => [], { tdLayoutNavListOpen: [{
             type: Input
         }] }); })();
 
@@ -874,10 +898,14 @@ class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListToggle(tdLayoutManageListToggle) {
         this.disabled = !(tdLayoutManageListToggle === '' || tdLayoutManageListToggle);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutManageListComponent);
+    }
     onClick() {
         this._layout?.toggle();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutManageListToggleDirective_BaseFactory; return function TdLayoutManageListToggleDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutManageListToggleDirective_BaseFactory || (ɵTdLayoutManageListToggleDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutManageListToggleDirective)))(__ngFactoryType__ || TdLayoutManageListToggleDirective); }; })();
+    static ɵfac = function TdLayoutManageListToggleDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutManageListToggleDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutManageListToggleDirective, selectors: [["", "tdLayoutManageListToggle", ""]], inputs: { tdLayoutManageListToggle: "tdLayoutManageListToggle" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListToggleDirective, [{
@@ -885,17 +913,21 @@ class TdLayoutManageListToggleDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutManageListToggle]',
             }]
-    }], null, { tdLayoutManageListToggle: [{
+    }], () => [], { tdLayoutManageListToggle: [{
             type: Input
         }] }); })();
 class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListClose(tdLayoutManageListClose) {
         this.disabled = !(tdLayoutManageListClose === '' || tdLayoutManageListClose);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutManageListComponent);
+    }
     onClick() {
         this._layout?.close();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutManageListCloseDirective_BaseFactory; return function TdLayoutManageListCloseDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutManageListCloseDirective_BaseFactory || (ɵTdLayoutManageListCloseDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutManageListCloseDirective)))(__ngFactoryType__ || TdLayoutManageListCloseDirective); }; })();
+    static ɵfac = function TdLayoutManageListCloseDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutManageListCloseDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutManageListCloseDirective, selectors: [["", "tdLayoutManageListClose", ""]], inputs: { tdLayoutManageListClose: "tdLayoutManageListClose" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListCloseDirective, [{
@@ -903,17 +935,21 @@ class TdLayoutManageListCloseDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutManageListClose]',
             }]
-    }], null, { tdLayoutManageListClose: [{
+    }], () => [], { tdLayoutManageListClose: [{
             type: Input
         }] }); })();
 class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
     set tdLayoutManageListOpen(tdLayoutManageListOpen) {
         this.disabled = !(tdLayoutManageListOpen === '' || tdLayoutManageListOpen);
     }
+    constructor() {
+        super();
+        this._layout = inject(TdLayoutManageListComponent);
+    }
     onClick() {
         this._layout?.open();
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTdLayoutManageListOpenDirective_BaseFactory; return function TdLayoutManageListOpenDirective_Factory(__ngFactoryType__) { return (ɵTdLayoutManageListOpenDirective_BaseFactory || (ɵTdLayoutManageListOpenDirective_BaseFactory = i0.ɵɵgetInheritedFactory(TdLayoutManageListOpenDirective)))(__ngFactoryType__ || TdLayoutManageListOpenDirective); }; })();
+    static ɵfac = function TdLayoutManageListOpenDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TdLayoutManageListOpenDirective)(); };
     static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: TdLayoutManageListOpenDirective, selectors: [["", "tdLayoutManageListOpen", ""]], inputs: { tdLayoutManageListOpen: "tdLayoutManageListOpen" }, features: [i0.ɵɵInheritDefinitionFeature] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TdLayoutManageListOpenDirective, [{
@@ -921,7 +957,7 @@ class TdLayoutManageListOpenDirective extends BaseLayoutToggleDirective {
         args: [{
                 selector: '[tdLayoutManageListOpen]',
             }]
-    }], null, { tdLayoutManageListOpen: [{
+    }], () => [], { tdLayoutManageListOpen: [{
             type: Input
         }] }); })();