@skyux/action-bars 5.9.6 → 5.11.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-action-bars.umd.js +24 -9
- package/documentation.json +113 -98
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js +3 -0
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar-adapter.service.js.map +1 -1
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js +20 -9
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js.map +1 -1
- package/fesm2015/skyux-action-bars.js +23 -9
- package/fesm2015/skyux-action-bars.js.map +1 -1
- package/lib/modules/summary-action-bar/summary-action-bar-adapter.service.d.ts +1 -0
- package/lib/modules/summary-action-bar/summary-action-bar.component.d.ts +3 -1
- package/package.json +9 -8
|
@@ -12,6 +12,9 @@ export class SkySummaryActionBarAdapterService {
|
|
|
12
12
|
this.windowRef = windowRef;
|
|
13
13
|
this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
|
|
14
14
|
}
|
|
15
|
+
focusChevron(chevronElement) {
|
|
16
|
+
chevronElement.nativeElement.querySelector('.sky-chevron').focus();
|
|
17
|
+
}
|
|
15
18
|
styleBodyElementForActionBar(summaryActionBarRef) {
|
|
16
19
|
const window = this.windowRef.nativeWindow;
|
|
17
20
|
const body = window.document.body;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-action-bar-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;;;AAE1E;;GAEG;AAEH,MAAM,OAAO,iCAAiC;IAG5C,YACU,eAAiC,EACjC,SAA0B;QAD1B,oBAAe,GAAf,eAAe,CAAkB;QACjC,cAAS,GAAT,SAAS,CAAiB;QAElC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5E,CAAC;IAEM,4BAA4B,CAAC,mBAA+B;QACjE,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,MAAM,WAAW,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CACjE,yBAAyB,CAC1B,CAAC;QACF,0BAA0B;QAC1B,IAAI,WAAW,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,EACJ,eAAe,EACf,WAAW,CAAC,YAAY,GAAG,IAAI,CAChC,CAAC;SACH;IACH,CAAC;IAEM,iCAAiC,CACtC,mBAA+B;QAE/B,MAAM,yBAAyB,GAAG,QAAQ,CAAC,aAAa,CACtD,mCAAmC,CACpC,CAAC;QACF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,aAAa,CACrD,kCAAkC,CACnC,CAAC;QACF,MAAM,WAAW,GAAG,mBAAmB,CAAC,aAAa,CAAC,aAAa,CACjE,yBAAyB,CAC1B,CAAC;QACF,0BAA0B;QAC1B,IAAI,WAAW,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,yBAAyB,EACzB,gBAAgB,EAChB,MAAM,CACP,CAAC;YACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;SAChE;IACH,CAAC;IAEM,uBAAuB;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;IACnD,CAAC;IAEM,4BAA4B;QACjC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,aAAa,CACtD,mCAAmC,CACpC,CAAC;QACF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,aAAa,CACrD,kCAAkC,CACnC,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC;QAC5E,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IACtE,CAAC;IAEM,gBAAgB,CAAC,mBAA+B;QACrD,MAAM,cAAc,GAAG,QAAQ,CAAC,sBAAsB,CACpD,4BAA4B,CAC7B,CAAC;QACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC9C,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,mBAAmB,CAAC,aAAa,CAAC,EAAE;gBACtE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;aAC9D;SACF;IACH,CAAC;IAEM,uBAAuB,CAAC,EAAW;QACxC,GAAG;YACD,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;gBACnD,OAAO,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,EAAE;oBAC/C,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;wBAChD,OAAO,uBAAuB,CAAC,aAAa,CAAC;qBAC9C;oBACD,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;iBACvB;gBACD,OAAO,uBAAuB,CAAC,aAAa,CAAC;aAC9C;iBAAM,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBAC3C,OAAO,uBAAuB,CAAC,GAAG,CAAC;aACpC;iBAAM,IAAI,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,0BAA0B,EAAE;gBAClE,OAAO,uBAAuB,CAAC,SAAS,CAAC;aAC1C;YACD,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;YACtB,2CAA2C;SAC5C,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,KAAK,CAAC,EAAE;QAC3C,OAAO,uBAAuB,CAAC,IAAI,CAAC;IACtC,CAAC;;+
|
|
1
|
+
{"version":3,"file":"summary-action-bar-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar-adapter.service.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n private renderer: Renderer2;\n\n constructor(\n private rendererFactory: RendererFactory2,\n private windowRef: SkyAppWindowRef\n ) {\n this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n }\n\n public focusChevron(chevronElement: ElementRef) {\n chevronElement.nativeElement.querySelector('.sky-chevron').focus();\n }\n\n public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n body,\n 'margin-bottom',\n actionBarEl.offsetHeight + 'px'\n );\n }\n }\n\n public styleSplitViewElementForActionBar(\n summaryActionBarRef: ElementRef\n ): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n splitViewWorkspaceContent,\n 'padding-bottom',\n '20px'\n );\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n }\n }\n\n public revertBodyElementStyles(): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n this.renderer.removeStyle(body, 'margin-bottom');\n }\n\n public revertSplitViewElementStyles(): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n }\n\n public styleModalFooter(summaryActionBarRef: ElementRef): void {\n const modalFooterEls = document.getElementsByClassName(\n 'sky-modal-footer-container'\n );\n for (let i = 0; i < modalFooterEls.length; i++) {\n if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n }\n }\n }\n\n public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n do {\n if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n while (el.tagName.toLowerCase() !== 'sky-modal') {\n if (el.classList.contains('sky-modal-full-page')) {\n return SkySummaryActionBarType.FullPageModal;\n }\n el = el.parentElement;\n }\n return SkySummaryActionBarType.StandardModal;\n } else if (el.classList.contains('sky-tab')) {\n return SkySummaryActionBarType.Tab;\n } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n return SkySummaryActionBarType.SplitView;\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n return SkySummaryActionBarType.Page;\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, ElementRef, ViewChild, } from '@angular/core';
|
|
2
2
|
import { skyAnimationSlide } from '@skyux/animations';
|
|
3
3
|
import { MutationObserverService, SkyAppWindowRef, SkyMediaBreakpoints, SkyMediaQueryService, } from '@skyux/core';
|
|
4
4
|
import { fromEvent } from 'rxjs';
|
|
@@ -93,13 +93,21 @@ export class SkySummaryActionBarComponent {
|
|
|
93
93
|
this.summaryElement.nativeElement.children.length > 0);
|
|
94
94
|
}
|
|
95
95
|
// NOTE: This function is needed so that the button is not removed until post-animation
|
|
96
|
-
summaryTransitionEnd() {
|
|
97
|
-
if (
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
96
|
+
summaryTransitionEnd(animationEvent) {
|
|
97
|
+
if (animationEvent.toState !== 'void' &&
|
|
98
|
+
animationEvent.fromState !== 'void') {
|
|
99
|
+
if (this.slideDirection === 'up') {
|
|
100
|
+
this.isSummaryCollapsed = true;
|
|
101
|
+
this.changeDetector.markForCheck();
|
|
102
|
+
}
|
|
103
|
+
if (this.type === SkySummaryActionBarType.Page ||
|
|
104
|
+
this.type === SkySummaryActionBarType.Tab) {
|
|
105
|
+
this.adapterService.styleBodyElementForActionBar(this.elementRef);
|
|
106
|
+
}
|
|
107
|
+
// Ensure that the correct chevron is fully rendered prior to setting focus.
|
|
108
|
+
setTimeout(() => {
|
|
109
|
+
this.adapterService.focusChevron(this.chevronElementRef);
|
|
110
|
+
});
|
|
103
111
|
}
|
|
104
112
|
}
|
|
105
113
|
// NOTE: This function is needed so that the button is added before animation
|
|
@@ -168,7 +176,7 @@ export class SkySummaryActionBarComponent {
|
|
|
168
176
|
}
|
|
169
177
|
}
|
|
170
178
|
SkySummaryActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, deps: [{ token: i1.SkySummaryActionBarAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2.SkyMediaQueryService }, { token: i2.MutationObserverService }, { token: i2.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
171
|
-
SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryELement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
179
|
+
SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryELement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "chevronElementRef", first: true, predicate: ["chevronEl"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd($event)\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n #chevronEl\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
172
180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
|
|
173
181
|
type: Component,
|
|
174
182
|
args: [{
|
|
@@ -182,5 +190,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
182
190
|
}], ctorParameters: function () { return [{ type: i1.SkySummaryActionBarAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.SkyMediaQueryService }, { type: i2.MutationObserverService }, { type: i2.SkyAppWindowRef }]; }, propDecorators: { summaryELement: [{
|
|
183
191
|
type: ContentChild,
|
|
184
192
|
args: [SkySummaryActionBarSummaryComponent, { read: ElementRef }]
|
|
193
|
+
}], chevronElementRef: [{
|
|
194
|
+
type: ViewChild,
|
|
195
|
+
args: ['chevronEl', { read: ElementRef }]
|
|
185
196
|
}] } });
|
|
186
197
|
//# sourceMappingURL=summary-action-bar.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-action-bar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.ts","../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n OnDestroy,\n} from '@angular/core';\nimport { skyAnimationSlide } from '@skyux/animations';\nimport {\n MutationObserverService,\n SkyAppWindowRef,\n SkyMediaBreakpoints,\n SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { fromEvent } from 'rxjs';\nimport { Subject } from 'rxjs';\nimport { Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n selector: 'sky-summary-action-bar',\n templateUrl: './summary-action-bar.component.html',\n styleUrls: ['./summary-action-bar.component.scss'],\n animations: [skyAnimationSlide],\n providers: [SkySummaryActionBarAdapterService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n public isSummaryCollapsed = false;\n\n public get isSummaryCollapsible(): boolean {\n return (\n this.type === SkySummaryActionBarType.StandardModal ||\n this.mediaQueryService.current === SkyMediaBreakpoints.xs\n );\n }\n\n public type: SkySummaryActionBarType;\n\n public slideDirection = 'down';\n\n public summaryId = `sky-summary-action-bar-summary-${++nextId}`;\n\n private mediaQuerySubscription: Subscription;\n\n private observer: MutationObserver;\n\n private idled = new Subject<boolean>();\n\n @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n private set summaryELement(element: ElementRef) {\n this._summaryElement = element;\n this.changeDetector.markForCheck();\n }\n\n private get summaryElement(): ElementRef {\n return this._summaryElement;\n }\n\n private _summaryElement: ElementRef;\n\n constructor(\n private adapterService: SkySummaryActionBarAdapterService,\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef,\n private mediaQueryService: SkyMediaQueryService,\n private observerService: MutationObserverService,\n private windowRef: SkyAppWindowRef\n ) {}\n\n public ngAfterViewInit(): void {\n this.type = this.adapterService.getSummaryActionBarType(\n this.elementRef.nativeElement\n );\n if (\n !(\n this.type === SkySummaryActionBarType.FullPageModal ||\n this.type === SkySummaryActionBarType.StandardModal\n )\n ) {\n this.setupReactiveState();\n\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n } else {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n this.setupResizeListener();\n\n if (this.type === SkySummaryActionBarType.Tab) {\n this.setupTabListener();\n }\n } else {\n this.adapterService.styleModalFooter(this.elementRef);\n\n if (this.type === SkySummaryActionBarType.FullPageModal) {\n this.setupReactiveState();\n }\n }\n this.changeDetector.detectChanges();\n }\n\n public ngOnDestroy(): void {\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.revertSplitViewElementStyles();\n } else if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.revertBodyElementStyles();\n }\n\n this.removeResizeListener();\n this.removeTabListener();\n\n if (this.mediaQuerySubscription) {\n this.mediaQuerySubscription.unsubscribe();\n }\n this.idled.complete();\n }\n\n public onDirectionChange(direction: string): void {\n this.slideDirection = direction;\n }\n\n public summaryContentExists(): boolean {\n return (\n this.summaryElement &&\n this.summaryElement.nativeElement.children.length > 0\n );\n }\n\n // NOTE: This function is needed so that the button is not removed until post-animation\n public summaryTransitionEnd(): void {\n if (this.slideDirection === 'up') {\n this.isSummaryCollapsed = true;\n }\n\n if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n }\n\n // NOTE: This function is needed so that the button is added before animation\n public summaryTransitionStart(): void {\n if (this.slideDirection === 'down') {\n this.isSummaryCollapsed = false;\n }\n }\n\n private setupReactiveState() {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n if (args !== SkyMediaBreakpoints.xs) {\n this.isSummaryCollapsed = false;\n this.slideDirection = 'down';\n }\n this.changeDetector.detectChanges();\n }\n );\n }\n\n private setupTabListener(): void {\n /* istanbul ignore else */\n if (!this.observer) {\n this.observer = this.observerService.create(\n (mutations: MutationRecord[]) => {\n if (\n (mutations[0].target as HTMLElement).attributes.getNamedItem(\n 'hidden'\n )\n ) {\n this.adapterService.revertBodyElementStyles();\n this.removeResizeListener();\n } else {\n setTimeout(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n this.setupResizeListener();\n });\n }\n }\n );\n }\n\n const config = {\n attributes: true,\n attributeFilter: ['hidden'],\n childList: false,\n characterDate: false,\n };\n let el = this.elementRef.nativeElement;\n do {\n if (el.classList.contains('sky-tab')) {\n this.observer.observe(el, config);\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n }\n\n private removeTabListener(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private setupResizeListener(): void {\n if (this.type !== SkySummaryActionBarType.SplitView) {\n const windowObj = this.windowRef.nativeWindow;\n fromEvent(windowObj, 'resize')\n .pipe(takeUntil(this.idled))\n .subscribe(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n });\n }\n }\n\n private removeResizeListener(): void {\n this.idled.next(true);\n }\n}\n","<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n"]}
|
|
1
|
+
{"version":3,"file":"summary-action-bar.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.ts","../../../../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.html"],"names":[],"mappings":"AACA,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,EAEV,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EACL,uBAAuB,EACvB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AACzF,OAAO,EAAE,mCAAmC,EAAE,MAAM,gDAAgD,CAAC;AACrG,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;;;;;;;;AAE1E;;GAEG;AACH,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf;;;GAGG;AASH,MAAM,OAAO,4BAA4B;IAqCvC,YACU,cAAiD,EACjD,cAAiC,EACjC,UAAsB,EACtB,iBAAuC,EACvC,eAAwC,EACxC,SAA0B;QAL1B,mBAAc,GAAd,cAAc,CAAmC;QACjD,mBAAc,GAAd,cAAc,CAAmB;QACjC,eAAU,GAAV,UAAU,CAAY;QACtB,sBAAiB,GAAjB,iBAAiB,CAAsB;QACvC,oBAAe,GAAf,eAAe,CAAyB;QACxC,cAAS,GAAT,SAAS,CAAiB;QA1C7B,uBAAkB,GAAG,KAAK,CAAC;QAW3B,mBAAc,GAAG,MAAM,CAAC;QAExB,cAAS,GAAG,kCAAkC,EAAE,MAAM,EAAE,CAAC;QAMxD,UAAK,GAAG,IAAI,OAAO,EAAW,CAAC;IAwBpC,CAAC;IAzCJ,IAAW,oBAAoB;QAC7B,OAAO,CACL,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,aAAa;YACnD,IAAI,CAAC,iBAAiB,CAAC,OAAO,KAAK,mBAAmB,CAAC,EAAE,CAC1D,CAAC;IACJ,CAAC;IAcD,IACY,cAAc,CAAC,OAAmB;QAC5C,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC;QAC/B,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAgBM,eAAe;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,uBAAuB,CACrD,IAAI,CAAC,UAAU,CAAC,aAAa,CAC9B,CAAC;QACF,IACE,CAAC,CACC,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,aAAa;YACnD,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,aAAa,CACpD,EACD;YACA,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1B,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,SAAS,EAAE;gBACnD,IAAI,CAAC,cAAc,CAAC,iCAAiC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACxE;iBAAM;gBACL,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACnE;YAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAE3B,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,GAAG,EAAE;gBAC7C,IAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB;SACF;aAAM;YACL,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAEtD,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,aAAa,EAAE;gBACvD,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC3B;SACF;QACD,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEM,WAAW;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,SAAS,EAAE;YACnD,IAAI,CAAC,cAAc,CAAC,4BAA4B,EAAE,CAAC;SACpD;aAAM,IACL,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,IAAI;YAC1C,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,GAAG,EACzC;YACA,IAAI,CAAC,cAAc,CAAC,uBAAuB,EAAE,CAAC;SAC/C;QAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAC;SAC3C;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAEM,iBAAiB,CAAC,SAAiB;QACxC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;IAClC,CAAC;IAEM,oBAAoB;QACzB,OAAO,CACL,IAAI,CAAC,cAAc;YACnB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CACtD,CAAC;IACJ,CAAC;IAED,uFAAuF;IAChF,oBAAoB,CAAC,cAA8B;QACxD,IACE,cAAc,CAAC,OAAO,KAAK,MAAM;YACjC,cAAc,CAAC,SAAS,KAAK,MAAM,EACnC;YACA,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,EAAE;gBAChC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;aACpC;YAED,IACE,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,IAAI;gBAC1C,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,GAAG,EACzC;gBACA,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aACnE;YAED,4EAA4E;YAC5E,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,6EAA6E;IACtE,sBAAsB;QAC3B,IAAI,IAAI,CAAC,cAAc,KAAK,MAAM,EAAE;YAClC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;SACjC;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAC5D,CAAC,IAAyB,EAAE,EAAE;YAC5B,IAAI,IAAI,KAAK,mBAAmB,CAAC,EAAE,EAAE;gBACnC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;aAC9B;YACD,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;QACtC,CAAC,CACF,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,0BAA0B;QAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CACzC,CAAC,SAA2B,EAAE,EAAE;gBAC9B,IACG,SAAS,CAAC,CAAC,CAAC,CAAC,MAAsB,CAAC,UAAU,CAAC,YAAY,CAC1D,QAAQ,CACT,EACD;oBACA,IAAI,CAAC,cAAc,CAAC,uBAAuB,EAAE,CAAC;oBAC9C,IAAI,CAAC,oBAAoB,EAAE,CAAC;iBAC7B;qBAAM;oBACL,UAAU,CAAC,GAAG,EAAE;wBACd,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;wBAClE,IAAI,CAAC,mBAAmB,EAAE,CAAC;oBAC7B,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC,CACF,CAAC;SACH;QAED,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,QAAQ,CAAC;YAC3B,SAAS,EAAE,KAAK;YAChB,aAAa,EAAE,KAAK;SACrB,CAAC;QACF,IAAI,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QACvC,GAAG;YACD,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACpC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;aACnC;YACD,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;YACtB,2CAA2C;SAC5C,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,KAAK,CAAC,EAAE;IAC7C,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;SAC5B;IACH,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,IAAI,KAAK,uBAAuB,CAAC,SAAS,EAAE;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;YAC9C,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC;iBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;iBAC3B,SAAS,CAAC,GAAG,EAAE;gBACd,IAAI,CAAC,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACpE,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;;0HAlNU,4BAA4B;8GAA5B,4BAA4B,iDAH5B,CAAC,iCAAiC,CAAC,sEAyBhC,mCAAmC,2BAAU,UAAU,wHAUrC,UAAU,6BC7E5C,myDAqDA,k3HDZc,CAAC,iBAAiB,CAAC;4FAIpB,4BAA4B;kBARxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,qCAAqC;oBAClD,SAAS,EAAE,CAAC,qCAAqC,CAAC;oBAClD,UAAU,EAAE,CAAC,iBAAiB,CAAC;oBAC/B,SAAS,EAAE,CAAC,iCAAiC,CAAC;oBAC9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;wRAwBa,cAAc;sBADzB,YAAY;uBAAC,mCAAmC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;gBAW/D,iBAAiB;sBADxB,SAAS;uBAAC,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n OnDestroy,\n ViewChild,\n} from '@angular/core';\nimport { skyAnimationSlide } from '@skyux/animations';\nimport {\n MutationObserverService,\n SkyAppWindowRef,\n SkyMediaBreakpoints,\n SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { fromEvent } from 'rxjs';\nimport { Subject } from 'rxjs';\nimport { Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n selector: 'sky-summary-action-bar',\n templateUrl: './summary-action-bar.component.html',\n styleUrls: ['./summary-action-bar.component.scss'],\n animations: [skyAnimationSlide],\n providers: [SkySummaryActionBarAdapterService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n public isSummaryCollapsed = false;\n\n public get isSummaryCollapsible(): boolean {\n return (\n this.type === SkySummaryActionBarType.StandardModal ||\n this.mediaQueryService.current === SkyMediaBreakpoints.xs\n );\n }\n\n public type: SkySummaryActionBarType;\n\n public slideDirection = 'down';\n\n public summaryId = `sky-summary-action-bar-summary-${++nextId}`;\n\n private mediaQuerySubscription: Subscription;\n\n private observer: MutationObserver;\n\n private idled = new Subject<boolean>();\n\n @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n private set summaryELement(element: ElementRef) {\n this._summaryElement = element;\n this.changeDetector.markForCheck();\n }\n\n private get summaryElement(): ElementRef {\n return this._summaryElement;\n }\n\n @ViewChild('chevronEl', { read: ElementRef })\n private chevronElementRef: ElementRef;\n\n private _summaryElement: ElementRef;\n\n constructor(\n private adapterService: SkySummaryActionBarAdapterService,\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef,\n private mediaQueryService: SkyMediaQueryService,\n private observerService: MutationObserverService,\n private windowRef: SkyAppWindowRef\n ) {}\n\n public ngAfterViewInit(): void {\n this.type = this.adapterService.getSummaryActionBarType(\n this.elementRef.nativeElement\n );\n if (\n !(\n this.type === SkySummaryActionBarType.FullPageModal ||\n this.type === SkySummaryActionBarType.StandardModal\n )\n ) {\n this.setupReactiveState();\n\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n } else {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n this.setupResizeListener();\n\n if (this.type === SkySummaryActionBarType.Tab) {\n this.setupTabListener();\n }\n } else {\n this.adapterService.styleModalFooter(this.elementRef);\n\n if (this.type === SkySummaryActionBarType.FullPageModal) {\n this.setupReactiveState();\n }\n }\n this.changeDetector.detectChanges();\n }\n\n public ngOnDestroy(): void {\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.revertSplitViewElementStyles();\n } else if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.revertBodyElementStyles();\n }\n\n this.removeResizeListener();\n this.removeTabListener();\n\n if (this.mediaQuerySubscription) {\n this.mediaQuerySubscription.unsubscribe();\n }\n this.idled.complete();\n }\n\n public onDirectionChange(direction: string): void {\n this.slideDirection = direction;\n }\n\n public summaryContentExists(): boolean {\n return (\n this.summaryElement &&\n this.summaryElement.nativeElement.children.length > 0\n );\n }\n\n // NOTE: This function is needed so that the button is not removed until post-animation\n public summaryTransitionEnd(animationEvent: AnimationEvent): void {\n if (\n animationEvent.toState !== 'void' &&\n animationEvent.fromState !== 'void'\n ) {\n if (this.slideDirection === 'up') {\n this.isSummaryCollapsed = true;\n this.changeDetector.markForCheck();\n }\n\n if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n // Ensure that the correct chevron is fully rendered prior to setting focus.\n setTimeout(() => {\n this.adapterService.focusChevron(this.chevronElementRef);\n });\n }\n }\n\n // NOTE: This function is needed so that the button is added before animation\n public summaryTransitionStart(): void {\n if (this.slideDirection === 'down') {\n this.isSummaryCollapsed = false;\n }\n }\n\n private setupReactiveState() {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n if (args !== SkyMediaBreakpoints.xs) {\n this.isSummaryCollapsed = false;\n this.slideDirection = 'down';\n }\n this.changeDetector.detectChanges();\n }\n );\n }\n\n private setupTabListener(): void {\n /* istanbul ignore else */\n if (!this.observer) {\n this.observer = this.observerService.create(\n (mutations: MutationRecord[]) => {\n if (\n (mutations[0].target as HTMLElement).attributes.getNamedItem(\n 'hidden'\n )\n ) {\n this.adapterService.revertBodyElementStyles();\n this.removeResizeListener();\n } else {\n setTimeout(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n this.setupResizeListener();\n });\n }\n }\n );\n }\n\n const config = {\n attributes: true,\n attributeFilter: ['hidden'],\n childList: false,\n characterDate: false,\n };\n let el = this.elementRef.nativeElement;\n do {\n if (el.classList.contains('sky-tab')) {\n this.observer.observe(el, config);\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n }\n\n private removeTabListener(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private setupResizeListener(): void {\n if (this.type !== SkySummaryActionBarType.SplitView) {\n const windowObj = this.windowRef.nativeWindow;\n fromEvent(windowObj, 'resize')\n .pipe(takeUntil(this.idled))\n .subscribe(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n });\n }\n }\n\n private removeResizeListener(): void {\n this.idled.next(true);\n }\n}\n","<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd($event)\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n #chevronEl\n >\n </sky-chevron>\n</ng-template>\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i4 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { NgModule, Component, ChangeDetectionStrategy, EventEmitter, Input, Output, ContentChildren, Injectable, ElementRef, ContentChild } from '@angular/core';
|
|
4
|
+
import { NgModule, Component, ChangeDetectionStrategy, EventEmitter, Input, Output, ContentChildren, Injectable, ElementRef, ContentChild, ViewChild } from '@angular/core';
|
|
5
5
|
import * as i4$1 from '@skyux/i18n';
|
|
6
6
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
7
|
import * as i3$1 from '@skyux/indicators';
|
|
@@ -276,6 +276,9 @@ class SkySummaryActionBarAdapterService {
|
|
|
276
276
|
this.windowRef = windowRef;
|
|
277
277
|
this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
|
|
278
278
|
}
|
|
279
|
+
focusChevron(chevronElement) {
|
|
280
|
+
chevronElement.nativeElement.querySelector('.sky-chevron').focus();
|
|
281
|
+
}
|
|
279
282
|
styleBodyElementForActionBar(summaryActionBarRef) {
|
|
280
283
|
const window = this.windowRef.nativeWindow;
|
|
281
284
|
const body = window.document.body;
|
|
@@ -438,13 +441,21 @@ class SkySummaryActionBarComponent {
|
|
|
438
441
|
this.summaryElement.nativeElement.children.length > 0);
|
|
439
442
|
}
|
|
440
443
|
// NOTE: This function is needed so that the button is not removed until post-animation
|
|
441
|
-
summaryTransitionEnd() {
|
|
442
|
-
if (
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
444
|
+
summaryTransitionEnd(animationEvent) {
|
|
445
|
+
if (animationEvent.toState !== 'void' &&
|
|
446
|
+
animationEvent.fromState !== 'void') {
|
|
447
|
+
if (this.slideDirection === 'up') {
|
|
448
|
+
this.isSummaryCollapsed = true;
|
|
449
|
+
this.changeDetector.markForCheck();
|
|
450
|
+
}
|
|
451
|
+
if (this.type === SkySummaryActionBarType.Page ||
|
|
452
|
+
this.type === SkySummaryActionBarType.Tab) {
|
|
453
|
+
this.adapterService.styleBodyElementForActionBar(this.elementRef);
|
|
454
|
+
}
|
|
455
|
+
// Ensure that the correct chevron is fully rendered prior to setting focus.
|
|
456
|
+
setTimeout(() => {
|
|
457
|
+
this.adapterService.focusChevron(this.chevronElementRef);
|
|
458
|
+
});
|
|
448
459
|
}
|
|
449
460
|
}
|
|
450
461
|
// NOTE: This function is needed so that the button is added before animation
|
|
@@ -513,7 +524,7 @@ class SkySummaryActionBarComponent {
|
|
|
513
524
|
}
|
|
514
525
|
}
|
|
515
526
|
SkySummaryActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i2$1.SkyMediaQueryService }, { token: i2$1.MutationObserverService }, { token: i2$1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
516
|
-
SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryELement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
527
|
+
SkySummaryActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "summaryELement", first: true, predicate: SkySummaryActionBarSummaryComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "chevronElementRef", first: true, predicate: ["chevronEl"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd($event)\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n #chevronEl\n >\n </sky-chevron>\n</ng-template>\n", styles: [".sky-summary-action-bar{display:flex;align-items:center;width:100%;margin-top:20px;position:fixed;bottom:0;left:0;z-index:999;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:10px 20px 10px 10px;flex-shrink:0;background-color:#fff;z-index:999}.sky-summary-action-bar-summary{margin:10px 0;border-left:1px solid #e2e3e4}.sky-summary-action-bar-summary-body{padding-left:20px;display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:10px}.sky-summary-action-bar-details-expand{margin-left:auto;margin-right:10px}.sky-summary-action-bar-details-expand,.sky-summary-action-bar-details-collapse{display:none}.sky-summary-action-bar-summary-collapsible.sky-summary-action-bar{flex-wrap:wrap}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary{order:-1;width:100%;border-bottom:1px solid #e2e3e4;margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:10px}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand,.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{display:block}:host-context(.sky-theme-modern) .sky-summary-action-bar-actions{padding:20px 30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary{border:none}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-body{padding-left:30px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items{margin-bottom:-10px}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}.sky-theme-modern .sky-summary-action-bar-actions{padding:20px 30px}.sky-theme-modern .sky-summary-action-bar-summary{border:none}.sky-theme-modern .sky-summary-action-bar-summary-body{padding-left:30px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:20px}.sky-theme-modern .sky-summary-action-bar-summary-items{margin-bottom:-10px}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 30px 10px 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar{background-color:#000;box-shadow:none}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-summary-action-bar-actions{background-color:#000}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar{background-color:#000;box-shadow:none}.sky-theme-modern.sky-theme-mode-dark .sky-summary-action-bar-actions{background-color:#000}\n"], components: [{ type: i3$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
517
528
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
|
|
518
529
|
type: Component,
|
|
519
530
|
args: [{
|
|
@@ -527,6 +538,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
527
538
|
}], ctorParameters: function () { return [{ type: SkySummaryActionBarAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2$1.SkyMediaQueryService }, { type: i2$1.MutationObserverService }, { type: i2$1.SkyAppWindowRef }]; }, propDecorators: { summaryELement: [{
|
|
528
539
|
type: ContentChild,
|
|
529
540
|
args: [SkySummaryActionBarSummaryComponent, { read: ElementRef }]
|
|
541
|
+
}], chevronElementRef: [{
|
|
542
|
+
type: ViewChild,
|
|
543
|
+
args: ['chevronEl', { read: ElementRef }]
|
|
530
544
|
}] } });
|
|
531
545
|
|
|
532
546
|
class SkySummaryActionBarModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skyux-action-bars.js","sources":["../../../../../libs/components/action-bars/src/lib/modules/shared/sky-action-bars-resources.module.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/types/summary-action-bar-type.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar-adapter.service.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.module.ts","../../../../../libs/components/action-bars/src/skyux-action-bars.ts"],"sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-action-bars' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_summary_action_bar_open_secondary: {\n message: 'Show secondary actions',\n },\n skyux_summary_action_bar_expand: { message: 'Expand or collapse summary' },\n },\n};\n\nexport class SkyActionBarsResourcesProvider implements SkyLibResourcesProvider {\n public getString(\n localeInfo: SkyAppLocaleInfo,\n name: string\n ): string | undefined {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyActionBarsResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyActionBarsResourcesModule {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Contains actions for the `sky-summary-action-bar` component.\n */\n@Component({\n selector: 'sky-summary-action-bar-actions',\n templateUrl: './summary-action-bar-actions.component.html',\n styleUrls: ['./summary-action-bar-actions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarActionsComponent {}\n","<ng-content></ng-content>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a cancel action.\n */\n@Component({\n selector: 'sky-summary-action-bar-cancel',\n templateUrl: './summary-action-bar-cancel.component.html',\n styleUrls: ['./summary-action-bar-cancel.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarCancelComponent {\n /**\n * Indicates whether to disable the cancel action.\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the cancel action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onCancelClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a primary button.\n */\n@Component({\n selector: 'sky-summary-action-bar-primary-action',\n templateUrl: './summary-action-bar-primary-action.component.html',\n styleUrls: ['./summary-action-bar-primary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarPrimaryActionComponent {\n /**\n * Indicates whether to disable the primary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the primary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Specifies secondary actions.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-action',\n templateUrl: './summary-action-bar-secondary-action.component.html',\n styleUrls: ['./summary-action-bar-secondary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionComponent {\n /**\n * Indicates whether to disable a secondary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n public set isDropdown(value: boolean) {\n this._isDropdown = value;\n this.changeDetector.detectChanges();\n }\n\n public get isDropdown() {\n return this._isDropdown;\n }\n\n /**\n * Fires when users select a secondary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n private _isDropdown: boolean;\n\n constructor(private changeDetector: ChangeDetectorRef) {}\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n OnDestroy,\n QueryList,\n} from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\nimport { SkyDropdownMessage, SkyDropdownMessageType } from '@skyux/popovers';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { SkySummaryActionBarSecondaryActionComponent } from './summary-action-bar-secondary-action.component';\n\n/**\n * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`\n * components.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-actions',\n templateUrl: './summary-action-bar-secondary-actions.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionsComponent\n implements AfterContentInit, OnDestroy\n{\n @ContentChildren(SkySummaryActionBarSecondaryActionComponent)\n public secondaryActionComponents: QueryList<SkySummaryActionBarSecondaryActionComponent>;\n\n public isMobile = false;\n\n public dropdownMessageStream = new Subject<SkyDropdownMessage>();\n\n private mediaQuerySubscription: Subscription;\n private actionChanges: Subscription;\n private actionClicks: Subscription[] = [];\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private mediaQueryService: SkyMediaQueryService\n ) {}\n\n public ngAfterContentInit(): void {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n this.isMobile = args === SkyMediaBreakpoints.xs;\n this.checkAndUpdateChildrenType();\n }\n );\n\n this.actionChanges = this.secondaryActionComponents.changes.subscribe(\n () => {\n this.checkAndUpdateChildrenType();\n }\n );\n if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {\n this.isMobile = true;\n }\n this.checkAndUpdateChildrenType();\n }\n\n public ngOnDestroy(): void {\n this.mediaQuerySubscription.unsubscribe();\n this.actionChanges.unsubscribe();\n this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());\n }\n\n private checkAndUpdateChildrenType() {\n /* istanbul ignore else */\n if (this.secondaryActionComponents) {\n let isDropdown = false;\n if (this.secondaryActionComponents.length >= 5 || this.isMobile) {\n isDropdown = true;\n }\n this.secondaryActionComponents.forEach((action) => {\n action.isDropdown = isDropdown;\n this.actionClicks.push(\n action.actionClick.subscribe(() => {\n this.dropdownMessageStream.next({\n type: SkyDropdownMessageType.Close,\n });\n })\n );\n });\n }\n this.changeDetector.detectChanges();\n }\n}\n","<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n","/**\n * @internal\n */\nexport enum SkySummaryActionBarType {\n Page = 0,\n StandardModal = 1,\n FullPageModal = 2,\n Tab = 3,\n SplitView = 4,\n}\n","import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n private renderer: Renderer2;\n\n constructor(\n private rendererFactory: RendererFactory2,\n private windowRef: SkyAppWindowRef\n ) {\n this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n }\n\n public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n body,\n 'margin-bottom',\n actionBarEl.offsetHeight + 'px'\n );\n }\n }\n\n public styleSplitViewElementForActionBar(\n summaryActionBarRef: ElementRef\n ): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n splitViewWorkspaceContent,\n 'padding-bottom',\n '20px'\n );\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n }\n }\n\n public revertBodyElementStyles(): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n this.renderer.removeStyle(body, 'margin-bottom');\n }\n\n public revertSplitViewElementStyles(): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n }\n\n public styleModalFooter(summaryActionBarRef: ElementRef): void {\n const modalFooterEls = document.getElementsByClassName(\n 'sky-modal-footer-container'\n );\n for (let i = 0; i < modalFooterEls.length; i++) {\n if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n }\n }\n }\n\n public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n do {\n if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n while (el.tagName.toLowerCase() !== 'sky-modal') {\n if (el.classList.contains('sky-modal-full-page')) {\n return SkySummaryActionBarType.FullPageModal;\n }\n el = el.parentElement;\n }\n return SkySummaryActionBarType.StandardModal;\n } else if (el.classList.contains('sky-tab')) {\n return SkySummaryActionBarType.Tab;\n } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n return SkySummaryActionBarType.SplitView;\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n return SkySummaryActionBarType.Page;\n }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies the summary information to display.\n */\n@Component({\n selector: 'sky-summary-action-bar-summary',\n templateUrl: './summary-action-bar-summary.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSummaryComponent {}\n","<ng-content></ng-content>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n OnDestroy,\n} from '@angular/core';\nimport { skyAnimationSlide } from '@skyux/animations';\nimport {\n MutationObserverService,\n SkyAppWindowRef,\n SkyMediaBreakpoints,\n SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { fromEvent } from 'rxjs';\nimport { Subject } from 'rxjs';\nimport { Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n selector: 'sky-summary-action-bar',\n templateUrl: './summary-action-bar.component.html',\n styleUrls: ['./summary-action-bar.component.scss'],\n animations: [skyAnimationSlide],\n providers: [SkySummaryActionBarAdapterService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n public isSummaryCollapsed = false;\n\n public get isSummaryCollapsible(): boolean {\n return (\n this.type === SkySummaryActionBarType.StandardModal ||\n this.mediaQueryService.current === SkyMediaBreakpoints.xs\n );\n }\n\n public type: SkySummaryActionBarType;\n\n public slideDirection = 'down';\n\n public summaryId = `sky-summary-action-bar-summary-${++nextId}`;\n\n private mediaQuerySubscription: Subscription;\n\n private observer: MutationObserver;\n\n private idled = new Subject<boolean>();\n\n @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n private set summaryELement(element: ElementRef) {\n this._summaryElement = element;\n this.changeDetector.markForCheck();\n }\n\n private get summaryElement(): ElementRef {\n return this._summaryElement;\n }\n\n private _summaryElement: ElementRef;\n\n constructor(\n private adapterService: SkySummaryActionBarAdapterService,\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef,\n private mediaQueryService: SkyMediaQueryService,\n private observerService: MutationObserverService,\n private windowRef: SkyAppWindowRef\n ) {}\n\n public ngAfterViewInit(): void {\n this.type = this.adapterService.getSummaryActionBarType(\n this.elementRef.nativeElement\n );\n if (\n !(\n this.type === SkySummaryActionBarType.FullPageModal ||\n this.type === SkySummaryActionBarType.StandardModal\n )\n ) {\n this.setupReactiveState();\n\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n } else {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n this.setupResizeListener();\n\n if (this.type === SkySummaryActionBarType.Tab) {\n this.setupTabListener();\n }\n } else {\n this.adapterService.styleModalFooter(this.elementRef);\n\n if (this.type === SkySummaryActionBarType.FullPageModal) {\n this.setupReactiveState();\n }\n }\n this.changeDetector.detectChanges();\n }\n\n public ngOnDestroy(): void {\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.revertSplitViewElementStyles();\n } else if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.revertBodyElementStyles();\n }\n\n this.removeResizeListener();\n this.removeTabListener();\n\n if (this.mediaQuerySubscription) {\n this.mediaQuerySubscription.unsubscribe();\n }\n this.idled.complete();\n }\n\n public onDirectionChange(direction: string): void {\n this.slideDirection = direction;\n }\n\n public summaryContentExists(): boolean {\n return (\n this.summaryElement &&\n this.summaryElement.nativeElement.children.length > 0\n );\n }\n\n // NOTE: This function is needed so that the button is not removed until post-animation\n public summaryTransitionEnd(): void {\n if (this.slideDirection === 'up') {\n this.isSummaryCollapsed = true;\n }\n\n if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n }\n\n // NOTE: This function is needed so that the button is added before animation\n public summaryTransitionStart(): void {\n if (this.slideDirection === 'down') {\n this.isSummaryCollapsed = false;\n }\n }\n\n private setupReactiveState() {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n if (args !== SkyMediaBreakpoints.xs) {\n this.isSummaryCollapsed = false;\n this.slideDirection = 'down';\n }\n this.changeDetector.detectChanges();\n }\n );\n }\n\n private setupTabListener(): void {\n /* istanbul ignore else */\n if (!this.observer) {\n this.observer = this.observerService.create(\n (mutations: MutationRecord[]) => {\n if (\n (mutations[0].target as HTMLElement).attributes.getNamedItem(\n 'hidden'\n )\n ) {\n this.adapterService.revertBodyElementStyles();\n this.removeResizeListener();\n } else {\n setTimeout(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n this.setupResizeListener();\n });\n }\n }\n );\n }\n\n const config = {\n attributes: true,\n attributeFilter: ['hidden'],\n childList: false,\n characterDate: false,\n };\n let el = this.elementRef.nativeElement;\n do {\n if (el.classList.contains('sky-tab')) {\n this.observer.observe(el, config);\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n }\n\n private removeTabListener(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private setupResizeListener(): void {\n if (this.type !== SkySummaryActionBarType.SplitView) {\n const windowObj = this.windowRef.nativeWindow;\n fromEvent(windowObj, 'resize')\n .pipe(takeUntil(this.idled))\n .subscribe(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n });\n }\n }\n\n private removeResizeListener(): void {\n this.idled.next(true);\n }\n}\n","<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd()\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n >\n </sky-chevron>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\nimport { SkyDropdownModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyActionBarsResourcesModule } from '../shared/sky-action-bars-resources.module';\n\nimport { SkySummaryActionBarActionsComponent } from './actions/summary-action-bar-actions.component';\nimport { SkySummaryActionBarCancelComponent } from './actions/summary-action-bar-cancel.component';\nimport { SkySummaryActionBarPrimaryActionComponent } from './actions/summary-action-bar-primary-action.component';\nimport { SkySummaryActionBarSecondaryActionComponent } from './actions/summary-action-bar-secondary-action.component';\nimport { SkySummaryActionBarSecondaryActionsComponent } from './actions/summary-action-bar-secondary-actions.component';\nimport { SkySummaryActionBarComponent } from './summary-action-bar.component';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\n\n@NgModule({\n declarations: [\n SkySummaryActionBarActionsComponent,\n SkySummaryActionBarCancelComponent,\n SkySummaryActionBarComponent,\n SkySummaryActionBarPrimaryActionComponent,\n SkySummaryActionBarSecondaryActionComponent,\n SkySummaryActionBarSecondaryActionsComponent,\n SkySummaryActionBarSummaryComponent,\n ],\n imports: [\n CommonModule,\n SkyChevronModule,\n SkyDropdownModule,\n SkyI18nModule,\n SkyIconModule,\n SkyActionBarsResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkySummaryActionBarComponent,\n SkySummaryActionBarActionsComponent,\n SkySummaryActionBarCancelComponent,\n SkySummaryActionBarPrimaryActionComponent,\n SkySummaryActionBarSecondaryActionComponent,\n SkySummaryActionBarSecondaryActionsComponent,\n SkySummaryActionBarSummaryComponent,\n ],\n})\nexport class SkySummaryActionBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"skyux-action-bars.js","sources":["../../../../../libs/components/action-bars/src/lib/modules/shared/sky-action-bars-resources.module.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-actions.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-cancel.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-primary-action.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-action.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/actions/summary-action-bar-secondary-actions.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/types/summary-action-bar-type.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar-adapter.service.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary/summary-action-bar-summary.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.ts","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.component.html","../../../../../libs/components/action-bars/src/lib/modules/summary-action-bar/summary-action-bar.module.ts","../../../../../libs/components/action-bars/src/skyux-action-bars.ts"],"sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-action-bars' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n skyux_summary_action_bar_open_secondary: {\n message: 'Show secondary actions',\n },\n skyux_summary_action_bar_expand: { message: 'Expand or collapse summary' },\n },\n};\n\nexport class SkyActionBarsResourcesProvider implements SkyLibResourcesProvider {\n public getString(\n localeInfo: SkyAppLocaleInfo,\n name: string\n ): string | undefined {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyActionBarsResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyActionBarsResourcesModule {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Contains actions for the `sky-summary-action-bar` component.\n */\n@Component({\n selector: 'sky-summary-action-bar-actions',\n templateUrl: './summary-action-bar-actions.component.html',\n styleUrls: ['./summary-action-bar-actions.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarActionsComponent {}\n","<ng-content></ng-content>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a cancel action.\n */\n@Component({\n selector: 'sky-summary-action-bar-cancel',\n templateUrl: './summary-action-bar-cancel.component.html',\n styleUrls: ['./summary-action-bar-cancel.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarCancelComponent {\n /**\n * Indicates whether to disable the cancel action.\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the cancel action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onCancelClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-link sky-summary-action-bar-cancel\"\n [disabled]=\"disabled\"\n (click)=\"onCancelClicked()\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Displays a primary button.\n */\n@Component({\n selector: 'sky-summary-action-bar-primary-action',\n templateUrl: './summary-action-bar-primary-action.component.html',\n styleUrls: ['./summary-action-bar-primary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarPrimaryActionComponent {\n /**\n * Indicates whether to disable the primary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n /**\n * Fires when users select the primary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\n/**\n * Specifies secondary actions.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-action',\n templateUrl: './summary-action-bar-secondary-action.component.html',\n styleUrls: ['./summary-action-bar-secondary-action.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionComponent {\n /**\n * Indicates whether to disable a secondary action.\n * @default false\n */\n @Input()\n public disabled = false;\n\n public set isDropdown(value: boolean) {\n this._isDropdown = value;\n this.changeDetector.detectChanges();\n }\n\n public get isDropdown() {\n return this._isDropdown;\n }\n\n /**\n * Fires when users select a secondary action.\n */\n @Output()\n public actionClick = new EventEmitter<void>();\n\n private _isDropdown: boolean;\n\n constructor(private changeDetector: ChangeDetectorRef) {}\n\n public onButtonClicked(): void {\n this.actionClick.emit();\n }\n}\n","<ng-container *ngIf=\"!isDropdown\">\n <button\n type=\"button\"\n class=\"sky-btn\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n [skyThemeClass]=\"{\n 'sky-btn-secondary': 'default',\n 'sky-btn-default': 'modern'\n }\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</ng-container>\n<sky-dropdown-item *ngIf=\"isDropdown\">\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryAction\"\n ></ng-container>\n </button>\n</sky-dropdown-item>\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content></ng-content>\n</ng-template>\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n OnDestroy,\n QueryList,\n} from '@angular/core';\nimport { SkyMediaBreakpoints, SkyMediaQueryService } from '@skyux/core';\nimport { SkyDropdownMessage, SkyDropdownMessageType } from '@skyux/popovers';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { SkySummaryActionBarSecondaryActionComponent } from './summary-action-bar-secondary-action.component';\n\n/**\n * Contains secondary actions specified with `sky-summary-action-bar-secondary-action`\n * components.\n */\n@Component({\n selector: 'sky-summary-action-bar-secondary-actions',\n templateUrl: './summary-action-bar-secondary-actions.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSecondaryActionsComponent\n implements AfterContentInit, OnDestroy\n{\n @ContentChildren(SkySummaryActionBarSecondaryActionComponent)\n public secondaryActionComponents: QueryList<SkySummaryActionBarSecondaryActionComponent>;\n\n public isMobile = false;\n\n public dropdownMessageStream = new Subject<SkyDropdownMessage>();\n\n private mediaQuerySubscription: Subscription;\n private actionChanges: Subscription;\n private actionClicks: Subscription[] = [];\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n private mediaQueryService: SkyMediaQueryService\n ) {}\n\n public ngAfterContentInit(): void {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n this.isMobile = args === SkyMediaBreakpoints.xs;\n this.checkAndUpdateChildrenType();\n }\n );\n\n this.actionChanges = this.secondaryActionComponents.changes.subscribe(\n () => {\n this.checkAndUpdateChildrenType();\n }\n );\n if (this.mediaQueryService.current === SkyMediaBreakpoints.xs) {\n this.isMobile = true;\n }\n this.checkAndUpdateChildrenType();\n }\n\n public ngOnDestroy(): void {\n this.mediaQuerySubscription.unsubscribe();\n this.actionChanges.unsubscribe();\n this.actionClicks.forEach((actionClick) => actionClick.unsubscribe());\n }\n\n private checkAndUpdateChildrenType() {\n /* istanbul ignore else */\n if (this.secondaryActionComponents) {\n let isDropdown = false;\n if (this.secondaryActionComponents.length >= 5 || this.isMobile) {\n isDropdown = true;\n }\n this.secondaryActionComponents.forEach((action) => {\n action.isDropdown = isDropdown;\n this.actionClicks.push(\n action.actionClick.subscribe(() => {\n this.dropdownMessageStream.next({\n type: SkyDropdownMessageType.Close,\n });\n })\n );\n });\n }\n this.changeDetector.detectChanges();\n }\n}\n","<div\n *ngIf=\"!isMobile && secondaryActionComponents.length < 5\"\n class=\"sky-summary-action-bar-secondary-buttons\"\n role=\"menubar\"\n>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n</div>\n<div *ngIf=\"isMobile || secondaryActionComponents.length > 4\">\n <sky-dropdown\n buttonType=\"ellipsis-h\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-menu>\n <ng-container\n *ngTemplateOutlet=\"summaryActionBarSecondaryActions\"\n ></ng-container>\n </sky-dropdown-menu>\n </sky-dropdown>\n</div>\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\"></ng-content>\n</ng-template>\n","/**\n * @internal\n */\nexport enum SkySummaryActionBarType {\n Page = 0,\n StandardModal = 1,\n FullPageModal = 2,\n Tab = 3,\n SplitView = 4,\n}\n","import {\n ElementRef,\n Injectable,\n Renderer2,\n RendererFactory2,\n} from '@angular/core';\nimport { SkyAppWindowRef } from '@skyux/core';\n\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkySummaryActionBarAdapterService {\n private renderer: Renderer2;\n\n constructor(\n private rendererFactory: RendererFactory2,\n private windowRef: SkyAppWindowRef\n ) {\n this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n }\n\n public focusChevron(chevronElement: ElementRef) {\n chevronElement.nativeElement.querySelector('.sky-chevron').focus();\n }\n\n public styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n body,\n 'margin-bottom',\n actionBarEl.offsetHeight + 'px'\n );\n }\n }\n\n public styleSplitViewElementForActionBar(\n summaryActionBarRef: ElementRef\n ): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n const actionBarEl = summaryActionBarRef.nativeElement.querySelector(\n '.sky-summary-action-bar'\n );\n /* istanbul ignore else */\n if (actionBarEl.style.visibility !== 'hidden') {\n this.renderer.setStyle(\n splitViewWorkspaceContent,\n 'padding-bottom',\n '20px'\n );\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', 0);\n }\n }\n\n public revertBodyElementStyles(): void {\n const window = this.windowRef.nativeWindow;\n const body = window.document.body;\n this.renderer.removeStyle(body, 'margin-bottom');\n }\n\n public revertSplitViewElementStyles(): void {\n const splitViewWorkspaceContent = document.querySelector(\n '.sky-split-view-workspace-content'\n );\n const splitViewWorkspaceFooter = document.querySelector(\n '.sky-split-view-workspace-footer'\n );\n this.renderer.setStyle(splitViewWorkspaceContent, 'padding-bottom', 'none');\n this.renderer.setStyle(splitViewWorkspaceFooter, 'padding', '10px');\n }\n\n public styleModalFooter(summaryActionBarRef: ElementRef): void {\n const modalFooterEls = document.getElementsByClassName(\n 'sky-modal-footer-container'\n );\n for (let i = 0; i < modalFooterEls.length; i++) {\n if (modalFooterEls.item(i).contains(summaryActionBarRef.nativeElement)) {\n this.renderer.setStyle(modalFooterEls.item(i), 'padding', 0);\n }\n }\n }\n\n public getSummaryActionBarType(el: Element): SkySummaryActionBarType {\n do {\n if (el.tagName.toLowerCase() === 'sky-modal-footer') {\n while (el.tagName.toLowerCase() !== 'sky-modal') {\n if (el.classList.contains('sky-modal-full-page')) {\n return SkySummaryActionBarType.FullPageModal;\n }\n el = el.parentElement;\n }\n return SkySummaryActionBarType.StandardModal;\n } else if (el.classList.contains('sky-tab')) {\n return SkySummaryActionBarType.Tab;\n } else if (el.tagName.toLowerCase() === 'sky-split-view-workspace') {\n return SkySummaryActionBarType.SplitView;\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n return SkySummaryActionBarType.Page;\n }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n/**\n * Specifies the summary information to display.\n */\n@Component({\n selector: 'sky-summary-action-bar-summary',\n templateUrl: './summary-action-bar-summary.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarSummaryComponent {}\n","<ng-content></ng-content>\n","import { AnimationEvent } from '@angular/animations';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChild,\n ElementRef,\n OnDestroy,\n ViewChild,\n} from '@angular/core';\nimport { skyAnimationSlide } from '@skyux/animations';\nimport {\n MutationObserverService,\n SkyAppWindowRef,\n SkyMediaBreakpoints,\n SkyMediaQueryService,\n} from '@skyux/core';\n\nimport { fromEvent } from 'rxjs';\nimport { Subject } from 'rxjs';\nimport { Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\nimport { SkySummaryActionBarType } from './types/summary-action-bar-type';\n\n/**\n * Auto-incrementing integer used to generate unique ids for summary action bar components.\n */\nlet nextId = 0;\n\n/**\n * Contains the `sky-summary-action-bar-actions` and\n * `sky-summary-action-bar-summary` components.\n */\n@Component({\n selector: 'sky-summary-action-bar',\n templateUrl: './summary-action-bar.component.html',\n styleUrls: ['./summary-action-bar.component.scss'],\n animations: [skyAnimationSlide],\n providers: [SkySummaryActionBarAdapterService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkySummaryActionBarComponent implements AfterViewInit, OnDestroy {\n public isSummaryCollapsed = false;\n\n public get isSummaryCollapsible(): boolean {\n return (\n this.type === SkySummaryActionBarType.StandardModal ||\n this.mediaQueryService.current === SkyMediaBreakpoints.xs\n );\n }\n\n public type: SkySummaryActionBarType;\n\n public slideDirection = 'down';\n\n public summaryId = `sky-summary-action-bar-summary-${++nextId}`;\n\n private mediaQuerySubscription: Subscription;\n\n private observer: MutationObserver;\n\n private idled = new Subject<boolean>();\n\n @ContentChild(SkySummaryActionBarSummaryComponent, { read: ElementRef })\n private set summaryELement(element: ElementRef) {\n this._summaryElement = element;\n this.changeDetector.markForCheck();\n }\n\n private get summaryElement(): ElementRef {\n return this._summaryElement;\n }\n\n @ViewChild('chevronEl', { read: ElementRef })\n private chevronElementRef: ElementRef;\n\n private _summaryElement: ElementRef;\n\n constructor(\n private adapterService: SkySummaryActionBarAdapterService,\n private changeDetector: ChangeDetectorRef,\n private elementRef: ElementRef,\n private mediaQueryService: SkyMediaQueryService,\n private observerService: MutationObserverService,\n private windowRef: SkyAppWindowRef\n ) {}\n\n public ngAfterViewInit(): void {\n this.type = this.adapterService.getSummaryActionBarType(\n this.elementRef.nativeElement\n );\n if (\n !(\n this.type === SkySummaryActionBarType.FullPageModal ||\n this.type === SkySummaryActionBarType.StandardModal\n )\n ) {\n this.setupReactiveState();\n\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.styleSplitViewElementForActionBar(this.elementRef);\n } else {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n this.setupResizeListener();\n\n if (this.type === SkySummaryActionBarType.Tab) {\n this.setupTabListener();\n }\n } else {\n this.adapterService.styleModalFooter(this.elementRef);\n\n if (this.type === SkySummaryActionBarType.FullPageModal) {\n this.setupReactiveState();\n }\n }\n this.changeDetector.detectChanges();\n }\n\n public ngOnDestroy(): void {\n if (this.type === SkySummaryActionBarType.SplitView) {\n this.adapterService.revertSplitViewElementStyles();\n } else if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.revertBodyElementStyles();\n }\n\n this.removeResizeListener();\n this.removeTabListener();\n\n if (this.mediaQuerySubscription) {\n this.mediaQuerySubscription.unsubscribe();\n }\n this.idled.complete();\n }\n\n public onDirectionChange(direction: string): void {\n this.slideDirection = direction;\n }\n\n public summaryContentExists(): boolean {\n return (\n this.summaryElement &&\n this.summaryElement.nativeElement.children.length > 0\n );\n }\n\n // NOTE: This function is needed so that the button is not removed until post-animation\n public summaryTransitionEnd(animationEvent: AnimationEvent): void {\n if (\n animationEvent.toState !== 'void' &&\n animationEvent.fromState !== 'void'\n ) {\n if (this.slideDirection === 'up') {\n this.isSummaryCollapsed = true;\n this.changeDetector.markForCheck();\n }\n\n if (\n this.type === SkySummaryActionBarType.Page ||\n this.type === SkySummaryActionBarType.Tab\n ) {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n }\n\n // Ensure that the correct chevron is fully rendered prior to setting focus.\n setTimeout(() => {\n this.adapterService.focusChevron(this.chevronElementRef);\n });\n }\n }\n\n // NOTE: This function is needed so that the button is added before animation\n public summaryTransitionStart(): void {\n if (this.slideDirection === 'down') {\n this.isSummaryCollapsed = false;\n }\n }\n\n private setupReactiveState() {\n this.mediaQuerySubscription = this.mediaQueryService.subscribe(\n (args: SkyMediaBreakpoints) => {\n if (args !== SkyMediaBreakpoints.xs) {\n this.isSummaryCollapsed = false;\n this.slideDirection = 'down';\n }\n this.changeDetector.detectChanges();\n }\n );\n }\n\n private setupTabListener(): void {\n /* istanbul ignore else */\n if (!this.observer) {\n this.observer = this.observerService.create(\n (mutations: MutationRecord[]) => {\n if (\n (mutations[0].target as HTMLElement).attributes.getNamedItem(\n 'hidden'\n )\n ) {\n this.adapterService.revertBodyElementStyles();\n this.removeResizeListener();\n } else {\n setTimeout(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n this.setupResizeListener();\n });\n }\n }\n );\n }\n\n const config = {\n attributes: true,\n attributeFilter: ['hidden'],\n childList: false,\n characterDate: false,\n };\n let el = this.elementRef.nativeElement;\n do {\n if (el.classList.contains('sky-tab')) {\n this.observer.observe(el, config);\n }\n el = el.parentElement;\n // tslint:disable-next-line:no-null-keyword\n } while (el !== null && el.nodeType === 1);\n }\n\n private removeTabListener(): void {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n private setupResizeListener(): void {\n if (this.type !== SkySummaryActionBarType.SplitView) {\n const windowObj = this.windowRef.nativeWindow;\n fromEvent(windowObj, 'resize')\n .pipe(takeUntil(this.idled))\n .subscribe(() => {\n this.adapterService.styleBodyElementForActionBar(this.elementRef);\n });\n }\n }\n\n private removeResizeListener(): void {\n this.idled.next(true);\n }\n}\n","<div\n class=\"sky-summary-action-bar\"\n [ngClass]=\"{\n 'sky-summary-action-bar-summary-collapsible': isSummaryCollapsible,\n 'sky-summary-action-bar-modal': type === 1 || type === 2,\n 'sky-summary-action-bar-split-view': type === 4\n }\"\n>\n <div class=\"sky-summary-action-bar-actions\">\n <ng-content select=\"sky-summary-action-bar-actions\"></ng-content>\n </div>\n <ng-container *ngIf=\"summaryContentExists()\">\n <div\n class=\"sky-summary-action-bar-summary\"\n [id]=\"summaryId\"\n [@skyAnimationSlide]=\"slideDirection\"\n (@skyAnimationSlide.start)=\"summaryTransitionStart()\"\n (@skyAnimationSlide.done)=\"summaryTransitionEnd($event)\"\n >\n <div class=\"sky-summary-action-bar-summary-body\">\n <div class=\"sky-summary-action-bar-summary-items\">\n <ng-content select=\"sky-summary-action-bar-summary\"></ng-content>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && !isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-collapse\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </div>\n </div>\n <div\n *ngIf=\"isSummaryCollapsible && isSummaryCollapsed\"\n class=\"sky-summary-action-bar-details-expand\"\n >\n <ng-container *ngTemplateOutlet=\"chevron\"></ng-container>\n </div>\n </ng-container>\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed ? 'up' : 'down'\"\n [skyThemeClass]=\"{\n 'sky-margin-inline-default': 'modern'\n }\"\n (directionChange)=\"onDirectionChange($event)\"\n #chevronEl\n >\n </sky-chevron>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport { SkyChevronModule, SkyIconModule } from '@skyux/indicators';\nimport { SkyDropdownModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyActionBarsResourcesModule } from '../shared/sky-action-bars-resources.module';\n\nimport { SkySummaryActionBarActionsComponent } from './actions/summary-action-bar-actions.component';\nimport { SkySummaryActionBarCancelComponent } from './actions/summary-action-bar-cancel.component';\nimport { SkySummaryActionBarPrimaryActionComponent } from './actions/summary-action-bar-primary-action.component';\nimport { SkySummaryActionBarSecondaryActionComponent } from './actions/summary-action-bar-secondary-action.component';\nimport { SkySummaryActionBarSecondaryActionsComponent } from './actions/summary-action-bar-secondary-actions.component';\nimport { SkySummaryActionBarComponent } from './summary-action-bar.component';\nimport { SkySummaryActionBarSummaryComponent } from './summary/summary-action-bar-summary.component';\n\n@NgModule({\n declarations: [\n SkySummaryActionBarActionsComponent,\n SkySummaryActionBarCancelComponent,\n SkySummaryActionBarComponent,\n SkySummaryActionBarPrimaryActionComponent,\n SkySummaryActionBarSecondaryActionComponent,\n SkySummaryActionBarSecondaryActionsComponent,\n SkySummaryActionBarSummaryComponent,\n ],\n imports: [\n CommonModule,\n SkyChevronModule,\n SkyDropdownModule,\n SkyI18nModule,\n SkyIconModule,\n SkyActionBarsResourcesModule,\n SkyThemeModule,\n ],\n exports: [\n SkySummaryActionBarComponent,\n SkySummaryActionBarActionsComponent,\n SkySummaryActionBarCancelComponent,\n SkySummaryActionBarPrimaryActionComponent,\n SkySummaryActionBarSecondaryActionComponent,\n SkySummaryActionBarSecondaryActionsComponent,\n SkySummaryActionBarSummaryComponent,\n ],\n})\nexport class SkySummaryActionBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@ export declare class SkySummaryActionBarAdapterService {
|
|
|
10
10
|
private windowRef;
|
|
11
11
|
private renderer;
|
|
12
12
|
constructor(rendererFactory: RendererFactory2, windowRef: SkyAppWindowRef);
|
|
13
|
+
focusChevron(chevronElement: ElementRef): void;
|
|
13
14
|
styleBodyElementForActionBar(summaryActionBarRef: ElementRef): void;
|
|
14
15
|
styleSplitViewElementForActionBar(summaryActionBarRef: ElementRef): void;
|
|
15
16
|
revertBodyElementStyles(): void;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { AnimationEvent } from '@angular/animations';
|
|
1
2
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
|
|
2
3
|
import { MutationObserverService, SkyAppWindowRef, SkyMediaQueryService } from '@skyux/core';
|
|
3
4
|
import { SkySummaryActionBarAdapterService } from './summary-action-bar-adapter.service';
|
|
@@ -24,13 +25,14 @@ export declare class SkySummaryActionBarComponent implements AfterViewInit, OnDe
|
|
|
24
25
|
private idled;
|
|
25
26
|
private set summaryELement(value);
|
|
26
27
|
private get summaryElement();
|
|
28
|
+
private chevronElementRef;
|
|
27
29
|
private _summaryElement;
|
|
28
30
|
constructor(adapterService: SkySummaryActionBarAdapterService, changeDetector: ChangeDetectorRef, elementRef: ElementRef, mediaQueryService: SkyMediaQueryService, observerService: MutationObserverService, windowRef: SkyAppWindowRef);
|
|
29
31
|
ngAfterViewInit(): void;
|
|
30
32
|
ngOnDestroy(): void;
|
|
31
33
|
onDirectionChange(direction: string): void;
|
|
32
34
|
summaryContentExists(): boolean;
|
|
33
|
-
summaryTransitionEnd(): void;
|
|
35
|
+
summaryTransitionEnd(animationEvent: AnimationEvent): void;
|
|
34
36
|
summaryTransitionStart(): void;
|
|
35
37
|
private setupReactiveState;
|
|
36
38
|
private setupTabListener;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/action-bars",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.11.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,16 +16,17 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
+
"@angular/animations": "^12.2.16",
|
|
19
20
|
"@angular/common": "^12.2.16",
|
|
20
21
|
"@angular/core": "^12.2.16",
|
|
21
22
|
"@angular/platform-browser": "^12.2.16",
|
|
22
|
-
"@skyux-sdk/testing": "5.
|
|
23
|
-
"@skyux/animations": "5.
|
|
24
|
-
"@skyux/core": "5.
|
|
25
|
-
"@skyux/i18n": "5.
|
|
26
|
-
"@skyux/indicators": "5.
|
|
27
|
-
"@skyux/popovers": "5.
|
|
28
|
-
"@skyux/theme": "5.
|
|
23
|
+
"@skyux-sdk/testing": "5.11.0",
|
|
24
|
+
"@skyux/animations": "5.11.0",
|
|
25
|
+
"@skyux/core": "5.11.0",
|
|
26
|
+
"@skyux/i18n": "5.11.0",
|
|
27
|
+
"@skyux/indicators": "5.11.0",
|
|
28
|
+
"@skyux/popovers": "5.11.0",
|
|
29
|
+
"@skyux/theme": "5.11.0"
|
|
29
30
|
},
|
|
30
31
|
"dependencies": {
|
|
31
32
|
"tslib": "^2.3.1"
|