@skyux/layout 5.1.0 → 5.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-layout-testing.umd.js +8 -3
- package/bundles/skyux-layout.umd.js +517 -498
- package/documentation.json +854 -429
- 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/box/box-content.component.js +18 -0
- package/esm2015/modules/box/box-controls.component.js +17 -0
- package/esm2015/modules/box/box-header.component.js +17 -0
- package/esm2015/modules/box/box.component.js +26 -0
- package/esm2015/modules/box/box.module.js +38 -0
- 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 +6 -6
- 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 +9 -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 +1 -1
- 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 +6 -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 +487 -492
- package/fesm2015/skyux-layout.js.map +1 -1
- package/modules/box/box-content.component.d.ts +8 -0
- package/modules/box/box-controls.component.d.ts +8 -0
- package/modules/box/box-header.component.d.ts +8 -0
- package/modules/box/box.component.d.ts +29 -0
- package/modules/box/box.module.d.ts +12 -0
- package/package.json +8 -8
- package/public-api.d.ts +5 -0
- package/bundles/skyux-layout-testing.umd.js.map +0 -1
- package/bundles/skyux-layout.umd.js.map +0 -1
package/fesm2015/skyux-layout.js
CHANGED
|
@@ -59,9 +59,9 @@ class SkyActionButtonAdapterService {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
63
|
-
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
62
|
+
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
63
|
+
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonAdapterService });
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
|
|
65
65
|
type: Injectable
|
|
66
66
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
67
67
|
|
|
@@ -82,15 +82,15 @@ class SkyActionButtonComponent {
|
|
|
82
82
|
this.actionClick.emit();
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
86
|
-
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
87
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
85
|
+
SkyActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
SkyActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
87
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonComponent, decorators: [{
|
|
88
88
|
type: Component,
|
|
89
89
|
args: [{
|
|
90
90
|
selector: 'sky-action-button',
|
|
91
91
|
styleUrls: ['./action-button.component.scss'],
|
|
92
92
|
templateUrl: './action-button.component.html',
|
|
93
|
-
encapsulation: ViewEncapsulation.None
|
|
93
|
+
encapsulation: ViewEncapsulation.None,
|
|
94
94
|
}]
|
|
95
95
|
}], propDecorators: { permalink: [{
|
|
96
96
|
type: Input
|
|
@@ -176,7 +176,7 @@ class SkyActionButtonContainerComponent {
|
|
|
176
176
|
});
|
|
177
177
|
this.mutationObserver.observe(el, {
|
|
178
178
|
characterData: true,
|
|
179
|
-
subtree: true
|
|
179
|
+
subtree: true,
|
|
180
180
|
});
|
|
181
181
|
});
|
|
182
182
|
}
|
|
@@ -201,20 +201,16 @@ class SkyActionButtonContainerComponent {
|
|
|
201
201
|
this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
|
-
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
205
|
-
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
206
|
-
|
|
207
|
-
], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
204
|
+
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i1.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i1.MutationObserverService }, { token: i0.NgZone }, { token: i3$1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
205
|
+
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: ElementRef, static: true }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
209
207
|
type: Component,
|
|
210
208
|
args: [{
|
|
211
209
|
selector: 'sky-action-button-container',
|
|
212
210
|
styleUrls: ['./action-button-container.component.scss'],
|
|
213
211
|
templateUrl: './action-button-container.component.html',
|
|
214
|
-
providers: [
|
|
215
|
-
|
|
216
|
-
],
|
|
217
|
-
encapsulation: ViewEncapsulation.None
|
|
212
|
+
providers: [SkyActionButtonAdapterService],
|
|
213
|
+
encapsulation: ViewEncapsulation.None,
|
|
218
214
|
}]
|
|
219
215
|
}], ctorParameters: function () { return [{ type: SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i1.MutationObserverService }, { type: i0.NgZone }, { type: i3$1.SkyThemeService, decorators: [{
|
|
220
216
|
type: Optional
|
|
@@ -227,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
227
223
|
type: ViewChild,
|
|
228
224
|
args: ['container', {
|
|
229
225
|
read: ElementRef,
|
|
230
|
-
static: true
|
|
226
|
+
static: true,
|
|
231
227
|
}]
|
|
232
228
|
}], onWindowResize: [{
|
|
233
229
|
type: HostListener,
|
|
@@ -239,13 +235,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
239
235
|
*/
|
|
240
236
|
class SkyActionButtonDetailsComponent {
|
|
241
237
|
}
|
|
242
|
-
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
243
|
-
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
238
|
+
SkyActionButtonDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
239
|
+
SkyActionButtonDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
240
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonDetailsComponent, decorators: [{
|
|
245
241
|
type: Component,
|
|
246
242
|
args: [{
|
|
247
243
|
selector: 'sky-action-button-details',
|
|
248
|
-
templateUrl: './action-button-details.component.html'
|
|
244
|
+
templateUrl: './action-button-details.component.html',
|
|
249
245
|
}]
|
|
250
246
|
}] });
|
|
251
247
|
|
|
@@ -254,14 +250,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
254
250
|
*/
|
|
255
251
|
class SkyActionButtonHeaderComponent {
|
|
256
252
|
}
|
|
257
|
-
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
258
|
-
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
253
|
+
SkyActionButtonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
254
|
+
SkyActionButtonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0, 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$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonHeaderComponent, decorators: [{
|
|
260
256
|
type: Component,
|
|
261
257
|
args: [{
|
|
262
258
|
selector: 'sky-action-button-header',
|
|
263
259
|
styleUrls: ['./action-button-header.component.scss'],
|
|
264
|
-
templateUrl: './action-button-header.component.html'
|
|
260
|
+
templateUrl: './action-button-header.component.html',
|
|
265
261
|
}]
|
|
266
262
|
}] });
|
|
267
263
|
|
|
@@ -291,14 +287,14 @@ class SkyActionButtonIconComponent {
|
|
|
291
287
|
}
|
|
292
288
|
}
|
|
293
289
|
}
|
|
294
|
-
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
295
|
-
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
290
|
+
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
291
|
+
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0, 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$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
297
293
|
type: Component,
|
|
298
294
|
args: [{
|
|
299
295
|
selector: 'sky-action-button-icon',
|
|
300
296
|
styleUrls: ['./action-button-icon.component.scss'],
|
|
301
|
-
templateUrl: './action-button-icon.component.html'
|
|
297
|
+
templateUrl: './action-button-icon.component.html',
|
|
302
298
|
}]
|
|
303
299
|
}], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
304
300
|
type: Input
|
|
@@ -306,8 +302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
306
302
|
|
|
307
303
|
class SkyActionButtonModule {
|
|
308
304
|
}
|
|
309
|
-
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
310
|
-
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
305
|
+
SkyActionButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
306
|
+
SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
|
|
311
307
|
SkyActionButtonContainerComponent,
|
|
312
308
|
SkyActionButtonDetailsComponent,
|
|
313
309
|
SkyActionButtonHeaderComponent,
|
|
@@ -320,14 +316,14 @@ SkyActionButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
|
|
|
320
316
|
SkyActionButtonDetailsComponent,
|
|
321
317
|
SkyActionButtonHeaderComponent,
|
|
322
318
|
SkyActionButtonIconComponent] });
|
|
323
|
-
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
319
|
+
SkyActionButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonModule, imports: [[
|
|
324
320
|
CommonModule,
|
|
325
321
|
RouterModule,
|
|
326
322
|
SkyHrefModule,
|
|
327
323
|
SkyIconModule,
|
|
328
|
-
SkyThemeModule
|
|
324
|
+
SkyThemeModule,
|
|
329
325
|
]] });
|
|
330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyActionButtonModule, decorators: [{
|
|
331
327
|
type: NgModule,
|
|
332
328
|
args: [{
|
|
333
329
|
declarations: [
|
|
@@ -335,22 +331,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
335
331
|
SkyActionButtonContainerComponent,
|
|
336
332
|
SkyActionButtonDetailsComponent,
|
|
337
333
|
SkyActionButtonHeaderComponent,
|
|
338
|
-
SkyActionButtonIconComponent
|
|
334
|
+
SkyActionButtonIconComponent,
|
|
339
335
|
],
|
|
340
336
|
imports: [
|
|
341
337
|
CommonModule,
|
|
342
338
|
RouterModule,
|
|
343
339
|
SkyHrefModule,
|
|
344
340
|
SkyIconModule,
|
|
345
|
-
SkyThemeModule
|
|
341
|
+
SkyThemeModule,
|
|
346
342
|
],
|
|
347
343
|
exports: [
|
|
348
344
|
SkyActionButtonComponent,
|
|
349
345
|
SkyActionButtonContainerComponent,
|
|
350
346
|
SkyActionButtonDetailsComponent,
|
|
351
347
|
SkyActionButtonHeaderComponent,
|
|
352
|
-
SkyActionButtonIconComponent
|
|
353
|
-
]
|
|
348
|
+
SkyActionButtonIconComponent,
|
|
349
|
+
],
|
|
354
350
|
}]
|
|
355
351
|
}] });
|
|
356
352
|
|
|
@@ -372,8 +368,7 @@ class SkyBackToTopDomAdapterService {
|
|
|
372
368
|
*/
|
|
373
369
|
elementInViewOnScroll(elementRef) {
|
|
374
370
|
const parent = this.findScrollableParent(elementRef.nativeElement);
|
|
375
|
-
return fromEvent(parent, 'scroll')
|
|
376
|
-
.pipe(takeUntil(this.ngUnsubscribe), map(() => {
|
|
371
|
+
return fromEvent(parent, 'scroll').pipe(takeUntil(this.ngUnsubscribe), map(() => {
|
|
377
372
|
const isInView = this.isElementScrolledInView(elementRef.nativeElement, parent);
|
|
378
373
|
return isInView;
|
|
379
374
|
}));
|
|
@@ -424,17 +419,17 @@ class SkyBackToTopDomAdapterService {
|
|
|
424
419
|
const elementRect = element.getBoundingClientRect();
|
|
425
420
|
/* istanbul ignore else */
|
|
426
421
|
if (parentElement === windowObj) {
|
|
427
|
-
return
|
|
422
|
+
return elementRect.top > -buffer;
|
|
428
423
|
}
|
|
429
424
|
else {
|
|
430
425
|
const parentRect = parentElement.getBoundingClientRect();
|
|
431
|
-
return
|
|
426
|
+
return elementRect.top > parentRect.top - buffer;
|
|
432
427
|
}
|
|
433
428
|
}
|
|
434
429
|
}
|
|
435
|
-
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
436
|
-
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
430
|
+
SkyBackToTopDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopDomAdapterService, deps: [{ token: i1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
431
|
+
SkyBackToTopDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopDomAdapterService });
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopDomAdapterService, decorators: [{
|
|
438
433
|
type: Injectable
|
|
439
434
|
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
440
435
|
|
|
@@ -453,17 +448,15 @@ class SkyBackToTopComponent {
|
|
|
453
448
|
this._scrollToTopClick.complete();
|
|
454
449
|
}
|
|
455
450
|
}
|
|
456
|
-
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
457
|
-
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
451
|
+
SkyBackToTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
452
|
+
SkyBackToTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0, 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$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopComponent, decorators: [{
|
|
459
454
|
type: Component,
|
|
460
455
|
args: [{
|
|
461
456
|
selector: 'sky-back-to-top',
|
|
462
457
|
templateUrl: './back-to-top.component.html',
|
|
463
|
-
styleUrls: [
|
|
464
|
-
|
|
465
|
-
],
|
|
466
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
458
|
+
styleUrls: ['./back-to-top.component.scss'],
|
|
459
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
467
460
|
}]
|
|
468
461
|
}] });
|
|
469
462
|
|
|
@@ -523,7 +516,10 @@ class SkyBackToTopDirective {
|
|
|
523
516
|
}
|
|
524
517
|
handleBackToTopButton(elementInView) {
|
|
525
518
|
// Add back to top button if user scrolls down and button is not hidden.
|
|
526
|
-
if (!this.dockItem &&
|
|
519
|
+
if (!this.dockItem &&
|
|
520
|
+
elementInView !== undefined &&
|
|
521
|
+
!elementInView &&
|
|
522
|
+
!this.buttonHidden) {
|
|
527
523
|
this.addBackToTop();
|
|
528
524
|
}
|
|
529
525
|
// Remove back to top button if user scrolls back up.
|
|
@@ -549,7 +545,8 @@ class SkyBackToTopDirective {
|
|
|
549
545
|
setBackToTopListeners() {
|
|
550
546
|
/* istanbul ignore else */
|
|
551
547
|
if (this.element) {
|
|
552
|
-
this.domAdapter
|
|
548
|
+
this.domAdapter
|
|
549
|
+
.elementInViewOnScroll(this.element)
|
|
553
550
|
.pipe(takeUntil(this.ngUnsubscribe))
|
|
554
551
|
.subscribe((elementInView) => {
|
|
555
552
|
this.elementInView = elementInView;
|
|
@@ -565,17 +562,13 @@ class SkyBackToTopDirective {
|
|
|
565
562
|
}
|
|
566
563
|
}
|
|
567
564
|
}
|
|
568
|
-
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
569
|
-
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
570
|
-
|
|
571
|
-
], ngImport: i0 });
|
|
572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
565
|
+
SkyBackToTopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopDirective, deps: [{ token: i1.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
566
|
+
SkyBackToTopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0 });
|
|
567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopDirective, decorators: [{
|
|
573
568
|
type: Directive,
|
|
574
569
|
args: [{
|
|
575
570
|
selector: '[skyBackToTop]',
|
|
576
|
-
providers: [
|
|
577
|
-
SkyBackToTopDomAdapterService
|
|
578
|
-
]
|
|
571
|
+
providers: [SkyBackToTopDomAdapterService],
|
|
579
572
|
}]
|
|
580
573
|
}], ctorParameters: function () { return [{ type: i1.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
581
574
|
type: Input
|
|
@@ -590,7 +583,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
590
583
|
* To update this file, simply rerun the command.
|
|
591
584
|
*/
|
|
592
585
|
const RESOURCES = {
|
|
593
|
-
'EN-US': { "skyux_back_to_top": { "message": "Back to top" }, "skyux_card_checkbox_label": { "message": "Select card" }, "skyux_definition_list_none_found": { "message": "None found" }, "skyux_description_list_none_found": { "message": "None found" }, "skyux_inline_delete_assistive_text": { "message": "Are you sure you want to delete this item?" }, "skyux_inline_delete_cancel": { "message": "Cancel" }, "skyux_inline_delete_confirm_deletion": { "message": "Confirm deletion" }, "skyux_inline_delete_delete": { "message": "Delete" }, "skyux_text_expand_close_text": { "message": "Close" }, "skyux_text_expand_modal_title": { "message": "Expanded view" }, "skyux_text_expand_see_less": { "message": "See less" }, "skyux_text_expand_see_more": { "message": "See more" } },
|
|
586
|
+
'EN-US': { "skyux_back_to_top": { "message": "Back to top" }, "skyux_card_checkbox_label": { "message": "Select card" }, "skyux_definition_list_none_found": { "message": "None found." }, "skyux_description_list_none_found": { "message": "None found." }, "skyux_inline_delete_assistive_text": { "message": "Are you sure you want to delete this item?" }, "skyux_inline_delete_cancel": { "message": "Cancel" }, "skyux_inline_delete_confirm_deletion": { "message": "Confirm deletion" }, "skyux_inline_delete_delete": { "message": "Delete" }, "skyux_text_expand_close_text": { "message": "Close" }, "skyux_text_expand_modal_title": { "message": "Expanded view" }, "skyux_text_expand_see_less": { "message": "See less" }, "skyux_text_expand_see_more": { "message": "See more" } },
|
|
594
587
|
};
|
|
595
588
|
class SkyLayoutResourcesProvider {
|
|
596
589
|
getString(localeInfo, name) {
|
|
@@ -602,14 +595,14 @@ class SkyLayoutResourcesProvider {
|
|
|
602
595
|
*/
|
|
603
596
|
class SkyLayoutResourcesModule {
|
|
604
597
|
}
|
|
605
|
-
SkyLayoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
606
|
-
SkyLayoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
607
|
-
SkyLayoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
598
|
+
SkyLayoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
599
|
+
SkyLayoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, exports: [SkyI18nModule] });
|
|
600
|
+
SkyLayoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, providers: [{
|
|
608
601
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
609
602
|
useClass: SkyLayoutResourcesProvider,
|
|
610
603
|
multi: true
|
|
611
604
|
}], imports: [SkyI18nModule] });
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, decorators: [{
|
|
613
606
|
type: NgModule,
|
|
614
607
|
args: [{
|
|
615
608
|
exports: [SkyI18nModule],
|
|
@@ -623,39 +616,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
623
616
|
|
|
624
617
|
class SkyBackToTopModule {
|
|
625
618
|
}
|
|
626
|
-
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
627
|
-
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
628
|
-
SkyBackToTopDirective], imports: [CommonModule,
|
|
619
|
+
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
620
|
+
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [CommonModule,
|
|
629
621
|
SkyDockModule,
|
|
630
622
|
SkyI18nModule,
|
|
631
|
-
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent,
|
|
632
|
-
|
|
633
|
-
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
623
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
624
|
+
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
634
625
|
CommonModule,
|
|
635
626
|
SkyDockModule,
|
|
636
627
|
SkyI18nModule,
|
|
637
|
-
SkyLayoutResourcesModule
|
|
628
|
+
SkyLayoutResourcesModule,
|
|
638
629
|
]] });
|
|
639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
640
631
|
type: NgModule,
|
|
641
632
|
args: [{
|
|
642
|
-
declarations: [
|
|
643
|
-
SkyBackToTopComponent,
|
|
644
|
-
SkyBackToTopDirective
|
|
645
|
-
],
|
|
633
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
646
634
|
imports: [
|
|
647
635
|
CommonModule,
|
|
648
636
|
SkyDockModule,
|
|
649
637
|
SkyI18nModule,
|
|
650
|
-
SkyLayoutResourcesModule
|
|
638
|
+
SkyLayoutResourcesModule,
|
|
651
639
|
],
|
|
640
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
641
|
+
entryComponents: [SkyBackToTopComponent],
|
|
642
|
+
}]
|
|
643
|
+
}] });
|
|
644
|
+
|
|
645
|
+
/**
|
|
646
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
647
|
+
*/
|
|
648
|
+
class SkyBoxContentComponent {
|
|
649
|
+
}
|
|
650
|
+
SkyBoxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
651
|
+
SkyBoxContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxContentComponent, selector: "sky-box-content", ngImport: i0, template: "<div\n class=\"sky-box-content\"\n [skyThemeClass]=\"{\n 'sky-padding-even-large': 'default',\n 'sky-padding-even-xl': 'modern'\n }\"\n>\n <ng-content></ng-content>\n</div>\n", directives: [{ type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
653
|
+
type: Component,
|
|
654
|
+
args: [{
|
|
655
|
+
selector: 'sky-box-content',
|
|
656
|
+
templateUrl: './box-content.component.html',
|
|
657
|
+
}]
|
|
658
|
+
}] });
|
|
659
|
+
|
|
660
|
+
/**
|
|
661
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
662
|
+
*/
|
|
663
|
+
class SkyBoxControlsComponent {
|
|
664
|
+
}
|
|
665
|
+
SkyBoxControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
666
|
+
SkyBoxControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0, template: "<div\n class=\"sky-box-controls\"\n>\n <ng-content></ng-content>\n</div>\n" });
|
|
667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
668
|
+
type: Component,
|
|
669
|
+
args: [{
|
|
670
|
+
selector: 'sky-box-controls',
|
|
671
|
+
templateUrl: './box-controls.component.html',
|
|
672
|
+
}]
|
|
673
|
+
}] });
|
|
674
|
+
|
|
675
|
+
/**
|
|
676
|
+
* Specifies a header for the box.
|
|
677
|
+
*/
|
|
678
|
+
class SkyBoxHeaderComponent {
|
|
679
|
+
}
|
|
680
|
+
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
681
|
+
SkyBoxHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0, template: "<div\n class=\"sky-box-header\"\n>\n <ng-content></ng-content>\n</div>\n" });
|
|
682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
683
|
+
type: Component,
|
|
684
|
+
args: [{
|
|
685
|
+
selector: 'sky-box-header',
|
|
686
|
+
templateUrl: './box-header.component.html',
|
|
687
|
+
}]
|
|
688
|
+
}] });
|
|
689
|
+
|
|
690
|
+
/**
|
|
691
|
+
* Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
|
|
692
|
+
*/
|
|
693
|
+
class SkyBoxComponent {
|
|
694
|
+
}
|
|
695
|
+
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
696
|
+
SkyBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0, template: "<section\n class=\"sky-box\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledBy\"\n [attr.role]=\"ariaRole\"\n [skyThemeClass]=\"{\n 'sky-shadow sky-border-dark': 'default',\n 'sky-elevation-1-bordered': 'modern'\n }\"\n>\n <div class=\"sky-box-header-content\">\n <ng-content select=\"sky-box-header\"></ng-content>\n <ng-content select=\"sky-box-controls\"></ng-content>\n </div>\n <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
698
|
+
type: Component,
|
|
699
|
+
args: [{
|
|
700
|
+
selector: 'sky-box',
|
|
701
|
+
templateUrl: './box.component.html',
|
|
702
|
+
styleUrls: ['./box.component.scss'],
|
|
703
|
+
encapsulation: ViewEncapsulation.None,
|
|
704
|
+
}]
|
|
705
|
+
}], propDecorators: { ariaLabel: [{
|
|
706
|
+
type: Input
|
|
707
|
+
}], ariaLabelledBy: [{
|
|
708
|
+
type: Input
|
|
709
|
+
}], ariaRole: [{
|
|
710
|
+
type: Input
|
|
711
|
+
}] } });
|
|
712
|
+
|
|
713
|
+
class SkyBoxModule {
|
|
714
|
+
}
|
|
715
|
+
SkyBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
716
|
+
SkyBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
717
|
+
SkyBoxHeaderComponent,
|
|
718
|
+
SkyBoxContentComponent,
|
|
719
|
+
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyBoxComponent,
|
|
720
|
+
SkyBoxHeaderComponent,
|
|
721
|
+
SkyBoxContentComponent,
|
|
722
|
+
SkyBoxControlsComponent] });
|
|
723
|
+
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
725
|
+
type: NgModule,
|
|
726
|
+
args: [{
|
|
727
|
+
declarations: [
|
|
728
|
+
SkyBoxComponent,
|
|
729
|
+
SkyBoxHeaderComponent,
|
|
730
|
+
SkyBoxContentComponent,
|
|
731
|
+
SkyBoxControlsComponent,
|
|
732
|
+
],
|
|
733
|
+
imports: [CommonModule, SkyThemeModule],
|
|
652
734
|
exports: [
|
|
653
|
-
|
|
654
|
-
|
|
735
|
+
SkyBoxComponent,
|
|
736
|
+
SkyBoxHeaderComponent,
|
|
737
|
+
SkyBoxContentComponent,
|
|
738
|
+
SkyBoxControlsComponent,
|
|
655
739
|
],
|
|
656
|
-
entryComponents: [
|
|
657
|
-
SkyBackToTopComponent
|
|
658
|
-
]
|
|
659
740
|
}]
|
|
660
741
|
}] });
|
|
661
742
|
|
|
@@ -697,10 +778,12 @@ class SkyInlineDeleteAdapterService {
|
|
|
697
778
|
// Find the next navigable element that isn't waiting
|
|
698
779
|
const startingIndex = focussable.indexOf(targetElement);
|
|
699
780
|
let curIndex = startingIndex + modifier;
|
|
700
|
-
while (focussable[curIndex] &&
|
|
781
|
+
while (focussable[curIndex] &&
|
|
782
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
701
783
|
curIndex += modifier;
|
|
702
784
|
}
|
|
703
|
-
if (focussable[curIndex] &&
|
|
785
|
+
if (focussable[curIndex] &&
|
|
786
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
704
787
|
focussable[curIndex].focus();
|
|
705
788
|
}
|
|
706
789
|
else {
|
|
@@ -715,7 +798,8 @@ class SkyInlineDeleteAdapterService {
|
|
|
715
798
|
}
|
|
716
799
|
/* istanbul ignore else */
|
|
717
800
|
/* sanity check */
|
|
718
|
-
if (focussable[curIndex] &&
|
|
801
|
+
if (focussable[curIndex] &&
|
|
802
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
719
803
|
focussable[curIndex].focus();
|
|
720
804
|
}
|
|
721
805
|
else {
|
|
@@ -740,9 +824,10 @@ class SkyInlineDeleteAdapterService {
|
|
|
740
824
|
}
|
|
741
825
|
isElementHiddenOrCovered(element) {
|
|
742
826
|
// Check if the element is hidden by css, not within the inline delete, or a wait is covering it
|
|
743
|
-
return this.isElementHidden(element) ||
|
|
744
|
-
(this.parentEl.contains(element) &&
|
|
745
|
-
this.
|
|
827
|
+
return (this.isElementHidden(element) ||
|
|
828
|
+
(this.parentEl.contains(element) &&
|
|
829
|
+
(!this.element.contains(element) ||
|
|
830
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
746
831
|
}
|
|
747
832
|
isElementHidden(element) {
|
|
748
833
|
const style = window.getComputedStyle(element);
|
|
@@ -750,19 +835,19 @@ class SkyInlineDeleteAdapterService {
|
|
|
750
835
|
}
|
|
751
836
|
isShift(event) {
|
|
752
837
|
// Determine if shift+tab was used based on element order
|
|
753
|
-
const elements = this.getFocussableElements().filter(elem => !this.isElementHidden(elem));
|
|
838
|
+
const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
|
|
754
839
|
const previousInd = elements.indexOf(event.relatedTarget);
|
|
755
840
|
const currentInd = elements.indexOf(event.target);
|
|
756
841
|
/* istanbul ignore next */
|
|
757
|
-
return previousInd === currentInd + 1
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
842
|
+
return (previousInd === currentInd + 1 ||
|
|
843
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
844
|
+
previousInd > currentInd ||
|
|
845
|
+
!event.relatedTarget);
|
|
761
846
|
}
|
|
762
847
|
}
|
|
763
|
-
SkyInlineDeleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
764
|
-
SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
848
|
+
SkyInlineDeleteAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteAdapterService, deps: [{ token: i1.SkyCoreAdapterService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
849
|
+
SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteAdapterService });
|
|
850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
766
851
|
type: Injectable
|
|
767
852
|
}], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }]; } });
|
|
768
853
|
|
|
@@ -863,38 +948,35 @@ class SkyInlineDeleteComponent {
|
|
|
863
948
|
}
|
|
864
949
|
}
|
|
865
950
|
}
|
|
866
|
-
SkyInlineDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
867
|
-
SkyInlineDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
868
|
-
SkyCoreAdapterService,
|
|
869
|
-
SkyInlineDeleteAdapterService
|
|
870
|
-
], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, 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$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe }, animations: [
|
|
951
|
+
SkyInlineDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
952
|
+
SkyInlineDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: ElementRef }], ngImport: i0, 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$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe }, animations: [
|
|
871
953
|
trigger('inlineDeleteAnimation', [
|
|
872
954
|
transition('* => shown', [
|
|
873
955
|
style({
|
|
874
|
-
opacity: 0
|
|
956
|
+
opacity: 0,
|
|
875
957
|
}),
|
|
876
958
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
877
959
|
group([
|
|
878
960
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
879
961
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
880
|
-
transform: 'scale(1)'
|
|
881
|
-
})))
|
|
882
|
-
])
|
|
962
|
+
transform: 'scale(1)',
|
|
963
|
+
}))),
|
|
964
|
+
]),
|
|
883
965
|
]),
|
|
884
966
|
transition(`shown <=> *`, [
|
|
885
967
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
886
968
|
group([
|
|
887
969
|
animate('300ms ease-in-out', style({
|
|
888
|
-
opacity: 0
|
|
970
|
+
opacity: 0,
|
|
889
971
|
})),
|
|
890
972
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
891
|
-
transform: 'scale(0.0)'
|
|
892
|
-
})))
|
|
893
|
-
])
|
|
894
|
-
])
|
|
895
|
-
])
|
|
973
|
+
transform: 'scale(0.0)',
|
|
974
|
+
}))),
|
|
975
|
+
]),
|
|
976
|
+
]),
|
|
977
|
+
]),
|
|
896
978
|
] });
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteComponent, decorators: [{
|
|
898
980
|
type: Component,
|
|
899
981
|
args: [{
|
|
900
982
|
selector: 'sky-inline-delete',
|
|
@@ -904,33 +986,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
904
986
|
trigger('inlineDeleteAnimation', [
|
|
905
987
|
transition('* => shown', [
|
|
906
988
|
style({
|
|
907
|
-
opacity: 0
|
|
989
|
+
opacity: 0,
|
|
908
990
|
}),
|
|
909
991
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
910
992
|
group([
|
|
911
993
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
912
994
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
913
|
-
transform: 'scale(1)'
|
|
914
|
-
})))
|
|
915
|
-
])
|
|
995
|
+
transform: 'scale(1)',
|
|
996
|
+
}))),
|
|
997
|
+
]),
|
|
916
998
|
]),
|
|
917
999
|
transition(`shown <=> *`, [
|
|
918
1000
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
919
1001
|
group([
|
|
920
1002
|
animate('300ms ease-in-out', style({
|
|
921
|
-
opacity: 0
|
|
1003
|
+
opacity: 0,
|
|
922
1004
|
})),
|
|
923
1005
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
924
|
-
transform: 'scale(0.0)'
|
|
925
|
-
})))
|
|
926
|
-
])
|
|
927
|
-
])
|
|
928
|
-
])
|
|
1006
|
+
transform: 'scale(0.0)',
|
|
1007
|
+
}))),
|
|
1008
|
+
]),
|
|
1009
|
+
]),
|
|
1010
|
+
]),
|
|
929
1011
|
],
|
|
930
|
-
providers: [
|
|
931
|
-
SkyCoreAdapterService,
|
|
932
|
-
SkyInlineDeleteAdapterService
|
|
933
|
-
]
|
|
1012
|
+
providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
934
1013
|
}]
|
|
935
1014
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { pending: [{
|
|
936
1015
|
type: Input
|
|
@@ -942,38 +1021,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
942
1021
|
type: ViewChild,
|
|
943
1022
|
args: ['delete', {
|
|
944
1023
|
read: ElementRef,
|
|
945
|
-
static: false
|
|
1024
|
+
static: false,
|
|
946
1025
|
}]
|
|
947
1026
|
}] } });
|
|
948
1027
|
|
|
949
1028
|
class SkyInlineDeleteModule {
|
|
950
1029
|
}
|
|
951
|
-
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
952
|
-
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1030
|
+
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1031
|
+
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [CommonModule,
|
|
953
1032
|
SkyI18nModule,
|
|
954
1033
|
SkyLayoutResourcesModule,
|
|
955
1034
|
SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
956
|
-
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1035
|
+
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, imports: [[
|
|
957
1036
|
CommonModule,
|
|
958
1037
|
SkyI18nModule,
|
|
959
1038
|
SkyLayoutResourcesModule,
|
|
960
|
-
SkyWaitModule
|
|
1039
|
+
SkyWaitModule,
|
|
961
1040
|
]] });
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, decorators: [{
|
|
963
1042
|
type: NgModule,
|
|
964
1043
|
args: [{
|
|
965
|
-
declarations: [
|
|
966
|
-
SkyInlineDeleteComponent
|
|
967
|
-
],
|
|
1044
|
+
declarations: [SkyInlineDeleteComponent],
|
|
968
1045
|
imports: [
|
|
969
1046
|
CommonModule,
|
|
970
1047
|
SkyI18nModule,
|
|
971
1048
|
SkyLayoutResourcesModule,
|
|
972
|
-
SkyWaitModule
|
|
1049
|
+
SkyWaitModule,
|
|
973
1050
|
],
|
|
974
|
-
exports: [
|
|
975
|
-
SkyInlineDeleteComponent
|
|
976
|
-
]
|
|
1051
|
+
exports: [SkyInlineDeleteComponent],
|
|
977
1052
|
}]
|
|
978
1053
|
}] });
|
|
979
1054
|
|
|
@@ -982,14 +1057,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
982
1057
|
*/
|
|
983
1058
|
class SkyCardActionsComponent {
|
|
984
1059
|
}
|
|
985
|
-
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
986
|
-
SkyCardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1060
|
+
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1061
|
+
SkyCardActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
|
|
1062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardActionsComponent, decorators: [{
|
|
988
1063
|
type: Component,
|
|
989
1064
|
args: [{
|
|
990
1065
|
selector: 'sky-card-actions',
|
|
991
1066
|
templateUrl: './card-actions.component.html',
|
|
992
|
-
styleUrls: ['./card-actions.component.scss']
|
|
1067
|
+
styleUrls: ['./card-actions.component.scss'],
|
|
993
1068
|
}]
|
|
994
1069
|
}] });
|
|
995
1070
|
|
|
@@ -998,13 +1073,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
998
1073
|
*/
|
|
999
1074
|
class SkyCardContentComponent {
|
|
1000
1075
|
}
|
|
1001
|
-
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1002
|
-
SkyCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1076
|
+
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1077
|
+
SkyCardContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardContentComponent, decorators: [{
|
|
1004
1079
|
type: Component,
|
|
1005
1080
|
args: [{
|
|
1006
1081
|
selector: 'sky-card-content',
|
|
1007
|
-
templateUrl: './card-content.component.html'
|
|
1082
|
+
templateUrl: './card-content.component.html',
|
|
1008
1083
|
}]
|
|
1009
1084
|
}] });
|
|
1010
1085
|
|
|
@@ -1013,13 +1088,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1013
1088
|
*/
|
|
1014
1089
|
class SkyCardTitleComponent {
|
|
1015
1090
|
}
|
|
1016
|
-
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1017
|
-
SkyCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1091
|
+
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1092
|
+
SkyCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1093
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardTitleComponent, decorators: [{
|
|
1019
1094
|
type: Component,
|
|
1020
1095
|
args: [{
|
|
1021
1096
|
selector: 'sky-card-title',
|
|
1022
|
-
templateUrl: './card-title.component.html'
|
|
1097
|
+
templateUrl: './card-title.component.html',
|
|
1023
1098
|
}]
|
|
1024
1099
|
}] });
|
|
1025
1100
|
|
|
@@ -1039,11 +1114,11 @@ class SkyCardComponent {
|
|
|
1039
1114
|
this.subscription = this.titleComponent.changes.subscribe(() => {
|
|
1040
1115
|
this.showTitle = this.titleComponent.length > 0;
|
|
1041
1116
|
});
|
|
1042
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1117
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1043
1118
|
item.setType(SkyInlineDeleteType.Card);
|
|
1044
1119
|
});
|
|
1045
1120
|
this.inlineDeleteComponent.changes.subscribe(() => {
|
|
1046
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1121
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1047
1122
|
item.setType(SkyInlineDeleteType.Card);
|
|
1048
1123
|
});
|
|
1049
1124
|
});
|
|
@@ -1068,14 +1143,14 @@ class SkyCardComponent {
|
|
|
1068
1143
|
}
|
|
1069
1144
|
}
|
|
1070
1145
|
}
|
|
1071
|
-
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1072
|
-
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1146
|
+
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1147
|
+
SkyCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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, 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$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
1074
1149
|
type: Component,
|
|
1075
1150
|
args: [{
|
|
1076
1151
|
selector: 'sky-card',
|
|
1077
1152
|
styleUrls: ['./card.component.scss'],
|
|
1078
|
-
templateUrl: './card.component.html'
|
|
1153
|
+
templateUrl: './card.component.html',
|
|
1079
1154
|
}]
|
|
1080
1155
|
}], propDecorators: { size: [{
|
|
1081
1156
|
type: Input
|
|
@@ -1095,8 +1170,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1095
1170
|
|
|
1096
1171
|
class SkyCardModule {
|
|
1097
1172
|
}
|
|
1098
|
-
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1099
|
-
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1173
|
+
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1174
|
+
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1100
1175
|
SkyCardComponent,
|
|
1101
1176
|
SkyCardContentComponent,
|
|
1102
1177
|
SkyCardTitleComponent], imports: [CommonModule,
|
|
@@ -1108,22 +1183,22 @@ SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1108
1183
|
SkyCardComponent,
|
|
1109
1184
|
SkyCardContentComponent,
|
|
1110
1185
|
SkyCardTitleComponent] });
|
|
1111
|
-
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1186
|
+
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, imports: [[
|
|
1112
1187
|
CommonModule,
|
|
1113
1188
|
FormsModule,
|
|
1114
1189
|
SkyCheckboxModule,
|
|
1115
1190
|
SkyI18nModule,
|
|
1116
1191
|
SkyLayoutResourcesModule,
|
|
1117
|
-
SkyInlineDeleteModule
|
|
1192
|
+
SkyInlineDeleteModule,
|
|
1118
1193
|
]] });
|
|
1119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, decorators: [{
|
|
1120
1195
|
type: NgModule,
|
|
1121
1196
|
args: [{
|
|
1122
1197
|
declarations: [
|
|
1123
1198
|
SkyCardActionsComponent,
|
|
1124
1199
|
SkyCardComponent,
|
|
1125
1200
|
SkyCardContentComponent,
|
|
1126
|
-
SkyCardTitleComponent
|
|
1201
|
+
SkyCardTitleComponent,
|
|
1127
1202
|
],
|
|
1128
1203
|
imports: [
|
|
1129
1204
|
CommonModule,
|
|
@@ -1131,14 +1206,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1131
1206
|
SkyCheckboxModule,
|
|
1132
1207
|
SkyI18nModule,
|
|
1133
1208
|
SkyLayoutResourcesModule,
|
|
1134
|
-
SkyInlineDeleteModule
|
|
1209
|
+
SkyInlineDeleteModule,
|
|
1135
1210
|
],
|
|
1136
1211
|
exports: [
|
|
1137
1212
|
SkyCardActionsComponent,
|
|
1138
1213
|
SkyCardComponent,
|
|
1139
1214
|
SkyCardContentComponent,
|
|
1140
|
-
SkyCardTitleComponent
|
|
1141
|
-
]
|
|
1215
|
+
SkyCardTitleComponent,
|
|
1216
|
+
],
|
|
1142
1217
|
}]
|
|
1143
1218
|
}] });
|
|
1144
1219
|
|
|
@@ -1151,9 +1226,9 @@ class SkyDefinitionListService {
|
|
|
1151
1226
|
this.defaultValue = new BehaviorSubject('');
|
|
1152
1227
|
}
|
|
1153
1228
|
}
|
|
1154
|
-
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1155
|
-
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1229
|
+
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1230
|
+
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService });
|
|
1231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService, decorators: [{
|
|
1157
1232
|
type: Injectable
|
|
1158
1233
|
}] });
|
|
1159
1234
|
|
|
@@ -1180,16 +1255,16 @@ class SkyDefinitionListComponent {
|
|
|
1180
1255
|
this.service.defaultValue.next(value);
|
|
1181
1256
|
}
|
|
1182
1257
|
}
|
|
1183
|
-
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1184
|
-
SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1258
|
+
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1259
|
+
SkyDefinitionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
1260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
|
|
1186
1261
|
type: Component,
|
|
1187
1262
|
args: [{
|
|
1188
1263
|
selector: 'sky-definition-list',
|
|
1189
1264
|
templateUrl: './definition-list.component.html',
|
|
1190
1265
|
styleUrls: ['./definition-list.component.scss'],
|
|
1191
1266
|
providers: [SkyDefinitionListService],
|
|
1192
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1267
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1193
1268
|
}]
|
|
1194
1269
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1195
1270
|
type: Input
|
|
@@ -1202,15 +1277,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1202
1277
|
*/
|
|
1203
1278
|
class SkyDefinitionListContentComponent {
|
|
1204
1279
|
}
|
|
1205
|
-
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1206
|
-
SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1280
|
+
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1281
|
+
SkyDefinitionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
1282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1208
1283
|
type: Component,
|
|
1209
1284
|
args: [{
|
|
1210
1285
|
selector: 'sky-definition-list-content',
|
|
1211
1286
|
templateUrl: './definition-list-content.component.html',
|
|
1212
1287
|
styleUrls: ['./definition-list-content.component.scss'],
|
|
1213
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1288
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1214
1289
|
}]
|
|
1215
1290
|
}] });
|
|
1216
1291
|
|
|
@@ -1219,15 +1294,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1219
1294
|
*/
|
|
1220
1295
|
class SkyDefinitionListHeadingComponent {
|
|
1221
1296
|
}
|
|
1222
|
-
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1223
|
-
SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1224
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1297
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1298
|
+
SkyDefinitionListHeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
1299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1225
1300
|
type: Component,
|
|
1226
1301
|
args: [{
|
|
1227
1302
|
selector: 'sky-definition-list-heading',
|
|
1228
1303
|
templateUrl: './definition-list-heading.component.html',
|
|
1229
1304
|
styleUrls: ['./definition-list-heading.component.scss'],
|
|
1230
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1305
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1231
1306
|
}]
|
|
1232
1307
|
}] });
|
|
1233
1308
|
|
|
@@ -1239,15 +1314,15 @@ class SkyDefinitionListLabelComponent {
|
|
|
1239
1314
|
this.service = service;
|
|
1240
1315
|
}
|
|
1241
1316
|
}
|
|
1242
|
-
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1243
|
-
SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1317
|
+
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1318
|
+
SkyDefinitionListLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0, 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1245
1320
|
type: Component,
|
|
1246
1321
|
args: [{
|
|
1247
1322
|
selector: 'sky-definition-list-label',
|
|
1248
1323
|
templateUrl: './definition-list-label.component.html',
|
|
1249
1324
|
styleUrls: ['./definition-list-label.component.scss'],
|
|
1250
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1325
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1251
1326
|
}]
|
|
1252
1327
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1253
1328
|
|
|
@@ -1259,37 +1334,31 @@ class SkyDefinitionListValueComponent {
|
|
|
1259
1334
|
this.service = service;
|
|
1260
1335
|
}
|
|
1261
1336
|
}
|
|
1262
|
-
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1263
|
-
SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1337
|
+
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1338
|
+
SkyDefinitionListValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
1339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1265
1340
|
type: Component,
|
|
1266
1341
|
args: [{
|
|
1267
1342
|
selector: 'sky-definition-list-value',
|
|
1268
1343
|
templateUrl: './definition-list-value.component.html',
|
|
1269
|
-
styleUrls: ['./definition-list-value.component.scss']
|
|
1344
|
+
styleUrls: ['./definition-list-value.component.scss'],
|
|
1270
1345
|
}]
|
|
1271
1346
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1272
1347
|
|
|
1273
1348
|
class SkyDefinitionListModule {
|
|
1274
1349
|
}
|
|
1275
|
-
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1276
|
-
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1350
|
+
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1351
|
+
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1277
1352
|
SkyDefinitionListContentComponent,
|
|
1278
1353
|
SkyDefinitionListHeadingComponent,
|
|
1279
1354
|
SkyDefinitionListLabelComponent,
|
|
1280
|
-
SkyDefinitionListValueComponent], imports: [CommonModule,
|
|
1281
|
-
SkyI18nModule,
|
|
1282
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1355
|
+
SkyDefinitionListValueComponent], imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1283
1356
|
SkyDefinitionListContentComponent,
|
|
1284
1357
|
SkyDefinitionListHeadingComponent,
|
|
1285
1358
|
SkyDefinitionListLabelComponent,
|
|
1286
1359
|
SkyDefinitionListValueComponent] });
|
|
1287
|
-
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1288
|
-
|
|
1289
|
-
SkyI18nModule,
|
|
1290
|
-
SkyLayoutResourcesModule
|
|
1291
|
-
]] });
|
|
1292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1360
|
+
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, imports: [[CommonModule, SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
1361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1293
1362
|
type: NgModule,
|
|
1294
1363
|
args: [{
|
|
1295
1364
|
declarations: [
|
|
@@ -1297,20 +1366,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1297
1366
|
SkyDefinitionListContentComponent,
|
|
1298
1367
|
SkyDefinitionListHeadingComponent,
|
|
1299
1368
|
SkyDefinitionListLabelComponent,
|
|
1300
|
-
SkyDefinitionListValueComponent
|
|
1301
|
-
],
|
|
1302
|
-
imports: [
|
|
1303
|
-
CommonModule,
|
|
1304
|
-
SkyI18nModule,
|
|
1305
|
-
SkyLayoutResourcesModule
|
|
1369
|
+
SkyDefinitionListValueComponent,
|
|
1306
1370
|
],
|
|
1371
|
+
imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],
|
|
1307
1372
|
exports: [
|
|
1308
1373
|
SkyDefinitionListComponent,
|
|
1309
1374
|
SkyDefinitionListContentComponent,
|
|
1310
1375
|
SkyDefinitionListHeadingComponent,
|
|
1311
1376
|
SkyDefinitionListLabelComponent,
|
|
1312
|
-
SkyDefinitionListValueComponent
|
|
1313
|
-
]
|
|
1377
|
+
SkyDefinitionListValueComponent,
|
|
1378
|
+
],
|
|
1314
1379
|
}]
|
|
1315
1380
|
}] });
|
|
1316
1381
|
|
|
@@ -1340,7 +1405,8 @@ class SkyDescriptionListAdapterService {
|
|
|
1340
1405
|
if (width <= xsBreakpointMaxPixels) {
|
|
1341
1406
|
return 'sky-responsive-container-xs';
|
|
1342
1407
|
}
|
|
1343
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1408
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1409
|
+
width <= smBreakpointMaxPixels) {
|
|
1344
1410
|
return 'sky-responsive-container-sm';
|
|
1345
1411
|
}
|
|
1346
1412
|
else {
|
|
@@ -1348,9 +1414,9 @@ class SkyDescriptionListAdapterService {
|
|
|
1348
1414
|
}
|
|
1349
1415
|
}
|
|
1350
1416
|
}
|
|
1351
|
-
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1352
|
-
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1417
|
+
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1418
|
+
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService });
|
|
1419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1354
1420
|
type: Injectable
|
|
1355
1421
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1356
1422
|
|
|
@@ -1359,20 +1425,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1359
1425
|
*/
|
|
1360
1426
|
class SkyDescriptionListTermComponent {
|
|
1361
1427
|
}
|
|
1362
|
-
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1363
|
-
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1428
|
+
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1429
|
+
SkyDescriptionListTermComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<ng-template #termTemplateRef>\n <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1365
1431
|
type: Component,
|
|
1366
1432
|
args: [{
|
|
1367
1433
|
selector: 'sky-description-list-term',
|
|
1368
1434
|
templateUrl: './description-list-term.component.html',
|
|
1369
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1435
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1370
1436
|
}]
|
|
1371
1437
|
}], propDecorators: { templateRef: [{
|
|
1372
1438
|
type: ViewChild,
|
|
1373
1439
|
args: ['termTemplateRef', {
|
|
1374
1440
|
read: TemplateRef,
|
|
1375
|
-
static: true
|
|
1441
|
+
static: true,
|
|
1376
1442
|
}]
|
|
1377
1443
|
}] } });
|
|
1378
1444
|
|
|
@@ -1393,9 +1459,9 @@ class SkyDescriptionListService {
|
|
|
1393
1459
|
this._defaultDescription.next(value);
|
|
1394
1460
|
}
|
|
1395
1461
|
}
|
|
1396
|
-
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1397
|
-
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1462
|
+
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1463
|
+
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService });
|
|
1464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
1399
1465
|
type: Injectable
|
|
1400
1466
|
}] });
|
|
1401
1467
|
|
|
@@ -1425,20 +1491,20 @@ class SkyDescriptionListDescriptionComponent {
|
|
|
1425
1491
|
this.ngUnsubscribe.complete();
|
|
1426
1492
|
}
|
|
1427
1493
|
}
|
|
1428
|
-
SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1429
|
-
SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1494
|
+
SkyDescriptionListDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0.ChangeDetectorRef }, { token: i3$1.SkyThemeService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1495
|
+
SkyDescriptionListDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3.AsyncPipe, "skyLibResources": i1$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1431
1497
|
type: Component,
|
|
1432
1498
|
args: [{
|
|
1433
1499
|
selector: 'sky-description-list-description',
|
|
1434
1500
|
templateUrl: './description-list-description.component.html',
|
|
1435
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1501
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1436
1502
|
}]
|
|
1437
1503
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1438
1504
|
type: ViewChild,
|
|
1439
1505
|
args: ['descriptionTemplateRef', {
|
|
1440
1506
|
read: TemplateRef,
|
|
1441
|
-
static: true
|
|
1507
|
+
static: true,
|
|
1442
1508
|
}]
|
|
1443
1509
|
}] } });
|
|
1444
1510
|
|
|
@@ -1447,13 +1513,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1447
1513
|
*/
|
|
1448
1514
|
class SkyDescriptionListContentComponent {
|
|
1449
1515
|
}
|
|
1450
|
-
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1451
|
-
SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1516
|
+
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1517
|
+
SkyDescriptionListContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" });
|
|
1518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1453
1519
|
type: Component,
|
|
1454
1520
|
args: [{
|
|
1455
1521
|
selector: 'sky-description-list-content',
|
|
1456
|
-
templateUrl: './description-list-content.component.html'
|
|
1522
|
+
templateUrl: './description-list-content.component.html',
|
|
1457
1523
|
}]
|
|
1458
1524
|
}], propDecorators: { termComponents: [{
|
|
1459
1525
|
type: ContentChildren,
|
|
@@ -1510,7 +1576,7 @@ class SkyDescriptionListComponent {
|
|
|
1510
1576
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1511
1577
|
childList: true,
|
|
1512
1578
|
characterData: true,
|
|
1513
|
-
subtree: true
|
|
1579
|
+
subtree: true,
|
|
1514
1580
|
});
|
|
1515
1581
|
}
|
|
1516
1582
|
ngOnDestroy() {
|
|
@@ -1526,22 +1592,16 @@ class SkyDescriptionListComponent {
|
|
|
1526
1592
|
this.changeDetector.markForCheck();
|
|
1527
1593
|
}
|
|
1528
1594
|
}
|
|
1529
|
-
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1530
|
-
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1531
|
-
|
|
1532
|
-
SkyDescriptionListService
|
|
1533
|
-
], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1595
|
+
SkyDescriptionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1.MutationObserverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1596
|
+
SkyDescriptionListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: ElementRef, static: true }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1535
1598
|
type: Component,
|
|
1536
1599
|
args: [{
|
|
1537
1600
|
selector: 'sky-description-list',
|
|
1538
1601
|
templateUrl: './description-list.component.html',
|
|
1539
1602
|
styleUrls: ['./description-list.component.scss'],
|
|
1540
|
-
providers: [
|
|
1541
|
-
|
|
1542
|
-
SkyDescriptionListService
|
|
1543
|
-
],
|
|
1544
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1603
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1604
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1545
1605
|
}]
|
|
1546
1606
|
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1547
1607
|
type: Input
|
|
@@ -1556,7 +1616,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1556
1616
|
type: ViewChild,
|
|
1557
1617
|
args: ['descriptionListElement', {
|
|
1558
1618
|
read: ElementRef,
|
|
1559
|
-
static: true
|
|
1619
|
+
static: true,
|
|
1560
1620
|
}]
|
|
1561
1621
|
}], onWindowResize: [{
|
|
1562
1622
|
type: HostListener,
|
|
@@ -1565,8 +1625,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1565
1625
|
|
|
1566
1626
|
class SkyDescriptionListModule {
|
|
1567
1627
|
}
|
|
1568
|
-
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1569
|
-
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1628
|
+
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1629
|
+
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1570
1630
|
SkyDescriptionListContentComponent,
|
|
1571
1631
|
SkyDescriptionListTermComponent,
|
|
1572
1632
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
@@ -1576,33 +1636,33 @@ SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
1576
1636
|
SkyDescriptionListContentComponent,
|
|
1577
1637
|
SkyDescriptionListTermComponent,
|
|
1578
1638
|
SkyDescriptionListDescriptionComponent] });
|
|
1579
|
-
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1639
|
+
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, imports: [[
|
|
1580
1640
|
CommonModule,
|
|
1581
1641
|
SkyI18nModule,
|
|
1582
1642
|
SkyLayoutResourcesModule,
|
|
1583
|
-
SkyThemeModule
|
|
1643
|
+
SkyThemeModule,
|
|
1584
1644
|
]] });
|
|
1585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1645
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
1586
1646
|
type: NgModule,
|
|
1587
1647
|
args: [{
|
|
1588
1648
|
declarations: [
|
|
1589
1649
|
SkyDescriptionListComponent,
|
|
1590
1650
|
SkyDescriptionListContentComponent,
|
|
1591
1651
|
SkyDescriptionListTermComponent,
|
|
1592
|
-
SkyDescriptionListDescriptionComponent
|
|
1652
|
+
SkyDescriptionListDescriptionComponent,
|
|
1593
1653
|
],
|
|
1594
1654
|
imports: [
|
|
1595
1655
|
CommonModule,
|
|
1596
1656
|
SkyI18nModule,
|
|
1597
1657
|
SkyLayoutResourcesModule,
|
|
1598
|
-
SkyThemeModule
|
|
1658
|
+
SkyThemeModule,
|
|
1599
1659
|
],
|
|
1600
1660
|
exports: [
|
|
1601
1661
|
SkyDescriptionListComponent,
|
|
1602
1662
|
SkyDescriptionListContentComponent,
|
|
1603
1663
|
SkyDescriptionListTermComponent,
|
|
1604
|
-
SkyDescriptionListDescriptionComponent
|
|
1605
|
-
]
|
|
1664
|
+
SkyDescriptionListDescriptionComponent,
|
|
1665
|
+
],
|
|
1606
1666
|
}]
|
|
1607
1667
|
}] });
|
|
1608
1668
|
|
|
@@ -1663,14 +1723,14 @@ class SkyRowComponent {
|
|
|
1663
1723
|
this.reverseColumnOrder = false;
|
|
1664
1724
|
}
|
|
1665
1725
|
}
|
|
1666
|
-
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1667
|
-
SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1726
|
+
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1727
|
+
SkyRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, decorators: [{
|
|
1669
1729
|
type: Component,
|
|
1670
1730
|
args: [{
|
|
1671
1731
|
selector: 'sky-row',
|
|
1672
1732
|
templateUrl: './row.component.html',
|
|
1673
|
-
styleUrls: ['./row.component.scss']
|
|
1733
|
+
styleUrls: ['./row.component.scss'],
|
|
1674
1734
|
}]
|
|
1675
1735
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1676
1736
|
type: Input
|
|
@@ -1679,14 +1739,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1679
1739
|
class SkyColumnComponent {
|
|
1680
1740
|
ngOnChanges(changes) {
|
|
1681
1741
|
/* istanbul ignore else */
|
|
1682
|
-
if (changes.screenXSmall ||
|
|
1742
|
+
if (changes.screenXSmall ||
|
|
1743
|
+
changes.screenSmall ||
|
|
1744
|
+
changes.screenMedium ||
|
|
1745
|
+
changes.screenLarge) {
|
|
1683
1746
|
this.classnames = this.getClassNames();
|
|
1684
1747
|
}
|
|
1685
1748
|
}
|
|
1686
1749
|
getClassNames() {
|
|
1687
|
-
let classnames = [
|
|
1688
|
-
'sky-column'
|
|
1689
|
-
];
|
|
1750
|
+
let classnames = ['sky-column'];
|
|
1690
1751
|
if (this.screenXSmall) {
|
|
1691
1752
|
classnames.push(`sky-column-xs-${this.screenXSmall}`);
|
|
1692
1753
|
}
|
|
@@ -1705,15 +1766,15 @@ class SkyColumnComponent {
|
|
|
1705
1766
|
this.classnames = this.getClassNames();
|
|
1706
1767
|
}
|
|
1707
1768
|
}
|
|
1708
|
-
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1709
|
-
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, 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.ViewEncapsulation.None });
|
|
1710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1769
|
+
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1770
|
+
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, 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:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 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:calc(1 / 12 * 100%)}.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:calc(2 / 12 * 100%)}.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:calc(3 / 12 * 100%)}.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:calc(4 / 12 * 100%)}.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:calc(5 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(7 / 12 * 100%)}.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:calc(8 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(10 / 12 * 100%)}.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:calc(11 / 12 * 100%)}.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:calc(12 / 12 * 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:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 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:calc(1 / 12 * 100%)}.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:calc(2 / 12 * 100%)}.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:calc(3 / 12 * 100%)}.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:calc(4 / 12 * 100%)}.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:calc(5 / 12 * 100%)}.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:calc(6 / 12 * 100%)}.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:calc(7 / 12 * 100%)}.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:calc(8 / 12 * 100%)}.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:calc(9 / 12 * 100%)}.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:calc(10 / 12 * 100%)}.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:calc(11 / 12 * 100%)}.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:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
1771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
1711
1772
|
type: Component,
|
|
1712
1773
|
args: [{
|
|
1713
1774
|
selector: 'sky-column',
|
|
1714
1775
|
templateUrl: './column.component.html',
|
|
1715
1776
|
styleUrls: ['./column.component.scss'],
|
|
1716
|
-
encapsulation: ViewEncapsulation.None
|
|
1777
|
+
encapsulation: ViewEncapsulation.None,
|
|
1717
1778
|
}]
|
|
1718
1779
|
}], propDecorators: { screenXSmall: [{
|
|
1719
1780
|
type: Input
|
|
@@ -1775,16 +1836,14 @@ class SkyFluidGridComponent {
|
|
|
1775
1836
|
}
|
|
1776
1837
|
}
|
|
1777
1838
|
}
|
|
1778
|
-
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1779
|
-
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1780
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1839
|
+
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1840
|
+
SkyFluidGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1841
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
1781
1842
|
type: Component,
|
|
1782
1843
|
args: [{
|
|
1783
1844
|
selector: 'sky-fluid-grid',
|
|
1784
1845
|
templateUrl: './fluid-grid.component.html',
|
|
1785
|
-
styleUrls: [
|
|
1786
|
-
'./fluid-grid.component.scss'
|
|
1787
|
-
]
|
|
1846
|
+
styleUrls: ['./fluid-grid.component.scss'],
|
|
1788
1847
|
}]
|
|
1789
1848
|
}], propDecorators: { disableMargin: [{
|
|
1790
1849
|
type: Input
|
|
@@ -1794,31 +1853,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1794
1853
|
|
|
1795
1854
|
class SkyFluidGridModule {
|
|
1796
1855
|
}
|
|
1797
|
-
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1798
|
-
SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
SkyColumnComponent,
|
|
1802
|
-
SkyFluidGridComponent] });
|
|
1803
|
-
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFluidGridModule, imports: [[
|
|
1804
|
-
CommonModule
|
|
1805
|
-
]] });
|
|
1806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1856
|
+
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1857
|
+
SkyFluidGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
|
|
1858
|
+
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
|
|
1859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1807
1860
|
type: NgModule,
|
|
1808
1861
|
args: [{
|
|
1809
|
-
imports: [
|
|
1810
|
-
|
|
1811
|
-
],
|
|
1812
|
-
declarations: [
|
|
1813
|
-
SkyRowComponent,
|
|
1814
|
-
SkyColumnComponent,
|
|
1815
|
-
SkyFluidGridComponent
|
|
1816
|
-
],
|
|
1817
|
-
exports: [
|
|
1818
|
-
SkyRowComponent,
|
|
1819
|
-
SkyColumnComponent,
|
|
1820
|
-
SkyFluidGridComponent
|
|
1821
|
-
]
|
|
1862
|
+
imports: [CommonModule],
|
|
1863
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1864
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1822
1865
|
}]
|
|
1823
1866
|
}] });
|
|
1824
1867
|
|
|
@@ -1867,14 +1910,14 @@ class SkyFormatComponent {
|
|
|
1867
1910
|
}
|
|
1868
1911
|
}
|
|
1869
1912
|
}
|
|
1870
|
-
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1871
|
-
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1872
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1913
|
+
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1914
|
+
SkyFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0, 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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatComponent, decorators: [{
|
|
1873
1916
|
type: Component,
|
|
1874
1917
|
args: [{
|
|
1875
1918
|
selector: 'sky-format',
|
|
1876
1919
|
templateUrl: './format.component.html',
|
|
1877
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1920
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1878
1921
|
}]
|
|
1879
1922
|
}], propDecorators: { text: [{
|
|
1880
1923
|
type: Input
|
|
@@ -1884,23 +1927,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1884
1927
|
|
|
1885
1928
|
class SkyFormatModule {
|
|
1886
1929
|
}
|
|
1887
|
-
SkyFormatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1888
|
-
SkyFormatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1889
|
-
SkyFormatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1890
|
-
|
|
1891
|
-
]] });
|
|
1892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1930
|
+
SkyFormatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1931
|
+
SkyFormatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [CommonModule], exports: [SkyFormatComponent] });
|
|
1932
|
+
SkyFormatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, imports: [[CommonModule]] });
|
|
1933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1893
1934
|
type: NgModule,
|
|
1894
1935
|
args: [{
|
|
1895
|
-
declarations: [
|
|
1896
|
-
|
|
1897
|
-
],
|
|
1898
|
-
imports: [
|
|
1899
|
-
CommonModule
|
|
1900
|
-
],
|
|
1901
|
-
exports: [
|
|
1902
|
-
SkyFormatComponent
|
|
1903
|
-
]
|
|
1936
|
+
declarations: [SkyFormatComponent],
|
|
1937
|
+
imports: [CommonModule],
|
|
1938
|
+
exports: [SkyFormatComponent],
|
|
1904
1939
|
}]
|
|
1905
1940
|
}] });
|
|
1906
1941
|
|
|
@@ -1922,9 +1957,9 @@ class SkyPageThemeAdapterService {
|
|
|
1922
1957
|
}
|
|
1923
1958
|
}
|
|
1924
1959
|
}
|
|
1925
|
-
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1926
|
-
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1927
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1960
|
+
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1961
|
+
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService });
|
|
1962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
1928
1963
|
type: Injectable
|
|
1929
1964
|
}] });
|
|
1930
1965
|
|
|
@@ -1944,31 +1979,27 @@ class SkyPageComponent {
|
|
|
1944
1979
|
this.themeAdapter.removeTheme();
|
|
1945
1980
|
}
|
|
1946
1981
|
}
|
|
1947
|
-
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1948
|
-
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1949
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1982
|
+
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1983
|
+
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0, template: "<div class=\"sky-theme-default\">\n <ng-content></ng-content>\n</div>\n" });
|
|
1984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
1950
1985
|
type: Component,
|
|
1951
1986
|
args: [{
|
|
1952
1987
|
selector: 'sky-page',
|
|
1953
1988
|
templateUrl: './page.component.html',
|
|
1954
|
-
providers: [SkyPageThemeAdapterService]
|
|
1989
|
+
providers: [SkyPageThemeAdapterService],
|
|
1955
1990
|
}]
|
|
1956
1991
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
1957
1992
|
|
|
1958
1993
|
class SkyPageModule {
|
|
1959
1994
|
}
|
|
1960
|
-
SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1961
|
-
SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1962
|
-
SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1995
|
+
SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1996
|
+
SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
1997
|
+
SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule });
|
|
1998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
1964
1999
|
type: NgModule,
|
|
1965
2000
|
args: [{
|
|
1966
|
-
declarations: [
|
|
1967
|
-
|
|
1968
|
-
],
|
|
1969
|
-
exports: [
|
|
1970
|
-
SkyPageComponent
|
|
1971
|
-
]
|
|
2001
|
+
declarations: [SkyPageComponent],
|
|
2002
|
+
exports: [SkyPageComponent],
|
|
1972
2003
|
}]
|
|
1973
2004
|
}] });
|
|
1974
2005
|
|
|
@@ -1980,14 +2011,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1980
2011
|
/* Code coverage having problems with no statements in classes */
|
|
1981
2012
|
class SkyPageSummaryAlertComponent {
|
|
1982
2013
|
}
|
|
1983
|
-
SkyPageSummaryAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1984
|
-
SkyPageSummaryAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2014
|
+
SkyPageSummaryAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2015
|
+
SkyPageSummaryAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryAlertComponent, selector: "sky-page-summary-alert", ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] });
|
|
2016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
1986
2017
|
type: Component,
|
|
1987
2018
|
args: [{
|
|
1988
2019
|
selector: 'sky-page-summary-alert',
|
|
1989
2020
|
templateUrl: './page-summary-alert.component.html',
|
|
1990
|
-
styleUrls: ['./page-summary-alert.component.scss']
|
|
2021
|
+
styleUrls: ['./page-summary-alert.component.scss'],
|
|
1991
2022
|
}]
|
|
1992
2023
|
}] });
|
|
1993
2024
|
|
|
@@ -1998,14 +2029,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
1998
2029
|
/* Code coverage having problems with no statements in classes */
|
|
1999
2030
|
class SkyPageSummaryContentComponent {
|
|
2000
2031
|
}
|
|
2001
|
-
SkyPageSummaryContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2002
|
-
SkyPageSummaryContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2032
|
+
SkyPageSummaryContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2033
|
+
SkyPageSummaryContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryContentComponent, selector: "sky-page-summary-content", ngImport: i0, template: "<div class=\"sky-page-summary-content\">\n <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] });
|
|
2034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2004
2035
|
type: Component,
|
|
2005
2036
|
args: [{
|
|
2006
2037
|
selector: 'sky-page-summary-content',
|
|
2007
2038
|
templateUrl: './page-summary-content.component.html',
|
|
2008
|
-
styleUrls: ['./page-summary-content.component.scss']
|
|
2039
|
+
styleUrls: ['./page-summary-content.component.scss'],
|
|
2009
2040
|
}]
|
|
2010
2041
|
}] });
|
|
2011
2042
|
|
|
@@ -2017,14 +2048,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2017
2048
|
/* Code coverage having problems with no statements in classes */
|
|
2018
2049
|
class SkyPageSummaryImageComponent {
|
|
2019
2050
|
}
|
|
2020
|
-
SkyPageSummaryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2021
|
-
SkyPageSummaryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2051
|
+
SkyPageSummaryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2052
|
+
SkyPageSummaryImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryImageComponent, selector: "sky-page-summary-image", ngImport: i0, 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"] });
|
|
2053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2023
2054
|
type: Component,
|
|
2024
2055
|
args: [{
|
|
2025
2056
|
selector: 'sky-page-summary-image',
|
|
2026
2057
|
templateUrl: './page-summary-image.component.html',
|
|
2027
|
-
styleUrls: ['./page-summary-image.component.scss']
|
|
2058
|
+
styleUrls: ['./page-summary-image.component.scss'],
|
|
2028
2059
|
}]
|
|
2029
2060
|
}] });
|
|
2030
2061
|
|
|
@@ -2034,14 +2065,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2034
2065
|
*/
|
|
2035
2066
|
class SkyPageSummaryKeyInfoComponent {
|
|
2036
2067
|
}
|
|
2037
|
-
SkyPageSummaryKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2038
|
-
SkyPageSummaryKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2068
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2069
|
+
SkyPageSummaryKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryKeyInfoComponent, selector: "sky-page-summary-key-info", ngImport: i0, 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"] });
|
|
2070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2040
2071
|
type: Component,
|
|
2041
2072
|
args: [{
|
|
2042
2073
|
selector: 'sky-page-summary-key-info',
|
|
2043
2074
|
templateUrl: './page-summary-key-info.component.html',
|
|
2044
|
-
styleUrls: ['./page-summary-key-info.component.scss']
|
|
2075
|
+
styleUrls: ['./page-summary-key-info.component.scss'],
|
|
2045
2076
|
}]
|
|
2046
2077
|
}] });
|
|
2047
2078
|
|
|
@@ -2053,14 +2084,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2053
2084
|
/* Code coverage having problems with no statements in classes */
|
|
2054
2085
|
class SkyPageSummaryStatusComponent {
|
|
2055
2086
|
}
|
|
2056
|
-
SkyPageSummaryStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2057
|
-
SkyPageSummaryStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2087
|
+
SkyPageSummaryStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2088
|
+
SkyPageSummaryStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryStatusComponent, selector: "sky-page-summary-status", ngImport: i0, 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"] });
|
|
2089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2059
2090
|
type: Component,
|
|
2060
2091
|
args: [{
|
|
2061
2092
|
selector: 'sky-page-summary-status',
|
|
2062
2093
|
templateUrl: './page-summary-status.component.html',
|
|
2063
|
-
styleUrls: ['./page-summary-status.component.scss']
|
|
2094
|
+
styleUrls: ['./page-summary-status.component.scss'],
|
|
2064
2095
|
}]
|
|
2065
2096
|
}] });
|
|
2066
2097
|
|
|
@@ -2071,14 +2102,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2071
2102
|
/* Code coverage having problems with no statements in classes */
|
|
2072
2103
|
class SkyPageSummarySubtitleComponent {
|
|
2073
2104
|
}
|
|
2074
|
-
SkyPageSummarySubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2075
|
-
SkyPageSummarySubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2105
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummarySubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2106
|
+
SkyPageSummarySubtitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummarySubtitleComponent, selector: "sky-page-summary-subtitle", ngImport: i0, 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"] });
|
|
2107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2077
2108
|
type: Component,
|
|
2078
2109
|
args: [{
|
|
2079
2110
|
selector: 'sky-page-summary-subtitle',
|
|
2080
2111
|
templateUrl: './page-summary-subtitle.component.html',
|
|
2081
|
-
styleUrls: ['./page-summary-subtitle.component.scss']
|
|
2112
|
+
styleUrls: ['./page-summary-subtitle.component.scss'],
|
|
2082
2113
|
}]
|
|
2083
2114
|
}] });
|
|
2084
2115
|
|
|
@@ -2089,14 +2120,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2089
2120
|
/* Code coverage having problems with no statements in classes */
|
|
2090
2121
|
class SkyPageSummaryTitleComponent {
|
|
2091
2122
|
}
|
|
2092
|
-
SkyPageSummaryTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2093
|
-
SkyPageSummaryTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2123
|
+
SkyPageSummaryTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2124
|
+
SkyPageSummaryTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryTitleComponent, selector: "sky-page-summary-title", ngImport: i0, 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"] });
|
|
2125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2095
2126
|
type: Component,
|
|
2096
2127
|
args: [{
|
|
2097
2128
|
selector: 'sky-page-summary-title',
|
|
2098
2129
|
templateUrl: './page-summary-title.component.html',
|
|
2099
|
-
styleUrls: ['./page-summary-title.component.scss']
|
|
2130
|
+
styleUrls: ['./page-summary-title.component.scss'],
|
|
2100
2131
|
}]
|
|
2101
2132
|
}] });
|
|
2102
2133
|
|
|
@@ -2115,9 +2146,9 @@ class SkyPageSummaryAdapterService {
|
|
|
2115
2146
|
}
|
|
2116
2147
|
}
|
|
2117
2148
|
}
|
|
2118
|
-
SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2119
|
-
SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2149
|
+
SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2150
|
+
SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService });
|
|
2151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2121
2152
|
type: Injectable
|
|
2122
2153
|
}] });
|
|
2123
2154
|
|
|
@@ -2131,7 +2162,7 @@ class SkyPageSummaryComponent {
|
|
|
2131
2162
|
this.mediaQueryService = mediaQueryService;
|
|
2132
2163
|
}
|
|
2133
2164
|
get hasKeyInfo() {
|
|
2134
|
-
return
|
|
2165
|
+
return this.keyInfoComponents.length > 0;
|
|
2135
2166
|
}
|
|
2136
2167
|
ngAfterViewInit() {
|
|
2137
2168
|
this.breakpointSubscription = this.mediaQueryService.subscribe((args) => {
|
|
@@ -2146,25 +2177,27 @@ class SkyPageSummaryComponent {
|
|
|
2146
2177
|
}
|
|
2147
2178
|
}
|
|
2148
2179
|
}
|
|
2149
|
-
SkyPageSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2150
|
-
SkyPageSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2180
|
+
SkyPageSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryComponent, deps: [{ token: i0.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2181
|
+
SkyPageSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, read: SkyPageSummaryKeyInfoComponent }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryComponent, decorators: [{
|
|
2152
2183
|
type: Component,
|
|
2153
2184
|
args: [{
|
|
2154
2185
|
selector: 'sky-page-summary',
|
|
2155
2186
|
templateUrl: './page-summary.component.html',
|
|
2156
2187
|
styleUrls: ['./page-summary.component.scss'],
|
|
2157
|
-
providers: [SkyPageSummaryAdapterService]
|
|
2188
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2158
2189
|
}]
|
|
2159
2190
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2160
2191
|
type: ContentChildren,
|
|
2161
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2192
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2193
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2194
|
+
}]
|
|
2162
2195
|
}] } });
|
|
2163
2196
|
|
|
2164
2197
|
class SkyPageSummaryModule {
|
|
2165
2198
|
}
|
|
2166
|
-
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2167
|
-
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2199
|
+
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2200
|
+
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2168
2201
|
SkyPageSummaryComponent,
|
|
2169
2202
|
SkyPageSummaryContentComponent,
|
|
2170
2203
|
SkyPageSummaryImageComponent,
|
|
@@ -2179,10 +2212,8 @@ SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
|
|
|
2179
2212
|
SkyPageSummaryStatusComponent,
|
|
2180
2213
|
SkyPageSummarySubtitleComponent,
|
|
2181
2214
|
SkyPageSummaryTitleComponent] });
|
|
2182
|
-
SkyPageSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2183
|
-
|
|
2184
|
-
]] });
|
|
2185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2215
|
+
SkyPageSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, imports: [[CommonModule]] });
|
|
2216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2186
2217
|
type: NgModule,
|
|
2187
2218
|
args: [{
|
|
2188
2219
|
declarations: [
|
|
@@ -2193,11 +2224,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2193
2224
|
SkyPageSummaryKeyInfoComponent,
|
|
2194
2225
|
SkyPageSummaryStatusComponent,
|
|
2195
2226
|
SkyPageSummarySubtitleComponent,
|
|
2196
|
-
SkyPageSummaryTitleComponent
|
|
2197
|
-
],
|
|
2198
|
-
imports: [
|
|
2199
|
-
CommonModule
|
|
2227
|
+
SkyPageSummaryTitleComponent,
|
|
2200
2228
|
],
|
|
2229
|
+
imports: [CommonModule],
|
|
2201
2230
|
exports: [
|
|
2202
2231
|
SkyPageSummaryAlertComponent,
|
|
2203
2232
|
SkyPageSummaryComponent,
|
|
@@ -2206,8 +2235,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2206
2235
|
SkyPageSummaryKeyInfoComponent,
|
|
2207
2236
|
SkyPageSummaryStatusComponent,
|
|
2208
2237
|
SkyPageSummarySubtitleComponent,
|
|
2209
|
-
SkyPageSummaryTitleComponent
|
|
2210
|
-
]
|
|
2238
|
+
SkyPageSummaryTitleComponent,
|
|
2239
|
+
],
|
|
2211
2240
|
}]
|
|
2212
2241
|
}] });
|
|
2213
2242
|
|
|
@@ -2234,9 +2263,9 @@ class SkyTextExpandAdapterService {
|
|
|
2234
2263
|
textEl.nativeElement.textContent = text;
|
|
2235
2264
|
}
|
|
2236
2265
|
}
|
|
2237
|
-
SkyTextExpandAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2238
|
-
SkyTextExpandAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2266
|
+
SkyTextExpandAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2267
|
+
SkyTextExpandAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService });
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService, decorators: [{
|
|
2240
2269
|
type: Injectable
|
|
2241
2270
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2242
2271
|
|
|
@@ -2258,14 +2287,14 @@ class SkyTextExpandModalComponent {
|
|
|
2258
2287
|
this.instance.close();
|
|
2259
2288
|
}
|
|
2260
2289
|
}
|
|
2261
|
-
SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2262
|
-
SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2290
|
+
SkyTextExpandModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2$2.SkyModalInstance }], target: i0.ɵɵFactoryTarget.Component });
|
|
2291
|
+
SkyTextExpandModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0, 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$2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2$2.λ4, selector: "sky-modal-header" }, { type: i2$2.λ2, selector: "sky-modal-content" }, { type: i2$2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i1$1.SkyLibResourcesPipe } });
|
|
2292
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
|
|
2264
2293
|
type: Component,
|
|
2265
2294
|
args: [{
|
|
2266
2295
|
selector: 'sky-text-expand-modal',
|
|
2267
2296
|
templateUrl: './text-expand-modal.component.html',
|
|
2268
|
-
styleUrls: ['./text-expand.component.scss']
|
|
2297
|
+
styleUrls: ['./text-expand.component.scss'],
|
|
2269
2298
|
}]
|
|
2270
2299
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2$2.SkyModalInstance }]; } });
|
|
2271
2300
|
|
|
@@ -2334,9 +2363,9 @@ class SkyTextExpandComponent {
|
|
|
2334
2363
|
provide: SkyTextExpandModalContext,
|
|
2335
2364
|
useValue: {
|
|
2336
2365
|
header: this.expandModalTitle,
|
|
2337
|
-
text: this.expandedText
|
|
2338
|
-
}
|
|
2339
|
-
}
|
|
2366
|
+
text: this.expandedText,
|
|
2367
|
+
},
|
|
2368
|
+
},
|
|
2340
2369
|
]);
|
|
2341
2370
|
}
|
|
2342
2371
|
}
|
|
@@ -2346,16 +2375,14 @@ class SkyTextExpandComponent {
|
|
|
2346
2375
|
this.setContainerMaxHeight();
|
|
2347
2376
|
setTimeout(() => {
|
|
2348
2377
|
this.isExpanded = true;
|
|
2349
|
-
this
|
|
2350
|
-
.animateText(this.collapsedText, this.expandedText, true);
|
|
2378
|
+
this.animateText(this.collapsedText, this.expandedText, true);
|
|
2351
2379
|
}, 10);
|
|
2352
2380
|
}
|
|
2353
2381
|
else {
|
|
2354
2382
|
this.setContainerMaxHeight();
|
|
2355
2383
|
setTimeout(() => {
|
|
2356
2384
|
this.isExpanded = false;
|
|
2357
|
-
this
|
|
2358
|
-
.animateText(this.expandedText, this.collapsedText, false);
|
|
2385
|
+
this.animateText(this.expandedText, this.collapsedText, false);
|
|
2359
2386
|
}, 10);
|
|
2360
2387
|
}
|
|
2361
2388
|
}
|
|
@@ -2369,18 +2396,19 @@ class SkyTextExpandComponent {
|
|
|
2369
2396
|
ngAfterContentInit() {
|
|
2370
2397
|
forkJoin([
|
|
2371
2398
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2372
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2399
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2373
2400
|
])
|
|
2374
2401
|
.pipe(take(1))
|
|
2375
|
-
.subscribe(resources => {
|
|
2402
|
+
.subscribe((resources) => {
|
|
2376
2403
|
this.seeMoreText = resources[0];
|
|
2377
2404
|
this.seeLessText = resources[1];
|
|
2378
2405
|
this.setup(this.expandedText);
|
|
2379
2406
|
/* istanbul ignore else */
|
|
2380
2407
|
if (!this.expandModalTitle) {
|
|
2381
|
-
this.resources
|
|
2408
|
+
this.resources
|
|
2409
|
+
.getString('skyux_text_expand_modal_title')
|
|
2382
2410
|
.pipe(take(1))
|
|
2383
|
-
.subscribe(resource => {
|
|
2411
|
+
.subscribe((resource) => {
|
|
2384
2412
|
this.expandModalTitle = resource;
|
|
2385
2413
|
});
|
|
2386
2414
|
}
|
|
@@ -2403,8 +2431,9 @@ class SkyTextExpandComponent {
|
|
|
2403
2431
|
this.buttonText = this.seeMoreText;
|
|
2404
2432
|
this.isExpanded = false;
|
|
2405
2433
|
this.expandable = true;
|
|
2406
|
-
this.isModal =
|
|
2407
|
-
|
|
2434
|
+
this.isModal =
|
|
2435
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
2436
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2408
2437
|
}
|
|
2409
2438
|
else {
|
|
2410
2439
|
this.expandable = false;
|
|
@@ -2472,19 +2501,15 @@ class SkyTextExpandComponent {
|
|
|
2472
2501
|
}, 10);
|
|
2473
2502
|
}
|
|
2474
2503
|
}
|
|
2475
|
-
SkyTextExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2476
|
-
SkyTextExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2477
|
-
|
|
2478
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2504
|
+
SkyTextExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandComponent, deps: [{ token: i1$1.SkyLibResourcesService }, { token: i2$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2505
|
+
SkyTextExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: ElementRef, static: true }], ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2480
2507
|
type: Component,
|
|
2481
2508
|
args: [{
|
|
2482
2509
|
selector: 'sky-text-expand',
|
|
2483
2510
|
templateUrl: './text-expand.component.html',
|
|
2484
2511
|
styleUrls: ['./text-expand.component.scss'],
|
|
2485
|
-
providers: [
|
|
2486
|
-
SkyTextExpandAdapterService
|
|
2487
|
-
]
|
|
2512
|
+
providers: [SkyTextExpandAdapterService],
|
|
2488
2513
|
}]
|
|
2489
2514
|
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i2$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
2490
2515
|
type: Input
|
|
@@ -2502,49 +2527,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2502
2527
|
type: ViewChild,
|
|
2503
2528
|
args: ['container', {
|
|
2504
2529
|
read: ElementRef,
|
|
2505
|
-
static: true
|
|
2530
|
+
static: true,
|
|
2506
2531
|
}]
|
|
2507
2532
|
}], textEl: [{
|
|
2508
2533
|
type: ViewChild,
|
|
2509
2534
|
args: ['text', {
|
|
2510
2535
|
read: ElementRef,
|
|
2511
|
-
static: true
|
|
2536
|
+
static: true,
|
|
2512
2537
|
}]
|
|
2513
2538
|
}] } });
|
|
2514
2539
|
|
|
2515
2540
|
class SkyTextExpandModule {
|
|
2516
2541
|
}
|
|
2517
|
-
SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2518
|
-
SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2519
|
-
SkyTextExpandModalComponent], imports: [SkyI18nModule,
|
|
2542
|
+
SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2543
|
+
SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [SkyI18nModule,
|
|
2520
2544
|
SkyLayoutResourcesModule,
|
|
2521
2545
|
SkyModalModule,
|
|
2522
2546
|
CommonModule], exports: [SkyTextExpandComponent] });
|
|
2523
|
-
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2547
|
+
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, imports: [[
|
|
2524
2548
|
SkyI18nModule,
|
|
2525
2549
|
SkyLayoutResourcesModule,
|
|
2526
2550
|
SkyModalModule,
|
|
2527
|
-
CommonModule
|
|
2551
|
+
CommonModule,
|
|
2528
2552
|
]] });
|
|
2529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, decorators: [{
|
|
2530
2554
|
type: NgModule,
|
|
2531
2555
|
args: [{
|
|
2532
|
-
declarations: [
|
|
2533
|
-
SkyTextExpandComponent,
|
|
2534
|
-
SkyTextExpandModalComponent
|
|
2535
|
-
],
|
|
2556
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
2536
2557
|
imports: [
|
|
2537
2558
|
SkyI18nModule,
|
|
2538
2559
|
SkyLayoutResourcesModule,
|
|
2539
2560
|
SkyModalModule,
|
|
2540
|
-
CommonModule
|
|
2541
|
-
],
|
|
2542
|
-
exports: [
|
|
2543
|
-
SkyTextExpandComponent
|
|
2561
|
+
CommonModule,
|
|
2544
2562
|
],
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
]
|
|
2563
|
+
exports: [SkyTextExpandComponent],
|
|
2564
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
2548
2565
|
}]
|
|
2549
2566
|
}] });
|
|
2550
2567
|
|
|
@@ -2577,9 +2594,9 @@ class SkyTextExpandRepeaterAdapterService {
|
|
|
2577
2594
|
}
|
|
2578
2595
|
}
|
|
2579
2596
|
}
|
|
2580
|
-
SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2581
|
-
SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2582
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2597
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2598
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService });
|
|
2599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
2583
2600
|
type: Injectable
|
|
2584
2601
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2585
2602
|
|
|
@@ -2610,10 +2627,10 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2610
2627
|
}
|
|
2611
2628
|
forkJoin([
|
|
2612
2629
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2613
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2630
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2614
2631
|
])
|
|
2615
2632
|
.pipe(take(1))
|
|
2616
|
-
.subscribe(resources => {
|
|
2633
|
+
.subscribe((resources) => {
|
|
2617
2634
|
this.seeMoreText = resources[0];
|
|
2618
2635
|
this.seeLessText = resources[1];
|
|
2619
2636
|
/* sanity check */
|
|
@@ -2724,19 +2741,15 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2724
2741
|
}
|
|
2725
2742
|
}
|
|
2726
2743
|
}
|
|
2727
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2728
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2729
|
-
|
|
2730
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-text-expand-repeater\">\n <ul *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\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ul>\n <ol *ngIf=\"listStyle === 'ordered'\"\n class=\"sky-text-expand-repeater-container\"\n [id]=\"contentSectionId\"\n (transitionend)=\"animationEnd()\"\n #container\n >\n <ng-template\n [ngTemplateOutlet]=\"listItemTemplate\"\n ></ng-template>\n </ol>\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 [ngClass]=\"{\n 'sky-text-expand-repeater-see-more-list-style-none' : listStyle === 'unstyled'\n }\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n\n<ng-template\n #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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2744
|
+
SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1$1.SkyLibResourcesService }, { token: i0.ElementRef }, { token: SkyTextExpandRepeaterAdapterService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2745
|
+
SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: ElementRef }], usesOnChanges: true, ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2732
2747
|
type: Component,
|
|
2733
2748
|
args: [{
|
|
2734
2749
|
selector: 'sky-text-expand-repeater',
|
|
2735
2750
|
templateUrl: './text-expand-repeater.component.html',
|
|
2736
2751
|
styleUrls: ['./text-expand-repeater.component.scss'],
|
|
2737
|
-
providers: [
|
|
2738
|
-
SkyTextExpandRepeaterAdapterService
|
|
2739
|
-
]
|
|
2752
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
2740
2753
|
}]
|
|
2741
2754
|
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i0.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
2742
2755
|
type: Input
|
|
@@ -2750,35 +2763,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2750
2763
|
type: ViewChild,
|
|
2751
2764
|
args: ['container', {
|
|
2752
2765
|
read: ElementRef,
|
|
2753
|
-
static: false
|
|
2766
|
+
static: false,
|
|
2754
2767
|
}]
|
|
2755
2768
|
}] } });
|
|
2756
2769
|
|
|
2757
2770
|
class SkyTextExpandRepeaterModule {
|
|
2758
2771
|
}
|
|
2759
|
-
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2760
|
-
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[
|
|
2764
|
-
SkyI18nModule,
|
|
2765
|
-
SkyLayoutResourcesModule,
|
|
2766
|
-
CommonModule
|
|
2767
|
-
]] });
|
|
2768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2772
|
+
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2773
|
+
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
2774
|
+
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[SkyI18nModule, SkyLayoutResourcesModule, CommonModule]] });
|
|
2775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2769
2776
|
type: NgModule,
|
|
2770
2777
|
args: [{
|
|
2771
|
-
declarations: [
|
|
2772
|
-
|
|
2773
|
-
],
|
|
2774
|
-
imports: [
|
|
2775
|
-
SkyI18nModule,
|
|
2776
|
-
SkyLayoutResourcesModule,
|
|
2777
|
-
CommonModule
|
|
2778
|
-
],
|
|
2779
|
-
exports: [
|
|
2780
|
-
SkyTextExpandRepeaterComponent
|
|
2781
|
-
]
|
|
2778
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
2779
|
+
imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],
|
|
2780
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
2782
2781
|
}]
|
|
2783
2782
|
}] });
|
|
2784
2783
|
|
|
@@ -2787,14 +2786,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2787
2786
|
*/
|
|
2788
2787
|
class SkyToolbarSectionComponent {
|
|
2789
2788
|
}
|
|
2790
|
-
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2791
|
-
SkyToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2789
|
+
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2790
|
+
SkyToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0, 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"] });
|
|
2791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
2793
2792
|
type: Component,
|
|
2794
2793
|
args: [{
|
|
2795
2794
|
selector: 'sky-toolbar-section',
|
|
2796
2795
|
styleUrls: ['./toolbar-section.component.scss'],
|
|
2797
|
-
templateUrl: './toolbar-section.component.html'
|
|
2796
|
+
templateUrl: './toolbar-section.component.html',
|
|
2798
2797
|
}]
|
|
2799
2798
|
}] });
|
|
2800
2799
|
|
|
@@ -2809,14 +2808,14 @@ class SkyToolbarComponent {
|
|
|
2809
2808
|
this.hasSections = this.sectionComponents.length > 0;
|
|
2810
2809
|
}
|
|
2811
2810
|
}
|
|
2812
|
-
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2813
|
-
SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2811
|
+
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2812
|
+
SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
2813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
2815
2814
|
type: Component,
|
|
2816
2815
|
args: [{
|
|
2817
2816
|
selector: 'sky-toolbar',
|
|
2818
2817
|
styleUrls: ['./toolbar.component.scss'],
|
|
2819
|
-
templateUrl: './toolbar.component.html'
|
|
2818
|
+
templateUrl: './toolbar.component.html',
|
|
2820
2819
|
}]
|
|
2821
2820
|
}], propDecorators: { sectionComponents: [{
|
|
2822
2821
|
type: ContentChildren,
|
|
@@ -2828,14 +2827,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2828
2827
|
*/
|
|
2829
2828
|
class SkyToolbarItemComponent {
|
|
2830
2829
|
}
|
|
2831
|
-
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2832
|
-
SkyToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2833
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2830
|
+
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2831
|
+
SkyToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0, 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"] });
|
|
2832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
2834
2833
|
type: Component,
|
|
2835
2834
|
args: [{
|
|
2836
2835
|
selector: 'sky-toolbar-item',
|
|
2837
2836
|
styleUrls: ['./toolbar-item.component.scss'],
|
|
2838
|
-
templateUrl: './toolbar-item.component.html'
|
|
2837
|
+
templateUrl: './toolbar-item.component.html',
|
|
2839
2838
|
}]
|
|
2840
2839
|
}] });
|
|
2841
2840
|
|
|
@@ -2845,49 +2844,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2845
2844
|
*/
|
|
2846
2845
|
class SkyToolbarViewActionsComponent {
|
|
2847
2846
|
}
|
|
2848
|
-
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2849
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2847
|
+
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2848
|
+
SkyToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0, 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.ChangeDetectionStrategy.OnPush });
|
|
2849
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
2851
2850
|
type: Component,
|
|
2852
2851
|
args: [{
|
|
2853
2852
|
selector: 'sky-toolbar-view-actions',
|
|
2854
2853
|
templateUrl: './toolbar-view-actions.component.html',
|
|
2855
2854
|
styleUrls: ['./toolbar-view-actions.component.scss'],
|
|
2856
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
2855
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2857
2856
|
}]
|
|
2858
2857
|
}] });
|
|
2859
2858
|
|
|
2860
2859
|
class SkyToolbarModule {
|
|
2861
2860
|
}
|
|
2862
|
-
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2863
|
-
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2861
|
+
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2862
|
+
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
2864
2863
|
SkyToolbarItemComponent,
|
|
2865
2864
|
SkyToolbarSectionComponent,
|
|
2866
2865
|
SkyToolbarViewActionsComponent], imports: [CommonModule], exports: [SkyToolbarComponent,
|
|
2867
2866
|
SkyToolbarItemComponent,
|
|
2868
2867
|
SkyToolbarSectionComponent,
|
|
2869
2868
|
SkyToolbarViewActionsComponent] });
|
|
2870
|
-
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2871
|
-
|
|
2872
|
-
]] });
|
|
2873
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2869
|
+
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, imports: [[CommonModule]] });
|
|
2870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2874
2871
|
type: NgModule,
|
|
2875
2872
|
args: [{
|
|
2876
2873
|
declarations: [
|
|
2877
2874
|
SkyToolbarComponent,
|
|
2878
2875
|
SkyToolbarItemComponent,
|
|
2879
2876
|
SkyToolbarSectionComponent,
|
|
2880
|
-
SkyToolbarViewActionsComponent
|
|
2881
|
-
],
|
|
2882
|
-
imports: [
|
|
2883
|
-
CommonModule
|
|
2877
|
+
SkyToolbarViewActionsComponent,
|
|
2884
2878
|
],
|
|
2879
|
+
imports: [CommonModule],
|
|
2885
2880
|
exports: [
|
|
2886
2881
|
SkyToolbarComponent,
|
|
2887
2882
|
SkyToolbarItemComponent,
|
|
2888
2883
|
SkyToolbarSectionComponent,
|
|
2889
|
-
SkyToolbarViewActionsComponent
|
|
2890
|
-
]
|
|
2884
|
+
SkyToolbarViewActionsComponent,
|
|
2885
|
+
],
|
|
2891
2886
|
}]
|
|
2892
2887
|
}] });
|
|
2893
2888
|
|
|
@@ -2895,5 +2890,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImpo
|
|
|
2895
2890
|
* Generated bundle index. Do not edit.
|
|
2896
2891
|
*/
|
|
2897
2892
|
|
|
2898
|
-
export { SkyActionButtonModule, SkyBackToTopMessageType, SkyBackToTopModule, SkyCardModule, SkyDefinitionListModule, SkyDescriptionListMode, SkyDescriptionListModule, SkyFluidGridGutterSize, SkyFluidGridModule, SkyFormatModule, SkyInlineDeleteModule, SkyInlineDeleteType, SkyPageModule, SkyPageSummaryModule, SkyTextExpandModule, SkyTextExpandRepeaterModule, SkyToolbarModule, SkyActionButtonComponent as λ1, SkyCardActionsComponent as λ10, SkyCardContentComponent as λ11, SkyCardTitleComponent as λ12, SkyDefinitionListComponent as λ13, SkyDefinitionListContentComponent as λ14, SkyDefinitionListHeadingComponent as λ15, SkyDefinitionListLabelComponent as λ16, SkyDefinitionListValueComponent as λ17, SkyDescriptionListComponent as λ18, SkyDescriptionListTermComponent as λ19, SkyActionButtonContainerComponent as λ2, SkyDescriptionListDescriptionComponent as λ20, SkyDescriptionListContentComponent as λ21, SkyFluidGridComponent as λ22, SkyRowComponent as λ23, SkyColumnComponent as λ24, SkyFormatComponent as λ25, SkyPageComponent as λ26, SkyPageSummaryComponent as λ27, SkyPageSummaryAlertComponent as λ28, SkyPageSummaryContentComponent as λ29, SkyActionButtonDetailsComponent as λ3, SkyPageSummaryImageComponent as λ30, SkyPageSummaryKeyInfoComponent as λ31, SkyPageSummaryStatusComponent as λ32, SkyPageSummarySubtitleComponent as λ33, SkyPageSummaryTitleComponent as λ34, SkyTextExpandComponent as λ35, SkyTextExpandRepeaterComponent as λ36, SkyToolbarComponent as λ37, SkyToolbarSectionComponent as λ38, SkyToolbarItemComponent as λ39, SkyActionButtonHeaderComponent as λ4, SkyToolbarViewActionsComponent as λ40, SkyActionButtonIconComponent as λ5, SkyBackToTopComponent as λ6, SkyBackToTopDirective as λ7, SkyInlineDeleteComponent as λ8, SkyCardComponent as λ9 };
|
|
2893
|
+
export { SkyActionButtonModule, SkyBackToTopMessageType, SkyBackToTopModule, SkyBoxModule, SkyCardModule, SkyDefinitionListModule, SkyDescriptionListMode, SkyDescriptionListModule, SkyFluidGridGutterSize, SkyFluidGridModule, SkyFormatModule, SkyInlineDeleteModule, SkyInlineDeleteType, SkyPageModule, SkyPageSummaryModule, SkyTextExpandModule, SkyTextExpandRepeaterModule, SkyToolbarModule, SkyActionButtonComponent as λ1, SkyCardActionsComponent as λ10, SkyCardContentComponent as λ11, SkyCardTitleComponent as λ12, SkyDefinitionListComponent as λ13, SkyDefinitionListContentComponent as λ14, SkyDefinitionListHeadingComponent as λ15, SkyDefinitionListLabelComponent as λ16, SkyDefinitionListValueComponent as λ17, SkyDescriptionListComponent as λ18, SkyDescriptionListTermComponent as λ19, SkyActionButtonContainerComponent as λ2, SkyDescriptionListDescriptionComponent as λ20, SkyDescriptionListContentComponent as λ21, SkyFluidGridComponent as λ22, SkyRowComponent as λ23, SkyColumnComponent as λ24, SkyFormatComponent as λ25, SkyPageComponent as λ26, SkyPageSummaryComponent as λ27, SkyPageSummaryAlertComponent as λ28, SkyPageSummaryContentComponent as λ29, SkyActionButtonDetailsComponent as λ3, SkyPageSummaryImageComponent as λ30, SkyPageSummaryKeyInfoComponent as λ31, SkyPageSummaryStatusComponent as λ32, SkyPageSummarySubtitleComponent as λ33, SkyPageSummaryTitleComponent as λ34, SkyTextExpandComponent as λ35, SkyTextExpandRepeaterComponent as λ36, SkyToolbarComponent as λ37, SkyToolbarSectionComponent as λ38, SkyToolbarItemComponent as λ39, SkyActionButtonHeaderComponent as λ4, SkyToolbarViewActionsComponent as λ40, SkyBoxComponent as λ41, SkyBoxHeaderComponent as λ42, SkyBoxContentComponent as λ43, SkyBoxControlsComponent as λ44, SkyActionButtonIconComponent as λ5, SkyBackToTopComponent as λ6, SkyBackToTopDirective as λ7, SkyInlineDeleteComponent as λ8, SkyCardComponent as λ9 };
|
|
2899
2894
|
//# sourceMappingURL=skyux-layout.js.map
|