@skyux/layout 5.0.0-beta.8 → 5.1.1
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/bundles/skyux-layout-testing.umd.js +10 -5
- package/bundles/skyux-layout-testing.umd.js.map +1 -1
- package/bundles/skyux-layout.umd.js +571 -650
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/documentation.json +523 -479
- package/esm2015/modules/action-button/action-button-adapter-service.js +5 -5
- package/esm2015/modules/action-button/action-button-container.component.js +9 -13
- package/esm2015/modules/action-button/action-button-details.component.js +5 -5
- package/esm2015/modules/action-button/action-button-header.component.js +5 -5
- package/esm2015/modules/action-button/action-button-icon.component.js +5 -5
- package/esm2015/modules/action-button/action-button-permalink.js +1 -1
- package/esm2015/modules/action-button/action-button.component.js +6 -6
- package/esm2015/modules/action-button/action-button.module.js +10 -10
- package/esm2015/modules/action-button/types/action-button-container-align-items.js +1 -1
- package/esm2015/modules/back-to-top/back-to-top-adapter.service.js +7 -8
- package/esm2015/modules/back-to-top/back-to-top.component.js +6 -8
- package/esm2015/modules/back-to-top/back-to-top.directive.js +12 -12
- package/esm2015/modules/back-to-top/back-top-top.module.js +11 -21
- package/esm2015/modules/back-to-top/models/back-to-top-message-type.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-message.js +1 -1
- package/esm2015/modules/back-to-top/models/back-to-top-options.js +1 -1
- package/esm2015/modules/card/card-actions.component.js +5 -5
- package/esm2015/modules/card/card-content.component.js +5 -5
- package/esm2015/modules/card/card-title.component.js +5 -5
- package/esm2015/modules/card/card.component.js +8 -8
- package/esm2015/modules/card/card.module.js +10 -10
- package/esm2015/modules/definition-list/definition-list-content.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-heading.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-label.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list-value.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.component.js +5 -5
- package/esm2015/modules/definition-list/definition-list.module.js +10 -20
- package/esm2015/modules/definition-list/definition-list.service.js +4 -4
- package/esm2015/modules/description-list/description-list-adapter-service.js +7 -6
- package/esm2015/modules/description-list/description-list-content.component.js +5 -5
- package/esm2015/modules/description-list/description-list-description.component.js +7 -7
- package/esm2015/modules/description-list/description-list-term.component.js +7 -7
- package/esm2015/modules/description-list/description-list.component.js +9 -15
- package/esm2015/modules/description-list/description-list.module.js +10 -10
- package/esm2015/modules/description-list/description-list.service.js +4 -4
- package/esm2015/modules/description-list/types/description-list-mode-type.js +1 -1
- package/esm2015/modules/description-list/types/description-list-mode.js +1 -1
- package/esm2015/modules/fluid-grid/column.component.js +11 -10
- package/esm2015/modules/fluid-grid/fluid-grid-gutter-size.js +1 -1
- package/esm2015/modules/fluid-grid/fluid-grid.component.js +5 -7
- package/esm2015/modules/fluid-grid/fluid-grid.module.js +8 -24
- package/esm2015/modules/fluid-grid/row.component.js +5 -5
- package/esm2015/modules/fluid-grid/types/fluid-grid-gutter-size-type.js +1 -1
- package/esm2015/modules/format/format-item.js +1 -1
- package/esm2015/modules/format/format.component.js +6 -6
- package/esm2015/modules/format/format.module.js +8 -16
- package/esm2015/modules/inline-delete/inline-delete-adapter.service.js +19 -15
- package/esm2015/modules/inline-delete/inline-delete-type.js +1 -1
- package/esm2015/modules/inline-delete/inline-delete.component.js +28 -34
- package/esm2015/modules/inline-delete/inline-delete.module.js +9 -13
- package/esm2015/modules/page/page-theme-adapter.service.js +4 -4
- package/esm2015/modules/page/page.component.js +5 -5
- package/esm2015/modules/page/page.module.js +7 -11
- package/esm2015/modules/page-summary/page-summary-adapter.service.js +4 -4
- package/esm2015/modules/page-summary/page-summary-alert.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-content.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-image.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-key-info.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-status.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-subtitle.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary-title.component.js +5 -5
- package/esm2015/modules/page-summary/page-summary.component.js +10 -8
- package/esm2015/modules/page-summary/page-summary.module.js +9 -13
- package/esm2015/modules/shared/sky-layout-resources.module.js +31 -12
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +5 -5
- package/esm2015/modules/text-expand/text-expand-modal.component.js +5 -5
- package/esm2015/modules/text-expand/text-expand.component.js +21 -25
- package/esm2015/modules/text-expand/text-expand.module.js +10 -18
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +16 -13
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +8 -22
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +2 -0
- package/esm2015/modules/toolbar/toolbar-item.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-section.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar.component.js +6 -6
- package/esm2015/modules/toolbar/toolbar.module.js +9 -13
- package/esm2015/public-api.js +2 -1
- package/esm2015/testing/action-button-fixture.js +6 -3
- package/esm2015/testing/card-fixture.js +4 -2
- package/esm2015/testing/page-summary-fixture.js +1 -1
- package/fesm2015/skyux-layout-testing.js +8 -3
- package/fesm2015/skyux-layout-testing.js.map +1 -1
- package/fesm2015/skyux-layout.js +437 -514
- package/fesm2015/skyux-layout.js.map +1 -1
- package/modules/text-expand-repeater/text-expand-repeater.component.d.ts +7 -1
- package/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts +1 -0
- package/package.json +13 -13
- package/public-api.d.ts +1 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('@skyux/indicators'), require('@skyux/router'), require('@skyux/theme'), require('rxjs/operators'), require('rxjs'), require('@skyux/core'), require('@skyux/i18n'), require('@angular/forms'), require('@skyux/forms'), require('@angular/animations'), require('@skyux/modals')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/layout', ['exports', '@angular/common', '@angular/core', '@angular/router', '@skyux/indicators', '@skyux/router', '@skyux/theme', 'rxjs/operators', 'rxjs', '@skyux/core', '@skyux/i18n', '@angular/forms', '@skyux/forms', '@angular/animations', '@skyux/modals'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.layout = {}), global.ng.common, global.ng.core, global.ng.router, global.i2$1, global.i4, global.i3, global.rxjs.operators, global.rxjs, global.i1
|
|
5
|
-
}(this, (function (exports,
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.layout = {}), global.ng.common, global.ng.core, global.ng.router, global.i2$1, global.i4, global.i3$1, global.rxjs.operators, global.rxjs, global.i1, global.i1$1, global.ng.forms, global.i1$2, global.ng.animations, global.i2$2));
|
|
5
|
+
})(this, (function (exports, i3, i0, i2, i2$1, i4, i3$1, operators, rxjs, i1, i1$1, i3$2, i1$2, animations, i2$2) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,27 +13,25 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
27
|
-
var
|
|
25
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
28
26
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
29
27
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
30
28
|
var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
|
|
31
29
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
32
|
-
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
30
|
+
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
31
|
+
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
33
32
|
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
|
33
|
+
var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
|
|
34
34
|
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
35
|
-
var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
|
|
36
|
-
var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
|
|
37
35
|
var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
|
|
38
36
|
|
|
39
37
|
var RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
|
|
@@ -72,9 +70,9 @@
|
|
|
72
70
|
};
|
|
73
71
|
return SkyActionButtonAdapterService;
|
|
74
72
|
}());
|
|
75
|
-
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
76
|
-
SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
77
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
73
|
+
SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
74
|
+
SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonAdapterService });
|
|
75
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonAdapterService, decorators: [{
|
|
78
76
|
type: i0.Injectable
|
|
79
77
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
80
78
|
|
|
@@ -96,15 +94,15 @@
|
|
|
96
94
|
};
|
|
97
95
|
return SkyActionButtonComponent;
|
|
98
96
|
}());
|
|
99
|
-
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
100
|
-
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
101
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
97
|
+
SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
98
|
+
SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<a\n *ngIf=\"permalink && permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink.route?.commands\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3__namespace$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
99
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonComponent, decorators: [{
|
|
102
100
|
type: i0.Component,
|
|
103
101
|
args: [{
|
|
104
102
|
selector: 'sky-action-button',
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
103
|
+
styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"],
|
|
104
|
+
template: "<a\n *ngIf=\"permalink && permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [fragment]=\"permalink.route?.extras?.fragment\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n [queryParams]=\"permalink.route?.extras?.queryParams\"\n [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n [routerLink]=\"permalink.route?.commands\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n *ngIf=\"permalink && !permalink.route\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n [skyHref]=\"permalink.url\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n *ngIf=\"!permalink\"\n class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n tabindex=\"0\"\n role=\"button\"\n [skyThemeClass]=\"{\n 'sky-btn sky-box': 'modern'\n }\"\n (click)=\"buttonClicked()\"\n (keydown.enter)=\"enterPress()\"\n>\n <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n <ng-container *skyThemeIf=\"'default'\">\n <div class=\"sky-action-button-icon-header-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </div>\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </ng-container>\n\n <ng-container *skyThemeIf=\"'modern'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n <div class=\"sky-action-button-content\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n <div\n class=\"sky-action-button-details\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern'\n }\"\n >\n <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n </div>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #icon>\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n",
|
|
105
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
108
106
|
}]
|
|
109
107
|
}], propDecorators: { permalink: [{
|
|
110
108
|
type: i0.Input
|
|
@@ -201,7 +199,7 @@
|
|
|
201
199
|
});
|
|
202
200
|
_this.mutationObserver.observe(el_1, {
|
|
203
201
|
characterData: true,
|
|
204
|
-
subtree: true
|
|
202
|
+
subtree: true,
|
|
205
203
|
});
|
|
206
204
|
});
|
|
207
205
|
}
|
|
@@ -228,23 +226,19 @@
|
|
|
228
226
|
};
|
|
229
227
|
return SkyActionButtonContainerComponent;
|
|
230
228
|
}());
|
|
231
|
-
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
232
|
-
SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
233
|
-
|
|
234
|
-
], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-action-button-container\"\n #container\n>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left' : alignItems === 'left',\n 'sky-action-button-flex-align-center' : alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
235
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
|
|
229
|
+
SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.ElementRef }, { token: i1__namespace.MutationObserverService }, { token: i0__namespace.NgZone }, { token: i3__namespace$1.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
230
|
+
SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
231
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
|
|
236
232
|
type: i0.Component,
|
|
237
233
|
args: [{
|
|
238
234
|
selector: 'sky-action-button-container',
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
providers: [
|
|
242
|
-
|
|
243
|
-
],
|
|
244
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
235
|
+
styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"],
|
|
236
|
+
template: "<div class=\"sky-action-button-container\" #container>\n <div\n class=\"sky-action-button-flex\"\n [ngClass]=\"{\n 'sky-action-button-flex-align-left': alignItems === 'left',\n 'sky-action-button-flex-align-center': alignItems === 'center'\n }\"\n >\n <ng-content></ng-content>\n </div>\n</div>\n",
|
|
237
|
+
providers: [SkyActionButtonAdapterService],
|
|
238
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
245
239
|
}]
|
|
246
240
|
}], ctorParameters: function () {
|
|
247
|
-
return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace
|
|
241
|
+
return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.ElementRef }, { type: i1__namespace.MutationObserverService }, { type: i0__namespace.NgZone }, { type: i3__namespace$1.SkyThemeService, decorators: [{
|
|
248
242
|
type: i0.Optional
|
|
249
243
|
}] }];
|
|
250
244
|
}, propDecorators: { alignItems: [{
|
|
@@ -256,7 +250,7 @@
|
|
|
256
250
|
type: i0.ViewChild,
|
|
257
251
|
args: ['container', {
|
|
258
252
|
read: i0.ElementRef,
|
|
259
|
-
static: true
|
|
253
|
+
static: true,
|
|
260
254
|
}]
|
|
261
255
|
}], onWindowResize: [{
|
|
262
256
|
type: i0.HostListener,
|
|
@@ -271,13 +265,13 @@
|
|
|
271
265
|
}
|
|
272
266
|
return SkyActionButtonDetailsComponent;
|
|
273
267
|
}());
|
|
274
|
-
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
275
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
276
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
268
|
+
SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
269
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
270
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
277
271
|
type: i0.Component,
|
|
278
272
|
args: [{
|
|
279
273
|
selector: 'sky-action-button-details',
|
|
280
|
-
|
|
274
|
+
template: "<ng-content></ng-content>\n",
|
|
281
275
|
}]
|
|
282
276
|
}] });
|
|
283
277
|
|
|
@@ -289,14 +283,14 @@
|
|
|
289
283
|
}
|
|
290
284
|
return SkyActionButtonHeaderComponent;
|
|
291
285
|
}());
|
|
292
|
-
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
293
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
294
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
286
|
+
SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
287
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0__namespace, template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
288
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
295
289
|
type: i0.Component,
|
|
296
290
|
args: [{
|
|
297
291
|
selector: 'sky-action-button-header',
|
|
298
|
-
|
|
299
|
-
|
|
292
|
+
styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"],
|
|
293
|
+
template: "<div\n class=\"sky-action-button-header\"\n [skyThemeClass]=\"{\n 'sky-headline': 'modern',\n 'sky-section-heading': 'default'\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
300
294
|
}]
|
|
301
295
|
}] });
|
|
302
296
|
|
|
@@ -311,7 +305,7 @@
|
|
|
311
305
|
this.mediaQueryService = mediaQueryService;
|
|
312
306
|
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
313
307
|
this.subscription = this.mediaQueryService.subscribe(function (args) {
|
|
314
|
-
if (args === i1
|
|
308
|
+
if (args === i1.SkyMediaBreakpoints.xs) {
|
|
315
309
|
_this.fontSizeClass = FONTSIZECLASS_SMALL;
|
|
316
310
|
}
|
|
317
311
|
else {
|
|
@@ -328,16 +322,16 @@
|
|
|
328
322
|
};
|
|
329
323
|
return SkyActionButtonIconComponent;
|
|
330
324
|
}());
|
|
331
|
-
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
332
|
-
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
333
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
325
|
+
SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonIconComponent, deps: [{ token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
326
|
+
SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0__namespace, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
327
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonIconComponent, decorators: [{
|
|
334
328
|
type: i0.Component,
|
|
335
329
|
args: [{
|
|
336
330
|
selector: 'sky-action-button-icon',
|
|
337
|
-
|
|
338
|
-
|
|
331
|
+
styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"],
|
|
332
|
+
template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n <sky-icon\n class=\"sky-action-button-icon\"\n [icon]=\"iconType\"\n [size]=\"fontSizeClass\"\n ></sky-icon>\n</div>\n",
|
|
339
333
|
}]
|
|
340
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
334
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
341
335
|
type: i0.Input
|
|
342
336
|
}] } });
|
|
343
337
|
|
|
@@ -346,28 +340,28 @@
|
|
|
346
340
|
}
|
|
347
341
|
return SkyActionButtonModule;
|
|
348
342
|
}());
|
|
349
|
-
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
350
|
-
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
343
|
+
SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
344
|
+
SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
351
345
|
SkyActionButtonContainerComponent,
|
|
352
346
|
SkyActionButtonDetailsComponent,
|
|
353
347
|
SkyActionButtonHeaderComponent,
|
|
354
|
-
SkyActionButtonIconComponent], imports: [
|
|
348
|
+
SkyActionButtonIconComponent], imports: [i3.CommonModule,
|
|
355
349
|
i2.RouterModule,
|
|
356
350
|
i4.SkyHrefModule,
|
|
357
351
|
i2$1.SkyIconModule,
|
|
358
|
-
i3.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
352
|
+
i3$1.SkyThemeModule], exports: [SkyActionButtonComponent,
|
|
359
353
|
SkyActionButtonContainerComponent,
|
|
360
354
|
SkyActionButtonDetailsComponent,
|
|
361
355
|
SkyActionButtonHeaderComponent,
|
|
362
356
|
SkyActionButtonIconComponent] });
|
|
363
|
-
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
364
|
-
|
|
357
|
+
SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonModule, imports: [[
|
|
358
|
+
i3.CommonModule,
|
|
365
359
|
i2.RouterModule,
|
|
366
360
|
i4.SkyHrefModule,
|
|
367
361
|
i2$1.SkyIconModule,
|
|
368
|
-
i3.SkyThemeModule
|
|
362
|
+
i3$1.SkyThemeModule,
|
|
369
363
|
]] });
|
|
370
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
364
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyActionButtonModule, decorators: [{
|
|
371
365
|
type: i0.NgModule,
|
|
372
366
|
args: [{
|
|
373
367
|
declarations: [
|
|
@@ -375,22 +369,22 @@
|
|
|
375
369
|
SkyActionButtonContainerComponent,
|
|
376
370
|
SkyActionButtonDetailsComponent,
|
|
377
371
|
SkyActionButtonHeaderComponent,
|
|
378
|
-
SkyActionButtonIconComponent
|
|
372
|
+
SkyActionButtonIconComponent,
|
|
379
373
|
],
|
|
380
374
|
imports: [
|
|
381
|
-
|
|
375
|
+
i3.CommonModule,
|
|
382
376
|
i2.RouterModule,
|
|
383
377
|
i4.SkyHrefModule,
|
|
384
378
|
i2$1.SkyIconModule,
|
|
385
|
-
i3.SkyThemeModule
|
|
379
|
+
i3$1.SkyThemeModule,
|
|
386
380
|
],
|
|
387
381
|
exports: [
|
|
388
382
|
SkyActionButtonComponent,
|
|
389
383
|
SkyActionButtonContainerComponent,
|
|
390
384
|
SkyActionButtonDetailsComponent,
|
|
391
385
|
SkyActionButtonHeaderComponent,
|
|
392
|
-
SkyActionButtonIconComponent
|
|
393
|
-
]
|
|
386
|
+
SkyActionButtonIconComponent,
|
|
387
|
+
],
|
|
394
388
|
}]
|
|
395
389
|
}] });
|
|
396
390
|
|
|
@@ -413,8 +407,7 @@
|
|
|
413
407
|
SkyBackToTopDomAdapterService.prototype.elementInViewOnScroll = function (elementRef) {
|
|
414
408
|
var _this = this;
|
|
415
409
|
var parent = this.findScrollableParent(elementRef.nativeElement);
|
|
416
|
-
return rxjs.fromEvent(parent, 'scroll')
|
|
417
|
-
.pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function () {
|
|
410
|
+
return rxjs.fromEvent(parent, 'scroll').pipe(operators.takeUntil(this.ngUnsubscribe), operators.map(function () {
|
|
418
411
|
var isInView = _this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
419
412
|
return isInView;
|
|
420
413
|
}));
|
|
@@ -465,20 +458,20 @@
|
|
|
465
458
|
var elementRect = element.getBoundingClientRect();
|
|
466
459
|
/* istanbul ignore else */
|
|
467
460
|
if (parentElement === windowObj) {
|
|
468
|
-
return
|
|
461
|
+
return elementRect.top > -buffer;
|
|
469
462
|
}
|
|
470
463
|
else {
|
|
471
464
|
var parentRect = parentElement.getBoundingClientRect();
|
|
472
|
-
return
|
|
465
|
+
return elementRect.top > parentRect.top - buffer;
|
|
473
466
|
}
|
|
474
467
|
};
|
|
475
468
|
return SkyBackToTopDomAdapterService;
|
|
476
469
|
}());
|
|
477
|
-
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
478
|
-
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
479
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
470
|
+
SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
471
|
+
SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService });
|
|
472
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
480
473
|
type: i0.Injectable
|
|
481
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
474
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
|
|
482
475
|
|
|
483
476
|
/**
|
|
484
477
|
* @internal
|
|
@@ -500,17 +493,15 @@
|
|
|
500
493
|
};
|
|
501
494
|
return SkyBackToTopComponent;
|
|
502
495
|
}());
|
|
503
|
-
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
504
|
-
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
505
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
496
|
+
SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
497
|
+
SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0__namespace, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n", styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
498
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopComponent, decorators: [{
|
|
506
499
|
type: i0.Component,
|
|
507
500
|
args: [{
|
|
508
501
|
selector: 'sky-back-to-top',
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
],
|
|
513
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
502
|
+
template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\n <button\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"onScrollToTopClick()\"\n >\n {{ 'skyux_back_to_top' | skyLibResources }}\n </button>\n</div>\n",
|
|
503
|
+
styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"],
|
|
504
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
514
505
|
}]
|
|
515
506
|
}] });
|
|
516
507
|
|
|
@@ -579,7 +570,10 @@
|
|
|
579
570
|
};
|
|
580
571
|
SkyBackToTopDirective.prototype.handleBackToTopButton = function (elementInView) {
|
|
581
572
|
// Add back to top button if user scrolls down and button is not hidden.
|
|
582
|
-
if (!this.dockItem &&
|
|
573
|
+
if (!this.dockItem &&
|
|
574
|
+
elementInView !== undefined &&
|
|
575
|
+
!elementInView &&
|
|
576
|
+
!this.buttonHidden) {
|
|
583
577
|
this.addBackToTop();
|
|
584
578
|
}
|
|
585
579
|
// Remove back to top button if user scrolls back up.
|
|
@@ -607,7 +601,8 @@
|
|
|
607
601
|
var _this = this;
|
|
608
602
|
/* istanbul ignore else */
|
|
609
603
|
if (this.element) {
|
|
610
|
-
this.domAdapter
|
|
604
|
+
this.domAdapter
|
|
605
|
+
.elementInViewOnScroll(this.element)
|
|
611
606
|
.pipe(operators.takeUntil(this.ngUnsubscribe))
|
|
612
607
|
.subscribe(function (elementInView) {
|
|
613
608
|
_this.elementInView = elementInView;
|
|
@@ -624,19 +619,15 @@
|
|
|
624
619
|
};
|
|
625
620
|
return SkyBackToTopDirective;
|
|
626
621
|
}());
|
|
627
|
-
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
628
|
-
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
629
|
-
|
|
630
|
-
], ngImport: i0__namespace });
|
|
631
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
|
|
622
|
+
SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopDirective, deps: [{ token: i1__namespace.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
623
|
+
SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0__namespace });
|
|
624
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
|
|
632
625
|
type: i0.Directive,
|
|
633
626
|
args: [{
|
|
634
627
|
selector: '[skyBackToTop]',
|
|
635
|
-
providers: [
|
|
636
|
-
SkyBackToTopDomAdapterService
|
|
637
|
-
]
|
|
628
|
+
providers: [SkyBackToTopDomAdapterService],
|
|
638
629
|
}]
|
|
639
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
630
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
640
631
|
type: i0.Input
|
|
641
632
|
}], skyBackToTopMessageStream: [{
|
|
642
633
|
type: i0.Input
|
|
@@ -649,13 +640,28 @@
|
|
|
649
640
|
* To update this file, simply rerun the command.
|
|
650
641
|
*/
|
|
651
642
|
var RESOURCES = {
|
|
652
|
-
'EN-US': {
|
|
643
|
+
'EN-US': {
|
|
644
|
+
skyux_back_to_top: { message: 'Back to top' },
|
|
645
|
+
skyux_card_checkbox_label: { message: 'Select card' },
|
|
646
|
+
skyux_definition_list_none_found: { message: 'None found' },
|
|
647
|
+
skyux_description_list_none_found: { message: 'None found' },
|
|
648
|
+
skyux_inline_delete_assistive_text: {
|
|
649
|
+
message: 'Are you sure you want to delete this item?',
|
|
650
|
+
},
|
|
651
|
+
skyux_inline_delete_cancel: { message: 'Cancel' },
|
|
652
|
+
skyux_inline_delete_confirm_deletion: { message: 'Confirm deletion' },
|
|
653
|
+
skyux_inline_delete_delete: { message: 'Delete' },
|
|
654
|
+
skyux_text_expand_close_text: { message: 'Close' },
|
|
655
|
+
skyux_text_expand_modal_title: { message: 'Expanded view' },
|
|
656
|
+
skyux_text_expand_see_less: { message: 'See less' },
|
|
657
|
+
skyux_text_expand_see_more: { message: 'See more' },
|
|
658
|
+
},
|
|
653
659
|
};
|
|
654
660
|
var SkyLayoutResourcesProvider = /** @class */ (function () {
|
|
655
661
|
function SkyLayoutResourcesProvider() {
|
|
656
662
|
}
|
|
657
663
|
SkyLayoutResourcesProvider.prototype.getString = function (localeInfo, name) {
|
|
658
|
-
return i1$
|
|
664
|
+
return i1$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
|
|
659
665
|
};
|
|
660
666
|
return SkyLayoutResourcesProvider;
|
|
661
667
|
}());
|
|
@@ -667,22 +673,26 @@
|
|
|
667
673
|
}
|
|
668
674
|
return SkyLayoutResourcesModule;
|
|
669
675
|
}());
|
|
670
|
-
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
671
|
-
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
672
|
-
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
673
|
-
|
|
676
|
+
SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLayoutResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
677
|
+
SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLayoutResourcesModule, exports: [i1$1.SkyI18nModule] });
|
|
678
|
+
SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLayoutResourcesModule, providers: [
|
|
679
|
+
{
|
|
680
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
674
681
|
useClass: SkyLayoutResourcesProvider,
|
|
675
|
-
multi: true
|
|
676
|
-
}
|
|
677
|
-
|
|
682
|
+
multi: true,
|
|
683
|
+
},
|
|
684
|
+
], imports: [i1$1.SkyI18nModule] });
|
|
685
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLayoutResourcesModule, decorators: [{
|
|
678
686
|
type: i0.NgModule,
|
|
679
687
|
args: [{
|
|
680
|
-
exports: [i1$
|
|
681
|
-
providers: [
|
|
682
|
-
|
|
688
|
+
exports: [i1$1.SkyI18nModule],
|
|
689
|
+
providers: [
|
|
690
|
+
{
|
|
691
|
+
provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
683
692
|
useClass: SkyLayoutResourcesProvider,
|
|
684
|
-
multi: true
|
|
685
|
-
}
|
|
693
|
+
multi: true,
|
|
694
|
+
},
|
|
695
|
+
],
|
|
686
696
|
}]
|
|
687
697
|
}] });
|
|
688
698
|
|
|
@@ -691,39 +701,29 @@
|
|
|
691
701
|
}
|
|
692
702
|
return SkyBackToTopModule;
|
|
693
703
|
}());
|
|
694
|
-
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
695
|
-
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
696
|
-
|
|
697
|
-
i1$1.
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
i1.
|
|
703
|
-
|
|
704
|
-
i1$2.SkyI18nModule,
|
|
705
|
-
SkyLayoutResourcesModule
|
|
704
|
+
SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
705
|
+
SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [i3.CommonModule,
|
|
706
|
+
i1.SkyDockModule,
|
|
707
|
+
i1$1.SkyI18nModule,
|
|
708
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
709
|
+
SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
|
|
710
|
+
i3.CommonModule,
|
|
711
|
+
i1.SkyDockModule,
|
|
712
|
+
i1$1.SkyI18nModule,
|
|
713
|
+
SkyLayoutResourcesModule,
|
|
706
714
|
]] });
|
|
707
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
715
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyBackToTopModule, decorators: [{
|
|
708
716
|
type: i0.NgModule,
|
|
709
717
|
args: [{
|
|
710
|
-
declarations: [
|
|
711
|
-
SkyBackToTopComponent,
|
|
712
|
-
SkyBackToTopDirective
|
|
713
|
-
],
|
|
718
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
714
719
|
imports: [
|
|
715
|
-
|
|
716
|
-
i1
|
|
717
|
-
i1$
|
|
718
|
-
SkyLayoutResourcesModule
|
|
719
|
-
],
|
|
720
|
-
exports: [
|
|
721
|
-
SkyBackToTopComponent,
|
|
722
|
-
SkyBackToTopDirective
|
|
720
|
+
i3.CommonModule,
|
|
721
|
+
i1.SkyDockModule,
|
|
722
|
+
i1$1.SkyI18nModule,
|
|
723
|
+
SkyLayoutResourcesModule,
|
|
723
724
|
],
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
]
|
|
725
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
726
|
+
entryComponents: [SkyBackToTopComponent],
|
|
727
727
|
}]
|
|
728
728
|
}] });
|
|
729
729
|
|
|
@@ -766,10 +766,12 @@
|
|
|
766
766
|
// Find the next navigable element that isn't waiting
|
|
767
767
|
var startingIndex = focussable.indexOf(targetElement);
|
|
768
768
|
var curIndex = startingIndex + modifier;
|
|
769
|
-
while (focussable[curIndex] &&
|
|
769
|
+
while (focussable[curIndex] &&
|
|
770
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
770
771
|
curIndex += modifier;
|
|
771
772
|
}
|
|
772
|
-
if (focussable[curIndex] &&
|
|
773
|
+
if (focussable[curIndex] &&
|
|
774
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
773
775
|
focussable[curIndex].focus();
|
|
774
776
|
}
|
|
775
777
|
else {
|
|
@@ -784,7 +786,8 @@
|
|
|
784
786
|
}
|
|
785
787
|
/* istanbul ignore else */
|
|
786
788
|
/* sanity check */
|
|
787
|
-
if (focussable[curIndex] &&
|
|
789
|
+
if (focussable[curIndex] &&
|
|
790
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
788
791
|
focussable[curIndex].focus();
|
|
789
792
|
}
|
|
790
793
|
else {
|
|
@@ -809,9 +812,10 @@
|
|
|
809
812
|
};
|
|
810
813
|
SkyInlineDeleteAdapterService.prototype.isElementHiddenOrCovered = function (element) {
|
|
811
814
|
// Check if the element is hidden by css, not within the inline delete, or a wait is covering it
|
|
812
|
-
return this.isElementHidden(element) ||
|
|
813
|
-
(this.parentEl.contains(element) &&
|
|
814
|
-
this.
|
|
815
|
+
return (this.isElementHidden(element) ||
|
|
816
|
+
(this.parentEl.contains(element) &&
|
|
817
|
+
(!this.element.contains(element) ||
|
|
818
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
815
819
|
};
|
|
816
820
|
SkyInlineDeleteAdapterService.prototype.isElementHidden = function (element) {
|
|
817
821
|
var style = window.getComputedStyle(element);
|
|
@@ -824,18 +828,18 @@
|
|
|
824
828
|
var previousInd = elements.indexOf(event.relatedTarget);
|
|
825
829
|
var currentInd = elements.indexOf(event.target);
|
|
826
830
|
/* istanbul ignore next */
|
|
827
|
-
return previousInd === currentInd + 1
|
|
828
|
-
|
|
829
|
-
|
|
830
|
-
|
|
831
|
+
return (previousInd === currentInd + 1 ||
|
|
832
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
833
|
+
previousInd > currentInd ||
|
|
834
|
+
!event.relatedTarget);
|
|
831
835
|
};
|
|
832
836
|
return SkyInlineDeleteAdapterService;
|
|
833
837
|
}());
|
|
834
|
-
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
835
|
-
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
836
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
838
|
+
SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
839
|
+
SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService });
|
|
840
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
837
841
|
type: i0.Injectable
|
|
838
|
-
}], ctorParameters: function () { return [{ type: i1__namespace
|
|
842
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.RendererFactory2 }]; } });
|
|
839
843
|
|
|
840
844
|
/**
|
|
841
845
|
* Specifies the type of inline delete that is shown.
|
|
@@ -935,74 +939,68 @@
|
|
|
935
939
|
};
|
|
936
940
|
return SkyInlineDeleteComponent;
|
|
937
941
|
}());
|
|
938
|
-
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
939
|
-
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
940
|
-
i1$1.SkyCoreAdapterService,
|
|
941
|
-
SkyInlineDeleteAdapterService
|
|
942
|
-
], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{type}}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span\n class=\"sky-inline-delete-assistive-text\"\n [id]=\"assistiveTextId\"\n >\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait\n class=\"sky-inline-delete-wait\"\n [isWaiting]=\"pending\"\n ></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div\n class=\"sky-inline-delete-content-animation-container\"\n >\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe }, animations: [
|
|
942
|
+
SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
943
|
+
SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, animations: [
|
|
943
944
|
animations.trigger('inlineDeleteAnimation', [
|
|
944
945
|
animations.transition('* => shown', [
|
|
945
946
|
animations.style({
|
|
946
|
-
opacity: 0
|
|
947
|
+
opacity: 0,
|
|
947
948
|
}),
|
|
948
949
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
949
950
|
animations.group([
|
|
950
951
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
951
952
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
952
|
-
transform: 'scale(1)'
|
|
953
|
-
})))
|
|
954
|
-
])
|
|
953
|
+
transform: 'scale(1)',
|
|
954
|
+
}))),
|
|
955
|
+
]),
|
|
955
956
|
]),
|
|
956
957
|
animations.transition("shown <=> *", [
|
|
957
958
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
958
959
|
animations.group([
|
|
959
960
|
animations.animate('300ms ease-in-out', animations.style({
|
|
960
|
-
opacity: 0
|
|
961
|
+
opacity: 0,
|
|
961
962
|
})),
|
|
962
963
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
963
|
-
transform: 'scale(0.0)'
|
|
964
|
-
})))
|
|
965
|
-
])
|
|
966
|
-
])
|
|
967
|
-
])
|
|
964
|
+
transform: 'scale(0.0)',
|
|
965
|
+
}))),
|
|
966
|
+
]),
|
|
967
|
+
]),
|
|
968
|
+
]),
|
|
968
969
|
] });
|
|
969
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
970
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteComponent, decorators: [{
|
|
970
971
|
type: i0.Component,
|
|
971
972
|
args: [{
|
|
972
973
|
selector: 'sky-inline-delete',
|
|
973
|
-
|
|
974
|
-
|
|
974
|
+
styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"],
|
|
975
|
+
template: "<div\n class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n role=\"alertdialog\"\n [@inlineDeleteAnimation]=\"animationState\"\n (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n [attr.aria-describedby]=\"assistiveTextId\"\n [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n </span>\n <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n <div class=\"sky-inline-delete-content\">\n <div class=\"sky-inline-delete-content-animation-container\">\n <button\n class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n type=\"button\"\n (click)=\"onDeleteClick()\"\n #delete\n >\n {{ 'skyux_inline_delete_delete' | skyLibResources }}\n </button>\n <button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"onCancelClick()\"\n >\n {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n </button>\n </div>\n </div>\n</div>\n",
|
|
975
976
|
animations: [
|
|
976
977
|
animations.trigger('inlineDeleteAnimation', [
|
|
977
978
|
animations.transition('* => shown', [
|
|
978
979
|
animations.style({
|
|
979
|
-
opacity: 0
|
|
980
|
+
opacity: 0,
|
|
980
981
|
}),
|
|
981
982
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
|
|
982
983
|
animations.group([
|
|
983
984
|
animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
|
|
984
985
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
985
|
-
transform: 'scale(1)'
|
|
986
|
-
})))
|
|
987
|
-
])
|
|
986
|
+
transform: 'scale(1)',
|
|
987
|
+
}))),
|
|
988
|
+
]),
|
|
988
989
|
]),
|
|
989
990
|
animations.transition("shown <=> *", [
|
|
990
991
|
animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
|
|
991
992
|
animations.group([
|
|
992
993
|
animations.animate('300ms ease-in-out', animations.style({
|
|
993
|
-
opacity: 0
|
|
994
|
+
opacity: 0,
|
|
994
995
|
})),
|
|
995
996
|
animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
|
|
996
|
-
transform: 'scale(0.0)'
|
|
997
|
-
})))
|
|
998
|
-
])
|
|
999
|
-
])
|
|
1000
|
-
])
|
|
997
|
+
transform: 'scale(0.0)',
|
|
998
|
+
}))),
|
|
999
|
+
]),
|
|
1000
|
+
]),
|
|
1001
|
+
]),
|
|
1001
1002
|
],
|
|
1002
|
-
providers: [
|
|
1003
|
-
i1$1.SkyCoreAdapterService,
|
|
1004
|
-
SkyInlineDeleteAdapterService
|
|
1005
|
-
]
|
|
1003
|
+
providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
1006
1004
|
}]
|
|
1007
1005
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { pending: [{
|
|
1008
1006
|
type: i0.Input
|
|
@@ -1014,7 +1012,7 @@
|
|
|
1014
1012
|
type: i0.ViewChild,
|
|
1015
1013
|
args: ['delete', {
|
|
1016
1014
|
read: i0.ElementRef,
|
|
1017
|
-
static: false
|
|
1015
|
+
static: false,
|
|
1018
1016
|
}]
|
|
1019
1017
|
}] } });
|
|
1020
1018
|
|
|
@@ -1023,32 +1021,28 @@
|
|
|
1023
1021
|
}
|
|
1024
1022
|
return SkyInlineDeleteModule;
|
|
1025
1023
|
}());
|
|
1026
|
-
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1027
|
-
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1028
|
-
i1$
|
|
1024
|
+
SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1025
|
+
SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [i3.CommonModule,
|
|
1026
|
+
i1$1.SkyI18nModule,
|
|
1029
1027
|
SkyLayoutResourcesModule,
|
|
1030
1028
|
i2$1.SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
1031
|
-
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1032
|
-
|
|
1033
|
-
i1$
|
|
1029
|
+
SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteModule, imports: [[
|
|
1030
|
+
i3.CommonModule,
|
|
1031
|
+
i1$1.SkyI18nModule,
|
|
1034
1032
|
SkyLayoutResourcesModule,
|
|
1035
|
-
i2$1.SkyWaitModule
|
|
1033
|
+
i2$1.SkyWaitModule,
|
|
1036
1034
|
]] });
|
|
1037
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1035
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyInlineDeleteModule, decorators: [{
|
|
1038
1036
|
type: i0.NgModule,
|
|
1039
1037
|
args: [{
|
|
1040
|
-
declarations: [
|
|
1041
|
-
SkyInlineDeleteComponent
|
|
1042
|
-
],
|
|
1038
|
+
declarations: [SkyInlineDeleteComponent],
|
|
1043
1039
|
imports: [
|
|
1044
|
-
|
|
1045
|
-
i1$
|
|
1040
|
+
i3.CommonModule,
|
|
1041
|
+
i1$1.SkyI18nModule,
|
|
1046
1042
|
SkyLayoutResourcesModule,
|
|
1047
|
-
i2$1.SkyWaitModule
|
|
1043
|
+
i2$1.SkyWaitModule,
|
|
1048
1044
|
],
|
|
1049
|
-
exports: [
|
|
1050
|
-
SkyInlineDeleteComponent
|
|
1051
|
-
]
|
|
1045
|
+
exports: [SkyInlineDeleteComponent],
|
|
1052
1046
|
}]
|
|
1053
1047
|
}] });
|
|
1054
1048
|
|
|
@@ -1060,14 +1054,14 @@
|
|
|
1060
1054
|
}
|
|
1061
1055
|
return SkyCardActionsComponent;
|
|
1062
1056
|
}());
|
|
1063
|
-
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1064
|
-
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1065
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1057
|
+
SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1058
|
+
SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
|
|
1059
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardActionsComponent, decorators: [{
|
|
1066
1060
|
type: i0.Component,
|
|
1067
1061
|
args: [{
|
|
1068
1062
|
selector: 'sky-card-actions',
|
|
1069
|
-
|
|
1070
|
-
|
|
1063
|
+
template: "<ng-content></ng-content>\n",
|
|
1064
|
+
styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"],
|
|
1071
1065
|
}]
|
|
1072
1066
|
}] });
|
|
1073
1067
|
|
|
@@ -1079,13 +1073,13 @@
|
|
|
1079
1073
|
}
|
|
1080
1074
|
return SkyCardContentComponent;
|
|
1081
1075
|
}());
|
|
1082
|
-
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1083
|
-
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1084
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1076
|
+
SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1077
|
+
SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1078
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardContentComponent, decorators: [{
|
|
1085
1079
|
type: i0.Component,
|
|
1086
1080
|
args: [{
|
|
1087
1081
|
selector: 'sky-card-content',
|
|
1088
|
-
|
|
1082
|
+
template: "<ng-content></ng-content>\n",
|
|
1089
1083
|
}]
|
|
1090
1084
|
}] });
|
|
1091
1085
|
|
|
@@ -1097,13 +1091,13 @@
|
|
|
1097
1091
|
}
|
|
1098
1092
|
return SkyCardTitleComponent;
|
|
1099
1093
|
}());
|
|
1100
|
-
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1101
|
-
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1102
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1094
|
+
SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1095
|
+
SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1096
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardTitleComponent, decorators: [{
|
|
1103
1097
|
type: i0.Component,
|
|
1104
1098
|
args: [{
|
|
1105
1099
|
selector: 'sky-card-title',
|
|
1106
|
-
|
|
1100
|
+
template: "<ng-content></ng-content>\n",
|
|
1107
1101
|
}]
|
|
1108
1102
|
}] });
|
|
1109
1103
|
|
|
@@ -1154,14 +1148,14 @@
|
|
|
1154
1148
|
};
|
|
1155
1149
|
return SkyCardComponent;
|
|
1156
1150
|
}());
|
|
1157
|
-
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1158
|
-
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1159
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1151
|
+
SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1152
|
+
SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0__namespace, template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1__namespace$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
1153
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardComponent, decorators: [{
|
|
1160
1154
|
type: i0.Component,
|
|
1161
1155
|
args: [{
|
|
1162
1156
|
selector: 'sky-card',
|
|
1163
|
-
|
|
1164
|
-
|
|
1157
|
+
styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"],
|
|
1158
|
+
template: "<section\n class=\"sky-card sky-shadow\"\n [ngClass]=\"\n {\n 'sky-card-small': size === 'small',\n 'sky-card-selectable': selectable,\n 'sky-card-selected': selectable && selected\n }\"\n>\n <ng-content select=\"sky-inline-delete\"></ng-content>\n <header>\n <div\n *ngIf=\"selectable || showTitle\"\n class=\"sky-card-header\"\n (click)=\"contentClick()\"\n >\n <div class=\"sky-card-heading-middle\">\n <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n <ng-content select=\"sky-card-title\"></ng-content>\n </h1>\n </div>\n <div *ngIf=\"selectable\" class=\"sky-card-check\">\n <sky-checkbox\n [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n [ngModel]=\"selected\"\n (click)=\"$event.stopPropagation()\"\n (ngModelChange)=\"onCheckboxChange($event)\"\n ></sky-checkbox>\n </div>\n </div>\n </header>\n <div\n class=\"sky-card-content sky-padding-even-default\"\n (click)=\"contentClick()\"\n >\n <ng-content select=\"sky-card-content\"></ng-content>\n </div>\n <div\n class=\"sky-card-actions\"\n [hidden]=\"actionsEl.children.length === 0\"\n #actionsEl\n >\n <ng-content select=\"sky-card-actions\"></ng-content>\n </div>\n</section>\n",
|
|
1165
1159
|
}]
|
|
1166
1160
|
}], propDecorators: { size: [{
|
|
1167
1161
|
type: i0.Input
|
|
@@ -1184,50 +1178,50 @@
|
|
|
1184
1178
|
}
|
|
1185
1179
|
return SkyCardModule;
|
|
1186
1180
|
}());
|
|
1187
|
-
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1188
|
-
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1181
|
+
SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1182
|
+
SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1189
1183
|
SkyCardComponent,
|
|
1190
1184
|
SkyCardContentComponent,
|
|
1191
|
-
SkyCardTitleComponent], imports: [
|
|
1192
|
-
i3$
|
|
1193
|
-
i1$
|
|
1194
|
-
i1$
|
|
1185
|
+
SkyCardTitleComponent], imports: [i3.CommonModule,
|
|
1186
|
+
i3$2.FormsModule,
|
|
1187
|
+
i1$2.SkyCheckboxModule,
|
|
1188
|
+
i1$1.SkyI18nModule,
|
|
1195
1189
|
SkyLayoutResourcesModule,
|
|
1196
1190
|
SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
|
|
1197
1191
|
SkyCardComponent,
|
|
1198
1192
|
SkyCardContentComponent,
|
|
1199
1193
|
SkyCardTitleComponent] });
|
|
1200
|
-
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1201
|
-
|
|
1202
|
-
i3$
|
|
1203
|
-
i1$
|
|
1204
|
-
i1$
|
|
1194
|
+
SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardModule, imports: [[
|
|
1195
|
+
i3.CommonModule,
|
|
1196
|
+
i3$2.FormsModule,
|
|
1197
|
+
i1$2.SkyCheckboxModule,
|
|
1198
|
+
i1$1.SkyI18nModule,
|
|
1205
1199
|
SkyLayoutResourcesModule,
|
|
1206
|
-
SkyInlineDeleteModule
|
|
1200
|
+
SkyInlineDeleteModule,
|
|
1207
1201
|
]] });
|
|
1208
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1202
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCardModule, decorators: [{
|
|
1209
1203
|
type: i0.NgModule,
|
|
1210
1204
|
args: [{
|
|
1211
1205
|
declarations: [
|
|
1212
1206
|
SkyCardActionsComponent,
|
|
1213
1207
|
SkyCardComponent,
|
|
1214
1208
|
SkyCardContentComponent,
|
|
1215
|
-
SkyCardTitleComponent
|
|
1209
|
+
SkyCardTitleComponent,
|
|
1216
1210
|
],
|
|
1217
1211
|
imports: [
|
|
1218
|
-
|
|
1219
|
-
i3$
|
|
1220
|
-
i1$
|
|
1221
|
-
i1$
|
|
1212
|
+
i3.CommonModule,
|
|
1213
|
+
i3$2.FormsModule,
|
|
1214
|
+
i1$2.SkyCheckboxModule,
|
|
1215
|
+
i1$1.SkyI18nModule,
|
|
1222
1216
|
SkyLayoutResourcesModule,
|
|
1223
|
-
SkyInlineDeleteModule
|
|
1217
|
+
SkyInlineDeleteModule,
|
|
1224
1218
|
],
|
|
1225
1219
|
exports: [
|
|
1226
1220
|
SkyCardActionsComponent,
|
|
1227
1221
|
SkyCardComponent,
|
|
1228
1222
|
SkyCardContentComponent,
|
|
1229
|
-
SkyCardTitleComponent
|
|
1230
|
-
]
|
|
1223
|
+
SkyCardTitleComponent,
|
|
1224
|
+
],
|
|
1231
1225
|
}]
|
|
1232
1226
|
}] });
|
|
1233
1227
|
|
|
@@ -1241,9 +1235,9 @@
|
|
|
1241
1235
|
}
|
|
1242
1236
|
return SkyDefinitionListService;
|
|
1243
1237
|
}());
|
|
1244
|
-
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1245
|
-
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1246
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1238
|
+
SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1239
|
+
SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListService });
|
|
1240
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListService, decorators: [{
|
|
1247
1241
|
type: i0.Injectable
|
|
1248
1242
|
}] });
|
|
1249
1243
|
|
|
@@ -1279,16 +1273,16 @@
|
|
|
1279
1273
|
});
|
|
1280
1274
|
return SkyDefinitionListComponent;
|
|
1281
1275
|
}());
|
|
1282
|
-
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1283
|
-
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1284
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1276
|
+
SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1277
|
+
SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0__namespace, template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1278
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListComponent, decorators: [{
|
|
1285
1279
|
type: i0.Component,
|
|
1286
1280
|
args: [{
|
|
1287
1281
|
selector: 'sky-definition-list',
|
|
1288
|
-
|
|
1289
|
-
|
|
1282
|
+
template: "<div class=\"sky-definition-list\">\n <ng-content select=\"sky-definition-list-heading\"></ng-content>\n <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n",
|
|
1283
|
+
styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"],
|
|
1290
1284
|
providers: [SkyDefinitionListService],
|
|
1291
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1285
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1292
1286
|
}]
|
|
1293
1287
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1294
1288
|
type: i0.Input
|
|
@@ -1304,15 +1298,15 @@
|
|
|
1304
1298
|
}
|
|
1305
1299
|
return SkyDefinitionListContentComponent;
|
|
1306
1300
|
}());
|
|
1307
|
-
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1308
|
-
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1309
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1301
|
+
SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1302
|
+
SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1303
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1310
1304
|
type: i0.Component,
|
|
1311
1305
|
args: [{
|
|
1312
1306
|
selector: 'sky-definition-list-content',
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1307
|
+
template: "<div class=\"sky-definition-list-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
1308
|
+
styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"],
|
|
1309
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1316
1310
|
}]
|
|
1317
1311
|
}] });
|
|
1318
1312
|
|
|
@@ -1324,15 +1318,15 @@
|
|
|
1324
1318
|
}
|
|
1325
1319
|
return SkyDefinitionListHeadingComponent;
|
|
1326
1320
|
}());
|
|
1327
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1328
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1329
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1321
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1322
|
+
SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0__namespace, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1323
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1330
1324
|
type: i0.Component,
|
|
1331
1325
|
args: [{
|
|
1332
1326
|
selector: 'sky-definition-list-heading',
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1327
|
+
template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n <ng-content></ng-content>\n</div>\n",
|
|
1328
|
+
styles: [".sky-definition-list-heading{margin-bottom:5px}\n"],
|
|
1329
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1336
1330
|
}]
|
|
1337
1331
|
}] });
|
|
1338
1332
|
|
|
@@ -1345,15 +1339,15 @@
|
|
|
1345
1339
|
}
|
|
1346
1340
|
return SkyDefinitionListLabelComponent;
|
|
1347
1341
|
}());
|
|
1348
|
-
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1349
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1350
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1342
|
+
SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1343
|
+
SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0__namespace, template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1344
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1351
1345
|
type: i0.Component,
|
|
1352
1346
|
args: [{
|
|
1353
1347
|
selector: 'sky-definition-list-label',
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1348
|
+
template: "<div\n class=\"sky-field-label sky-definition-list-label\"\n [ngStyle]=\"{\n width: (service.labelWidth | async) || ''\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
1349
|
+
styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"],
|
|
1350
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1357
1351
|
}]
|
|
1358
1352
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1359
1353
|
|
|
@@ -1366,14 +1360,14 @@
|
|
|
1366
1360
|
}
|
|
1367
1361
|
return SkyDefinitionListValueComponent;
|
|
1368
1362
|
}());
|
|
1369
|
-
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1370
|
-
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1371
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1363
|
+
SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1364
|
+
SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
1365
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1372
1366
|
type: i0.Component,
|
|
1373
1367
|
args: [{
|
|
1374
1368
|
selector: 'sky-definition-list-value',
|
|
1375
|
-
|
|
1376
|
-
|
|
1369
|
+
template: "<div class=\"sky-definition-list-value\">\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n {{\n (service.defaultValue | async) ||\n ('skyux_definition_list_none_found' | skyLibResources)\n }}\n </span>\n</div>\n",
|
|
1370
|
+
styles: [":host{flex:1}\n"],
|
|
1377
1371
|
}]
|
|
1378
1372
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1379
1373
|
|
|
@@ -1382,24 +1376,18 @@
|
|
|
1382
1376
|
}
|
|
1383
1377
|
return SkyDefinitionListModule;
|
|
1384
1378
|
}());
|
|
1385
|
-
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1386
|
-
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1379
|
+
SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1380
|
+
SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1387
1381
|
SkyDefinitionListContentComponent,
|
|
1388
1382
|
SkyDefinitionListHeadingComponent,
|
|
1389
1383
|
SkyDefinitionListLabelComponent,
|
|
1390
|
-
SkyDefinitionListValueComponent], imports: [
|
|
1391
|
-
i1$2.SkyI18nModule,
|
|
1392
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1384
|
+
SkyDefinitionListValueComponent], imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1393
1385
|
SkyDefinitionListContentComponent,
|
|
1394
1386
|
SkyDefinitionListHeadingComponent,
|
|
1395
1387
|
SkyDefinitionListLabelComponent,
|
|
1396
1388
|
SkyDefinitionListValueComponent] });
|
|
1397
|
-
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1398
|
-
|
|
1399
|
-
i1$2.SkyI18nModule,
|
|
1400
|
-
SkyLayoutResourcesModule
|
|
1401
|
-
]] });
|
|
1402
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1389
|
+
SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListModule, imports: [[i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
1390
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
|
|
1403
1391
|
type: i0.NgModule,
|
|
1404
1392
|
args: [{
|
|
1405
1393
|
declarations: [
|
|
@@ -1407,20 +1395,16 @@
|
|
|
1407
1395
|
SkyDefinitionListContentComponent,
|
|
1408
1396
|
SkyDefinitionListHeadingComponent,
|
|
1409
1397
|
SkyDefinitionListLabelComponent,
|
|
1410
|
-
SkyDefinitionListValueComponent
|
|
1411
|
-
],
|
|
1412
|
-
imports: [
|
|
1413
|
-
i1.CommonModule,
|
|
1414
|
-
i1$2.SkyI18nModule,
|
|
1415
|
-
SkyLayoutResourcesModule
|
|
1398
|
+
SkyDefinitionListValueComponent,
|
|
1416
1399
|
],
|
|
1400
|
+
imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule],
|
|
1417
1401
|
exports: [
|
|
1418
1402
|
SkyDefinitionListComponent,
|
|
1419
1403
|
SkyDefinitionListContentComponent,
|
|
1420
1404
|
SkyDefinitionListHeadingComponent,
|
|
1421
1405
|
SkyDefinitionListLabelComponent,
|
|
1422
|
-
SkyDefinitionListValueComponent
|
|
1423
|
-
]
|
|
1406
|
+
SkyDefinitionListValueComponent,
|
|
1407
|
+
],
|
|
1424
1408
|
}]
|
|
1425
1409
|
}] });
|
|
1426
1410
|
|
|
@@ -1450,7 +1434,8 @@
|
|
|
1450
1434
|
if (width <= xsBreakpointMaxPixels) {
|
|
1451
1435
|
return 'sky-responsive-container-xs';
|
|
1452
1436
|
}
|
|
1453
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1437
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1438
|
+
width <= smBreakpointMaxPixels) {
|
|
1454
1439
|
return 'sky-responsive-container-sm';
|
|
1455
1440
|
}
|
|
1456
1441
|
else {
|
|
@@ -1459,9 +1444,9 @@
|
|
|
1459
1444
|
};
|
|
1460
1445
|
return SkyDescriptionListAdapterService;
|
|
1461
1446
|
}());
|
|
1462
|
-
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1463
|
-
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1464
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1447
|
+
SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1448
|
+
SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListAdapterService });
|
|
1449
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1465
1450
|
type: i0.Injectable
|
|
1466
1451
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
1467
1452
|
|
|
@@ -1473,20 +1458,20 @@
|
|
|
1473
1458
|
}
|
|
1474
1459
|
return SkyDescriptionListTermComponent;
|
|
1475
1460
|
}());
|
|
1476
|
-
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1477
|
-
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1478
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1461
|
+
SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1462
|
+
SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1463
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1479
1464
|
type: i0.Component,
|
|
1480
1465
|
args: [{
|
|
1481
1466
|
selector: 'sky-description-list-term',
|
|
1482
|
-
|
|
1483
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1467
|
+
template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n",
|
|
1468
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1484
1469
|
}]
|
|
1485
1470
|
}], propDecorators: { templateRef: [{
|
|
1486
1471
|
type: i0.ViewChild,
|
|
1487
1472
|
args: ['termTemplateRef', {
|
|
1488
1473
|
read: i0.TemplateRef,
|
|
1489
|
-
static: true
|
|
1474
|
+
static: true,
|
|
1490
1475
|
}]
|
|
1491
1476
|
}] } });
|
|
1492
1477
|
|
|
@@ -1512,9 +1497,9 @@
|
|
|
1512
1497
|
};
|
|
1513
1498
|
return SkyDescriptionListService;
|
|
1514
1499
|
}());
|
|
1515
|
-
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1516
|
-
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1517
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1500
|
+
SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1501
|
+
SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListService });
|
|
1502
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListService, decorators: [{
|
|
1518
1503
|
type: i0.Injectable
|
|
1519
1504
|
}] });
|
|
1520
1505
|
|
|
@@ -1546,20 +1531,20 @@
|
|
|
1546
1531
|
};
|
|
1547
1532
|
return SkyDescriptionListDescriptionComponent;
|
|
1548
1533
|
}());
|
|
1549
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1550
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1551
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1534
|
+
SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1535
|
+
SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1536
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1552
1537
|
type: i0.Component,
|
|
1553
1538
|
args: [{
|
|
1554
1539
|
selector: 'sky-description-list-description',
|
|
1555
|
-
|
|
1556
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1540
|
+
template: "<ng-template #descriptionTemplateRef>\n <span #valueEl>\n <ng-content></ng-content>\n </span>\n <span\n *ngIf=\"!valueEl.textContent.trim()\"\n data-sky-id=\"sky-description-list-default-value\"\n [skyThemeClass]=\"{\n 'sky-font-deemphasized': 'modern',\n 'sky-deemphasized': 'default'\n }\"\n >\n {{\n (service.defaultDescription | async) ||\n ('skyux_description_list_none_found' | skyLibResources)\n }}\n </span>\n</ng-template>\n",
|
|
1541
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1557
1542
|
}]
|
|
1558
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1543
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1559
1544
|
type: i0.ViewChild,
|
|
1560
1545
|
args: ['descriptionTemplateRef', {
|
|
1561
1546
|
read: i0.TemplateRef,
|
|
1562
|
-
static: true
|
|
1547
|
+
static: true,
|
|
1563
1548
|
}]
|
|
1564
1549
|
}] } });
|
|
1565
1550
|
|
|
@@ -1571,13 +1556,13 @@
|
|
|
1571
1556
|
}
|
|
1572
1557
|
return SkyDescriptionListContentComponent;
|
|
1573
1558
|
}());
|
|
1574
|
-
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1575
|
-
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1576
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1559
|
+
SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1560
|
+
SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
|
|
1561
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1577
1562
|
type: i0.Component,
|
|
1578
1563
|
args: [{
|
|
1579
1564
|
selector: 'sky-description-list-content',
|
|
1580
|
-
|
|
1565
|
+
template: "<ng-content></ng-content>\n",
|
|
1581
1566
|
}]
|
|
1582
1567
|
}], propDecorators: { termComponents: [{
|
|
1583
1568
|
type: i0.ContentChildren,
|
|
@@ -1644,7 +1629,7 @@
|
|
|
1644
1629
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1645
1630
|
childList: true,
|
|
1646
1631
|
characterData: true,
|
|
1647
|
-
subtree: true
|
|
1632
|
+
subtree: true,
|
|
1648
1633
|
});
|
|
1649
1634
|
};
|
|
1650
1635
|
SkyDescriptionListComponent.prototype.ngOnDestroy = function () {
|
|
@@ -1661,24 +1646,18 @@
|
|
|
1661
1646
|
};
|
|
1662
1647
|
return SkyDescriptionListComponent;
|
|
1663
1648
|
}());
|
|
1664
|
-
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1665
|
-
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1666
|
-
|
|
1667
|
-
SkyDescriptionListService
|
|
1668
|
-
], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode' : mode == 'longDescription',\n 'sky-description-list-vertical-mode' : mode == 'vertical',\n 'sky-description-list-horizontal-mode' : mode == 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container *ngTemplateOutlet=\"termComponent.templateRef\"></ng-container>\n </dt>\n <dd *ngFor=\"let descriptionComponent of contentComponent?.descriptionComponents\">\n <ng-container *ngTemplateOutlet=\"descriptionComponent.templateRef\"></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1669
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1649
|
+
SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1__namespace.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1650
|
+
SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1651
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
|
|
1670
1652
|
type: i0.Component,
|
|
1671
1653
|
args: [{
|
|
1672
1654
|
selector: 'sky-description-list',
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
providers: [
|
|
1676
|
-
|
|
1677
|
-
SkyDescriptionListService
|
|
1678
|
-
],
|
|
1679
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1655
|
+
template: "<dl\n class=\"sky-description-list\"\n [ngClass]=\"{\n 'sky-description-list-long-description-mode': mode === 'longDescription',\n 'sky-description-list-vertical-mode': mode === 'vertical',\n 'sky-description-list-horizontal-mode': mode === 'horizontal'\n }\"\n #descriptionListElement\n>\n <!--\n Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n to avoid adding non-semantic HTML tags to DOM\n -->\n <div\n *ngFor=\"let contentComponent of contentComponents\"\n class=\"sky-description-list-content\"\n [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n >\n <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n <ng-container\n *ngTemplateOutlet=\"termComponent.templateRef\"\n ></ng-container>\n </dt>\n <dd\n *ngFor=\"\n let descriptionComponent of contentComponent?.descriptionComponents\n \"\n >\n <ng-container\n *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n ></ng-container>\n </dd>\n </div>\n</dl>\n",
|
|
1656
|
+
styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"],
|
|
1657
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1658
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1680
1659
|
}]
|
|
1681
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace
|
|
1660
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1682
1661
|
type: i0.Input
|
|
1683
1662
|
}], listItemWidth: [{
|
|
1684
1663
|
type: i0.Input
|
|
@@ -1691,7 +1670,7 @@
|
|
|
1691
1670
|
type: i0.ViewChild,
|
|
1692
1671
|
args: ['descriptionListElement', {
|
|
1693
1672
|
read: i0.ElementRef,
|
|
1694
|
-
static: true
|
|
1673
|
+
static: true,
|
|
1695
1674
|
}]
|
|
1696
1675
|
}], onWindowResize: [{
|
|
1697
1676
|
type: i0.HostListener,
|
|
@@ -1703,44 +1682,44 @@
|
|
|
1703
1682
|
}
|
|
1704
1683
|
return SkyDescriptionListModule;
|
|
1705
1684
|
}());
|
|
1706
|
-
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1707
|
-
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1685
|
+
SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1686
|
+
SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1708
1687
|
SkyDescriptionListContentComponent,
|
|
1709
1688
|
SkyDescriptionListTermComponent,
|
|
1710
|
-
SkyDescriptionListDescriptionComponent], imports: [
|
|
1711
|
-
i1$
|
|
1689
|
+
SkyDescriptionListDescriptionComponent], imports: [i3.CommonModule,
|
|
1690
|
+
i1$1.SkyI18nModule,
|
|
1712
1691
|
SkyLayoutResourcesModule,
|
|
1713
|
-
i3.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1692
|
+
i3$1.SkyThemeModule], exports: [SkyDescriptionListComponent,
|
|
1714
1693
|
SkyDescriptionListContentComponent,
|
|
1715
1694
|
SkyDescriptionListTermComponent,
|
|
1716
1695
|
SkyDescriptionListDescriptionComponent] });
|
|
1717
|
-
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1718
|
-
|
|
1719
|
-
i1$
|
|
1696
|
+
SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListModule, imports: [[
|
|
1697
|
+
i3.CommonModule,
|
|
1698
|
+
i1$1.SkyI18nModule,
|
|
1720
1699
|
SkyLayoutResourcesModule,
|
|
1721
|
-
i3.SkyThemeModule
|
|
1700
|
+
i3$1.SkyThemeModule,
|
|
1722
1701
|
]] });
|
|
1723
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1702
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDescriptionListModule, decorators: [{
|
|
1724
1703
|
type: i0.NgModule,
|
|
1725
1704
|
args: [{
|
|
1726
1705
|
declarations: [
|
|
1727
1706
|
SkyDescriptionListComponent,
|
|
1728
1707
|
SkyDescriptionListContentComponent,
|
|
1729
1708
|
SkyDescriptionListTermComponent,
|
|
1730
|
-
SkyDescriptionListDescriptionComponent
|
|
1709
|
+
SkyDescriptionListDescriptionComponent,
|
|
1731
1710
|
],
|
|
1732
1711
|
imports: [
|
|
1733
|
-
|
|
1734
|
-
i1$
|
|
1712
|
+
i3.CommonModule,
|
|
1713
|
+
i1$1.SkyI18nModule,
|
|
1735
1714
|
SkyLayoutResourcesModule,
|
|
1736
|
-
i3.SkyThemeModule
|
|
1715
|
+
i3$1.SkyThemeModule,
|
|
1737
1716
|
],
|
|
1738
1717
|
exports: [
|
|
1739
1718
|
SkyDescriptionListComponent,
|
|
1740
1719
|
SkyDescriptionListContentComponent,
|
|
1741
1720
|
SkyDescriptionListTermComponent,
|
|
1742
|
-
SkyDescriptionListDescriptionComponent
|
|
1743
|
-
]
|
|
1721
|
+
SkyDescriptionListDescriptionComponent,
|
|
1722
|
+
],
|
|
1744
1723
|
}]
|
|
1745
1724
|
}] });
|
|
1746
1725
|
|
|
@@ -1802,14 +1781,14 @@
|
|
|
1802
1781
|
}
|
|
1803
1782
|
return SkyRowComponent;
|
|
1804
1783
|
}());
|
|
1805
|
-
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1806
|
-
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1807
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1784
|
+
SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyRowComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1785
|
+
SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0__namespace, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1786
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyRowComponent, decorators: [{
|
|
1808
1787
|
type: i0.Component,
|
|
1809
1788
|
args: [{
|
|
1810
1789
|
selector: 'sky-row',
|
|
1811
|
-
|
|
1812
|
-
|
|
1790
|
+
template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n <ng-content></ng-content>\n</div>\n",
|
|
1791
|
+
styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"],
|
|
1813
1792
|
}]
|
|
1814
1793
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1815
1794
|
type: i0.Input
|
|
@@ -1820,14 +1799,15 @@
|
|
|
1820
1799
|
}
|
|
1821
1800
|
SkyColumnComponent.prototype.ngOnChanges = function (changes) {
|
|
1822
1801
|
/* istanbul ignore else */
|
|
1823
|
-
if (changes.screenXSmall ||
|
|
1802
|
+
if (changes.screenXSmall ||
|
|
1803
|
+
changes.screenSmall ||
|
|
1804
|
+
changes.screenMedium ||
|
|
1805
|
+
changes.screenLarge) {
|
|
1824
1806
|
this.classnames = this.getClassNames();
|
|
1825
1807
|
}
|
|
1826
1808
|
};
|
|
1827
1809
|
SkyColumnComponent.prototype.getClassNames = function () {
|
|
1828
|
-
var classnames = [
|
|
1829
|
-
'sky-column'
|
|
1830
|
-
];
|
|
1810
|
+
var classnames = ['sky-column'];
|
|
1831
1811
|
if (this.screenXSmall) {
|
|
1832
1812
|
classnames.push("sky-column-xs-" + this.screenXSmall);
|
|
1833
1813
|
}
|
|
@@ -1847,15 +1827,15 @@
|
|
|
1847
1827
|
};
|
|
1848
1828
|
return SkyColumnComponent;
|
|
1849
1829
|
}());
|
|
1850
|
-
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1851
|
-
SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:8.3333333333%}sky-column.sky-column-xs-2{width:16.6666666667%}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:33.3333333333%}sky-column.sky-column-xs-5{width:41.6666666667%}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:58.3333333333%}sky-column.sky-column-xs-8{width:66.6666666667%}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:83.3333333333%}sky-column.sky-column-xs-11{width:91.6666666667%}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:8.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:16.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:33.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:41.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:58.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:66.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:83.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:91.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:8.3333333333%}sky-column.sky-column-sm-2{width:16.6666666667%}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:33.3333333333%}sky-column.sky-column-sm-5{width:41.6666666667%}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:58.3333333333%}sky-column.sky-column-sm-8{width:66.6666666667%}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:83.3333333333%}sky-column.sky-column-sm-11{width:91.6666666667%}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:8.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:16.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:33.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:41.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:58.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:66.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:83.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:91.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media (min-width: 992px){sky-column.sky-column-md-1{width:8.3333333333%}sky-column.sky-column-md-2{width:16.6666666667%}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:33.3333333333%}sky-column.sky-column-md-5{width:41.6666666667%}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:58.3333333333%}sky-column.sky-column-md-8{width:66.6666666667%}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:83.3333333333%}sky-column.sky-column-md-11{width:91.6666666667%}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:8.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:16.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:33.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:41.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:58.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:66.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:83.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:91.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:8.3333333333%}sky-column.sky-column-lg-2{width:16.6666666667%}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:33.3333333333%}sky-column.sky-column-lg-5{width:41.6666666667%}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:58.3333333333%}sky-column.sky-column-lg-8{width:66.6666666667%}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:83.3333333333%}sky-column.sky-column-lg-11{width:91.6666666667%}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:8.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:16.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:33.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:41.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:58.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:66.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:83.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:91.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1852
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1830
|
+
SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1831
|
+
SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:8.3333333333%}sky-column.sky-column-xs-2{width:16.6666666667%}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:33.3333333333%}sky-column.sky-column-xs-5{width:41.6666666667%}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:58.3333333333%}sky-column.sky-column-xs-8{width:66.6666666667%}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:83.3333333333%}sky-column.sky-column-xs-11{width:91.6666666667%}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:8.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:16.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:25%}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:33.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:41.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:50%}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:58.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:66.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:75%}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:83.3333333333%}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:91.6666666667%}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:100%}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:8.3333333333%}sky-column.sky-column-sm-2{width:16.6666666667%}sky-column.sky-column-sm-3{width:25%}sky-column.sky-column-sm-4{width:33.3333333333%}sky-column.sky-column-sm-5{width:41.6666666667%}sky-column.sky-column-sm-6{width:50%}sky-column.sky-column-sm-7{width:58.3333333333%}sky-column.sky-column-sm-8{width:66.6666666667%}sky-column.sky-column-sm-9{width:75%}sky-column.sky-column-sm-10{width:83.3333333333%}sky-column.sky-column-sm-11{width:91.6666666667%}sky-column.sky-column-sm-12{width:100%}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:8.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:16.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:25%}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:33.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:41.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:50%}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:58.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:66.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:75%}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:83.3333333333%}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:91.6666666667%}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:100%}@media (min-width: 992px){sky-column.sky-column-md-1{width:8.3333333333%}sky-column.sky-column-md-2{width:16.6666666667%}sky-column.sky-column-md-3{width:25%}sky-column.sky-column-md-4{width:33.3333333333%}sky-column.sky-column-md-5{width:41.6666666667%}sky-column.sky-column-md-6{width:50%}sky-column.sky-column-md-7{width:58.3333333333%}sky-column.sky-column-md-8{width:66.6666666667%}sky-column.sky-column-md-9{width:75%}sky-column.sky-column-md-10{width:83.3333333333%}sky-column.sky-column-md-11{width:91.6666666667%}sky-column.sky-column-md-12{width:100%}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:8.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:16.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:25%}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:33.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:41.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:50%}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:58.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:66.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:75%}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:83.3333333333%}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:91.6666666667%}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:100%}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:8.3333333333%}sky-column.sky-column-lg-2{width:16.6666666667%}sky-column.sky-column-lg-3{width:25%}sky-column.sky-column-lg-4{width:33.3333333333%}sky-column.sky-column-lg-5{width:41.6666666667%}sky-column.sky-column-lg-6{width:50%}sky-column.sky-column-lg-7{width:58.3333333333%}sky-column.sky-column-lg-8{width:66.6666666667%}sky-column.sky-column-lg-9{width:75%}sky-column.sky-column-lg-10{width:83.3333333333%}sky-column.sky-column-lg-11{width:91.6666666667%}sky-column.sky-column-lg-12{width:100%}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:8.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:16.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:25%}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:33.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:41.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:50%}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:58.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:66.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:75%}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:83.3333333333%}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:91.6666666667%}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:100%}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
1832
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyColumnComponent, decorators: [{
|
|
1853
1833
|
type: i0.Component,
|
|
1854
1834
|
args: [{
|
|
1855
1835
|
selector: 'sky-column',
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
encapsulation: i0.ViewEncapsulation.None
|
|
1836
|
+
template: "<ng-content></ng-content>\n",
|
|
1837
|
+
styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:8.3333333333%}sky-column.sky-column-xs-2{width:16.6666666667%}sky-column.sky-column-xs-3{width:25%}sky-column.sky-column-xs-4{width:33.3333333333%}sky-column.sky-column-xs-5{width:41.6666666667%}sky-column.sky-column-xs-6{width:50%}sky-column.sky-column-xs-7{width:58.3333333333%}sky-column.sky-column-xs-8{width:66.6666666667%}sky-column.sky-column-xs-9{width:75%}sky-column.sky-column-xs-10{width:83.3333333333%}sky-column.sky-column-xs-11{width:91.6666666667%}sky-column.sky-column-xs-12{width:100%}sky-column:not([class*=sky-column-xs-],
|
|
1838
|
+
encapsulation: i0.ViewEncapsulation.None,
|
|
1859
1839
|
}]
|
|
1860
1840
|
}], propDecorators: { screenXSmall: [{
|
|
1861
1841
|
type: i0.Input
|
|
@@ -1932,16 +1912,14 @@
|
|
|
1932
1912
|
});
|
|
1933
1913
|
return SkyFluidGridComponent;
|
|
1934
1914
|
}());
|
|
1935
|
-
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1936
|
-
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1937
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1915
|
+
SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1916
|
+
SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0__namespace, template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1917
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridComponent, decorators: [{
|
|
1938
1918
|
type: i0.Component,
|
|
1939
1919
|
args: [{
|
|
1940
1920
|
selector: 'sky-fluid-grid',
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
'./fluid-grid.component.scss'
|
|
1944
|
-
]
|
|
1921
|
+
template: "<div\n class=\"sky-fluid-grid\"\n [ngClass]=\"{\n 'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n 'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n 'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n 'sky-fluid-grid-no-margin': disableMargin\n }\"\n>\n <ng-content></ng-content>\n</div>\n",
|
|
1922
|
+
styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"],
|
|
1945
1923
|
}]
|
|
1946
1924
|
}], propDecorators: { disableMargin: [{
|
|
1947
1925
|
type: i0.Input
|
|
@@ -1954,31 +1932,15 @@
|
|
|
1954
1932
|
}
|
|
1955
1933
|
return SkyFluidGridModule;
|
|
1956
1934
|
}());
|
|
1957
|
-
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1958
|
-
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
SkyColumnComponent,
|
|
1962
|
-
SkyFluidGridComponent] });
|
|
1963
|
-
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[
|
|
1964
|
-
i1.CommonModule
|
|
1965
|
-
]] });
|
|
1966
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
1935
|
+
SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1936
|
+
SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [i3.CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
|
|
1937
|
+
SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[i3.CommonModule]] });
|
|
1938
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
|
|
1967
1939
|
type: i0.NgModule,
|
|
1968
1940
|
args: [{
|
|
1969
|
-
imports: [
|
|
1970
|
-
|
|
1971
|
-
],
|
|
1972
|
-
declarations: [
|
|
1973
|
-
SkyRowComponent,
|
|
1974
|
-
SkyColumnComponent,
|
|
1975
|
-
SkyFluidGridComponent
|
|
1976
|
-
],
|
|
1977
|
-
exports: [
|
|
1978
|
-
SkyRowComponent,
|
|
1979
|
-
SkyColumnComponent,
|
|
1980
|
-
SkyFluidGridComponent
|
|
1981
|
-
]
|
|
1941
|
+
imports: [i3.CommonModule],
|
|
1942
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1943
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1982
1944
|
}]
|
|
1983
1945
|
}] });
|
|
1984
1946
|
|
|
@@ -2217,7 +2179,7 @@
|
|
|
2217
2179
|
ar[i] = from[i];
|
|
2218
2180
|
}
|
|
2219
2181
|
}
|
|
2220
|
-
return to.concat(ar || from);
|
|
2182
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
2221
2183
|
}
|
|
2222
2184
|
function __await(v) {
|
|
2223
2185
|
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
|
@@ -2367,14 +2329,14 @@
|
|
|
2367
2329
|
};
|
|
2368
2330
|
return SkyFormatComponent;
|
|
2369
2331
|
}());
|
|
2370
|
-
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2371
|
-
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2372
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2332
|
+
SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2333
|
+
SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n item.text\n }}</ng-container>\n</ng-container>\n", directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
2334
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatComponent, decorators: [{
|
|
2373
2335
|
type: i0.Component,
|
|
2374
2336
|
args: [{
|
|
2375
2337
|
selector: 'sky-format',
|
|
2376
|
-
|
|
2377
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
2338
|
+
template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n <!--\n The following ng-container must be on one line so no extra whitespace is introduced.\n -->\n <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n item.text\n }}</ng-container>\n</ng-container>\n",
|
|
2339
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2378
2340
|
}]
|
|
2379
2341
|
}], propDecorators: { text: [{
|
|
2380
2342
|
type: i0.Input
|
|
@@ -2387,23 +2349,15 @@
|
|
|
2387
2349
|
}
|
|
2388
2350
|
return SkyFormatModule;
|
|
2389
2351
|
}());
|
|
2390
|
-
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2391
|
-
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2392
|
-
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2393
|
-
|
|
2394
|
-
]] });
|
|
2395
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2352
|
+
SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2353
|
+
SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [i3.CommonModule], exports: [SkyFormatComponent] });
|
|
2354
|
+
SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatModule, imports: [[i3.CommonModule]] });
|
|
2355
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
|
|
2396
2356
|
type: i0.NgModule,
|
|
2397
2357
|
args: [{
|
|
2398
|
-
declarations: [
|
|
2399
|
-
|
|
2400
|
-
],
|
|
2401
|
-
imports: [
|
|
2402
|
-
i1.CommonModule
|
|
2403
|
-
],
|
|
2404
|
-
exports: [
|
|
2405
|
-
SkyFormatComponent
|
|
2406
|
-
]
|
|
2358
|
+
declarations: [SkyFormatComponent],
|
|
2359
|
+
imports: [i3.CommonModule],
|
|
2360
|
+
exports: [SkyFormatComponent],
|
|
2407
2361
|
}]
|
|
2408
2362
|
}] });
|
|
2409
2363
|
|
|
@@ -2428,9 +2382,9 @@
|
|
|
2428
2382
|
};
|
|
2429
2383
|
return SkyPageThemeAdapterService;
|
|
2430
2384
|
}());
|
|
2431
|
-
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2432
|
-
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2433
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2385
|
+
SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageThemeAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2386
|
+
SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageThemeAdapterService });
|
|
2387
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageThemeAdapterService, decorators: [{
|
|
2434
2388
|
type: i0.Injectable
|
|
2435
2389
|
}] });
|
|
2436
2390
|
|
|
@@ -2451,14 +2405,14 @@
|
|
|
2451
2405
|
};
|
|
2452
2406
|
return SkyPageComponent;
|
|
2453
2407
|
}());
|
|
2454
|
-
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2455
|
-
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2456
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2408
|
+
SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2409
|
+
SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0__namespace, template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n" });
|
|
2410
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageComponent, decorators: [{
|
|
2457
2411
|
type: i0.Component,
|
|
2458
2412
|
args: [{
|
|
2459
2413
|
selector: 'sky-page',
|
|
2460
|
-
|
|
2461
|
-
providers: [SkyPageThemeAdapterService]
|
|
2414
|
+
template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n",
|
|
2415
|
+
providers: [SkyPageThemeAdapterService],
|
|
2462
2416
|
}]
|
|
2463
2417
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
2464
2418
|
|
|
@@ -2467,18 +2421,14 @@
|
|
|
2467
2421
|
}
|
|
2468
2422
|
return SkyPageModule;
|
|
2469
2423
|
}());
|
|
2470
|
-
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2471
|
-
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2472
|
-
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2473
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2424
|
+
SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2425
|
+
SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
2426
|
+
SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageModule });
|
|
2427
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageModule, decorators: [{
|
|
2474
2428
|
type: i0.NgModule,
|
|
2475
2429
|
args: [{
|
|
2476
|
-
declarations: [
|
|
2477
|
-
|
|
2478
|
-
],
|
|
2479
|
-
exports: [
|
|
2480
|
-
SkyPageComponent
|
|
2481
|
-
]
|
|
2430
|
+
declarations: [SkyPageComponent],
|
|
2431
|
+
exports: [SkyPageComponent],
|
|
2482
2432
|
}]
|
|
2483
2433
|
}] });
|
|
2484
2434
|
|
|
@@ -2493,14 +2443,14 @@
|
|
|
2493
2443
|
}
|
|
2494
2444
|
return SkyPageSummaryAlertComponent;
|
|
2495
2445
|
}());
|
|
2496
|
-
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2497
|
-
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2498
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2446
|
+
SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2447
|
+
SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryAlertComponent, selector: "sky-page-summary-alert", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] });
|
|
2448
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
2499
2449
|
type: i0.Component,
|
|
2500
2450
|
args: [{
|
|
2501
2451
|
selector: 'sky-page-summary-alert',
|
|
2502
|
-
|
|
2503
|
-
|
|
2452
|
+
template: "<ng-content></ng-content>\n",
|
|
2453
|
+
styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"],
|
|
2504
2454
|
}]
|
|
2505
2455
|
}] });
|
|
2506
2456
|
|
|
@@ -2514,14 +2464,14 @@
|
|
|
2514
2464
|
}
|
|
2515
2465
|
return SkyPageSummaryContentComponent;
|
|
2516
2466
|
}());
|
|
2517
|
-
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
-
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2519
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2467
|
+
SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2468
|
+
SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryContentComponent, selector: "sky-page-summary-content", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] });
|
|
2469
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2520
2470
|
type: i0.Component,
|
|
2521
2471
|
args: [{
|
|
2522
2472
|
selector: 'sky-page-summary-content',
|
|
2523
|
-
|
|
2524
|
-
|
|
2473
|
+
template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n",
|
|
2474
|
+
styles: [".sky-page-summary-content{margin-top:20px}\n"],
|
|
2525
2475
|
}]
|
|
2526
2476
|
}] });
|
|
2527
2477
|
|
|
@@ -2536,14 +2486,14 @@
|
|
|
2536
2486
|
}
|
|
2537
2487
|
return SkyPageSummaryImageComponent;
|
|
2538
2488
|
}());
|
|
2539
|
-
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2540
|
-
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2541
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2489
|
+
SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2490
|
+
SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryImageComponent, selector: "sky-page-summary-image", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-image\">\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media (min-width: 768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"] });
|
|
2491
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2542
2492
|
type: i0.Component,
|
|
2543
2493
|
args: [{
|
|
2544
2494
|
selector: 'sky-page-summary-image',
|
|
2545
|
-
|
|
2546
|
-
|
|
2495
|
+
template: "<div class=\"sky-page-summary-image\">\n <ng-content></ng-content>\n</div>\n",
|
|
2496
|
+
styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media (min-width: 768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"],
|
|
2547
2497
|
}]
|
|
2548
2498
|
}] });
|
|
2549
2499
|
|
|
@@ -2556,14 +2506,14 @@
|
|
|
2556
2506
|
}
|
|
2557
2507
|
return SkyPageSummaryKeyInfoComponent;
|
|
2558
2508
|
}());
|
|
2559
|
-
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2560
|
-
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2561
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2509
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2510
|
+
SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryKeyInfoComponent, selector: "sky-page-summary-key-info", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-key-info\">\n <ng-content></ng-content>\n</div>\n", styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media (min-width: 768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info ::ng-deep .sky-key-info{display:block}\n"] });
|
|
2511
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2562
2512
|
type: i0.Component,
|
|
2563
2513
|
args: [{
|
|
2564
2514
|
selector: 'sky-page-summary-key-info',
|
|
2565
|
-
|
|
2566
|
-
|
|
2515
|
+
template: "<div class=\"sky-page-summary-key-info\">\n <ng-content></ng-content>\n</div>\n",
|
|
2516
|
+
styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media (min-width: 768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info ::ng-deep .sky-key-info{display:block}\n"],
|
|
2567
2517
|
}]
|
|
2568
2518
|
}] });
|
|
2569
2519
|
|
|
@@ -2578,14 +2528,14 @@
|
|
|
2578
2528
|
}
|
|
2579
2529
|
return SkyPageSummaryStatusComponent;
|
|
2580
2530
|
}());
|
|
2581
|
-
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2582
|
-
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2583
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2531
|
+
SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2532
|
+
SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryStatusComponent, selector: "sky-page-summary-status", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-status\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"] });
|
|
2533
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2584
2534
|
type: i0.Component,
|
|
2585
2535
|
args: [{
|
|
2586
2536
|
selector: 'sky-page-summary-status',
|
|
2587
|
-
|
|
2588
|
-
|
|
2537
|
+
template: "<div class=\"sky-page-summary-status\">\n <ng-content></ng-content>\n</div>\n",
|
|
2538
|
+
styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"],
|
|
2589
2539
|
}]
|
|
2590
2540
|
}] });
|
|
2591
2541
|
|
|
@@ -2599,14 +2549,14 @@
|
|
|
2599
2549
|
}
|
|
2600
2550
|
return SkyPageSummarySubtitleComponent;
|
|
2601
2551
|
}());
|
|
2602
|
-
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2603
|
-
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2604
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2552
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2553
|
+
SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummarySubtitleComponent, selector: "sky-page-summary-subtitle", ngImport: i0__namespace, template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content></ng-content>\n</p>\n", styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"] });
|
|
2554
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2605
2555
|
type: i0.Component,
|
|
2606
2556
|
args: [{
|
|
2607
2557
|
selector: 'sky-page-summary-subtitle',
|
|
2608
|
-
|
|
2609
|
-
|
|
2558
|
+
template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n <ng-content></ng-content>\n</p>\n",
|
|
2559
|
+
styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"],
|
|
2610
2560
|
}]
|
|
2611
2561
|
}] });
|
|
2612
2562
|
|
|
@@ -2620,14 +2570,14 @@
|
|
|
2620
2570
|
}
|
|
2621
2571
|
return SkyPageSummaryTitleComponent;
|
|
2622
2572
|
}());
|
|
2623
|
-
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2624
|
-
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2625
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2573
|
+
SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2574
|
+
SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryTitleComponent, selector: "sky-page-summary-title", ngImport: i0__namespace, template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content></ng-content>\n</h1>\n", styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"] });
|
|
2575
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2626
2576
|
type: i0.Component,
|
|
2627
2577
|
args: [{
|
|
2628
2578
|
selector: 'sky-page-summary-title',
|
|
2629
|
-
|
|
2630
|
-
|
|
2579
|
+
template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n <ng-content></ng-content>\n</h1>\n",
|
|
2580
|
+
styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"],
|
|
2631
2581
|
}]
|
|
2632
2582
|
}] });
|
|
2633
2583
|
|
|
@@ -2649,9 +2599,9 @@
|
|
|
2649
2599
|
};
|
|
2650
2600
|
return SkyPageSummaryAdapterService;
|
|
2651
2601
|
}());
|
|
2652
|
-
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2653
|
-
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2654
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2602
|
+
SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2603
|
+
SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryAdapterService });
|
|
2604
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2655
2605
|
type: i0.Injectable
|
|
2656
2606
|
}] });
|
|
2657
2607
|
|
|
@@ -2666,7 +2616,7 @@
|
|
|
2666
2616
|
}
|
|
2667
2617
|
Object.defineProperty(SkyPageSummaryComponent.prototype, "hasKeyInfo", {
|
|
2668
2618
|
get: function () {
|
|
2669
|
-
return
|
|
2619
|
+
return this.keyInfoComponents.length > 0;
|
|
2670
2620
|
},
|
|
2671
2621
|
enumerable: false,
|
|
2672
2622
|
configurable: true
|
|
@@ -2674,7 +2624,7 @@
|
|
|
2674
2624
|
SkyPageSummaryComponent.prototype.ngAfterViewInit = function () {
|
|
2675
2625
|
var _this = this;
|
|
2676
2626
|
this.breakpointSubscription = this.mediaQueryService.subscribe(function (args) {
|
|
2677
|
-
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1
|
|
2627
|
+
_this.adapter.updateKeyInfoLocation(_this.elRef, args === i1.SkyMediaBreakpoints.xs);
|
|
2678
2628
|
});
|
|
2679
2629
|
};
|
|
2680
2630
|
SkyPageSummaryComponent.prototype.ngOnDestroy = function () {
|
|
@@ -2686,19 +2636,21 @@
|
|
|
2686
2636
|
};
|
|
2687
2637
|
return SkyPageSummaryComponent;
|
|
2688
2638
|
}());
|
|
2689
|
-
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2690
|
-
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2691
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2639
|
+
SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2640
|
+
SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, read: SkyPageSummaryKeyInfoComponent }], ngImport: i0__namespace, template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-content>\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2641
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryComponent, decorators: [{
|
|
2692
2642
|
type: i0.Component,
|
|
2693
2643
|
args: [{
|
|
2694
2644
|
selector: 'sky-page-summary',
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
providers: [SkyPageSummaryAdapterService]
|
|
2645
|
+
template: "<div\n class=\"sky-page-summary\"\n [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n <ng-content select=\"sky-page-summary-alert\"></ng-content>\n <div class=\"sky-page-summary-row\">\n <div class=\"sky-page-summary-left\">\n <ng-content select=\"sky-page-summary-image\"></ng-content>\n <div class=\"sky-page-summary-data\">\n <ng-content select=\"sky-page-summary-title\"></ng-content>\n <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n <ng-content select=\"sky-page-summary-status\"></ng-content>\n <div class=\"sky-page-summary-key-info-xs\"></div>\n <ng-content select=\"sky-page-summary-content\"></ng-content>\n </div>\n </div>\n <div class=\"sky-page-summary-key-info-sm\">\n <div class=\"sky-page-summary-key-info-container\">\n <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n </div>\n </div>\n </div>\n</div>\n",
|
|
2646
|
+
styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"],
|
|
2647
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2698
2648
|
}]
|
|
2699
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace
|
|
2649
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2700
2650
|
type: i0.ContentChildren,
|
|
2701
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2651
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2652
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2653
|
+
}]
|
|
2702
2654
|
}] } });
|
|
2703
2655
|
|
|
2704
2656
|
var SkyPageSummaryModule = /** @class */ (function () {
|
|
@@ -2706,15 +2658,15 @@
|
|
|
2706
2658
|
}
|
|
2707
2659
|
return SkyPageSummaryModule;
|
|
2708
2660
|
}());
|
|
2709
|
-
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2710
|
-
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2661
|
+
SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2662
|
+
SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2711
2663
|
SkyPageSummaryComponent,
|
|
2712
2664
|
SkyPageSummaryContentComponent,
|
|
2713
2665
|
SkyPageSummaryImageComponent,
|
|
2714
2666
|
SkyPageSummaryKeyInfoComponent,
|
|
2715
2667
|
SkyPageSummaryStatusComponent,
|
|
2716
2668
|
SkyPageSummarySubtitleComponent,
|
|
2717
|
-
SkyPageSummaryTitleComponent], imports: [
|
|
2669
|
+
SkyPageSummaryTitleComponent], imports: [i3.CommonModule], exports: [SkyPageSummaryAlertComponent,
|
|
2718
2670
|
SkyPageSummaryComponent,
|
|
2719
2671
|
SkyPageSummaryContentComponent,
|
|
2720
2672
|
SkyPageSummaryImageComponent,
|
|
@@ -2722,10 +2674,8 @@
|
|
|
2722
2674
|
SkyPageSummaryStatusComponent,
|
|
2723
2675
|
SkyPageSummarySubtitleComponent,
|
|
2724
2676
|
SkyPageSummaryTitleComponent] });
|
|
2725
|
-
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2726
|
-
|
|
2727
|
-
]] });
|
|
2728
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2677
|
+
SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryModule, imports: [[i3.CommonModule]] });
|
|
2678
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
|
|
2729
2679
|
type: i0.NgModule,
|
|
2730
2680
|
args: [{
|
|
2731
2681
|
declarations: [
|
|
@@ -2736,11 +2686,9 @@
|
|
|
2736
2686
|
SkyPageSummaryKeyInfoComponent,
|
|
2737
2687
|
SkyPageSummaryStatusComponent,
|
|
2738
2688
|
SkyPageSummarySubtitleComponent,
|
|
2739
|
-
SkyPageSummaryTitleComponent
|
|
2740
|
-
],
|
|
2741
|
-
imports: [
|
|
2742
|
-
i1.CommonModule
|
|
2689
|
+
SkyPageSummaryTitleComponent,
|
|
2743
2690
|
],
|
|
2691
|
+
imports: [i3.CommonModule],
|
|
2744
2692
|
exports: [
|
|
2745
2693
|
SkyPageSummaryAlertComponent,
|
|
2746
2694
|
SkyPageSummaryComponent,
|
|
@@ -2749,8 +2697,8 @@
|
|
|
2749
2697
|
SkyPageSummaryKeyInfoComponent,
|
|
2750
2698
|
SkyPageSummaryStatusComponent,
|
|
2751
2699
|
SkyPageSummarySubtitleComponent,
|
|
2752
|
-
SkyPageSummaryTitleComponent
|
|
2753
|
-
]
|
|
2700
|
+
SkyPageSummaryTitleComponent,
|
|
2701
|
+
],
|
|
2754
2702
|
}]
|
|
2755
2703
|
}] });
|
|
2756
2704
|
|
|
@@ -2778,9 +2726,9 @@
|
|
|
2778
2726
|
};
|
|
2779
2727
|
return SkyTextExpandAdapterService;
|
|
2780
2728
|
}());
|
|
2781
|
-
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2782
|
-
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2783
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2729
|
+
SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2730
|
+
SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandAdapterService });
|
|
2731
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandAdapterService, decorators: [{
|
|
2784
2732
|
type: i0.Injectable
|
|
2785
2733
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2786
2734
|
|
|
@@ -2806,14 +2754,14 @@
|
|
|
2806
2754
|
};
|
|
2807
2755
|
return SkyTextExpandModalComponent;
|
|
2808
2756
|
}());
|
|
2809
|
-
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2810
|
-
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2811
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2757
|
+
SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2__namespace$2.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2758
|
+
SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0__namespace, template: "<sky-modal>\n <sky-modal-header>{{ context.header }}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n context.text\n }}</sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], components: [{ type: i2__namespace$2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace$2.λ4, selector: "sky-modal-header" }, { type: i2__namespace$2.λ2, selector: "sky-modal-content" }, { type: i2__namespace$2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
2759
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModalComponent, decorators: [{
|
|
2812
2760
|
type: i0.Component,
|
|
2813
2761
|
args: [{
|
|
2814
2762
|
selector: 'sky-text-expand-modal',
|
|
2815
|
-
|
|
2816
|
-
|
|
2763
|
+
template: "<sky-modal>\n <sky-modal-header>{{ context.header }}</sky-modal-header>\n <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n context.text\n }}</sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n {{ 'skyux_text_expand_close_text' | skyLibResources }}\n </button>\n </sky-modal-footer>\n</sky-modal>\n",
|
|
2764
|
+
styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
|
|
2817
2765
|
}]
|
|
2818
2766
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2__namespace$2.SkyModalInstance }]; } });
|
|
2819
2767
|
|
|
@@ -2891,9 +2839,9 @@
|
|
|
2891
2839
|
provide: SkyTextExpandModalContext,
|
|
2892
2840
|
useValue: {
|
|
2893
2841
|
header: this.expandModalTitle,
|
|
2894
|
-
text: this.expandedText
|
|
2895
|
-
}
|
|
2896
|
-
}
|
|
2842
|
+
text: this.expandedText,
|
|
2843
|
+
},
|
|
2844
|
+
},
|
|
2897
2845
|
]);
|
|
2898
2846
|
}
|
|
2899
2847
|
}
|
|
@@ -2903,16 +2851,14 @@
|
|
|
2903
2851
|
this.setContainerMaxHeight();
|
|
2904
2852
|
setTimeout(function () {
|
|
2905
2853
|
_this.isExpanded = true;
|
|
2906
|
-
_this
|
|
2907
|
-
.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2854
|
+
_this.animateText(_this.collapsedText, _this.expandedText, true);
|
|
2908
2855
|
}, 10);
|
|
2909
2856
|
}
|
|
2910
2857
|
else {
|
|
2911
2858
|
this.setContainerMaxHeight();
|
|
2912
2859
|
setTimeout(function () {
|
|
2913
2860
|
_this.isExpanded = false;
|
|
2914
|
-
_this
|
|
2915
|
-
.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2861
|
+
_this.animateText(_this.expandedText, _this.collapsedText, false);
|
|
2916
2862
|
}, 10);
|
|
2917
2863
|
}
|
|
2918
2864
|
}
|
|
@@ -2927,7 +2873,7 @@
|
|
|
2927
2873
|
var _this = this;
|
|
2928
2874
|
rxjs.forkJoin([
|
|
2929
2875
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2930
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2876
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2931
2877
|
])
|
|
2932
2878
|
.pipe(operators.take(1))
|
|
2933
2879
|
.subscribe(function (resources) {
|
|
@@ -2936,7 +2882,8 @@
|
|
|
2936
2882
|
_this.setup(_this.expandedText);
|
|
2937
2883
|
/* istanbul ignore else */
|
|
2938
2884
|
if (!_this.expandModalTitle) {
|
|
2939
|
-
_this.resources
|
|
2885
|
+
_this.resources
|
|
2886
|
+
.getString('skyux_text_expand_modal_title')
|
|
2940
2887
|
.pipe(operators.take(1))
|
|
2941
2888
|
.subscribe(function (resource) {
|
|
2942
2889
|
_this.expandModalTitle = resource;
|
|
@@ -2961,8 +2908,9 @@
|
|
|
2961
2908
|
this.buttonText = this.seeMoreText;
|
|
2962
2909
|
this.isExpanded = false;
|
|
2963
2910
|
this.expandable = true;
|
|
2964
|
-
this.isModal =
|
|
2965
|
-
|
|
2911
|
+
this.isModal =
|
|
2912
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
2913
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2966
2914
|
}
|
|
2967
2915
|
else {
|
|
2968
2916
|
this.expandable = false;
|
|
@@ -3032,21 +2980,17 @@
|
|
|
3032
2980
|
};
|
|
3033
2981
|
return SkyTextExpandComponent;
|
|
3034
2982
|
}());
|
|
3035
|
-
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3036
|
-
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3037
|
-
|
|
3038
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\">... </span>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{buttonText}}\n </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3039
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
2983
|
+
SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i2__namespace$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2984
|
+
SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandComponent, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [SkyTextExpandAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container\n>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n >...\n </span>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{ buttonText }}\n </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2985
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
|
|
3040
2986
|
type: i0.Component,
|
|
3041
2987
|
args: [{
|
|
3042
2988
|
selector: 'sky-text-expand',
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
providers: [
|
|
3046
|
-
SkyTextExpandAdapterService
|
|
3047
|
-
]
|
|
2989
|
+
template: "<div\n class=\"sky-text-expand-container\"\n (transitionend)=\"animationEnd()\"\n #container\n>\n <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n >...\n </span>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n (click)=\"textExpand()\"\n >\n {{ buttonText }}\n </button>\n</div>\n",
|
|
2990
|
+
styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
|
|
2991
|
+
providers: [SkyTextExpandAdapterService],
|
|
3048
2992
|
}]
|
|
3049
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
2993
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i2__namespace$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
3050
2994
|
type: i0.Input
|
|
3051
2995
|
}], maxExpandedLength: [{
|
|
3052
2996
|
type: i0.Input
|
|
@@ -3062,13 +3006,13 @@
|
|
|
3062
3006
|
type: i0.ViewChild,
|
|
3063
3007
|
args: ['container', {
|
|
3064
3008
|
read: i0.ElementRef,
|
|
3065
|
-
static: true
|
|
3009
|
+
static: true,
|
|
3066
3010
|
}]
|
|
3067
3011
|
}], textEl: [{
|
|
3068
3012
|
type: i0.ViewChild,
|
|
3069
3013
|
args: ['text', {
|
|
3070
3014
|
read: i0.ElementRef,
|
|
3071
|
-
static: true
|
|
3015
|
+
static: true,
|
|
3072
3016
|
}]
|
|
3073
3017
|
}] } });
|
|
3074
3018
|
|
|
@@ -3077,37 +3021,29 @@
|
|
|
3077
3021
|
}
|
|
3078
3022
|
return SkyTextExpandModule;
|
|
3079
3023
|
}());
|
|
3080
|
-
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3081
|
-
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3082
|
-
SkyTextExpandModalComponent], imports: [i1$2.SkyI18nModule,
|
|
3024
|
+
SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3025
|
+
SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [i1$1.SkyI18nModule,
|
|
3083
3026
|
SkyLayoutResourcesModule,
|
|
3084
3027
|
i2$2.SkyModalModule,
|
|
3085
|
-
|
|
3086
|
-
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3087
|
-
i1$
|
|
3028
|
+
i3.CommonModule], exports: [SkyTextExpandComponent] });
|
|
3029
|
+
SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModule, imports: [[
|
|
3030
|
+
i1$1.SkyI18nModule,
|
|
3088
3031
|
SkyLayoutResourcesModule,
|
|
3089
3032
|
i2$2.SkyModalModule,
|
|
3090
|
-
|
|
3033
|
+
i3.CommonModule,
|
|
3091
3034
|
]] });
|
|
3092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3035
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandModule, decorators: [{
|
|
3093
3036
|
type: i0.NgModule,
|
|
3094
3037
|
args: [{
|
|
3095
|
-
declarations: [
|
|
3096
|
-
SkyTextExpandComponent,
|
|
3097
|
-
SkyTextExpandModalComponent
|
|
3098
|
-
],
|
|
3038
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
3099
3039
|
imports: [
|
|
3100
|
-
i1$
|
|
3040
|
+
i1$1.SkyI18nModule,
|
|
3101
3041
|
SkyLayoutResourcesModule,
|
|
3102
3042
|
i2$2.SkyModalModule,
|
|
3103
|
-
|
|
3104
|
-
],
|
|
3105
|
-
exports: [
|
|
3106
|
-
SkyTextExpandComponent
|
|
3043
|
+
i3.CommonModule,
|
|
3107
3044
|
],
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
]
|
|
3045
|
+
exports: [SkyTextExpandComponent],
|
|
3046
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
3111
3047
|
}]
|
|
3112
3048
|
}] });
|
|
3113
3049
|
|
|
@@ -3141,9 +3077,9 @@
|
|
|
3141
3077
|
};
|
|
3142
3078
|
return SkyTextExpandRepeaterAdapterService;
|
|
3143
3079
|
}());
|
|
3144
|
-
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3145
|
-
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
3146
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3080
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
3081
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService });
|
|
3082
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
3147
3083
|
type: i0.Injectable
|
|
3148
3084
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
3149
3085
|
|
|
@@ -3157,6 +3093,11 @@
|
|
|
3157
3093
|
this.elRef = elRef;
|
|
3158
3094
|
this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
|
|
3159
3095
|
this.changeDetector = changeDetector;
|
|
3096
|
+
/**
|
|
3097
|
+
* Specifies the style of bullet to use
|
|
3098
|
+
* @default 'unordered'
|
|
3099
|
+
*/
|
|
3100
|
+
this.listStyle = 'unordered';
|
|
3160
3101
|
this.contentSectionId = "sky-text-expand-repeater-content-" + ++nextId;
|
|
3161
3102
|
this.isExpanded = false;
|
|
3162
3103
|
}
|
|
@@ -3170,7 +3111,7 @@
|
|
|
3170
3111
|
}
|
|
3171
3112
|
rxjs.forkJoin([
|
|
3172
3113
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
3173
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
3114
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
3174
3115
|
])
|
|
3175
3116
|
.pipe(operators.take(1))
|
|
3176
3117
|
.subscribe(function (resources) {
|
|
@@ -3287,31 +3228,29 @@
|
|
|
3287
3228
|
};
|
|
3288
3229
|
return SkyTextExpandRepeaterComponent;
|
|
3289
3230
|
}());
|
|
3290
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3291
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3292
|
-
|
|
3293
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n <ul class=\"sky-text-expand-repeater-container\" [id]=\"contentSectionId\" (transitionend)=\"animationEnd()\" #container>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n </ul>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}\n"], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
3294
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3231
|
+
SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i0__namespace.ElementRef }, { token: SkyTextExpandRepeaterAdapterService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3232
|
+
SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n <ul\n *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ul>\n <ol\n *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ol>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle === 'unstyled'\n }\"\n >\n {{ buttonText }}\n </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
3233
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
3295
3234
|
type: i0.Component,
|
|
3296
3235
|
args: [{
|
|
3297
3236
|
selector: 'sky-text-expand-repeater',
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
providers: [
|
|
3301
|
-
SkyTextExpandRepeaterAdapterService
|
|
3302
|
-
]
|
|
3237
|
+
template: "<div class=\"sky-text-expand-repeater\">\n <ul\n *ngIf=\"listStyle !== 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n }\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ul>\n <ol\n *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n </ol>\n <button\n *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none':\n listStyle === 'unstyled'\n }\"\n >\n {{ buttonText }}\n </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n</ng-template>\n",
|
|
3238
|
+
styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"],
|
|
3239
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
3303
3240
|
}]
|
|
3304
|
-
}], ctorParameters: function () { return [{ type: i1__namespace$
|
|
3241
|
+
}], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
3305
3242
|
type: i0.Input
|
|
3306
3243
|
}], itemTemplate: [{
|
|
3307
3244
|
type: i0.Input
|
|
3245
|
+
}], listStyle: [{
|
|
3246
|
+
type: i0.Input
|
|
3308
3247
|
}], maxItems: [{
|
|
3309
3248
|
type: i0.Input
|
|
3310
3249
|
}], containerEl: [{
|
|
3311
3250
|
type: i0.ViewChild,
|
|
3312
3251
|
args: ['container', {
|
|
3313
3252
|
read: i0.ElementRef,
|
|
3314
|
-
static: false
|
|
3253
|
+
static: false,
|
|
3315
3254
|
}]
|
|
3316
3255
|
}] } });
|
|
3317
3256
|
|
|
@@ -3320,29 +3259,15 @@
|
|
|
3320
3259
|
}
|
|
3321
3260
|
return SkyTextExpandRepeaterModule;
|
|
3322
3261
|
}());
|
|
3323
|
-
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3324
|
-
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[
|
|
3328
|
-
i1$2.SkyI18nModule,
|
|
3329
|
-
SkyLayoutResourcesModule,
|
|
3330
|
-
i1.CommonModule
|
|
3331
|
-
]] });
|
|
3332
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3262
|
+
SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3263
|
+
SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
3264
|
+
SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule]] });
|
|
3265
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
3333
3266
|
type: i0.NgModule,
|
|
3334
3267
|
args: [{
|
|
3335
|
-
declarations: [
|
|
3336
|
-
|
|
3337
|
-
],
|
|
3338
|
-
imports: [
|
|
3339
|
-
i1$2.SkyI18nModule,
|
|
3340
|
-
SkyLayoutResourcesModule,
|
|
3341
|
-
i1.CommonModule
|
|
3342
|
-
],
|
|
3343
|
-
exports: [
|
|
3344
|
-
SkyTextExpandRepeaterComponent
|
|
3345
|
-
]
|
|
3268
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
3269
|
+
imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule],
|
|
3270
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
3346
3271
|
}]
|
|
3347
3272
|
}] });
|
|
3348
3273
|
|
|
@@ -3354,14 +3279,14 @@
|
|
|
3354
3279
|
}
|
|
3355
3280
|
return SkyToolbarSectionComponent;
|
|
3356
3281
|
}());
|
|
3357
|
-
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3358
|
-
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3359
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3282
|
+
SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3283
|
+
SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"] });
|
|
3284
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarSectionComponent, decorators: [{
|
|
3360
3285
|
type: i0.Component,
|
|
3361
3286
|
args: [{
|
|
3362
3287
|
selector: 'sky-toolbar-section',
|
|
3363
|
-
|
|
3364
|
-
|
|
3288
|
+
styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"],
|
|
3289
|
+
template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
3365
3290
|
}]
|
|
3366
3291
|
}] });
|
|
3367
3292
|
|
|
@@ -3377,14 +3302,14 @@
|
|
|
3377
3302
|
};
|
|
3378
3303
|
return SkyToolbarComponent;
|
|
3379
3304
|
}());
|
|
3380
|
-
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3381
|
-
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3382
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3305
|
+
SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3306
|
+
SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0__namespace, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
3307
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarComponent, decorators: [{
|
|
3383
3308
|
type: i0.Component,
|
|
3384
3309
|
args: [{
|
|
3385
3310
|
selector: 'sky-toolbar',
|
|
3386
|
-
|
|
3387
|
-
|
|
3311
|
+
styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"],
|
|
3312
|
+
template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\"></ng-content>\n <div class=\"sky-toolbar-items\">\n <ng-content></ng-content>\n </div>\n <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
|
|
3388
3313
|
}]
|
|
3389
3314
|
}], propDecorators: { sectionComponents: [{
|
|
3390
3315
|
type: i0.ContentChildren,
|
|
@@ -3399,14 +3324,14 @@
|
|
|
3399
3324
|
}
|
|
3400
3325
|
return SkyToolbarItemComponent;
|
|
3401
3326
|
}());
|
|
3402
|
-
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3403
|
-
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3404
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3327
|
+
SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3328
|
+
SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] });
|
|
3329
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarItemComponent, decorators: [{
|
|
3405
3330
|
type: i0.Component,
|
|
3406
3331
|
args: [{
|
|
3407
3332
|
selector: 'sky-toolbar-item',
|
|
3408
|
-
|
|
3409
|
-
|
|
3333
|
+
styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
|
|
3334
|
+
template: "<div class=\"sky-toolbar-item\">\n <ng-content></ng-content>\n</div>\n",
|
|
3410
3335
|
}]
|
|
3411
3336
|
}] });
|
|
3412
3337
|
|
|
@@ -3419,15 +3344,15 @@
|
|
|
3419
3344
|
}
|
|
3420
3345
|
return SkyToolbarViewActionsComponent;
|
|
3421
3346
|
}());
|
|
3422
|
-
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3423
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
3424
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
3347
|
+
SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
3348
|
+
SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
3349
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
3425
3350
|
type: i0.Component,
|
|
3426
3351
|
args: [{
|
|
3427
3352
|
selector: 'sky-toolbar-view-actions',
|
|
3428
|
-
|
|
3429
|
-
|
|
3430
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
3353
|
+
template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content></ng-content>\n</div>\n",
|
|
3354
|
+
styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
|
|
3355
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
3431
3356
|
}]
|
|
3432
3357
|
}] });
|
|
3433
3358
|
|
|
@@ -3436,35 +3361,31 @@
|
|
|
3436
3361
|
}
|
|
3437
3362
|
return SkyToolbarModule;
|
|
3438
3363
|
}());
|
|
3439
|
-
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
3440
|
-
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
3364
|
+
SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
3365
|
+
SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
3441
3366
|
SkyToolbarItemComponent,
|
|
3442
3367
|
SkyToolbarSectionComponent,
|
|
3443
|
-
SkyToolbarViewActionsComponent], imports: [
|
|
3368
|
+
SkyToolbarViewActionsComponent], imports: [i3.CommonModule], exports: [SkyToolbarComponent,
|
|
3444
3369
|
SkyToolbarItemComponent,
|
|
3445
3370
|
SkyToolbarSectionComponent,
|
|
3446
3371
|
SkyToolbarViewActionsComponent] });
|
|
3447
|
-
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
3448
|
-
|
|
3449
|
-
]] });
|
|
3450
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3372
|
+
SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarModule, imports: [[i3.CommonModule]] });
|
|
3373
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
|
|
3451
3374
|
type: i0.NgModule,
|
|
3452
3375
|
args: [{
|
|
3453
3376
|
declarations: [
|
|
3454
3377
|
SkyToolbarComponent,
|
|
3455
3378
|
SkyToolbarItemComponent,
|
|
3456
3379
|
SkyToolbarSectionComponent,
|
|
3457
|
-
SkyToolbarViewActionsComponent
|
|
3458
|
-
],
|
|
3459
|
-
imports: [
|
|
3460
|
-
i1.CommonModule
|
|
3380
|
+
SkyToolbarViewActionsComponent,
|
|
3461
3381
|
],
|
|
3382
|
+
imports: [i3.CommonModule],
|
|
3462
3383
|
exports: [
|
|
3463
3384
|
SkyToolbarComponent,
|
|
3464
3385
|
SkyToolbarItemComponent,
|
|
3465
3386
|
SkyToolbarSectionComponent,
|
|
3466
|
-
SkyToolbarViewActionsComponent
|
|
3467
|
-
]
|
|
3387
|
+
SkyToolbarViewActionsComponent,
|
|
3388
|
+
],
|
|
3468
3389
|
}]
|
|
3469
3390
|
}] });
|
|
3470
3391
|
|
|
@@ -3485,48 +3406,48 @@
|
|
|
3485
3406
|
exports.SkyTextExpandModule = SkyTextExpandModule;
|
|
3486
3407
|
exports.SkyTextExpandRepeaterModule = SkyTextExpandRepeaterModule;
|
|
3487
3408
|
exports.SkyToolbarModule = SkyToolbarModule;
|
|
3488
|
-
exports
|
|
3489
|
-
exports
|
|
3490
|
-
exports
|
|
3491
|
-
exports
|
|
3492
|
-
exports
|
|
3493
|
-
exports
|
|
3494
|
-
exports
|
|
3495
|
-
exports
|
|
3496
|
-
exports
|
|
3497
|
-
exports
|
|
3498
|
-
exports
|
|
3499
|
-
exports
|
|
3500
|
-
exports
|
|
3501
|
-
exports
|
|
3502
|
-
exports
|
|
3503
|
-
exports
|
|
3504
|
-
exports
|
|
3505
|
-
exports
|
|
3506
|
-
exports
|
|
3507
|
-
exports
|
|
3508
|
-
exports
|
|
3509
|
-
exports
|
|
3510
|
-
exports
|
|
3511
|
-
exports
|
|
3512
|
-
exports
|
|
3513
|
-
exports
|
|
3514
|
-
exports
|
|
3515
|
-
exports
|
|
3516
|
-
exports
|
|
3517
|
-
exports
|
|
3518
|
-
exports
|
|
3519
|
-
exports
|
|
3520
|
-
exports
|
|
3521
|
-
exports
|
|
3522
|
-
exports
|
|
3523
|
-
exports
|
|
3524
|
-
exports
|
|
3525
|
-
exports
|
|
3526
|
-
exports
|
|
3527
|
-
exports
|
|
3409
|
+
exports["λ1"] = SkyActionButtonComponent;
|
|
3410
|
+
exports["λ10"] = SkyCardActionsComponent;
|
|
3411
|
+
exports["λ11"] = SkyCardContentComponent;
|
|
3412
|
+
exports["λ12"] = SkyCardTitleComponent;
|
|
3413
|
+
exports["λ13"] = SkyDefinitionListComponent;
|
|
3414
|
+
exports["λ14"] = SkyDefinitionListContentComponent;
|
|
3415
|
+
exports["λ15"] = SkyDefinitionListHeadingComponent;
|
|
3416
|
+
exports["λ16"] = SkyDefinitionListLabelComponent;
|
|
3417
|
+
exports["λ17"] = SkyDefinitionListValueComponent;
|
|
3418
|
+
exports["λ18"] = SkyDescriptionListComponent;
|
|
3419
|
+
exports["λ19"] = SkyDescriptionListTermComponent;
|
|
3420
|
+
exports["λ2"] = SkyActionButtonContainerComponent;
|
|
3421
|
+
exports["λ20"] = SkyDescriptionListDescriptionComponent;
|
|
3422
|
+
exports["λ21"] = SkyDescriptionListContentComponent;
|
|
3423
|
+
exports["λ22"] = SkyFluidGridComponent;
|
|
3424
|
+
exports["λ23"] = SkyRowComponent;
|
|
3425
|
+
exports["λ24"] = SkyColumnComponent;
|
|
3426
|
+
exports["λ25"] = SkyFormatComponent;
|
|
3427
|
+
exports["λ26"] = SkyPageComponent;
|
|
3428
|
+
exports["λ27"] = SkyPageSummaryComponent;
|
|
3429
|
+
exports["λ28"] = SkyPageSummaryAlertComponent;
|
|
3430
|
+
exports["λ29"] = SkyPageSummaryContentComponent;
|
|
3431
|
+
exports["λ3"] = SkyActionButtonDetailsComponent;
|
|
3432
|
+
exports["λ30"] = SkyPageSummaryImageComponent;
|
|
3433
|
+
exports["λ31"] = SkyPageSummaryKeyInfoComponent;
|
|
3434
|
+
exports["λ32"] = SkyPageSummaryStatusComponent;
|
|
3435
|
+
exports["λ33"] = SkyPageSummarySubtitleComponent;
|
|
3436
|
+
exports["λ34"] = SkyPageSummaryTitleComponent;
|
|
3437
|
+
exports["λ35"] = SkyTextExpandComponent;
|
|
3438
|
+
exports["λ36"] = SkyTextExpandRepeaterComponent;
|
|
3439
|
+
exports["λ37"] = SkyToolbarComponent;
|
|
3440
|
+
exports["λ38"] = SkyToolbarSectionComponent;
|
|
3441
|
+
exports["λ39"] = SkyToolbarItemComponent;
|
|
3442
|
+
exports["λ4"] = SkyActionButtonHeaderComponent;
|
|
3443
|
+
exports["λ40"] = SkyToolbarViewActionsComponent;
|
|
3444
|
+
exports["λ5"] = SkyActionButtonIconComponent;
|
|
3445
|
+
exports["λ6"] = SkyBackToTopComponent;
|
|
3446
|
+
exports["λ7"] = SkyBackToTopDirective;
|
|
3447
|
+
exports["λ8"] = SkyInlineDeleteComponent;
|
|
3448
|
+
exports["λ9"] = SkyCardComponent;
|
|
3528
3449
|
|
|
3529
3450
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
3530
3451
|
|
|
3531
|
-
}))
|
|
3452
|
+
}));
|
|
3532
3453
|
//# sourceMappingURL=skyux-layout.umd.js.map
|