static-columns 13.1.31 → 13.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/README.md +78 -41
  2. package/app/preview/index.d.ts +2 -0
  3. package/app/preview/index.js +6 -0
  4. package/app/preview/index.js.map +1 -0
  5. package/app/preview/preview.component.d.ts +8 -0
  6. package/app/preview/preview.component.js +6 -0
  7. package/app/preview/preview.component.js.map +1 -0
  8. package/app/preview/preview.module.d.ts +2 -0
  9. package/app/preview/preview.module.js +6 -0
  10. package/app/preview/preview.module.js.map +1 -0
  11. package/app.js +3 -3
  12. package/browser/README.md +24 -24
  13. package/browser/esm2020/lib/column/column-grow.directive.mjs +21 -21
  14. package/browser/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
  15. package/browser/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
  16. package/browser/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
  17. package/browser/esm2020/lib/column/column.component.mjs +23 -23
  18. package/browser/esm2020/lib/column/index.mjs +8 -5
  19. package/browser/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -35
  20. package/browser/esm2020/lib/columns-gap/index.mjs +3 -3
  21. package/browser/esm2020/lib/columns.component.mjs +20 -20
  22. package/browser/esm2020/lib/columns.module.mjs +54 -38
  23. package/browser/esm2020/lib/index.mjs +6 -6
  24. package/browser/esm2020/public-api.mjs +1 -1
  25. package/browser/esm2020/static-columns.mjs +4 -4
  26. package/browser/fesm2015/static-columns.mjs +254 -120
  27. package/browser/fesm2015/static-columns.mjs.map +1 -1
  28. package/browser/fesm2020/static-columns.mjs +254 -120
  29. package/browser/fesm2020/static-columns.mjs.map +1 -1
  30. package/browser/lib/column/column-grow.directive.d.ts +8 -8
  31. package/browser/lib/column/column-hide-mobile.directive.d.ts +17 -0
  32. package/browser/lib/column/column-hide-tablet.directive.d.ts +17 -0
  33. package/browser/lib/column/column-show-mobile.directive.d.ts +17 -0
  34. package/browser/lib/column/column.component.d.ts +8 -8
  35. package/browser/lib/column/index.d.ts +4 -1
  36. package/browser/lib/columns-gap/columns-gap.component.d.ts +13 -13
  37. package/browser/lib/columns.component.d.ts +9 -9
  38. package/browser/lib/columns.module.d.ts +13 -9
  39. package/browser/lib/index.d.ts +3 -3
  40. package/browser/static-columns.d.ts +4 -4
  41. package/client/README.md +24 -24
  42. package/client/esm2020/lib/column/column-grow.directive.mjs +21 -21
  43. package/client/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
  44. package/client/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
  45. package/client/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
  46. package/client/esm2020/lib/column/column.component.mjs +23 -23
  47. package/client/esm2020/lib/column/index.mjs +8 -5
  48. package/client/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -35
  49. package/client/esm2020/lib/columns-gap/index.mjs +3 -3
  50. package/client/esm2020/lib/columns.component.mjs +20 -20
  51. package/client/esm2020/lib/columns.module.mjs +54 -38
  52. package/client/esm2020/lib/index.mjs +6 -6
  53. package/client/esm2020/public-api.mjs +1 -1
  54. package/client/esm2020/static-columns.mjs +4 -4
  55. package/client/fesm2015/static-columns.mjs +254 -120
  56. package/client/fesm2015/static-columns.mjs.map +1 -1
  57. package/client/fesm2020/static-columns.mjs +254 -120
  58. package/client/fesm2020/static-columns.mjs.map +1 -1
  59. package/client/lib/column/column-grow.directive.d.ts +8 -8
  60. package/client/lib/column/column-hide-mobile.directive.d.ts +17 -0
  61. package/client/lib/column/column-hide-tablet.directive.d.ts +17 -0
  62. package/client/lib/column/column-show-mobile.directive.d.ts +17 -0
  63. package/client/lib/column/column.component.d.ts +8 -8
  64. package/client/lib/column/index.d.ts +4 -1
  65. package/client/lib/columns-gap/columns-gap.component.d.ts +13 -13
  66. package/client/lib/columns.component.d.ts +9 -9
  67. package/client/lib/columns.module.d.ts +13 -9
  68. package/client/lib/index.d.ts +3 -3
  69. package/client/static-columns.d.ts +4 -4
  70. package/index.d.ts +1 -1
  71. package/lib/column/column-grow.directive.d.ts +6 -6
  72. package/lib/column/column-hide-mobile.directive.d.ts +13 -0
  73. package/lib/column/column-hide-mobile.directive.js +47 -0
  74. package/lib/column/column-hide-mobile.directive.js.map +1 -0
  75. package/lib/column/column-hide-tablet.directive.d.ts +13 -0
  76. package/lib/column/column-hide-tablet.directive.js +47 -0
  77. package/lib/column/column-hide-tablet.directive.js.map +1 -0
  78. package/lib/column/column-show-mobile.directive.d.ts +13 -0
  79. package/lib/column/column-show-mobile.directive.js +47 -0
  80. package/lib/column/column-show-mobile.directive.js.map +1 -0
  81. package/lib/column/column.component.d.ts +6 -6
  82. package/lib/column/index.d.ts +4 -1
  83. package/lib/column/index.js +3 -4
  84. package/lib/column/index.js.map +1 -1
  85. package/lib/columns-gap/columns-gap.component.d.ts +10 -10
  86. package/lib/columns-gap/columns-gap.component.js +3 -3
  87. package/lib/columns-gap/index.js +3 -3
  88. package/lib/columns.component.d.ts +6 -6
  89. package/lib/columns.component.js +3 -3
  90. package/lib/columns.module.d.ts +1 -1
  91. package/lib/columns.module.js +3 -3
  92. package/lib/index.d.ts +3 -3
  93. package/package.json +2 -2
  94. package/package.json_devDependencies.json +237 -237
  95. package/package.json_tnp.json5 +49 -49
  96. package/tmp-environment.json +47 -43
  97. package/websql/README.md +24 -24
  98. package/websql/esm2020/lib/column/column-grow.directive.mjs +21 -21
  99. package/websql/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
  100. package/websql/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
  101. package/websql/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
  102. package/websql/esm2020/lib/column/column.component.mjs +23 -23
  103. package/websql/esm2020/lib/column/index.mjs +8 -5
  104. package/websql/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -35
  105. package/websql/esm2020/lib/columns-gap/index.mjs +3 -3
  106. package/websql/esm2020/lib/columns.component.mjs +20 -20
  107. package/websql/esm2020/lib/columns.module.mjs +54 -38
  108. package/websql/esm2020/lib/index.mjs +6 -6
  109. package/websql/esm2020/public-api.mjs +1 -1
  110. package/websql/esm2020/static-columns.mjs +4 -4
  111. package/websql/fesm2015/static-columns.mjs +254 -120
  112. package/websql/fesm2015/static-columns.mjs.map +1 -1
  113. package/websql/fesm2020/static-columns.mjs +254 -120
  114. package/websql/fesm2020/static-columns.mjs.map +1 -1
  115. package/websql/lib/column/column-grow.directive.d.ts +8 -8
  116. package/websql/lib/column/column-hide-mobile.directive.d.ts +17 -0
  117. package/websql/lib/column/column-hide-tablet.directive.d.ts +17 -0
  118. package/websql/lib/column/column-show-mobile.directive.d.ts +17 -0
  119. package/websql/lib/column/column.component.d.ts +8 -8
  120. package/websql/lib/column/index.d.ts +4 -1
  121. package/websql/lib/columns-gap/columns-gap.component.d.ts +13 -13
  122. package/websql/lib/columns.component.d.ts +9 -9
  123. package/websql/lib/columns.module.d.ts +13 -9
  124. package/websql/lib/index.d.ts +3 -3
  125. package/websql/static-columns.d.ts +4 -4
  126. package/app/app.component.d.ts +0 -8
  127. package/app/app.component.js +0 -6
  128. package/app/app.component.js.map +0 -1
  129. package/app/app.module.d.ts +0 -2
  130. package/app/app.module.js +0 -6
  131. package/app/app.module.js.map +0 -1
@@ -1,11 +1,15 @@
1
1
  // @ts-nocheck
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./columns.component";
4
- import * as i2 from "./column/column.component";
5
- import * as i3 from "./column/column-grow.directive";
6
- import * as i4 from "./columns-gap/columns-gap.component";
7
- export declare class StaticColumnsModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<StaticColumnsModule, never>;
9
- 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]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "./columns.component";
4
+ import * as i2 from "./column/column.component";
5
+ import * as i3 from "./column/column-grow.directive";
6
+ import * as i4 from "./column/column-hide-mobile.directive";
7
+ import * as i5 from "./column/column-hide-tablet.directive";
8
+ import * as i6 from "./column/column-show-mobile.directive";
9
+ import * as i7 from "./columns-gap/columns-gap.component";
10
+ import * as i8 from "@angular/cdk/layout";
11
+ export declare class StaticColumnsModule {
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<StaticColumnsModule, never>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<StaticColumnsModule, [typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.DirectiveHideMobile, typeof i5.DirectiveHideTablet, typeof i6.DirectiveShowMobile, typeof i7.ColumnsGapComponent], [typeof i8.LayoutModule], [typeof i8.LayoutModule, typeof i1.ColumnsComponent, typeof i2.ColumnComponent, typeof i3.DirectiveGrow, typeof i4.DirectiveHideMobile, typeof i5.DirectiveHideTablet, typeof i6.DirectiveShowMobile, typeof i7.ColumnsGapComponent]>;
14
+ static ɵinj: i0.ɵɵInjectorDeclaration<StaticColumnsModule>;
11
15
  }
@@ -1,5 +1,5 @@
1
1
  // @ts-nocheck
2
- export * from './column';
3
- export * from './columns-gap';
4
- export * from './columns.component';
2
+ export * from './column';
3
+ export * from './columns-gap';
4
+ export * from './columns.component';
5
5
  export * from './columns.module';
@@ -1,6 +1,6 @@
1
1
  // @ts-nocheck
2
- /**
3
- * Generated bundle index. Do not edit.
4
- */
5
- /// <amd-module name="static-columns" />
2
+ /**
3
+ * Generated bundle index. Do not edit.
4
+ */
5
+ /// <amd-module name="static-columns" />
6
6
  export * from './public-api';
package/index.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './lib';
1
+ export * from './lib';
@@ -1,6 +1,6 @@
1
- import { ElementRef, Renderer2 } from '@angular/core';
2
- export declare class DirectiveGrow {
3
- e: ElementRef;
4
- renderer: Renderer2;
5
- constructor(e: ElementRef, renderer: Renderer2);
6
- }
1
+ import { ElementRef, Renderer2 } from '@angular/core';
2
+ export declare class DirectiveGrow {
3
+ e: ElementRef;
4
+ renderer: Renderer2;
5
+ constructor(e: ElementRef, renderer: Renderer2);
6
+ }
@@ -0,0 +1,13 @@
1
+ import { BreakpointObserver } from '@angular/cdk/layout';
2
+ import { ElementRef, OnInit, Renderer2 } from '@angular/core';
3
+ import { Subject } from 'rxjs';
4
+ export declare class DirectiveHideMobile implements OnInit {
5
+ e: ElementRef;
6
+ renderer: Renderer2;
7
+ breakpointObserver: BreakpointObserver;
8
+ $destroy: Subject<unknown>;
9
+ constructor(e: ElementRef, renderer: Renderer2, breakpointObserver: BreakpointObserver);
10
+ private originalDisaplay;
11
+ ngOnInit(): void;
12
+ ngOnDestroy(): void;
13
+ }
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DirectiveHideMobile = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var layout_1 = require("@angular/cdk/layout");
6
+ var core_1 = require("@angular/core");
7
+ var rxjs_1 = require("rxjs");
8
+ var DirectiveHideMobile = /** @class */ (function () {
9
+ function DirectiveHideMobile(e, renderer, breakpointObserver) {
10
+ this.e = e;
11
+ this.renderer = renderer;
12
+ this.breakpointObserver = breakpointObserver;
13
+ this.$destroy = new rxjs_1.Subject();
14
+ }
15
+ DirectiveHideMobile.prototype.ngOnInit = function () {
16
+ var _this = this;
17
+ this.breakpointObserver
18
+ .observe(['(min-width: 600px)'])
19
+ .pipe((0, rxjs_1.takeUntil)(this.$destroy))
20
+ .subscribe(function (state) {
21
+ if (typeof _this.originalDisaplay === 'undefined') {
22
+ _this.originalDisaplay = _this.e.nativeElement.style.display;
23
+ }
24
+ if (state.matches) {
25
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', _this.originalDisaplay);
26
+ }
27
+ else {
28
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', 'none');
29
+ }
30
+ });
31
+ };
32
+ DirectiveHideMobile.prototype.ngOnDestroy = function () {
33
+ this.$destroy.next(void 0);
34
+ this.$destroy.complete();
35
+ };
36
+ DirectiveHideMobile = tslib_1.__decorate([
37
+ (0, core_1.Directive)({
38
+ selector: '[hideMobile]'
39
+ }),
40
+ tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
41
+ core_1.Renderer2,
42
+ layout_1.BreakpointObserver])
43
+ ], DirectiveHideMobile);
44
+ return DirectiveHideMobile;
45
+ }());
46
+ exports.DirectiveHideMobile = DirectiveHideMobile;
47
+ //# sourceMappingURL=column-hide-mobile.directive.js.map
@@ -0,0 +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"}
@@ -0,0 +1,13 @@
1
+ import { BreakpointObserver } from '@angular/cdk/layout';
2
+ import { ElementRef, OnInit, Renderer2 } from '@angular/core';
3
+ import { Subject } from 'rxjs';
4
+ export declare class DirectiveHideTablet implements OnInit {
5
+ e: ElementRef;
6
+ renderer: Renderer2;
7
+ breakpointObserver: BreakpointObserver;
8
+ $destroy: Subject<unknown>;
9
+ constructor(e: ElementRef, renderer: Renderer2, breakpointObserver: BreakpointObserver);
10
+ private originalDisaplay;
11
+ ngOnInit(): void;
12
+ ngOnDestroy(): void;
13
+ }
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DirectiveHideTablet = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var layout_1 = require("@angular/cdk/layout");
6
+ var core_1 = require("@angular/core");
7
+ var rxjs_1 = require("rxjs");
8
+ var DirectiveHideTablet = /** @class */ (function () {
9
+ function DirectiveHideTablet(e, renderer, breakpointObserver) {
10
+ this.e = e;
11
+ this.renderer = renderer;
12
+ this.breakpointObserver = breakpointObserver;
13
+ this.$destroy = new rxjs_1.Subject();
14
+ }
15
+ DirectiveHideTablet.prototype.ngOnInit = function () {
16
+ var _this = this;
17
+ this.breakpointObserver
18
+ .observe(['(min-width: 800px)'])
19
+ .pipe((0, rxjs_1.takeUntil)(this.$destroy))
20
+ .subscribe(function (state) {
21
+ if (typeof _this.originalDisaplay === 'undefined') {
22
+ _this.originalDisaplay = _this.e.nativeElement.style.display;
23
+ }
24
+ if (state.matches) {
25
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', _this.originalDisaplay);
26
+ }
27
+ else {
28
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', 'none');
29
+ }
30
+ });
31
+ };
32
+ DirectiveHideTablet.prototype.ngOnDestroy = function () {
33
+ this.$destroy.next(void 0);
34
+ this.$destroy.complete();
35
+ };
36
+ DirectiveHideTablet = tslib_1.__decorate([
37
+ (0, core_1.Directive)({
38
+ selector: '[hideTablet]'
39
+ }),
40
+ tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
41
+ core_1.Renderer2,
42
+ layout_1.BreakpointObserver])
43
+ ], DirectiveHideTablet);
44
+ return DirectiveHideTablet;
45
+ }());
46
+ exports.DirectiveHideTablet = DirectiveHideTablet;
47
+ //# sourceMappingURL=column-hide-tablet.directive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"column-hide-tablet.directive.js","sourceRoot":"","sources":["../../../src/lib/column/column-hide-tablet.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"}
@@ -0,0 +1,13 @@
1
+ import { BreakpointObserver } from '@angular/cdk/layout';
2
+ import { ElementRef, OnInit, Renderer2 } from '@angular/core';
3
+ import { Subject } from 'rxjs';
4
+ export declare class DirectiveShowMobile implements OnInit {
5
+ e: ElementRef;
6
+ renderer: Renderer2;
7
+ breakpointObserver: BreakpointObserver;
8
+ $destroy: Subject<unknown>;
9
+ constructor(e: ElementRef, renderer: Renderer2, breakpointObserver: BreakpointObserver);
10
+ private originalDisaplay;
11
+ ngOnInit(): void;
12
+ ngOnDestroy(): void;
13
+ }
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DirectiveShowMobile = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var layout_1 = require("@angular/cdk/layout");
6
+ var core_1 = require("@angular/core");
7
+ var rxjs_1 = require("rxjs");
8
+ var DirectiveShowMobile = /** @class */ (function () {
9
+ function DirectiveShowMobile(e, renderer, breakpointObserver) {
10
+ this.e = e;
11
+ this.renderer = renderer;
12
+ this.breakpointObserver = breakpointObserver;
13
+ this.$destroy = new rxjs_1.Subject();
14
+ }
15
+ DirectiveShowMobile.prototype.ngOnInit = function () {
16
+ var _this = this;
17
+ this.breakpointObserver
18
+ .observe(['(min-width: 600px)'])
19
+ .pipe((0, rxjs_1.takeUntil)(this.$destroy))
20
+ .subscribe(function (state) {
21
+ if (typeof _this.originalDisaplay === 'undefined') {
22
+ _this.originalDisaplay = _this.e.nativeElement.style.display;
23
+ }
24
+ if (state.matches) {
25
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', 'none');
26
+ }
27
+ else {
28
+ _this.renderer.setStyle(_this.e.nativeElement, 'display', _this.originalDisaplay);
29
+ }
30
+ });
31
+ };
32
+ DirectiveShowMobile.prototype.ngOnDestroy = function () {
33
+ this.$destroy.next(void 0);
34
+ this.$destroy.complete();
35
+ };
36
+ DirectiveShowMobile = tslib_1.__decorate([
37
+ (0, core_1.Directive)({
38
+ selector: '[showMobile]'
39
+ }),
40
+ tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
41
+ core_1.Renderer2,
42
+ layout_1.BreakpointObserver])
43
+ ], DirectiveShowMobile);
44
+ return DirectiveShowMobile;
45
+ }());
46
+ exports.DirectiveShowMobile = DirectiveShowMobile;
47
+ //# sourceMappingURL=column-show-mobile.directive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"column-show-mobile.directive.js","sourceRoot":"","sources":["../../../src/lib/column/column-show-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,iBAeC;QAdC,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,MAAM,CAAC,CAAA;aAEhE;iBAAM;gBACL,KAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAI,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,KAAI,CAAC,gBAAgB,CAAC,CAAA;aAC/E;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;IA/BU,mBAAmB;QAH/B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,cAAc;SACzB,CAAC;iDAKY,iBAAU;YACH,gBAAS;YACC,2BAAkB;OANpC,mBAAmB,CAiC/B;IAAD,0BAAC;CAAA,AAjCD,IAiCC;AAjCY,kDAAmB"}
@@ -1,6 +1,6 @@
1
- import { OnInit } from '@angular/core';
2
- export declare class ColumnComponent implements OnInit {
3
- width: number;
4
- constructor();
5
- ngOnInit(): void;
6
- }
1
+ import { OnInit } from '@angular/core';
2
+ export declare class ColumnComponent implements OnInit {
3
+ width: number;
4
+ constructor();
5
+ ngOnInit(): void;
6
+ }
@@ -1,2 +1,5 @@
1
- export * from './column-grow.directive';
1
+ export * from './column-grow.directive';
2
+ export * from './column-hide-mobile.directive';
3
+ export * from './column-hide-tablet.directive';
4
+ export * from './column-show-mobile.directive';
2
5
  export * from './column.component';
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./column-grow.directive"), exports);
5
- /* */
6
- /* */
3
+ exports.dummy1682200668074 = void 0;
4
+ function dummy1682200668074() { }
5
+ exports.dummy1682200668074 = dummy1682200668074;
7
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/column/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,KAAK;AACL,KAAK"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/column/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
@@ -1,11 +1,11 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import { Subscription } from 'rxjs';
3
- export declare class ColumnsGapComponent implements OnInit {
4
- width: number;
5
- handlers: Subscription[];
6
- columnsGapDataChanged: EventEmitter<any>;
7
- columnsGapData: any;
8
- constructor();
9
- ngOnInit(): void;
10
- ngOnDestroy(): void;
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import { Subscription } from 'rxjs';
3
+ export declare class ColumnsGapComponent implements OnInit {
4
+ width: number;
5
+ handlers: Subscription[];
6
+ columnsGapDataChanged: EventEmitter<any>;
7
+ columnsGapData: any;
8
+ constructor();
9
+ ngOnInit(): void;
10
+ ngOnDestroy(): void;
11
11
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1681593177975 = void 0;
4
- function dummy1681593177975() { }
5
- exports.dummy1681593177975 = dummy1681593177975;
3
+ exports.dummy1682200668080 = void 0;
4
+ function dummy1682200668080() { }
5
+ exports.dummy1682200668080 = dummy1682200668080;
6
6
  //# sourceMappingURL=columns-gap.component.js.map
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1681593177976 = void 0;
4
- function dummy1681593177976() { }
5
- exports.dummy1681593177976 = dummy1681593177976;
3
+ exports.dummy1682200668081 = void 0;
4
+ function dummy1682200668081() { }
5
+ exports.dummy1682200668081 = dummy1682200668081;
6
6
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
- import { OnInit, QueryList } from '@angular/core';
2
- import { ColumnComponent } from './column';
3
- export declare class ColumnsComponent implements OnInit {
4
- childrens: QueryList<ColumnComponent>;
5
- constructor();
6
- ngOnInit(): void;
1
+ import { OnInit, QueryList } from '@angular/core';
2
+ import { ColumnComponent } from './column';
3
+ export declare class ColumnsComponent implements OnInit {
4
+ childrens: QueryList<ColumnComponent>;
5
+ constructor();
6
+ ngOnInit(): void;
7
7
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1681593177982 = void 0;
4
- function dummy1681593177982() { }
5
- exports.dummy1681593177982 = dummy1681593177982;
3
+ exports.dummy1682200668085 = void 0;
4
+ function dummy1682200668085() { }
5
+ exports.dummy1682200668085 = dummy1682200668085;
6
6
  //# sourceMappingURL=columns.component.js.map
@@ -1,2 +1,2 @@
1
- export declare class StaticColumnsModule {
1
+ export declare class StaticColumnsModule {
2
2
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1681593177984 = void 0;
4
- function dummy1681593177984() { }
5
- exports.dummy1681593177984 = dummy1681593177984;
3
+ exports.dummy1682200668087 = void 0;
4
+ function dummy1682200668087() { }
5
+ exports.dummy1682200668087 = dummy1682200668087;
6
6
  //# sourceMappingURL=columns.module.js.map
package/lib/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from './column';
2
- export * from './columns-gap';
3
- export * from './columns.component';
1
+ export * from './column';
2
+ export * from './columns-gap';
3
+ export * from './columns.component';
4
4
  export * from './columns.module';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "static-columns",
3
- "version": "13.1.31",
3
+ "version": "13.3.2",
4
4
  "description": "Static columns with flexbox for Agnular2",
5
5
  "repository": {
6
6
  "type": "git",
@@ -24,6 +24,6 @@
24
24
  "homepage": "https://github.com/darekf77/static-columns#readme",
25
25
  "dependencies": {},
26
26
  "private": false,
27
- "lastBuildTagHash": "4f94b5eedfd2653825d800c59d3c4e923b430195",
27
+ "lastBuildTagHash": "3a9569b5c8aeb10ee09a11feb36f84b93fb9532c",
28
28
  "devDependencies": {}
29
29
  }