@skyux/layout 12.19.1 → 12.21.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.
|
@@ -2920,11 +2920,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2920
2920
|
*/
|
|
2921
2921
|
class SkyToolbarItemComponent {
|
|
2922
2922
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2923
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-toolbar-item{--sky-override-toolbar-item-text-color: var(--sky-color-text-default)}.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)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-space-inset-
|
|
2923
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-toolbar-item{--sky-override-toolbar-item-text-color: var(--sky-color-text-default)}.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)}: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)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open){background-color:var(--sky-color-background-action-tertiary-base);border:none;color:var(--sky-override-toolbar-item-text-color, var(--sky-color-text-action))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open) sky-icon{color:var(--sky-override-toolbar-item-text-color, var(--sky-color-icon-action))}.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.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open){background-color:var(--sky-color-background-action-tertiary-base);border:none;color:var(--sky-override-toolbar-item-text-color, var(--sky-color-text-action))}.sky-theme-modern ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}.sky-theme-modern ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open) sky-icon{color:var(--sky-override-toolbar-item-text-color, var(--sky-color-icon-action))}\n"] }); }
|
|
2924
2924
|
}
|
|
2925
2925
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarItemComponent, decorators: [{
|
|
2926
2926
|
type: Component,
|
|
2927
|
-
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}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-toolbar-item{--sky-override-toolbar-item-text-color: var(--sky-color-text-default)}.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)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{padding-left:var(--sky-space-inset-
|
|
2927
|
+
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}:host-context(.sky-theme-modern:not(.sky-theme-brand-base)) .sky-toolbar-item{--sky-override-toolbar-item-text-color: var(--sky-color-text-default)}.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)}: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)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open){background-color:var(--sky-color-background-action-tertiary-base);border:none;color:var(--sky-override-toolbar-item-text-color, var(--sky-color-text-action))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}:host-context(.sky-theme-modern) ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open) sky-icon{color:var(--sky-override-toolbar-item-text-color, var(--sky-color-icon-action))}.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.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open){background-color:var(--sky-color-background-action-tertiary-base);border:none;color:var(--sky-override-toolbar-item-text-color, var(--sky-color-text-action))}.sky-theme-modern ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}.sky-theme-modern ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(.sky-search-btn,.sky-search-btn-open) sky-icon{color:var(--sky-override-toolbar-item-text-color, var(--sky-color-icon-action))}\n"] }]
|
|
2928
2928
|
}] });
|
|
2929
2929
|
|
|
2930
2930
|
/**
|
|
@@ -2932,11 +2932,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2932
2932
|
*/
|
|
2933
2933
|
class SkyToolbarSectionComponent {
|
|
2934
2934
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2935
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyToolbarSectionComponent, isStandalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:var(--sky-override-toolbar-container-padding, var(--sky-space-inset-
|
|
2935
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyToolbarSectionComponent, isStandalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;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));min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}\n"] }); }
|
|
2936
2936
|
}
|
|
2937
2937
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarSectionComponent, decorators: [{
|
|
2938
2938
|
type: Component,
|
|
2939
|
-
args: [{ selector: 'sky-toolbar-section', standalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:var(--sky-override-toolbar-container-padding, var(--sky-space-inset-
|
|
2939
|
+
args: [{ selector: 'sky-toolbar-section', standalone: false, 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-container:not(.sky-theme-modern *){--sky-override-toolbar-container-padding: 5px 10px 0}.sky-toolbar-section{display:flex;flex-wrap:nowrap;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));min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}\n"] }]
|
|
2940
2940
|
}] });
|
|
2941
2941
|
|
|
2942
2942
|
/**
|
|
@@ -2945,11 +2945,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
|
|
|
2945
2945
|
*/
|
|
2946
2946
|
class SkyToolbarViewActionsComponent {
|
|
2947
2947
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarViewActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2948
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyToolbarViewActionsComponent, isStandalone: false, selector: "sky-toolbar-view-actions", ngImport: i0, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;padding-left:var(--sky-space-inset-
|
|
2948
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyToolbarViewActionsComponent, isStandalone: false, selector: "sky-toolbar-view-actions", ngImport: i0, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}.sky-theme-modern ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;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:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2949
2949
|
}
|
|
2950
2950
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarViewActionsComponent, decorators: [{
|
|
2951
2951
|
type: Component,
|
|
2952
|
-
args: [{ selector: 'sky-toolbar-view-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;padding-left:var(--sky-space-inset-
|
|
2952
|
+
args: [{ selector: 'sky-toolbar-view-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"sky-toolbar-view-actions\">\n <ng-content />\n</div>\n", styles: [".sky-toolbar-view-actions:not(.sky-theme-modern *){--sky-override-toolbar-view-action-bottom-margin: 5px;--sky-override-toolbar-view-action-right-margin: 5px}:host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:var(--sky-override-toolbar-view-action-bottom-margin, 0)}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:var(--sky-override-toolbar-view-action-right-margin, var(--sky-space-gap-action_group-m))}:host-context(.sky-theme-modern) ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;padding-left:var(--sky-comp-button-toolbar-space-inset-left);padding-right:var(--sky-comp-button-toolbar-space-inset-right)}:host-context(.sky-theme-modern) ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}.sky-theme-modern ::ng-deep .sky-btn{background-color:var(--sky-color-background-action-tertiary-base);border:none;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:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 var(--sky-border-width-action-base) transparent}\n"] }]
|
|
2953
2953
|
}] });
|
|
2954
2954
|
|
|
2955
2955
|
/**
|
|
@@ -2974,11 +2974,11 @@ class SkyToolbarComponent {
|
|
|
2974
2974
|
}
|
|
2975
2975
|
#contentInfoProvider;
|
|
2976
2976
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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-override-toolbar-background-color);padding:var(--sky-override-toolbar-container-padding, var(--sky-space-inset-
|
|
2977
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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-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-override-toolbar-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-background-color-page-default, var(--sky-color-background-page)))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
2978
2978
|
}
|
|
2979
2979
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyToolbarComponent, decorators: [{
|
|
2980
2980
|
type: Component,
|
|
2981
|
-
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-override-toolbar-background-color);padding:var(--sky-override-toolbar-container-padding, var(--sky-space-inset-
|
|
2981
|
+
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-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-override-toolbar-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-background-color-page-default, var(--sky-color-background-page)))}\n"] }]
|
|
2982
2982
|
}], propDecorators: { sectionComponents: [{
|
|
2983
2983
|
type: ContentChildren,
|
|
2984
2984
|
args: [SkyToolbarSectionComponent, { descendants: true }]
|