static-columns 16.0.3 → 16.0.5

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

@@ -1,6 +1,9 @@
 import { NgModule } from '@angular/core';
 import { LayoutModule } from '@angular/cdk/layout';
-import { ColumnComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideTablet, DirectiveHideMobile, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, } from './column'; /* */
+import { ColumnComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideTablet, DirectiveHideMobile, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile50, DirectiveShrinkOnMobile, DirectiveShrinkOnTablet, } from './column'; /* */
+/* */
+/* */
+/* */
 /* */
 /* */
 /* */
@@ -23,10 +26,13 @@ const components = [
     DirectiveShowMobile,
     DirectiveShowDesktop,
     ColumnsGapComponent,
+    DirectiveShrinkOnMobile50,
+    DirectiveShrinkOnMobile,
+    DirectiveShrinkOnTablet,
 ];
 class StaticColumnsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -35,7 +41,10 @@ class StaticColumnsModule {
             DirectiveShowTablet,
             DirectiveShowMobile,
             DirectiveShowDesktop,
-            ColumnsGapComponent], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -44,11 +53,14 @@ class StaticColumnsModule {
             DirectiveShowTablet,
             DirectiveShowMobile,
             DirectiveShowDesktop,
-            ColumnsGapComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
 }
 export { StaticColumnsModule };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -66,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
         }] });
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/columns.module.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBSSxlQUFlLEVBQUUsYUFBYSxFQUFJLG9CQUFvQixFQUFJLG1CQUFtQixFQUFJLG1CQUFtQixFQUFJLG9CQUFvQixFQUFJLG1CQUFtQixFQUFJLG1CQUFtQixHQUFHLE1BQU0sVUFBVSxDQUFDLENBQUEsS0FBSztBQUM5TSxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBRUwsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRzNELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG1CQUFtQjtDQUNwQixDQUFDO0FBRUYsTUFhYSxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLGlCQXpCOUIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsbUJBQW1CLGFBS2pCLFlBQVksYUFHWixZQUFZLEVBakJkLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLG1CQUFtQjsrR0FnQlIsbUJBQW1CLGFBRm5CLENBQUMsa0JBQWtCLENBQUMsWUFUN0IsWUFBWSxFQUdaLFlBQVk7O1NBUUgsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsU0FBUyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDOztBQUlBLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUVBQWlFIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyAgIENvbHVtbkNvbXBvbmVudCwgRGlyZWN0aXZlR3JvdywgICBEaXJlY3RpdmVIaWRlRGVza3RvcCwgICBEaXJlY3RpdmVIaWRlVGFibGV0LCAgIERpcmVjdGl2ZUhpZGVNb2JpbGUsICAgRGlyZWN0aXZlU2hvd0Rlc2t0b3AsICAgRGlyZWN0aXZlU2hvd01vYmlsZSwgICBEaXJlY3RpdmVTaG93VGFibGV0LCB9IGZyb20gJy4vY29sdW1uJzsvKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cblxuaW1wb3J0IHsgQ29sdW1uc0dhcENvbXBvbmVudCB9IGZyb20gJy4vY29sdW1ucy1nYXAvY29sdW1ucy1nYXAuY29tcG9uZW50JztcbmltcG9ydCB7IENvbHVtbnNDb21wb25lbnQgfSBmcm9tICcuL2NvbHVtbnMuY29tcG9uZW50JztcbmltcG9ydCB7IEJyZWFrcG9pbnRzU2VydmljZSB9IGZyb20gJy4vYnJlYWtwb2ludHMuc2VydmljZSc7XG5cblxuY29uc3QgY29tcG9uZW50cyA9IFtcbiAgQ29sdW1uc0NvbXBvbmVudCxcbiAgQ29sdW1uQ29tcG9uZW50LFxuICBEaXJlY3RpdmVHcm93LFxuICBEaXJlY3RpdmVIaWRlTW9iaWxlLFxuICBEaXJlY3RpdmVIaWRlVGFibGV0LFxuICBEaXJlY3RpdmVIaWRlRGVza3RvcCxcbiAgRGlyZWN0aXZlU2hvd1RhYmxldCxcbiAgRGlyZWN0aXZlU2hvd01vYmlsZSxcbiAgRGlyZWN0aXZlU2hvd0Rlc2t0b3AsXG4gIENvbHVtbnNHYXBDb21wb25lbnQsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgTGF5b3V0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTGF5b3V0TW9kdWxlLFxuICAgIC4uLmNvbXBvbmVudHMsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIC4uLmNvbXBvbmVudHMsXG4gIF0sXG4gIHByb3ZpZGVyczogW0JyZWFrcG9pbnRzU2VydmljZV0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXRpY0NvbHVtbnNNb2R1bGUgeyB9XG5cblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9jb2x1bW5zLm1vZHVsZS50cyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItYnVuZGxlLXdlYnNxbC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2NvbHVtbnMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFBSSxlQUFlLEVBQUUsYUFBYSxFQUFJLG9CQUFvQixFQUFJLG1CQUFtQixFQUFJLG1CQUFtQixFQUFJLG9CQUFvQixFQUFJLG1CQUFtQixFQUFJLG1CQUFtQixFQUFJLHlCQUF5QixFQUFJLHVCQUF1QixFQUFJLHVCQUF1QixHQUFHLE1BQU0sVUFBVSxDQUFDLENBQUEsS0FBSztBQUNqUyxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFDTCxLQUFLO0FBRUwsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRzNELE1BQU0sVUFBVSxHQUFHO0lBQ2pCLGdCQUFnQjtJQUNoQixlQUFlO0lBQ2YsYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG1CQUFtQjtJQUNuQix5QkFBeUI7SUFDekIsdUJBQXVCO0lBQ3ZCLHVCQUF1QjtDQUN4QixDQUFDO0FBRUYsTUFhYSxtQkFBbUI7OEdBQW5CLG1CQUFtQjsrR0FBbkIsbUJBQW1CLGlCQTVCOUIsZ0JBQWdCO1lBQ2hCLGVBQWU7WUFDZixhQUFhO1lBQ2IsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixvQkFBb0I7WUFDcEIsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6Qix1QkFBdUI7WUFDdkIsdUJBQXVCLGFBS3JCLFlBQVksYUFHWixZQUFZLEVBcEJkLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLG1CQUFtQjtZQUNuQixtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLG1CQUFtQjtZQUNuQix5QkFBeUI7WUFDekIsdUJBQXVCO1lBQ3ZCLHVCQUF1QjsrR0FnQlosbUJBQW1CLGFBRm5CLENBQUMsa0JBQWtCLENBQUMsWUFUN0IsWUFBWSxFQUdaLFlBQVk7O1NBUUgsbUJBQW1COzJGQUFuQixtQkFBbUI7a0JBYi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osR0FBRyxVQUFVO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWixHQUFHLFVBQVU7cUJBQ2Q7b0JBQ0QsU0FBUyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ2hDOztBQUlBLENBQUM7QUFBQSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUVBQWlFIiwic291cmNlc0NvbnRlbnQiOlsiXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGF5b3V0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyAgIENvbHVtbkNvbXBvbmVudCwgRGlyZWN0aXZlR3JvdywgICBEaXJlY3RpdmVIaWRlRGVza3RvcCwgICBEaXJlY3RpdmVIaWRlVGFibGV0LCAgIERpcmVjdGl2ZUhpZGVNb2JpbGUsICAgRGlyZWN0aXZlU2hvd0Rlc2t0b3AsICAgRGlyZWN0aXZlU2hvd01vYmlsZSwgICBEaXJlY3RpdmVTaG93VGFibGV0LCAgIERpcmVjdGl2ZVNocmlua09uTW9iaWxlNTAsICAgRGlyZWN0aXZlU2hyaW5rT25Nb2JpbGUsICAgRGlyZWN0aXZlU2hyaW5rT25UYWJsZXQsIH0gZnJvbSAnLi9jb2x1bW4nOy8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuXG5pbXBvcnQgeyBDb2x1bW5zR2FwQ29tcG9uZW50IH0gZnJvbSAnLi9jb2x1bW5zLWdhcC9jb2x1bW5zLWdhcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29sdW1uc0NvbXBvbmVudCB9IGZyb20gJy4vY29sdW1ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJlYWtwb2ludHNTZXJ2aWNlIH0gZnJvbSAnLi9icmVha3BvaW50cy5zZXJ2aWNlJztcblxuXG5jb25zdCBjb21wb25lbnRzID0gW1xuICBDb2x1bW5zQ29tcG9uZW50LFxuICBDb2x1bW5Db21wb25lbnQsXG4gIERpcmVjdGl2ZUdyb3csXG4gIERpcmVjdGl2ZUhpZGVNb2JpbGUsXG4gIERpcmVjdGl2ZUhpZGVUYWJsZXQsXG4gIERpcmVjdGl2ZUhpZGVEZXNrdG9wLFxuICBEaXJlY3RpdmVTaG93VGFibGV0LFxuICBEaXJlY3RpdmVTaG93TW9iaWxlLFxuICBEaXJlY3RpdmVTaG93RGVza3RvcCxcbiAgQ29sdW1uc0dhcENvbXBvbmVudCxcbiAgRGlyZWN0aXZlU2hyaW5rT25Nb2JpbGU1MCxcbiAgRGlyZWN0aXZlU2hyaW5rT25Nb2JpbGUsXG4gIERpcmVjdGl2ZVNocmlua09uVGFibGV0LFxuXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIExheW91dE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExheW91dE1vZHVsZSxcbiAgICAuLi5jb21wb25lbnRzLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICAuLi5jb21wb25lbnRzLFxuICBdLFxuICBwcm92aWRlcnM6IFtCcmVha3BvaW50c1NlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0aWNDb2x1bW5zTW9kdWxlIHsgfVxuXG5cbiA7KHt9KTsgLy8gQC0tZW5kLW9mLWZpbGUtZm9yLW1vZHVsZT1zdGF0aWMtY29sdW1ucyBsaWIvY29sdW1ucy5tb2R1bGUudHMiXX0=

package/websql/fesm2022/static-columns.mjs

@@ -1,30 +1,10 @@
 import * as i0 from '@angular/core';
-import { Directive, Injectable, Component, HostBinding, Input, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { Injectable, 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';
 import { _ } from 'tnp-core/websql';
 
-class DirectiveGrow {
-    constructor(e, renderer) {
-        this.e = e;
-        this.renderer = renderer;
-        setTimeout(() => {
-            renderer.setStyle(e.nativeElement, 'flexGrow', '1');
-        }, 0);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveGrow, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveGrow, selector: "[grow]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", 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
-
 const BRK = {
     mobile: '(max-width: 599.98px)',
     desktop: '(min-width: 840.00px)',
@@ -67,10 +47,10 @@ class BreakpointsService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: BreakpointsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: BreakpointsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
@@ -90,6 +70,9 @@ class BaseHideShowDirective {
     showElement() {
         this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
     }
+    scale(scale = 1) {
+        this.renderer.setStyle(this.e.nativeElement, 'transform', `scale(${scale})`);
+    }
     ngOnInit() {
         //Called after ngAfterContentInit when the component's view has been initialized. Applies to components only.
         //Add 'implements AfterViewInit' to the class.
@@ -107,10 +90,10 @@ class BaseHideShowDirective {
         this.$destroy.next(void 0);
         this.$destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: BaseHideShowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: BaseHideShowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[baseHideShowDirective]'
@@ -119,6 +102,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/column/base-hide-show.directive.ts
 
+class DirectiveGrow {
+    constructor(e, renderer) {
+        this.e = e;
+        this.renderer = renderer;
+        setTimeout(() => {
+            renderer.setStyle(e.nativeElement, 'flexGrow', '1');
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveGrow, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveGrow, selector: "[grow]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", 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 DirectiveHideDesktop extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'desktop') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", 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 DirectiveHideMobile extends BaseHideShowDirective {
     action(state) {
         if (state === 'mobile') {
@@ -128,10 +152,10 @@ class DirectiveHideMobile extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveHideMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideMobile]'
@@ -149,10 +173,10 @@ class DirectiveHideTablet extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveHideTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideTablet]'
@@ -161,26 +185,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-tablet.directive.ts
 
-class DirectiveHideDesktop extends BaseHideShowDirective {
+class DirectiveShowDesktop extends BaseHideShowDirective {
     action(state) {
         if (state === 'desktop') {
-            this.hideElement();
+            this.showElement();
         }
         else {
-            this.showElement();
+            this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShowDesktop, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[hideDesktop]'
+                    selector: '[showDesktop]'
                 }]
         }] });
 ;
-({}); // @--end-of-file-for-module=static-columns lib/column/column-hide-desktop.directive.ts
+({}); // @--end-of-file-for-module=static-columns lib/column/column-show-desktop.directive.ts
 
 class DirectiveShowMobile extends BaseHideShowDirective {
     action(state) {
@@ -191,10 +215,10 @@ class DirectiveShowMobile extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveShowMobile, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShowMobile, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showMobile]'
@@ -212,10 +236,10 @@ class DirectiveShowTablet extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveShowTablet, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShowTablet, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveShowTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShowTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showTablet]'
@@ -224,35 +248,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
 ;
 ({}); // @--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();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.4", type: DirectiveShowDesktop, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", 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() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", 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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", 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: "16.0.4", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", 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: [{
@@ -267,6 +270,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/column/column.component.ts
 
+class DirectiveShrinkOnMobile extends BaseHideShowDirective {
+    constructor(e, renderer, breakpoints) {
+        super(e, renderer, breakpoints);
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+        this.scaleFactor = 75;
+    }
+    action(state) {
+        if (state === 'mobile') {
+            this.scale(0.75);
+        }
+        else {
+            this.scale();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShrinkOnMobile, selector: "[shrinkOnMobile]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnMobile]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/shrink-on-mobile75.directive.ts
+
+class DirectiveShrinkOnMobile50 extends DirectiveShrinkOnMobile {
+    constructor() {
+        super(...arguments);
+        this.scaleFactor = 50;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnMobile50, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShrinkOnMobile50, selector: "[shrinkOnMobile50]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnMobile50]'
+                }]
+        }] });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/shrink-on-mobile50.directive.ts
+
+class DirectiveShrinkOnTablet extends BaseHideShowDirective {
+    constructor(e, renderer, breakpoints) {
+        super(e, renderer, breakpoints);
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+    }
+    action(state) {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnTablet, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.5", type: DirectiveShrinkOnTablet, selector: "[shrinkOnTablet]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnTablet]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }]; } });
+;
+({}); // @--end-of-file-for-module=static-columns lib/column/shrink-on-tablet.directive.ts
+
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/column/index.ts
 
@@ -282,10 +351,10 @@ class ColumnsGapComponent {
     ngOnDestroy() {
         this.handlers.forEach(h => h.unsubscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", 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"], dependencies: [{ kind: "component", type: ColumnComponent, selector: "column", inputs: ["width"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", 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"], dependencies: [{ kind: "component", type: ColumnComponent, selector: "column", inputs: ["width"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ColumnsGapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", 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: [{
@@ -309,10 +378,10 @@ class ColumnsComponent {
     constructor() {
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.4", 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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", 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: "16.0.4", ngImport: i0, type: ColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", 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: [{
@@ -333,10 +402,13 @@ const components = [
     DirectiveShowMobile,
     DirectiveShowDesktop,
     ColumnsGapComponent,
+    DirectiveShrinkOnMobile50,
+    DirectiveShrinkOnMobile,
+    DirectiveShrinkOnTablet,
 ];
 class StaticColumnsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -345,7 +417,10 @@ class StaticColumnsModule {
             DirectiveShowTablet,
             DirectiveShowMobile,
             DirectiveShowDesktop,
-            ColumnsGapComponent], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -354,10 +429,13 @@ class StaticColumnsModule {
             DirectiveShowTablet,
             DirectiveShowMobile,
             DirectiveShowDesktop,
-            ColumnsGapComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImport: i0, type: StaticColumnsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: StaticColumnsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -383,5 +461,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, StaticColumnsModule };
+export { BaseHideShowDirective, BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile, DirectiveShrinkOnMobile50, DirectiveShrinkOnTablet, StaticColumnsModule };
 //# sourceMappingURL=static-columns.mjs.map