static-columns 13.1.31 → 13.3.3

package/client/fesm2020/static-columns.mjs

@@ -1,142 +1,374 @@
 import * as i0 from '@angular/core';
-import { Directive, Component, HostBinding, Input, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
-
-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 }]; } });
-;
+import { Directive, Injectable, Component, HostBinding, Input, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i1 from '@angular/cdk/layout';
+import { Breakpoints, LayoutModule } from '@angular/cdk/layout';
+import { _ } from 'tnp-core/browser';
+
+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
 
-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
-            }] } });
-;
+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
+
+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: 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: BreakpointsService }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/base-hide-show.directive.ts
+
+class DirectiveHideMobile extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'mobile') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+}
+DirectiveHideMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideMobile]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts
+
+class DirectiveHideTablet extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'tablet') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+}
+DirectiveHideTablet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideTablet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideTablet]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
+
+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
+
+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: 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]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-show-mobile.directive.ts
+
+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
+
+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
+
+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
 
-;
+;
 ({}); // @--end-of-file-for-module=static-columns lib/column/index.ts
 
-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: 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
-            }] } });
-;
+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: 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
 
-;
+;
 ({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts
 
-class ColumnsComponent {
-    constructor() {
-    }
-    ngOnInit() { }
-}
-ColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnsComponent, selector: "columns-container", viewQueries: [{ propertyName: "childrens", predicate: ColumnComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;width:100%;align-content:streach;justify-content:space-between}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'columns-container', template: "<ng-content></ng-content>\n", styles: [":host{display:flex;width:100%;align-content:streach;justify-content:space-between}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { childrens: [{
-                type: ViewChildren,
-                args: [ColumnComponent]
-            }] } });
-;
+class ColumnsComponent {
+    constructor() {
+    }
+    ngOnInit() { }
+}
+ColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnsComponent, selector: "columns-container", viewQueries: [{ propertyName: "childrens", predicate: ColumnComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:flex;width:100%;align-content:streach;justify-content:space-between}.static-columns-hide-mobile{display:block}@media (max-width: 600px){.static-columns-hide-mobile{display:none}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'columns-container', template: "<ng-content></ng-content>\r\n", styles: [":host{display:flex;width:100%;align-content:streach;justify-content:space-between}.static-columns-hide-mobile{display:block}@media (max-width: 600px){.static-columns-hide-mobile{display:none}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { childrens: [{
+                type: ViewChildren,
+                args: [ColumnComponent]
+            }] } });
+;
 ({}); // @--end-of-file-for-module=static-columns lib/columns.component.ts
 
-class StaticColumnsModule {
-}
-StaticColumnsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StaticColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
-        ColumnComponent,
-        DirectiveGrow,
-        ColumnsGapComponent], exports: [ColumnsComponent,
-        ColumnComponent,
-        DirectiveGrow,
-        ColumnsGapComponent] });
-StaticColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, providers: [], imports: [[]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [
-                        ColumnsComponent,
-                        ColumnComponent,
-                        DirectiveGrow,
-                        ColumnsGapComponent,
-                    ],
-                    declarations: [
-                        ColumnsComponent,
-                        ColumnComponent,
-                        DirectiveGrow,
-                        ColumnsGapComponent,
-                    ],
-                    providers: [],
-                }]
-        }] });
-;
+const components = [
+    ColumnsComponent,
+    ColumnComponent,
+    DirectiveGrow,
+    DirectiveHideMobile,
+    DirectiveHideTablet,
+    DirectiveHideDesktop,
+    DirectiveShowTablet,
+    DirectiveShowMobile,
+    DirectiveShowDesktop,
+    ColumnsGapComponent,
+];
+class StaticColumnsModule {
+}
+StaticColumnsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StaticColumnsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
+        ColumnComponent,
+        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: [BreakpointsService], imports: [[
+            LayoutModule,
+        ], LayoutModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LayoutModule,
+                    ],
+                    exports: [
+                        LayoutModule,
+                        ...components,
+                    ],
+                    declarations: [
+                        ...components,
+                    ],
+                    providers: [BreakpointsService],
+                }]
+        }] });
+;
 ({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts
 
-;
+;
 ({}); // @--end-of-file-for-module=static-columns lib/index.ts
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
-export { ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, StaticColumnsModule };
+export { BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, StaticColumnsModule };
 //# sourceMappingURL=static-columns.mjs.map

package/client/fesm2020/static-columns.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"static-columns.mjs","sources":["../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-grow.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/columns-gap.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/columns-gap.component.html","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.component.html","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.module.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/static-columns.ts"],"sourcesContent":["import { Component, Directive, ElementRef, Renderer2 } from '@angular/core';\n\n\n@Directive({\n  selector: '[grow]'\n})\nexport class DirectiveGrow {\n  constructor(public e: ElementRef, public renderer: Renderer2) {\n    setTimeout(() => {\n\n      renderer.setStyle(e.nativeElement, 'flexGrow', '1')\n    }, 0);\n\n\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-grow.directive.ts","import { Component, OnInit, Input, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'column',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./column.component.scss']\n})\nexport class ColumnComponent implements OnInit {\n    @HostBinding('style.flex.basis.px') @HostBinding('style.minWidth.px') @Input() width: number;\n\n    constructor() {\n\n    }\n\n    ngOnInit() { }\n\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column.component.ts","export * from './column-grow.directive';\n\nexport * from './column.component';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/index.ts","\nimport { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'columns-gap',\n  templateUrl: './columns-gap.component.html',\n  styleUrls: ['./columns-gap.component.scss']\n})\nexport class ColumnsGapComponent implements OnInit {\n\n  @HostBinding('style.flex.basis.px') @HostBinding('style.minWidth.px') width: number = 20;\n\n  handlers: Subscription[] = [];\n  @Output() columnsGapDataChanged = new EventEmitter();\n  @Input() columnsGapData: any = {};\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n  ngOnDestroy(): void {\n    this.handlers.forEach(h => h.unsubscribe());\n  }\n\n}\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns-gap/columns-gap.component.ts","<column [width]=\"width\"></column>\n","\nexport * from './columns-gap.component';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts","\nimport { Component, OnInit, ViewEncapsulation, ViewChildren, QueryList } from '@angular/core';\nimport { ColumnComponent } from './column';\n\n\n\n\n@Component({\n    selector: 'columns-container',\n    templateUrl: './columns.component.html',\n    styleUrls: ['./columns.component.scss']\n})\nexport class ColumnsComponent implements OnInit {\n    @ViewChildren(ColumnComponent) childrens: QueryList<ColumnComponent>;\n\n    constructor() {\n\n    }\n    ngOnInit() { }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns.component.ts","<ng-content></ng-content>\n","\nimport { NgModule } from '@angular/core';\n\nimport { ColumnComponent, DirectiveGrow } from './column';\nimport { ColumnsGapComponent } from './columns-gap/columns-gap.component';\nimport { ColumnsComponent } from './columns.component';\n\n@NgModule({\n  imports: [],\n  exports: [\n    ColumnsComponent,\n    ColumnComponent,\n    DirectiveGrow,\n    ColumnsGapComponent,\n  ],\n  declarations: [\n    ColumnsComponent,\n    ColumnComponent,\n    DirectiveGrow,\n    ColumnsGapComponent,\n  ],\n  providers: [],\n})\nexport class StaticColumnsModule { }\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts","export * from './column';\nexport * from './columns-gap';\n\nexport * from './columns.component';\n\n\nexport * from './columns.module';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/index.ts","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ColumnComponent"],"mappings":";;;MAMa,aAAa,CAAA;IACxB,WAAmB,CAAA,CAAa,EAAS,QAAmB,EAAA;QAAzC,IAAC,CAAA,CAAA,GAAD,CAAC,CAAY;QAAS,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;QAC1D,UAAU,CAAC,MAAK;YAEd,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;SACpD,EAAE,CAAC,CAAC,CAAC;KAGP;;2GARU,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;+FAAb,aAAa,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAHzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,QAAQ;AACnB,iBAAA,CAAA;;AAYA,CAAC;AAAA,CAAC,EAAE,EAAE;;MCVM,eAAe,CAAA;AAGxB,IAAA,WAAA,GAAA;KAEC;AAED,IAAA,QAAQ,MAAM;;6GAPL,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,4KAHd,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,CAAA,CAAA;4FAG5B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,QAAQ,YACR,2BAA2B,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,CAAA;0EAI0C,KAAK,EAAA,CAAA;sBAAnF,WAAW;uBAAC,qBAAqB,CAAA;;sBAAG,WAAW;uBAAC,mBAAmB,CAAA;;sBAAG,KAAK;;AAU/E,CAAC;AAAA,CAAC,EAAE,EAAE;;ACbN,CAAC;AAAA,CAAC,EAAE,EAAE;;MCIM,mBAAmB,CAAA;AAQ9B,IAAA,WAAA,GAAA;QANsE,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QAEzF,IAAQ,CAAA,QAAA,GAAmB,EAAE,CAAC;AACpB,QAAA,IAAA,CAAA,qBAAqB,GAAG,IAAI,YAAY,EAAE,CAAC;QAC5C,IAAc,CAAA,cAAA,GAAQ,EAAE,CAAC;KAEjB;IAEjB,QAAQ,GAAA;KACP;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;KAC7C;;iHAfU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,gQCThC,uCACA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAAA,eAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDQa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,uCAAA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,CAAA;0EAM+C,KAAK,EAAA,CAAA;sBAA1E,WAAW;uBAAC,qBAAqB,CAAA;;sBAAG,WAAW;uBAAC,mBAAmB,CAAA;gBAG1D,qBAAqB,EAAA,CAAA;sBAA9B,MAAM;gBACE,cAAc,EAAA,CAAA;sBAAtB,KAAK;;AAcP,CAAC;AAAA,CAAC,EAAE,EAAE;;AEzBN,CAAC;AAAA,CAAC,EAAE,EAAE;;MCQM,gBAAgB,CAAA;AAGzB,IAAA,WAAA,GAAA;KAEC;AACD,IAAA,QAAQ,MAAM;;8GANL,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAhB,gBAAgB,EAAA,QAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EACX,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbjC,6BACA,EAAA,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,CAAA,CAAA;4FDWa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,CAAA,sFAAA,CAAA,EAAA,CAAA;0EAKE,SAAS,EAAA,CAAA;sBAAvC,YAAY;uBAAC,eAAe,CAAA;;AAQhC,CAAC;AAAA,CAAC,EAAE,EAAE;;MEEM,mBAAmB,CAAA;;iHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAP5B,gBAAgB;QAChB,eAAe;QACf,aAAa;AACb,QAAA,mBAAmB,aATnB,gBAAgB;QAChB,eAAe;QACf,aAAa;QACb,mBAAmB,CAAA,EAAA,CAAA,CAAA;kHAUV,mBAAmB,EAAA,SAAA,EAFnB,EAAE,EAAA,OAAA,EAAA,CAbJ,EAAE,CAAA,EAAA,CAAA,CAAA;4FAeA,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAhB/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE;wBACP,gBAAgB;wBAChB,eAAe;wBACf,aAAa;wBACb,mBAAmB;AACpB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,gBAAgB;wBAChB,eAAe;wBACf,aAAa;wBACb,mBAAmB;AACpB,qBAAA;AACD,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;AAGA,CAAC;AAAA,CAAC,EAAE,EAAE;;AChBN,CAAC;AAAA,CAAC,EAAE,EAAE;;ACTP;;AAEG;;;;"}
+{"version":3,"file":"static-columns.mjs","sources":["../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-grow.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/breakpoints.service.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/base-hide-show.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-hide-mobile.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-hide-tablet.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-hide-desktop.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-show-mobile.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-show-tablet.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column-show-desktop.directive.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/column.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/column/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/columns-gap.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/columns-gap.component.html","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns-gap/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.component.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.component.html","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/columns.module.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/lib/index.ts","../../../tmp-libs-for-bundle/static-columns/projects/static-columns/src/static-columns.ts"],"sourcesContent":["import { Component, Directive, ElementRef, Renderer2 } from '@angular/core';\n\n\n@Directive({\n  selector: '[grow]'\n})\nexport class DirectiveGrow {\n  constructor(public e: ElementRef, public renderer: Renderer2) {\n    setTimeout(() => {\n\n      renderer.setStyle(e.nativeElement, 'flexGrow', '1')\n    }, 0);\n\n\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-grow.directive.ts","import { BreakpointObserver, BreakpointState, Breakpoints } from '@angular/cdk/layout';\nimport { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { _ } from 'tnp-core/browser';\n\n@Injectable({ providedIn: 'root' })\nexport class BreakpointsService {\n\n  private sub = new Subject<'mobile' | 'tablet' | 'desktop'>();\n  public listenTo = this.sub.asObservable();\n\n  constructor(\n    breakpointObserver: BreakpointObserver,\n  ) {\n\n    breakpointObserver.observe([Breakpoints.XSmall, Breakpoints.Tablet, Breakpoints.Web]).subscribe((state) => {\n\n      if (!_.isUndefined(Breakpoints.XSmall.split(', ').find(f => state.breakpoints[f]))) {\n        this.sub.next('mobile');\n      } else if (!_.isUndefined(Breakpoints.Tablet.split(', ').find(f => state.breakpoints[f]))) {\n        this.sub.next('tablet');\n      } else if (!_.isUndefined(Breakpoints.Web.split(', ').find(f => state.breakpoints[f]))) {\n        this.sub.next('desktop');\n      }\n    });\n\n    setTimeout(() => {\n      if (breakpointObserver.isMatched([Breakpoints.XSmall])) {\n        this.sub.next('mobile');\n      }\n\n      if (breakpointObserver.isMatched([Breakpoints.Tablet])) {\n        this.sub.next('tablet');\n      }\n\n      if (breakpointObserver.isMatched([Breakpoints.Web])) {\n        this.sub.next('desktop');\n      }\n    })\n  }\n\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/breakpoints.service.ts","\n\nimport { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\n\n@Directive({\n  selector: '[baseHideShowDirective]'\n})\nexport abstract class BaseHideShowDirective {\n  $destroy = new Subject();\n  constructor(\n    public e: ElementRef,\n    public renderer: Renderer2,\n    public breakpoints: BreakpointsService,\n  ) { }\n\n  private originalDisaplay: string;\n\n\n  abstract action(state: \"mobile\" | \"tablet\" | \"desktop\");\n\n  protected hideElement() {\n    this.renderer.setStyle(this.e.nativeElement, 'display', 'none')\n  }\n\n  protected showElement() {\n    this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay)\n  }\n\n  ngOnInit(): void {\n    //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.\n    //Add 'implements AfterViewInit' to the class.\n    this.breakpoints\n      .listenTo\n      .pipe(takeUntil(this.$destroy))\n      .subscribe((state) => {\n        if (typeof this.originalDisaplay === 'undefined') {\n          this.originalDisaplay = (this.e.nativeElement as HTMLElement).style.display;\n        }\n\n        this.action(state);\n      })\n  }\n\n  ngOnDestroy(): void {\n    this.$destroy.next(void 0);\n    this.$destroy.complete()\n  }\n\n\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/base-hide-show.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[hideMobile]'\n})\nexport class DirectiveHideMobile extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'mobile') {\n      this.hideElement();\n    } else {\n      this.showElement();\n    }\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[hideTablet]'\n})\nexport class DirectiveHideTablet extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'tablet') {\n      this.hideElement();\n    } else {\n      this.showElement();\n    }\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[hideDesktop]'\n})\nexport class DirectiveHideDesktop extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'desktop') {\n      this.hideElement();\n    } else {\n      this.showElement();\n    }\n  }\n}\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-desktop.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[showMobile]'\n})\nexport class DirectiveShowMobile extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'mobile') {\n      this.showElement();\n    } else {\n      this.hideElement();\n    }\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-show-mobile.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[showTablet]'\n})\nexport class DirectiveShowTablet  extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'tablet') {\n      this.showElement();\n    } else {\n      this.hideElement();\n    }\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-show-tablet.directive.ts","import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';\nimport { Component, Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\nimport { Subject, takeUntil } from 'rxjs';\nimport { BreakpointsService } from '../breakpoints.service';\nimport { BaseHideShowDirective } from './base-hide-show.directive';\n\n@Directive({\n  selector: '[showDesktop]'\n})\nexport class DirectiveShowDesktop extends BaseHideShowDirective {\n  action(state: 'mobile' | 'tablet' | 'desktop') {\n    if (state === 'desktop') {\n      this.showElement();\n    } else {\n      this.hideElement();\n    }\n  }\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column-show-desktop.directive.ts","import { Component, OnInit, Input, HostBinding } from '@angular/core';\n\n@Component({\n    selector: 'column',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./column.component.scss']\n})\nexport class ColumnComponent implements OnInit {\n    @HostBinding('style.flex.basis.px') @HostBinding('style.minWidth.px') @Input() width: number;\n\n    constructor() {\n\n    }\n\n    ngOnInit() { }\n\n}\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/column.component.ts","\nexport * from './column-grow.directive';\n\n\nexport * from './column-hide-mobile.directive';\n\n\nexport * from './column-hide-tablet.directive';\n\n\nexport * from './column-hide-desktop.directive';\n\n\nexport * from './column-show-mobile.directive';\n\n\nexport * from './column-show-tablet.directive';\n\n\nexport * from './column-show-desktop.directive';\n\n\nexport * from './column.component';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/column/index.ts","\nimport { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { Subscription } from 'rxjs';\n\n@Component({\n  selector: 'columns-gap',\n  templateUrl: './columns-gap.component.html',\n  styleUrls: ['./columns-gap.component.scss']\n})\nexport class ColumnsGapComponent implements OnInit {\n\n  @HostBinding('style.flex.basis.px') @HostBinding('style.minWidth.px') width: number = 20;\n\n  handlers: Subscription[] = [];\n  @Output() columnsGapDataChanged = new EventEmitter();\n  @Input() columnsGapData: any = {};\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n  ngOnDestroy(): void {\n    this.handlers.forEach(h => h.unsubscribe());\n  }\n\n}\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns-gap/columns-gap.component.ts","<column [width]=\"width\"></column>\r\n","\nexport * from './columns-gap.component';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts","\nimport { Component, OnInit, ViewEncapsulation, ViewChildren, QueryList } from '@angular/core';\nimport { ColumnComponent } from './column';\n\n\n\n\n@Component({\n    selector: 'columns-container',\n    templateUrl: './columns.component.html',\n    styleUrls: ['./columns.component.scss'],\n})\nexport class ColumnsComponent implements OnInit {\n    @ViewChildren(ColumnComponent) childrens: QueryList<ColumnComponent>;\n\n    constructor() {\n\n    }\n    ngOnInit() { }\n}\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns.component.ts","<ng-content></ng-content>\r\n","\nimport { NgModule } from '@angular/core';\nimport { LayoutModule } from '@angular/cdk/layout';\nimport {   ColumnComponent, DirectiveGrow,   DirectiveHideDesktop,   DirectiveHideTablet,   DirectiveHideMobile,   DirectiveShowDesktop,   DirectiveShowMobile,   DirectiveShowTablet, } from './column';/* */\n/* */\n/* */\n/* */\n/* */\n/* */\n/* */\n/* */\n\nimport { ColumnsGapComponent } from './columns-gap/columns-gap.component';\nimport { ColumnsComponent } from './columns.component';\nimport { BreakpointsService } from './breakpoints.service';\n\n\nconst components = [\n  ColumnsComponent,\n  ColumnComponent,\n  DirectiveGrow,\n  DirectiveHideMobile,\n  DirectiveHideTablet,\n  DirectiveHideDesktop,\n  DirectiveShowTablet,\n  DirectiveShowMobile,\n  DirectiveShowDesktop,\n  ColumnsGapComponent,\n];\n\n@NgModule({\n  imports: [\n    LayoutModule,\n  ],\n  exports: [\n    LayoutModule,\n    ...components,\n  ],\n  declarations: [\n    ...components,\n  ],\n  providers: [BreakpointsService],\n})\nexport class StaticColumnsModule { }\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts","export * from './column';\nexport * from './columns-gap';\n\nexport * from './breakpoints.service';\nexport * from './columns.component';\n\n\nexport * from './columns.module';\n\n\n ;({}); // @--end-of-file-for-module=static-columns lib/index.ts","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.BreakpointsService","i1.ColumnComponent"],"mappings":"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"}

package/client/lib/breakpoints.service.d.ts

@@ -0,0 +1,10 @@
+// @ts-nocheck
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i0 from "@angular/core";
+export declare class BreakpointsService {
+    private sub;
+    listenTo: import("rxjs").Observable<"mobile" | "tablet" | "desktop">;
+    constructor(breakpointObserver: BreakpointObserver);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointsService>;
+}

package/client/lib/column/base-hide-show.directive.d.ts

@@ -0,0 +1,20 @@
+// @ts-nocheck
+import { ElementRef, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
+import { BreakpointsService } from '../breakpoints.service';
+import * as i0 from "@angular/core";
+export declare abstract class BaseHideShowDirective {
+    e: ElementRef;
+    renderer: Renderer2;
+    breakpoints: BreakpointsService;
+    $destroy: Subject<unknown>;
+    constructor(e: ElementRef, renderer: Renderer2, breakpoints: BreakpointsService);
+    private originalDisaplay;
+    abstract action(state: "mobile" | "tablet" | "desktop"): any;
+    protected hideElement(): void;
+    protected showElement(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseHideShowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseHideShowDirective, "[baseHideShowDirective]", never, {}, {}, never>;
+}

package/client/lib/column/column-grow.directive.d.ts

@@ -1,10 +1,10 @@
 // @ts-nocheck
-import { ElementRef, Renderer2 } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class DirectiveGrow {
-    e: ElementRef;
-    renderer: Renderer2;
-    constructor(e: ElementRef, renderer: Renderer2);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveGrow, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveGrow, "[grow]", never, {}, {}, never>;
+import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DirectiveGrow {
+    e: ElementRef;
+    renderer: Renderer2;
+    constructor(e: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveGrow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveGrow, "[grow]", never, {}, {}, never>;
 }