static-columns 13.3.3 → 13.3.4

package/README.md

@@ -1,74 +1,99 @@
-
-# STATIC-COLUMNS - effortless Angular2+ layouts
-
-# forget about flex box complicated rules !
-
-With this simple library 
-
-**angular / html columns with static width**
-
-mixed with
- 
-**columns with responsive width**
- 
-are not a problem anymore!
-
-
----
-### How to install:
-```
-    npm install static-columns --save
-```
-
-
-### Import it:
-```ts
-import { StaticColumnsModule } form "static-columns/browser"
-```
-
-### Put module inside angular imports:
-```ts
-
-@NgModule(
- // ... 
-  imports: [StaticColumnsModule]
-  // ... 
-)
-class MyExampleModule {
- // ... 
-}
-```
-
-# Examples
-	
- ## Basic usage:
-```html
-<columns-container>
-  <column grow > <!-- this column will grow/shring based on screen width -->
-    something
-  </column>
-  <column width="190">                        
-      <button>ZAKRES</button>
-  </column>
-  <column width="190">                        
-      <button-magnifier></button-magnifier>
-      <button-bell></button-bell>
-      <button-gears></button-gears>
-  </column>
-</columns-container>
-```
-
-![Modules marked](screen.png)
-
-
-## Hide/show column in mobile view:
-```html
-<columns-container>
-  <column hideMobile >
-      I am not visible when screen < 600px
-  </column>
-  <column  showMobile>                        
-      I am visible only when screen < 600px
-  </column>
-</columns-container>
-```
+
+# STATIC-COLUMNS - effortless Angular2+ layouts
+
+# forget about flex box complicated rules !
+
+With this simple library 
+
+**angular / html columns with static width**
+
+mixed with
+ 
+**columns with responsive width**
+ 
+are not a problem anymore!
+
+
+---
+### How to install:
+```
+    npm install static-columns --save
+```
+
+
+### Import it:
+```ts
+import { StaticColumnsModule } form "static-columns/browser"
+```
+
+### Put module inside angular imports:
+```ts
+
+@NgModule(
+ // ... 
+  imports: [StaticColumnsModule]
+  // ... 
+)
+class MyExampleModule {
+ // ... 
+}
+```
+
+# Examples
+	
+ ## Basic usage:
+```html
+<columns-container>
+  <column grow > <!-- this column will grow/shring based on screen width -->
+    something
+  </column>
+  <column width="190">                        
+      <button>ZAKRES</button>
+  </column>
+  <column width="190">                        
+      <button-magnifier></button-magnifier>
+      <button-bell></button-bell>
+      <button-gears></button-gears>
+  </column>
+</columns-container>
+```
+
+![Modules marked](screen.png)
+
+
+## Hide/show column in mobile view:
+```html
+<columns-container>
+  <column hideMobile >
+      I am not visible when screen < 600px
+  </column>
+  <column  showMobile>                        
+      I am visible only when screen < 600px
+  </column>
+</columns-container>
+```
+
+## Hide/show column in tablet view:
+```html
+<columns-container>
+  <column hideTablet >
+      I am not visible when screen > 600px and < 840 px
+  </column>
+  <column  showTablet>                        
+      I am visible only when screen > 600px and < 840 px
+  </column>
+</columns-container>
+```
+
+
+## Hide/show column in desktop view:
+```html
+<columns-container>
+  <column hideDesktop >
+      I am not visible when screen > 840 px
+  </column>
+  <column  showDesktop>                        
+      I am visible only when screen > 840 px
+  </column>
+</columns-container>
+```

package/assets/shared/shared_folder_info.txt

@@ -1,6 +1,6 @@
 THIS FILE IS GENERATED. THIS FILE IS GENERATED. THIS FILE IS GENERATED.
 
-Assets from this folder can be used in npm package "static-columns@13.3.3"
+Assets from this folder can be used in npm package "static-columns@13.3.4"
 created from this project.
 
 THIS FILE IS GENERATED.THIS FILE IS GENERATED. THIS FILE IS GENERATED.

package/browser/README.md

@@ -1,24 +1,24 @@
-# MyLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
-> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# MyLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
+> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/browser/esm2020/lib/breakpoints.service.mjs

@@ -1,43 +1,43 @@
-import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { _ } from 'tnp-core/browser';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/layout";
-export class BreakpointsService {
-    constructor(breakpointObserver) {
-        this.sub = new Subject();
-        this.listenTo = this.sub.asObservable();
-        breakpointObserver.observe([Breakpoints.XSmall, Breakpoints.Tablet, Breakpoints.Web]).subscribe((state) => {
-            if (!_.isUndefined(Breakpoints.XSmall.split(', ').find(f => state.breakpoints[f]))) {
-                this.sub.next('mobile');
-            }
-            else if (!_.isUndefined(Breakpoints.Tablet.split(', ').find(f => state.breakpoints[f]))) {
-                this.sub.next('tablet');
-            }
-            else if (!_.isUndefined(Breakpoints.Web.split(', ').find(f => state.breakpoints[f]))) {
-                this.sub.next('desktop');
-            }
-        });
-        setTimeout(() => {
-            if (breakpointObserver.isMatched([Breakpoints.XSmall])) {
-                this.sub.next('mobile');
-            }
-            if (breakpointObserver.isMatched([Breakpoints.Tablet])) {
-                this.sub.next('tablet');
-            }
-            if (breakpointObserver.isMatched([Breakpoints.Web])) {
-                this.sub.next('desktop');
-            }
-        });
-    }
-}
-BreakpointsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
-BreakpointsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/breakpoints.service.ts
+import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import { _ } from 'tnp-core/browser';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+export class BreakpointsService {
+    constructor(breakpointObserver) {
+        this.sub = new Subject();
+        this.listenTo = this.sub.asObservable();
+        breakpointObserver.observe([Breakpoints.XSmall, Breakpoints.Tablet, Breakpoints.Web]).subscribe((state) => {
+            if (!_.isUndefined(Breakpoints.XSmall.split(', ').find(f => state.breakpoints[f]))) {
+                this.sub.next('mobile');
+            }
+            else if (!_.isUndefined(Breakpoints.Tablet.split(', ').find(f => state.breakpoints[f]))) {
+                this.sub.next('tablet');
+            }
+            else if (!_.isUndefined(Breakpoints.Web.split(', ').find(f => state.breakpoints[f]))) {
+                this.sub.next('desktop');
+            }
+        });
+        setTimeout(() => {
+            if (breakpointObserver.isMatched([Breakpoints.XSmall])) {
+                this.sub.next('mobile');
+            }
+            if (breakpointObserver.isMatched([Breakpoints.Tablet])) {
+                this.sub.next('tablet');
+            }
+            if (breakpointObserver.isMatched([Breakpoints.Web])) {
+                this.sub.next('desktop');
+            }
+        });
+    }
+}
+BreakpointsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+BreakpointsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreakpointsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/breakpoints.service.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9icmVha3BvaW50cy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBbUIsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBR3JDLE1BQU0sT0FBTyxrQkFBa0I7SUFLN0IsWUFDRSxrQkFBc0M7UUFKaEMsUUFBRyxHQUFHLElBQUksT0FBTyxFQUFtQyxDQUFDO1FBQ3RELGFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBTXhDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUV4RyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDbEYsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDekI7aUJBQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3pGLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3pCO2lCQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUN0RixJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RELElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3pCO1lBRUQsSUFBSSxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRTtnQkFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDekI7WUFFRCxJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO2dCQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7Z0hBakNVLGtCQUFrQjtvSEFBbEIsa0JBQWtCLGNBREwsTUFBTTs0RkFDbkIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRTs7QUFzQ2pDLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsc0VBQXNFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUsIEJyZWFrcG9pbnRzIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBfIH0gZnJvbSAndG5wLWNvcmUvYnJvd3Nlcic7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgQnJlYWtwb2ludHNTZXJ2aWNlIHtcblxuICBwcml2YXRlIHN1YiA9IG5ldyBTdWJqZWN0PCdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCc+KCk7XG4gIHB1YmxpYyBsaXN0ZW5UbyA9IHRoaXMuc3ViLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuICApIHtcblxuICAgIGJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtCcmVha3BvaW50cy5YU21hbGwsIEJyZWFrcG9pbnRzLlRhYmxldCwgQnJlYWtwb2ludHMuV2ViXSkuc3Vic2NyaWJlKChzdGF0ZSkgPT4ge1xuXG4gICAgICBpZiAoIV8uaXNVbmRlZmluZWQoQnJlYWtwb2ludHMuWFNtYWxsLnNwbGl0KCcsICcpLmZpbmQoZiA9PiBzdGF0ZS5icmVha3BvaW50c1tmXSkpKSB7XG4gICAgICAgIHRoaXMuc3ViLm5leHQoJ21vYmlsZScpO1xuICAgICAgfSBlbHNlIGlmICghXy5pc1VuZGVmaW5lZChCcmVha3BvaW50cy5UYWJsZXQuc3BsaXQoJywgJykuZmluZChmID0+IHN0YXRlLmJyZWFrcG9pbnRzW2ZdKSkpIHtcbiAgICAgICAgdGhpcy5zdWIubmV4dCgndGFibGV0Jyk7XG4gICAgICB9IGVsc2UgaWYgKCFfLmlzVW5kZWZpbmVkKEJyZWFrcG9pbnRzLldlYi5zcGxpdCgnLCAnKS5maW5kKGYgPT4gc3RhdGUuYnJlYWtwb2ludHNbZl0pKSkge1xuICAgICAgICB0aGlzLnN1Yi5uZXh0KCdkZXNrdG9wJyk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmIChicmVha3BvaW50T2JzZXJ2ZXIuaXNNYXRjaGVkKFtCcmVha3BvaW50cy5YU21hbGxdKSkge1xuICAgICAgICB0aGlzLnN1Yi5uZXh0KCdtb2JpbGUnKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGJyZWFrcG9pbnRPYnNlcnZlci5pc01hdGNoZWQoW0JyZWFrcG9pbnRzLlRhYmxldF0pKSB7XG4gICAgICAgIHRoaXMuc3ViLm5leHQoJ3RhYmxldCcpO1xuICAgICAgfVxuXG4gICAgICBpZiAoYnJlYWtwb2ludE9ic2VydmVyLmlzTWF0Y2hlZChbQnJlYWtwb2ludHMuV2ViXSkpIHtcbiAgICAgICAgdGhpcy5zdWIubmV4dCgnZGVza3RvcCcpO1xuICAgICAgfVxuICAgIH0pXG4gIH1cblxufVxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2JyZWFrcG9pbnRzLnNlcnZpY2UudHMiXX0=

package/browser/esm2020/lib/column/base-hide-show.directive.mjs

@@ -1,47 +1,47 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
-import { BreakpointsService } from '../breakpoints.service';
-import * as i0 from "@angular/core";
-import * as i1 from "../breakpoints.service";
-export class BaseHideShowDirective {
-    constructor(e, renderer, breakpoints) {
-        this.e = e;
-        this.renderer = renderer;
-        this.breakpoints = breakpoints;
-        this.$destroy = new Subject();
-    }
-    hideElement() {
-        this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
-    }
-    showElement() {
-        this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
-    }
-    ngOnInit() {
-        //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.
-        //Add 'implements AfterViewInit' to the class.
-        this.breakpoints
-            .listenTo
-            .pipe(takeUntil(this.$destroy))
-            .subscribe((state) => {
-            if (typeof this.originalDisaplay === 'undefined') {
-                this.originalDisaplay = this.e.nativeElement.style.display;
-            }
-            this.action(state);
-        });
-    }
-    ngOnDestroy() {
-        this.$destroy.next(void 0);
-        this.$destroy.complete();
-    }
-}
-BaseHideShowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive });
-BaseHideShowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseHideShowDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[baseHideShowDirective]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointsService }]; } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/base-hide-show.directive.ts
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import { BreakpointsService } from '../breakpoints.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../breakpoints.service";
+export class BaseHideShowDirective {
+    constructor(e, renderer, breakpoints) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+        this.$destroy = new Subject();
+    }
+    hideElement() {
+        this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+    }
+    showElement() {
+        this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+    }
+    ngOnInit() {
+        //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.
+        //Add 'implements AfterViewInit' to the class.
+        this.breakpoints
+            .listenTo
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            this.action(state);
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+BaseHideShowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive });
+BaseHideShowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BaseHideShowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[baseHideShowDirective]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointsService }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/base-hide-show.directive.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1oaWRlLXNob3cuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFLNUQsTUFBTSxPQUFnQixxQkFBcUI7SUFFekMsWUFDUyxDQUFhLEVBQ2IsUUFBbUIsRUFDbkIsV0FBK0I7UUFGL0IsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUNiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBSnhDLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBS3JCLENBQUM7SUFPSyxXQUFXO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQTtJQUNqRSxDQUFDO0lBRVMsV0FBVztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUE7SUFDaEYsQ0FBQztJQUVELFFBQVE7UUFDTiw2R0FBNkc7UUFDN0csOENBQThDO1FBQzlDLElBQUksQ0FBQyxXQUFXO2FBQ2IsUUFBUTthQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ25CLElBQUksT0FBTyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssV0FBVyxFQUFFO2dCQUNoRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUE2QixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7YUFDN0U7WUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDMUIsQ0FBQzs7bUhBdkNtQixxQkFBcUI7dUdBQXJCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7aUJBQ3BDOztBQTZDQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGtGQUFrRiIsInNvdXJjZXNDb250ZW50IjpbIlxuXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYmFzZUhpZGVTaG93RGlyZWN0aXZlXSdcbn0pXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUhpZGVTaG93RGlyZWN0aXZlIHtcbiAgJGRlc3Ryb3kgPSBuZXcgU3ViamVjdCgpO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZTogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwdWJsaWMgYnJlYWtwb2ludHM6IEJyZWFrcG9pbnRzU2VydmljZSxcbiAgKSB7IH1cblxuICBwcml2YXRlIG9yaWdpbmFsRGlzYXBsYXk6IHN0cmluZztcblxuXG4gIGFic3RyYWN0IGFjdGlvbihzdGF0ZTogXCJtb2JpbGVcIiB8IFwidGFibGV0XCIgfCBcImRlc2t0b3BcIik7XG5cbiAgcHJvdGVjdGVkIGhpZGVFbGVtZW50KCkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJ25vbmUnKVxuICB9XG5cbiAgcHJvdGVjdGVkIHNob3dFbGVtZW50KCkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgdGhpcy5vcmlnaW5hbERpc2FwbGF5KVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy9DYWxsZWQgYWZ0ZXIgbmdBZnRlckNvbnRlbnRJbml0IHdoZW4gdGhlIGNvbXBvbmVudCdzIHZpZXcgaGFzIGJlZW4gaW5pdGlhbGl6ZWQuIEFwcGxpZXMgdG8gY29tcG9uZW50cyBvbmx5LlxuICAgIC8vQWRkICdpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQnIHRvIHRoZSBjbGFzcy5cbiAgICB0aGlzLmJyZWFrcG9pbnRzXG4gICAgICAubGlzdGVuVG9cbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiRkZXN0cm95KSlcbiAgICAgIC5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5vcmlnaW5hbERpc2FwbGF5ID09PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHRoaXMub3JpZ2luYWxEaXNhcGxheSA9ICh0aGlzLmUubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuZGlzcGxheTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuYWN0aW9uKHN0YXRlKTtcbiAgICAgIH0pXG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiRkZXN0cm95Lm5leHQodm9pZCAwKTtcbiAgICB0aGlzLiRkZXN0cm95LmNvbXBsZXRlKClcbiAgfVxuXG5cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vYmFzZS1oaWRlLXNob3cuZGlyZWN0aXZlLnRzIl19

package/browser/esm2020/lib/column/column-grow.directive.mjs

@@ -1,22 +1,22 @@
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-import * as i0 from "@angular/core";
-export class DirectiveGrow {
-    constructor(e, renderer) {
-        this.e = e;
-        this.renderer = renderer;
-        setTimeout(() => {
-            renderer.setStyle(e.nativeElement, 'flexGrow', '1');
-        }, 0);
-    }
-}
-DirectiveGrow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveGrow, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-DirectiveGrow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveGrow, selector: "[grow]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveGrow, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[grow]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/column-grow.directive.ts
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DirectiveGrow {
+    constructor(e, renderer) {
+        this.e = e;
+        this.renderer = renderer;
+        setTimeout(() => {
+            renderer.setStyle(e.nativeElement, 'flexGrow', '1');
+        }, 0);
+    }
+}
+DirectiveGrow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveGrow, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveGrow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveGrow, selector: "[grow]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveGrow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[grow]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-grow.directive.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWdyb3cuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbi9jb2x1bW4tZ3Jvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU01RSxNQUFNLE9BQU8sYUFBYTtJQUN4QixZQUFtQixDQUFhLEVBQVMsUUFBbUI7UUFBekMsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUFTLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDMUQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUVkLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUE7UUFDckQsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBR1IsQ0FBQzs7MkdBUlUsYUFBYTsrRkFBYixhQUFhOzRGQUFiLGFBQWE7a0JBSHpCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFFBQVE7aUJBQ25COztBQVlBLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsK0VBQStFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tncm93XSdcbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlR3JvdyB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlOiBFbGVtZW50UmVmLCBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuXG4gICAgICByZW5kZXJlci5zZXRTdHlsZShlLm5hdGl2ZUVsZW1lbnQsICdmbGV4R3JvdycsICcxJylcbiAgICB9LCAwKTtcblxuXG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLWdyb3cuZGlyZWN0aXZlLnRzIl19

package/browser/esm2020/lib/column/column-hide-desktop.directive.mjs

@@ -1,24 +1,24 @@
-import { Directive } from '@angular/core';
-import { BaseHideShowDirective } from './base-hide-show.directive';
-import * as i0 from "@angular/core";
-export class DirectiveHideDesktop extends BaseHideShowDirective {
-    action(state) {
-        if (state === 'desktop') {
-            this.hideElement();
-        }
-        else {
-            this.showElement();
-        }
-    }
-}
-DirectiveHideDesktop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DirectiveHideDesktop.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hideDesktop]'
-                }]
-        }] });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-desktop.directive.ts
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export class DirectiveHideDesktop extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'desktop') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+}
+DirectiveHideDesktop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideDesktop.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideDesktop]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-desktop.directive.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtZGVza3RvcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1uL2NvbHVtbi1oaWRlLWRlc2t0b3AuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBYSxTQUFTLEVBQWlDLE1BQU0sZUFBZSxDQUFDO0FBR3BGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUtuRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEscUJBQXFCO0lBQzdELE1BQU0sQ0FBQyxLQUFzQztRQUMzQyxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDOztrSEFQVSxvQkFBb0I7c0dBQXBCLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQjs7QUFZQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHVGQUF1RiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNTZXJ2aWNlIH0gZnJvbSAnLi4vYnJlYWtwb2ludHMuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlSGlkZVNob3dEaXJlY3RpdmUgfSBmcm9tICcuL2Jhc2UtaGlkZS1zaG93LmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1toaWRlRGVza3RvcF0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVEZXNrdG9wIGV4dGVuZHMgQmFzZUhpZGVTaG93RGlyZWN0aXZlIHtcbiAgYWN0aW9uKHN0YXRlOiAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnKSB7XG4gICAgaWYgKHN0YXRlID09PSAnZGVza3RvcCcpIHtcbiAgICAgIHRoaXMuaGlkZUVsZW1lbnQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93RWxlbWVudCgpO1xuICAgIH1cbiAgfVxufVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1uL2NvbHVtbi1oaWRlLWRlc2t0b3AuZGlyZWN0aXZlLnRzIl19

package/browser/esm2020/lib/column/column-hide-mobile.directive.mjs

@@ -1,24 +1,24 @@
-import { Directive } from '@angular/core';
-import { BaseHideShowDirective } from './base-hide-show.directive';
-import * as i0 from "@angular/core";
-export class DirectiveHideMobile extends BaseHideShowDirective {
-    action(state) {
-        if (state === 'mobile') {
-            this.hideElement();
-        }
-        else {
-            this.showElement();
-        }
-    }
-}
-DirectiveHideMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DirectiveHideMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hideMobile]'
-                }]
-        }] });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export class DirectiveHideMobile extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'mobile') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+}
+DirectiveHideMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideMobile]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWEsU0FBUyxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUdwRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUFxQjtJQUM1RCxNQUFNLENBQUMsS0FBc0M7UUFDM0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7aUhBUFUsbUJBQW1CO3FHQUFuQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7O0FBV0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxzRkFBc0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUhpZGVTaG93RGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaGlkZU1vYmlsZV0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVNb2JpbGUgZXh0ZW5kcyBCYXNlSGlkZVNob3dEaXJlY3RpdmUge1xuICBhY3Rpb24oc3RhdGU6ICdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCcpIHtcbiAgICBpZiAoc3RhdGUgPT09ICdtb2JpbGUnKSB7XG4gICAgICB0aGlzLmhpZGVFbGVtZW50KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvd0VsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS50cyJdfQ==

package/browser/esm2020/lib/column/column-hide-tablet.directive.mjs

@@ -1,24 +1,24 @@
-import { Directive } from '@angular/core';
-import { BaseHideShowDirective } from './base-hide-show.directive';
-import * as i0 from "@angular/core";
-export class DirectiveHideTablet extends BaseHideShowDirective {
-    action(state) {
-        if (state === 'tablet') {
-            this.hideElement();
-        }
-        else {
-            this.showElement();
-        }
-    }
-}
-DirectiveHideTablet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DirectiveHideTablet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[hideTablet]'
-                }]
-        }] });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export class DirectiveHideTablet extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'tablet') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+}
+DirectiveHideTablet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideTablet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideTablet]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWEsU0FBUyxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUdwRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUFxQjtJQUM1RCxNQUFNLENBQUMsS0FBc0M7UUFDM0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7aUhBUFUsbUJBQW1CO3FHQUFuQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7O0FBV0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxzRkFBc0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUhpZGVTaG93RGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaGlkZVRhYmxldF0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVUYWJsZXQgZXh0ZW5kcyBCYXNlSGlkZVNob3dEaXJlY3RpdmUge1xuICBhY3Rpb24oc3RhdGU6ICdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCcpIHtcbiAgICBpZiAoc3RhdGUgPT09ICd0YWJsZXQnKSB7XG4gICAgICB0aGlzLmhpZGVFbGVtZW50KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvd0VsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS50cyJdfQ==