static-columns 18.0.35 → 19.0.0

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.34)
+Assets from this folder are being shipped with this npm package (static-columns@18.0.35)
 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/fesm2022/static-columns.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, Component, HostBinding, Input, EventEmitter, Output, ViewChildren, NgModule } from '@angular/core';
+import { Injectable, Directive, HostBinding, Input, Component, 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';
@@ -47,10 +47,10 @@ class BreakpointsService {
             }
         });
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BreakpointsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BreakpointsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
@@ -90,13 +90,14 @@ class BaseHideShowDirective {
         this.$destroy.next(void 0);
         this.$destroy.complete();
     }
-    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: BreakpointsService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.5", type: BaseHideShowDirective, selector: "[baseHideShowDirective]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", 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: "19.2.7", type: BaseHideShowDirective, isStandalone: false, selector: "[baseHideShowDirective]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: BaseHideShowDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: BaseHideShowDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[baseHideShowDirective]',
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
 ;
@@ -110,13 +111,14 @@ class DirectiveGrow {
             renderer.setStyle(e.nativeElement, 'flexGrow', '1');
         }, 0);
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", 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: "19.2.7", type: DirectiveGrow, isStandalone: false, selector: "[grow]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveGrow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveGrow, decorators: [{
             type: Directive,
             args: [{
                     selector: '[grow]',
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 ;
@@ -131,13 +133,14 @@ class DirectiveHideDesktop extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveHideDesktop, isStandalone: false, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideDesktop]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -152,13 +155,14 @@ class DirectiveHideMobile extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveHideMobile, isStandalone: false, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideMobile]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -173,13 +177,14 @@ class DirectiveHideTablet extends BaseHideShowDirective {
             this.showElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveHideTablet, isStandalone: false, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveHideTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hideTablet]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -194,13 +199,14 @@ class DirectiveShowDesktop extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveShowDesktop, isStandalone: false, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showDesktop]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -215,13 +221,14 @@ class DirectiveShowMobile extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveShowMobile, isStandalone: false, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showMobile]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -236,13 +243,14 @@ class DirectiveShowTablet extends BaseHideShowDirective {
             this.hideElement();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveShowTablet, isStandalone: false, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShowTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShowTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[showTablet]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -252,12 +260,12 @@ class ColumnComponent {
     constructor() {
     }
     ngOnInit() { }
-    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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: ColumnComponent, isStandalone: false, 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.5", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", 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"] }]
+            args: [{ selector: 'column', template: '<ng-content></ng-content>', standalone: false, styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { width: [{
                 type: HostBinding,
                 args: ['style.flex.basis.px']
@@ -286,13 +294,14 @@ class DirectiveShrinkOnMobile extends BaseHideShowDirective {
             this.scale();
         }
     }
-    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: 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", 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: "19.2.7", type: DirectiveShrinkOnMobile, isStandalone: false, selector: "[shrinkOnMobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnMobile]',
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
 ;
@@ -303,13 +312,14 @@ class DirectiveShrinkOnMobile50 extends DirectiveShrinkOnMobile {
         super(...arguments);
         this.scaleFactor = 50;
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShrinkOnMobile50, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: DirectiveShrinkOnMobile50, isStandalone: false, selector: "[shrinkOnMobile50]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnMobile50]',
+                    standalone: false,
                 }]
         }] });
 ;
@@ -324,13 +334,14 @@ class DirectiveShrinkOnTablet extends BaseHideShowDirective {
     }
     action(state) {
     }
-    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: 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", 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: "19.2.7", type: DirectiveShrinkOnTablet, isStandalone: false, selector: "[shrinkOnTablet]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shrinkOnTablet]',
+                    standalone: false,
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
 ;
@@ -350,12 +361,12 @@ class ColumnsGapComponent {
     ngOnDestroy() {
         this.handlers.forEach(h => h.unsubscribe());
     }
-    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: ColumnComponent, selector: "column", inputs: ["width"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: ColumnsGapComponent, isStandalone: false, 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: ColumnComponent, selector: "column", inputs: ["width"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: ColumnsGapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", 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"] }]
+            args: [{ selector: 'columns-gap', standalone: false, template: "<column [width]=\"width\"></column>\n", styles: [":host{flex-grow:0;flex-shrink:0;width:0px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { width: [{
                 type: HostBinding,
                 args: ['style.flex.basis.px']
@@ -374,12 +385,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 ({}); // @--end-of-file-for-module=static-columns lib/columns-gap/index.ts
 
 class ColumnsComponent {
-    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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: ColumnsComponent, isStandalone: false, 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.5", ngImport: i0, type: ColumnsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", 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"] }]
+            args: [{ selector: 'columns-container', standalone: false, 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"] }]
         }], propDecorators: { childrens: [{
                 type: ViewChildren,
                 args: [ColumnComponent]
@@ -403,8 +414,8 @@ const components = [
     DirectiveShrinkOnTablet,
 ];
 class StaticColumnsModule {
-    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,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
             ColumnComponent,
             DirectiveGrow,
             DirectiveHideMobile,
@@ -429,9 +440,9 @@ class StaticColumnsModule {
             DirectiveShrinkOnMobile50,
             DirectiveShrinkOnMobile,
             DirectiveShrinkOnTablet] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: StaticColumnsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: StaticColumnsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LayoutModule],
@@ -449,7 +460,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
 /* */
 ;
 ({}); // @--end-of-file-for-module=static-columns lib/index.ts
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90bXAtbGlicy1mb3ItZGlzdC9zdGF0aWMtY29sdW1ucy9wcm9qZWN0cy9zdGF0aWMtY29sdW1ucy9zcmMvbGliL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsZUFBZSxDQUFDO0FBRTlCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxxQkFBcUIsQ0FBQztBQUdwQyxjQUFjLGtCQUFrQixDQUFDO0FBRWpDLEtBQUs7QUFDTCxLQUFLO0FBQ0wsS0FBSztBQUNMLEtBQUs7QUFHSixDQUFDO0FBQUEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLHdEQUF3RCIsInNvdXJjZXNDb250ZW50IjpbIlxuXG5leHBvcnQgKiBmcm9tICcuL2NvbHVtbic7XG5leHBvcnQgKiBmcm9tICcuL2NvbHVtbnMtZ2FwJztcblxuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50cy5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vY29sdW1ucy5jb21wb25lbnQnO1xuXG5cbmV4cG9ydCAqIGZyb20gJy4vY29sdW1ucy5tb2R1bGUnO1xuXG4vKiAqL1xuLyogKi9cbi8qICovXG4vKiAqL1xuICBcblxuIDsoe30pOyAvLyBALS1lbmQtb2YtZmlsZS1mb3ItbW9kdWxlPXN0YXRpYy1jb2x1bW5zIGxpYi9pbmRleC50cyJdfQ==
 
 /**
  * Generated bundle index. Do not edit.