static-columns 13.1.31 → 13.3.2

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

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

package/websql/esm2020/lib/columns.component.mjs

@@ -1,20 +1,20 @@
-import { Component, ViewChildren, QueryList } from '@angular/core';
-import { ColumnComponent } from './column';
-import * as i0 from "@angular/core";
-export 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]
-            }] } });
-;
-({}); // @--end-of-file-for-module=static-columns lib/columns.component.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS13ZWJzcWwvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW5zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQTZCLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFVM0MsTUFBTSxPQUFPLGdCQUFnQjtJQUd6QjtJQUVBLENBQUM7SUFDRCxRQUFRLEtBQUssQ0FBQzs7OEdBTkwsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsdUZBQ1gsZUFBZSxnRENiakMsNkJBQ0E7NEZEV2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNJLG1CQUFtQjswRUFLRSxTQUFTO3NCQUF2QyxZQUFZO3VCQUFDLGVBQWU7O0FBUWhDLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsb0VBQW9FIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIFZpZXdDaGlsZHJlbiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL2NvbHVtbic7XG5cblxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY29sdW1ucy1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2x1bW5zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb2x1bW5zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZHJlbihDb2x1bW5Db21wb25lbnQpIGNoaWxkcmVuczogUXVlcnlMaXN0PENvbHVtbkNvbXBvbmVudD47XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcblxuICAgIH1cbiAgICBuZ09uSW5pdCgpIHsgfVxufVxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2NvbHVtbnMuY29tcG9uZW50LnRzIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
+import { Component, ViewChildren, QueryList } from '@angular/core';
+import { ColumnComponent } from './column';
+import * as i0 from "@angular/core";
+export 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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vdG1wLWxpYnMtZm9yLWJ1bmRsZS13ZWJzcWwvc3RhdGljLWNvbHVtbnMvcHJvamVjdHMvc3RhdGljLWNvbHVtbnMvc3JjL2xpYi9jb2x1bW5zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQTZCLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFVM0MsTUFBTSxPQUFPLGdCQUFnQjtJQUd6QjtJQUVBLENBQUM7SUFDRCxRQUFRLEtBQUssQ0FBQzs7OEdBTkwsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsdUZBQ1gsZUFBZSxnRENiakMsK0JBQ0E7NEZEV2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNJLG1CQUFtQjswRUFLRSxTQUFTO3NCQUF2QyxZQUFZO3VCQUFDLGVBQWU7O0FBU2hDLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsb0VBQW9FIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24sIFZpZXdDaGlsZHJlbiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL2NvbHVtbic7XG5cblxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY29sdW1ucy1jb250YWluZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2x1bW5zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jb2x1bW5zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENvbHVtbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBWaWV3Q2hpbGRyZW4oQ29sdW1uQ29tcG9uZW50KSBjaGlsZHJlbnM6IFF1ZXJ5TGlzdDxDb2x1bW5Db21wb25lbnQ+O1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG5cbiAgICB9XG4gICAgbmdPbkluaXQoKSB7IH1cbn1cblxuXG4gOyh7fSk7IC8vIEAtLWVuZC1vZi1maWxlLWZvci1tb2R1bGU9c3RhdGljLWNvbHVtbnMgbGliL2NvbHVtbnMuY29tcG9uZW50LnRzIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4iXX0=

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

@@ -1,38 +1,54 @@
-import { NgModule } from '@angular/core';
-import { ColumnComponent, DirectiveGrow } from './column';
-import { ColumnsGapComponent } from './columns-gap/columns-gap.component';
-import { ColumnsComponent } from './columns.component';
-import * as i0 from "@angular/core";
-export 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: [],
-                }]
-        }] });
-;
-({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDMUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBa0J2RCxNQUFNLE9BQU8sbUJBQW1COztpSEFBbkIsbUJBQW1CO2tIQUFuQixtQkFBbUIsaUJBUDVCLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsYUFBYTtRQUNiLG1CQUFtQixhQVRuQixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGFBQWE7UUFDYixtQkFBbUI7a0hBVVYsbUJBQW1CLGFBRm5CLEVBQUUsWUFiSixFQUFFOzRGQWVBLG1CQUFtQjtrQkFoQi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLEVBQUU7b0JBQ1gsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLG1CQUFtQjtxQkFDcEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixhQUFhO3dCQUNiLG1CQUFtQjtxQkFDcEI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2Q7O0FBR0EsQ0FBQztBQUFBLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxpRUFBaUUiLCJzb3VyY2VzQ29udGVudCI6WyJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENvbHVtbkNvbXBvbmVudCwgRGlyZWN0aXZlR3JvdyB9IGZyb20gJy4vY29sdW1uJztcbmltcG9ydCB7IENvbHVtbnNHYXBDb21wb25lbnQgfSBmcm9tICcuL2NvbHVtbnMtZ2FwL2NvbHVtbnMtZ2FwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb2x1bW5zQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgQ29sdW1uc0NvbXBvbmVudCxcbiAgICBDb2x1bW5Db21wb25lbnQsXG4gICAgRGlyZWN0aXZlR3JvdyxcbiAgICBDb2x1bW5zR2FwQ29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBDb2x1bW5zQ29tcG9uZW50LFxuICAgIENvbHVtbkNvbXBvbmVudCxcbiAgICBEaXJlY3RpdmVHcm93LFxuICAgIENvbHVtbnNHYXBDb21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXRpY0NvbHVtbnNNb2R1bGUgeyB9XG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1ucy5tb2R1bGUudHMiXX0=
+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 { ColumnsGapComponent } from './columns-gap/columns-gap.component';
+import { ColumnsComponent } from './columns.component';
+import * as i0 from "@angular/core";
+const components = [
+    ColumnsComponent,
+    ColumnComponent,
+    DirectiveGrow,
+    DirectiveHideMobile,
+    DirectiveHideTablet,
+    DirectiveShowMobile,
+    ColumnsGapComponent,
+];
+export 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,
+        DirectiveShowMobile,
+        ColumnsGapComponent], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
+        ColumnComponent,
+        DirectiveGrow,
+        DirectiveHideMobile,
+        DirectiveHideTablet,
+        DirectiveShowMobile,
+        ColumnsGapComponent] });
+StaticColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, providers: [], 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: [],
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUV2RCxNQUFNLFVBQVUsR0FBRztJQUNqQixnQkFBZ0I7SUFDaEIsZUFBZTtJQUNmLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsbUJBQW1CO0lBQ25CLG1CQUFtQjtJQUNuQixtQkFBbUI7Q0FDcEIsQ0FBQztBQWVGLE1BQU0sT0FBTyxtQkFBbUI7O2lIQUFuQixtQkFBbUI7a0hBQW5CLG1CQUFtQixpQkF0QjlCLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG1CQUFtQixhQUtqQixZQUFZLGFBR1osWUFBWSxFQWRkLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsYUFBYTtRQUNiLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsbUJBQW1CO1FBQ25CLG1CQUFtQjtrSEFnQlIsbUJBQW1CLGFBRm5CLEVBQUUsWUFWSjtZQUNQLFlBQVk7U0FDYixFQUVDLFlBQVk7NEZBUUgsbUJBQW1CO2tCQWIvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLEdBQUcsVUFBVTtxQkFDZDtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELFNBQVMsRUFBRSxFQUFFO2lCQUNkOztBQUlBLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUVBQWlFIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb2x1bW5Db21wb25lbnQsIERpcmVjdGl2ZUdyb3csIERpcmVjdGl2ZUhpZGVUYWJsZXQsIERpcmVjdGl2ZVNob3dNb2JpbGUgfSBmcm9tICcuL2NvbHVtbic7XG5pbXBvcnQgeyBEaXJlY3RpdmVIaWRlTW9iaWxlIH0gZnJvbSAnLi9jb2x1bW4vY29sdW1uLWhpZGUtbW9iaWxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2x1bW5zR2FwQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29sdW1uc0NvbXBvbmVudCB9IGZyb20gJy4vY29sdW1ucy5jb21wb25lbnQnO1xuXG5jb25zdCBjb21wb25lbnRzID0gW1xuICBDb2x1bW5zQ29tcG9uZW50LFxuICBDb2x1bW5Db21wb25lbnQsXG4gIERpcmVjdGl2ZUdyb3csXG4gIERpcmVjdGl2ZUhpZGVNb2JpbGUsXG4gIERpcmVjdGl2ZUhpZGVUYWJsZXQsXG4gIERpcmVjdGl2ZVNob3dNb2JpbGUsXG4gIENvbHVtbnNHYXBDb21wb25lbnQsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTGF5b3V0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTGF5b3V0TW9kdWxlLFxuICAgIC4uLmNvbXBvbmVudHMsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIC4uLmNvbXBvbmVudHMsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXRpY0NvbHVtbnNNb2R1bGUgeyB9XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW5zLm1vZHVsZS50cyJdfQ==

package/websql/esm2020/lib/index.mjs

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

package/websql/esm2020/public-api.mjs

@@ -1,2 +1,2 @@
-export * from './lib';
+export * from './lib';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3RtcC1saWJzLWZvci1idW5kbGUtd2Vic3FsL3N0YXRpYy1jb2x1bW5zL3Byb2plY3RzL3N0YXRpYy1jb2x1bW5zL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsT0FBTyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWInO1xuIl19

package/websql/esm2020/static-columns.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGljLWNvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvc3RhdGljLWNvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/websql/fesm2015/static-columns.mjs

@@ -1,142 +1,276 @@
 import * as i0 from '@angular/core';
 import { Directive, Component, HostBinding, Input, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i1 from '@angular/cdk/layout';
+import { LayoutModule } from '@angular/cdk/layout';
 
-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 }]; } });
-;
+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 DirectiveHideMobile {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 600px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveHideMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideMobile, selector: "[hideMobile]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideMobile]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-mobile.directive.ts
+
+class DirectiveHideTablet {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 800px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveHideTablet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveHideTablet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveHideTablet, selector: "[hideTablet]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideTablet]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
+
+class DirectiveShowMobile {
+    constructor(e, renderer, breakpointObserver) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpointObserver = breakpointObserver;
+        this.$destroy = new Subject();
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(min-width: 600px)'])
+            .pipe(takeUntil(this.$destroy))
+            .subscribe((state) => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            if (state.matches) {
+                this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+            }
+            else {
+                this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+}
+DirectiveShowMobile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveShowMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Directive });
+DirectiveShowMobile.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: DirectiveShowMobile, selector: "[showMobile]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showMobile]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.BreakpointObserver }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/column-show-mobile.directive.ts
+
+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,
+    DirectiveShowMobile,
+    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,
+        DirectiveShowMobile,
+        ColumnsGapComponent], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
+        ColumnComponent,
+        DirectiveGrow,
+        DirectiveHideMobile,
+        DirectiveHideTablet,
+        DirectiveShowMobile,
+        ColumnsGapComponent] });
+StaticColumnsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: StaticColumnsModule, providers: [], 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: [],
+                }]
+        }] });
+;
 ({}); // @--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 { ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowMobile, StaticColumnsModule };
 //# sourceMappingURL=static-columns.mjs.map