@skyux/action-bars 15.0.0-alpha.4 → 15.0.0-alpha.5
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 +10 -10
|
@@ -21,10 +21,10 @@ import { takeUntil } from 'rxjs/operators';
|
|
|
21
21
|
* Contains actions for the `sky-summary-action-bar` component.
|
|
22
22
|
*/
|
|
23
23
|
class SkySummaryActionBarActionsComponent {
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", 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 }); }
|
|
26
26
|
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarActionsComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-actions', template: "<ng-content />\n", styles: [":host{display:inline-flex}\n"] }]
|
|
30
30
|
}] });
|
|
@@ -46,10 +46,10 @@ class SkySummaryActionBarCancelComponent {
|
|
|
46
46
|
onCancelClicked() {
|
|
47
47
|
this.actionClick.emit();
|
|
48
48
|
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarCancelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", 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 }); }
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarCancelComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
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"] }]
|
|
55
55
|
}], propDecorators: { disabled: [{
|
|
@@ -76,10 +76,10 @@ class SkySummaryActionBarPrimaryActionComponent {
|
|
|
76
76
|
onButtonClicked() {
|
|
77
77
|
this.actionClick.emit();
|
|
78
78
|
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
79
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", 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 }); }
|
|
81
81
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarPrimaryActionComponent, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
84
|
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"] }]
|
|
85
85
|
}], propDecorators: { disabled: [{
|
|
@@ -116,10 +116,10 @@ class SkySummaryActionBarSecondaryActionComponent {
|
|
|
116
116
|
onButtonClicked() {
|
|
117
117
|
this.actionClick.emit();
|
|
118
118
|
}
|
|
119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
120
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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 }); }
|
|
121
121
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSecondaryActionComponent, decorators: [{
|
|
123
123
|
type: Component,
|
|
124
124
|
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"] }]
|
|
125
125
|
}], propDecorators: { disabled: [{
|
|
@@ -156,11 +156,11 @@ SkyLibResourcesService.addResources(RESOURCES);
|
|
|
156
156
|
* Import into any component library module that needs to use resource strings.
|
|
157
157
|
*/
|
|
158
158
|
class SkyActionBarsResourcesModule {
|
|
159
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
160
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
161
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyActionBarsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
160
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyActionBarsResourcesModule, exports: [SkyI18nModule] }); }
|
|
161
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyActionBarsResourcesModule, imports: [SkyI18nModule] }); }
|
|
162
162
|
}
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyActionBarsResourcesModule, decorators: [{
|
|
164
164
|
type: NgModule,
|
|
165
165
|
args: [{
|
|
166
166
|
exports: [SkyI18nModule],
|
|
@@ -196,10 +196,10 @@ class SkySummaryActionBarSecondaryActionsComponent {
|
|
|
196
196
|
}
|
|
197
197
|
});
|
|
198
198
|
}
|
|
199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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 }); }
|
|
201
201
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSecondaryActionsComponent, decorators: [{
|
|
203
203
|
type: Component,
|
|
204
204
|
args: [{ imports: [
|
|
205
205
|
CommonModule,
|
|
@@ -302,10 +302,10 @@ class SkySummaryActionBarAdapterService {
|
|
|
302
302
|
}
|
|
303
303
|
return SkySummaryActionBarType.Page;
|
|
304
304
|
}
|
|
305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
306
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.
|
|
305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
306
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarAdapterService }); }
|
|
307
307
|
}
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarAdapterService, decorators: [{
|
|
309
309
|
type: Injectable
|
|
310
310
|
}], ctorParameters: () => [] });
|
|
311
311
|
|
|
@@ -313,10 +313,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
313
313
|
* Specifies the summary information to display.
|
|
314
314
|
*/
|
|
315
315
|
class SkySummaryActionBarSummaryComponent {
|
|
316
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
317
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.
|
|
316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.2", type: SkySummaryActionBarSummaryComponent, isStandalone: true, selector: "sky-summary-action-bar-summary", ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
318
318
|
}
|
|
319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarSummaryComponent, decorators: [{
|
|
320
320
|
type: Component,
|
|
321
321
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'sky-summary-action-bar-summary', template: "<ng-content />\n" }]
|
|
322
322
|
}] });
|
|
@@ -489,10 +489,10 @@ class SkySummaryActionBarComponent {
|
|
|
489
489
|
#removeResizeListener() {
|
|
490
490
|
this.#idled.next(true);
|
|
491
491
|
}
|
|
492
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
493
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.
|
|
492
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
493
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", 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 class=\"sky-summary-action-bar-summary\" [id]=\"summaryId\">\n <sky-animation-slide\n [opened]=\"slideDirection() === 'down'\"\n (transitionEnd)=\"summaryTransitionEnd()\"\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 </sky-animation-slide>\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: "component", type: _SkyAnimationSlideComponent, selector: "sky-animation-slide", inputs: ["opened"] }, { kind: "pipe", type: i5.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
494
494
|
}
|
|
495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarComponent, decorators: [{
|
|
496
496
|
type: Component,
|
|
497
497
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
498
498
|
CommonModule,
|
|
@@ -513,8 +513,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
|
|
|
513
513
|
}] } });
|
|
514
514
|
|
|
515
515
|
class SkySummaryActionBarModule {
|
|
516
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
517
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
516
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
517
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarModule, imports: [SkySummaryActionBarActionsComponent,
|
|
518
518
|
SkySummaryActionBarCancelComponent,
|
|
519
519
|
SkySummaryActionBarComponent,
|
|
520
520
|
SkySummaryActionBarPrimaryActionComponent,
|
|
@@ -527,11 +527,11 @@ class SkySummaryActionBarModule {
|
|
|
527
527
|
SkySummaryActionBarSecondaryActionComponent,
|
|
528
528
|
SkySummaryActionBarSecondaryActionsComponent,
|
|
529
529
|
SkySummaryActionBarSummaryComponent] }); }
|
|
530
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
530
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarModule, imports: [SkySummaryActionBarComponent,
|
|
531
531
|
SkySummaryActionBarSecondaryActionComponent,
|
|
532
532
|
SkySummaryActionBarSecondaryActionsComponent] }); }
|
|
533
533
|
}
|
|
534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkySummaryActionBarModule, decorators: [{
|
|
535
535
|
type: NgModule,
|
|
536
536
|
args: [{
|
|
537
537
|
imports: [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/action-bars",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.5",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -16,15 +16,15 @@
|
|
|
16
16
|
},
|
|
17
17
|
"homepage": "https://github.com/blackbaud/skyux#readme",
|
|
18
18
|
"peerDependencies": {
|
|
19
|
-
"@angular/cdk": "^22.
|
|
20
|
-
"@angular/common": "^22.
|
|
21
|
-
"@angular/core": "^22.
|
|
22
|
-
"@skyux/core": "15.0.0-alpha.
|
|
23
|
-
"@skyux/i18n": "15.0.0-alpha.
|
|
24
|
-
"@skyux/icon": "15.0.0-alpha.
|
|
25
|
-
"@skyux/indicators": "15.0.0-alpha.
|
|
26
|
-
"@skyux/popovers": "15.0.0-alpha.
|
|
27
|
-
"@skyux/theme": "15.0.0-alpha.
|
|
19
|
+
"@angular/cdk": "^22.1.2",
|
|
20
|
+
"@angular/common": "^22.1.2",
|
|
21
|
+
"@angular/core": "^22.1.2",
|
|
22
|
+
"@skyux/core": "15.0.0-alpha.5",
|
|
23
|
+
"@skyux/i18n": "15.0.0-alpha.5",
|
|
24
|
+
"@skyux/icon": "15.0.0-alpha.5",
|
|
25
|
+
"@skyux/indicators": "15.0.0-alpha.5",
|
|
26
|
+
"@skyux/popovers": "15.0.0-alpha.5",
|
|
27
|
+
"@skyux/theme": "15.0.0-alpha.5"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.8.1"
|