static-columns 13.3.2 → 13.3.3

package/README.md

@@ -1,6 +1,7 @@
-## static-columns
 
-# Static Columns for Angular2+
+# STATIC-COLUMNS - effortless Angular2+ layouts
+
+# forget about flex box complicated rules !
 
 With this simple library 
 
@@ -25,12 +26,7 @@ are not a problem anymore!
 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:
+### Put module inside angular imports:
 ```ts
 
 @NgModule(
@@ -48,7 +44,7 @@ class MyExampleModule {
  ## Basic usage:
 ```html
 <columns-container>
-  <column grow > <!-- this column will grow/shring based on screen witdh -->
+  <column grow > <!-- this column will grow/shring based on screen width -->
     something
   </column>
   <column width="190">                        

package/assets/shared/shared_folder_info.txt

@@ -0,0 +1,7 @@
+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"
+created from this project.
+
+THIS FILE IS GENERATED.THIS FILE IS GENERATED. THIS FILE IS GENERATED.
+          

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

@@ -0,0 +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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtwb2ludHMuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9icmVha3BvaW50cy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBbUIsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxDQUFDLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBR3JDLE1BQU0sT0FBTyxrQkFBa0I7SUFLN0IsWUFDRSxrQkFBc0M7UUFKaEMsUUFBRyxHQUFHLElBQUksT0FBTyxFQUFtQyxDQUFDO1FBQ3RELGFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBTXhDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUV4RyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDbEYsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDekI7aUJBQU0sSUFBSSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3pGLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3pCO2lCQUFNLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUN0RixJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RELElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQ3pCO1lBRUQsSUFBSSxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRTtnQkFDdEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDekI7WUFFRCxJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFO2dCQUNuRCxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzs7Z0hBakNVLGtCQUFrQjtvSEFBbEIsa0JBQWtCLGNBREwsTUFBTTs0RkFDbkIsa0JBQWtCO2tCQUQ5QixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRTs7QUFzQ2pDLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsc0VBQXNFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyLCBCcmVha3BvaW50U3RhdGUsIEJyZWFrcG9pbnRzIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBfIH0gZnJvbSAndG5wLWNvcmUvYnJvd3Nlcic7XG5cbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXG5leHBvcnQgY2xhc3MgQnJlYWtwb2ludHNTZXJ2aWNlIHtcblxuICBwcml2YXRlIHN1YiA9IG5ldyBTdWJqZWN0PCdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCc+KCk7XG4gIHB1YmxpYyBsaXN0ZW5UbyA9IHRoaXMuc3ViLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyLFxuICApIHtcblxuICAgIGJyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKFtCcmVha3BvaW50cy5YU21hbGwsIEJyZWFrcG9pbnRzLlRhYmxldCwgQnJlYWtwb2ludHMuV2ViXSkuc3Vic2NyaWJlKChzdGF0ZSkgPT4ge1xuXG4gICAgICBpZiAoIV8uaXNVbmRlZmluZWQoQnJlYWtwb2ludHMuWFNtYWxsLnNwbGl0KCcsICcpLmZpbmQoZiA9PiBzdGF0ZS5icmVha3BvaW50c1tmXSkpKSB7XG4gICAgICAgIHRoaXMuc3ViLm5leHQoJ21vYmlsZScpO1xuICAgICAgfSBlbHNlIGlmICghXy5pc1VuZGVmaW5lZChCcmVha3BvaW50cy5UYWJsZXQuc3BsaXQoJywgJykuZmluZChmID0+IHN0YXRlLmJyZWFrcG9pbnRzW2ZdKSkpIHtcbiAgICAgICAgdGhpcy5zdWIubmV4dCgndGFibGV0Jyk7XG4gICAgICB9IGVsc2UgaWYgKCFfLmlzVW5kZWZpbmVkKEJyZWFrcG9pbnRzLldlYi5zcGxpdCgnLCAnKS5maW5kKGYgPT4gc3RhdGUuYnJlYWtwb2ludHNbZl0pKSkge1xuICAgICAgICB0aGlzLnN1Yi5uZXh0KCdkZXNrdG9wJyk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGlmIChicmVha3BvaW50T2JzZXJ2ZXIuaXNNYXRjaGVkKFtCcmVha3BvaW50cy5YU21hbGxdKSkge1xuICAgICAgICB0aGlzLnN1Yi5uZXh0KCdtb2JpbGUnKTtcbiAgICAgIH1cblxuICAgICAgaWYgKGJyZWFrcG9pbnRPYnNlcnZlci5pc01hdGNoZWQoW0JyZWFrcG9pbnRzLlRhYmxldF0pKSB7XG4gICAgICAgIHRoaXMuc3ViLm5leHQoJ3RhYmxldCcpO1xuICAgICAgfVxuXG4gICAgICBpZiAoYnJlYWtwb2ludE9ic2VydmVyLmlzTWF0Y2hlZChbQnJlYWtwb2ludHMuV2ViXSkpIHtcbiAgICAgICAgdGhpcy5zdWIubmV4dCgnZGVza3RvcCcpO1xuICAgICAgfVxuICAgIH0pXG4gIH1cblxufVxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2JyZWFrcG9pbnRzLnNlcnZpY2UudHMiXX0=

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

@@ -0,0 +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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1oaWRlLXNob3cuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsT0FBTyxFQUFhLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFLNUQsTUFBTSxPQUFnQixxQkFBcUI7SUFFekMsWUFDUyxDQUFhLEVBQ2IsUUFBbUIsRUFDbkIsV0FBK0I7UUFGL0IsTUFBQyxHQUFELENBQUMsQ0FBWTtRQUNiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZ0JBQVcsR0FBWCxXQUFXLENBQW9CO1FBSnhDLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO0lBS3JCLENBQUM7SUFPSyxXQUFXO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsYUFBYSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQTtJQUNqRSxDQUFDO0lBRVMsV0FBVztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUE7SUFDaEYsQ0FBQztJQUVELFFBQVE7UUFDTiw2R0FBNkc7UUFDN0csOENBQThDO1FBQzlDLElBQUksQ0FBQyxXQUFXO2FBQ2IsUUFBUTthQUNSLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ25CLElBQUksT0FBTyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssV0FBVyxFQUFFO2dCQUNoRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUE2QixDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7YUFDN0U7WUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDMUIsQ0FBQzs7bUhBdkNtQixxQkFBcUI7dUdBQXJCLHFCQUFxQjs0RkFBckIscUJBQXFCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7aUJBQ3BDOztBQTZDQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGtGQUFrRiIsInNvdXJjZXNDb250ZW50IjpbIlxuXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYmFzZUhpZGVTaG93RGlyZWN0aXZlXSdcbn0pXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUhpZGVTaG93RGlyZWN0aXZlIHtcbiAgJGRlc3Ryb3kgPSBuZXcgU3ViamVjdCgpO1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZTogRWxlbWVudFJlZixcbiAgICBwdWJsaWMgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwdWJsaWMgYnJlYWtwb2ludHM6IEJyZWFrcG9pbnRzU2VydmljZSxcbiAgKSB7IH1cblxuICBwcml2YXRlIG9yaWdpbmFsRGlzYXBsYXk6IHN0cmluZztcblxuXG4gIGFic3RyYWN0IGFjdGlvbihzdGF0ZTogXCJtb2JpbGVcIiB8IFwidGFibGV0XCIgfCBcImRlc2t0b3BcIik7XG5cbiAgcHJvdGVjdGVkIGhpZGVFbGVtZW50KCkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgJ25vbmUnKVxuICB9XG5cbiAgcHJvdGVjdGVkIHNob3dFbGVtZW50KCkge1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5lLm5hdGl2ZUVsZW1lbnQsICdkaXNwbGF5JywgdGhpcy5vcmlnaW5hbERpc2FwbGF5KVxuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy9DYWxsZWQgYWZ0ZXIgbmdBZnRlckNvbnRlbnRJbml0IHdoZW4gdGhlIGNvbXBvbmVudCdzIHZpZXcgaGFzIGJlZW4gaW5pdGlhbGl6ZWQuIEFwcGxpZXMgdG8gY29tcG9uZW50cyBvbmx5LlxuICAgIC8vQWRkICdpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQnIHRvIHRoZSBjbGFzcy5cbiAgICB0aGlzLmJyZWFrcG9pbnRzXG4gICAgICAubGlzdGVuVG9cbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiRkZXN0cm95KSlcbiAgICAgIC5zdWJzY3JpYmUoKHN0YXRlKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgdGhpcy5vcmlnaW5hbERpc2FwbGF5ID09PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgIHRoaXMub3JpZ2luYWxEaXNhcGxheSA9ICh0aGlzLmUubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuc3R5bGUuZGlzcGxheTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuYWN0aW9uKHN0YXRlKTtcbiAgICAgIH0pXG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiRkZXN0cm95Lm5leHQodm9pZCAwKTtcbiAgICB0aGlzLiRkZXN0cm95LmNvbXBsZXRlKClcbiAgfVxuXG5cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vYmFzZS1oaWRlLXNob3cuZGlyZWN0aXZlLnRzIl19

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

@@ -0,0 +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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtZGVza3RvcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1uL2NvbHVtbi1oaWRlLWRlc2t0b3AuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBYSxTQUFTLEVBQWlDLE1BQU0sZUFBZSxDQUFDO0FBR3BGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUtuRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEscUJBQXFCO0lBQzdELE1BQU0sQ0FBQyxLQUFzQztRQUMzQyxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDcEI7SUFDSCxDQUFDOztrSEFQVSxvQkFBb0I7c0dBQXBCLG9CQUFvQjs0RkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQjs7QUFZQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHVGQUF1RiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNTZXJ2aWNlIH0gZnJvbSAnLi4vYnJlYWtwb2ludHMuc2VydmljZSc7XG5pbXBvcnQgeyBCYXNlSGlkZVNob3dEaXJlY3RpdmUgfSBmcm9tICcuL2Jhc2UtaGlkZS1zaG93LmRpcmVjdGl2ZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1toaWRlRGVza3RvcF0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVEZXNrdG9wIGV4dGVuZHMgQmFzZUhpZGVTaG93RGlyZWN0aXZlIHtcbiAgYWN0aW9uKHN0YXRlOiAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnKSB7XG4gICAgaWYgKHN0YXRlID09PSAnZGVza3RvcCcpIHtcbiAgICAgIHRoaXMuaGlkZUVsZW1lbnQoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zaG93RWxlbWVudCgpO1xuICAgIH1cbiAgfVxufVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1uL2NvbHVtbi1oaWRlLWRlc2t0b3AuZGlyZWN0aXZlLnRzIl19

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

@@ -1,44 +1,24 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
 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();
+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: [{ 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 });
+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]'
                 }]
-        }], 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=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWEsU0FBUyxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUdwRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUFxQjtJQUM1RCxNQUFNLENBQUMsS0FBc0M7UUFDM0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7aUhBUFUsbUJBQW1CO3FHQUFuQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7O0FBV0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxzRkFBc0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUhpZGVTaG93RGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaGlkZU1vYmlsZV0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVNb2JpbGUgZXh0ZW5kcyBCYXNlSGlkZVNob3dEaXJlY3RpdmUge1xuICBhY3Rpb24oc3RhdGU6ICdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCcpIHtcbiAgICBpZiAoc3RhdGUgPT09ICdtb2JpbGUnKSB7XG4gICAgICB0aGlzLmhpZGVFbGVtZW50KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvd0VsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZS50cyJdfQ==

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

@@ -1,44 +1,24 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
 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();
+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: [{ 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 });
+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]'
                 }]
-        }], 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=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWEsU0FBUyxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUdwRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUFxQjtJQUM1RCxNQUFNLENBQUMsS0FBc0M7UUFDM0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7aUhBUFUsbUJBQW1CO3FHQUFuQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7O0FBV0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxzRkFBc0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUhpZGVTaG93RGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaGlkZVRhYmxldF0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZUhpZGVUYWJsZXQgZXh0ZW5kcyBCYXNlSGlkZVNob3dEaXJlY3RpdmUge1xuICBhY3Rpb24oc3RhdGU6ICdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCcpIHtcbiAgICBpZiAoc3RhdGUgPT09ICd0YWJsZXQnKSB7XG4gICAgICB0aGlzLmhpZGVFbGVtZW50KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvd0VsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLWhpZGUtdGFibGV0LmRpcmVjdGl2ZS50cyJdfQ==

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

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

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

@@ -1,44 +1,24 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { Directive, ElementRef, Renderer2 } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
+import { Directive } from '@angular/core';
+import { BaseHideShowDirective } from './base-hide-show.directive';
 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();
+export class DirectiveShowMobile extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'mobile') {
+            this.showElement();
+        }
+        else {
+            this.hideElement();
+        }
     }
 }
-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 });
+DirectiveShowMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveShowMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveShowMobile, selector: "[showMobile]", usesInheritance: true, 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==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW4vY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWEsU0FBUyxFQUFpQyxNQUFNLGVBQWUsQ0FBQztBQUdwRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLHFCQUFxQjtJQUM1RCxNQUFNLENBQUMsS0FBc0M7UUFDM0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQzs7aUhBUFUsbUJBQW1CO3FHQUFuQixtQkFBbUI7NEZBQW5CLG1CQUFtQjtrQkFIL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7O0FBV0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxzRkFBc0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4uL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgQmFzZUhpZGVTaG93RGlyZWN0aXZlIH0gZnJvbSAnLi9iYXNlLWhpZGUtc2hvdy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2hvd01vYmlsZV0nXG59KVxuZXhwb3J0IGNsYXNzIERpcmVjdGl2ZVNob3dNb2JpbGUgZXh0ZW5kcyBCYXNlSGlkZVNob3dEaXJlY3RpdmUge1xuICBhY3Rpb24oc3RhdGU6ICdtb2JpbGUnIHwgJ3RhYmxldCcgfCAnZGVza3RvcCcpIHtcbiAgICBpZiAoc3RhdGUgPT09ICdtb2JpbGUnKSB7XG4gICAgICB0aGlzLnNob3dFbGVtZW50KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaGlkZUVsZW1lbnQoKTtcbiAgICB9XG4gIH1cbn1cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW4vY29sdW1uLXNob3ctbW9iaWxlLmRpcmVjdGl2ZS50cyJdfQ==

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

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

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

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

package/browser/esm2020/lib/columns.module.mjs

@@ -1,9 +1,16 @@
 import { NgModule } from '@angular/core';
 import { LayoutModule } from '@angular/cdk/layout';
-import { ColumnComponent, DirectiveGrow, DirectiveHideTablet, DirectiveShowMobile } from './column';
-import { DirectiveHideMobile } from './column/column-hide-mobile.directive';
+import { ColumnComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideTablet, DirectiveHideMobile, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, } from './column'; /* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
+/* */
 import { ColumnsGapComponent } from './columns-gap/columns-gap.component';
 import { ColumnsComponent } from './columns.component';
+import { BreakpointsService } from './breakpoints.service';
 import * as i0 from "@angular/core";
 const components = [
     ColumnsComponent,
@@ -11,7 +18,10 @@ const components = [
     DirectiveGrow,
     DirectiveHideMobile,
     DirectiveHideTablet,
+    DirectiveHideDesktop,
+    DirectiveShowTablet,
     DirectiveShowMobile,
+    DirectiveShowDesktop,
     ColumnsGapComponent,
 ];
 export class StaticColumnsModule {
@@ -22,15 +32,21 @@ StaticColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         DirectiveGrow,
         DirectiveHideMobile,
         DirectiveHideTablet,
+        DirectiveHideDesktop,
+        DirectiveShowTablet,
         DirectiveShowMobile,
+        DirectiveShowDesktop,
         ColumnsGapComponent], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
         ColumnComponent,
         DirectiveGrow,
         DirectiveHideMobile,
         DirectiveHideTablet,
+        DirectiveHideDesktop,
+        DirectiveShowTablet,
         DirectiveShowMobile,
+        DirectiveShowDesktop,
         ColumnsGapComponent] });
-StaticColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, providers: [], imports: [[
+StaticColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [[
             LayoutModule,
         ], LayoutModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, decorators: [{
@@ -46,9 +62,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     declarations: [
                         ...components,
                     ],
-                    providers: [],
+                    providers: [BreakpointsService],
                 }]
         }] });
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDcEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBRXZELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsbUJBQW1CO0lBQ25CLG1CQUFtQjtDQUNwQixDQUFDO0FBZUYsTUFBTSxPQUFPLG1CQUFtQjs7aUhBQW5CLG1CQUFtQjtrSEFBbkIsbUJBQW1CLGlCQXRCOUIsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsbUJBQW1CLGFBS2pCLFlBQVksYUFHWixZQUFZLEVBZGQsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsbUJBQW1CO2tIQWdCUixtQkFBbUIsYUFGbkIsRUFBRSxZQVZKO1lBQ1AsWUFBWTtTQUNiLEVBRUMsWUFBWTs0RkFRSCxtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2Q7O0FBSUEsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxpRUFBaUUiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYXlvdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IENvbHVtbkNvbXBvbmVudCwgRGlyZWN0aXZlR3JvdywgRGlyZWN0aXZlSGlkZVRhYmxldCwgRGlyZWN0aXZlU2hvd01vYmlsZSB9IGZyb20gJy4vY29sdW1uJztcbmltcG9ydCB7IERpcmVjdGl2ZUhpZGVNb2JpbGUgfSBmcm9tICcuL2NvbHVtbi9jb2x1bW4taGlkZS1tb2JpbGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbHVtbnNHYXBDb21wb25lbnQgfSBmcm9tICcuL2NvbHVtbnMtZ2FwL2NvbHVtbnMtZ2FwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zLmNvbXBvbmVudCc7XG5cbmNvbnN0IGNvbXBvbmVudHMgPSBbXG4gIENvbHVtbnNDb21wb25lbnQsXG4gIENvbHVtbkNvbXBvbmVudCxcbiAgRGlyZWN0aXZlR3JvdyxcbiAgRGlyZWN0aXZlSGlkZU1vYmlsZSxcbiAgRGlyZWN0aXZlSGlkZVRhYmxldCxcbiAgRGlyZWN0aXZlU2hvd01vYmlsZSxcbiAgQ29sdW1uc0dhcENvbXBvbmVudCxcbl07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBMYXlvdXRNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBMYXlvdXRNb2R1bGUsXG4gICAgLi4uY29tcG9uZW50cyxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgLi4uY29tcG9uZW50cyxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgU3RhdGljQ29sdW1uc01vZHVsZSB7IH1cblxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2NvbHVtbnMubW9kdWxlLnRzIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9saWIvY29sdW1ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFJLGVBQWUsRUFBRSxhQUFhLEVBQUksb0JBQW9CLEVBQUksbUJBQW1CLEVBQUksbUJBQW1CLEVBQUksb0JBQW9CLEVBQUksbUJBQW1CLEVBQUksbUJBQW1CLEdBQUcsTUFBTSxVQUFVLENBQUMsQ0FBQSxLQUFLO0FBQzlNLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFFTCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFHM0QsTUFBTSxVQUFVLEdBQUc7SUFDakIsZ0JBQWdCO0lBQ2hCLGVBQWU7SUFDZixhQUFhO0lBQ2IsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsbUJBQW1CO0NBQ3BCLENBQUM7QUFlRixNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBekI5QixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGFBQWE7UUFDYixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG9CQUFvQjtRQUNwQixtQkFBbUIsYUFLakIsWUFBWSxhQUdaLFlBQVksRUFqQmQsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixhQUFhO1FBQ2IsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsbUJBQW1CO2tIQWdCUixtQkFBbUIsYUFGbkIsQ0FBQyxrQkFBa0IsQ0FBQyxZQVZ0QjtZQUNQLFlBQVk7U0FDYixFQUVDLFlBQVk7NEZBUUgsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLEdBQUcsVUFBVTtxQkFDZDtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELFNBQVMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNoQzs7QUFJQSxDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLGlFQUFpRSIsInNvdXJjZXNDb250ZW50IjpbIlxuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgICBDb2x1bW5Db21wb25lbnQsIERpcmVjdGl2ZUdyb3csICAgRGlyZWN0aXZlSGlkZURlc2t0b3AsICAgRGlyZWN0aXZlSGlkZVRhYmxldCwgICBEaXJlY3RpdmVIaWRlTW9iaWxlLCAgIERpcmVjdGl2ZVNob3dEZXNrdG9wLCAgIERpcmVjdGl2ZVNob3dNb2JpbGUsICAgRGlyZWN0aXZlU2hvd1RhYmxldCwgfSBmcm9tICcuL2NvbHVtbic7LyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG5cbmltcG9ydCB7IENvbHVtbnNHYXBDb21wb25lbnQgfSBmcm9tICcuL2NvbHVtbnMtZ2FwL2NvbHVtbnMtZ2FwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCcmVha3BvaW50c1NlcnZpY2UgfSBmcm9tICcuL2JyZWFrcG9pbnRzLnNlcnZpY2UnO1xuXG5cbmNvbnN0IGNvbXBvbmVudHMgPSBbXG4gIENvbHVtbnNDb21wb25lbnQsXG4gIENvbHVtbkNvbXBvbmVudCxcbiAgRGlyZWN0aXZlR3JvdyxcbiAgRGlyZWN0aXZlSGlkZU1vYmlsZSxcbiAgRGlyZWN0aXZlSGlkZVRhYmxldCxcbiAgRGlyZWN0aXZlSGlkZURlc2t0b3AsXG4gIERpcmVjdGl2ZVNob3dUYWJsZXQsXG4gIERpcmVjdGl2ZVNob3dNb2JpbGUsXG4gIERpcmVjdGl2ZVNob3dEZXNrdG9wLFxuICBDb2x1bW5zR2FwQ29tcG9uZW50LFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIExheW91dE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExheW91dE1vZHVsZSxcbiAgICAuLi5jb21wb25lbnRzLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICAuLi5jb21wb25lbnRzLFxuICBdLFxuICBwcm92aWRlcnM6IFtCcmVha3BvaW50c1NlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0aWNDb2x1bW5zTW9kdWxlIHsgfVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1ucy5tb2R1bGUudHMiXX0=

package/browser/esm2020/lib/index.mjs

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