static-columns 13.1.31 → 13.3.3

package/client/lib/column/column-hide-desktop.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column-hide-mobile.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column-hide-tablet.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column-show-desktop.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column-show-mobile.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column-show-tablet.directive.d.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+import { BaseHideShowDirective } from './base-hide-show.directive';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/client/lib/column/column.component.d.ts

@@ -1,10 +1,10 @@
 // @ts-nocheck
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ColumnComponent implements OnInit {
-    width: number;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "column", never, { "width": "width"; }, {}, never, ["*"]>;
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ColumnComponent implements OnInit {
+    width: number;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnComponent, "column", never, { "width": "width"; }, {}, never, ["*"]>;
 }

package/client/lib/column/index.d.ts

@@ -1,3 +1,9 @@
 // @ts-nocheck
-export * from './column-grow.directive';
+export * from './column-grow.directive';
+export * from './column-hide-mobile.directive';
+export * from './column-hide-tablet.directive';
+export * from './column-hide-desktop.directive';
+export * from './column-show-mobile.directive';
+export * from './column-show-tablet.directive';
+export * from './column-show-desktop.directive';
 export * from './column.component';

package/client/lib/columns-gap/columns-gap.component.d.ts

@@ -1,15 +1,15 @@
 // @ts-nocheck
-import { EventEmitter, OnInit } from '@angular/core';
-import { Subscription } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class ColumnsGapComponent implements OnInit {
-    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": "columnsGapData"; }, { "columnsGapDataChanged": "columnsGapDataChanged"; }, never, never>;
+import { EventEmitter, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ColumnsGapComponent implements OnInit {
+    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": "columnsGapData"; }, { "columnsGapDataChanged": "columnsGapDataChanged"; }, never, never>;
 }

package/client/lib/columns.component.d.ts

@@ -1,11 +1,11 @@
 // @ts-nocheck
-import { OnInit, QueryList } from '@angular/core';
-import { ColumnComponent } from './column';
-import * as i0 from "@angular/core";
-export declare class ColumnsComponent implements OnInit {
-    childrens: QueryList<ColumnComponent>;
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsComponent, "columns-container", never, {}, {}, never, ["*"]>;
+import { OnInit, QueryList } from '@angular/core';
+import { ColumnComponent } from './column';
+import * as i0 from "@angular/core";
+export declare class ColumnsComponent implements OnInit {
+    childrens: QueryList<ColumnComponent>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsComponent, "columns-container", never, {}, {}, never, ["*"]>;
 }

package/client/lib/columns.module.d.ts

@@ -1,11 +1,18 @@
 // @ts-nocheck
-import * as i0 from "@angular/core";
-import * as i1 from "./columns.component";
-import * as i2 from "./column/column.component";
-import * as i3 from "./column/column-grow.directive";
-import * as i4 from "./columns-gap/columns-gap.component";
-export declare class StaticColumnsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<StaticColumnsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StaticColumnsModule, [typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.ColumnsGapComponent], never, [typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.ColumnsGapComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
+import * as i0 from "@angular/core";
+import * as i1 from "./columns.component";
+import * as i2 from "./column/column.component";
+import * as i3 from "./column/column-grow.directive";
+import * as i4 from "./column/column-hide-mobile.directive";
+import * as i5 from "./column/column-hide-tablet.directive";
+import * as i6 from "./column/column-hide-desktop.directive";
+import * as i7 from "./column/column-show-tablet.directive";
+import * as i8 from "./column/column-show-mobile.directive";
+import * as i9 from "./column/column-show-desktop.directive";
+import * as i10 from "./columns-gap/columns-gap.component";
+import * as i11 from "@angular/cdk/layout";
+export declare class StaticColumnsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StaticColumnsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StaticColumnsModule, [typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.DirectiveHideMobile, typeof i5.DirectiveHideTablet, typeof i6.DirectiveHideDesktop, typeof i7.DirectiveShowTablet, typeof i8.DirectiveShowMobile, typeof i9.DirectiveShowDesktop, typeof i10.ColumnsGapComponent], [typeof i11.LayoutModule], [typeof i11.LayoutModule, typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.DirectiveHideMobile, typeof i5.DirectiveHideTablet, typeof i6.DirectiveHideDesktop, typeof i7.DirectiveShowTablet, typeof i8.DirectiveShowMobile, typeof i9.DirectiveShowDesktop, typeof i10.ColumnsGapComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
 }

package/client/lib/index.d.ts

@@ -1,5 +1,6 @@
 // @ts-nocheck
-export * from './column';
-export * from './columns-gap';
-export * from './columns.component';
+export * from './column';
+export * from './columns-gap';
+export * from './breakpoints.service';
+export * from './columns.component';
 export * from './columns.module';

package/client/package.json

@@ -1,31 +1,269 @@
 {
   "name": "static-columns",
-  "version": "0.0.1",
-  "peerDependencies": {
-    "@angular/common": "^13.2.0",
-    "@angular/core": "^13.2.0"
+  "version": "13.3.3",
+  "description": "Static columns with flexbox for Agnular2",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/darekf77/static-columns.git"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
+  "keywords": [
+    "angular2",
+    "static",
+    "width",
+    "column",
+    "static",
+    "columns",
+    "flexbox",
+    "columns"
+  ],
+  "author": "Dariusz Filipiak",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/darekf77/static-columns/issues"
   },
-  "module": "fesm2015/static-columns.mjs",
-  "es2020": "fesm2020/static-columns.mjs",
-  "esm2020": "esm2020/static-columns.mjs",
-  "fesm2020": "fesm2020/static-columns.mjs",
-  "fesm2015": "fesm2015/static-columns.mjs",
-  "typings": "static-columns.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./static-columns.d.ts",
-      "esm2020": "./esm2020/static-columns.mjs",
-      "es2020": "./fesm2020/static-columns.mjs",
-      "es2015": "./fesm2015/static-columns.mjs",
-      "node": "./fesm2015/static-columns.mjs",
-      "default": "./fesm2020/static-columns.mjs"
-    }
+  "homepage": "https://github.com/darekf77/static-columns#readme",
+  "dependencies": {
+    "@angular-devkit/build-angular": "~13.3.9",
+    "@angular-devkit/core": "~13.3.9",
+    "@angular/animations": "~13.3.0",
+    "@angular/cdk": "~13.3.9",
+    "@angular/cli": "~13.3.9",
+    "@angular/common": "~13.3.0",
+    "@angular/compiler": "~13.3.0",
+    "@angular/compiler-cli": "~13.3.0",
+    "@angular/core": "~13.3.0",
+    "@angular/flex-layout": "~13.0.0-beta.38",
+    "@angular/forms": "~13.3.0",
+    "@angular/material": "~13.3.9",
+    "@angular/platform-browser": "~13.3.0",
+    "@angular/platform-browser-dynamic": "~13.3.0",
+    "@angular/pwa": "~13.3.9",
+    "@angular/router": "~13.3.0",
+    "@angular/service-worker": "~13.3.11",
+    "@babel/cli": "7.18.6",
+    "@iconify/icons-fa-solid": "1.2.2",
+    "@iconify/icons-mdi": "1.2.1",
+    "@mdi/js": "6.5.95",
+    "@ngrx/component-store": "~13.0.2",
+    "@ngrx/data": "~13.0.2",
+    "@ngrx/effects": "~13.0.2",
+    "@ngrx/entity": "~13.0.2",
+    "@ngrx/router-store": "~13.0.2",
+    "@ngrx/schematics": "~13.0.2",
+    "@ngrx/store": "~13.0.2",
+    "@ngrx/store-devtools": "~13.0.2",
+    "@ngx-formly/bootstrap": "6.0.0-next.8",
+    "@ngx-formly/core": "6.0.0-next.8",
+    "@ngx-formly/ionic": "4.6.3",
+    "@ngx-formly/material": "6.0.0-next.8",
+    "@ngx-loading-bar/core": "6.0.2",
+    "@ngx-loading-bar/http-client": "6.0.2",
+    "@ngx-loading-bar/router": "6.0.2",
+    "@ngx-translate/core": "14.0.0",
+    "@ngx-translate/http-loader": "7.0.0",
+    "@swimlane/ngx-datatable": "20.0.0",
+    "@types/chai": "4.1.2",
+    "@types/chokidar": "2.1.3",
+    "@types/dateformat": "1.0.1",
+    "@types/diff": "3.2.2",
+    "@types/express": "4.11.0",
+    "@types/express-fileupload": "1.4.1",
+    "@types/fs-extra": "7.0.0",
+    "@types/glob": "5.0.35",
+    "@types/http-proxy": "1.16.0",
+    "@types/http-proxy-middleware": "0.19.2",
+    "@types/inquirer": "7.3.1",
+    "@types/jasmine": "3.10.0",
+    "@types/json-stringify-safe": "5.0.0",
+    "@types/json5": "0.0.29",
+    "@types/lockfile": "1.0.0",
+    "@types/lodash": "4.14.92",
+    "@types/lowdb": "1.0.6",
+    "@types/mocha": "5.2.5",
+    "@types/node": "16.18.21",
+    "@types/node-notifier": "5.4.0",
+    "@types/oauth2orize": "1.8.0",
+    "@types/password-hash": "1.2.19",
+    "@types/progress": "2.0.3",
+    "@types/q": "1.5.5",
+    "@types/rimraf": "2.0.2",
+    "@types/semver": "6.0.1",
+    "@types/systeminformation": "3.23.0",
+    "@types/vinyl": "2.0.2",
+    "@types/watch": "1.0.0",
+    "accepts": "1.3.4",
+    "any-project-cli": "~13.1.25",
+    "axios": "1.3.5",
+    "background-worker-process": "~13.1.42",
+    "base32": "0.0.7",
+    "bcryptjs": "2.4.3",
+    "better-sqlite3": "7.6.2",
+    "body-parser": "1.18.2",
+    "bootstrap": "4.6.2",
+    "buffer-shims": "1.0.0",
+    "callsite-record": "4.1.3",
+    "chai": "4.2.0",
+    "chalk": "2.3.2",
+    "check-node-version": "3.2.0",
+    "cheerio": "1.0.0-rc.3",
+    "chokidar": "3.5.1",
+    "circular-json": "0.5.1",
+    "command-exists": "1.2.2",
+    "compression": "1.7.4",
+    "concurrently": "3.5.1",
+    "content-type": "1.0.4",
+    "cookie-parser": "1.4.3",
+    "copy-paste": "1.3.0",
+    "cors": "2.8.4",
+    "cpr": "3.0.1",
+    "cross-spawn": "7.0.3",
+    "dateformat": "3.0.3",
+    "detect-mocha": "0.1.0",
+    "diff": "3.2.0",
+    "element-resize-detector": "1.1.15",
+    "enquirer": "2.3.0",
+    "enum-values": "1.2.1",
+    "errorhandler": "1.5.0",
+    "eslint": "7.13.0",
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-jsdoc": "30.7.8",
+    "eslint-plugin-prefer-arrow": "1.2.2",
+    "express": "4.16.3",
+    "express-fileupload": "1.4.0",
+    "express-session": "1.17.3",
+    "fbgraph": "1.4.1",
+    "file-loader": "1.1.5",
+    "file-saver": "2.0.5",
+    "firedev": "^13",
+    "firedev-crud": "~13.1.47",
+    "firedev-crud-deamon": "~13.1.37",
+    "firedev-ports": "~13.1.41",
+    "firedev-storage": "~13.2.31",
+    "firedev-typeorm": "~13.1.25",
+    "firedev-ui": "~13.1.20",
+    "fkill": "6.1.0",
+    "font-awesome": "4.7.0",
+    "form-data": "4.0.0",
+    "fs-extra": "8.1.0",
+    "fuzzy": "0.1.3",
+    "glob": "7.1.2",
+    "gulp": "3.9.1",
+    "hostile": "1.3.3",
+    "http-proxy": "1.16.2",
+    "http-proxy-middleware": "0.19.1",
+    "http-server": "0.11.1",
+    "immutable": "4.3.0",
+    "incremental-compiler": "~13.1.23",
+    "inquirer": "7.3.3",
+    "inquirer-autocomplete-prompt": "1.3.0",
+    "is-elevated": "3.0.0",
+    "isomorphic-region-loader": "~13.1.35",
+    "istanbul-instrumenter-loader": "2.0.0",
+    "jasmine-core": "4.0.0",
+    "jscodeshift": "0.6.3",
+    "json-stringify-safe": "5.0.1",
+    "json10": "~13.1.42",
+    "json10-writer": "~13.1.38",
+    "json5": "2.1.3",
+    "json5-writer": "0.2.0",
+    "jszip": "3.10.1",
+    "karma": "6.3.0",
+    "karma-chrome-launcher": "3.1.0",
+    "karma-cli": "1.0.1",
+    "karma-coverage": "2.1.0",
+    "karma-jasmine": "4.0.0",
+    "karma-jasmine-html-reporter": "1.7.0",
+    "lnk": "1.0.1",
+    "localforage": "1.10.0",
+    "lockfile": "1.0.4",
+    "lodash": "4.17.4",
+    "lodash-walk-object": "~13.1.42",
+    "lowdb": "1.0.0",
+    "magic-renamer": "~13.1.39",
+    "material-design-icons": "3.0.1",
+    "method-override": "2.3.10",
+    "minimist": "1.2.0",
+    "mkdirp": "0.5.1",
+    "mocha": "5.2.0",
+    "moment": "2.22.2",
+    "morphi": "~13.2.5",
+    "ng-packagr": "13.0.0",
+    "ng-talkback": "~13.1.19",
+    "ng2-file-upload": "1.3.0",
+    "ng2-logger": "~13.1.22",
+    "ng2-rest": "~13.2.5",
+    "ng4-icons": "~13.1.21",
+    "ng4-modal": "~13.1.23",
+    "ngx-ace-wrapper": "12",
+    "ngx-bootstrap": "2.0.2",
+    "ngx-editor": "12.2.1",
+    "ngx-highlightjs": "6.1.3",
+    "ngx-moment": "6.0.2",
+    "ngx-pipes": "3.0.0",
+    "ngx-progressbar": "8.0.0",
+    "ngx-scrollbar": "9.0.2",
+    "ngx-store": "3.1.1",
+    "ngx-toastr": "14.2.2",
+    "ngx-wig": "1.2.7",
+    "node-cli-tester": "~13.1.19",
+    "node-localstorage": "2.1.6",
+    "node-notifier": "6.0.0",
+    "nodemon": "1.14.11",
+    "npm-get-dependents": "1.0.1",
+    "npm-run": "4.1.2",
+    "omelette": "0.4.5",
+    "open": "7.2.1",
+    "ora": "3.4.0",
+    "passport": "0.3.2",
+    "passport-http-bearer": "1.0.1",
+    "password-hash": "1.2.2",
+    "portfinder": "1.0.21",
+    "prettier": "2.5.1",
+    "progress": "2.0.3",
+    "prompts": "0.1.8",
+    "ps-list": "6.1.0",
+    "ps-node": "0.1.6",
+    "q": "1.5.1",
+    "randomcolor": "0.5.3",
+    "record-replay-req-res-scenario": "~13.1.20",
+    "reflect-metadata": "0.1.10",
+    "rimraf": "2.6.2",
+    "rxjs": "~7.5.0",
+    "semver": "6.3.0",
+    "simple-git": "1.96.0",
+    "sloc": "0.2.0",
+    "socket.io": "2.4.1",
+    "sort-package-json": "1.11.0",
+    "sql.js": "1.8.0",
+    "static-columns": "~13.3.2",
+    "string-similarity": "4.0.2",
+    "sudo-block": "3.0.0",
+    "systeminformation": "3.45.7",
+    "task.js": "0.1.5",
+    "tnp-cli": "~13.1.57",
+    "tnp-config": "~13.1.73",
+    "tnp-core": "~13.2.15",
+    "tnp-db": "~13.1.19",
+    "tnp-helpers": "~13.1.30",
+    "tnp-models": "~13.1.22",
+    "tnp-ui": "~13.1.27",
+    "ts-debug": "1.3.0",
+    "ts-loader": "2.3.1",
+    "ts-node": "10.7.0",
+    "tslib": "~2.3.0",
+    "typeorm": "~0.3.10",
+    "typescript": "~4.6.2",
+    "typescript-class-helpers": "~13.2.8",
+    "typescript-formatter": "~7.2.2",
+    "underscore": "1.9.1",
+    "uuid": "8.3.2",
+    "validator": "9.2.0",
+    "vpn-split": "~13.1.23",
+    "watch": "1.0.2",
+    "yup": "1.1.1",
+    "zone.js": "~0.11.4"
   },
-  "sideEffects": false
+  "private": false,
+  "lastBuildTagHash": "1c93889b60910274623f53ddb848e3a5abd4cc36",
+  "devDependencies": {}
 }

package/client/static-columns.d.ts

@@ -1,6 +1,6 @@
 // @ts-nocheck
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="static-columns" />
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="static-columns" />
 export * from './public-api';

package/index.d.ts

@@ -1 +1 @@
-export * from './lib';
+export * from './lib';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["./src/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB"}

package/lib/breakpoints.service.d.ts

@@ -0,0 +1,6 @@
+import { BreakpointObserver } from '@angular/cdk/layout';
+export declare class BreakpointsService {
+    private sub;
+    listenTo: import("rxjs").Observable<"mobile" | "tablet" | "desktop">;
+    constructor(breakpointObserver: BreakpointObserver);
+}

package/lib/breakpoints.service.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreakpointsService = void 0;
+var tslib_1 = require("tslib");
+var layout_1 = require("@angular/cdk/layout");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var tnp_core_1 = require("tnp-core");
+var BreakpointsService = /** @class */ (function () {
+    function BreakpointsService(breakpointObserver) {
+        var _this = this;
+        this.sub = new rxjs_1.Subject();
+        this.listenTo = this.sub.asObservable();
+        breakpointObserver.observe([layout_1.Breakpoints.XSmall, layout_1.Breakpoints.Tablet, layout_1.Breakpoints.Web]).subscribe(function (state) {
+            // console.log(state.breakpoints)
+            if (!tnp_core_1._.isUndefined(layout_1.Breakpoints.XSmall.split(', ').find(function (f) { return state.breakpoints[f]; }))) {
+                _this.sub.next('mobile');
+            }
+            else if (!tnp_core_1._.isUndefined(layout_1.Breakpoints.Tablet.split(', ').find(function (f) { return state.breakpoints[f]; }))) {
+                _this.sub.next('tablet');
+            }
+            else if (!tnp_core_1._.isUndefined(layout_1.Breakpoints.Web.split(', ').find(function (f) { return state.breakpoints[f]; }))) {
+                _this.sub.next('desktop');
+            }
+        });
+        setTimeout(function () {
+            if (breakpointObserver.isMatched([layout_1.Breakpoints.XSmall])) {
+                _this.sub.next('mobile');
+            }
+            if (breakpointObserver.isMatched([layout_1.Breakpoints.Tablet])) {
+                _this.sub.next('tablet');
+            }
+            if (breakpointObserver.isMatched([layout_1.Breakpoints.Web])) {
+                _this.sub.next('desktop');
+            }
+        });
+    }
+    BreakpointsService = tslib_1.__decorate([
+        (0, core_1.Injectable)({ providedIn: 'root' }),
+        tslib_1.__metadata("design:paramtypes", [layout_1.BreakpointObserver])
+    ], BreakpointsService);
+    return BreakpointsService;
+}());
+exports.BreakpointsService = BreakpointsService;
+//# sourceMappingURL=breakpoints.service.js.map

package/lib/breakpoints.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.service.js","sourceRoot":"","sources":["../src/lib/breakpoints.service.ts"],"names":[],"mappings":";;;;AAAA,8CAAuF;AACvF,sCAA2C;AAC3C,6BAA+B;AAC/B,qCAA6B;AAG7B;IAKE,4BACE,kBAAsC;QADxC,iBA4BC;QA/BO,QAAG,GAAG,IAAI,cAAO,EAAmC,CAAC;QACtD,aAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAMxC,kBAAkB,CAAC,OAAO,CAAC,CAAC,oBAAW,CAAC,MAAM,EAAE,oBAAW,CAAC,MAAM,EAAE,oBAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,UAAC,KAAK;YACpG,iCAAiC;YACjC,IAAI,CAAC,YAAC,CAAC,WAAW,CAAC,oBAAW,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC,CAAC,EAAE;gBAClF,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACzB;iBAAM,IAAI,CAAC,YAAC,CAAC,WAAW,CAAC,oBAAW,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC,CAAC,EAAE;gBACzF,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACzB;iBAAM,IAAI,CAAC,YAAC,CAAC,WAAW,CAAC,oBAAW,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAApB,CAAoB,CAAC,CAAC,EAAE;gBACtF,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAC;QAEH,UAAU,CAAC;YACT,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC,oBAAW,CAAC,MAAM,CAAC,CAAC,EAAE;gBACtD,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACzB;YAED,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC,oBAAW,CAAC,MAAM,CAAC,CAAC,EAAE;gBACtD,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACzB;YAED,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC,oBAAW,CAAC,GAAG,CAAC,CAAC,EAAE;gBACnD,KAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAjCU,kBAAkB;QAD9B,IAAA,iBAAU,EAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;iDAOX,2BAAkB;OAN7B,kBAAkB,CAmC9B;IAAD,yBAAC;CAAA,AAnCD,IAmCC;AAnCY,gDAAkB"}

package/lib/column/base-hide-show.directive.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
+import { BreakpointsService } from '../breakpoints.service';
+export declare abstract class BaseHideShowDirective {
+    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;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+}

package/lib/column/base-hide-show.directive.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseHideShowDirective = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var rxjs_1 = require("rxjs");
+var breakpoints_service_1 = require("../breakpoints.service");
+var BaseHideShowDirective = /** @class */ (function () {
+    function BaseHideShowDirective(e, renderer, breakpoints) {
+        this.e = e;
+        this.renderer = renderer;
+        this.breakpoints = breakpoints;
+        this.$destroy = new rxjs_1.Subject();
+    }
+    BaseHideShowDirective.prototype.hideElement = function () {
+        this.renderer.setStyle(this.e.nativeElement, 'display', 'none');
+    };
+    BaseHideShowDirective.prototype.showElement = function () {
+        this.renderer.setStyle(this.e.nativeElement, 'display', this.originalDisaplay);
+    };
+    BaseHideShowDirective.prototype.ngOnInit = function () {
+        var _this = this;
+        //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((0, rxjs_1.takeUntil)(this.$destroy))
+            .subscribe(function (state) {
+            if (typeof _this.originalDisaplay === 'undefined') {
+                _this.originalDisaplay = _this.e.nativeElement.style.display;
+            }
+            // console.log(`state for actin: ${state}`)
+            _this.action(state);
+        });
+    };
+    BaseHideShowDirective.prototype.ngOnDestroy = function () {
+        this.$destroy.next(void 0);
+        this.$destroy.complete();
+    };
+    BaseHideShowDirective = tslib_1.__decorate([
+        (0, core_1.Directive)({
+            selector: '[baseHideShowDirective]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            core_1.Renderer2,
+            breakpoints_service_1.BreakpointsService])
+    ], BaseHideShowDirective);
+    return BaseHideShowDirective;
+}());
+exports.BaseHideShowDirective = BaseHideShowDirective;
+//# sourceMappingURL=base-hide-show.directive.js.map

package/lib/column/base-hide-show.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-hide-show.directive.js","sourceRoot":"","sources":["../../src/lib/column/base-hide-show.directive.ts"],"names":[],"mappings":";;;;AAGA,sCAAoF;AACpF,6BAA0C;AAC1C,8DAA4D;AAK5D;IAEE,+BACS,CAAa,EACb,QAAmB,EACnB,WAA+B;QAF/B,MAAC,GAAD,CAAC,CAAY;QACb,aAAQ,GAAR,QAAQ,CAAW;QACnB,gBAAW,GAAX,WAAW,CAAoB;QAJxC,aAAQ,GAAG,IAAI,cAAO,EAAE,CAAC;IAKrB,CAAC;IAOK,2CAAW,GAArB;QACE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;IACjE,CAAC;IAES,2CAAW,GAArB;QACE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAChF,CAAC;IAED,wCAAQ,GAAR;QAAA,iBAaC;QAZC,6GAA6G;QAC7G,8CAA8C;QAC9C,IAAI,CAAC,WAAW;aACb,QAAQ;aACR,IAAI,CAAC,IAAA,gBAAS,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,UAAC,KAAK;YACf,IAAI,OAAO,KAAI,CAAC,gBAAgB,KAAK,WAAW,EAAE;gBAChD,KAAI,CAAC,gBAAgB,GAAI,KAAI,CAAC,CAAC,CAAC,aAA6B,CAAC,KAAK,CAAC,OAAO,CAAC;aAC7E;YACD,2CAA2C;YAC3C,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,CAAC,CAAA;IACN,CAAC;IAED,2CAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA;IAC1B,CAAC;IAvCmB,qBAAqB;QAH1C,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,yBAAyB;SACpC,CAAC;iDAIY,iBAAU;YACH,gBAAS;YACN,wCAAkB;OALpB,qBAAqB,CA0C1C;IAAD,4BAAC;CAAA,AA1CD,IA0CC;AA1CqB,sDAAqB"}