static-columns 21.0.48 → 21.0.52

package/browser/types/static-columns-browser.d.ts

@@ -0,0 +1,140 @@
+// @ts-nocheck
+export { Models } from 'typescript-class-helpers/browser';
+export { CoreModels } from 'tnp-core/browser';
+import * as i0 from '@angular/core';
+import { OnDestroy, OnInit, ElementRef, Renderer2, EventEmitter, QueryList } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { Subject, Subscription } from 'rxjs';
+import * as i14 from '@angular/cdk/layout';
+import { BreakpointObserver } from '@angular/cdk/layout';
+
+declare class BreakpointsService {
+    private sub;
+    listenTo(): rxjs.Observable<"mobile" | "tablet" | "desktop">;
+    private current;
+    constructor(breakpointObserver: BreakpointObserver);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointsService>;
+}
+
+declare abstract class BaseHideShowDirective implements OnDestroy, OnInit {
+    e: ElementRef;
+    renderer: Renderer2;
+    breakpoints: BreakpointsService;
+    $destroy: Subject<unknown>;
+    constructor(e: ElementRef, renderer: Renderer2, breakpoints: BreakpointsService);
+    private originalDisaplay;
+    abstract action(state: 'mobile' | 'tablet' | 'desktop'): any;
+    protected hideElement(): void;
+    protected showElement(): void;
+    protected scale(scale?: number): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseHideShowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseHideShowDirective, "[baseHideShowDirective]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveGrow {
+    e: ElementRef;
+    renderer: Renderer2;
+    constructor(e: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveGrow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveGrow, "[grow]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveHideDesktop extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveHideDesktop, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveHideDesktop, "[hideDesktop]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveHideMobile extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveHideMobile, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveHideMobile, "[hideMobile]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveHideTablet extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveHideTablet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveHideTablet, "[hideTablet]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveShowDesktop extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShowDesktop, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShowDesktop, "[showDesktop]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveShowMobile extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShowMobile, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShowMobile, "[showMobile]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveShowTablet extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShowTablet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShowTablet, "[showTablet]", never, {}, {}, never, never, false, never>;
+}
+
+declare class ColumnComponent implements OnInit {
+    width: number;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "column", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class DirectiveShrinkOnMobile extends BaseHideShowDirective {
+    e: ElementRef;
+    renderer: Renderer2;
+    breakpoints: BreakpointsService;
+    scaleFactor: number;
+    constructor(e: ElementRef, renderer: Renderer2, breakpoints: BreakpointsService);
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShrinkOnMobile, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShrinkOnMobile, "[shrinkOnMobile]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveShrinkOnMobile50 extends DirectiveShrinkOnMobile {
+    scaleFactor: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShrinkOnMobile50, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShrinkOnMobile50, "[shrinkOnMobile50]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DirectiveShrinkOnTablet extends BaseHideShowDirective {
+    e: ElementRef;
+    renderer: Renderer2;
+    breakpoints: BreakpointsService;
+    constructor(e: ElementRef, renderer: Renderer2, breakpoints: BreakpointsService);
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DirectiveShrinkOnTablet, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DirectiveShrinkOnTablet, "[shrinkOnTablet]", never, {}, {}, never, never, false, never>;
+}
+
+declare class ColumnsGapComponent implements OnInit, OnDestroy {
+    width: number;
+    handlers: Subscription[];
+    columnsGapDataChanged: EventEmitter<any>;
+    columnsGapData: any;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsGapComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsGapComponent, "columns-gap", never, { "columnsGapData": { "alias": "columnsGapData"; "required": false; }; }, { "columnsGapDataChanged": "columnsGapDataChanged"; }, never, never, false, never>;
+}
+
+declare class ColumnsComponent {
+    childrens: QueryList<ColumnComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsComponent, "columns-container", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class StaticColumnsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StaticColumnsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StaticColumnsModule, [typeof ColumnsComponent, typeof ColumnComponent, typeof DirectiveGrow, typeof DirectiveHideMobile, typeof DirectiveHideTablet, typeof DirectiveHideDesktop, typeof DirectiveShowTablet, typeof DirectiveShowMobile, typeof DirectiveShowDesktop, typeof ColumnsGapComponent, typeof DirectiveShrinkOnMobile50, typeof DirectiveShrinkOnMobile, typeof DirectiveShrinkOnTablet], [typeof i14.LayoutModule], [typeof i14.LayoutModule, typeof ColumnsComponent, typeof ColumnComponent, typeof DirectiveGrow, typeof DirectiveHideMobile, typeof DirectiveHideTablet, typeof DirectiveHideDesktop, typeof DirectiveShowTablet, typeof DirectiveShowMobile, typeof DirectiveShowDesktop, typeof ColumnsGapComponent, typeof DirectiveShrinkOnMobile50, typeof DirectiveShrinkOnMobile, typeof DirectiveShrinkOnTablet]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
+}
+
+export { BaseHideShowDirective, BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile, DirectiveShrinkOnMobile50, DirectiveShrinkOnTablet, StaticColumnsModule };

package/browser-prod/README.md

@@ -0,0 +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.

package/browser-prod/fesm2022/static-columns-browser.mjs

@@ -0,0 +1,480 @@
+export { Models__NS__ClassConfig, Models__NS__MethodConfig, Models__NS__ParamConfig } from 'typescript-class-helpers/browser-prod';
+import { ___NS__isUndefined } from 'tnp-core/browser-prod';
+export { CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__EnvironmentName, CoreModels__NS__GitConnectionArr, CoreModels__NS__ImageFileExtensionArr, CoreModels__NS__InstalationTypeArr, CoreModels__NS__MediaTypeAllArr, CoreModels__NS__MimeTypesObj, CoreModels__NS__NpmSpecialVersions, CoreModels__NS__OrignalClassKey, CoreModels__NS__ReleaseVersionTypeEnum, CoreModels__NS__SPECIAL_APP_READY_MESSAGE, CoreModels__NS__SPECIAL_WORKER_READY_MESSAGE, CoreModels__NS__TaonHttpErrorCustomProp, CoreModels__NS__localhostDomain, CoreModels__NS__localhostIp127, CoreModels__NS__mimeTypes, CoreModels__NS__parentLocation, CoreModels__NS__pathToChildren, CoreModels__NS__tagForTaskName } from 'tnp-core/browser-prod';
+import * as i0 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';
+
+//#region imports
+//#endregion
+const BRK = {
+    mobile: '(max-width: 599.98px)',
+    // tablet: obsvious
+    desktop: '(min-width: 840.00px)',
+};
+class BreakpointsService {
+    listenTo() {
+        setTimeout(() => {
+            this.sub.next(this.current);
+        });
+        return this.sub.asObservable();
+    }
+    constructor(breakpointObserver) {
+        this.sub = new Subject();
+        breakpointObserver.observe([BRK.mobile, BRK.desktop]).subscribe(state => {
+            if (!___NS__isUndefined([BRK.mobile].find(f => state.breakpoints[f]))) {
+                this.current = 'mobile';
+                this.sub.next('mobile');
+            }
+            else if (!___NS__isUndefined([BRK.desktop].find(f => state.breakpoints[f]))) {
+                this.current = 'desktop';
+                this.sub.next('desktop');
+            }
+            else {
+                this.current = 'tablet';
+                this.sub.next('tablet');
+            }
+        });
+        setTimeout(() => {
+            if (breakpointObserver.isMatched([BRK.mobile])) {
+                this.current = 'mobile';
+                this.sub.next('mobile');
+            }
+            else if (breakpointObserver.isMatched([BRK.desktop])) {
+                this.current = 'desktop';
+                this.sub.next('desktop');
+            }
+            else {
+                this.current = 'tablet';
+                this.sub.next('tablet');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreakpointsService, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreakpointsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreakpointsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
+
+//#endregion
+class BaseHideShowDirective {
+    constructor(e, renderer, breakpoints) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+        this.$destroy = new Subject();
+    }
+    hideElement() {
+        this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+    }
+    showElement() {
+        this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+    }
+    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.
+        this.breakpoints
+            .listenTo()
+            .pipe(takeUntil(this.$destroy))
+            .subscribe(state => {
+            if (typeof this.originalDisaplay === 'undefined') {
+                this.originalDisaplay = this.e.nativeElement.style.display;
+            }
+            // console.log(`state for actin: ${state}`)
+            this.action(state);
+        });
+    }
+    ngOnDestroy() {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", 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: "21.0.9", type: BaseHideShowDirective, isStandalone: false, selector: "[baseHideShowDirective]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BaseHideShowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[baseHideShowDirective]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
+
+//#region imports
+//#endregion
+class DirectiveGrow {
+    constructor(e, renderer) {
+        this.e = e;
+        this.renderer = renderer;
+        setTimeout(() => {
+            // e.nativeElement.style.flexGrow = 1;
+            renderer.setStyle(e.nativeElement, 'flexGrow', '1');
+        }, 0);
+        // renderer.setElementStyle(e.nativeElement, 'flexGrow', '1');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", 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: "21.0.9", type: DirectiveGrow, isStandalone: false, selector: "[grow]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveGrow, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[grow]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+
+//#endregion
+class DirectiveHideDesktop extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'desktop') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveHideDesktop, isStandalone: false, selector: "[hideDesktop]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideDesktop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideDesktop]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+class DirectiveHideMobile extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'mobile') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveHideMobile, isStandalone: false, selector: "[hideMobile]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideMobile]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+class DirectiveHideTablet extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'tablet') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveHideTablet, isStandalone: false, selector: "[hideTablet]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveHideTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hideTablet]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+class DirectiveShowDesktop extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'desktop') {
+            this.showElement();
+        }
+        else {
+            this.hideElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowDesktop, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveShowDesktop, isStandalone: false, selector: "[showDesktop]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowDesktop, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showDesktop]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+class DirectiveShowMobile extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'mobile') {
+            this.showElement();
+        }
+        else {
+            this.hideElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowMobile, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveShowMobile, isStandalone: false, selector: "[showMobile]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showMobile]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+class DirectiveShowTablet extends BaseHideShowDirective {
+    action(state) {
+        if (state === 'tablet') {
+            this.showElement();
+        }
+        else {
+            this.hideElement();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowTablet, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveShowTablet, isStandalone: false, selector: "[showTablet]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShowTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[showTablet]',
+                    standalone: false,
+                }]
+        }] });
+
+//#region imports
+//#endregion
+class ColumnComponent {
+    constructor() {
+        // this.ccwidth = 90;
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", 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: "21.0.9", ngImport: i0, type: ColumnComponent, decorators: [{
+            type: Component,
+            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']
+            }, {
+                type: HostBinding,
+                args: ['style.minWidth.px']
+            }, {
+                type: Input
+            }] } });
+
+//#endregion
+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 {
+            // if (state === 'tablet' && this.tablet75) {
+            // } else {
+            this.scale();
+            // }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", 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: "21.0.9", type: DirectiveShrinkOnMobile, isStandalone: false, selector: "[shrinkOnMobile]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShrinkOnMobile, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnMobile]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
+
+//#endregion
+class DirectiveShrinkOnMobile50 extends DirectiveShrinkOnMobile {
+    constructor() {
+        super(...arguments);
+        this.scaleFactor = 50;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShrinkOnMobile50, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: DirectiveShrinkOnMobile50, isStandalone: false, selector: "[shrinkOnMobile50]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShrinkOnMobile50, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnMobile50]',
+                    standalone: false,
+                }]
+        }] });
+
+//#endregion
+// import { DirectiveShrinkOnMobile50 } from './shrink-on-mobile50.directive';
+// import { DirectiveShrinkOnMobile } from './shrink-on-mobile75.directive';
+class DirectiveShrinkOnTablet extends BaseHideShowDirective {
+    constructor(e, renderer, breakpoints) {
+        super(e, renderer, breakpoints);
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+    }
+    action(state) {
+        // if (state === 'tablet') {
+        //   this.scale(0.75)
+        // } else {
+        //   if (state === 'mobile' && (this.mobile50 || this.mobile75)) {
+        //   } else {
+        //     this.scale()
+        //   }
+        // }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", 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: "21.0.9", type: DirectiveShrinkOnTablet, isStandalone: false, selector: "[shrinkOnTablet]", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DirectiveShrinkOnTablet, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[shrinkOnTablet]',
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: BreakpointsService }] });
+
+//#region @browser
+//#endregion
+
+//#region imports
+//#endregion
+class ColumnsGapComponent {
+    constructor() {
+        this.width = 20;
+        this.handlers = [];
+        this.columnsGapDataChanged = new EventEmitter();
+        this.columnsGapData = {};
+    }
+    ngOnInit() { }
+    ngOnDestroy() {
+        this.handlers.forEach(h => h.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ColumnsGapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", 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: "21.0.9", ngImport: i0, type: ColumnsGapComponent, decorators: [{
+            type: Component,
+            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']
+            }, {
+                type: HostBinding,
+                args: ['style.minWidth.px']
+            }], columnsGapDataChanged: [{
+                type: Output
+            }], columnsGapData: [{
+                type: Input
+            }] } });
+
+//#region @browser
+//#endregion
+
+//#region imports
+//#endregion
+// import { Log, Level } from 'ng2-logger/index';
+// const log = Log.create('test');
+// log.i('asdas')
+class ColumnsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ColumnsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", 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: "21.0.9", ngImport: i0, type: ColumnsComponent, decorators: [{
+            type: Component,
+            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]
+            }] } });
+
+//#region imports
+//#endregion
+const components = [
+    ColumnsComponent,
+    ColumnComponent,
+    DirectiveGrow,
+    DirectiveHideMobile,
+    DirectiveHideTablet,
+    DirectiveHideDesktop,
+    DirectiveShowTablet,
+    DirectiveShowMobile,
+    DirectiveShowDesktop,
+    ColumnsGapComponent,
+    DirectiveShrinkOnMobile50,
+    DirectiveShrinkOnMobile,
+    DirectiveShrinkOnTablet,
+];
+class StaticColumnsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, declarations: [ColumnsComponent,
+            ColumnComponent,
+            DirectiveGrow,
+            DirectiveHideMobile,
+            DirectiveHideTablet,
+            DirectiveHideDesktop,
+            DirectiveShowTablet,
+            DirectiveShowMobile,
+            DirectiveShowDesktop,
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet], imports: [LayoutModule], exports: [LayoutModule, ColumnsComponent,
+            ColumnComponent,
+            DirectiveGrow,
+            DirectiveHideMobile,
+            DirectiveHideTablet,
+            DirectiveHideDesktop,
+            DirectiveShowTablet,
+            DirectiveShowMobile,
+            DirectiveShowDesktop,
+            ColumnsGapComponent,
+            DirectiveShrinkOnMobile50,
+            DirectiveShrinkOnMobile,
+            DirectiveShrinkOnTablet] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, providers: [BreakpointsService], imports: [LayoutModule, LayoutModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [LayoutModule],
+                    exports: [LayoutModule, ...components],
+                    declarations: [...components],
+                    providers: [BreakpointsService],
+                }]
+        }] });
+
+/* */
+/* */
+/* */
+/* */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseHideShowDirective, BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile, DirectiveShrinkOnMobile50, DirectiveShrinkOnTablet, StaticColumnsModule };
+//# sourceMappingURL=static-columns-browser.mjs.map