@skyux/layout 14.0.1 → 14.1.1

package/fesm2022/skyux-layout.mjs

@@ -2676,11 +2676,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  */
 class SkyToolbarItemComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyToolbarItemComponent, isStandalone: false, selector: "sky-toolbar-item", ngImport: i0, template: "<div class=\"sky-toolbar-item\">\n  <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyToolbarItemComponent, isStandalone: false, selector: "sky-toolbar-item", ngImport: i0, template: "<div class=\"sky-toolbar-item\">\n  <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-toolbar-item', standalone: false, template: "<div class=\"sky-toolbar-item\">\n  <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}.sky-theme-modern ::ng-deep .sky-btn{padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}\n"] }]
+            args: [{ selector: 'sky-toolbar-item', standalone: false, template: "<div class=\"sky-toolbar-item\">\n  <ng-content />\n</div>\n", styles: [".sky-toolbar-item:not(.sky-theme-modern *){--sky-override-toolbar-item-spacing-bottom: 5px;--sky-override-toolbar-item-spacing-right: 5px}.sky-toolbar-item{margin-right:var(--sky-override-toolbar-item-spacing-right, var(--sky-space-gap-action_group-m));margin-bottom:var(--sky-override-toolbar-item-spacing-bottom);--sky-comp-override-toolbar-button-elevation-base: var( --sky-elevation-action-toolbar-base );--sky-comp-override-toolbar-button-elevation-hover: var( --sky-elevation-action-toolbar-hover );--sky-comp-override-toolbar-button-elevation-focus: var( --sky-elevation-action-toolbar-focus );--sky-comp-override-toolbar-button-elevation-active: var( --sky-elevation-action-toolbar-active );--sky-comp-override-toolbar-button-elevation-disabled: var( --sky-elevation-action-toolbar-disabled )}\n"] }]
         }] });
 
 /**
@@ -2730,11 +2730,11 @@ class SkyToolbarComponent {
     }
     #contentInfoProvider;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyToolbarComponent, isStandalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);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:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyToolbarComponent, isStandalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0;--sky-override-toolbar-item-button-horizontal-padding: inherit}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{--sky-comp-override-button-padding-right: var( --sky-override-toolbar-item-button-horizontal-padding, var(--sky-comp-button-toolbar-space-inset-right) );--sky-comp-override-button-padding-left: var( --sky-override-toolbar-item-button-horizontal-padding, var(--sky-comp-button-toolbar-space-inset-left) );min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);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:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-toolbar', providers: [SkyContentInfoProvider], standalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);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:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"] }]
+            args: [{ selector: 'sky-toolbar', providers: [SkyContentInfoProvider], standalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-background-color: #ffffff;--sky-override-toolbar-border-top-bottom: 1px solid #cdcfd2;--sky-override-toolbar-container-padding: 5px 10px 0;--sky-override-toolbar-item-button-horizontal-padding: inherit}sky-toolbar+:host .sky-toolbar-container{border-top:none}.sky-toolbar-container{--sky-comp-override-button-padding-right: var( --sky-override-toolbar-item-button-horizontal-padding, var(--sky-comp-button-toolbar-space-inset-right) );--sky-comp-override-button-padding-left: var( --sky-override-toolbar-item-button-horizontal-padding, var(--sky-comp-button-toolbar-space-inset-left) );min-height:49px;background-color:var(--sky-comp-override-list-header-background-color, var(--sky-override-toolbar-background-color));padding:var(--sky-override-toolbar-container-padding, var(--sky-comp-toolbar-space-inset-top) var(--sky-comp-toolbar-space-inset-right) var(--sky-comp-toolbar-space-inset-bottom) var(--sky-comp-toolbar-space-inset-left));border-top:var(--sky-override-toolbar-border-top-bottom, none);border-bottom:var(--sky-override-toolbar-border-top-bottom, none);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:var(--sky-override-toolbar-border-top-bottom, var(--sky-border-width-divider) var(--sky-border-style-divider) var(--sky-color-border-divider))}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-container.sky-viewkeeper-fixed{background-color:var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page)))}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-viewkeeper-fixed) .sky-toolbar-container{background-color:var(--sky-override-toolbar-background-color, var(--sky-comp-override-list-header-background-color, var(--sky-background-color-page-default, var(--sky-color-background-page))))}\n"] }]
         }], propDecorators: { sectionComponents: [{
                 type: ContentChildren,
                 args: [SkyToolbarSectionComponent, { descendants: true }]