@skyux/action-bars 5.6.1 → 5.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-action-bars.umd.js +18 -3
- package/documentation.json +94 -202
- package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js +1 -1
- package/esm2015/lib/modules/shared/sky-action-bars-resources.module.js.map +1 -1
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js +9 -2
- package/esm2015/lib/modules/summary-action-bar/summary-action-bar.component.js.map +1 -1
- package/fesm2015/skyux-action-bars.js +10 -3
- package/fesm2015/skyux-action-bars.js.map +1 -1
- package/lib/modules/shared/sky-action-bars-resources.module.d.ts +1 -1
- package/lib/modules/summary-action-bar/summary-action-bar.component.d.ts +4 -2
- package/package.json +8 -8
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
/**
|
|
34
34
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
35
35
|
* The contents of this file were automatically generated by
|
|
36
|
-
* the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-action-bars' schematic.
|
|
36
|
+
* the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-action-bars' schematic.
|
|
37
37
|
* To update this file, simply rerun the command.
|
|
38
38
|
*/
|
|
39
39
|
var RESOURCES = {
|
|
@@ -425,6 +425,21 @@
|
|
|
425
425
|
enumerable: false,
|
|
426
426
|
configurable: true
|
|
427
427
|
});
|
|
428
|
+
Object.defineProperty(SkySummaryActionBarComponent.prototype, "summaryELement", {
|
|
429
|
+
set: function (element) {
|
|
430
|
+
this._summaryElement = element;
|
|
431
|
+
this.changeDetector.markForCheck();
|
|
432
|
+
},
|
|
433
|
+
enumerable: false,
|
|
434
|
+
configurable: true
|
|
435
|
+
});
|
|
436
|
+
Object.defineProperty(SkySummaryActionBarComponent.prototype, "summaryElement", {
|
|
437
|
+
get: function () {
|
|
438
|
+
return this._summaryElement;
|
|
439
|
+
},
|
|
440
|
+
enumerable: false,
|
|
441
|
+
configurable: true
|
|
442
|
+
});
|
|
428
443
|
SkySummaryActionBarComponent.prototype.ngAfterViewInit = function () {
|
|
429
444
|
this.type = this.adapterService.getSummaryActionBarType(this.elementRef.nativeElement);
|
|
430
445
|
if (!(this.type === SkySummaryActionBarType.FullPageModal ||
|
|
@@ -551,7 +566,7 @@
|
|
|
551
566
|
return SkySummaryActionBarComponent;
|
|
552
567
|
}());
|
|
553
568
|
SkySummaryActionBarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarComponent, deps: [{ token: SkySummaryActionBarAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: i2__namespace$1.SkyMediaQueryService }, { token: i2__namespace$1.MutationObserverService }, { token: i2__namespace$1.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
554
|
-
SkySummaryActionBarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySummaryActionBarComponent, selector: "sky-summary-action-bar", providers: [SkySummaryActionBarAdapterService], queries: [{ propertyName: "
|
|
569
|
+
SkySummaryActionBarComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
555
570
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySummaryActionBarComponent, decorators: [{
|
|
556
571
|
type: i0.Component,
|
|
557
572
|
args: [{
|
|
@@ -562,7 +577,7 @@
|
|
|
562
577
|
providers: [SkySummaryActionBarAdapterService],
|
|
563
578
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
564
579
|
}]
|
|
565
|
-
}], ctorParameters: function () { return [{ type: SkySummaryActionBarAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: i2__namespace$1.SkyMediaQueryService }, { type: i2__namespace$1.MutationObserverService }, { type: i2__namespace$1.SkyAppWindowRef }]; }, propDecorators: {
|
|
580
|
+
}], ctorParameters: function () { return [{ type: SkySummaryActionBarAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: i2__namespace$1.SkyMediaQueryService }, { type: i2__namespace$1.MutationObserverService }, { type: i2__namespace$1.SkyAppWindowRef }]; }, propDecorators: { summaryELement: [{
|
|
566
581
|
type: i0.ContentChild,
|
|
567
582
|
args: [SkySummaryActionBarSummaryComponent, { read: i0.ElementRef }]
|
|
568
583
|
}] } });
|