@skyux/layout 8.7.2 → 9.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +228 -228
- package/esm2022/lib/modules/action-button/action-button-adapter-service.mjs +44 -0
- package/esm2022/lib/modules/action-button/action-button-container.component.mjs +138 -0
- package/{esm2020 → esm2022}/lib/modules/action-button/action-button-details.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/action-button/action-button-header.component.mjs +4 -4
- package/esm2022/lib/modules/action-button/action-button-icon.component.mjs +40 -0
- package/esm2022/lib/modules/action-button/action-button.component.mjs +50 -0
- package/{esm2020 → esm2022}/lib/modules/action-button/action-button.module.mjs +23 -23
- package/{esm2020 → esm2022}/lib/modules/back-to-top/back-to-top-adapter.service.mjs +19 -22
- package/esm2022/lib/modules/back-to-top/back-to-top.component.mjs +25 -0
- package/esm2022/lib/modules/back-to-top/back-to-top.directive.mjs +119 -0
- package/{esm2020 → esm2022}/lib/modules/back-to-top/back-to-top.module.mjs +13 -13
- package/{esm2020 → esm2022}/lib/modules/box/box-content.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/box/box-controls.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/box/box-header.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/box/box.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/box/box.module.mjs +11 -11
- package/{esm2020 → esm2022}/lib/modules/card/card-actions.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/card/card-content.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/card/card-title.component.mjs +4 -4
- package/esm2022/lib/modules/card/card.component.mjs +107 -0
- package/{esm2020 → esm2022}/lib/modules/card/card.module.mjs +21 -21
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list-content.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list-heading.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list-label.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list-value.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list.module.mjs +13 -13
- package/{esm2020 → esm2022}/lib/modules/definition-list/definition-list.service.mjs +4 -4
- package/esm2022/lib/modules/description-list/description-list-adapter-service.mjs +44 -0
- package/{esm2020 → esm2022}/lib/modules/description-list/description-list-content.component.mjs +4 -4
- package/esm2022/lib/modules/description-list/description-list-description.component.mjs +52 -0
- package/{esm2020 → esm2022}/lib/modules/description-list/description-list-term.component.mjs +4 -4
- package/esm2022/lib/modules/description-list/description-list.component.mjs +95 -0
- package/{esm2020 → esm2022}/lib/modules/description-list/description-list.module.mjs +19 -19
- package/esm2022/lib/modules/description-list/description-list.service.mjs +24 -0
- package/esm2022/lib/modules/fluid-grid/column.component.mjs +66 -0
- package/esm2022/lib/modules/fluid-grid/fluid-grid.component.mjs +40 -0
- package/{esm2020 → esm2022}/lib/modules/fluid-grid/fluid-grid.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/fluid-grid/row.component.mjs +4 -4
- package/esm2022/lib/modules/format/format.component.mjs +64 -0
- package/{esm2020 → esm2022}/lib/modules/format/format.module.mjs +5 -5
- package/esm2022/lib/modules/inline-delete/inline-delete-adapter.service.mjs +123 -0
- package/esm2022/lib/modules/inline-delete/inline-delete.component.mjs +164 -0
- package/{esm2020 → esm2022}/lib/modules/inline-delete/inline-delete.module.mjs +11 -11
- package/esm2022/lib/modules/page/page-theme-adapter.service.mjs +40 -0
- package/esm2022/lib/modules/page/page.component.mjs +49 -0
- package/{esm2020 → esm2022}/lib/modules/page/page.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-adapter.service.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-alert.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-content.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-image.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-key-info.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-status.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-subtitle.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary-title.component.mjs +4 -4
- package/esm2022/lib/modules/page-summary/page-summary.component.mjs +73 -0
- package/{esm2020 → esm2022}/lib/modules/page-summary/page-summary.module.mjs +19 -19
- package/esm2022/lib/modules/shared/sky-layout-resources.module.mjs +60 -0
- package/esm2022/lib/modules/text-expand/text-expand-adapter.service.mjs +26 -0
- package/{esm2020 → esm2022}/lib/modules/text-expand/text-expand-modal.component.mjs +4 -4
- package/esm2022/lib/modules/text-expand/text-expand.component.mjs +315 -0
- package/{esm2020 → esm2022}/lib/modules/text-expand/text-expand.module.mjs +11 -11
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +32 -0
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +216 -0
- package/{esm2020 → esm2022}/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/toolbar/toolbar-item.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/toolbar/toolbar-section.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/toolbar/toolbar-view-actions.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/toolbar/toolbar.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/toolbar/toolbar.module.mjs +11 -11
- package/esm2022/testing/action-button-fixture.mjs +48 -0
- package/esm2022/testing/box/box-harness.mjs +34 -0
- package/esm2022/testing/card-fixture.mjs +65 -0
- package/esm2022/testing/page-summary-fixture.mjs +31 -0
- package/fesm2022/skyux-layout-testing.mjs +181 -0
- package/{fesm2015 → fesm2022}/skyux-layout-testing.mjs.map +1 -1
- package/fesm2022/skyux-layout.mjs +2957 -0
- package/{fesm2020 → fesm2022}/skyux-layout.mjs.map +1 -1
- package/lib/modules/action-button/action-button-container.component.d.ts +1 -1
- package/lib/modules/action-button/action-button-icon.component.d.ts +1 -1
- package/lib/modules/action-button/action-button.component.d.ts +1 -1
- package/lib/modules/back-to-top/back-to-top.directive.d.ts +1 -1
- package/lib/modules/box/box.component.d.ts +1 -1
- package/lib/modules/card/card.component.d.ts +1 -1
- package/lib/modules/definition-list/definition-list.component.d.ts +1 -1
- package/lib/modules/description-list/description-list.component.d.ts +1 -1
- package/lib/modules/fluid-grid/column.component.d.ts +1 -1
- package/lib/modules/fluid-grid/fluid-grid.component.d.ts +1 -1
- package/lib/modules/fluid-grid/row.component.d.ts +1 -1
- package/lib/modules/format/format.component.d.ts +1 -1
- package/lib/modules/inline-delete/inline-delete.component.d.ts +1 -1
- package/lib/modules/page/page.component.d.ts +1 -1
- package/lib/modules/text-expand/text-expand.component.d.ts +1 -1
- package/lib/modules/text-expand-repeater/text-expand-repeater.component.d.ts +1 -1
- package/package.json +23 -31
- package/esm2020/lib/modules/action-button/action-button-adapter-service.mjs +0 -47
- package/esm2020/lib/modules/action-button/action-button-container.component.mjs +0 -139
- package/esm2020/lib/modules/action-button/action-button-icon.component.mjs +0 -43
- package/esm2020/lib/modules/action-button/action-button.component.mjs +0 -53
- package/esm2020/lib/modules/back-to-top/back-to-top.component.mjs +0 -30
- package/esm2020/lib/modules/back-to-top/back-to-top.directive.mjs +0 -118
- package/esm2020/lib/modules/card/card.component.mjs +0 -109
- package/esm2020/lib/modules/description-list/description-list-adapter-service.mjs +0 -47
- package/esm2020/lib/modules/description-list/description-list-description.component.mjs +0 -55
- package/esm2020/lib/modules/description-list/description-list.component.mjs +0 -98
- package/esm2020/lib/modules/description-list/description-list.service.mjs +0 -29
- package/esm2020/lib/modules/fluid-grid/column.component.mjs +0 -71
- package/esm2020/lib/modules/fluid-grid/fluid-grid.component.mjs +0 -42
- package/esm2020/lib/modules/format/format.component.mjs +0 -67
- package/esm2020/lib/modules/inline-delete/inline-delete-adapter.service.mjs +0 -122
- package/esm2020/lib/modules/inline-delete/inline-delete.component.mjs +0 -167
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +0 -43
- package/esm2020/lib/modules/page/page.component.mjs +0 -52
- package/esm2020/lib/modules/page-summary/page-summary.component.mjs +0 -75
- package/esm2020/lib/modules/shared/sky-layout-resources.module.mjs +0 -60
- package/esm2020/lib/modules/text-expand/text-expand-adapter.service.mjs +0 -29
- package/esm2020/lib/modules/text-expand/text-expand.component.mjs +0 -306
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +0 -35
- package/esm2020/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +0 -214
- package/esm2020/testing/action-button-fixture.mjs +0 -51
- package/esm2020/testing/box/box-harness.mjs +0 -40
- package/esm2020/testing/card-fixture.mjs +0 -67
- package/esm2020/testing/page-summary-fixture.mjs +0 -34
- package/fesm2015/skyux-layout-testing.mjs +0 -198
- package/fesm2015/skyux-layout.mjs +0 -2996
- package/fesm2015/skyux-layout.mjs.map +0 -1
- package/fesm2020/skyux-layout-testing.mjs +0 -192
- package/fesm2020/skyux-layout-testing.mjs.map +0 -1
- package/fesm2020/skyux-layout.mjs +0 -2982
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-button/action-button-permalink.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-button/types/action-button-container-align-items-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-button/types/action-button-container-align-items.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/back-to-top/models/back-to-top-message-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/back-to-top/models/back-to-top-message.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/back-to-top/models/back-to-top-options.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/description-list/types/description-list-mode-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/description-list/types/description-list-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/fluid-grid/types/fluid-grid-gutter-size-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/format/format-item.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/inline-delete/inline-delete-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/page/page-layout-type.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/text-expand/text-expand-modal-context-token.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/text-expand/text-expand-modal-context.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/text-expand-repeater/types/text-expand-repeater-list-style-type.mjs +0 -0
- /package/{esm2020 → esm2022}/skyux-layout.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/box/box-harness.filters.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/skyux-layout-testing.mjs +0 -0
|
@@ -27,5 +27,5 @@ export declare class SkyActionButtonContainerComponent implements AfterViewInit,
|
|
|
27
27
|
onContentChange(): void;
|
|
28
28
|
onWindowResize(): void;
|
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonContainerComponent, [null, null, null, null, { optional: true; }]>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonContainerComponent, "sky-action-button-container", never, { "alignItems": "alignItems"; }, {}, ["actionButtons"], ["*"], false, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonContainerComponent, "sky-action-button-container", never, { "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, ["actionButtons"], ["*"], false, never>;
|
|
31
31
|
}
|
|
@@ -19,5 +19,5 @@ export declare class SkyActionButtonIconComponent implements OnDestroy {
|
|
|
19
19
|
constructor(mediaQueryService: SkyMediaQueryService);
|
|
20
20
|
ngOnDestroy(): void;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonIconComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonIconComponent, "sky-action-button-icon", never, { "iconType": "iconType"; }, {}, never, never, false, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonIconComponent, "sky-action-button-icon", never, { "iconType": { "alias": "iconType"; "required": false; }; }, {}, never, never, false, never>;
|
|
23
23
|
}
|
|
@@ -21,5 +21,5 @@ export declare class SkyActionButtonComponent {
|
|
|
21
21
|
enterPress(): void;
|
|
22
22
|
onSkyHrefDisplayChange($event: SkyHrefChange): void;
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyActionButtonComponent, [{ skipSelf: true; }]>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonComponent, "sky-action-button", never, { "permalink": "permalink"; }, { "actionClick": "actionClick"; }, never, ["sky-action-button-icon", "sky-action-button-header", "sky-action-button-details"], false, never>;
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyActionButtonComponent, "sky-action-button", never, { "permalink": { "alias": "permalink"; "required": false; }; }, { "actionClick": "actionClick"; }, never, ["sky-action-button-icon", "sky-action-button-header", "sky-action-button-details"], false, never>;
|
|
25
25
|
}
|
|
@@ -24,5 +24,5 @@ export declare class SkyBackToTopDirective implements AfterViewInit, OnDestroy {
|
|
|
24
24
|
ngAfterViewInit(): void;
|
|
25
25
|
ngOnDestroy(): void;
|
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBackToTopDirective, never>;
|
|
27
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyBackToTopDirective, "[skyBackToTop]", never, { "skyBackToTop": "skyBackToTop"; "skyBackToTopMessageStream": "skyBackToTopMessageStream"; }, {}, never, never, false, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SkyBackToTopDirective, "[skyBackToTop]", never, { "skyBackToTop": { "alias": "skyBackToTop"; "required": false; }; "skyBackToTopMessageStream": { "alias": "skyBackToTopMessageStream"; "required": false; }; }, {}, never, never, false, never>;
|
|
28
28
|
}
|
|
@@ -27,5 +27,5 @@ export declare class SkyBoxComponent {
|
|
|
27
27
|
*/
|
|
28
28
|
ariaRole: string | undefined;
|
|
29
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyBoxComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxComponent, "sky-box", never, { "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "ariaRole": "ariaRole"; }, {}, never, ["sky-box-header", "sky-box-controls", "*"], false, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyBoxComponent, "sky-box", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; }, {}, never, ["sky-box-header", "sky-box-controls", "*"], false, never>;
|
|
31
31
|
}
|
|
@@ -40,5 +40,5 @@ export declare class SkyCardComponent implements AfterContentInit, OnDestroy {
|
|
|
40
40
|
onCheckboxChange(newValue: boolean): void;
|
|
41
41
|
ngOnDestroy(): void;
|
|
42
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCardComponent, never>;
|
|
43
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCardComponent, "sky-card", never, { "size": "size"; "selectable": "selectable"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, ["inlineDeleteComponent", "titleComponent"], ["sky-inline-delete", "sky-card-title", "sky-card-content", "sky-card-actions"], false, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCardComponent, "sky-card", never, { "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["inlineDeleteComponent", "titleComponent"], ["sky-inline-delete", "sky-card-title", "sky-card-content", "sky-card-actions"], false, never>;
|
|
44
44
|
}
|
|
@@ -19,5 +19,5 @@ export declare class SkyDefinitionListComponent {
|
|
|
19
19
|
set defaultValue(value: string | undefined);
|
|
20
20
|
constructor(service: SkyDefinitionListService, logger: SkyLogService);
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDefinitionListComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListComponent, "sky-definition-list", never, { "labelWidth": "labelWidth"; "defaultValue": "defaultValue"; }, {}, never, ["sky-definition-list-heading", "sky-definition-list-content"], false, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDefinitionListComponent, "sky-definition-list", never, { "labelWidth": { "alias": "labelWidth"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; }, {}, never, ["sky-definition-list-heading", "sky-definition-list-content"], false, never>;
|
|
23
23
|
}
|
|
@@ -33,5 +33,5 @@ export declare class SkyDescriptionListComponent implements AfterContentInit, On
|
|
|
33
33
|
ngOnDestroy(): void;
|
|
34
34
|
onWindowResize(): void;
|
|
35
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyDescriptionListComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDescriptionListComponent, "sky-description-list", never, { "defaultDescription": "defaultDescription"; "listItemWidth": "listItemWidth"; "mode": "mode"; }, {}, ["contentComponents"], never, false, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyDescriptionListComponent, "sky-description-list", never, { "defaultDescription": { "alias": "defaultDescription"; "required": false; }; "listItemWidth": { "alias": "listItemWidth"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, ["contentComponents"], never, false, never>;
|
|
37
37
|
}
|
|
@@ -36,5 +36,5 @@ export declare class SkyColumnComponent implements OnInit, OnChanges {
|
|
|
36
36
|
getClassNames(): string;
|
|
37
37
|
ngOnInit(): void;
|
|
38
38
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyColumnComponent, never>;
|
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyColumnComponent, "sky-column", never, { "screenXSmall": "screenXSmall"; "screenSmall": "screenSmall"; "screenMedium": "screenMedium"; "screenLarge": "screenLarge"; }, {}, never, ["*"], false, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyColumnComponent, "sky-column", never, { "screenXSmall": { "alias": "screenXSmall"; "required": false; }; "screenSmall": { "alias": "screenSmall"; "required": false; }; "screenMedium": { "alias": "screenMedium"; "required": false; }; "screenLarge": { "alias": "screenLarge"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
40
40
|
}
|
|
@@ -19,5 +19,5 @@ export declare class SkyFluidGridComponent {
|
|
|
19
19
|
set gutterSize(value: SkyFluidGridGutterSizeType | undefined);
|
|
20
20
|
get gutterSize(): SkyFluidGridGutterSizeType;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFluidGridComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFluidGridComponent, "sky-fluid-grid", never, { "disableMargin": "disableMargin"; "gutterSize": "gutterSize"; }, {}, never, ["*"], false, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFluidGridComponent, "sky-fluid-grid", never, { "disableMargin": { "alias": "disableMargin"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
23
23
|
}
|
|
@@ -10,5 +10,5 @@ export declare class SkyRowComponent {
|
|
|
10
10
|
*/
|
|
11
11
|
reverseColumnOrder: boolean | undefined;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyRowComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRowComponent, "sky-row", never, { "reverseColumnOrder": "reverseColumnOrder"; }, {}, never, ["*"], false, never>;
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyRowComponent, "sky-row", never, { "reverseColumnOrder": { "alias": "reverseColumnOrder"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
14
14
|
}
|
|
@@ -17,5 +17,5 @@ export declare class SkyFormatComponent {
|
|
|
17
17
|
set args(value: TemplateRef<any>[] | undefined);
|
|
18
18
|
get args(): TemplateRef<any>[] | undefined;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormatComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormatComponent, "sky-format", never, { "text": "text"; "args": "args"; }, {}, never, never, false, never>;
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormatComponent, "sky-format", never, { "text": { "alias": "text"; "required": false; }; "args": { "alias": "args"; "required": false; }; }, {}, never, never, false, never>;
|
|
21
21
|
}
|
|
@@ -54,5 +54,5 @@ export declare class SkyInlineDeleteComponent implements OnDestroy, OnInit {
|
|
|
54
54
|
*/
|
|
55
55
|
onAnimationDone(event: AnimationEvent): void;
|
|
56
56
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyInlineDeleteComponent, never>;
|
|
57
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInlineDeleteComponent, "sky-inline-delete", never, { "pending": "pending"; }, { "cancelTriggered": "cancelTriggered"; "deleteTriggered": "deleteTriggered"; }, never, never, false, never>;
|
|
57
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyInlineDeleteComponent, "sky-inline-delete", never, { "pending": { "alias": "pending"; "required": false; }; }, { "cancelTriggered": "cancelTriggered"; "deleteTriggered": "deleteTriggered"; }, never, never, false, never>;
|
|
58
58
|
}
|
|
@@ -19,5 +19,5 @@ export declare class SkyPageComponent implements OnInit, OnDestroy {
|
|
|
19
19
|
ngOnInit(): void;
|
|
20
20
|
ngOnDestroy(): void;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyPageComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyPageComponent, "sky-page", never, { "layout": "layout"; }, {}, never, ["*"], false, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyPageComponent, "sky-page", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
23
23
|
}
|
|
@@ -57,5 +57,5 @@ export declare class SkyTextExpandComponent implements AfterContentInit {
|
|
|
57
57
|
animationEnd(): void;
|
|
58
58
|
ngAfterContentInit(): void;
|
|
59
59
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandComponent, never>;
|
|
60
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandComponent, "sky-text-expand", never, { "expandModalTitle": "expandModalTitle"; "maxExpandedLength": "maxExpandedLength"; "maxExpandedNewlines": "maxExpandedNewlines"; "maxLength": "maxLength"; "text": "text"; "truncateNewlines": "truncateNewlines"; }, {}, never, never, false, never>;
|
|
60
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandComponent, "sky-text-expand", never, { "expandModalTitle": { "alias": "expandModalTitle"; "required": false; }; "maxExpandedLength": { "alias": "maxExpandedLength"; "required": false; }; "maxExpandedNewlines": { "alias": "maxExpandedNewlines"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "text": { "alias": "text"; "required": false; }; "truncateNewlines": { "alias": "truncateNewlines"; "required": false; }; }, {}, never, never, false, never>;
|
|
61
61
|
}
|
|
@@ -35,5 +35,5 @@ export declare class SkyTextExpandRepeaterComponent implements AfterViewInit {
|
|
|
35
35
|
animationEnd(): void;
|
|
36
36
|
repeaterExpand(): void;
|
|
37
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkyTextExpandRepeaterComponent, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": "data"; "itemTemplate": "itemTemplate"; "listStyle": "listStyle"; "maxItems": "maxItems"; }, {}, never, never, false, never>;
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkyTextExpandRepeaterComponent, "sky-text-expand-repeater", never, { "data": { "alias": "data"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "listStyle": { "alias": "listStyle"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; }, {}, never, never, false, never>;
|
|
39
39
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/layout",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0-alpha.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -21,49 +21,41 @@
|
|
|
21
21
|
},
|
|
22
22
|
".": {
|
|
23
23
|
"types": "./index.d.ts",
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"node": "./fesm2015/skyux-layout.mjs",
|
|
28
|
-
"default": "./fesm2020/skyux-layout.mjs"
|
|
24
|
+
"esm2022": "./esm2022/skyux-layout.mjs",
|
|
25
|
+
"esm": "./esm2022/skyux-layout.mjs",
|
|
26
|
+
"default": "./fesm2022/skyux-layout.mjs"
|
|
29
27
|
},
|
|
30
28
|
"./testing": {
|
|
31
29
|
"types": "./testing/index.d.ts",
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"node": "./fesm2015/skyux-layout-testing.mjs",
|
|
36
|
-
"default": "./fesm2020/skyux-layout-testing.mjs"
|
|
30
|
+
"esm2022": "./esm2022/testing/skyux-layout-testing.mjs",
|
|
31
|
+
"esm": "./esm2022/testing/skyux-layout-testing.mjs",
|
|
32
|
+
"default": "./fesm2022/skyux-layout-testing.mjs"
|
|
37
33
|
},
|
|
38
34
|
"./documentation.json": {
|
|
39
35
|
"default": "./documentation.json"
|
|
40
36
|
}
|
|
41
37
|
},
|
|
42
38
|
"peerDependencies": {
|
|
43
|
-
"@angular/animations": "^
|
|
44
|
-
"@angular/cdk": "^
|
|
45
|
-
"@angular/common": "^
|
|
46
|
-
"@angular/core": "^
|
|
47
|
-
"@angular/forms": "^
|
|
48
|
-
"@angular/platform-browser": "^
|
|
49
|
-
"@angular/router": "^
|
|
50
|
-
"@skyux-sdk/testing": "
|
|
51
|
-
"@skyux/core": "
|
|
52
|
-
"@skyux/forms": "
|
|
53
|
-
"@skyux/i18n": "
|
|
54
|
-
"@skyux/indicators": "
|
|
55
|
-
"@skyux/modals": "
|
|
56
|
-
"@skyux/router": "
|
|
57
|
-
"@skyux/theme": "
|
|
39
|
+
"@angular/animations": "^16.1.7",
|
|
40
|
+
"@angular/cdk": "^16.1.6",
|
|
41
|
+
"@angular/common": "^16.1.7",
|
|
42
|
+
"@angular/core": "^16.1.7",
|
|
43
|
+
"@angular/forms": "^16.1.7",
|
|
44
|
+
"@angular/platform-browser": "^16.1.7",
|
|
45
|
+
"@angular/router": "^16.1.7",
|
|
46
|
+
"@skyux-sdk/testing": "9.0.0-alpha.1",
|
|
47
|
+
"@skyux/core": "9.0.0-alpha.1",
|
|
48
|
+
"@skyux/forms": "9.0.0-alpha.1",
|
|
49
|
+
"@skyux/i18n": "9.0.0-alpha.1",
|
|
50
|
+
"@skyux/indicators": "9.0.0-alpha.1",
|
|
51
|
+
"@skyux/modals": "9.0.0-alpha.1",
|
|
52
|
+
"@skyux/router": "9.0.0-alpha.1",
|
|
53
|
+
"@skyux/theme": "9.0.0-alpha.1"
|
|
58
54
|
},
|
|
59
55
|
"dependencies": {
|
|
60
56
|
"tslib": "^2.5.0"
|
|
61
57
|
},
|
|
62
|
-
"module": "
|
|
63
|
-
"es2020": "fesm2020/skyux-layout.mjs",
|
|
64
|
-
"esm2020": "esm2020/skyux-layout.mjs",
|
|
65
|
-
"fesm2020": "fesm2020/skyux-layout.mjs",
|
|
66
|
-
"fesm2015": "fesm2015/skyux-layout.mjs",
|
|
58
|
+
"module": "fesm2022/skyux-layout.mjs",
|
|
67
59
|
"typings": "index.d.ts",
|
|
68
60
|
"sideEffects": false
|
|
69
61
|
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
var _SkyActionButtonAdapterService_instances, _SkyActionButtonAdapterService_renderer, _SkyActionButtonAdapterService_getResponsiveClassName;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Injectable, } from '@angular/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
const RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
|
|
6
|
-
const RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';
|
|
7
|
-
const RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';
|
|
8
|
-
const BREAKPOINT_MD = 912;
|
|
9
|
-
const BREAKPOINT_LG = 1378;
|
|
10
|
-
/**
|
|
11
|
-
* @internal
|
|
12
|
-
*/
|
|
13
|
-
export class SkyActionButtonAdapterService {
|
|
14
|
-
constructor(rendererFactory) {
|
|
15
|
-
_SkyActionButtonAdapterService_instances.add(this);
|
|
16
|
-
_SkyActionButtonAdapterService_renderer.set(this, void 0);
|
|
17
|
-
__classPrivateFieldSet(this, _SkyActionButtonAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
|
|
18
|
-
}
|
|
19
|
-
getParentWidth(element) {
|
|
20
|
-
return element.nativeElement.parentElement?.getBoundingClientRect().width;
|
|
21
|
-
}
|
|
22
|
-
setResponsiveClass(element, width = 0) {
|
|
23
|
-
const el = element.nativeElement;
|
|
24
|
-
const className = __classPrivateFieldGet(this, _SkyActionButtonAdapterService_instances, "m", _SkyActionButtonAdapterService_getResponsiveClassName).call(this, width);
|
|
25
|
-
__classPrivateFieldGet(this, _SkyActionButtonAdapterService_renderer, "f").removeClass(el, RESPONSIVE_CLASS_SM);
|
|
26
|
-
__classPrivateFieldGet(this, _SkyActionButtonAdapterService_renderer, "f").removeClass(el, RESPONSIVE_CLASS_MD);
|
|
27
|
-
__classPrivateFieldGet(this, _SkyActionButtonAdapterService_renderer, "f").removeClass(el, RESPONSIVE_CLASS_LG);
|
|
28
|
-
__classPrivateFieldGet(this, _SkyActionButtonAdapterService_renderer, "f").addClass(el, className);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
_SkyActionButtonAdapterService_renderer = new WeakMap(), _SkyActionButtonAdapterService_instances = new WeakSet(), _SkyActionButtonAdapterService_getResponsiveClassName = function _SkyActionButtonAdapterService_getResponsiveClassName(width) {
|
|
32
|
-
if (width < BREAKPOINT_MD) {
|
|
33
|
-
return RESPONSIVE_CLASS_SM;
|
|
34
|
-
}
|
|
35
|
-
else if (width >= BREAKPOINT_MD && width < BREAKPOINT_LG) {
|
|
36
|
-
return RESPONSIVE_CLASS_MD;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
return RESPONSIVE_CLASS_LG;
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
SkyActionButtonAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
43
|
-
SkyActionButtonAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonAdapterService });
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonAdapterService, decorators: [{
|
|
45
|
-
type: Injectable
|
|
46
|
-
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1hZGFwdGVyLXNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tYWRhcHRlci1zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUVMLFVBQVUsR0FHWCxNQUFNLGVBQWUsQ0FBQzs7QUFFdkIsTUFBTSxtQkFBbUIsR0FBRyxnQ0FBZ0MsQ0FBQztBQUM3RCxNQUFNLG1CQUFtQixHQUFHLGdDQUFnQyxDQUFDO0FBQzdELE1BQU0sbUJBQW1CLEdBQUcsZ0NBQWdDLENBQUM7QUFFN0QsTUFBTSxhQUFhLEdBQUcsR0FBRyxDQUFDO0FBQzFCLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQztBQUUzQjs7R0FFRztBQUVILE1BQU0sT0FBTyw2QkFBNkI7SUFHeEMsWUFBWSxlQUFpQzs7UUFGN0MsMERBQXFCO1FBR25CLHVCQUFBLElBQUksMkNBQWEsZUFBZSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLE1BQUEsQ0FBQztJQUNuRSxDQUFDO0lBRU0sY0FBYyxDQUFDLE9BQW1CO1FBQ3ZDLE9BQ0UsT0FBTyxDQUFDLGFBQ1QsQ0FBQyxhQUFhLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLENBQUM7SUFDakQsQ0FBQztJQUVNLGtCQUFrQixDQUFDLE9BQW1CLEVBQUUsS0FBSyxHQUFHLENBQUM7UUFDdEQsTUFBTSxFQUFFLEdBQVEsT0FBTyxDQUFDLGFBQWEsQ0FBQztRQUN0QyxNQUFNLFNBQVMsR0FBRyx1QkFBQSxJQUFJLHVHQUF3QixNQUE1QixJQUFJLEVBQXlCLEtBQUssQ0FBQyxDQUFDO1FBRXRELHVCQUFBLElBQUksK0NBQVUsQ0FBQyxXQUFXLENBQUMsRUFBRSxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFDcEQsdUJBQUEsSUFBSSwrQ0FBVSxDQUFDLFdBQVcsQ0FBQyxFQUFFLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztRQUNwRCx1QkFBQSxJQUFJLCtDQUFVLENBQUMsV0FBVyxDQUFDLEVBQUUsRUFBRSxtQkFBbUIsQ0FBQyxDQUFDO1FBRXBELHVCQUFBLElBQUksK0NBQVUsQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3pDLENBQUM7OzBPQUV1QixLQUFhO0lBQ25DLElBQUksS0FBSyxHQUFHLGFBQWEsRUFBRTtRQUN6QixPQUFPLG1CQUFtQixDQUFDO0tBQzVCO1NBQU0sSUFBSSxLQUFLLElBQUksYUFBYSxJQUFJLEtBQUssR0FBRyxhQUFhLEVBQUU7UUFDMUQsT0FBTyxtQkFBbUIsQ0FBQztLQUM1QjtTQUFNO1FBQ0wsT0FBTyxtQkFBbUIsQ0FBQztLQUM1QjtBQUNILENBQUM7MEhBaENVLDZCQUE2Qjs4SEFBN0IsNkJBQTZCOzJGQUE3Qiw2QkFBNkI7a0JBRHpDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBFbGVtZW50UmVmLFxuICBJbmplY3RhYmxlLFxuICBSZW5kZXJlcjIsXG4gIFJlbmRlcmVyRmFjdG9yeTIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5jb25zdCBSRVNQT05TSVZFX0NMQVNTX1NNID0gJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1zbSc7XG5jb25zdCBSRVNQT05TSVZFX0NMQVNTX01EID0gJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1tZCc7XG5jb25zdCBSRVNQT05TSVZFX0NMQVNTX0xHID0gJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1sZyc7XG5cbmNvbnN0IEJSRUFLUE9JTlRfTUQgPSA5MTI7XG5jb25zdCBCUkVBS1BPSU5UX0xHID0gMTM3ODtcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlIHtcbiAgI3JlbmRlcmVyOiBSZW5kZXJlcjI7XG5cbiAgY29uc3RydWN0b3IocmVuZGVyZXJGYWN0b3J5OiBSZW5kZXJlckZhY3RvcnkyKSB7XG4gICAgdGhpcy4jcmVuZGVyZXIgPSByZW5kZXJlckZhY3RvcnkuY3JlYXRlUmVuZGVyZXIodW5kZWZpbmVkLCBudWxsKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRQYXJlbnRXaWR0aChlbGVtZW50OiBFbGVtZW50UmVmKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gKFxuICAgICAgZWxlbWVudC5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50XG4gICAgKS5wYXJlbnRFbGVtZW50Py5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcbiAgfVxuXG4gIHB1YmxpYyBzZXRSZXNwb25zaXZlQ2xhc3MoZWxlbWVudDogRWxlbWVudFJlZiwgd2lkdGggPSAwKTogdm9pZCB7XG4gICAgY29uc3QgZWw6IGFueSA9IGVsZW1lbnQubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBjbGFzc05hbWUgPSB0aGlzLiNnZXRSZXNwb25zaXZlQ2xhc3NOYW1lKHdpZHRoKTtcblxuICAgIHRoaXMuI3JlbmRlcmVyLnJlbW92ZUNsYXNzKGVsLCBSRVNQT05TSVZFX0NMQVNTX1NNKTtcbiAgICB0aGlzLiNyZW5kZXJlci5yZW1vdmVDbGFzcyhlbCwgUkVTUE9OU0lWRV9DTEFTU19NRCk7XG4gICAgdGhpcy4jcmVuZGVyZXIucmVtb3ZlQ2xhc3MoZWwsIFJFU1BPTlNJVkVfQ0xBU1NfTEcpO1xuXG4gICAgdGhpcy4jcmVuZGVyZXIuYWRkQ2xhc3MoZWwsIGNsYXNzTmFtZSk7XG4gIH1cblxuICAjZ2V0UmVzcG9uc2l2ZUNsYXNzTmFtZSh3aWR0aDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBpZiAod2lkdGggPCBCUkVBS1BPSU5UX01EKSB7XG4gICAgICByZXR1cm4gUkVTUE9OU0lWRV9DTEFTU19TTTtcbiAgICB9IGVsc2UgaWYgKHdpZHRoID49IEJSRUFLUE9JTlRfTUQgJiYgd2lkdGggPCBCUkVBS1BPSU5UX0xHKSB7XG4gICAgICByZXR1cm4gUkVTUE9OU0lWRV9DTEFTU19NRDtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIFJFU1BPTlNJVkVfQ0xBU1NfTEc7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
var _SkyActionButtonContainerComponent_instances, _SkyActionButtonContainerComponent_ngUnsubscribe, _SkyActionButtonContainerComponent_syncMaxHeightTimeout, _SkyActionButtonContainerComponent_themeName_set, _SkyActionButtonContainerComponent__alignItems, _SkyActionButtonContainerComponent__themeName, _SkyActionButtonContainerComponent_viewInitialized, _SkyActionButtonContainerComponent_actionButtonAdapterService, _SkyActionButtonContainerComponent_changeDetector, _SkyActionButtonContainerComponent_coreAdapterService, _SkyActionButtonContainerComponent_hostElRef, _SkyActionButtonContainerComponent_themeSvc, _SkyActionButtonContainerComponent_updateHeight, _SkyActionButtonContainerComponent_updateResponsiveClass;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, ContentChildren, ElementRef, HostListener, Input, Optional, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
4
|
-
import { Subject } from 'rxjs';
|
|
5
|
-
import { takeUntil } from 'rxjs/operators';
|
|
6
|
-
import { SkyActionButtonAdapterService } from './action-button-adapter-service';
|
|
7
|
-
import { SkyActionButtonComponent } from './action-button.component';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "./action-button-adapter-service";
|
|
10
|
-
import * as i2 from "@skyux/core";
|
|
11
|
-
import * as i3 from "@skyux/theme";
|
|
12
|
-
import * as i4 from "@angular/common";
|
|
13
|
-
import * as i5 from "@angular/cdk/observers";
|
|
14
|
-
/**
|
|
15
|
-
* Wraps action buttons to ensures that they have consistent height and spacing.
|
|
16
|
-
* @required
|
|
17
|
-
*/
|
|
18
|
-
export class SkyActionButtonContainerComponent {
|
|
19
|
-
/**
|
|
20
|
-
* How to display the action buttons inside the action button container.
|
|
21
|
-
* Options are `"center"` or `"left"`.
|
|
22
|
-
* @default "center"
|
|
23
|
-
*/
|
|
24
|
-
set alignItems(value) {
|
|
25
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent__alignItems, value ?? 'center', "f");
|
|
26
|
-
}
|
|
27
|
-
get alignItems() {
|
|
28
|
-
return __classPrivateFieldGet(this, _SkyActionButtonContainerComponent__alignItems, "f");
|
|
29
|
-
}
|
|
30
|
-
constructor(actionButtonAdapterService, changeDetector, coreAdapterService, hostElRef, themeSvc) {
|
|
31
|
-
_SkyActionButtonContainerComponent_instances.add(this);
|
|
32
|
-
_SkyActionButtonContainerComponent_ngUnsubscribe.set(this, new Subject());
|
|
33
|
-
_SkyActionButtonContainerComponent_syncMaxHeightTimeout.set(this, void 0);
|
|
34
|
-
_SkyActionButtonContainerComponent__alignItems.set(this, 'center');
|
|
35
|
-
_SkyActionButtonContainerComponent__themeName.set(this, void 0);
|
|
36
|
-
_SkyActionButtonContainerComponent_viewInitialized.set(this, false);
|
|
37
|
-
_SkyActionButtonContainerComponent_actionButtonAdapterService.set(this, void 0);
|
|
38
|
-
_SkyActionButtonContainerComponent_changeDetector.set(this, void 0);
|
|
39
|
-
_SkyActionButtonContainerComponent_coreAdapterService.set(this, void 0);
|
|
40
|
-
_SkyActionButtonContainerComponent_hostElRef.set(this, void 0);
|
|
41
|
-
_SkyActionButtonContainerComponent_themeSvc.set(this, void 0);
|
|
42
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_actionButtonAdapterService, actionButtonAdapterService, "f");
|
|
43
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_changeDetector, changeDetector, "f");
|
|
44
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_coreAdapterService, coreAdapterService, "f");
|
|
45
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_hostElRef, hostElRef, "f");
|
|
46
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_themeSvc, themeSvc, "f");
|
|
47
|
-
}
|
|
48
|
-
ngOnInit() {
|
|
49
|
-
/* istanbul ignore else */
|
|
50
|
-
if (__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_themeSvc, "f")) {
|
|
51
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_themeSvc, "f").settingsChange
|
|
52
|
-
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_ngUnsubscribe, "f")))
|
|
53
|
-
.subscribe((themeSettings) => {
|
|
54
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_instances, themeSettings.currentSettings.theme.name, "a", _SkyActionButtonContainerComponent_themeName_set);
|
|
55
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_changeDetector, "f").markForCheck();
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
// Wait for children components to complete rendering before container width is determined.
|
|
59
|
-
setTimeout(() => {
|
|
60
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateResponsiveClass).call(this);
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
ngAfterViewInit() {
|
|
64
|
-
// Watch for dynamic action button changes and recalculate height.
|
|
65
|
-
/* istanbul ignore else */
|
|
66
|
-
if (this.actionButtons) {
|
|
67
|
-
this.actionButtons.changes
|
|
68
|
-
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_ngUnsubscribe, "f")))
|
|
69
|
-
.subscribe(() => {
|
|
70
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateHeight).call(this);
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_viewInitialized, true, "f");
|
|
74
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateHeight).call(this);
|
|
75
|
-
}
|
|
76
|
-
ngOnDestroy() {
|
|
77
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_ngUnsubscribe, "f").next();
|
|
78
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_ngUnsubscribe, "f").complete();
|
|
79
|
-
}
|
|
80
|
-
onContentChange() {
|
|
81
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateHeight).call(this);
|
|
82
|
-
}
|
|
83
|
-
onWindowResize() {
|
|
84
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateResponsiveClass).call(this);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
_SkyActionButtonContainerComponent_ngUnsubscribe = new WeakMap(), _SkyActionButtonContainerComponent_syncMaxHeightTimeout = new WeakMap(), _SkyActionButtonContainerComponent__alignItems = new WeakMap(), _SkyActionButtonContainerComponent__themeName = new WeakMap(), _SkyActionButtonContainerComponent_viewInitialized = new WeakMap(), _SkyActionButtonContainerComponent_actionButtonAdapterService = new WeakMap(), _SkyActionButtonContainerComponent_changeDetector = new WeakMap(), _SkyActionButtonContainerComponent_coreAdapterService = new WeakMap(), _SkyActionButtonContainerComponent_hostElRef = new WeakMap(), _SkyActionButtonContainerComponent_themeSvc = new WeakMap(), _SkyActionButtonContainerComponent_instances = new WeakSet(), _SkyActionButtonContainerComponent_themeName_set = function _SkyActionButtonContainerComponent_themeName_set(value) {
|
|
88
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent__themeName, value, "f");
|
|
89
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateResponsiveClass).call(this);
|
|
90
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateHeight).call(this);
|
|
91
|
-
}, _SkyActionButtonContainerComponent_updateHeight = function _SkyActionButtonContainerComponent_updateHeight(delay = 0) {
|
|
92
|
-
const ref = this.containerRef;
|
|
93
|
-
if (ref && __classPrivateFieldGet(this, _SkyActionButtonContainerComponent_viewInitialized, "f")) {
|
|
94
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_coreAdapterService, "f").resetHeight(ref, '.sky-action-button');
|
|
95
|
-
if (__classPrivateFieldGet(this, _SkyActionButtonContainerComponent__themeName, "f") === 'modern') {
|
|
96
|
-
// Wait for children components to complete rendering before height is determined.
|
|
97
|
-
clearTimeout(__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_syncMaxHeightTimeout, "f"));
|
|
98
|
-
__classPrivateFieldSet(this, _SkyActionButtonContainerComponent_syncMaxHeightTimeout, setTimeout(() => {
|
|
99
|
-
const selector = '.sky-action-button:not([hidden])';
|
|
100
|
-
const button = ref.nativeElement.querySelector(selector);
|
|
101
|
-
if (button && button.offsetHeight > 0) {
|
|
102
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_coreAdapterService, "f").syncMaxHeight(ref, selector);
|
|
103
|
-
}
|
|
104
|
-
else if (delay < 200) {
|
|
105
|
-
// Wait progressively longer between retries.
|
|
106
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_instances, "m", _SkyActionButtonContainerComponent_updateHeight).call(this, delay + 50);
|
|
107
|
-
}
|
|
108
|
-
}, delay), "f");
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}, _SkyActionButtonContainerComponent_updateResponsiveClass = function _SkyActionButtonContainerComponent_updateResponsiveClass() {
|
|
112
|
-
if (this.containerRef) {
|
|
113
|
-
const parentWidth = __classPrivateFieldGet(this, _SkyActionButtonContainerComponent_actionButtonAdapterService, "f").getParentWidth(__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_hostElRef, "f"));
|
|
114
|
-
__classPrivateFieldGet(this, _SkyActionButtonContainerComponent_actionButtonAdapterService, "f").setResponsiveClass(this.containerRef, parentWidth);
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
SkyActionButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonContainerComponent, deps: [{ token: i1.SkyActionButtonAdapterService }, { token: i0.ChangeDetectorRef }, { token: i2.SkyCoreAdapterService }, { token: i0.ElementRef }, { token: i3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
118
|
-
SkyActionButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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 (cdkObserveContent)=\"onContentChange()\"\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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonContainerComponent, decorators: [{
|
|
120
|
-
type: Component,
|
|
121
|
-
args: [{ selector: 'sky-action-button-container', providers: [SkyActionButtonAdapterService], encapsulation: ViewEncapsulation.None, 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 (cdkObserveContent)=\"onContentChange()\"\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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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;margin:calc(var(--sky-compat-action-button-flex-margin, 20px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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:var(--sky-compat-action-button-flex-sm-padding, 0) 0;margin:calc(var(--sky-compat-action-button-flex-margin, 10px) * -1) 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"] }]
|
|
122
|
-
}], ctorParameters: function () { return [{ type: i1.SkyActionButtonAdapterService }, { type: i0.ChangeDetectorRef }, { type: i2.SkyCoreAdapterService }, { type: i0.ElementRef }, { type: i3.SkyThemeService, decorators: [{
|
|
123
|
-
type: Optional
|
|
124
|
-
}] }]; }, propDecorators: { alignItems: [{
|
|
125
|
-
type: Input
|
|
126
|
-
}], actionButtons: [{
|
|
127
|
-
type: ContentChildren,
|
|
128
|
-
args: [SkyActionButtonComponent]
|
|
129
|
-
}], containerRef: [{
|
|
130
|
-
type: ViewChild,
|
|
131
|
-
args: ['container', {
|
|
132
|
-
read: ElementRef,
|
|
133
|
-
static: true,
|
|
134
|
-
}]
|
|
135
|
-
}], onWindowResize: [{
|
|
136
|
-
type: HostListener,
|
|
137
|
-
args: ['window:resize']
|
|
138
|
-
}] } });
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUdMLFNBQVMsRUFDVCxlQUFlLEVBQ2YsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBR0wsUUFBUSxFQUVSLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFJdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7QUFHckU7OztHQUdHO0FBUUgsTUFBTSxPQUFPLGlDQUFpQztJQUc1Qzs7OztPQUlHO0lBQ0gsSUFDVyxVQUFVLENBQ25CLEtBQXlEO1FBRXpELHVCQUFBLElBQUksa0RBQWdCLEtBQUssSUFBSSxRQUFRLE1BQUEsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE9BQU8sdUJBQUEsSUFBSSxzREFBYSxDQUFDO0lBQzNCLENBQUM7SUFpQ0QsWUFDRSwwQkFBeUQsRUFDekQsY0FBaUMsRUFDakMsa0JBQXlDLEVBQ3pDLFNBQXFCLEVBQ1QsUUFBMEI7O1FBM0J4QywyREFBaUIsSUFBSSxPQUFPLEVBQVEsRUFBQztRQUVyQywwRUFBK0I7UUFRL0IseURBQXVELFFBQVEsRUFBQztRQUVoRSxnRUFBZ0M7UUFFaEMsNkRBQW1CLEtBQUssRUFBQztRQUV6QixnRkFBMkQ7UUFDM0Qsb0VBQW1DO1FBQ25DLHdFQUEyQztRQUMzQywrREFBdUI7UUFDdkIsOERBQXVDO1FBU3JDLHVCQUFBLElBQUksaUVBQStCLDBCQUEwQixNQUFBLENBQUM7UUFDOUQsdUJBQUEsSUFBSSxxREFBbUIsY0FBYyxNQUFBLENBQUM7UUFDdEMsdUJBQUEsSUFBSSx5REFBdUIsa0JBQWtCLE1BQUEsQ0FBQztRQUM5Qyx1QkFBQSxJQUFJLGdEQUFjLFNBQVMsTUFBQSxDQUFDO1FBQzVCLHVCQUFBLElBQUksK0NBQWEsUUFBUSxNQUFBLENBQUM7SUFDNUIsQ0FBQztJQUVNLFFBQVE7UUFDYiwwQkFBMEI7UUFDMUIsSUFBSSx1QkFBQSxJQUFJLG1EQUFVLEVBQUU7WUFDbEIsdUJBQUEsSUFBSSxtREFBVSxDQUFDLGNBQWM7aUJBQzFCLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQUEsSUFBSSx3REFBZSxDQUFDLENBQUM7aUJBQ3BDLFNBQVMsQ0FBQyxDQUFDLGFBQWEsRUFBRSxFQUFFO2dCQUMzQix1QkFBQSxJQUFJLGdEQUFjLGFBQWEsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLElBQUksd0RBQUEsQ0FBQztnQkFDM0QsdUJBQUEsSUFBSSx5REFBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QyxDQUFDLENBQUMsQ0FBQztTQUNOO1FBRUQsMkZBQTJGO1FBQzNGLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCx1QkFBQSxJQUFJLDhHQUF1QixNQUEzQixJQUFJLENBQXlCLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sZUFBZTtRQUNwQixrRUFBa0U7UUFDbEUsMEJBQTBCO1FBQzFCLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU87aUJBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsdUJBQUEsSUFBSSx3REFBZSxDQUFDLENBQUM7aUJBQ3BDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsdUJBQUEsSUFBSSxxR0FBYyxNQUFsQixJQUFJLENBQWdCLENBQUM7WUFDdkIsQ0FBQyxDQUFDLENBQUM7U0FDTjtRQUNELHVCQUFBLElBQUksc0RBQW9CLElBQUksTUFBQSxDQUFDO1FBQzdCLHVCQUFBLElBQUkscUdBQWMsTUFBbEIsSUFBSSxDQUFnQixDQUFDO0lBQ3ZCLENBQUM7SUFFTSxXQUFXO1FBQ2hCLHVCQUFBLElBQUksd0RBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLHdEQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVNLGVBQWU7UUFDcEIsdUJBQUEsSUFBSSxxR0FBYyxNQUFsQixJQUFJLENBQWdCLENBQUM7SUFDdkIsQ0FBQztJQUdNLGNBQWM7UUFDbkIsdUJBQUEsSUFBSSw4R0FBdUIsTUFBM0IsSUFBSSxDQUF5QixDQUFDO0lBQ2hDLENBQUM7OzYwQkEzRWMsS0FBYTtJQUMxQix1QkFBQSxJQUFJLGlEQUFlLEtBQUssTUFBQSxDQUFDO0lBQ3pCLHVCQUFBLElBQUksOEdBQXVCLE1BQTNCLElBQUksQ0FBeUIsQ0FBQztJQUM5Qix1QkFBQSxJQUFJLHFHQUFjLE1BQWxCLElBQUksQ0FBZ0IsQ0FBQztBQUN2QixDQUFDLDZHQXlFYSxLQUFLLEdBQUcsQ0FBQztJQUNyQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzlCLElBQUksR0FBRyxJQUFJLHVCQUFBLElBQUksMERBQWlCLEVBQUU7UUFDaEMsdUJBQUEsSUFBSSw2REFBb0IsQ0FBQyxXQUFXLENBQUMsR0FBRyxFQUFFLG9CQUFvQixDQUFDLENBQUM7UUFDaEUsSUFBSSx1QkFBQSxJQUFJLHFEQUFZLEtBQUssUUFBUSxFQUFFO1lBQ2pDLGtGQUFrRjtZQUNsRixZQUFZLENBQUMsdUJBQUEsSUFBSSwrREFBc0IsQ0FBQyxDQUFDO1lBQ3pDLHVCQUFBLElBQUksMkRBQXlCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQzNDLE1BQU0sUUFBUSxHQUFHLGtDQUFrQyxDQUFDO2dCQUNwRCxNQUFNLE1BQU0sR0FBRyxHQUFHLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDekQsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQUU7b0JBQ3JDLHVCQUFBLElBQUksNkRBQW9CLENBQUMsYUFBYSxDQUFDLEdBQUcsRUFBRSxRQUFRLENBQUMsQ0FBQztpQkFDdkQ7cUJBQU0sSUFBSSxLQUFLLEdBQUcsR0FBRyxFQUFFO29CQUN0Qiw2Q0FBNkM7b0JBQzdDLHVCQUFBLElBQUkscUdBQWMsTUFBbEIsSUFBSSxFQUFlLEtBQUssR0FBRyxFQUFFLENBQUMsQ0FBQztpQkFDaEM7WUFDSCxDQUFDLEVBQUUsS0FBSyxDQUFzQixNQUFBLENBQUM7U0FDaEM7S0FDRjtBQUNILENBQUM7SUFHQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7UUFDckIsTUFBTSxXQUFXLEdBQUcsdUJBQUEsSUFBSSxxRUFBNEIsQ0FBQyxjQUFjLENBQ2pFLHVCQUFBLElBQUksb0RBQVcsQ0FDaEIsQ0FBQztRQUNGLHVCQUFBLElBQUkscUVBQTRCLENBQUMsa0JBQWtCLENBQ2pELElBQUksQ0FBQyxZQUFZLEVBQ2pCLFdBQVcsQ0FDWixDQUFDO0tBQ0g7QUFDSCxDQUFDOzhIQTVJVSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywwSkFIakMsQ0FBQyw2QkFBNkIsQ0FBQyx3REFzQnpCLHdCQUF3QixtSEFJakMsVUFBVSwyQ0MzRHBCLGtYQVlBOzJGRHdCYSxpQ0FBaUM7a0JBUDdDLFNBQVM7K0JBQ0UsNkJBQTZCLGFBRzVCLENBQUMsNkJBQTZCLENBQUMsaUJBQzNCLGlCQUFpQixDQUFDLElBQUk7OzBCQXlEbEMsUUFBUTs0Q0E5Q0EsVUFBVTtzQkFEcEIsS0FBSztnQkFZQyxhQUFhO3NCQURuQixlQUFlO3VCQUFDLHdCQUF3QjtnQkFPbEMsWUFBWTtzQkFKbEIsU0FBUzt1QkFBQyxXQUFXLEVBQUU7d0JBQ3RCLElBQUksRUFBRSxVQUFVO3dCQUNoQixNQUFNLEVBQUUsSUFBSTtxQkFDYjtnQkFnRk0sY0FBYztzQkFEcEIsWUFBWTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb3JlQWRhcHRlclNlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5pbXBvcnQgeyBTa3lUaGVtZVNlcnZpY2UgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlIH0gZnJvbSAnLi9hY3Rpb24tYnV0dG9uLWFkYXB0ZXItc2VydmljZSc7XG5pbXBvcnQgeyBTa3lBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIH0gZnJvbSAnLi90eXBlcy9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci1hbGlnbi1pdGVtcy10eXBlJztcblxuLyoqXG4gKiBXcmFwcyBhY3Rpb24gYnV0dG9ucyB0byBlbnN1cmVzIHRoYXQgdGhleSBoYXZlIGNvbnNpc3RlbnQgaGVpZ2h0IGFuZCBzcGFjaW5nLlxuICogQHJlcXVpcmVkXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24tYnV0dG9uLWNvbnRhaW5lcicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24tY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreUFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uQ29udGFpbmVyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBPbkluaXRcbntcbiAgLyoqXG4gICAqIEhvdyB0byBkaXNwbGF5IHRoZSBhY3Rpb24gYnV0dG9ucyBpbnNpZGUgdGhlIGFjdGlvbiBidXR0b24gY29udGFpbmVyLlxuICAgKiBPcHRpb25zIGFyZSBgXCJjZW50ZXJcImAgb3IgYFwibGVmdFwiYC5cbiAgICogQGRlZmF1bHQgXCJjZW50ZXJcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBhbGlnbkl0ZW1zKFxuICAgIHZhbHVlOiBTa3lBY3Rpb25CdXR0b25Db250YWluZXJBbGlnbkl0ZW1zVHlwZSB8IHVuZGVmaW5lZFxuICApIHtcbiAgICB0aGlzLiNfYWxpZ25JdGVtcyA9IHZhbHVlID8/ICdjZW50ZXInO1xuICB9XG5cbiAgcHVibGljIGdldCBhbGlnbkl0ZW1zKCk6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlIHtcbiAgICByZXR1cm4gdGhpcy4jX2FsaWduSXRlbXM7XG4gIH1cblxuICBAQ29udGVudENoaWxkcmVuKFNreUFjdGlvbkJ1dHRvbkNvbXBvbmVudClcbiAgcHVibGljIGFjdGlvbkJ1dHRvbnM6IFF1ZXJ5TGlzdDxTa3lBY3Rpb25CdXR0b25Db21wb25lbnQ+IHwgdW5kZWZpbmVkO1xuXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicsIHtcbiAgICByZWFkOiBFbGVtZW50UmVmLFxuICAgIHN0YXRpYzogdHJ1ZSxcbiAgfSlcbiAgcHVibGljIGNvbnRhaW5lclJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgI3N5bmNNYXhIZWlnaHRUaW1lb3V0PzogbnVtYmVyO1xuXG4gIHNldCAjdGhlbWVOYW1lKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLiNfdGhlbWVOYW1lID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlUmVzcG9uc2l2ZUNsYXNzKCk7XG4gICAgdGhpcy4jdXBkYXRlSGVpZ2h0KCk7XG4gIH1cblxuICAjX2FsaWduSXRlbXM6IFNreUFjdGlvbkJ1dHRvbkNvbnRhaW5lckFsaWduSXRlbXNUeXBlID0gJ2NlbnRlcic7XG5cbiAgI190aGVtZU5hbWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjdmlld0luaXRpYWxpemVkID0gZmFsc2U7XG5cbiAgI2FjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlOiBTa3lBY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZTtcbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcbiAgI2NvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlO1xuICAjaG9zdEVsUmVmOiBFbGVtZW50UmVmO1xuICAjdGhlbWVTdmM6IFNreVRoZW1lU2VydmljZSB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZTogU2t5QWN0aW9uQnV0dG9uQWRhcHRlclNlcnZpY2UsXG4gICAgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIGNvcmVBZGFwdGVyU2VydmljZTogU2t5Q29yZUFkYXB0ZXJTZXJ2aWNlLFxuICAgIGhvc3RFbFJlZjogRWxlbWVudFJlZixcbiAgICBAT3B0aW9uYWwoKSB0aGVtZVN2Yz86IFNreVRoZW1lU2VydmljZVxuICApIHtcbiAgICB0aGlzLiNhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZSA9IGFjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlO1xuICAgIHRoaXMuI2NoYW5nZURldGVjdG9yID0gY2hhbmdlRGV0ZWN0b3I7XG4gICAgdGhpcy4jY29yZUFkYXB0ZXJTZXJ2aWNlID0gY29yZUFkYXB0ZXJTZXJ2aWNlO1xuICAgIHRoaXMuI2hvc3RFbFJlZiA9IGhvc3RFbFJlZjtcbiAgICB0aGlzLiN0aGVtZVN2YyA9IHRoZW1lU3ZjO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgaWYgKHRoaXMuI3RoZW1lU3ZjKSB7XG4gICAgICB0aGlzLiN0aGVtZVN2Yy5zZXR0aW5nc0NoYW5nZVxuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKHRoZW1lU2V0dGluZ3MpID0+IHtcbiAgICAgICAgICB0aGlzLiN0aGVtZU5hbWUgPSB0aGVtZVNldHRpbmdzLmN1cnJlbnRTZXR0aW5ncy50aGVtZS5uYW1lO1xuICAgICAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgY29udGFpbmVyIHdpZHRoIGlzIGRldGVybWluZWQuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLiN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgLy8gV2F0Y2ggZm9yIGR5bmFtaWMgYWN0aW9uIGJ1dHRvbiBjaGFuZ2VzIGFuZCByZWNhbGN1bGF0ZSBoZWlnaHQuXG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAodGhpcy5hY3Rpb25CdXR0b25zKSB7XG4gICAgICB0aGlzLmFjdGlvbkJ1dHRvbnMuY2hhbmdlc1xuICAgICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgICAgIHRoaXMuI3VwZGF0ZUhlaWdodCgpO1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy4jdmlld0luaXRpYWxpemVkID0gdHJ1ZTtcbiAgICB0aGlzLiN1cGRhdGVIZWlnaHQoKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwdWJsaWMgb25Db250ZW50Q2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMuI3VwZGF0ZUhlaWdodCgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIHB1YmxpYyBvbldpbmRvd1Jlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTtcbiAgfVxuXG4gICN1cGRhdGVIZWlnaHQoZGVsYXkgPSAwKTogdm9pZCB7XG4gICAgY29uc3QgcmVmID0gdGhpcy5jb250YWluZXJSZWY7XG4gICAgaWYgKHJlZiAmJiB0aGlzLiN2aWV3SW5pdGlhbGl6ZWQpIHtcbiAgICAgIHRoaXMuI2NvcmVBZGFwdGVyU2VydmljZS5yZXNldEhlaWdodChyZWYsICcuc2t5LWFjdGlvbi1idXR0b24nKTtcbiAgICAgIGlmICh0aGlzLiNfdGhlbWVOYW1lID09PSAnbW9kZXJuJykge1xuICAgICAgICAvLyBXYWl0IGZvciBjaGlsZHJlbiBjb21wb25lbnRzIHRvIGNvbXBsZXRlIHJlbmRlcmluZyBiZWZvcmUgaGVpZ2h0IGlzIGRldGVybWluZWQuXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLiNzeW5jTWF4SGVpZ2h0VGltZW91dCk7XG4gICAgICAgIHRoaXMuI3N5bmNNYXhIZWlnaHRUaW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgY29uc3Qgc2VsZWN0b3IgPSAnLnNreS1hY3Rpb24tYnV0dG9uOm5vdChbaGlkZGVuXSknO1xuICAgICAgICAgIGNvbnN0IGJ1dHRvbiA9IHJlZi5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3Ioc2VsZWN0b3IpO1xuICAgICAgICAgIGlmIChidXR0b24gJiYgYnV0dG9uLm9mZnNldEhlaWdodCA+IDApIHtcbiAgICAgICAgICAgIHRoaXMuI2NvcmVBZGFwdGVyU2VydmljZS5zeW5jTWF4SGVpZ2h0KHJlZiwgc2VsZWN0b3IpO1xuICAgICAgICAgIH0gZWxzZSBpZiAoZGVsYXkgPCAyMDApIHtcbiAgICAgICAgICAgIC8vIFdhaXQgcHJvZ3Jlc3NpdmVseSBsb25nZXIgYmV0d2VlbiByZXRyaWVzLlxuICAgICAgICAgICAgdGhpcy4jdXBkYXRlSGVpZ2h0KGRlbGF5ICsgNTApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSwgZGVsYXkpIGFzIHVua25vd24gYXMgbnVtYmVyO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICN1cGRhdGVSZXNwb25zaXZlQ2xhc3MoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29udGFpbmVyUmVmKSB7XG4gICAgICBjb25zdCBwYXJlbnRXaWR0aCA9IHRoaXMuI2FjdGlvbkJ1dHRvbkFkYXB0ZXJTZXJ2aWNlLmdldFBhcmVudFdpZHRoKFxuICAgICAgICB0aGlzLiNob3N0RWxSZWZcbiAgICAgICk7XG4gICAgICB0aGlzLiNhY3Rpb25CdXR0b25BZGFwdGVyU2VydmljZS5zZXRSZXNwb25zaXZlQ2xhc3MoXG4gICAgICAgIHRoaXMuY29udGFpbmVyUmVmLFxuICAgICAgICBwYXJlbnRXaWR0aFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1jb250YWluZXJcIiAjY29udGFpbmVyPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJza3ktYWN0aW9uLWJ1dHRvbi1mbGV4XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWFjdGlvbi1idXR0b24tZmxleC1hbGlnbi1sZWZ0JzogYWxpZ25JdGVtcyA9PT0gJ2xlZnQnLFxuICAgICAgJ3NreS1hY3Rpb24tYnV0dG9uLWZsZXgtYWxpZ24tY2VudGVyJzogYWxpZ25JdGVtcyA9PT0gJ2NlbnRlcidcbiAgICB9XCJcbiAgICAoY2RrT2JzZXJ2ZUNvbnRlbnQpPVwib25Db250ZW50Q2hhbmdlKClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
var _SkyActionButtonIconComponent_subscription;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
4
|
-
import { SkyMediaBreakpoints } from '@skyux/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@skyux/core";
|
|
7
|
-
import * as i2 from "@skyux/indicators";
|
|
8
|
-
const FONTSIZECLASS_SMALL = '2x';
|
|
9
|
-
const FONTSIZECLASS_LARGE = '3x';
|
|
10
|
-
/**
|
|
11
|
-
* Specifies an icon to display on the action button.
|
|
12
|
-
*/
|
|
13
|
-
export class SkyActionButtonIconComponent {
|
|
14
|
-
constructor(mediaQueryService) {
|
|
15
|
-
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
16
|
-
_SkyActionButtonIconComponent_subscription.set(this, void 0);
|
|
17
|
-
__classPrivateFieldSet(this, _SkyActionButtonIconComponent_subscription, mediaQueryService.subscribe((args) => {
|
|
18
|
-
if (args === SkyMediaBreakpoints.xs) {
|
|
19
|
-
this.fontSizeClass = FONTSIZECLASS_SMALL;
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
this.fontSizeClass = FONTSIZECLASS_LARGE;
|
|
23
|
-
}
|
|
24
|
-
}), "f");
|
|
25
|
-
}
|
|
26
|
-
ngOnDestroy() {
|
|
27
|
-
/* istanbul ignore else */
|
|
28
|
-
/* sanity check */
|
|
29
|
-
if (__classPrivateFieldGet(this, _SkyActionButtonIconComponent_subscription, "f")) {
|
|
30
|
-
__classPrivateFieldGet(this, _SkyActionButtonIconComponent_subscription, "f").unsubscribe();
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
_SkyActionButtonIconComponent_subscription = new WeakMap();
|
|
35
|
-
SkyActionButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonIconComponent, deps: [{ token: i1.SkyMediaQueryService }], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
-
SkyActionButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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:#ebfbff;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:#ebfbff;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"], dependencies: [{ kind: "component", type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionButtonIconComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'sky-action-button-icon', 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:#ebfbff;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:#ebfbff;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"] }]
|
|
40
|
-
}], ctorParameters: function () { return [{ type: i1.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1CQUFtQixFQUF3QixNQUFNLGFBQWEsQ0FBQzs7OztBQUl4RSxNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQztBQUNqQyxNQUFNLG1CQUFtQixHQUFHLElBQUksQ0FBQztBQUVqQzs7R0FFRztBQU1ILE1BQU0sT0FBTyw0QkFBNEI7SUFnQnZDLFlBQVksaUJBQXVDO1FBSjVDLGtCQUFhLEdBQVcsbUJBQW1CLENBQUM7UUFFbkQsNkRBQTRCO1FBRzFCLHVCQUFBLElBQUksOENBQWlCLGlCQUFpQixDQUFDLFNBQVMsQ0FDOUMsQ0FBQyxJQUF5QixFQUFFLEVBQUU7WUFDNUIsSUFBSSxJQUFJLEtBQUssbUJBQW1CLENBQUMsRUFBRSxFQUFFO2dCQUNuQyxJQUFJLENBQUMsYUFBYSxHQUFHLG1CQUFtQixDQUFDO2FBQzFDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsbUJBQW1CLENBQUM7YUFDMUM7UUFDSCxDQUFDLENBQ0YsTUFBQSxDQUFDO0lBQ0osQ0FBQztJQUVNLFdBQVc7UUFDaEIsMEJBQTBCO1FBQzFCLGtCQUFrQjtRQUNsQixJQUFJLHVCQUFBLElBQUksa0RBQWMsRUFBRTtZQUN0Qix1QkFBQSxJQUFJLGtEQUFjLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDbEM7SUFDSCxDQUFDOzs7eUhBbENVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLGdHQ2hCekMsMk1BT0E7MkZEU2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHdCQUF3QjsyR0FjM0IsUUFBUTtzQkFEZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lNZWRpYUJyZWFrcG9pbnRzLCBTa3lNZWRpYVF1ZXJ5U2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5cbmNvbnN0IEZPTlRTSVpFQ0xBU1NfU01BTEwgPSAnMngnO1xuY29uc3QgRk9OVFNJWkVDTEFTU19MQVJHRSA9ICczeCc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGFuIGljb24gdG8gZGlzcGxheSBvbiB0aGUgYWN0aW9uIGJ1dHRvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWFjdGlvbi1idXR0b24taWNvbicsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1idXR0b24taWNvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJ1dHRvbi1pY29uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uQnV0dG9uSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIC8qKlxuICAgKiBUaGUgaWNvbiBmcm9tIHRoZVxuICAgKiBbRm9udCBBd2Vzb21lIGxpYnJhcnldKGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL3Y0LjcuMC8pLlxuICAgKiBGb3IgZXhhbXBsZSwgdG8gZGlzcGxheSB0aGUgYGZhLWZpbHRlcmAgaWNvbiBvbiB0aGUgYWN0aW9uIGJ1dHRvbixcbiAgICogc2V0IGBpY29uVHlwZWAgdG8gYGZpbHRlcmAuIFNLWSBVWCBzdXBwb3J0cyB2ZXJzaW9uIDQuNy4wIG9mIEZvbnQgQXdlc29tZS5cbiAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gYWJvdXQgaWNvbnMgaW4gU0tZIFVYLCBzZWUgdGhlXG4gICAqIFtpY29uIGNvbXBvbmVudF0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9jb21wb25lbnRzL2ljb24pLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGljb25UeXBlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGZvbnRTaXplQ2xhc3M6IHN0cmluZyA9IEZPTlRTSVpFQ0xBU1NfTEFSR0U7XG5cbiAgI3N1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIGNvbnN0cnVjdG9yKG1lZGlhUXVlcnlTZXJ2aWNlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSkge1xuICAgIHRoaXMuI3N1YnNjcmlwdGlvbiA9IG1lZGlhUXVlcnlTZXJ2aWNlLnN1YnNjcmliZShcbiAgICAgIChhcmdzOiBTa3lNZWRpYUJyZWFrcG9pbnRzKSA9PiB7XG4gICAgICAgIGlmIChhcmdzID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnhzKSB7XG4gICAgICAgICAgdGhpcy5mb250U2l6ZUNsYXNzID0gRk9OVFNJWkVDTEFTU19TTUFMTDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICB0aGlzLmZvbnRTaXplQ2xhc3MgPSBGT05UU0laRUNMQVNTX0xBUkdFO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIC8qIHNhbml0eSBjaGVjayAqL1xuICAgIGlmICh0aGlzLiNzdWJzY3JpcHRpb24pIHtcbiAgICAgIHRoaXMuI3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cInNreS1hY3Rpb24tYnV0dG9uLWljb24tY29udGFpbmVyXCI+XG4gIDxza3ktaWNvblxuICAgIGNsYXNzPVwic2t5LWFjdGlvbi1idXR0b24taWNvblwiXG4gICAgW2ljb25dPVwiaWNvblR5cGVcIlxuICAgIFtzaXplXT1cImZvbnRTaXplQ2xhc3NcIlxuICA+PC9za3ktaWNvbj5cbjwvZGl2PlxuIl19
|