static-columns 18.0.5 → 18.0.10

package/README.md

@@ -1,99 +1,99 @@
-
-# STATIC-COLUMNS - effortless Angular2+ layouts
-
-# forget about flex box complicated rules !
-
-With this simple library 
-
-**angular / html columns with static width**
-
-mixed with
- 
-**columns with responsive width**
- 
-are not a problem anymore!
-
-
----
-### How to install:
-```
-    npm install static-columns --save
-```
-
-
-### Import it:
-```ts
-import { StaticColumnsModule } form "static-columns/browser"
-```
-
-### Put module inside angular imports:
-```ts
-
-@NgModule(
- // ... 
-  imports: [StaticColumnsModule]
-  // ... 
-)
-class MyExampleModule {
- // ... 
-}
-```
-
-# Examples
-	
- ## Basic usage:
-```html
-<columns-container>
-  <column grow > <!-- this column will grow/shring based on screen width -->
-    something
-  </column>
-  <column width="190">                        
-      <button>ZAKRES</button>
-  </column>
-  <column width="190">                        
-      <button-magnifier></button-magnifier>
-      <button-bell></button-bell>
-      <button-gears></button-gears>
-  </column>
-</columns-container>
-```
-
-![Modules marked](screen.png)
-
-
-## Hide/show column in mobile view:
-```html
-<columns-container>
-  <column hideMobile >
-      I am not visible when screen < 600px
-  </column>
-  <column  showMobile>                        
-      I am visible only when screen < 600px
-  </column>
-</columns-container>
-```
-
-## Hide/show column in tablet view:
-```html
-<columns-container>
-  <column hideTablet >
-      I am not visible when screen > 600px and < 840 px
-  </column>
-  <column  showTablet>                        
-      I am visible only when screen > 600px and < 840 px
-  </column>
-</columns-container>
-```
-
-
-## Hide/show column in desktop view:
-```html
-<columns-container>
-  <column hideDesktop >
-      I am not visible when screen > 840 px
-  </column>
-  <column  showDesktop>                        
-      I am visible only when screen > 840 px
-  </column>
-</columns-container>
-```
+
+# STATIC-COLUMNS - effortless Angular2+ layouts
+
+# forget about flex box complicated rules !
+
+With this simple library 
+
+**angular / html columns with static width**
+
+mixed with
+ 
+**columns with responsive width**
+ 
+are not a problem anymore!
+
+
+---
+### How to install:
+```
+    npm install static-columns --save
+```
+
+
+### Import it:
+```ts
+import { StaticColumnsModule } form "static-columns/browser"
+```
+
+### Put module inside angular imports:
+```ts
+
+@NgModule(
+ // ... 
+  imports: [StaticColumnsModule]
+  // ... 
+)
+class MyExampleModule {
+ // ... 
+}
+```
+
+# Examples
+	
+ ## Basic usage:
+```html
+<columns-container>
+  <column grow > <!-- this column will grow/shring based on screen width -->
+    something
+  </column>
+  <column width="190">                        
+      <button>ZAKRES</button>
+  </column>
+  <column width="190">                        
+      <button-magnifier></button-magnifier>
+      <button-bell></button-bell>
+      <button-gears></button-gears>
+  </column>
+</columns-container>
+```
+
+![Modules marked](screen.png)
+
+
+## Hide/show column in mobile view:
+```html
+<columns-container>
+  <column hideMobile >
+      I am not visible when screen < 600px
+  </column>
+  <column  showMobile>                        
+      I am visible only when screen < 600px
+  </column>
+</columns-container>
+```
+
+## Hide/show column in tablet view:
+```html
+<columns-container>
+  <column hideTablet >
+      I am not visible when screen > 600px and < 840 px
+  </column>
+  <column  showTablet>                        
+      I am visible only when screen > 600px and < 840 px
+  </column>
+</columns-container>
+```
+
+
+## Hide/show column in desktop view:
+```html
+<columns-container>
+  <column hideDesktop >
+      I am not visible when screen > 840 px
+  </column>
+  <column  showDesktop>                        
+      I am visible only when screen > 840 px
+  </column>
+</columns-container>
+```

package/assets/shared/shared_folder_info.txt

@@ -1,6 +1,6 @@
 THIS FILE IS GENERATED. THIS FILE IS GENERATED. THIS FILE IS GENERATED.
 
-Assets from this folder are being shipped with this npm package (static-columns@18.0.5)
+Assets from this folder are being shipped with this npm package (static-columns@18.0.10)
 created from this project.
 
 THIS FILE IS GENERATED.THIS FILE IS GENERATED. THIS FILE IS GENERATED.

package/browser/README.md

@@ -1,24 +1,24 @@
-# MyLib
-
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
-
-## Code scaffolding
-
-Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
-> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
-
-## Build
-
-Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
-
-## Publishing
-
-After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
-
-## Running unit tests
-
-Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+# MyLib
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
+> Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

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

@@ -49,10 +49,10 @@ export class BreakpointsService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BreakpointsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BreakpointsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });

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

@@ -41,10 +41,10 @@ export class BaseHideShowDirective {
         this.$destroy.next(void 0);
         this.$destroy.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BaseHideShowDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: BaseHideShowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BaseHideShowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[baseHideShowDirective]',

package/browser/esm2022/lib/column/column-grow.directive.mjs

@@ -8,10 +8,10 @@ export class DirectiveGrow {
             renderer.setStyle(e.nativeElement, 'flexGrow', '1');
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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: "18.1.4", type: DirectiveGrow, selector: "[grow]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.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: "18.1.5", type: DirectiveGrow, selector: "[grow]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveGrow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveGrow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[grow]',

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

@@ -10,10 +10,10 @@ export class DirectiveHideDesktop extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveHideDesktop, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideDesktop]',

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

@@ -10,10 +10,10 @@ export class DirectiveHideMobile extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveHideMobile, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideMobile]',

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

@@ -10,10 +10,10 @@ export class DirectiveHideTablet extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveHideTablet, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideTablet]',

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

@@ -10,10 +10,10 @@ export class DirectiveShowDesktop extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShowDesktop, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShowDesktop, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showDesktop]',

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

@@ -10,10 +10,10 @@ export class DirectiveShowMobile extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShowMobile, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShowMobile, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showMobile]',

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

@@ -10,10 +10,10 @@ export class DirectiveShowTablet extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShowTablet, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShowTablet, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShowTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showTablet]',

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

@@ -4,10 +4,10 @@ export class ColumnComponent {
     constructor() {
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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: "18.1.5", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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: "18.1.4", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.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: () => [], propDecorators: { width: [{

package/browser/esm2022/lib/column/shrink-on-mobile50.directive.mjs

@@ -6,10 +6,10 @@ export class DirectiveShrinkOnMobile50 extends DirectiveShrinkOnMobile {
         super(...arguments);
         this.scaleFactor = 50;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnMobile50, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShrinkOnMobile50, selector: "[shrinkOnMobile50]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile50, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShrinkOnMobile50, selector: "[shrinkOnMobile50]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnMobile50]',

package/browser/esm2022/lib/column/shrink-on-mobile75.directive.mjs

@@ -19,10 +19,10 @@ export class DirectiveShrinkOnMobile extends BaseHideShowDirective {
             this.scale();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShrinkOnMobile, selector: "[shrinkOnMobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShrinkOnMobile, selector: "[shrinkOnMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnMobile]',

package/browser/esm2022/lib/column/shrink-on-tablet.directive.mjs

@@ -12,10 +12,10 @@ export class DirectiveShrinkOnTablet extends BaseHideShowDirective {
     }
     action(state) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnTablet, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.4", type: DirectiveShrinkOnTablet, selector: "[shrinkOnTablet]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnTablet, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: DirectiveShrinkOnTablet, selector: "[shrinkOnTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnTablet]',

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

@@ -12,10 +12,10 @@ export class ColumnsGapComponent {
     ngOnDestroy() {
         this.handlers.forEach(h => h.unsubscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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>\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"], dependencies: [{ kind: "component", type: i1.ColumnComponent, selector: "column", inputs: ["width"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.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>\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"], dependencies: [{ kind: "component", type: i1.ColumnComponent, selector: "column", inputs: ["width"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ColumnsGapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", 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: () => [], propDecorators: { width: [{

package/browser/esm2022/lib/columns.component.mjs

@@ -9,10 +9,10 @@ import * as i0 from "@angular/core";
 export class ColumnsComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.4", 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}.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: "18.1.5", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", 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}.static-columns-hide-mobile{display:block}@media (max-width: 600px){.static-columns-hide-mobile{display:none}}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: ColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", 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}.static-columns-hide-mobile{display:block}@media (max-width: 600px){.static-columns-hide-mobile{display:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { childrens: [{

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

@@ -32,8 +32,8 @@ const components = [
     DirectiveShrinkOnTablet,
 ];
 export class StaticColumnsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.4", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -58,9 +58,9 @@ export class StaticColumnsModule {
             DirectiveShrinkOnMobile50,
             DirectiveShrinkOnMobile,
             DirectiveShrinkOnTablet] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: StaticColumnsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LayoutModule],