@skyux/action-bars 13.14.2 → 13.14.3
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/fesm2022/skyux-action-bars.mjs +32 -32
- package/package.json +11 -11
|
@@ -23,10 +23,10 @@ import { takeUntil } from 'rxjs/operators';
|
|
|
23
23
|
* Contains actions for the `sky-summary-action-bar` component.
|
|
24
24
|
*/
|
|
25
25
|
class SkySummaryActionBarActionsComponent {
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SkySummaryActionBarActionsComponent, isStandalone: true, selector: "sky-summary-action-bar-actions", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-flex}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarActionsComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-actions', template: "<ng-content />\n", styles: [":host{display:inline-flex}\n"] }]
|
|
32
32
|
}] });
|
|
@@ -48,10 +48,10 @@ class SkySummaryActionBarCancelComponent {
|
|
|
48
48
|
onCancelClicked() {
|
|
49
49
|
this.actionClick.emit();
|
|
50
50
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SkySummaryActionBarCancelComponent, isStandalone: true, selector: "sky-summary-action-bar-cancel", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<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 />\n</button>\n", styles: [":host-context(.sky-modal .sky-modal-footer-container) button.sky-btn-link:first-child{margin-left:initial}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
53
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarCancelComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
56
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-cancel', template: "<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 />\n</button>\n", styles: [":host-context(.sky-modal .sky-modal-footer-container) button.sky-btn-link:first-child{margin-left:initial}\n"] }]
|
|
57
57
|
}], propDecorators: { disabled: [{
|
|
@@ -78,10 +78,10 @@ class SkySummaryActionBarPrimaryActionComponent {
|
|
|
78
78
|
onButtonClicked() {
|
|
79
79
|
this.actionClick.emit();
|
|
80
80
|
}
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SkySummaryActionBarPrimaryActionComponent, isStandalone: true, selector: "sky-summary-action-bar-primary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content />\n</button>\n", styles: [":host.sky-cmp-theme-default{--sky-override-summary-action-bar-action-button-margin-right: 10px}.sky-btn{margin-right:var(--sky-override-summary-action-bar-action-button-margin-right, var(--sky-space-gap-action_group-m))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-primary-action', hostDirectives: [SkyThemeComponentClassDirective], template: "<button\n type=\"button\"\n class=\"sky-btn sky-btn-primary\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n>\n <ng-content />\n</button>\n", styles: [":host.sky-cmp-theme-default{--sky-override-summary-action-bar-action-button-margin-right: 10px}.sky-btn{margin-right:var(--sky-override-summary-action-bar-action-button-margin-right, var(--sky-space-gap-action_group-m))}\n"] }]
|
|
87
87
|
}], propDecorators: { disabled: [{
|
|
@@ -118,10 +118,10 @@ class SkySummaryActionBarSecondaryActionComponent {
|
|
|
118
118
|
onButtonClicked() {
|
|
119
119
|
this.actionClick.emit();
|
|
120
120
|
}
|
|
121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
122
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SkySummaryActionBarSecondaryActionComponent, isStandalone: true, selector: "sky-summary-action-bar-secondary-action", inputs: { disabled: "disabled" }, outputs: { actionClick: "actionClick" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "@if (!isDropdown) {\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-default\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\" />\n </button>\n} @else {\n <sky-dropdown-item>\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\" />\n </button>\n </sky-dropdown-item>\n}\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content />\n</ng-template>\n", styles: [":host.sky-cmp-theme-default{--sky-override-summary-action-bar-action-button-margin-right: 10px}.sky-btn,sky-dropdown{margin-right:var(--sky-override-summary-action-bar-action-button-margin-right, var(--sky-space-gap-action_group-m))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i3.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { kind: "ngmodule", type: SkyThemeModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
123
123
|
}
|
|
124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
|
|
125
125
|
type: Component,
|
|
126
126
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, SkyDropdownModule, SkyThemeModule], selector: 'sky-summary-action-bar-secondary-action', hostDirectives: [SkyThemeComponentClassDirective], template: "@if (!isDropdown) {\n <button\n type=\"button\"\n class=\"sky-btn sky-btn-default\"\n role=\"menuitem\"\n [disabled]=\"disabled\"\n (click)=\"onButtonClicked()\"\n >\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\" />\n </button>\n} @else {\n <sky-dropdown-item>\n <button type=\"button\" [disabled]=\"disabled\" (click)=\"onButtonClicked()\">\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryAction\" />\n </button>\n </sky-dropdown-item>\n}\n\n<ng-template #summaryActionBarSecondaryAction>\n <ng-content />\n</ng-template>\n", styles: [":host.sky-cmp-theme-default{--sky-override-summary-action-bar-action-button-margin-right: 10px}.sky-btn,sky-dropdown{margin-right:var(--sky-override-summary-action-bar-action-button-margin-right, var(--sky-space-gap-action_group-m))}\n"] }]
|
|
127
127
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
|
|
@@ -158,11 +158,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
158
158
|
* Import into any component library module that needs to use resource strings.
|
|
159
159
|
*/
|
|
160
160
|
class SkyActionBarsResourcesModule {
|
|
161
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
162
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
163
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
161
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyActionBarsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
162
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkyActionBarsResourcesModule, exports: [SkyI18nModule] }); }
|
|
163
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyActionBarsResourcesModule, imports: [SkyI18nModule] }); }
|
|
164
164
|
}
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkyActionBarsResourcesModule, decorators: [{
|
|
166
166
|
type: NgModule,
|
|
167
167
|
args: [{
|
|
168
168
|
exports: [SkyI18nModule],
|
|
@@ -197,10 +197,10 @@ class SkySummaryActionBarSecondaryActionsComponent {
|
|
|
197
197
|
}
|
|
198
198
|
});
|
|
199
199
|
}
|
|
200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SkySummaryActionBarSecondaryActionsComponent, isStandalone: true, selector: "sky-summary-action-bar-secondary-actions", queries: [{ propertyName: "secondaryActionComponents", predicate: SkySummaryActionBarSecondaryActionComponent, isSignal: true }], hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "@if (breakpoint() !== 'xs' && secondaryActionComponents().length < 5) {\n <div class=\"sky-summary-action-bar-secondary-buttons\" role=\"menubar\">\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\" />\n </div>\n} @else {\n <sky-dropdown\n buttonType=\"select\"\n [attr.title]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [label]=\"'skyux_summary_action_bar_open_secondary' | skyLibResources\"\n [messageStream]=\"dropdownMessageStream\"\n >\n <sky-dropdown-button>\n <sky-icon iconName=\"more-actions\" />\n </sky-dropdown-button>\n <sky-dropdown-menu>\n <ng-container *ngTemplateOutlet=\"summaryActionBarSecondaryActions\" />\n </sky-dropdown-menu>\n </sky-dropdown>\n}\n<ng-template #summaryActionBarSecondaryActions>\n <ng-content select=\"sky-summary-action-bar-secondary-action\" />\n</ng-template>\n", styles: [":host.sky-cmp-theme-default{--sky-override-summary-action-bar-action-dropdown-margin-right: 0}sky-dropdown{margin-right:var(--sky-override-summary-action-bar-action-dropdown-margin-right, var(--sky-space-gap-action_group-m));display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyActionBarsResourcesModule }, { kind: "ngmodule", type: SkyDropdownModule }, { kind: "component", type: i3.λ2, selector: "sky-dropdown-button" }, { kind: "component", type: i3.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { kind: "component", type: i3.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i4.λ1, selector: "sky-icon", inputs: ["iconName", "variant", "iconSize"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
202
202
|
}
|
|
203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
|
|
204
204
|
type: Component,
|
|
205
205
|
args: [{ imports: [
|
|
206
206
|
CommonModule,
|
|
@@ -294,10 +294,10 @@ class SkySummaryActionBarAdapterService {
|
|
|
294
294
|
}
|
|
295
295
|
return SkySummaryActionBarType.Page;
|
|
296
296
|
}
|
|
297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
298
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
297
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarAdapterService, deps: [{ token: i0.RendererFactory2 }, { token: i1$1.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
298
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarAdapterService }); }
|
|
299
299
|
}
|
|
300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarAdapterService, decorators: [{
|
|
301
301
|
type: Injectable
|
|
302
302
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: i1$1.SkyAppWindowRef }] });
|
|
303
303
|
|
|
@@ -305,10 +305,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
305
305
|
* Specifies the summary information to display.
|
|
306
306
|
*/
|
|
307
307
|
class SkySummaryActionBarSummaryComponent {
|
|
308
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
309
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
308
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
309
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SkySummaryActionBarSummaryComponent, isStandalone: true, selector: "sky-summary-action-bar-summary", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
310
310
|
}
|
|
311
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
311
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarSummaryComponent, decorators: [{
|
|
312
312
|
type: Component,
|
|
313
313
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-summary', template: "<ng-content />\n" }]
|
|
314
314
|
}] });
|
|
@@ -486,10 +486,10 @@ class SkySummaryActionBarComponent {
|
|
|
486
486
|
#removeResizeListener() {
|
|
487
487
|
this.#idled.next(true);
|
|
488
488
|
}
|
|
489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
490
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
490
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SkySummaryActionBarComponent, isStandalone: true, selector: "sky-summary-action-bar", inputs: { formErrors: "formErrors" }, 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': isCollapsible(),\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 <div aria-live=\"polite\">\n @if (formErrors) {\n @if (formErrors.length > 0) {\n <div\n class=\"sky-summary-action-bar-errors sky-margin-stacked-lg sky-errors-overflow\"\n >\n @for (formError of formErrors; track formError.message) {\n <div class=\"sky-summary-action-bar-form-error-stacked\">\n <sky-status-indicator\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n {{ formError.message }}\n </sky-status-indicator>\n </div>\n }\n </div>\n }\n }\n </div>\n <ng-content select=\"sky-summary-action-bar-actions\" />\n </div>\n @if (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\n aria-live=\"polite\"\n aria-atomic=\"true\"\n class=\"sky-summary-action-bar-summary-items\"\n >\n <ng-content select=\"sky-summary-action-bar-summary\" />\n </div>\n @if (isCollapsible() && !isSummaryCollapsed()) {\n <div class=\"sky-summary-action-bar-details-collapse\">\n <ng-container *ngTemplateOutlet=\"chevron\" />\n </div>\n }\n </div>\n </div>\n @if (isCollapsible() && isSummaryCollapsed()) {\n <div class=\"sky-summary-action-bar-details-expand\">\n <ng-container *ngTemplateOutlet=\"chevron\" />\n </div>\n }\n }\n</div>\n\n<ng-template #chevron>\n <sky-chevron\n #chevronEl\n [attr.aria-controls]=\"summaryId\"\n [ariaLabel]=\"'skyux_summary_action_bar_expand' | skyLibResources\"\n [direction]=\"isSummaryCollapsed() ? 'up' : 'down'\"\n (directionChange)=\"onDirectionChange($event)\"\n />\n</ng-template>\n", styles: [".sky-summary-action-bar:not(.sky-theme-modern *){--sky-override-summary-action-bar-actions-padding: 10px 20px 10px 10px;--sky-override-summary-action-bar-background-color: #ffffff;--sky-override-summary-action-bar-box-shadow: 0 -3px 3px 0 #cdcfd2;--sky-override-summary-action-bar-details-expand-margin-right: 10px;--sky-override-summary-action-bar-details-collapse-margin-left: 0;--sky-override-summary-action-bar-details-collapse-margin-right: 0;--sky-override-summary-action-bar-margin-top: 20px;--sky-override-summary-action-bar-summary-actions-collapsible-padding: 10px 20px 10px 10px;--sky-override-summary-action-bar-summary-body-collapsible-padding: 10px;--sky-override-summary-action-bar-summary-body-padding: 0 0 0 20px;--sky-override-summary-action-bar-summary-border-left: 1px solid #e2e3e4;--sky-override-summary-action-bar-summary-collapsible-border-bottom: 1px solid #e2e3e4;--sky-override-summary-action-bar-summary-items-margin-right: 10px;--sky-override-summary-action-bar-summary-margin: 10px 0}.sky-summary-action-bar{--sky-summary-action-bar-left: var(--sky-viewport-left);display:flex;align-items:center;width:100%;margin-top:var(--sky-override-summary-action-bar-margin-top, 0);position:fixed;bottom:var(--sky-dock-height, 0);transition-property:bottom;transition-duration:60ms;transition-timing-function:ease-out;left:var(--sky-summary-action-bar-left, 0);z-index:999;background-color:var(--sky-override-summary-action-bar-background-color, var(--sky-color-background-container-base));box-shadow:var(--sky-override-summary-action-bar-box-shadow, var(--sky-elevation-overflow))}.sky-summary-action-bar-modal,.sky-summary-action-bar-split-view{position:relative;margin-top:0;--sky-summary-action-bar-left: 0}.sky-summary-action-bar-split-view{box-shadow:none}.sky-summary-action-bar-actions{padding:var(--sky-override-summary-action-bar-actions-padding, var(--sky-comp-sab-actions-space-inset-top) var(--sky-comp-sab-actions-space-inset-right) var(--sky-comp-sab-actions-space-inset-bottom) var(--sky-comp-sab-actions-space-inset-left));flex-shrink:0;z-index:999}.sky-summary-action-bar-form-error-stacked:not(:last-of-type){margin-top:0;margin-bottom:var(--sky-space-stacked-s)}.sky-summary-action-bar-summary{margin:var(--sky-override-summary-action-bar-summary-margin);border-left:var(--sky-override-summary-action-bar-summary-border-left, none)}.sky-summary-action-bar-summary-body{padding:var(--sky-override-summary-action-bar-summary-body-padding, var(--sky-comp-sab-summary-inline-space-inset-top) var(--sky-comp-sab-summary-inline-space-inset-right) var(--sky-comp-sab-summary-inline-space-inset-bottom) var(--sky-comp-sab-summary-inline-space-inset-left));display:flex}.sky-summary-action-bar-summary-items{display:flex;flex-wrap:wrap;flex-grow:1;margin-right:var(--sky-override-summary-action-bar-summary-items-margin-right)}.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:var(--sky-override-summary-action-bar-summary-collapsible-border-bottom, none);margin:0;border-left:none;z-index:998}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-summary-body{padding:var(--sky-override-summary-action-bar-summary-body-collapsible-padding, var(--sky-comp-sab-summary-expanded-space-inset-top) var(--sky-comp-sab-summary-expanded-space-inset-right) var(--sky-comp-sab-summary-expanded-space-inset-bottom) var(--sky-comp-sab-summary-expanded-space-inset-left))}.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}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-expand{margin-left:auto;margin-right:var(--sky-override-summary-action-bar-details-expand-margin-right, var(--sky-space-inline-xl))}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-details-collapse{margin-left:var(--sky-override-summary-action-bar-details-collapse-margin-left, var(--sky-space-gap-text_action-l));margin-right:var(--sky-override-summary-action-bar-details-collapse-margin-right, calc(var(--sky-space-inline-xl) - var(--sky-comp-sab-summary-expanded-space-inset-right)))}.sky-summary-action-bar-summary-collapsible .sky-summary-action-bar-actions{padding:var(--sky-override-summary-action-bar-summary-actions-collapsible-padding, var(--sky-comp-sab-actions-space-inset-top) var(--sky-comp-sab-actions-space-inset-right) var(--sky-comp-sab-actions-space-inset-bottom) var(--sky-comp-sab-actions-space-inset-left))}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items:has(::ng-deep sky-key-info:last-child){margin-bottom:calc(var(--sky-space-inline-s) * -1)}:host-context(.sky-theme-modern) .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 var(--sky-space-inline-xl) var(--sky-space-inline-s) 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 var(--sky-space-inline-s) 0}.sky-theme-modern .sky-summary-action-bar-summary-items:has(::ng-deep sky-key-info:last-child){margin-bottom:calc(var(--sky-space-inline-s) * -1)}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info{margin:0 var(--sky-space-inline-xl) var(--sky-space-inline-s) 0;display:inline-block}.sky-theme-modern .sky-summary-action-bar-summary-items ::ng-deep sky-key-info:last-child{margin:0 0 var(--sky-space-inline-s) 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SkyActionBarsResourcesModule }, { kind: "ngmodule", type: SkyChevronModule }, { kind: "component", type: i2$1.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }, { kind: "ngmodule", type: SkyThemeModule }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i2$1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], animations: [skyAnimationSlide], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
491
491
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
|
|
493
493
|
type: Component,
|
|
494
494
|
args: [{ animations: [skyAnimationSlide], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
495
495
|
CommonModule,
|
|
@@ -509,8 +509,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
|
|
|
509
509
|
}] } });
|
|
510
510
|
|
|
511
511
|
class SkySummaryActionBarModule {
|
|
512
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
513
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.
|
|
512
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
513
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarModule, imports: [SkySummaryActionBarActionsComponent,
|
|
514
514
|
SkySummaryActionBarCancelComponent,
|
|
515
515
|
SkySummaryActionBarComponent,
|
|
516
516
|
SkySummaryActionBarPrimaryActionComponent,
|
|
@@ -523,11 +523,11 @@ class SkySummaryActionBarModule {
|
|
|
523
523
|
SkySummaryActionBarSecondaryActionComponent,
|
|
524
524
|
SkySummaryActionBarSecondaryActionsComponent,
|
|
525
525
|
SkySummaryActionBarSummaryComponent] }); }
|
|
526
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.
|
|
526
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarModule, imports: [SkySummaryActionBarComponent,
|
|
527
527
|
SkySummaryActionBarSecondaryActionComponent,
|
|
528
528
|
SkySummaryActionBarSecondaryActionsComponent] }); }
|
|
529
529
|
}
|
|
530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SkySummaryActionBarModule, decorators: [{
|
|
531
531
|
type: NgModule,
|
|
532
532
|
args: [{
|
|
533
533
|
imports: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/action-bars",
|
|
3
|
-
"version": "13.14.
|
|
3
|
+
"version": "13.14.3",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/animations": "^20.3.
|
|
19
|
+
"@angular/animations": "^20.3.17",
|
|
20
20
|
"@angular/cdk": "^20.2.14",
|
|
21
|
-
"@angular/common": "^20.3.
|
|
22
|
-
"@angular/core": "^20.3.
|
|
23
|
-
"@skyux/animations": "13.14.
|
|
24
|
-
"@skyux/core": "13.14.
|
|
25
|
-
"@skyux/i18n": "13.14.
|
|
26
|
-
"@skyux/icon": "13.14.
|
|
27
|
-
"@skyux/indicators": "13.14.
|
|
28
|
-
"@skyux/popovers": "13.14.
|
|
29
|
-
"@skyux/theme": "13.14.
|
|
21
|
+
"@angular/common": "^20.3.17",
|
|
22
|
+
"@angular/core": "^20.3.17",
|
|
23
|
+
"@skyux/animations": "13.14.3",
|
|
24
|
+
"@skyux/core": "13.14.3",
|
|
25
|
+
"@skyux/i18n": "13.14.3",
|
|
26
|
+
"@skyux/icon": "13.14.3",
|
|
27
|
+
"@skyux/indicators": "13.14.3",
|
|
28
|
+
"@skyux/popovers": "13.14.3",
|
|
29
|
+
"@skyux/theme": "13.14.3"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"tslib": "^2.8.1"
|