static-columns 13.1.31 → 13.3.2

package/README.md

@@ -1,41 +1,78 @@
-## static-columns
-
-# Static Columns for Angular2+ (compatible now with 12+)
-
-Columns with static width mixed with responsive columns are 
-not a problem anymore!
-
-How to install:
-```
-    npm install static-columns --save
-```
-
-
-Import it:
-```ts
-    import { StaticColumnsModule } form "static-columns/browser"
-```
-
-Put inside directives array:
-```ts
-    // ...
-    imports: [StaticColumnsModule]
-    // ...
-```
-Example:
-	
-```html
-    <columns-container>
-        <column grow >
-    	  // responsive columns
-          // you also create nested container like this
-      </column>
-       <column [width]="190">                        
-           // static column here
-       </column>
-     </columns-container>
-```
-
-![Modules marked](screen.png)
-
-
+## static-columns
+
+# Static Columns for Angular2+
+
+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"
+```
+
+### Or in firedev's apps (not need for */browser* suffix ):
+```ts
+import { StaticColumnsModule } form "static-columns"
+```
+
+### Put inside angular module imports array:
+```ts
+
+@NgModule(
+ // ... 
+  imports: [StaticColumnsModule]
+  // ... 
+)
+class MyExampleModule {
+ // ... 
+}
+```
+
+# Examples
+	
+ ## Basic usage:
+```html
+<columns-container>
+  <column grow > <!-- this column will grow/shring based on screen witdh -->
+    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>
+```

package/app/preview/index.d.ts

@@ -0,0 +1,2 @@
+export * from './preview.component';
+export * from './preview.module';

package/app/preview/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dummy1682200667946 = void 0;
+function dummy1682200667946() { }
+exports.dummy1682200667946 = dummy1682200667946;
+//# sourceMappingURL=index.js.map

package/app/preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app/preview/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}

package/app/preview/preview.component.d.ts

@@ -0,0 +1,8 @@
+import { OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+export declare class PreviewComponent implements OnInit {
+    handlers: Subscription[];
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/app/preview/preview.component.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dummy1682200667950 = void 0;
+function dummy1682200667950() { }
+exports.dummy1682200667950 = dummy1682200667950;
+//# sourceMappingURL=preview.component.js.map

package/app/preview/preview.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.component.js","sourceRoot":"","sources":["../../../src/app/preview/preview.component.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}

package/app/preview/preview.module.d.ts

@@ -0,0 +1,2 @@
+export declare class PreviewModule {
+}

package/app/preview/preview.module.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dummy1682200667953 = void 0;
+function dummy1682200667953() { }
+exports.dummy1682200667953 = dummy1682200667953;
+//# sourceMappingURL=preview.module.js.map

package/app/preview/preview.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.module.js","sourceRoot":"","sources":["../../../src/app/preview/preview.module.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}

package/app.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1681593177923 = void 0;
-function dummy1681593177923() { }
-exports.dummy1681593177923 = dummy1681593177923;
+exports.dummy1682200667943 = void 0;
+function dummy1682200667943() { }
+exports.dummy1682200667943 = dummy1682200667943;
 //# sourceMappingURL=app.js.map

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/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-mobile.directive.mjs

@@ -0,0 +1,44 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+export class DirectiveHideMobile {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 600px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveHideMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideMobile, selector: "[hideMobile]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideMobile]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQW1CLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFNMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUNTLENBQWEsRUFDYixRQUFtQixFQUNuQixrQkFBc0M7UUFGdEMsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUNiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUovQyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUtyQixDQUFDO0lBSUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0I7YUFDcEIsT0FBTyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQzthQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsQ0FBQyxLQUFzQixFQUFFLEVBQUU7WUFDcEMsSUFBSSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxXQUFXLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzthQUM3RTtZQUNELElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO2FBQy9FO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQTthQUNoRTtRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDMUIsQ0FBQzs7aUhBOUJVLG1CQUFtQjtxR0FBbkIsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7aUJBQ3pCOztBQW9DQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNGQUFzRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1toaWRlTW9iaWxlXSdcbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlSGlkZU1vYmlsZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgJGRlc3Ryb3kgPSBuZXcgU3ViamVjdCgpO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZTogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSBvcmlnaW5hbERpc2FwbGF5OiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgIC5vYnNlcnZlKFsnKG1pbi13aWR0aDogNjAwcHgpJ10pXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4kZGVzdHJveSkpXG4gICAgICAuc3Vic2NyaWJlKChzdGF0ZTogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5vcmlnaW5hbERpc2FwbGF5ID09PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHRoaXMub3JpZ2luYWxEaXNhcGxheSA9ICh0aGlzLmUubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuZGlzcGxheTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoc3RhdGUubWF0Y2hlcykge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgdGhpcy5vcmlnaW5hbERpc2FwbGF5KVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJ25vbmUnKVxuICAgICAgICB9XG4gICAgICB9KVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4kZGVzdHJveS5uZXh0KHZvaWQgMCk7XG4gICAgdGhpcy4kZGVzdHJveS5jb21wbGV0ZSgpXG4gIH1cblxufVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1uL2NvbHVtbi1oaWRlLW1vYmlsZS5kaXJlY3RpdmUudHMiXX0=

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

@@ -0,0 +1,44 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+export class DirectiveHideTablet {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 800px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveHideTablet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideTablet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideTablet, selector: "[hideTablet]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideTablet]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQW1CLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFNMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUNTLENBQWEsRUFDYixRQUFtQixFQUNuQixrQkFBc0M7UUFGdEMsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUNiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUovQyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUtyQixDQUFDO0lBSUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0I7YUFDcEIsT0FBTyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQzthQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsQ0FBQyxLQUFzQixFQUFFLEVBQUU7WUFDcEMsSUFBSSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxXQUFXLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzthQUM3RTtZQUNELElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO2FBQy9FO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQTthQUNoRTtRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDMUIsQ0FBQzs7aUhBOUJVLG1CQUFtQjtxR0FBbkIsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7aUJBQ3pCOztBQW9DQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNGQUFzRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1toaWRlVGFibGV0XSdcbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlSGlkZVRhYmxldCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgJGRlc3Ryb3kgPSBuZXcgU3ViamVjdCgpO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZTogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSBvcmlnaW5hbERpc2FwbGF5OiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgIC5vYnNlcnZlKFsnKG1pbi13aWR0aDogODAwcHgpJ10pXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4kZGVzdHJveSkpXG4gICAgICAuc3Vic2NyaWJlKChzdGF0ZTogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5vcmlnaW5hbERpc2FwbGF5ID09PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHRoaXMub3JpZ2luYWxEaXNhcGxheSA9ICh0aGlzLmUubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuZGlzcGxheTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoc3RhdGUubWF0Y2hlcykge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgdGhpcy5vcmlnaW5hbERpc2FwbGF5KVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJ25vbmUnKVxuICAgICAgICB9XG4gICAgICB9KVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4kZGVzdHJveS5uZXh0KHZvaWQgMCk7XG4gICAgdGhpcy4kZGVzdHJveS5jb21wbGV0ZSgpXG4gIH1cblxufVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1uL2NvbHVtbi1oaWRlLXRhYmxldC5kaXJlY3RpdmUudHMiXX0=

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

@@ -0,0 +1,44 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Directive, ElementRef, Renderer2 } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+export class DirectiveShowMobile {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 600px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveShowMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveShowMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveShowMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveShowMobile, selector: "[showMobile]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showMobile]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-show-mobile.directive.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQW1CLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7QUFNMUMsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QixZQUNTLENBQWEsRUFDYixRQUFtQixFQUNuQixrQkFBc0M7UUFGdEMsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUNiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUovQyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUtyQixDQUFDO0lBSUwsUUFBUTtRQUNOLElBQUksQ0FBQyxrQkFBa0I7YUFDcEIsT0FBTyxDQUFDLENBQUMsb0JBQW9CLENBQUMsQ0FBQzthQUMvQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUM5QixTQUFTLENBQUMsQ0FBQyxLQUFzQixFQUFFLEVBQUU7WUFDcEMsSUFBSSxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxXQUFXLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxnQkFBZ0IsR0FBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQTZCLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzthQUM3RTtZQUNELElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFBO2FBRWhFO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTthQUMvRTtRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDMUIsQ0FBQzs7aUhBL0JVLG1CQUFtQjtxR0FBbkIsbUJBQW1COzRGQUFuQixtQkFBbUI7a0JBSC9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7aUJBQ3pCOztBQXFDQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHNGQUFzRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuXG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzaG93TW9iaWxlXSdcbn0pXG5leHBvcnQgY2xhc3MgRGlyZWN0aXZlU2hvd01vYmlsZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgJGRlc3Ryb3kgPSBuZXcgU3ViamVjdCgpO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZTogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICkgeyB9XG5cbiAgcHJpdmF0ZSBvcmlnaW5hbERpc2FwbGF5OiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgIC5vYnNlcnZlKFsnKG1pbi13aWR0aDogNjAwcHgpJ10pXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4kZGVzdHJveSkpXG4gICAgICAuc3Vic2NyaWJlKChzdGF0ZTogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5vcmlnaW5hbERpc2FwbGF5ID09PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHRoaXMub3JpZ2luYWxEaXNhcGxheSA9ICh0aGlzLmUubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuZGlzcGxheTtcbiAgICAgICAgfVxuICAgICAgICBpZiAoc3RhdGUubWF0Y2hlcykge1xuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJ25vbmUnKVxuXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmUubmF0aXZlRWxlbWVudCwgJ2Rpc3BsYXknLCB0aGlzLm9yaWdpbmFsRGlzYXBsYXkpXG4gICAgICAgIH1cbiAgICAgIH0pXG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiRkZXN0cm95Lm5leHQodm9pZCAwKTtcbiAgICB0aGlzLiRkZXN0cm95LmNvbXBsZXRlKClcbiAgfVxuXG59XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS50cyJdfQ==

package/browser/esm2020/lib/column/column.component.mjs

@@ -1,24 +1,24 @@
-import { Component, Input, HostBinding } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ColumnComponent {
-    constructor() {
-    }
-    ngOnInit() { }
-}
-ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnComponent, selector: "column", inputs: { width: "width" }, host: { properties: { "style.flex.basis.px": "this.width", "style.minWidth.px": "this.width" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'column', template: '<ng-content></ng-content>', styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
-                type: HostBinding,
-                args: ['style.flex.basis.px']
-            }, {
-                type: HostBinding,
-                args: ['style.minWidth.px']
-            }, {
-                type: Input
-            }] } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/column.component.ts
+import { Component, Input, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ColumnComponent {
+    constructor() {
+    }
+    ngOnInit() { }
+}
+ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnComponent, selector: "column", inputs: { width: "width" }, host: { properties: { "style.flex.basis.px": "this.width", "style.minWidth.px": "this.width" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'column', template: '<ng-content></ng-content>', styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
+                type: HostBinding,
+                args: ['style.flex.basis.px']
+            }, {
+                type: HostBinding,
+                args: ['style.minWidth.px']
+            }, {
+                type: Input
+            }] } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column.component.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3RFLE1BQU0sT0FBTyxlQUFlO0lBR3hCO0lBRUEsQ0FBQztJQUVELFFBQVEsS0FBSyxDQUFDOzs2R0FQTCxlQUFlO2lHQUFmLGVBQWUsNEtBSGQsMkJBQTJCOzRGQUc1QixlQUFlO2tCQUwzQixTQUFTOytCQUNJLFFBQVEsWUFDUiwyQkFBMkI7MEVBSTBDLEtBQUs7c0JBQW5GLFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxXQUFXO3VCQUFDLG1CQUFtQjs7c0JBQUcsS0FBSzs7QUFVL0UsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQywwRUFBMEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY29sdW1uJyxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIHN0eWxlVXJsczogWycuL2NvbHVtbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5mbGV4LmJhc2lzLnB4JykgQEhvc3RCaW5kaW5nKCdzdHlsZS5taW5XaWR0aC5weCcpIEBJbnB1dCgpIHdpZHRoOiBudW1iZXI7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcblxuICAgIH1cblxuICAgIG5nT25Jbml0KCkgeyB9XG5cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLmNvbXBvbmVudC50cyJdfQ==

package/browser/esm2020/lib/column/index.mjs

@@ -1,5 +1,8 @@
-export * from './column-grow.directive';
-export * from './column.component';
-;
-({}); // @--end-of-file-for-module=static-columns lib/column/index.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFFeEMsY0FBYyxvQkFBb0IsQ0FBQztBQUdsQyxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLCtEQUErRCIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29sdW1uLWdyb3cuZGlyZWN0aXZlJztcblxuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW4uY29tcG9uZW50JztcblxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2NvbHVtbi9pbmRleC50cyJdfQ==
+export * from './column-grow.directive';
+export * from './column-hide-mobile.directive';
+export * from './column-hide-tablet.directive';
+export * from './column-show-mobile.directive';
+export * from './column.component';
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/index.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGNBQWMseUJBQXlCLENBQUM7QUFHeEMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUcvQyxjQUFjLGdDQUFnQyxDQUFDO0FBRy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFHL0MsY0FBYyxvQkFBb0IsQ0FBQztBQUdsQyxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLCtEQUErRCIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW4tZ3Jvdy5kaXJlY3RpdmUnO1xuXG5cbmV4cG9ydCAqIGZyb20gJy4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZSc7XG5cblxuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW4taGlkZS10YWJsZXQuZGlyZWN0aXZlJztcblxuXG5leHBvcnQgKiBmcm9tICcuL2NvbHVtbi1zaG93LW1vYmlsZS5kaXJlY3RpdmUnO1xuXG5cbmV4cG9ydCAqIGZyb20gJy4vY29sdW1uLmNvbXBvbmVudCc7XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vaW5kZXgudHMiXX0=

package/browser/esm2020/lib/columns-gap/columns-gap.component.mjs

@@ -1,35 +1,35 @@
-import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../column/column.component";
-export class ColumnsGapComponent {
-    constructor() {
-        this.width = 20;
-        this.handlers = [];
-        this.columnsGapDataChanged = new EventEmitter();
-        this.columnsGapData = {};
-    }
-    ngOnInit() {
-    }
-    ngOnDestroy() {
-        this.handlers.forEach(h => h.unsubscribe());
-    }
-}
-ColumnsGapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnsGapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnsGapComponent, selector: "columns-gap", inputs: { columnsGapData: "columnsGapData" }, outputs: { columnsGapDataChanged: "columnsGapDataChanged" }, host: { properties: { "style.flex.basis.px": "this.width", "style.minWidth.px": "this.width" } }, ngImport: i0, template: "<column [width]=\"width\"></column>\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"], components: [{ type: i1.ColumnComponent, selector: "column", inputs: ["width"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsGapComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'columns-gap', template: "<column [width]=\"width\"></column>\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
-                type: HostBinding,
-                args: ['style.flex.basis.px']
-            }, {
-                type: HostBinding,
-                args: ['style.minWidth.px']
-            }], columnsGapDataChanged: [{
-                type: Output
-            }], columnsGapData: [{
-                type: Input
-            }] } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/columns-gap/columns-gap.component.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy1nYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMtZ2FwL2NvbHVtbnMtZ2FwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUTVGLE1BQU0sT0FBTyxtQkFBbUI7SUFROUI7UUFOc0UsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUV6RixhQUFRLEdBQW1CLEVBQUUsQ0FBQztRQUNwQiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQVEsRUFBRSxDQUFDO0lBRWxCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUM5QyxDQUFDOztpSEFmVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixnUUNUaEMsdUNBQ0E7NEZEUWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7MEVBTStDLEtBQUs7c0JBQTFFLFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxXQUFXO3VCQUFDLG1CQUFtQjtnQkFHMUQscUJBQXFCO3NCQUE5QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7O0FBY1AsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxvRkFBb0YiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sdW1ucy1nYXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sdW1ucy1nYXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2x1bW5zLWdhcC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbnNHYXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuZmxleC5iYXNpcy5weCcpIEBIb3N0QmluZGluZygnc3R5bGUubWluV2lkdGgucHgnKSB3aWR0aDogbnVtYmVyID0gMjA7XG5cbiAgaGFuZGxlcnM6IFN1YnNjcmlwdGlvbltdID0gW107XG4gIEBPdXRwdXQoKSBjb2x1bW5zR2FwRGF0YUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBJbnB1dCgpIGNvbHVtbnNHYXBEYXRhOiBhbnkgPSB7fTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5oYW5kbGVycy5mb3JFYWNoKGggPT4gaC51bnN1YnNjcmliZSgpKTtcbiAgfVxuXG59XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQudHMiLCI8Y29sdW1uIFt3aWR0aF09XCJ3aWR0aFwiPjwvY29sdW1uPlxuIl19
+import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../column/column.component";
+export class ColumnsGapComponent {
+    constructor() {
+        this.width = 20;
+        this.handlers = [];
+        this.columnsGapDataChanged = new EventEmitter();
+        this.columnsGapData = {};
+    }
+    ngOnInit() {
+    }
+    ngOnDestroy() {
+        this.handlers.forEach(h => h.unsubscribe());
+    }
+}
+ColumnsGapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnsGapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnsGapComponent, selector: "columns-gap", inputs: { columnsGapData: "columnsGapData" }, outputs: { columnsGapDataChanged: "columnsGapDataChanged" }, host: { properties: { "style.flex.basis.px": "this.width", "style.minWidth.px": "this.width" } }, ngImport: i0, template: "<column [width]=\"width\"></column>\r\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"], components: [{ type: i1.ColumnComponent, selector: "column", inputs: ["width"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsGapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'columns-gap', template: "<column [width]=\"width\"></column>\r\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
+                type: HostBinding,
+                args: ['style.flex.basis.px']
+            }, {
+                type: HostBinding,
+                args: ['style.minWidth.px']
+            }], columnsGapDataChanged: [{
+                type: Output
+            }], columnsGapData: [{
+                type: Input
+            }] } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/columns-gap/columns-gap.component.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy1nYXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMtZ2FwL2NvbHVtbnMtZ2FwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUTVGLE1BQU0sT0FBTyxtQkFBbUI7SUFROUI7UUFOc0UsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUV6RixhQUFRLEdBQW1CLEVBQUUsQ0FBQztRQUNwQiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQVEsRUFBRSxDQUFDO0lBRWxCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUM5QyxDQUFDOztpSEFmVSxtQkFBbUI7cUdBQW5CLG1CQUFtQixnUUNUaEMseUNBQ0E7NEZEUWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGFBQWE7MEVBTStDLEtBQUs7c0JBQTFFLFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxXQUFXO3VCQUFDLG1CQUFtQjtnQkFHMUQscUJBQXFCO3NCQUE5QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7O0FBY1AsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxvRkFBb0YiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sdW1ucy1nYXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sdW1ucy1nYXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2x1bW5zLWdhcC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbnNHYXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuZmxleC5iYXNpcy5weCcpIEBIb3N0QmluZGluZygnc3R5bGUubWluV2lkdGgucHgnKSB3aWR0aDogbnVtYmVyID0gMjA7XG5cbiAgaGFuZGxlcnM6IFN1YnNjcmlwdGlvbltdID0gW107XG4gIEBPdXRwdXQoKSBjb2x1bW5zR2FwRGF0YUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBJbnB1dCgpIGNvbHVtbnNHYXBEYXRhOiBhbnkgPSB7fTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5oYW5kbGVycy5mb3JFYWNoKGggPT4gaC51bnN1YnNjcmliZSgpKTtcbiAgfVxuXG59XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQudHMiLCI8Y29sdW1uIFt3aWR0aF09XCJ3aWR0aFwiPjwvY29sdW1uPlxyXG4iXX0=

package/browser/esm2020/lib/columns-gap/index.mjs

@@ -1,4 +1,4 @@
-export * from './columns-gap.component';
-;
-({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts
+export * from './columns-gap.component';
+;
+({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1ucy1nYXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsY0FBYyx5QkFBeUIsQ0FBQztBQUd2QyxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLG9FQUFvRSIsInNvdXJjZXNDb250ZW50IjpbIlxuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW5zLWdhcC5jb21wb25lbnQnO1xuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1ucy1nYXAvaW5kZXgudHMiXX0=