@skyux/tiles 7.0.0-beta.13 → 7.0.0-beta.16
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/documentation.json +356 -200
- package/esm2020/lib/modules/tiles/tile/tile.component.mjs +32 -27
- package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard.component.mjs +42 -31
- package/esm2020/lib/modules/tiles/tile-dashboard/tile-dashboard.service.mjs +351 -324
- package/esm2020/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.mjs +14 -12
- package/fesm2015/skyux-tiles.mjs +443 -390
- package/fesm2015/skyux-tiles.mjs.map +1 -1
- package/fesm2020/skyux-tiles.mjs +432 -390
- package/fesm2020/skyux-tiles.mjs.map +1 -1
- package/lib/modules/tiles/tile/tile.component.d.ts +5 -9
- package/lib/modules/tiles/tile-dashboard/tile-dashboard.component.d.ts +8 -14
- package/lib/modules/tiles/tile-dashboard/tile-dashboard.service.d.ts +7 -36
- package/lib/modules/tiles/tile-dashboard-column/tile-dashboard-column.component.d.ts +4 -5
- package/package.json +6 -6
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
var _SkyTileDashboardColumnComponent_dashboardService;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
+
import { Component, ElementRef, Injector, ViewChild } from '@angular/core';
|
|
2
4
|
import { SkyTileDashboardService } from '../tile-dashboard/tile-dashboard.service';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "../tile-dashboard/tile-dashboard.service";
|
|
@@ -8,25 +10,25 @@ let columnIdIndex = 0;
|
|
|
8
10
|
* @internal
|
|
9
11
|
*/
|
|
10
12
|
export class SkyTileDashboardColumnComponent {
|
|
11
|
-
constructor(
|
|
12
|
-
this.resolver = resolver;
|
|
13
|
+
constructor(injector, dashboardService) {
|
|
13
14
|
this.injector = injector;
|
|
14
|
-
this
|
|
15
|
-
|
|
16
|
-
this.columnId =
|
|
17
|
-
this.bagId = this.
|
|
15
|
+
_SkyTileDashboardColumnComponent_dashboardService.set(this, void 0);
|
|
16
|
+
__classPrivateFieldSet(this, _SkyTileDashboardColumnComponent_dashboardService, dashboardService, "f");
|
|
17
|
+
this.columnId = `tile-dashboard-column-${++columnIdIndex}`;
|
|
18
|
+
this.bagId = __classPrivateFieldGet(this, _SkyTileDashboardColumnComponent_dashboardService, "f").bagId;
|
|
18
19
|
}
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
-
SkyTileDashboardColumnComponent.ɵ
|
|
21
|
+
_SkyTileDashboardColumnComponent_dashboardService = new WeakMap();
|
|
22
|
+
SkyTileDashboardColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTileDashboardColumnComponent, deps: [{ token: i0.Injector }, { token: i1.SkyTileDashboardService }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
SkyTileDashboardColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyTileDashboardColumnComponent, selector: "sky-tile-dashboard-column", viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"], dependencies: [{ kind: "directive", type: i2.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel"], outputs: ["dragulaModelChange"] }] });
|
|
22
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyTileDashboardColumnComponent, decorators: [{
|
|
23
25
|
type: Component,
|
|
24
26
|
args: [{ selector: 'sky-tile-dashboard-column', template: "<div class=\"sky-tile-dashboard-column\" [dragula]=\"bagId\">\n <div #content></div>\n</div>\n", styles: [":host{display:flex;flex-grow:1;overflow:hidden}:host{padding:0}:host-context(.sky-responsive-container-xs),:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0}@media (min-width: 768px){:host{padding:0 10px}}:host-context(.sky-responsive-container-sm),:host-context(.sky-responsive-container-md),:host-context(.sky-responsive-container-lg){padding:0 10px}.sky-tile-dashboard-column{min-height:100px;width:100%}@media (min-width: 768px){:host-context(.sky-theme-modern) :host{padding:0 15px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md),:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg){padding:0 15px}@media (min-width: 768px){.sky-theme-modern :host{padding:0 15px}}.sky-theme-modern :host-context(.sky-responsive-container-sm),.sky-theme-modern :host-context(.sky-responsive-container-md),.sky-theme-modern :host-context(.sky-responsive-container-lg){padding:0 15px}\n"] }]
|
|
25
|
-
}], ctorParameters: function () { return [{ type: i0.
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.SkyTileDashboardService }]; }, propDecorators: { content: [{
|
|
26
28
|
type: ViewChild,
|
|
27
29
|
args: ['content', {
|
|
28
|
-
read:
|
|
30
|
+
read: ElementRef,
|
|
29
31
|
static: false,
|
|
30
32
|
}]
|
|
31
33
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGlsZS1kYXNoYm9hcmQtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aWxlcy9zcmMvbGliL21vZHVsZXMvdGlsZXMvdGlsZS1kYXNoYm9hcmQtY29sdW1uL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGlsZXMvc3JjL2xpYi9tb2R1bGVzL3RpbGVzL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7O0FBRW5GLElBQUksYUFBYSxHQUFHLENBQUMsQ0FBQztBQUV0Qjs7R0FFRztBQU1ILE1BQU0sT0FBTywrQkFBK0I7SUFhMUMsWUFDUyxRQUFrQixFQUN6QixnQkFBeUM7UUFEbEMsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUgzQixvRUFBMkM7UUFNekMsdUJBQUEsSUFBSSxxREFBcUIsZ0JBQWdCLE1BQUEsQ0FBQztRQUUxQyxJQUFJLENBQUMsUUFBUSxHQUFHLHlCQUF5QixFQUFFLGFBQWEsRUFBRSxDQUFDO1FBRTNELElBQUksQ0FBQyxLQUFLLEdBQUcsdUJBQUEsSUFBSSx5REFBa0IsQ0FBQyxLQUFLLENBQUM7SUFDNUMsQ0FBQzs7OzRIQXRCVSwrQkFBK0I7Z0hBQS9CLCtCQUErQixnSkFNbEMsVUFBVSw2QkNwQnBCLGlHQUdBOzJGRFdhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSwyQkFBMkI7cUlBYTlCLE9BQU87c0JBSmIsU0FBUzt1QkFBQyxTQUFTLEVBQUU7d0JBQ3BCLElBQUksRUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsS0FBSztxQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lUaWxlRGFzaGJvYXJkU2VydmljZSB9IGZyb20gJy4uL3RpbGUtZGFzaGJvYXJkL3RpbGUtZGFzaGJvYXJkLnNlcnZpY2UnO1xuXG5sZXQgY29sdW1uSWRJbmRleCA9IDA7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS10aWxlLWRhc2hib2FyZC1jb2x1bW4nLFxuICBzdHlsZVVybHM6IFsnLi90aWxlLWRhc2hib2FyZC1jb2x1bW4uY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RpbGUtZGFzaGJvYXJkLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreVRpbGVEYXNoYm9hcmRDb2x1bW5Db21wb25lbnQge1xuICBwdWJsaWMgYmFnSWQ6IHN0cmluZztcblxuICBwdWJsaWMgY29sdW1uSWQ6IHN0cmluZztcblxuICBAVmlld0NoaWxkKCdjb250ZW50Jywge1xuICAgIHJlYWQ6IEVsZW1lbnRSZWYsXG4gICAgc3RhdGljOiBmYWxzZSxcbiAgfSlcbiAgcHVibGljIGNvbnRlbnQ6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgI2Rhc2hib2FyZFNlcnZpY2U6IFNreVRpbGVEYXNoYm9hcmRTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgZGFzaGJvYXJkU2VydmljZTogU2t5VGlsZURhc2hib2FyZFNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy4jZGFzaGJvYXJkU2VydmljZSA9IGRhc2hib2FyZFNlcnZpY2U7XG5cbiAgICB0aGlzLmNvbHVtbklkID0gYHRpbGUtZGFzaGJvYXJkLWNvbHVtbi0keysrY29sdW1uSWRJbmRleH1gO1xuXG4gICAgdGhpcy5iYWdJZCA9IHRoaXMuI2Rhc2hib2FyZFNlcnZpY2UuYmFnSWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktdGlsZS1kYXNoYm9hcmQtY29sdW1uXCIgW2RyYWd1bGFdPVwiYmFnSWRcIj5cbiAgPGRpdiAjY29udGVudD48L2Rpdj5cbjwvZGl2PlxuIl19
|