@skyux/layout 9.5.1 → 9.7.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/documentation.json +325 -325
- package/esm2022/lib/modules/action-button/action-button-adapter-service.mjs +3 -3
- package/esm2022/lib/modules/action-button/action-button-container.component.mjs +3 -3
- package/esm2022/lib/modules/action-button/action-button-details.component.mjs +3 -3
- package/esm2022/lib/modules/action-button/action-button-header.component.mjs +3 -3
- package/esm2022/lib/modules/action-button/action-button-icon.component.mjs +3 -3
- package/esm2022/lib/modules/action-button/action-button.component.mjs +4 -4
- package/esm2022/lib/modules/action-button/action-button.module.mjs +4 -4
- package/esm2022/lib/modules/back-to-top/back-to-top-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/back-to-top/back-to-top.component.mjs +3 -3
- package/esm2022/lib/modules/back-to-top/back-to-top.directive.mjs +3 -3
- package/esm2022/lib/modules/back-to-top/back-to-top.module.mjs +4 -4
- package/esm2022/lib/modules/box/box-content.component.mjs +3 -3
- package/esm2022/lib/modules/box/box-controls.component.mjs +3 -3
- package/esm2022/lib/modules/box/box-header.component.mjs +3 -3
- package/esm2022/lib/modules/box/box.component.mjs +3 -3
- package/esm2022/lib/modules/box/box.module.mjs +4 -4
- package/esm2022/lib/modules/card/card-actions.component.mjs +3 -3
- package/esm2022/lib/modules/card/card-content.component.mjs +3 -3
- package/esm2022/lib/modules/card/card-title.component.mjs +3 -3
- package/esm2022/lib/modules/card/card.component.mjs +3 -3
- package/esm2022/lib/modules/card/card.module.mjs +4 -4
- package/esm2022/lib/modules/definition-list/definition-list-content.component.mjs +3 -3
- package/esm2022/lib/modules/definition-list/definition-list-heading.component.mjs +3 -3
- package/esm2022/lib/modules/definition-list/definition-list-label.component.mjs +3 -3
- package/esm2022/lib/modules/definition-list/definition-list-value.component.mjs +3 -3
- package/esm2022/lib/modules/definition-list/definition-list.component.mjs +3 -3
- package/esm2022/lib/modules/definition-list/definition-list.module.mjs +4 -4
- package/esm2022/lib/modules/definition-list/definition-list.service.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list-adapter-service.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list-content.component.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list-description.component.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list-term.component.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list.component.mjs +3 -3
- package/esm2022/lib/modules/description-list/description-list.module.mjs +4 -4
- package/esm2022/lib/modules/description-list/description-list.service.mjs +3 -3
- package/esm2022/lib/modules/fluid-grid/column.component.mjs +3 -3
- package/esm2022/lib/modules/fluid-grid/fluid-grid.component.mjs +3 -3
- package/esm2022/lib/modules/fluid-grid/fluid-grid.module.mjs +4 -4
- package/esm2022/lib/modules/fluid-grid/row.component.mjs +3 -3
- package/esm2022/lib/modules/format/format.component.mjs +3 -3
- package/esm2022/lib/modules/format/format.module.mjs +4 -4
- package/esm2022/lib/modules/inline-delete/inline-delete-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/inline-delete/inline-delete.component.mjs +3 -3
- package/esm2022/lib/modules/inline-delete/inline-delete.module.mjs +4 -4
- package/esm2022/lib/modules/page/page-theme-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/page/page.component.mjs +3 -3
- package/esm2022/lib/modules/page/page.module.mjs +4 -4
- package/esm2022/lib/modules/page-summary/page-summary-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-alert.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-content.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-image.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-key-info.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-status.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-subtitle.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary-title.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary.component.mjs +3 -3
- package/esm2022/lib/modules/page-summary/page-summary.module.mjs +4 -4
- package/esm2022/lib/modules/shared/sky-layout-resources.module.mjs +4 -4
- package/esm2022/lib/modules/text-expand/text-expand-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/text-expand/text-expand-modal.component.mjs +3 -3
- package/esm2022/lib/modules/text-expand/text-expand.component.mjs +3 -3
- package/esm2022/lib/modules/text-expand/text-expand.module.mjs +4 -4
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater.component.mjs +3 -3
- package/esm2022/lib/modules/text-expand-repeater/text-expand-repeater.module.mjs +4 -4
- package/esm2022/lib/modules/toolbar/toolbar-item.component.mjs +3 -3
- package/esm2022/lib/modules/toolbar/toolbar-section.component.mjs +3 -3
- package/esm2022/lib/modules/toolbar/toolbar-view-actions.component.mjs +3 -3
- package/esm2022/lib/modules/toolbar/toolbar.component.mjs +9 -7
- package/esm2022/lib/modules/toolbar/toolbar.module.mjs +4 -4
- package/fesm2022/skyux-layout.mjs +231 -229
- package/fesm2022/skyux-layout.mjs.map +1 -1
- package/lib/modules/toolbar/toolbar.component.d.ts +2 -2
- package/package.json +16 -16
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Specifies a container for an item in the toolbar.
|
|
5
5
|
*/
|
|
6
6
|
export class SkyToolbarItemComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0, template: "<div class=\"sky-toolbar-item\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-bottom:0;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-bottom:0;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sky-toolbar-item', template: "<div class=\"sky-toolbar-item\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-bottom:0;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-bottom:0;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] }]
|
|
13
13
|
}] });
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Specifies a section to group items within the toolbar. The section displays items in a separate horizontal row.
|
|
5
5
|
*/
|
|
6
6
|
export class SkyToolbarSectionComponent {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0, template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"] }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'sky-toolbar-section', template: "<div class=\"sky-toolbar-section\">\n <div class=\"sky-toolbar-section-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"] }]
|
|
13
13
|
}] });
|
|
@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* the view of the content container. This includes simple filters and view switchers.
|
|
6
6
|
*/
|
|
7
7
|
export class SkyToolbarViewActionsComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'sky-toolbar-view-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] }]
|
|
14
14
|
}] });
|
|
@@ -15,17 +15,19 @@ export class SkyToolbarComponent {
|
|
|
15
15
|
this.hasSections = !!value && value.length > 0;
|
|
16
16
|
}
|
|
17
17
|
/**
|
|
18
|
-
* A descriptor for the items that the toolbar manipulates. Use a plural term. The descriptor helps set the toolbar
|
|
19
|
-
* For example, when the descriptor is
|
|
18
|
+
* A descriptor for the items that the toolbar manipulates. Use a plural term. The descriptor helps set the toolbar's `aria-label` attributes for search inputs, sort buttons, and filter buttons to provide text equivalents for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).
|
|
19
|
+
* For example, when the descriptor is "constituents," the search input's `aria-label` is "Search constituents." For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
|
|
20
20
|
*/
|
|
21
21
|
set listDescriptor(value) {
|
|
22
|
-
this.#contentInfoProvider.patchInfo({
|
|
22
|
+
this.#contentInfoProvider.patchInfo({
|
|
23
|
+
descriptor: value ? { type: 'text', value } : undefined,
|
|
24
|
+
});
|
|
23
25
|
}
|
|
24
26
|
#contentInfoProvider;
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: SkyToolbarComponent, selector: "sky-toolbar", inputs: { listDescriptor: "listDescriptor" }, providers: [SkyContentInfoProvider], queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\" />\n <div class=\"sky-toolbar-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: ["sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
27
29
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
29
31
|
type: Component,
|
|
30
32
|
args: [{ selector: 'sky-toolbar', providers: [SkyContentInfoProvider], template: "<div\n class=\"sky-toolbar-container\"\n [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n <ng-content select=\"sky-toolbar-section\" />\n <div class=\"sky-toolbar-items\">\n <ng-content />\n </div>\n <ng-content select=\"sky-toolbar-view-actions\" />\n</div>\n", styles: ["sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"] }]
|
|
31
33
|
}], propDecorators: { sectionComponents: [{
|
|
@@ -34,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
|
|
|
34
36
|
}], listDescriptor: [{
|
|
35
37
|
type: Input
|
|
36
38
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvbGF5b3V0L3NyYy9saWIvbW9kdWxlcy90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsZUFBZSxFQUNmLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRXJELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7QUFFekU7O0dBRUc7QUFPSCxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT1MsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFvQjNCLHlCQUFvQixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBQ3ZEO0lBbkJDLElBQ1csaUJBQWlCLENBQzFCLEtBQXdEO1FBRXhELElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDVyxjQUFjLENBQUMsS0FBeUI7UUFDakQsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQztZQUNsQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDeEQsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELG9CQUFvQixDQUFrQzs4R0FyQjNDLG1CQUFtQjtrR0FBbkIsbUJBQW1CLG9GQUZuQixDQUFDLHNCQUFzQixDQUFDLDREQUtsQiwwQkFBMEIsZ0RDdkI3QywwUkFVQTs7MkZEVWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGFBQWEsYUFHWixDQUFDLHNCQUFzQixDQUFDOzhCQU14QixpQkFBaUI7c0JBRDNCLGVBQWU7dUJBQUMsMEJBQTBCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQVl2RCxjQUFjO3NCQUR4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIElucHV0LFxuICBRdWVyeUxpc3QsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lDb250ZW50SW5mb1Byb3ZpZGVyIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lUb29sYmFyU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci1zZWN0aW9uLmNvbXBvbmVudCc7XG5cbi8qKlxuICogRGlzcGxheXMgYWN0aW9ucyBmb3IgbGlzdHMsIHJlY29yZHMsIGFuZCB0aWxlcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXRvb2xiYXInLFxuICBzdHlsZVVybHM6IFsnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbU2t5Q29udGVudEluZm9Qcm92aWRlcl0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVRvb2xiYXJDb21wb25lbnQge1xuICBwdWJsaWMgaGFzU2VjdGlvbnMgPSBmYWxzZTtcblxuICBAQ29udGVudENoaWxkcmVuKFNreVRvb2xiYXJTZWN0aW9uQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXG4gIHB1YmxpYyBzZXQgc2VjdGlvbkNvbXBvbmVudHMoXG4gICAgdmFsdWU6IFF1ZXJ5TGlzdDxTa3lUb29sYmFyU2VjdGlvbkNvbXBvbmVudD4gfCB1bmRlZmluZWRcbiAgKSB7XG4gICAgdGhpcy5oYXNTZWN0aW9ucyA9ICEhdmFsdWUgJiYgdmFsdWUubGVuZ3RoID4gMDtcbiAgfVxuXG4gIC8qKlxuICAgKiBBIGRlc2NyaXB0b3IgZm9yIHRoZSBpdGVtcyB0aGF0IHRoZSB0b29sYmFyIG1hbmlwdWxhdGVzLiBVc2UgYSBwbHVyYWwgdGVybS4gVGhlIGRlc2NyaXB0b3IgaGVscHMgc2V0IHRoZSB0b29sYmFyJ3MgYGFyaWEtbGFiZWxgIGF0dHJpYnV0ZXMgZm9yIHNlYXJjaCBpbnB1dHMsIHNvcnQgYnV0dG9ucywgYW5kIGZpbHRlciBidXR0b25zIHRvIHByb3ZpZGUgdGV4dCBlcXVpdmFsZW50cyBmb3Igc2NyZWVuIHJlYWRlcnMgW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9jb21wb25lbnRzL2NoZWNrYm94I2FjY2Vzc2liaWxpdHkpLlxuICAgKiBGb3IgZXhhbXBsZSwgd2hlbiB0aGUgZGVzY3JpcHRvciBpcyBcImNvbnN0aXR1ZW50cyxcIiB0aGUgc2VhcmNoIGlucHV0J3MgYGFyaWEtbGFiZWxgIGlzIFwiU2VhcmNoIGNvbnN0aXR1ZW50cy5cIiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCB0aGUgYGFyaWEtbGFiZWxgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWxhYmVsKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGlzdERlc2NyaXB0b3IodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2NvbnRlbnRJbmZvUHJvdmlkZXIucGF0Y2hJbmZvKHtcbiAgICAgIGRlc2NyaXB0b3I6IHZhbHVlID8geyB0eXBlOiAndGV4dCcsIHZhbHVlIH0gOiB1bmRlZmluZWQsXG4gICAgfSk7XG4gIH1cblxuICAjY29udGVudEluZm9Qcm92aWRlciA9IGluamVjdChTa3lDb250ZW50SW5mb1Byb3ZpZGVyKTtcbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJza3ktdG9vbGJhci1jb250YWluZXJcIlxuICBbbmdDbGFzc109XCJ7ICdza3ktdG9vbGJhci1zZWN0aW9uZWQnOiBoYXNTZWN0aW9ucyB9XCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXRvb2xiYXItc2VjdGlvblwiIC8+XG4gIDxkaXYgY2xhc3M9XCJza3ktdG9vbGJhci1pdGVtc1wiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktdG9vbGJhci12aWV3LWFjdGlvbnNcIiAvPlxuPC9kaXY+XG4iXX0=
|
|
@@ -6,17 +6,17 @@ import { SkyToolbarViewActionsComponent } from './toolbar-view-actions.component
|
|
|
6
6
|
import { SkyToolbarComponent } from './toolbar.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyToolbarModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
|
|
11
11
|
SkyToolbarItemComponent,
|
|
12
12
|
SkyToolbarSectionComponent,
|
|
13
13
|
SkyToolbarViewActionsComponent], imports: [CommonModule], exports: [SkyToolbarComponent,
|
|
14
14
|
SkyToolbarItemComponent,
|
|
15
15
|
SkyToolbarSectionComponent,
|
|
16
16
|
SkyToolbarViewActionsComponent] }); }
|
|
17
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.
|
|
17
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarModule, imports: [CommonModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: SkyToolbarModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [
|