static-columns 13.1.29 → 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.
- package/README.md +78 -41
- package/app/preview/index.d.ts +2 -0
- package/app/preview/index.js +6 -0
- package/app/preview/index.js.map +1 -0
- package/app/preview/preview.component.d.ts +8 -0
- package/app/preview/preview.component.js +6 -0
- package/app/preview/preview.component.js.map +1 -0
- package/app/preview/preview.module.d.ts +2 -0
- package/app/preview/preview.module.js +6 -0
- package/app/preview/preview.module.js.map +1 -0
- package/app.js +3 -3
- package/browser/README.md +24 -24
- package/browser/esm2020/lib/column/column-grow.directive.mjs +22 -22
- package/browser/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
- package/browser/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
- package/browser/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
- package/browser/esm2020/lib/column/column.component.mjs +24 -24
- package/browser/esm2020/lib/column/index.mjs +8 -5
- package/browser/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -0
- package/browser/esm2020/lib/columns-gap/index.mjs +4 -0
- package/browser/esm2020/lib/columns.component.mjs +20 -20
- package/browser/esm2020/lib/columns.module.mjs +54 -21
- package/browser/esm2020/lib/index.mjs +7 -8
- package/browser/esm2020/public-api.mjs +1 -1
- package/browser/esm2020/static-columns.mjs +4 -4
- package/browser/fesm2015/static-columns.mjs +265 -80
- package/browser/fesm2015/static-columns.mjs.map +1 -1
- package/browser/fesm2020/static-columns.mjs +265 -80
- package/browser/fesm2020/static-columns.mjs.map +1 -1
- package/browser/lib/column/column-grow.directive.d.ts +8 -8
- package/browser/lib/column/column-hide-mobile.directive.d.ts +17 -0
- package/browser/lib/column/column-hide-tablet.directive.d.ts +17 -0
- package/browser/lib/column/column-show-mobile.directive.d.ts +17 -0
- package/browser/lib/column/column.component.d.ts +8 -8
- package/browser/lib/column/index.d.ts +5 -2
- package/browser/lib/columns-gap/columns-gap.component.d.ts +15 -0
- package/browser/lib/columns-gap/index.d.ts +2 -0
- package/browser/lib/columns.component.d.ts +9 -9
- package/browser/lib/columns.module.d.ts +13 -8
- package/browser/lib/index.d.ts +3 -4
- package/browser/static-columns.d.ts +4 -4
- package/client/README.md +24 -24
- package/client/esm2020/lib/column/column-grow.directive.mjs +22 -22
- package/client/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
- package/client/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
- package/client/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
- package/client/esm2020/lib/column/column.component.mjs +24 -24
- package/client/esm2020/lib/column/index.mjs +8 -5
- package/client/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -0
- package/client/esm2020/lib/columns-gap/index.mjs +4 -0
- package/client/esm2020/lib/columns.component.mjs +20 -20
- package/client/esm2020/lib/columns.module.mjs +54 -21
- package/client/esm2020/lib/index.mjs +7 -8
- package/client/esm2020/public-api.mjs +1 -1
- package/client/esm2020/static-columns.mjs +4 -4
- package/client/fesm2015/static-columns.mjs +265 -80
- package/client/fesm2015/static-columns.mjs.map +1 -1
- package/client/fesm2020/static-columns.mjs +265 -80
- package/client/fesm2020/static-columns.mjs.map +1 -1
- package/client/lib/column/column-grow.directive.d.ts +8 -8
- package/client/lib/column/column-hide-mobile.directive.d.ts +17 -0
- package/client/lib/column/column-hide-tablet.directive.d.ts +17 -0
- package/client/lib/column/column-show-mobile.directive.d.ts +17 -0
- package/client/lib/column/column.component.d.ts +8 -8
- package/client/lib/column/index.d.ts +5 -2
- package/client/lib/columns-gap/columns-gap.component.d.ts +15 -0
- package/client/lib/columns-gap/index.d.ts +2 -0
- package/client/lib/columns.component.d.ts +9 -9
- package/client/lib/columns.module.d.ts +13 -8
- package/client/lib/index.d.ts +3 -4
- package/client/static-columns.d.ts +4 -4
- package/index.d.ts +1 -1
- package/lib/column/column-grow.directive.d.ts +6 -6
- package/lib/column/column-hide-mobile.directive.d.ts +13 -0
- package/lib/column/column-hide-mobile.directive.js +47 -0
- package/lib/column/column-hide-mobile.directive.js.map +1 -0
- package/lib/column/column-hide-tablet.directive.d.ts +13 -0
- package/lib/column/column-hide-tablet.directive.js +47 -0
- package/lib/column/column-hide-tablet.directive.js.map +1 -0
- package/lib/column/column-show-mobile.directive.d.ts +13 -0
- package/lib/column/column-show-mobile.directive.js +47 -0
- package/lib/column/column-show-mobile.directive.js.map +1 -0
- package/lib/column/column.component.d.ts +6 -6
- package/lib/column/index.d.ts +5 -2
- package/lib/column/index.js +3 -3
- package/lib/column/index.js.map +1 -1
- package/lib/columns-gap/columns-gap.component.d.ts +11 -0
- package/lib/columns-gap/columns-gap.component.js +6 -0
- package/lib/columns-gap/columns-gap.component.js.map +1 -0
- package/lib/columns-gap/index.d.ts +1 -0
- package/lib/columns-gap/index.js +6 -0
- package/lib/columns-gap/index.js.map +1 -0
- package/lib/columns.component.d.ts +7 -7
- package/lib/columns.component.js +3 -26
- package/lib/columns.component.js.map +1 -1
- package/lib/columns.module.d.ts +2 -2
- package/lib/columns.module.js +3 -19
- package/lib/columns.module.js.map +1 -1
- package/lib/index.d.ts +4 -5
- package/lib/index.js +5 -4
- package/lib/index.js.map +1 -1
- package/package.json +2 -2
- package/package.json_devDependencies.json +237 -237
- package/package.json_tnp.json5 +49 -48
- package/tmp-environment.json +184 -172
- package/websql/README.md +24 -24
- package/websql/esm2020/lib/column/column-grow.directive.mjs +22 -22
- package/websql/esm2020/lib/column/column-hide-mobile.directive.mjs +44 -0
- package/websql/esm2020/lib/column/column-hide-tablet.directive.mjs +44 -0
- package/websql/esm2020/lib/column/column-show-mobile.directive.mjs +44 -0
- package/websql/esm2020/lib/column/column.component.mjs +24 -24
- package/websql/esm2020/lib/column/index.mjs +8 -5
- package/websql/esm2020/lib/columns-gap/columns-gap.component.mjs +35 -0
- package/websql/esm2020/lib/columns-gap/index.mjs +4 -0
- package/websql/esm2020/lib/columns.component.mjs +20 -20
- package/websql/esm2020/lib/columns.module.mjs +54 -21
- package/websql/esm2020/lib/index.mjs +7 -8
- package/websql/esm2020/public-api.mjs +1 -1
- package/websql/esm2020/static-columns.mjs +4 -4
- package/websql/fesm2015/static-columns.mjs +265 -80
- package/websql/fesm2015/static-columns.mjs.map +1 -1
- package/websql/fesm2020/static-columns.mjs +265 -80
- package/websql/fesm2020/static-columns.mjs.map +1 -1
- package/websql/lib/column/column-grow.directive.d.ts +8 -8
- package/websql/lib/column/column-hide-mobile.directive.d.ts +17 -0
- package/websql/lib/column/column-hide-tablet.directive.d.ts +17 -0
- package/websql/lib/column/column-show-mobile.directive.d.ts +17 -0
- package/websql/lib/column/column.component.d.ts +8 -8
- package/websql/lib/column/index.d.ts +5 -2
- package/websql/lib/columns-gap/columns-gap.component.d.ts +15 -0
- package/websql/lib/columns-gap/index.d.ts +2 -0
- package/websql/lib/columns.component.d.ts +9 -9
- package/websql/lib/columns.module.d.ts +13 -8
- package/websql/lib/index.d.ts +3 -4
- package/websql/static-columns.d.ts +4 -4
- package/app/app.component.d.ts +0 -8
- package/app/app.component.js +0 -31
- package/app/app.component.js.map +0 -1
- package/app/app.module.d.ts +0 -2
- package/app/app.module.js +0 -39
- package/app/app.module.js.map +0 -1
|
@@ -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
|
+
}
|
package/lib/column/index.d.ts
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
export * from './column.
|
|
2
|
-
export * from './column-
|
|
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';
|
|
5
|
+
export * from './column.component';
|
package/lib/column/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
exports.dummy1682200668074 = void 0;
|
|
4
|
+
function dummy1682200668074() { }
|
|
5
|
+
exports.dummy1682200668074 = dummy1682200668074;
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/lib/column/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/column/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/column/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
|
|
@@ -0,0 +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;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns-gap.component.js","sourceRoot":"","sources":["../../../src/lib/columns-gap/columns-gap.component.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './columns-gap.component';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/columns-gap/index.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
|
|
@@ -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;
|
|
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;
|
|
7
|
+
}
|
package/lib/columns.component.js
CHANGED
|
@@ -1,29 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var column_1 = require("./column");
|
|
7
|
-
// import { Log, Level } from 'ng2-logger/index';
|
|
8
|
-
// const log = Log.create('test');
|
|
9
|
-
// log.i('asdas')
|
|
10
|
-
var ColumnsComponent = /** @class */ (function () {
|
|
11
|
-
function ColumnsComponent() {
|
|
12
|
-
}
|
|
13
|
-
ColumnsComponent.prototype.ngOnInit = function () { };
|
|
14
|
-
tslib_1.__decorate([
|
|
15
|
-
(0, core_1.ViewChildren)(column_1.ColumnComponent),
|
|
16
|
-
tslib_1.__metadata("design:type", core_1.QueryList)
|
|
17
|
-
], ColumnsComponent.prototype, "childrens", void 0);
|
|
18
|
-
ColumnsComponent = tslib_1.__decorate([
|
|
19
|
-
(0, core_1.Component)({
|
|
20
|
-
selector: 'columns-container',
|
|
21
|
-
templateUrl: './columns.component.html',
|
|
22
|
-
styleUrls: ['./columns.component.scss']
|
|
23
|
-
}),
|
|
24
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
25
|
-
], ColumnsComponent);
|
|
26
|
-
return ColumnsComponent;
|
|
27
|
-
}());
|
|
28
|
-
exports.ColumnsComponent = ColumnsComponent;
|
|
3
|
+
exports.dummy1682200668085 = void 0;
|
|
4
|
+
function dummy1682200668085() { }
|
|
5
|
+
exports.dummy1682200668085 = dummy1682200668085;
|
|
29
6
|
//# sourceMappingURL=columns.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"columns.component.js","sourceRoot":"","sources":["../../src/lib/columns.component.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"columns.component.js","sourceRoot":"","sources":["../../src/lib/columns.component.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
|
package/lib/columns.module.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare class StaticColumnsModule {
|
|
2
|
-
}
|
|
1
|
+
export declare class StaticColumnsModule {
|
|
2
|
+
}
|
package/lib/columns.module.js
CHANGED
|
@@ -1,22 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var column_1 = require("./column");
|
|
7
|
-
var columns_component_1 = require("./columns.component");
|
|
8
|
-
var StaticColumnsModule = /** @class */ (function () {
|
|
9
|
-
function StaticColumnsModule() {
|
|
10
|
-
}
|
|
11
|
-
StaticColumnsModule = tslib_1.__decorate([
|
|
12
|
-
(0, core_1.NgModule)({
|
|
13
|
-
imports: [],
|
|
14
|
-
exports: [columns_component_1.ColumnsComponent, column_1.ColumnComponent, column_1.DirectiveGrow],
|
|
15
|
-
declarations: [columns_component_1.ColumnsComponent, column_1.ColumnComponent, column_1.DirectiveGrow],
|
|
16
|
-
providers: [],
|
|
17
|
-
})
|
|
18
|
-
], StaticColumnsModule);
|
|
19
|
-
return StaticColumnsModule;
|
|
20
|
-
}());
|
|
21
|
-
exports.StaticColumnsModule = StaticColumnsModule;
|
|
3
|
+
exports.dummy1682200668087 = void 0;
|
|
4
|
+
function dummy1682200668087() { }
|
|
5
|
+
exports.dummy1682200668087 = dummy1682200668087;
|
|
22
6
|
//# sourceMappingURL=columns.module.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"columns.module.js","sourceRoot":"","sources":["../../src/lib/columns.module.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"columns.module.js","sourceRoot":"","sources":["../../src/lib/columns.module.ts"],"names":[],"mappings":";;;AAAA,SAAgB,kBAAkB,KAAK,CAAC;AAAxC,gDAAwC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
export * from './column';
|
|
2
|
-
export * from './columns
|
|
3
|
-
export * from './
|
|
4
|
-
export * from './
|
|
5
|
-
export * from './columns.module';
|
|
1
|
+
export * from './column';
|
|
2
|
+
export * from './columns-gap';
|
|
3
|
+
export * from './columns.component';
|
|
4
|
+
export * from './columns.module';
|
package/lib/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./column"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./columns
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
tslib_1.__exportStar(require("./columns-gap"), exports);
|
|
6
|
+
/* */
|
|
7
|
+
/* */
|
|
8
|
+
/* */
|
|
9
|
+
/* */
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,wDAA8B;AAC9B,KAAK;AACL,KAAK;AAEL,KAAK;AACL,KAAK"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "static-columns",
|
|
3
|
-
"version": "13.
|
|
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": "
|
|
27
|
+
"lastBuildTagHash": "3a9569b5c8aeb10ee09a11feb36f84b93fb9532c",
|
|
28
28
|
"devDependencies": {}
|
|
29
29
|
}
|