@skyux/layout 5.0.0 → 5.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-layout-testing.umd.js +10 -5
- package/bundles/skyux-layout-testing.umd.js.map +1 -1
- package/bundles/skyux-layout.umd.js +687 -648
- package/bundles/skyux-layout.umd.js.map +1 -1
- package/documentation.json +936 -436
- 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 +31 -12
- package/esm2015/modules/text-expand/text-expand-adapter.service.js +5 -5
- package/esm2015/modules/text-expand/text-expand-modal.component.js +5 -5
- package/esm2015/modules/text-expand/text-expand.component.js +21 -25
- package/esm2015/modules/text-expand/text-expand.module.js +10 -18
- package/esm2015/modules/text-expand-repeater/text-expand-repeater-adapter.service.js +5 -5
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.component.js +16 -13
- package/esm2015/modules/text-expand-repeater/text-expand-repeater.module.js +8 -22
- package/esm2015/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.js +2 -0
- package/esm2015/modules/toolbar/toolbar-item.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-section.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar-view-actions.component.js +5 -5
- package/esm2015/modules/toolbar/toolbar.component.js +6 -6
- package/esm2015/modules/toolbar/toolbar.module.js +9 -13
- package/esm2015/public-api.js +7 -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 +534 -513
- 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/modules/text-expand-repeater/text-expand-repeater.component.d.ts +7 -1
- package/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.d.ts +1 -0
- package/package.json +13 -13
- package/public-api.d.ts +6 -0
package/fesm2015/skyux-layout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as i3 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
4
|
import { Injectable, EventEmitter, Component, ViewEncapsulation, Input, Output, ElementRef, Optional, ContentChildren, ViewChild, HostListener, NgModule, ChangeDetectionStrategy, Directive, TemplateRef, HostBinding } from '@angular/core';
|
|
@@ -8,17 +8,17 @@ import * as i2$1 from '@skyux/indicators';
|
|
|
8
8
|
import { SkyIconModule, SkyWaitModule } from '@skyux/indicators';
|
|
9
9
|
import * as i4 from '@skyux/router';
|
|
10
10
|
import { SkyHrefModule } from '@skyux/router';
|
|
11
|
-
import * as i3 from '@skyux/theme';
|
|
11
|
+
import * as i3$1 from '@skyux/theme';
|
|
12
12
|
import { SkyThemeModule } from '@skyux/theme';
|
|
13
13
|
import { takeUntil, map, take } from 'rxjs/operators';
|
|
14
14
|
import { Subject, fromEvent, BehaviorSubject, forkJoin } from 'rxjs';
|
|
15
|
-
import * as i1
|
|
15
|
+
import * as i1 from '@skyux/core';
|
|
16
16
|
import { SkyMediaBreakpoints, SkyDockModule, SkyCoreAdapterService } from '@skyux/core';
|
|
17
|
-
import * as i1$
|
|
17
|
+
import * as i1$1 from '@skyux/i18n';
|
|
18
18
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
19
|
-
import * as i3$
|
|
19
|
+
import * as i3$2 from '@angular/forms';
|
|
20
20
|
import { FormsModule } from '@angular/forms';
|
|
21
|
-
import * as i1$
|
|
21
|
+
import * as i1$2 from '@skyux/forms';
|
|
22
22
|
import { SkyCheckboxModule } from '@skyux/forms';
|
|
23
23
|
import { trigger, transition, style, query, group, animate } from '@angular/animations';
|
|
24
24
|
import * as i2$2 from '@skyux/modals';
|
|
@@ -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,22 +201,18 @@ 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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", 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
|
-
}], ctorParameters: function () { return [{ type: SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i1
|
|
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
|
|
221
217
|
}] }]; }, propDecorators: { alignItems: [{
|
|
222
218
|
type: Input
|
|
@@ -227,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
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.7", ngImpor
|
|
|
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.7", ngImpor
|
|
|
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,23 +287,23 @@ 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
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
299
|
+
}], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
304
300
|
type: Input
|
|
305
301
|
}] } });
|
|
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.7", ngImpor
|
|
|
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,19 +419,19 @@ 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
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
434
|
+
}], ctorParameters: function () { return [{ type: i1.SkyAppWindowRef }]; } });
|
|
440
435
|
|
|
441
436
|
/**
|
|
442
437
|
* @internal
|
|
@@ -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,19 +562,15 @@ 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.7", 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
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
573
|
+
}], ctorParameters: function () { return [{ type: i1.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0.ElementRef }]; }, propDecorators: { skyBackToTop: [{
|
|
581
574
|
type: Input
|
|
582
575
|
}], skyBackToTopMessageStream: [{
|
|
583
576
|
type: Input
|
|
@@ -590,7 +583,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
590
583
|
* To update this file, simply rerun the command.
|
|
591
584
|
*/
|
|
592
585
|
const RESOURCES = {
|
|
593
|
-
'EN-US': {
|
|
586
|
+
'EN-US': {
|
|
587
|
+
skyux_back_to_top: { message: 'Back to top' },
|
|
588
|
+
skyux_card_checkbox_label: { message: 'Select card' },
|
|
589
|
+
skyux_definition_list_none_found: { message: 'None found' },
|
|
590
|
+
skyux_description_list_none_found: { message: 'None found' },
|
|
591
|
+
skyux_inline_delete_assistive_text: {
|
|
592
|
+
message: 'Are you sure you want to delete this item?',
|
|
593
|
+
},
|
|
594
|
+
skyux_inline_delete_cancel: { message: 'Cancel' },
|
|
595
|
+
skyux_inline_delete_confirm_deletion: { message: 'Confirm deletion' },
|
|
596
|
+
skyux_inline_delete_delete: { message: 'Delete' },
|
|
597
|
+
skyux_text_expand_close_text: { message: 'Close' },
|
|
598
|
+
skyux_text_expand_modal_title: { message: 'Expanded view' },
|
|
599
|
+
skyux_text_expand_see_less: { message: 'See less' },
|
|
600
|
+
skyux_text_expand_see_more: { message: 'See more' },
|
|
601
|
+
},
|
|
594
602
|
};
|
|
595
603
|
class SkyLayoutResourcesProvider {
|
|
596
604
|
getString(localeInfo, name) {
|
|
@@ -602,60 +610,152 @@ class SkyLayoutResourcesProvider {
|
|
|
602
610
|
*/
|
|
603
611
|
class SkyLayoutResourcesModule {
|
|
604
612
|
}
|
|
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.
|
|
613
|
+
SkyLayoutResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
614
|
+
SkyLayoutResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, exports: [SkyI18nModule] });
|
|
615
|
+
SkyLayoutResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, providers: [
|
|
616
|
+
{
|
|
608
617
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
609
618
|
useClass: SkyLayoutResourcesProvider,
|
|
610
|
-
multi: true
|
|
611
|
-
}
|
|
612
|
-
|
|
619
|
+
multi: true,
|
|
620
|
+
},
|
|
621
|
+
], imports: [SkyI18nModule] });
|
|
622
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLayoutResourcesModule, decorators: [{
|
|
613
623
|
type: NgModule,
|
|
614
624
|
args: [{
|
|
615
625
|
exports: [SkyI18nModule],
|
|
616
|
-
providers: [
|
|
626
|
+
providers: [
|
|
627
|
+
{
|
|
617
628
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
618
629
|
useClass: SkyLayoutResourcesProvider,
|
|
619
|
-
multi: true
|
|
620
|
-
}
|
|
630
|
+
multi: true,
|
|
631
|
+
},
|
|
632
|
+
],
|
|
621
633
|
}]
|
|
622
634
|
}] });
|
|
623
635
|
|
|
624
636
|
class SkyBackToTopModule {
|
|
625
637
|
}
|
|
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,
|
|
638
|
+
SkyBackToTopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
639
|
+
SkyBackToTopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [CommonModule,
|
|
629
640
|
SkyDockModule,
|
|
630
641
|
SkyI18nModule,
|
|
631
|
-
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent,
|
|
632
|
-
|
|
633
|
-
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
642
|
+
SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
|
|
643
|
+
SkyBackToTopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, imports: [[
|
|
634
644
|
CommonModule,
|
|
635
645
|
SkyDockModule,
|
|
636
646
|
SkyI18nModule,
|
|
637
|
-
SkyLayoutResourcesModule
|
|
647
|
+
SkyLayoutResourcesModule,
|
|
638
648
|
]] });
|
|
639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBackToTopModule, decorators: [{
|
|
640
650
|
type: NgModule,
|
|
641
651
|
args: [{
|
|
642
|
-
declarations: [
|
|
643
|
-
SkyBackToTopComponent,
|
|
644
|
-
SkyBackToTopDirective
|
|
645
|
-
],
|
|
652
|
+
declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
646
653
|
imports: [
|
|
647
654
|
CommonModule,
|
|
648
655
|
SkyDockModule,
|
|
649
656
|
SkyI18nModule,
|
|
650
|
-
SkyLayoutResourcesModule
|
|
657
|
+
SkyLayoutResourcesModule,
|
|
651
658
|
],
|
|
659
|
+
exports: [SkyBackToTopComponent, SkyBackToTopDirective],
|
|
660
|
+
entryComponents: [SkyBackToTopComponent],
|
|
661
|
+
}]
|
|
662
|
+
}] });
|
|
663
|
+
|
|
664
|
+
/**
|
|
665
|
+
* Specifies the body content to display inside the box and provides padding around that content.
|
|
666
|
+
*/
|
|
667
|
+
class SkyBoxContentComponent {
|
|
668
|
+
}
|
|
669
|
+
SkyBoxContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
670
|
+
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"] }] });
|
|
671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxContentComponent, decorators: [{
|
|
672
|
+
type: Component,
|
|
673
|
+
args: [{
|
|
674
|
+
selector: 'sky-box-content',
|
|
675
|
+
templateUrl: './box-content.component.html',
|
|
676
|
+
}]
|
|
677
|
+
}] });
|
|
678
|
+
|
|
679
|
+
/**
|
|
680
|
+
* Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
|
|
681
|
+
*/
|
|
682
|
+
class SkyBoxControlsComponent {
|
|
683
|
+
}
|
|
684
|
+
SkyBoxControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
685
|
+
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" });
|
|
686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
|
|
687
|
+
type: Component,
|
|
688
|
+
args: [{
|
|
689
|
+
selector: 'sky-box-controls',
|
|
690
|
+
templateUrl: './box-controls.component.html',
|
|
691
|
+
}]
|
|
692
|
+
}] });
|
|
693
|
+
|
|
694
|
+
/**
|
|
695
|
+
* Specifies a header for the box.
|
|
696
|
+
*/
|
|
697
|
+
class SkyBoxHeaderComponent {
|
|
698
|
+
}
|
|
699
|
+
SkyBoxHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
700
|
+
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" });
|
|
701
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxHeaderComponent, decorators: [{
|
|
702
|
+
type: Component,
|
|
703
|
+
args: [{
|
|
704
|
+
selector: 'sky-box-header',
|
|
705
|
+
templateUrl: './box-header.component.html',
|
|
706
|
+
}]
|
|
707
|
+
}] });
|
|
708
|
+
|
|
709
|
+
/**
|
|
710
|
+
* 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.
|
|
711
|
+
*/
|
|
712
|
+
class SkyBoxComponent {
|
|
713
|
+
}
|
|
714
|
+
SkyBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
715
|
+
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 });
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxComponent, decorators: [{
|
|
717
|
+
type: Component,
|
|
718
|
+
args: [{
|
|
719
|
+
selector: 'sky-box',
|
|
720
|
+
templateUrl: './box.component.html',
|
|
721
|
+
styleUrls: ['./box.component.scss'],
|
|
722
|
+
encapsulation: ViewEncapsulation.None,
|
|
723
|
+
}]
|
|
724
|
+
}], propDecorators: { ariaLabel: [{
|
|
725
|
+
type: Input
|
|
726
|
+
}], ariaLabelledBy: [{
|
|
727
|
+
type: Input
|
|
728
|
+
}], ariaRole: [{
|
|
729
|
+
type: Input
|
|
730
|
+
}] } });
|
|
731
|
+
|
|
732
|
+
class SkyBoxModule {
|
|
733
|
+
}
|
|
734
|
+
SkyBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
735
|
+
SkyBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, declarations: [SkyBoxComponent,
|
|
736
|
+
SkyBoxHeaderComponent,
|
|
737
|
+
SkyBoxContentComponent,
|
|
738
|
+
SkyBoxControlsComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyBoxComponent,
|
|
739
|
+
SkyBoxHeaderComponent,
|
|
740
|
+
SkyBoxContentComponent,
|
|
741
|
+
SkyBoxControlsComponent] });
|
|
742
|
+
SkyBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, imports: [[CommonModule, SkyThemeModule]] });
|
|
743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyBoxModule, decorators: [{
|
|
744
|
+
type: NgModule,
|
|
745
|
+
args: [{
|
|
746
|
+
declarations: [
|
|
747
|
+
SkyBoxComponent,
|
|
748
|
+
SkyBoxHeaderComponent,
|
|
749
|
+
SkyBoxContentComponent,
|
|
750
|
+
SkyBoxControlsComponent,
|
|
751
|
+
],
|
|
752
|
+
imports: [CommonModule, SkyThemeModule],
|
|
652
753
|
exports: [
|
|
653
|
-
|
|
654
|
-
|
|
754
|
+
SkyBoxComponent,
|
|
755
|
+
SkyBoxHeaderComponent,
|
|
756
|
+
SkyBoxContentComponent,
|
|
757
|
+
SkyBoxControlsComponent,
|
|
655
758
|
],
|
|
656
|
-
entryComponents: [
|
|
657
|
-
SkyBackToTopComponent
|
|
658
|
-
]
|
|
659
759
|
}]
|
|
660
760
|
}] });
|
|
661
761
|
|
|
@@ -697,10 +797,12 @@ class SkyInlineDeleteAdapterService {
|
|
|
697
797
|
// Find the next navigable element that isn't waiting
|
|
698
798
|
const startingIndex = focussable.indexOf(targetElement);
|
|
699
799
|
let curIndex = startingIndex + modifier;
|
|
700
|
-
while (focussable[curIndex] &&
|
|
800
|
+
while (focussable[curIndex] &&
|
|
801
|
+
this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
701
802
|
curIndex += modifier;
|
|
702
803
|
}
|
|
703
|
-
if (focussable[curIndex] &&
|
|
804
|
+
if (focussable[curIndex] &&
|
|
805
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
704
806
|
focussable[curIndex].focus();
|
|
705
807
|
}
|
|
706
808
|
else {
|
|
@@ -715,7 +817,8 @@ class SkyInlineDeleteAdapterService {
|
|
|
715
817
|
}
|
|
716
818
|
/* istanbul ignore else */
|
|
717
819
|
/* sanity check */
|
|
718
|
-
if (focussable[curIndex] &&
|
|
820
|
+
if (focussable[curIndex] &&
|
|
821
|
+
!this.isElementHiddenOrCovered(focussable[curIndex])) {
|
|
719
822
|
focussable[curIndex].focus();
|
|
720
823
|
}
|
|
721
824
|
else {
|
|
@@ -740,9 +843,10 @@ class SkyInlineDeleteAdapterService {
|
|
|
740
843
|
}
|
|
741
844
|
isElementHiddenOrCovered(element) {
|
|
742
845
|
// 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.
|
|
846
|
+
return (this.isElementHidden(element) ||
|
|
847
|
+
(this.parentEl.contains(element) &&
|
|
848
|
+
(!this.element.contains(element) ||
|
|
849
|
+
this.parentEl.querySelector('.sky-wait-mask') !== null)));
|
|
746
850
|
}
|
|
747
851
|
isElementHidden(element) {
|
|
748
852
|
const style = window.getComputedStyle(element);
|
|
@@ -750,21 +854,21 @@ class SkyInlineDeleteAdapterService {
|
|
|
750
854
|
}
|
|
751
855
|
isShift(event) {
|
|
752
856
|
// Determine if shift+tab was used based on element order
|
|
753
|
-
const elements = this.getFocussableElements().filter(elem => !this.isElementHidden(elem));
|
|
857
|
+
const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
|
|
754
858
|
const previousInd = elements.indexOf(event.relatedTarget);
|
|
755
859
|
const currentInd = elements.indexOf(event.target);
|
|
756
860
|
/* istanbul ignore next */
|
|
757
|
-
return previousInd === currentInd + 1
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
861
|
+
return (previousInd === currentInd + 1 ||
|
|
862
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
863
|
+
previousInd > currentInd ||
|
|
864
|
+
!event.relatedTarget);
|
|
761
865
|
}
|
|
762
866
|
}
|
|
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.
|
|
867
|
+
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 });
|
|
868
|
+
SkyInlineDeleteAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteAdapterService });
|
|
869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteAdapterService, decorators: [{
|
|
766
870
|
type: Injectable
|
|
767
|
-
}], ctorParameters: function () { return [{ type: i1
|
|
871
|
+
}], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }, { type: i0.RendererFactory2 }]; } });
|
|
768
872
|
|
|
769
873
|
/**
|
|
770
874
|
* Specifies the type of inline delete that is shown.
|
|
@@ -863,38 +967,35 @@ class SkyInlineDeleteComponent {
|
|
|
863
967
|
}
|
|
864
968
|
}
|
|
865
969
|
}
|
|
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$2.SkyLibResourcesPipe }, animations: [
|
|
970
|
+
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 });
|
|
971
|
+
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
972
|
trigger('inlineDeleteAnimation', [
|
|
872
973
|
transition('* => shown', [
|
|
873
974
|
style({
|
|
874
|
-
opacity: 0
|
|
975
|
+
opacity: 0,
|
|
875
976
|
}),
|
|
876
977
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
877
978
|
group([
|
|
878
979
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
879
980
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
880
|
-
transform: 'scale(1)'
|
|
881
|
-
})))
|
|
882
|
-
])
|
|
981
|
+
transform: 'scale(1)',
|
|
982
|
+
}))),
|
|
983
|
+
]),
|
|
883
984
|
]),
|
|
884
985
|
transition(`shown <=> *`, [
|
|
885
986
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
886
987
|
group([
|
|
887
988
|
animate('300ms ease-in-out', style({
|
|
888
|
-
opacity: 0
|
|
989
|
+
opacity: 0,
|
|
889
990
|
})),
|
|
890
991
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
891
|
-
transform: 'scale(0.0)'
|
|
892
|
-
})))
|
|
893
|
-
])
|
|
894
|
-
])
|
|
895
|
-
])
|
|
992
|
+
transform: 'scale(0.0)',
|
|
993
|
+
}))),
|
|
994
|
+
]),
|
|
995
|
+
]),
|
|
996
|
+
]),
|
|
896
997
|
] });
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteComponent, decorators: [{
|
|
898
999
|
type: Component,
|
|
899
1000
|
args: [{
|
|
900
1001
|
selector: 'sky-inline-delete',
|
|
@@ -904,33 +1005,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
904
1005
|
trigger('inlineDeleteAnimation', [
|
|
905
1006
|
transition('* => shown', [
|
|
906
1007
|
style({
|
|
907
|
-
opacity: 0
|
|
1008
|
+
opacity: 0,
|
|
908
1009
|
}),
|
|
909
1010
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(0.0)' })),
|
|
910
1011
|
group([
|
|
911
1012
|
animate('300ms ease-in-out', style({ opacity: 1 })),
|
|
912
1013
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
913
|
-
transform: 'scale(1)'
|
|
914
|
-
})))
|
|
915
|
-
])
|
|
1014
|
+
transform: 'scale(1)',
|
|
1015
|
+
}))),
|
|
1016
|
+
]),
|
|
916
1017
|
]),
|
|
917
1018
|
transition(`shown <=> *`, [
|
|
918
1019
|
query('.sky-inline-delete-content-animation-container', style({ transform: 'scale(1)' })),
|
|
919
1020
|
group([
|
|
920
1021
|
animate('300ms ease-in-out', style({
|
|
921
|
-
opacity: 0
|
|
1022
|
+
opacity: 0,
|
|
922
1023
|
})),
|
|
923
1024
|
query('.sky-inline-delete-content-animation-container', animate('300ms ease-in-out', style({
|
|
924
|
-
transform: 'scale(0.0)'
|
|
925
|
-
})))
|
|
926
|
-
])
|
|
927
|
-
])
|
|
928
|
-
])
|
|
1025
|
+
transform: 'scale(0.0)',
|
|
1026
|
+
}))),
|
|
1027
|
+
]),
|
|
1028
|
+
]),
|
|
1029
|
+
]),
|
|
929
1030
|
],
|
|
930
|
-
providers: [
|
|
931
|
-
SkyCoreAdapterService,
|
|
932
|
-
SkyInlineDeleteAdapterService
|
|
933
|
-
]
|
|
1031
|
+
providers: [SkyCoreAdapterService, SkyInlineDeleteAdapterService],
|
|
934
1032
|
}]
|
|
935
1033
|
}], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { pending: [{
|
|
936
1034
|
type: Input
|
|
@@ -942,38 +1040,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
942
1040
|
type: ViewChild,
|
|
943
1041
|
args: ['delete', {
|
|
944
1042
|
read: ElementRef,
|
|
945
|
-
static: false
|
|
1043
|
+
static: false,
|
|
946
1044
|
}]
|
|
947
1045
|
}] } });
|
|
948
1046
|
|
|
949
1047
|
class SkyInlineDeleteModule {
|
|
950
1048
|
}
|
|
951
|
-
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
952
|
-
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1049
|
+
SkyInlineDeleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1050
|
+
SkyInlineDeleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [CommonModule,
|
|
953
1051
|
SkyI18nModule,
|
|
954
1052
|
SkyLayoutResourcesModule,
|
|
955
1053
|
SkyWaitModule], exports: [SkyInlineDeleteComponent] });
|
|
956
|
-
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1054
|
+
SkyInlineDeleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, imports: [[
|
|
957
1055
|
CommonModule,
|
|
958
1056
|
SkyI18nModule,
|
|
959
1057
|
SkyLayoutResourcesModule,
|
|
960
|
-
SkyWaitModule
|
|
1058
|
+
SkyWaitModule,
|
|
961
1059
|
]] });
|
|
962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyInlineDeleteModule, decorators: [{
|
|
963
1061
|
type: NgModule,
|
|
964
1062
|
args: [{
|
|
965
|
-
declarations: [
|
|
966
|
-
SkyInlineDeleteComponent
|
|
967
|
-
],
|
|
1063
|
+
declarations: [SkyInlineDeleteComponent],
|
|
968
1064
|
imports: [
|
|
969
1065
|
CommonModule,
|
|
970
1066
|
SkyI18nModule,
|
|
971
1067
|
SkyLayoutResourcesModule,
|
|
972
|
-
SkyWaitModule
|
|
1068
|
+
SkyWaitModule,
|
|
973
1069
|
],
|
|
974
|
-
exports: [
|
|
975
|
-
SkyInlineDeleteComponent
|
|
976
|
-
]
|
|
1070
|
+
exports: [SkyInlineDeleteComponent],
|
|
977
1071
|
}]
|
|
978
1072
|
}] });
|
|
979
1073
|
|
|
@@ -982,14 +1076,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
982
1076
|
*/
|
|
983
1077
|
class SkyCardActionsComponent {
|
|
984
1078
|
}
|
|
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.
|
|
1079
|
+
SkyCardActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1080
|
+
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"] });
|
|
1081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardActionsComponent, decorators: [{
|
|
988
1082
|
type: Component,
|
|
989
1083
|
args: [{
|
|
990
1084
|
selector: 'sky-card-actions',
|
|
991
1085
|
templateUrl: './card-actions.component.html',
|
|
992
|
-
styleUrls: ['./card-actions.component.scss']
|
|
1086
|
+
styleUrls: ['./card-actions.component.scss'],
|
|
993
1087
|
}]
|
|
994
1088
|
}] });
|
|
995
1089
|
|
|
@@ -998,13 +1092,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
998
1092
|
*/
|
|
999
1093
|
class SkyCardContentComponent {
|
|
1000
1094
|
}
|
|
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.
|
|
1095
|
+
SkyCardContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1096
|
+
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" });
|
|
1097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardContentComponent, decorators: [{
|
|
1004
1098
|
type: Component,
|
|
1005
1099
|
args: [{
|
|
1006
1100
|
selector: 'sky-card-content',
|
|
1007
|
-
templateUrl: './card-content.component.html'
|
|
1101
|
+
templateUrl: './card-content.component.html',
|
|
1008
1102
|
}]
|
|
1009
1103
|
}] });
|
|
1010
1104
|
|
|
@@ -1013,13 +1107,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1013
1107
|
*/
|
|
1014
1108
|
class SkyCardTitleComponent {
|
|
1015
1109
|
}
|
|
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.
|
|
1110
|
+
SkyCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1111
|
+
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" });
|
|
1112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardTitleComponent, decorators: [{
|
|
1019
1113
|
type: Component,
|
|
1020
1114
|
args: [{
|
|
1021
1115
|
selector: 'sky-card-title',
|
|
1022
|
-
templateUrl: './card-title.component.html'
|
|
1116
|
+
templateUrl: './card-title.component.html',
|
|
1023
1117
|
}]
|
|
1024
1118
|
}] });
|
|
1025
1119
|
|
|
@@ -1039,11 +1133,11 @@ class SkyCardComponent {
|
|
|
1039
1133
|
this.subscription = this.titleComponent.changes.subscribe(() => {
|
|
1040
1134
|
this.showTitle = this.titleComponent.length > 0;
|
|
1041
1135
|
});
|
|
1042
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1136
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1043
1137
|
item.setType(SkyInlineDeleteType.Card);
|
|
1044
1138
|
});
|
|
1045
1139
|
this.inlineDeleteComponent.changes.subscribe(() => {
|
|
1046
|
-
this.inlineDeleteComponent.forEach(item => {
|
|
1140
|
+
this.inlineDeleteComponent.forEach((item) => {
|
|
1047
1141
|
item.setType(SkyInlineDeleteType.Card);
|
|
1048
1142
|
});
|
|
1049
1143
|
});
|
|
@@ -1068,14 +1162,14 @@ class SkyCardComponent {
|
|
|
1068
1162
|
}
|
|
1069
1163
|
}
|
|
1070
1164
|
}
|
|
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.
|
|
1165
|
+
SkyCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1166
|
+
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 } });
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardComponent, decorators: [{
|
|
1074
1168
|
type: Component,
|
|
1075
1169
|
args: [{
|
|
1076
1170
|
selector: 'sky-card',
|
|
1077
1171
|
styleUrls: ['./card.component.scss'],
|
|
1078
|
-
templateUrl: './card.component.html'
|
|
1172
|
+
templateUrl: './card.component.html',
|
|
1079
1173
|
}]
|
|
1080
1174
|
}], propDecorators: { size: [{
|
|
1081
1175
|
type: Input
|
|
@@ -1095,8 +1189,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1095
1189
|
|
|
1096
1190
|
class SkyCardModule {
|
|
1097
1191
|
}
|
|
1098
|
-
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1099
|
-
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1192
|
+
SkyCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1193
|
+
SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,
|
|
1100
1194
|
SkyCardComponent,
|
|
1101
1195
|
SkyCardContentComponent,
|
|
1102
1196
|
SkyCardTitleComponent], imports: [CommonModule,
|
|
@@ -1108,22 +1202,22 @@ SkyCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1108
1202
|
SkyCardComponent,
|
|
1109
1203
|
SkyCardContentComponent,
|
|
1110
1204
|
SkyCardTitleComponent] });
|
|
1111
|
-
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1205
|
+
SkyCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, imports: [[
|
|
1112
1206
|
CommonModule,
|
|
1113
1207
|
FormsModule,
|
|
1114
1208
|
SkyCheckboxModule,
|
|
1115
1209
|
SkyI18nModule,
|
|
1116
1210
|
SkyLayoutResourcesModule,
|
|
1117
|
-
SkyInlineDeleteModule
|
|
1211
|
+
SkyInlineDeleteModule,
|
|
1118
1212
|
]] });
|
|
1119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyCardModule, decorators: [{
|
|
1120
1214
|
type: NgModule,
|
|
1121
1215
|
args: [{
|
|
1122
1216
|
declarations: [
|
|
1123
1217
|
SkyCardActionsComponent,
|
|
1124
1218
|
SkyCardComponent,
|
|
1125
1219
|
SkyCardContentComponent,
|
|
1126
|
-
SkyCardTitleComponent
|
|
1220
|
+
SkyCardTitleComponent,
|
|
1127
1221
|
],
|
|
1128
1222
|
imports: [
|
|
1129
1223
|
CommonModule,
|
|
@@ -1131,14 +1225,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1131
1225
|
SkyCheckboxModule,
|
|
1132
1226
|
SkyI18nModule,
|
|
1133
1227
|
SkyLayoutResourcesModule,
|
|
1134
|
-
SkyInlineDeleteModule
|
|
1228
|
+
SkyInlineDeleteModule,
|
|
1135
1229
|
],
|
|
1136
1230
|
exports: [
|
|
1137
1231
|
SkyCardActionsComponent,
|
|
1138
1232
|
SkyCardComponent,
|
|
1139
1233
|
SkyCardContentComponent,
|
|
1140
|
-
SkyCardTitleComponent
|
|
1141
|
-
]
|
|
1234
|
+
SkyCardTitleComponent,
|
|
1235
|
+
],
|
|
1142
1236
|
}]
|
|
1143
1237
|
}] });
|
|
1144
1238
|
|
|
@@ -1151,9 +1245,9 @@ class SkyDefinitionListService {
|
|
|
1151
1245
|
this.defaultValue = new BehaviorSubject('');
|
|
1152
1246
|
}
|
|
1153
1247
|
}
|
|
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.
|
|
1248
|
+
SkyDefinitionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1249
|
+
SkyDefinitionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService });
|
|
1250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListService, decorators: [{
|
|
1157
1251
|
type: Injectable
|
|
1158
1252
|
}] });
|
|
1159
1253
|
|
|
@@ -1180,16 +1274,16 @@ class SkyDefinitionListComponent {
|
|
|
1180
1274
|
this.service.defaultValue.next(value);
|
|
1181
1275
|
}
|
|
1182
1276
|
}
|
|
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.
|
|
1277
|
+
SkyDefinitionListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1278
|
+
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 });
|
|
1279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListComponent, decorators: [{
|
|
1186
1280
|
type: Component,
|
|
1187
1281
|
args: [{
|
|
1188
1282
|
selector: 'sky-definition-list',
|
|
1189
1283
|
templateUrl: './definition-list.component.html',
|
|
1190
1284
|
styleUrls: ['./definition-list.component.scss'],
|
|
1191
1285
|
providers: [SkyDefinitionListService],
|
|
1192
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1286
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1193
1287
|
}]
|
|
1194
1288
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
|
|
1195
1289
|
type: Input
|
|
@@ -1202,15 +1296,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1202
1296
|
*/
|
|
1203
1297
|
class SkyDefinitionListContentComponent {
|
|
1204
1298
|
}
|
|
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.
|
|
1299
|
+
SkyDefinitionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1300
|
+
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 });
|
|
1301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListContentComponent, decorators: [{
|
|
1208
1302
|
type: Component,
|
|
1209
1303
|
args: [{
|
|
1210
1304
|
selector: 'sky-definition-list-content',
|
|
1211
1305
|
templateUrl: './definition-list-content.component.html',
|
|
1212
1306
|
styleUrls: ['./definition-list-content.component.scss'],
|
|
1213
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1307
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1214
1308
|
}]
|
|
1215
1309
|
}] });
|
|
1216
1310
|
|
|
@@ -1219,15 +1313,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1219
1313
|
*/
|
|
1220
1314
|
class SkyDefinitionListHeadingComponent {
|
|
1221
1315
|
}
|
|
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.
|
|
1316
|
+
SkyDefinitionListHeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1317
|
+
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 });
|
|
1318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListHeadingComponent, decorators: [{
|
|
1225
1319
|
type: Component,
|
|
1226
1320
|
args: [{
|
|
1227
1321
|
selector: 'sky-definition-list-heading',
|
|
1228
1322
|
templateUrl: './definition-list-heading.component.html',
|
|
1229
1323
|
styleUrls: ['./definition-list-heading.component.scss'],
|
|
1230
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1324
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1231
1325
|
}]
|
|
1232
1326
|
}] });
|
|
1233
1327
|
|
|
@@ -1239,15 +1333,15 @@ class SkyDefinitionListLabelComponent {
|
|
|
1239
1333
|
this.service = service;
|
|
1240
1334
|
}
|
|
1241
1335
|
}
|
|
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.
|
|
1336
|
+
SkyDefinitionListLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1337
|
+
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 });
|
|
1338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListLabelComponent, decorators: [{
|
|
1245
1339
|
type: Component,
|
|
1246
1340
|
args: [{
|
|
1247
1341
|
selector: 'sky-definition-list-label',
|
|
1248
1342
|
templateUrl: './definition-list-label.component.html',
|
|
1249
1343
|
styleUrls: ['./definition-list-label.component.scss'],
|
|
1250
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1344
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1251
1345
|
}]
|
|
1252
1346
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1253
1347
|
|
|
@@ -1259,37 +1353,31 @@ class SkyDefinitionListValueComponent {
|
|
|
1259
1353
|
this.service = service;
|
|
1260
1354
|
}
|
|
1261
1355
|
}
|
|
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.
|
|
1356
|
+
SkyDefinitionListValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1357
|
+
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 } });
|
|
1358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListValueComponent, decorators: [{
|
|
1265
1359
|
type: Component,
|
|
1266
1360
|
args: [{
|
|
1267
1361
|
selector: 'sky-definition-list-value',
|
|
1268
1362
|
templateUrl: './definition-list-value.component.html',
|
|
1269
|
-
styleUrls: ['./definition-list-value.component.scss']
|
|
1363
|
+
styleUrls: ['./definition-list-value.component.scss'],
|
|
1270
1364
|
}]
|
|
1271
1365
|
}], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
|
|
1272
1366
|
|
|
1273
1367
|
class SkyDefinitionListModule {
|
|
1274
1368
|
}
|
|
1275
|
-
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1276
|
-
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1369
|
+
SkyDefinitionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1370
|
+
SkyDefinitionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
|
|
1277
1371
|
SkyDefinitionListContentComponent,
|
|
1278
1372
|
SkyDefinitionListHeadingComponent,
|
|
1279
1373
|
SkyDefinitionListLabelComponent,
|
|
1280
|
-
SkyDefinitionListValueComponent], imports: [CommonModule,
|
|
1281
|
-
SkyI18nModule,
|
|
1282
|
-
SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1374
|
+
SkyDefinitionListValueComponent], imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
|
|
1283
1375
|
SkyDefinitionListContentComponent,
|
|
1284
1376
|
SkyDefinitionListHeadingComponent,
|
|
1285
1377
|
SkyDefinitionListLabelComponent,
|
|
1286
1378
|
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.7", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1379
|
+
SkyDefinitionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, imports: [[CommonModule, SkyI18nModule, SkyLayoutResourcesModule]] });
|
|
1380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDefinitionListModule, decorators: [{
|
|
1293
1381
|
type: NgModule,
|
|
1294
1382
|
args: [{
|
|
1295
1383
|
declarations: [
|
|
@@ -1297,20 +1385,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1297
1385
|
SkyDefinitionListContentComponent,
|
|
1298
1386
|
SkyDefinitionListHeadingComponent,
|
|
1299
1387
|
SkyDefinitionListLabelComponent,
|
|
1300
|
-
SkyDefinitionListValueComponent
|
|
1301
|
-
],
|
|
1302
|
-
imports: [
|
|
1303
|
-
CommonModule,
|
|
1304
|
-
SkyI18nModule,
|
|
1305
|
-
SkyLayoutResourcesModule
|
|
1388
|
+
SkyDefinitionListValueComponent,
|
|
1306
1389
|
],
|
|
1390
|
+
imports: [CommonModule, SkyI18nModule, SkyLayoutResourcesModule],
|
|
1307
1391
|
exports: [
|
|
1308
1392
|
SkyDefinitionListComponent,
|
|
1309
1393
|
SkyDefinitionListContentComponent,
|
|
1310
1394
|
SkyDefinitionListHeadingComponent,
|
|
1311
1395
|
SkyDefinitionListLabelComponent,
|
|
1312
|
-
SkyDefinitionListValueComponent
|
|
1313
|
-
]
|
|
1396
|
+
SkyDefinitionListValueComponent,
|
|
1397
|
+
],
|
|
1314
1398
|
}]
|
|
1315
1399
|
}] });
|
|
1316
1400
|
|
|
@@ -1340,7 +1424,8 @@ class SkyDescriptionListAdapterService {
|
|
|
1340
1424
|
if (width <= xsBreakpointMaxPixels) {
|
|
1341
1425
|
return 'sky-responsive-container-xs';
|
|
1342
1426
|
}
|
|
1343
|
-
else if (width >= smBreakpointMinPixels &&
|
|
1427
|
+
else if (width >= smBreakpointMinPixels &&
|
|
1428
|
+
width <= smBreakpointMaxPixels) {
|
|
1344
1429
|
return 'sky-responsive-container-sm';
|
|
1345
1430
|
}
|
|
1346
1431
|
else {
|
|
@@ -1348,9 +1433,9 @@ class SkyDescriptionListAdapterService {
|
|
|
1348
1433
|
}
|
|
1349
1434
|
}
|
|
1350
1435
|
}
|
|
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.
|
|
1436
|
+
SkyDescriptionListAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1437
|
+
SkyDescriptionListAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService });
|
|
1438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListAdapterService, decorators: [{
|
|
1354
1439
|
type: Injectable
|
|
1355
1440
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1356
1441
|
|
|
@@ -1359,20 +1444,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1359
1444
|
*/
|
|
1360
1445
|
class SkyDescriptionListTermComponent {
|
|
1361
1446
|
}
|
|
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.
|
|
1447
|
+
SkyDescriptionListTermComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListTermComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1448
|
+
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 });
|
|
1449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListTermComponent, decorators: [{
|
|
1365
1450
|
type: Component,
|
|
1366
1451
|
args: [{
|
|
1367
1452
|
selector: 'sky-description-list-term',
|
|
1368
1453
|
templateUrl: './description-list-term.component.html',
|
|
1369
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1454
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1370
1455
|
}]
|
|
1371
1456
|
}], propDecorators: { templateRef: [{
|
|
1372
1457
|
type: ViewChild,
|
|
1373
1458
|
args: ['termTemplateRef', {
|
|
1374
1459
|
read: TemplateRef,
|
|
1375
|
-
static: true
|
|
1460
|
+
static: true,
|
|
1376
1461
|
}]
|
|
1377
1462
|
}] } });
|
|
1378
1463
|
|
|
@@ -1393,9 +1478,9 @@ class SkyDescriptionListService {
|
|
|
1393
1478
|
this._defaultDescription.next(value);
|
|
1394
1479
|
}
|
|
1395
1480
|
}
|
|
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.
|
|
1481
|
+
SkyDescriptionListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1482
|
+
SkyDescriptionListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService });
|
|
1483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListService, decorators: [{
|
|
1399
1484
|
type: Injectable
|
|
1400
1485
|
}] });
|
|
1401
1486
|
|
|
@@ -1425,20 +1510,20 @@ class SkyDescriptionListDescriptionComponent {
|
|
|
1425
1510
|
this.ngUnsubscribe.complete();
|
|
1426
1511
|
}
|
|
1427
1512
|
}
|
|
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.
|
|
1513
|
+
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 });
|
|
1514
|
+
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 });
|
|
1515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListDescriptionComponent, decorators: [{
|
|
1431
1516
|
type: Component,
|
|
1432
1517
|
args: [{
|
|
1433
1518
|
selector: 'sky-description-list-description',
|
|
1434
1519
|
templateUrl: './description-list-description.component.html',
|
|
1435
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1520
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1436
1521
|
}]
|
|
1437
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1522
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0.ChangeDetectorRef }, { type: i3$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
|
|
1438
1523
|
type: ViewChild,
|
|
1439
1524
|
args: ['descriptionTemplateRef', {
|
|
1440
1525
|
read: TemplateRef,
|
|
1441
|
-
static: true
|
|
1526
|
+
static: true,
|
|
1442
1527
|
}]
|
|
1443
1528
|
}] } });
|
|
1444
1529
|
|
|
@@ -1447,13 +1532,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1447
1532
|
*/
|
|
1448
1533
|
class SkyDescriptionListContentComponent {
|
|
1449
1534
|
}
|
|
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.
|
|
1535
|
+
SkyDescriptionListContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1536
|
+
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" });
|
|
1537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListContentComponent, decorators: [{
|
|
1453
1538
|
type: Component,
|
|
1454
1539
|
args: [{
|
|
1455
1540
|
selector: 'sky-description-list-content',
|
|
1456
|
-
templateUrl: './description-list-content.component.html'
|
|
1541
|
+
templateUrl: './description-list-content.component.html',
|
|
1457
1542
|
}]
|
|
1458
1543
|
}], propDecorators: { termComponents: [{
|
|
1459
1544
|
type: ContentChildren,
|
|
@@ -1510,7 +1595,7 @@ class SkyDescriptionListComponent {
|
|
|
1510
1595
|
this.contentObserver.observe(this.elementRef.nativeElement, {
|
|
1511
1596
|
childList: true,
|
|
1512
1597
|
characterData: true,
|
|
1513
|
-
subtree: true
|
|
1598
|
+
subtree: true,
|
|
1514
1599
|
});
|
|
1515
1600
|
}
|
|
1516
1601
|
ngOnDestroy() {
|
|
@@ -1526,24 +1611,18 @@ class SkyDescriptionListComponent {
|
|
|
1526
1611
|
this.changeDetector.markForCheck();
|
|
1527
1612
|
}
|
|
1528
1613
|
}
|
|
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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1614
|
+
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 });
|
|
1615
|
+
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 });
|
|
1616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListComponent, decorators: [{
|
|
1535
1617
|
type: Component,
|
|
1536
1618
|
args: [{
|
|
1537
1619
|
selector: 'sky-description-list',
|
|
1538
1620
|
templateUrl: './description-list.component.html',
|
|
1539
1621
|
styleUrls: ['./description-list.component.scss'],
|
|
1540
|
-
providers: [
|
|
1541
|
-
|
|
1542
|
-
SkyDescriptionListService
|
|
1543
|
-
],
|
|
1544
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1622
|
+
providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
|
|
1623
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1545
1624
|
}]
|
|
1546
|
-
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1
|
|
1625
|
+
}], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
|
|
1547
1626
|
type: Input
|
|
1548
1627
|
}], listItemWidth: [{
|
|
1549
1628
|
type: Input
|
|
@@ -1556,7 +1635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1556
1635
|
type: ViewChild,
|
|
1557
1636
|
args: ['descriptionListElement', {
|
|
1558
1637
|
read: ElementRef,
|
|
1559
|
-
static: true
|
|
1638
|
+
static: true,
|
|
1560
1639
|
}]
|
|
1561
1640
|
}], onWindowResize: [{
|
|
1562
1641
|
type: HostListener,
|
|
@@ -1565,8 +1644,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1565
1644
|
|
|
1566
1645
|
class SkyDescriptionListModule {
|
|
1567
1646
|
}
|
|
1568
|
-
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1569
|
-
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1647
|
+
SkyDescriptionListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1648
|
+
SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
|
|
1570
1649
|
SkyDescriptionListContentComponent,
|
|
1571
1650
|
SkyDescriptionListTermComponent,
|
|
1572
1651
|
SkyDescriptionListDescriptionComponent], imports: [CommonModule,
|
|
@@ -1576,33 +1655,33 @@ SkyDescriptionListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
1576
1655
|
SkyDescriptionListContentComponent,
|
|
1577
1656
|
SkyDescriptionListTermComponent,
|
|
1578
1657
|
SkyDescriptionListDescriptionComponent] });
|
|
1579
|
-
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1658
|
+
SkyDescriptionListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, imports: [[
|
|
1580
1659
|
CommonModule,
|
|
1581
1660
|
SkyI18nModule,
|
|
1582
1661
|
SkyLayoutResourcesModule,
|
|
1583
|
-
SkyThemeModule
|
|
1662
|
+
SkyThemeModule,
|
|
1584
1663
|
]] });
|
|
1585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyDescriptionListModule, decorators: [{
|
|
1586
1665
|
type: NgModule,
|
|
1587
1666
|
args: [{
|
|
1588
1667
|
declarations: [
|
|
1589
1668
|
SkyDescriptionListComponent,
|
|
1590
1669
|
SkyDescriptionListContentComponent,
|
|
1591
1670
|
SkyDescriptionListTermComponent,
|
|
1592
|
-
SkyDescriptionListDescriptionComponent
|
|
1671
|
+
SkyDescriptionListDescriptionComponent,
|
|
1593
1672
|
],
|
|
1594
1673
|
imports: [
|
|
1595
1674
|
CommonModule,
|
|
1596
1675
|
SkyI18nModule,
|
|
1597
1676
|
SkyLayoutResourcesModule,
|
|
1598
|
-
SkyThemeModule
|
|
1677
|
+
SkyThemeModule,
|
|
1599
1678
|
],
|
|
1600
1679
|
exports: [
|
|
1601
1680
|
SkyDescriptionListComponent,
|
|
1602
1681
|
SkyDescriptionListContentComponent,
|
|
1603
1682
|
SkyDescriptionListTermComponent,
|
|
1604
|
-
SkyDescriptionListDescriptionComponent
|
|
1605
|
-
]
|
|
1683
|
+
SkyDescriptionListDescriptionComponent,
|
|
1684
|
+
],
|
|
1606
1685
|
}]
|
|
1607
1686
|
}] });
|
|
1608
1687
|
|
|
@@ -1663,14 +1742,14 @@ class SkyRowComponent {
|
|
|
1663
1742
|
this.reverseColumnOrder = false;
|
|
1664
1743
|
}
|
|
1665
1744
|
}
|
|
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.
|
|
1745
|
+
SkyRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1746
|
+
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"] }] });
|
|
1747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyRowComponent, decorators: [{
|
|
1669
1748
|
type: Component,
|
|
1670
1749
|
args: [{
|
|
1671
1750
|
selector: 'sky-row',
|
|
1672
1751
|
templateUrl: './row.component.html',
|
|
1673
|
-
styleUrls: ['./row.component.scss']
|
|
1752
|
+
styleUrls: ['./row.component.scss'],
|
|
1674
1753
|
}]
|
|
1675
1754
|
}], propDecorators: { reverseColumnOrder: [{
|
|
1676
1755
|
type: Input
|
|
@@ -1679,14 +1758,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1679
1758
|
class SkyColumnComponent {
|
|
1680
1759
|
ngOnChanges(changes) {
|
|
1681
1760
|
/* istanbul ignore else */
|
|
1682
|
-
if (changes.screenXSmall ||
|
|
1761
|
+
if (changes.screenXSmall ||
|
|
1762
|
+
changes.screenSmall ||
|
|
1763
|
+
changes.screenMedium ||
|
|
1764
|
+
changes.screenLarge) {
|
|
1683
1765
|
this.classnames = this.getClassNames();
|
|
1684
1766
|
}
|
|
1685
1767
|
}
|
|
1686
1768
|
getClassNames() {
|
|
1687
|
-
let classnames = [
|
|
1688
|
-
'sky-column'
|
|
1689
|
-
];
|
|
1769
|
+
let classnames = ['sky-column'];
|
|
1690
1770
|
if (this.screenXSmall) {
|
|
1691
1771
|
classnames.push(`sky-column-xs-${this.screenXSmall}`);
|
|
1692
1772
|
}
|
|
@@ -1705,15 +1785,15 @@ class SkyColumnComponent {
|
|
|
1705
1785
|
this.classnames = this.getClassNames();
|
|
1706
1786
|
}
|
|
1707
1787
|
}
|
|
1708
|
-
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1709
|
-
SkyColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0, 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.
|
|
1788
|
+
SkyColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1789
|
+
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: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 });
|
|
1790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyColumnComponent, decorators: [{
|
|
1711
1791
|
type: Component,
|
|
1712
1792
|
args: [{
|
|
1713
1793
|
selector: 'sky-column',
|
|
1714
1794
|
templateUrl: './column.component.html',
|
|
1715
1795
|
styleUrls: ['./column.component.scss'],
|
|
1716
|
-
encapsulation: ViewEncapsulation.None
|
|
1796
|
+
encapsulation: ViewEncapsulation.None,
|
|
1717
1797
|
}]
|
|
1718
1798
|
}], propDecorators: { screenXSmall: [{
|
|
1719
1799
|
type: Input
|
|
@@ -1775,16 +1855,14 @@ class SkyFluidGridComponent {
|
|
|
1775
1855
|
}
|
|
1776
1856
|
}
|
|
1777
1857
|
}
|
|
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.
|
|
1858
|
+
SkyFluidGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1859
|
+
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"] }] });
|
|
1860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridComponent, decorators: [{
|
|
1781
1861
|
type: Component,
|
|
1782
1862
|
args: [{
|
|
1783
1863
|
selector: 'sky-fluid-grid',
|
|
1784
1864
|
templateUrl: './fluid-grid.component.html',
|
|
1785
|
-
styleUrls: [
|
|
1786
|
-
'./fluid-grid.component.scss'
|
|
1787
|
-
]
|
|
1865
|
+
styleUrls: ['./fluid-grid.component.scss'],
|
|
1788
1866
|
}]
|
|
1789
1867
|
}], propDecorators: { disableMargin: [{
|
|
1790
1868
|
type: Input
|
|
@@ -1794,31 +1872,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1794
1872
|
|
|
1795
1873
|
class SkyFluidGridModule {
|
|
1796
1874
|
}
|
|
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.7", ngImport: i0, type: SkyFluidGridModule, imports: [[
|
|
1804
|
-
CommonModule
|
|
1805
|
-
]] });
|
|
1806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1875
|
+
SkyFluidGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1876
|
+
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] });
|
|
1877
|
+
SkyFluidGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, imports: [[CommonModule]] });
|
|
1878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFluidGridModule, decorators: [{
|
|
1807
1879
|
type: NgModule,
|
|
1808
1880
|
args: [{
|
|
1809
|
-
imports: [
|
|
1810
|
-
|
|
1811
|
-
],
|
|
1812
|
-
declarations: [
|
|
1813
|
-
SkyRowComponent,
|
|
1814
|
-
SkyColumnComponent,
|
|
1815
|
-
SkyFluidGridComponent
|
|
1816
|
-
],
|
|
1817
|
-
exports: [
|
|
1818
|
-
SkyRowComponent,
|
|
1819
|
-
SkyColumnComponent,
|
|
1820
|
-
SkyFluidGridComponent
|
|
1821
|
-
]
|
|
1881
|
+
imports: [CommonModule],
|
|
1882
|
+
declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1883
|
+
exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
|
|
1822
1884
|
}]
|
|
1823
1885
|
}] });
|
|
1824
1886
|
|
|
@@ -1867,14 +1929,14 @@ class SkyFormatComponent {
|
|
|
1867
1929
|
}
|
|
1868
1930
|
}
|
|
1869
1931
|
}
|
|
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.
|
|
1932
|
+
SkyFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1933
|
+
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 });
|
|
1934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatComponent, decorators: [{
|
|
1873
1935
|
type: Component,
|
|
1874
1936
|
args: [{
|
|
1875
1937
|
selector: 'sky-format',
|
|
1876
1938
|
templateUrl: './format.component.html',
|
|
1877
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
1939
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1878
1940
|
}]
|
|
1879
1941
|
}], propDecorators: { text: [{
|
|
1880
1942
|
type: Input
|
|
@@ -1884,23 +1946,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1884
1946
|
|
|
1885
1947
|
class SkyFormatModule {
|
|
1886
1948
|
}
|
|
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.7", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1949
|
+
SkyFormatModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1950
|
+
SkyFormatModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [CommonModule], exports: [SkyFormatComponent] });
|
|
1951
|
+
SkyFormatModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, imports: [[CommonModule]] });
|
|
1952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyFormatModule, decorators: [{
|
|
1893
1953
|
type: NgModule,
|
|
1894
1954
|
args: [{
|
|
1895
|
-
declarations: [
|
|
1896
|
-
|
|
1897
|
-
],
|
|
1898
|
-
imports: [
|
|
1899
|
-
CommonModule
|
|
1900
|
-
],
|
|
1901
|
-
exports: [
|
|
1902
|
-
SkyFormatComponent
|
|
1903
|
-
]
|
|
1955
|
+
declarations: [SkyFormatComponent],
|
|
1956
|
+
imports: [CommonModule],
|
|
1957
|
+
exports: [SkyFormatComponent],
|
|
1904
1958
|
}]
|
|
1905
1959
|
}] });
|
|
1906
1960
|
|
|
@@ -1922,9 +1976,9 @@ class SkyPageThemeAdapterService {
|
|
|
1922
1976
|
}
|
|
1923
1977
|
}
|
|
1924
1978
|
}
|
|
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.
|
|
1979
|
+
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1980
|
+
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService });
|
|
1981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
1928
1982
|
type: Injectable
|
|
1929
1983
|
}] });
|
|
1930
1984
|
|
|
@@ -1944,31 +1998,27 @@ class SkyPageComponent {
|
|
|
1944
1998
|
this.themeAdapter.removeTheme();
|
|
1945
1999
|
}
|
|
1946
2000
|
}
|
|
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.
|
|
2001
|
+
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2002
|
+
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" });
|
|
2003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
1950
2004
|
type: Component,
|
|
1951
2005
|
args: [{
|
|
1952
2006
|
selector: 'sky-page',
|
|
1953
2007
|
templateUrl: './page.component.html',
|
|
1954
|
-
providers: [SkyPageThemeAdapterService]
|
|
2008
|
+
providers: [SkyPageThemeAdapterService],
|
|
1955
2009
|
}]
|
|
1956
2010
|
}], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
|
|
1957
2011
|
|
|
1958
2012
|
class SkyPageModule {
|
|
1959
2013
|
}
|
|
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.
|
|
2014
|
+
SkyPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2015
|
+
SkyPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
|
|
2016
|
+
SkyPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule });
|
|
2017
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
1964
2018
|
type: NgModule,
|
|
1965
2019
|
args: [{
|
|
1966
|
-
declarations: [
|
|
1967
|
-
|
|
1968
|
-
],
|
|
1969
|
-
exports: [
|
|
1970
|
-
SkyPageComponent
|
|
1971
|
-
]
|
|
2020
|
+
declarations: [SkyPageComponent],
|
|
2021
|
+
exports: [SkyPageComponent],
|
|
1972
2022
|
}]
|
|
1973
2023
|
}] });
|
|
1974
2024
|
|
|
@@ -1980,14 +2030,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1980
2030
|
/* Code coverage having problems with no statements in classes */
|
|
1981
2031
|
class SkyPageSummaryAlertComponent {
|
|
1982
2032
|
}
|
|
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.
|
|
2033
|
+
SkyPageSummaryAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2034
|
+
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"] });
|
|
2035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAlertComponent, decorators: [{
|
|
1986
2036
|
type: Component,
|
|
1987
2037
|
args: [{
|
|
1988
2038
|
selector: 'sky-page-summary-alert',
|
|
1989
2039
|
templateUrl: './page-summary-alert.component.html',
|
|
1990
|
-
styleUrls: ['./page-summary-alert.component.scss']
|
|
2040
|
+
styleUrls: ['./page-summary-alert.component.scss'],
|
|
1991
2041
|
}]
|
|
1992
2042
|
}] });
|
|
1993
2043
|
|
|
@@ -1998,14 +2048,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1998
2048
|
/* Code coverage having problems with no statements in classes */
|
|
1999
2049
|
class SkyPageSummaryContentComponent {
|
|
2000
2050
|
}
|
|
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.
|
|
2051
|
+
SkyPageSummaryContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2052
|
+
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"] });
|
|
2053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryContentComponent, decorators: [{
|
|
2004
2054
|
type: Component,
|
|
2005
2055
|
args: [{
|
|
2006
2056
|
selector: 'sky-page-summary-content',
|
|
2007
2057
|
templateUrl: './page-summary-content.component.html',
|
|
2008
|
-
styleUrls: ['./page-summary-content.component.scss']
|
|
2058
|
+
styleUrls: ['./page-summary-content.component.scss'],
|
|
2009
2059
|
}]
|
|
2010
2060
|
}] });
|
|
2011
2061
|
|
|
@@ -2017,14 +2067,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2017
2067
|
/* Code coverage having problems with no statements in classes */
|
|
2018
2068
|
class SkyPageSummaryImageComponent {
|
|
2019
2069
|
}
|
|
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.
|
|
2070
|
+
SkyPageSummaryImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2071
|
+
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"] });
|
|
2072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryImageComponent, decorators: [{
|
|
2023
2073
|
type: Component,
|
|
2024
2074
|
args: [{
|
|
2025
2075
|
selector: 'sky-page-summary-image',
|
|
2026
2076
|
templateUrl: './page-summary-image.component.html',
|
|
2027
|
-
styleUrls: ['./page-summary-image.component.scss']
|
|
2077
|
+
styleUrls: ['./page-summary-image.component.scss'],
|
|
2028
2078
|
}]
|
|
2029
2079
|
}] });
|
|
2030
2080
|
|
|
@@ -2034,14 +2084,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2034
2084
|
*/
|
|
2035
2085
|
class SkyPageSummaryKeyInfoComponent {
|
|
2036
2086
|
}
|
|
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.
|
|
2087
|
+
SkyPageSummaryKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2088
|
+
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"] });
|
|
2089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryKeyInfoComponent, decorators: [{
|
|
2040
2090
|
type: Component,
|
|
2041
2091
|
args: [{
|
|
2042
2092
|
selector: 'sky-page-summary-key-info',
|
|
2043
2093
|
templateUrl: './page-summary-key-info.component.html',
|
|
2044
|
-
styleUrls: ['./page-summary-key-info.component.scss']
|
|
2094
|
+
styleUrls: ['./page-summary-key-info.component.scss'],
|
|
2045
2095
|
}]
|
|
2046
2096
|
}] });
|
|
2047
2097
|
|
|
@@ -2053,14 +2103,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2053
2103
|
/* Code coverage having problems with no statements in classes */
|
|
2054
2104
|
class SkyPageSummaryStatusComponent {
|
|
2055
2105
|
}
|
|
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.
|
|
2106
|
+
SkyPageSummaryStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2107
|
+
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"] });
|
|
2108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryStatusComponent, decorators: [{
|
|
2059
2109
|
type: Component,
|
|
2060
2110
|
args: [{
|
|
2061
2111
|
selector: 'sky-page-summary-status',
|
|
2062
2112
|
templateUrl: './page-summary-status.component.html',
|
|
2063
|
-
styleUrls: ['./page-summary-status.component.scss']
|
|
2113
|
+
styleUrls: ['./page-summary-status.component.scss'],
|
|
2064
2114
|
}]
|
|
2065
2115
|
}] });
|
|
2066
2116
|
|
|
@@ -2071,14 +2121,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2071
2121
|
/* Code coverage having problems with no statements in classes */
|
|
2072
2122
|
class SkyPageSummarySubtitleComponent {
|
|
2073
2123
|
}
|
|
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.
|
|
2124
|
+
SkyPageSummarySubtitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummarySubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2125
|
+
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"] });
|
|
2126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummarySubtitleComponent, decorators: [{
|
|
2077
2127
|
type: Component,
|
|
2078
2128
|
args: [{
|
|
2079
2129
|
selector: 'sky-page-summary-subtitle',
|
|
2080
2130
|
templateUrl: './page-summary-subtitle.component.html',
|
|
2081
|
-
styleUrls: ['./page-summary-subtitle.component.scss']
|
|
2131
|
+
styleUrls: ['./page-summary-subtitle.component.scss'],
|
|
2082
2132
|
}]
|
|
2083
2133
|
}] });
|
|
2084
2134
|
|
|
@@ -2089,14 +2139,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2089
2139
|
/* Code coverage having problems with no statements in classes */
|
|
2090
2140
|
class SkyPageSummaryTitleComponent {
|
|
2091
2141
|
}
|
|
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.
|
|
2142
|
+
SkyPageSummaryTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2143
|
+
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"] });
|
|
2144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryTitleComponent, decorators: [{
|
|
2095
2145
|
type: Component,
|
|
2096
2146
|
args: [{
|
|
2097
2147
|
selector: 'sky-page-summary-title',
|
|
2098
2148
|
templateUrl: './page-summary-title.component.html',
|
|
2099
|
-
styleUrls: ['./page-summary-title.component.scss']
|
|
2149
|
+
styleUrls: ['./page-summary-title.component.scss'],
|
|
2100
2150
|
}]
|
|
2101
2151
|
}] });
|
|
2102
2152
|
|
|
@@ -2115,9 +2165,9 @@ class SkyPageSummaryAdapterService {
|
|
|
2115
2165
|
}
|
|
2116
2166
|
}
|
|
2117
2167
|
}
|
|
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.
|
|
2168
|
+
SkyPageSummaryAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2169
|
+
SkyPageSummaryAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService });
|
|
2170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryAdapterService, decorators: [{
|
|
2121
2171
|
type: Injectable
|
|
2122
2172
|
}] });
|
|
2123
2173
|
|
|
@@ -2131,7 +2181,7 @@ class SkyPageSummaryComponent {
|
|
|
2131
2181
|
this.mediaQueryService = mediaQueryService;
|
|
2132
2182
|
}
|
|
2133
2183
|
get hasKeyInfo() {
|
|
2134
|
-
return
|
|
2184
|
+
return this.keyInfoComponents.length > 0;
|
|
2135
2185
|
}
|
|
2136
2186
|
ngAfterViewInit() {
|
|
2137
2187
|
this.breakpointSubscription = this.mediaQueryService.subscribe((args) => {
|
|
@@ -2146,25 +2196,27 @@ class SkyPageSummaryComponent {
|
|
|
2146
2196
|
}
|
|
2147
2197
|
}
|
|
2148
2198
|
}
|
|
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.
|
|
2199
|
+
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 });
|
|
2200
|
+
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"] }] });
|
|
2201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryComponent, decorators: [{
|
|
2152
2202
|
type: Component,
|
|
2153
2203
|
args: [{
|
|
2154
2204
|
selector: 'sky-page-summary',
|
|
2155
2205
|
templateUrl: './page-summary.component.html',
|
|
2156
2206
|
styleUrls: ['./page-summary.component.scss'],
|
|
2157
|
-
providers: [SkyPageSummaryAdapterService]
|
|
2207
|
+
providers: [SkyPageSummaryAdapterService],
|
|
2158
2208
|
}]
|
|
2159
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1
|
|
2209
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
|
|
2160
2210
|
type: ContentChildren,
|
|
2161
|
-
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2211
|
+
args: [SkyPageSummaryKeyInfoComponent, {
|
|
2212
|
+
read: SkyPageSummaryKeyInfoComponent,
|
|
2213
|
+
}]
|
|
2162
2214
|
}] } });
|
|
2163
2215
|
|
|
2164
2216
|
class SkyPageSummaryModule {
|
|
2165
2217
|
}
|
|
2166
|
-
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2167
|
-
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2218
|
+
SkyPageSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2219
|
+
SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
|
|
2168
2220
|
SkyPageSummaryComponent,
|
|
2169
2221
|
SkyPageSummaryContentComponent,
|
|
2170
2222
|
SkyPageSummaryImageComponent,
|
|
@@ -2179,10 +2231,8 @@ SkyPageSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
|
|
|
2179
2231
|
SkyPageSummaryStatusComponent,
|
|
2180
2232
|
SkyPageSummarySubtitleComponent,
|
|
2181
2233
|
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.7", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2234
|
+
SkyPageSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, imports: [[CommonModule]] });
|
|
2235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyPageSummaryModule, decorators: [{
|
|
2186
2236
|
type: NgModule,
|
|
2187
2237
|
args: [{
|
|
2188
2238
|
declarations: [
|
|
@@ -2193,11 +2243,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2193
2243
|
SkyPageSummaryKeyInfoComponent,
|
|
2194
2244
|
SkyPageSummaryStatusComponent,
|
|
2195
2245
|
SkyPageSummarySubtitleComponent,
|
|
2196
|
-
SkyPageSummaryTitleComponent
|
|
2197
|
-
],
|
|
2198
|
-
imports: [
|
|
2199
|
-
CommonModule
|
|
2246
|
+
SkyPageSummaryTitleComponent,
|
|
2200
2247
|
],
|
|
2248
|
+
imports: [CommonModule],
|
|
2201
2249
|
exports: [
|
|
2202
2250
|
SkyPageSummaryAlertComponent,
|
|
2203
2251
|
SkyPageSummaryComponent,
|
|
@@ -2206,8 +2254,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2206
2254
|
SkyPageSummaryKeyInfoComponent,
|
|
2207
2255
|
SkyPageSummaryStatusComponent,
|
|
2208
2256
|
SkyPageSummarySubtitleComponent,
|
|
2209
|
-
SkyPageSummaryTitleComponent
|
|
2210
|
-
]
|
|
2257
|
+
SkyPageSummaryTitleComponent,
|
|
2258
|
+
],
|
|
2211
2259
|
}]
|
|
2212
2260
|
}] });
|
|
2213
2261
|
|
|
@@ -2234,9 +2282,9 @@ class SkyTextExpandAdapterService {
|
|
|
2234
2282
|
textEl.nativeElement.textContent = text;
|
|
2235
2283
|
}
|
|
2236
2284
|
}
|
|
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.
|
|
2285
|
+
SkyTextExpandAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2286
|
+
SkyTextExpandAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService });
|
|
2287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandAdapterService, decorators: [{
|
|
2240
2288
|
type: Injectable
|
|
2241
2289
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2242
2290
|
|
|
@@ -2258,14 +2306,14 @@ class SkyTextExpandModalComponent {
|
|
|
2258
2306
|
this.instance.close();
|
|
2259
2307
|
}
|
|
2260
2308
|
}
|
|
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.
|
|
2309
|
+
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 });
|
|
2310
|
+
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 } });
|
|
2311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModalComponent, decorators: [{
|
|
2264
2312
|
type: Component,
|
|
2265
2313
|
args: [{
|
|
2266
2314
|
selector: 'sky-text-expand-modal',
|
|
2267
2315
|
templateUrl: './text-expand-modal.component.html',
|
|
2268
|
-
styleUrls: ['./text-expand.component.scss']
|
|
2316
|
+
styleUrls: ['./text-expand.component.scss'],
|
|
2269
2317
|
}]
|
|
2270
2318
|
}], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2$2.SkyModalInstance }]; } });
|
|
2271
2319
|
|
|
@@ -2334,9 +2382,9 @@ class SkyTextExpandComponent {
|
|
|
2334
2382
|
provide: SkyTextExpandModalContext,
|
|
2335
2383
|
useValue: {
|
|
2336
2384
|
header: this.expandModalTitle,
|
|
2337
|
-
text: this.expandedText
|
|
2338
|
-
}
|
|
2339
|
-
}
|
|
2385
|
+
text: this.expandedText,
|
|
2386
|
+
},
|
|
2387
|
+
},
|
|
2340
2388
|
]);
|
|
2341
2389
|
}
|
|
2342
2390
|
}
|
|
@@ -2346,16 +2394,14 @@ class SkyTextExpandComponent {
|
|
|
2346
2394
|
this.setContainerMaxHeight();
|
|
2347
2395
|
setTimeout(() => {
|
|
2348
2396
|
this.isExpanded = true;
|
|
2349
|
-
this
|
|
2350
|
-
.animateText(this.collapsedText, this.expandedText, true);
|
|
2397
|
+
this.animateText(this.collapsedText, this.expandedText, true);
|
|
2351
2398
|
}, 10);
|
|
2352
2399
|
}
|
|
2353
2400
|
else {
|
|
2354
2401
|
this.setContainerMaxHeight();
|
|
2355
2402
|
setTimeout(() => {
|
|
2356
2403
|
this.isExpanded = false;
|
|
2357
|
-
this
|
|
2358
|
-
.animateText(this.expandedText, this.collapsedText, false);
|
|
2404
|
+
this.animateText(this.expandedText, this.collapsedText, false);
|
|
2359
2405
|
}, 10);
|
|
2360
2406
|
}
|
|
2361
2407
|
}
|
|
@@ -2369,18 +2415,19 @@ class SkyTextExpandComponent {
|
|
|
2369
2415
|
ngAfterContentInit() {
|
|
2370
2416
|
forkJoin([
|
|
2371
2417
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2372
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2418
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2373
2419
|
])
|
|
2374
2420
|
.pipe(take(1))
|
|
2375
|
-
.subscribe(resources => {
|
|
2421
|
+
.subscribe((resources) => {
|
|
2376
2422
|
this.seeMoreText = resources[0];
|
|
2377
2423
|
this.seeLessText = resources[1];
|
|
2378
2424
|
this.setup(this.expandedText);
|
|
2379
2425
|
/* istanbul ignore else */
|
|
2380
2426
|
if (!this.expandModalTitle) {
|
|
2381
|
-
this.resources
|
|
2427
|
+
this.resources
|
|
2428
|
+
.getString('skyux_text_expand_modal_title')
|
|
2382
2429
|
.pipe(take(1))
|
|
2383
|
-
.subscribe(resource => {
|
|
2430
|
+
.subscribe((resource) => {
|
|
2384
2431
|
this.expandModalTitle = resource;
|
|
2385
2432
|
});
|
|
2386
2433
|
}
|
|
@@ -2403,8 +2450,9 @@ class SkyTextExpandComponent {
|
|
|
2403
2450
|
this.buttonText = this.seeMoreText;
|
|
2404
2451
|
this.isExpanded = false;
|
|
2405
2452
|
this.expandable = true;
|
|
2406
|
-
this.isModal =
|
|
2407
|
-
|
|
2453
|
+
this.isModal =
|
|
2454
|
+
this.newlineCount > this.maxExpandedNewlines ||
|
|
2455
|
+
this.expandedText.length > this.maxExpandedLength;
|
|
2408
2456
|
}
|
|
2409
2457
|
else {
|
|
2410
2458
|
this.expandable = false;
|
|
@@ -2472,21 +2520,17 @@ class SkyTextExpandComponent {
|
|
|
2472
2520
|
}, 10);
|
|
2473
2521
|
}
|
|
2474
2522
|
}
|
|
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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2523
|
+
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 });
|
|
2524
|
+
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"] }] });
|
|
2525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandComponent, decorators: [{
|
|
2480
2526
|
type: Component,
|
|
2481
2527
|
args: [{
|
|
2482
2528
|
selector: 'sky-text-expand',
|
|
2483
2529
|
templateUrl: './text-expand.component.html',
|
|
2484
2530
|
styleUrls: ['./text-expand.component.scss'],
|
|
2485
|
-
providers: [
|
|
2486
|
-
SkyTextExpandAdapterService
|
|
2487
|
-
]
|
|
2531
|
+
providers: [SkyTextExpandAdapterService],
|
|
2488
2532
|
}]
|
|
2489
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
2533
|
+
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i2$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
|
|
2490
2534
|
type: Input
|
|
2491
2535
|
}], maxExpandedLength: [{
|
|
2492
2536
|
type: Input
|
|
@@ -2502,49 +2546,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2502
2546
|
type: ViewChild,
|
|
2503
2547
|
args: ['container', {
|
|
2504
2548
|
read: ElementRef,
|
|
2505
|
-
static: true
|
|
2549
|
+
static: true,
|
|
2506
2550
|
}]
|
|
2507
2551
|
}], textEl: [{
|
|
2508
2552
|
type: ViewChild,
|
|
2509
2553
|
args: ['text', {
|
|
2510
2554
|
read: ElementRef,
|
|
2511
|
-
static: true
|
|
2555
|
+
static: true,
|
|
2512
2556
|
}]
|
|
2513
2557
|
}] } });
|
|
2514
2558
|
|
|
2515
2559
|
class SkyTextExpandModule {
|
|
2516
2560
|
}
|
|
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,
|
|
2561
|
+
SkyTextExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2562
|
+
SkyTextExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [SkyI18nModule,
|
|
2520
2563
|
SkyLayoutResourcesModule,
|
|
2521
2564
|
SkyModalModule,
|
|
2522
2565
|
CommonModule], exports: [SkyTextExpandComponent] });
|
|
2523
|
-
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2566
|
+
SkyTextExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, imports: [[
|
|
2524
2567
|
SkyI18nModule,
|
|
2525
2568
|
SkyLayoutResourcesModule,
|
|
2526
2569
|
SkyModalModule,
|
|
2527
|
-
CommonModule
|
|
2570
|
+
CommonModule,
|
|
2528
2571
|
]] });
|
|
2529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandModule, decorators: [{
|
|
2530
2573
|
type: NgModule,
|
|
2531
2574
|
args: [{
|
|
2532
|
-
declarations: [
|
|
2533
|
-
SkyTextExpandComponent,
|
|
2534
|
-
SkyTextExpandModalComponent
|
|
2535
|
-
],
|
|
2575
|
+
declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
|
|
2536
2576
|
imports: [
|
|
2537
2577
|
SkyI18nModule,
|
|
2538
2578
|
SkyLayoutResourcesModule,
|
|
2539
2579
|
SkyModalModule,
|
|
2540
|
-
CommonModule
|
|
2541
|
-
],
|
|
2542
|
-
exports: [
|
|
2543
|
-
SkyTextExpandComponent
|
|
2580
|
+
CommonModule,
|
|
2544
2581
|
],
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
]
|
|
2582
|
+
exports: [SkyTextExpandComponent],
|
|
2583
|
+
entryComponents: [SkyTextExpandModalComponent],
|
|
2548
2584
|
}]
|
|
2549
2585
|
}] });
|
|
2550
2586
|
|
|
@@ -2577,9 +2613,9 @@ class SkyTextExpandRepeaterAdapterService {
|
|
|
2577
2613
|
}
|
|
2578
2614
|
}
|
|
2579
2615
|
}
|
|
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.
|
|
2616
|
+
SkyTextExpandRepeaterAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2617
|
+
SkyTextExpandRepeaterAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService });
|
|
2618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterAdapterService, decorators: [{
|
|
2583
2619
|
type: Injectable
|
|
2584
2620
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
2585
2621
|
|
|
@@ -2593,6 +2629,11 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2593
2629
|
this.elRef = elRef;
|
|
2594
2630
|
this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
|
|
2595
2631
|
this.changeDetector = changeDetector;
|
|
2632
|
+
/**
|
|
2633
|
+
* Specifies the style of bullet to use
|
|
2634
|
+
* @default 'unordered'
|
|
2635
|
+
*/
|
|
2636
|
+
this.listStyle = 'unordered';
|
|
2596
2637
|
this.contentSectionId = `sky-text-expand-repeater-content-${++nextId}`;
|
|
2597
2638
|
this.isExpanded = false;
|
|
2598
2639
|
}
|
|
@@ -2605,10 +2646,10 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2605
2646
|
}
|
|
2606
2647
|
forkJoin([
|
|
2607
2648
|
this.resources.getString('skyux_text_expand_see_more'),
|
|
2608
|
-
this.resources.getString('skyux_text_expand_see_less')
|
|
2649
|
+
this.resources.getString('skyux_text_expand_see_less'),
|
|
2609
2650
|
])
|
|
2610
2651
|
.pipe(take(1))
|
|
2611
|
-
.subscribe(resources => {
|
|
2652
|
+
.subscribe((resources) => {
|
|
2612
2653
|
this.seeMoreText = resources[0];
|
|
2613
2654
|
this.seeLessText = resources[1];
|
|
2614
2655
|
/* sanity check */
|
|
@@ -2719,59 +2760,43 @@ class SkyTextExpandRepeaterComponent {
|
|
|
2719
2760
|
}
|
|
2720
2761
|
}
|
|
2721
2762
|
}
|
|
2722
|
-
SkyTextExpandRepeaterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2723
|
-
SkyTextExpandRepeaterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2724
|
-
|
|
2725
|
-
], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<div class=\"sky-text-expand-repeater\">\n <ul class=\"sky-text-expand-repeater-container\" [id]=\"contentSectionId\" (transitionend)=\"animationEnd()\" #container>\n <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n <ng-template\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: item }\"\n ></ng-template>\n </li>\n </ul>\n <button *ngIf=\"expandable\"\n type=\"button\"\n class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n [attr.aria-expanded]=\"isExpanded\"\n [attr.aria-controls]=\"contentSectionId\"\n (click)=\"repeaterExpand()\"\n >\n {{buttonText}}\n </button>\n</div>\n\n<ng-template\n let-item\n #defaultItemTemplate\n>\n {{ item }}\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2763
|
+
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 });
|
|
2764
|
+
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"] }] });
|
|
2765
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterComponent, decorators: [{
|
|
2727
2766
|
type: Component,
|
|
2728
2767
|
args: [{
|
|
2729
2768
|
selector: 'sky-text-expand-repeater',
|
|
2730
2769
|
templateUrl: './text-expand-repeater.component.html',
|
|
2731
2770
|
styleUrls: ['./text-expand-repeater.component.scss'],
|
|
2732
|
-
providers: [
|
|
2733
|
-
SkyTextExpandRepeaterAdapterService
|
|
2734
|
-
]
|
|
2771
|
+
providers: [SkyTextExpandRepeaterAdapterService],
|
|
2735
2772
|
}]
|
|
2736
|
-
}], ctorParameters: function () { return [{ type: i1$
|
|
2773
|
+
}], ctorParameters: function () { return [{ type: i1$1.SkyLibResourcesService }, { type: i0.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { data: [{
|
|
2737
2774
|
type: Input
|
|
2738
2775
|
}], itemTemplate: [{
|
|
2739
2776
|
type: Input
|
|
2777
|
+
}], listStyle: [{
|
|
2778
|
+
type: Input
|
|
2740
2779
|
}], maxItems: [{
|
|
2741
2780
|
type: Input
|
|
2742
2781
|
}], containerEl: [{
|
|
2743
2782
|
type: ViewChild,
|
|
2744
2783
|
args: ['container', {
|
|
2745
2784
|
read: ElementRef,
|
|
2746
|
-
static: false
|
|
2785
|
+
static: false,
|
|
2747
2786
|
}]
|
|
2748
2787
|
}] } });
|
|
2749
2788
|
|
|
2750
2789
|
class SkyTextExpandRepeaterModule {
|
|
2751
2790
|
}
|
|
2752
|
-
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2753
|
-
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[
|
|
2757
|
-
SkyI18nModule,
|
|
2758
|
-
SkyLayoutResourcesModule,
|
|
2759
|
-
CommonModule
|
|
2760
|
-
]] });
|
|
2761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2791
|
+
SkyTextExpandRepeaterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2792
|
+
SkyTextExpandRepeaterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule], exports: [SkyTextExpandRepeaterComponent] });
|
|
2793
|
+
SkyTextExpandRepeaterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, imports: [[SkyI18nModule, SkyLayoutResourcesModule, CommonModule]] });
|
|
2794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyTextExpandRepeaterModule, decorators: [{
|
|
2762
2795
|
type: NgModule,
|
|
2763
2796
|
args: [{
|
|
2764
|
-
declarations: [
|
|
2765
|
-
|
|
2766
|
-
],
|
|
2767
|
-
imports: [
|
|
2768
|
-
SkyI18nModule,
|
|
2769
|
-
SkyLayoutResourcesModule,
|
|
2770
|
-
CommonModule
|
|
2771
|
-
],
|
|
2772
|
-
exports: [
|
|
2773
|
-
SkyTextExpandRepeaterComponent
|
|
2774
|
-
]
|
|
2797
|
+
declarations: [SkyTextExpandRepeaterComponent],
|
|
2798
|
+
imports: [SkyI18nModule, SkyLayoutResourcesModule, CommonModule],
|
|
2799
|
+
exports: [SkyTextExpandRepeaterComponent],
|
|
2775
2800
|
}]
|
|
2776
2801
|
}] });
|
|
2777
2802
|
|
|
@@ -2780,14 +2805,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2780
2805
|
*/
|
|
2781
2806
|
class SkyToolbarSectionComponent {
|
|
2782
2807
|
}
|
|
2783
|
-
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2784
|
-
SkyToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2808
|
+
SkyToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2809
|
+
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"] });
|
|
2810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
2786
2811
|
type: Component,
|
|
2787
2812
|
args: [{
|
|
2788
2813
|
selector: 'sky-toolbar-section',
|
|
2789
2814
|
styleUrls: ['./toolbar-section.component.scss'],
|
|
2790
|
-
templateUrl: './toolbar-section.component.html'
|
|
2815
|
+
templateUrl: './toolbar-section.component.html',
|
|
2791
2816
|
}]
|
|
2792
2817
|
}] });
|
|
2793
2818
|
|
|
@@ -2802,14 +2827,14 @@ class SkyToolbarComponent {
|
|
|
2802
2827
|
this.hasSections = this.sectionComponents.length > 0;
|
|
2803
2828
|
}
|
|
2804
2829
|
}
|
|
2805
|
-
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2806
|
-
SkyToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2830
|
+
SkyToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2831
|
+
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"] }] });
|
|
2832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
2808
2833
|
type: Component,
|
|
2809
2834
|
args: [{
|
|
2810
2835
|
selector: 'sky-toolbar',
|
|
2811
2836
|
styleUrls: ['./toolbar.component.scss'],
|
|
2812
|
-
templateUrl: './toolbar.component.html'
|
|
2837
|
+
templateUrl: './toolbar.component.html',
|
|
2813
2838
|
}]
|
|
2814
2839
|
}], propDecorators: { sectionComponents: [{
|
|
2815
2840
|
type: ContentChildren,
|
|
@@ -2821,14 +2846,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2821
2846
|
*/
|
|
2822
2847
|
class SkyToolbarItemComponent {
|
|
2823
2848
|
}
|
|
2824
|
-
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2825
|
-
SkyToolbarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2849
|
+
SkyToolbarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2850
|
+
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"] });
|
|
2851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
2827
2852
|
type: Component,
|
|
2828
2853
|
args: [{
|
|
2829
2854
|
selector: 'sky-toolbar-item',
|
|
2830
2855
|
styleUrls: ['./toolbar-item.component.scss'],
|
|
2831
|
-
templateUrl: './toolbar-item.component.html'
|
|
2856
|
+
templateUrl: './toolbar-item.component.html',
|
|
2832
2857
|
}]
|
|
2833
2858
|
}] });
|
|
2834
2859
|
|
|
@@ -2838,49 +2863,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2838
2863
|
*/
|
|
2839
2864
|
class SkyToolbarViewActionsComponent {
|
|
2840
2865
|
}
|
|
2841
|
-
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2842
|
-
SkyToolbarViewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2866
|
+
SkyToolbarViewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2867
|
+
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 });
|
|
2868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
2844
2869
|
type: Component,
|
|
2845
2870
|
args: [{
|
|
2846
2871
|
selector: 'sky-toolbar-view-actions',
|
|
2847
2872
|
templateUrl: './toolbar-view-actions.component.html',
|
|
2848
2873
|
styleUrls: ['./toolbar-view-actions.component.scss'],
|
|
2849
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
2874
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2850
2875
|
}]
|
|
2851
2876
|
}] });
|
|
2852
2877
|
|
|
2853
2878
|
class SkyToolbarModule {
|
|
2854
2879
|
}
|
|
2855
|
-
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2856
|
-
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2880
|
+
SkyToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2881
|
+
SkyToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
2857
2882
|
SkyToolbarItemComponent,
|
|
2858
2883
|
SkyToolbarSectionComponent,
|
|
2859
2884
|
SkyToolbarViewActionsComponent], imports: [CommonModule], exports: [SkyToolbarComponent,
|
|
2860
2885
|
SkyToolbarItemComponent,
|
|
2861
2886
|
SkyToolbarSectionComponent,
|
|
2862
2887
|
SkyToolbarViewActionsComponent] });
|
|
2863
|
-
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2864
|
-
|
|
2865
|
-
]] });
|
|
2866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2888
|
+
SkyToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, imports: [[CommonModule]] });
|
|
2889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
2867
2890
|
type: NgModule,
|
|
2868
2891
|
args: [{
|
|
2869
2892
|
declarations: [
|
|
2870
2893
|
SkyToolbarComponent,
|
|
2871
2894
|
SkyToolbarItemComponent,
|
|
2872
2895
|
SkyToolbarSectionComponent,
|
|
2873
|
-
SkyToolbarViewActionsComponent
|
|
2874
|
-
],
|
|
2875
|
-
imports: [
|
|
2876
|
-
CommonModule
|
|
2896
|
+
SkyToolbarViewActionsComponent,
|
|
2877
2897
|
],
|
|
2898
|
+
imports: [CommonModule],
|
|
2878
2899
|
exports: [
|
|
2879
2900
|
SkyToolbarComponent,
|
|
2880
2901
|
SkyToolbarItemComponent,
|
|
2881
2902
|
SkyToolbarSectionComponent,
|
|
2882
|
-
SkyToolbarViewActionsComponent
|
|
2883
|
-
]
|
|
2903
|
+
SkyToolbarViewActionsComponent,
|
|
2904
|
+
],
|
|
2884
2905
|
}]
|
|
2885
2906
|
}] });
|
|
2886
2907
|
|
|
@@ -2888,5 +2909,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
2888
2909
|
* Generated bundle index. Do not edit.
|
|
2889
2910
|
*/
|
|
2890
2911
|
|
|
2891
|
-
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 };
|
|
2912
|
+
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 };
|
|
2892
2913
|
//# sourceMappingURL=skyux-layout.js.map
|