static-columns 21.0.54 → 21.0.56

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

@@ -1,37 +1,8 @@
 // @ts-nocheck
 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>;
-}
+import { ElementRef, Renderer2, OnInit, QueryList } from '@angular/core';
+import * as i4 from '@angular/cdk/layout';
 
 declare class DirectiveGrow {
     e: ElementRef;
@@ -41,42 +12,6 @@ declare class DirectiveGrow {
     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();
@@ -85,45 +20,6 @@ declare class ColumnComponent implements OnInit {
     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>;
@@ -132,8 +28,8 @@ declare class ColumnsComponent {
 
 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 ɵmod: i0.ɵɵNgModuleDeclaration<StaticColumnsModule, [typeof ColumnsComponent, typeof ColumnComponent, typeof DirectiveGrow], [typeof i4.LayoutModule], [typeof i4.LayoutModule, typeof ColumnsComponent, typeof ColumnComponent, typeof DirectiveGrow]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
 }
 
-export { BaseHideShowDirective, BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile, DirectiveShrinkOnMobile50, DirectiveShrinkOnTablet, StaticColumnsModule };
+export { ColumnComponent, ColumnsComponent, DirectiveGrow, StaticColumnsModule };

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

@@ -1,110 +1,8 @@
-import { ___NS__isUndefined } from 'tnp-core/browser-prod';
 export { CoreModels__NS__BaseProjectTypeArr, CoreModels__NS__ClassNameStaticProperty, CoreModels__NS__EnvironmentName, CoreModels__NS__GitConnectionArr, CoreModels__NS__HttpMethodArr, 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 { Directive, HostBinding, Input, Component, ViewChildren, NgModule } from '@angular/core';
 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 {
@@ -128,132 +26,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 }]
         }], 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 {
@@ -277,122 +49,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 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';
@@ -416,45 +72,15 @@ 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,
+            DirectiveGrow], 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] }); }
+            DirectiveGrow] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, imports: [LayoutModule, LayoutModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StaticColumnsModule, decorators: [{
             type: NgModule,
@@ -462,7 +88,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                     imports: [LayoutModule],
                     exports: [LayoutModule, ...components],
                     declarations: [...components],
-                    providers: [BreakpointsService],
                 }]
         }] });
 
@@ -475,5 +100,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseHideShowDirective, BreakpointsService, ColumnComponent, ColumnsComponent, ColumnsGapComponent, DirectiveGrow, DirectiveHideDesktop, DirectiveHideMobile, DirectiveHideTablet, DirectiveShowDesktop, DirectiveShowMobile, DirectiveShowTablet, DirectiveShrinkOnMobile, DirectiveShrinkOnMobile50, DirectiveShrinkOnTablet, StaticColumnsModule };
+export { ColumnComponent, ColumnsComponent, DirectiveGrow, StaticColumnsModule };
 //# sourceMappingURL=static-columns-browser-prod.mjs.map