static-columns 13.3.2 → 13.3.3

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/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"}

package/lib/column/column-grow.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-grow.directive.js","sourceRoot":"","sources":["../../../src/lib/column/column-grow.directive.ts"],"names":[],"mappings":";;;;AAAA,sCAA4E;AAM5E;IACE,uBAAmB,CAAa,EAAS,QAAmB;QAAzC,MAAC,GAAD,CAAC,CAAY;QAAS,aAAQ,GAAR,QAAQ,CAAW;QAC1D,UAAU,CAAC;YACT,sCAAsC;YACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;QACrD,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,8DAA8D;IAChE,CAAC;IARU,aAAa;QAHzB,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,QAAQ;SACnB,CAAC;iDAEsB,iBAAU,EAAmB,gBAAS;OADjD,aAAa,CASzB;IAAD,oBAAC;CAAA,AATD,IASC;AATY,sCAAa"}
+{"version":3,"file":"column-grow.directive.js","sourceRoot":"","sources":["../../src/lib/column/column-grow.directive.ts"],"names":[],"mappings":";;;;AAAA,sCAA4E;AAM5E;IACE,uBAAmB,CAAa,EAAS,QAAmB;QAAzC,MAAC,GAAD,CAAC,CAAY;QAAS,aAAQ,GAAR,QAAQ,CAAW;QAC1D,UAAU,CAAC;YACT,sCAAsC;YACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,CAAC,CAAA;QACrD,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,8DAA8D;IAChE,CAAC;IARU,aAAa;QAHzB,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,QAAQ;SACnB,CAAC;iDAEsB,iBAAU,EAAmB,gBAAS;OADjD,aAAa,CASzB;IAAD,oBAAC;CAAA,AATD,IASC;AATY,sCAAa"}

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

@@ -0,0 +1,4 @@
+import { BaseHideShowDirective } from './base-hide-show.directive';
+export declare class DirectiveHideDesktop extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
+}

package/lib/column/column-hide-desktop.directive.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DirectiveHideDesktop = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var base_hide_show_directive_1 = require("./base-hide-show.directive");
+var DirectiveHideDesktop = /** @class */ (function (_super) {
+    tslib_1.__extends(DirectiveHideDesktop, _super);
+    function DirectiveHideDesktop() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DirectiveHideDesktop.prototype.action = function (state) {
+        if (state === 'desktop') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
+    };
+    DirectiveHideDesktop = tslib_1.__decorate([
+        (0, core_1.Directive)({
+            selector: '[hideDesktop]'
+        })
+    ], DirectiveHideDesktop);
+    return DirectiveHideDesktop;
+}(base_hide_show_directive_1.BaseHideShowDirective));
+exports.DirectiveHideDesktop = DirectiveHideDesktop;
+//# sourceMappingURL=column-hide-desktop.directive.js.map

package/lib/column/column-hide-desktop.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-hide-desktop.directive.js","sourceRoot":"","sources":["../../src/lib/column/column-hide-desktop.directive.ts"],"names":[],"mappings":";;;;AACA,sCAAoF;AAGpF,uEAAmE;AAKnE;IAA0C,gDAAqB;IAA/D;;IAQA,CAAC;IAPC,qCAAM,GAAN,UAAO,KAAsC;QAC3C,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;aAAM;YACL,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;IAPU,oBAAoB;QAHhC,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,eAAe;SAC1B,CAAC;OACW,oBAAoB,CAQhC;IAAD,2BAAC;CAAA,AARD,CAA0C,gDAAqB,GAQ9D;AARY,oDAAoB"}

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

@@ -1,13 +1,4 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { ElementRef, OnInit, Renderer2 } from '@angular/core';
-import { Subject } from 'rxjs';
-export declare class DirectiveHideMobile implements OnInit {
-    e: ElementRef;
-    renderer: Renderer2;
-    breakpointObserver: BreakpointObserver;
-    $destroy: Subject<unknown>;
-    constructor(e: ElementRef, renderer: Renderer2, breakpointObserver: BreakpointObserver);
-    private originalDisaplay;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+import { BaseHideShowDirective } from './base-hide-show.directive';
+export declare class DirectiveHideMobile extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
 }

package/lib/column/column-hide-mobile.directive.js

@@ -2,46 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DirectiveHideMobile = 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 DirectiveHideMobile = /** @class */ (function () {
-    function DirectiveHideMobile(e, renderer, breakpointObserver) {
-        this.e = e;
-        this.renderer = renderer;
-        this.breakpointObserver = breakpointObserver;
-        this.$destroy = new rxjs_1.Subject();
+var base_hide_show_directive_1 = require("./base-hide-show.directive");
+var DirectiveHideMobile = /** @class */ (function (_super) {
+    tslib_1.__extends(DirectiveHideMobile, _super);
+    function DirectiveHideMobile() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    DirectiveHideMobile.prototype.ngOnInit = function () {
-        var _this = this;
-        this.breakpointObserver
-            .observe(['(min-width: 600px)'])
-            .pipe((0, rxjs_1.takeUntil)(this.$destroy))
-            .subscribe(function (state) {
-            if (typeof _this.originalDisaplay === 'undefined') {
-                _this.originalDisaplay = _this.e.nativeElement.style.display;
-            }
-            if (state.matches) {
-                _this.renderer.setStyle(_this.e.nativeElement, 'display', _this.originalDisaplay);
-            }
-            else {
-                _this.renderer.setStyle(_this.e.nativeElement, 'display', 'none');
-            }
-        });
-    };
-    DirectiveHideMobile.prototype.ngOnDestroy = function () {
-        this.$destroy.next(void 0);
-        this.$destroy.complete();
+    DirectiveHideMobile.prototype.action = function (state) {
+        if (state === 'mobile') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
     };
     DirectiveHideMobile = tslib_1.__decorate([
         (0, core_1.Directive)({
             selector: '[hideMobile]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2,
-            layout_1.BreakpointObserver])
+        })
     ], DirectiveHideMobile);
     return DirectiveHideMobile;
-}());
+}(base_hide_show_directive_1.BaseHideShowDirective));
 exports.DirectiveHideMobile = DirectiveHideMobile;
 //# sourceMappingURL=column-hide-mobile.directive.js.map

package/lib/column/column-hide-mobile.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-hide-mobile.directive.js","sourceRoot":"","sources":["../../../src/lib/column/column-hide-mobile.directive.ts"],"names":[],"mappings":";;;;AAAA,8CAA0E;AAC1E,sCAAoF;AACpF,6BAA0C;AAM1C;IAGE,6BACS,CAAa,EACb,QAAmB,EACnB,kBAAsC;QAFtC,MAAC,GAAD,CAAC,CAAY;QACb,aAAQ,GAAR,QAAQ,CAAW;QACnB,uBAAkB,GAAlB,kBAAkB,CAAoB;QAJ/C,aAAQ,GAAG,IAAI,cAAO,EAAE,CAAC;IAKrB,CAAC;IAIL,sCAAQ,GAAR;QAAA,iBAcC;QAbC,IAAI,CAAC,kBAAkB;aACpB,OAAO,CAAC,CAAC,oBAAoB,CAAC,CAAC;aAC/B,IAAI,CAAC,IAAA,gBAAS,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,UAAC,KAAsB;YAChC,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,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAI,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,KAAI,CAAC,gBAAgB,CAAC,CAAA;aAC/E;iBAAM;gBACL,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAI,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,CAAA;aAChE;QACH,CAAC,CAAC,CAAA;IACN,CAAC;IAED,yCAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAA;IAC1B,CAAC;IA9BU,mBAAmB;QAH/B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,cAAc;SACzB,CAAC;iDAKY,iBAAU;YACH,gBAAS;YACC,2BAAkB;OANpC,mBAAmB,CAgC/B;IAAD,0BAAC;CAAA,AAhCD,IAgCC;AAhCY,kDAAmB"}
+{"version":3,"file":"column-hide-mobile.directive.js","sourceRoot":"","sources":["../../src/lib/column/column-hide-mobile.directive.ts"],"names":[],"mappings":";;;;AACA,sCAAoF;AAGpF,uEAAmE;AAKnE;IAAyC,+CAAqB;IAA9D;;IAQA,CAAC;IAPC,oCAAM,GAAN,UAAO,KAAsC;QAC3C,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;aAAM;YACL,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;IAPU,mBAAmB;QAH/B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,cAAc;SACzB,CAAC;OACW,mBAAmB,CAQ/B;IAAD,0BAAC;CAAA,AARD,CAAyC,gDAAqB,GAQ7D;AARY,kDAAmB"}

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

@@ -1,13 +1,4 @@
-import { BreakpointObserver } from '@angular/cdk/layout';
-import { ElementRef, OnInit, Renderer2 } from '@angular/core';
-import { Subject } from 'rxjs';
-export declare class DirectiveHideTablet implements OnInit {
-    e: ElementRef;
-    renderer: Renderer2;
-    breakpointObserver: BreakpointObserver;
-    $destroy: Subject<unknown>;
-    constructor(e: ElementRef, renderer: Renderer2, breakpointObserver: BreakpointObserver);
-    private originalDisaplay;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+import { BaseHideShowDirective } from './base-hide-show.directive';
+export declare class DirectiveHideTablet extends BaseHideShowDirective {
+    action(state: 'mobile' | 'tablet' | 'desktop'): void;
 }

package/lib/column/column-hide-tablet.directive.js

@@ -2,46 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DirectiveHideTablet = 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 DirectiveHideTablet = /** @class */ (function () {
-    function DirectiveHideTablet(e, renderer, breakpointObserver) {
-        this.e = e;
-        this.renderer = renderer;
-        this.breakpointObserver = breakpointObserver;
-        this.$destroy = new rxjs_1.Subject();
+var base_hide_show_directive_1 = require("./base-hide-show.directive");
+var DirectiveHideTablet = /** @class */ (function (_super) {
+    tslib_1.__extends(DirectiveHideTablet, _super);
+    function DirectiveHideTablet() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    DirectiveHideTablet.prototype.ngOnInit = function () {
-        var _this = this;
-        this.breakpointObserver
-            .observe(['(min-width: 800px)'])
-            .pipe((0, rxjs_1.takeUntil)(this.$destroy))
-            .subscribe(function (state) {
-            if (typeof _this.originalDisaplay === 'undefined') {
-                _this.originalDisaplay = _this.e.nativeElement.style.display;
-            }
-            if (state.matches) {
-                _this.renderer.setStyle(_this.e.nativeElement, 'display', _this.originalDisaplay);
-            }
-            else {
-                _this.renderer.setStyle(_this.e.nativeElement, 'display', 'none');
-            }
-        });
-    };
-    DirectiveHideTablet.prototype.ngOnDestroy = function () {
-        this.$destroy.next(void 0);
-        this.$destroy.complete();
+    DirectiveHideTablet.prototype.action = function (state) {
+        if (state === 'tablet') {
+            this.hideElement();
+        }
+        else {
+            this.showElement();
+        }
     };
     DirectiveHideTablet = tslib_1.__decorate([
         (0, core_1.Directive)({
             selector: '[hideTablet]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            core_1.Renderer2,
-            layout_1.BreakpointObserver])
+        })
     ], DirectiveHideTablet);
     return DirectiveHideTablet;
-}());
+}(base_hide_show_directive_1.BaseHideShowDirective));
 exports.DirectiveHideTablet = DirectiveHideTablet;
 //# sourceMappingURL=column-hide-tablet.directive.js.map