@skyux/layout 10.9.0 → 10.11.0

package/esm2022/lib/modules/box/box-controls.component.mjs

@@ -1,14 +1,28 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
+import { SkyContentInfoProvider } from '@skyux/core';
+import { SKY_BOX_HEADER_ID } from './box-header-id-token';
 import * as i0 from "@angular/core";
 /**
  * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
  */
 export class SkyBoxControlsComponent {
+    boxHasHeader(value) {
+        if (value) {
+            this.#contentInfoProvider.patchInfo({
+                descriptor: { type: 'elementId', value: this.#boxHeaderId },
+            });
+        }
+        else {
+            this.#contentInfoProvider.patchInfo({ descriptor: undefined });
+        }
+    }
+    #contentInfoProvider = inject(SkyContentInfoProvider);
+    #boxHeaderId = inject(SKY_BOX_HEADER_ID);
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0, template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxControlsComponent, selector: "sky-box-controls", providers: [SkyContentInfoProvider], ngImport: i0, template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-box-controls', template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }]
+            args: [{ selector: 'sky-box-controls', providers: [SkyContentInfoProvider], template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRyb2xzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gtY29udHJvbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7R0FFRztBQUtILE1BQU0sT0FBTyx1QkFBdUI7OEdBQXZCLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHdEQ1RwQyw4REFHQTs7MkZETWEsdUJBQXVCO2tCQUpuQyxTQUFTOytCQUNFLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgY29udHJvbHMgdG8gZGlzcGxheSBpbiB1cHBlciByaWdodCBjb3JuZXIgb2YgdGhlIGJveC4gVGhlc2UgYnV0dG9ucyB0eXBpY2FsbHkgbGV0IHVzZXJzIGVkaXQgdGhlIGJveCBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYm94LWNvbnRyb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveENvbnRyb2xzQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWJveC1jb250cm9sc1wiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWNvbnRyb2xzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3gtY29udHJvbHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFckQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTFEOztHQUVHO0FBTUgsTUFBTSxPQUFPLHVCQUF1QjtJQUMzQixZQUFZLENBQUMsS0FBYztRQUNoQyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLG9CQUFvQixDQUFDLFNBQVMsQ0FBQztnQkFDbEMsVUFBVSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRTthQUM1RCxDQUFDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxTQUFTLENBQUMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztRQUNqRSxDQUFDO0lBQ0gsQ0FBQztJQUVRLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3RELFlBQVksR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQzs4R0FadkMsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMkNBRnZCLENBQUMsc0JBQXNCLENBQUMsMEJDWHJDLDhEQUdBOzsyRkRVYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCLGFBRWpCLENBQUMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5Q29udGVudEluZm9Qcm92aWRlciB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU0tZX0JPWF9IRUFERVJfSUQgfSBmcm9tICcuL2JveC1oZWFkZXItaWQtdG9rZW4nO1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgY29udHJvbHMgdG8gZGlzcGxheSBpbiB1cHBlciByaWdodCBjb3JuZXIgb2YgdGhlIGJveC4gVGhlc2UgYnV0dG9ucyB0eXBpY2FsbHkgbGV0IHVzZXJzIGVkaXQgdGhlIGJveCBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYm94LWNvbnRyb2xzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JveC1jb250cm9scy5jb21wb25lbnQuaHRtbCcsXG4gIHByb3ZpZGVyczogW1NreUNvbnRlbnRJbmZvUHJvdmlkZXJdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB7XG4gIHB1YmxpYyBib3hIYXNIZWFkZXIodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHRoaXMuI2NvbnRlbnRJbmZvUHJvdmlkZXIucGF0Y2hJbmZvKHtcbiAgICAgICAgZGVzY3JpcHRvcjogeyB0eXBlOiAnZWxlbWVudElkJywgdmFsdWU6IHRoaXMuI2JveEhlYWRlcklkIH0sXG4gICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy4jY29udGVudEluZm9Qcm92aWRlci5wYXRjaEluZm8oeyBkZXNjcmlwdG9yOiB1bmRlZmluZWQgfSk7XG4gICAgfVxuICB9XG5cbiAgcmVhZG9ubHkgI2NvbnRlbnRJbmZvUHJvdmlkZXIgPSBpbmplY3QoU2t5Q29udGVudEluZm9Qcm92aWRlcik7XG4gIHJlYWRvbmx5ICNib3hIZWFkZXJJZCA9IGluamVjdChTS1lfQk9YX0hFQURFUl9JRCk7XG59XG4iLCI8ZGl2IGNsYXNzPVwic2t5LWJveC1jb250cm9sc1wiPlxuICA8bmctY29udGVudCAvPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/modules/box/box.component.mjs

@@ -1,5 +1,6 @@
 import { Component, ContentChild, ElementRef, Input, ViewEncapsulation, inject, } from '@angular/core';
-import { SkyContentInfoProvider, SkyIdService } from '@skyux/core';
+import { SkyIdService } from '@skyux/core';
+import { SkyBoxControlsComponent } from './box-controls.component';
 import { SKY_BOX_HEADER_ID } from './box-header-id-token';
 import { SkyBoxHeaderComponent } from './box-header.component';
 import * as i0 from "@angular/core";
@@ -9,15 +10,21 @@ import * as i1 from "@skyux/theme";
  */
 export class SkyBoxComponent {
     set boxHeaderRef(value) {
-        this.#contentInfoProvider.patchInfo({
-            descriptor: { type: 'elementId', value: this.#boxTitleId },
-        });
+        this.#boxHeaderRef = value;
+        if (this.#boxControls) {
+            this.#boxControls.boxHasHeader(!!value);
+        }
     }
-    #contentInfoProvider = inject(SkyContentInfoProvider);
-    #boxTitleId = inject(SKY_BOX_HEADER_ID);
+    set boxControls(value) {
+        this.#boxControls = value;
+        if (value) {
+            value.boxHasHeader(!!this.#boxHeaderRef);
+        }
+    }
+    #boxControls;
+    #boxHeaderRef;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, providers: [
-            SkyContentInfoProvider,
             {
                 provide: SKY_BOX_HEADER_ID,
                 useFactory() {
@@ -25,12 +32,11 @@ export class SkyBoxComponent {
                     return idService.generateId();
                 },
             },
-        ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\" />\n    <ng-content select=\"sky-box-controls\" />\n  </div>\n  <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }, { propertyName: "boxControls", first: true, predicate: SkyBoxControlsComponent, descendants: true }], ngImport: i0, template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\" />\n    <ng-content select=\"sky-box-controls\" />\n  </div>\n  <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, providers: [
-                        SkyContentInfoProvider,
                         {
                             provide: SKY_BOX_HEADER_ID,
                             useFactory() {
@@ -48,5 +54,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }], boxHeaderRef: [{
                 type: ContentChild,
                 args: [SkyBoxHeaderComponent, { read: ElementRef }]
+            }], boxControls: [{
+                type: ContentChild,
+                args: [SkyBoxControlsComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRS9EOztHQUVHO0FBaUJILE1BQU0sT0FBTyxlQUFlO0lBOEIxQixJQUNXLFlBQVksQ0FBQyxLQUE2QjtRQUNuRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsU0FBUyxDQUFDO1lBQ2xDLFVBQVUsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUU7U0FDM0QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVRLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3RELFdBQVcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQzs4R0F0Q3RDLGVBQWU7a0dBQWYsZUFBZSw4SEFYZjtZQUNULHNCQUFzQjtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixVQUFVO29CQUNSLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztvQkFDdkMsT0FBTyxTQUFTLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQ2hDLENBQUM7YUFDRjtTQUNGLG9FQWdDYSxxQkFBcUIsMkJBQVUsVUFBVSw2QkM5RHpELHNiQWdCQTs7MkZEZ0JhLGVBQWU7a0JBaEIzQixTQUFTOytCQUNFLFNBQVMsaUJBR0osaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVCxzQkFBc0I7d0JBQ3RCOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFVBQVU7Z0NBQ1IsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO2dDQUN2QyxPQUFPLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQzs0QkFDaEMsQ0FBQzt5QkFDRjtxQkFDRjs4QkFVTSxTQUFTO3NCQURmLEtBQUs7Z0JBV0MsY0FBYztzQkFEcEIsS0FBSztnQkFXQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUssWUFBWTtzQkFEdEIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5Q29udGVudEluZm9Qcm92aWRlciwgU2t5SWRTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBTS1lfQk9YX0hFQURFUl9JRCB9IGZyb20gJy4vYm94LWhlYWRlci1pZC10b2tlbic7XG5pbXBvcnQgeyBTa3lCb3hIZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL2JveC1oZWFkZXIuY29tcG9uZW50JztcblxuLyoqXG4gKiBQcm92aWRlcyBhIGNvbW1vbiBsb29rLWFuZC1mZWVsIGZvciBib3ggY29udGVudCB3aXRoIG9wdGlvbnMgdG8gZGlzcGxheSBhIGNvbW1vbiBib3ggaGVhZGVyLCBzcGVjaWZ5IGJvZHkgY29udGVudCwgYW5kIGRpc3BsYXkgY29tbW9uIGJveCBjb250cm9scy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ib3guY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgU2t5Q29udGVudEluZm9Qcm92aWRlcixcbiAgICB7XG4gICAgICBwcm92aWRlOiBTS1lfQk9YX0hFQURFUl9JRCxcbiAgICAgIHVzZUZhY3RvcnkoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgaWRTZXJ2aWNlID0gaW5qZWN0KFNreUlkU2VydmljZSk7XG4gICAgICAgIHJldHVybiBpZFNlcnZpY2UuZ2VuZXJhdGVJZCgpO1xuICAgICAgfSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lCb3hDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIEFSSUEgbGFiZWwgZm9yIHRoZSBib3guIFRoaXMgc2V0cyB0aGUgYm94J3MgYGFyaWEtbGFiZWxgIGF0dHJpYnV0ZSB0byBwcm92aWRlIGEgdGV4dCBlcXVpdmFsZW50IGZvciBzY3JlZW4gcmVhZGVyc1xuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpLlxuICAgKiBJZiB0aGUgYm94IGluY2x1ZGVzIGEgdmlzaWJsZSBsYWJlbCwgdXNlIGBhcmlhTGFiZWxsZWRCeWAgaW5zdGVhZC5cbiAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gYWJvdXQgdGhlIGBhcmlhLWxhYmVsYCBhdHRyaWJ1dGUsIHNlZSB0aGUgW1dBSS1BUklBIGRlZmluaXRpb25dKGh0dHBzOi8vd3d3LnczLm9yZy9UUi93YWktYXJpYS8jYXJpYS1sYWJlbCkuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXJpYUxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBIVE1MIGVsZW1lbnQgSUQgb2YgdGhlIGVsZW1lbnQgdGhhdCBsYWJlbHNcbiAgICogdGhlIGJveC4gVGhpcyBzZXRzIHRoZSBib3gncyBgYXJpYS1sYWJlbGxlZGJ5YCBhdHRyaWJ1dGUgdG8gcHJvdmlkZSBhIHRleHQgZXF1aXZhbGVudCBmb3Igc2NyZWVuIHJlYWRlcnNcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICogSWYgdGhlIGJveCBkb2VzIG5vdCBpbmNsdWRlIGEgdmlzaWJsZSBsYWJlbCwgdXNlIGBhcmlhTGFiZWxgIGluc3RlYWQuXG4gICAqIEZvciBtb3JlIGluZm9ybWF0aW9uIGFib3V0IHRoZSBgYXJpYS1sYWJlbGxlZGJ5YCBhdHRyaWJ1dGUsIHNlZSB0aGUgW1dBSS1BUklBIGRlZmluaXRpb25dKGh0dHBzOi8vd3d3LnczLm9yZy9UUi93YWktYXJpYS8jYXJpYS1sYWJlbGxlZGJ5KS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhTGFiZWxsZWRCeTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgQVJJQSByb2xlIGZvciB0aGUgYm94XG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSlcbiAgICogYnkgaW5kaWNhdGluZyB3aGF0IHRoZSBib3ggY29udGFpbnMuIEZvciBpbmZvcm1hdGlvbiBhYm91dFxuICAgKiBob3cgYW4gQVJJQSByb2xlIGluZGljYXRlcyB3aGF0IGFuIGl0ZW0gcmVwcmVzZW50cyBvbiBhIHdlYiBwYWdlLFxuICAgKiBzZWUgdGhlIFtXQUktQVJJQSByb2xlcyBtb2RlbF0oaHR0cHM6Ly93d3cudzMub3JnL1dBSS9QRi9hcmlhLyNyb2xlcykuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXJpYVJvbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBAQ29udGVudENoaWxkKFNreUJveEhlYWRlckNvbXBvbmVudCwgeyByZWFkOiBFbGVtZW50UmVmIH0pXG4gIHB1YmxpYyBzZXQgYm94SGVhZGVyUmVmKHZhbHVlOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jY29udGVudEluZm9Qcm92aWRlci5wYXRjaEluZm8oe1xuICAgICAgZGVzY3JpcHRvcjogeyB0eXBlOiAnZWxlbWVudElkJywgdmFsdWU6IHRoaXMuI2JveFRpdGxlSWQgfSxcbiAgICB9KTtcbiAgfVxuXG4gIHJlYWRvbmx5ICNjb250ZW50SW5mb1Byb3ZpZGVyID0gaW5qZWN0KFNreUNvbnRlbnRJbmZvUHJvdmlkZXIpO1xuICByZWFkb25seSAjYm94VGl0bGVJZCA9IGluamVjdChTS1lfQk9YX0hFQURFUl9JRCk7XG59XG4iLCI8c2VjdGlvblxuICBjbGFzcz1cInNreS1ib3hcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJhcmlhTGFiZWxsZWRCeVwiXG4gIFthdHRyLnJvbGVdPVwiYXJpYVJvbGVcIlxuICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgJ3NreS1zaGFkb3cgc2t5LWJvcmRlci1kYXJrJzogJ2RlZmF1bHQnLFxuICAgICdza3ktZWxldmF0aW9uLTEtYm9yZGVyZWQnOiAnbW9kZXJuJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cInNreS1ib3gtaGVhZGVyLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYm94LWhlYWRlclwiIC8+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWJveC1jb250cm9sc1wiIC8+XG4gIDwvZGl2PlxuICA8bmctY29udGVudCAvPlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9sYXlvdXQvc3JjL2xpYi9tb2R1bGVzL2JveC9ib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xheW91dC9zcmMvbGliL21vZHVsZXMvYm94L2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLGlCQUFpQixFQUNqQixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBRS9EOztHQUVHO0FBZ0JILE1BQU0sT0FBTyxlQUFlO0lBOEIxQixJQUNXLFlBQVksQ0FBQyxLQUE2QjtRQUNuRCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUNXLFdBQVcsQ0FBQyxLQUEwQztRQUMvRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUUxQixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNDLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFzQztJQUNsRCxhQUFhLENBQXlCOzhHQWhEM0IsZUFBZTtrR0FBZixlQUFlLDhIQVZmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsVUFBVTtvQkFDUixNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7b0JBQ3ZDLE9BQU8sU0FBUyxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNoQyxDQUFDO2FBQ0Y7U0FDRixvRUFnQ2EscUJBQXFCLDJCQUFVLFVBQVUsMkRBUXpDLHVCQUF1QixnREN0RXZDLHNiQWdCQTs7MkZEZ0JhLGVBQWU7a0JBZjNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFVBQVU7Z0NBQ1IsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO2dDQUN2QyxPQUFPLFNBQVMsQ0FBQyxVQUFVLEVBQUUsQ0FBQzs0QkFDaEMsQ0FBQzt5QkFDRjtxQkFDRjs4QkFVTSxTQUFTO3NCQURmLEtBQUs7Z0JBV0MsY0FBYztzQkFEcEIsS0FBSztnQkFXQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUssWUFBWTtzQkFEdEIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUzlDLFdBQVc7c0JBRHJCLFlBQVk7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUlkU2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5Qm94Q29udHJvbHNDb21wb25lbnQgfSBmcm9tICcuL2JveC1jb250cm9scy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0tZX0JPWF9IRUFERVJfSUQgfSBmcm9tICcuL2JveC1oZWFkZXItaWQtdG9rZW4nO1xuaW1wb3J0IHsgU2t5Qm94SGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9ib3gtaGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogUHJvdmlkZXMgYSBjb21tb24gbG9vay1hbmQtZmVlbCBmb3IgYm94IGNvbnRlbnQgd2l0aCBvcHRpb25zIHRvIGRpc3BsYXkgYSBjb21tb24gYm94IGhlYWRlciwgc3BlY2lmeSBib2R5IGNvbnRlbnQsIGFuZCBkaXNwbGF5IGNvbW1vbiBib3ggY29udHJvbHMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNLWV9CT1hfSEVBREVSX0lELFxuICAgICAgdXNlRmFjdG9yeSgpOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBpZFNlcnZpY2UgPSBpbmplY3QoU2t5SWRTZXJ2aWNlKTtcbiAgICAgICAgcmV0dXJuIGlkU2VydmljZS5nZW5lcmF0ZUlkKCk7XG4gICAgICB9LFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUJveENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgQVJJQSBsYWJlbCBmb3IgdGhlIGJveC4gVGhpcyBzZXRzIHRoZSBib3gncyBgYXJpYS1sYWJlbGAgYXR0cmlidXRlIHRvIHByb3ZpZGUgYSB0ZXh0IGVxdWl2YWxlbnQgZm9yIHNjcmVlbiByZWFkZXJzXG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSkuXG4gICAqIElmIHRoZSBib3ggaW5jbHVkZXMgYSB2aXNpYmxlIGxhYmVsLCB1c2UgYGFyaWFMYWJlbGxlZEJ5YCBpbnN0ZWFkLlxuICAgKiBGb3IgbW9yZSBpbmZvcm1hdGlvbiBhYm91dCB0aGUgYGFyaWEtbGFiZWxgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWxhYmVsKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIEhUTUwgZWxlbWVudCBJRCBvZiB0aGUgZWxlbWVudCB0aGF0IGxhYmVsc1xuICAgKiB0aGUgYm94LiBUaGlzIHNldHMgdGhlIGJveCdzIGBhcmlhLWxhYmVsbGVkYnlgIGF0dHJpYnV0ZSB0byBwcm92aWRlIGEgdGV4dCBlcXVpdmFsZW50IGZvciBzY3JlZW4gcmVhZGVyc1xuICAgKiBbdG8gc3VwcG9ydCBhY2Nlc3NpYmlsaXR5XShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2xlYXJuL2FjY2Vzc2liaWxpdHkpLlxuICAgKiBJZiB0aGUgYm94IGRvZXMgbm90IGluY2x1ZGUgYSB2aXNpYmxlIGxhYmVsLCB1c2UgYGFyaWFMYWJlbGAgaW5zdGVhZC5cbiAgICogRm9yIG1vcmUgaW5mb3JtYXRpb24gYWJvdXQgdGhlIGBhcmlhLWxhYmVsbGVkYnlgIGF0dHJpYnV0ZSwgc2VlIHRoZSBbV0FJLUFSSUEgZGVmaW5pdGlvbl0oaHR0cHM6Ly93d3cudzMub3JnL1RSL3dhaS1hcmlhLyNhcmlhLWxhYmVsbGVkYnkpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFMYWJlbGxlZEJ5OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBBUklBIHJvbGUgZm9yIHRoZSBib3hcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KVxuICAgKiBieSBpbmRpY2F0aW5nIHdoYXQgdGhlIGJveCBjb250YWlucy4gRm9yIGluZm9ybWF0aW9uIGFib3V0XG4gICAqIGhvdyBhbiBBUklBIHJvbGUgaW5kaWNhdGVzIHdoYXQgYW4gaXRlbSByZXByZXNlbnRzIG9uIGEgd2ViIHBhZ2UsXG4gICAqIHNlZSB0aGUgW1dBSS1BUklBIHJvbGVzIG1vZGVsXShodHRwczovL3d3dy53My5vcmcvV0FJL1BGL2FyaWEvI3JvbGVzKS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhUm9sZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIEBDb250ZW50Q2hpbGQoU2t5Qm94SGVhZGVyQ29tcG9uZW50LCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgcHVibGljIHNldCBib3hIZWFkZXJSZWYodmFsdWU6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNib3hIZWFkZXJSZWYgPSB2YWx1ZTtcbiAgICBpZiAodGhpcy4jYm94Q29udHJvbHMpIHtcbiAgICAgIHRoaXMuI2JveENvbnRyb2xzLmJveEhhc0hlYWRlcighIXZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBAQ29udGVudENoaWxkKFNreUJveENvbnRyb2xzQ29tcG9uZW50KVxuICBwdWJsaWMgc2V0IGJveENvbnRyb2xzKHZhbHVlOiBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2JveENvbnRyb2xzID0gdmFsdWU7XG5cbiAgICBpZiAodmFsdWUpIHtcbiAgICAgIHZhbHVlLmJveEhhc0hlYWRlcighIXRoaXMuI2JveEhlYWRlclJlZik7XG4gICAgfVxuICB9XG5cbiAgI2JveENvbnRyb2xzOiBTa3lCb3hDb250cm9sc0NvbXBvbmVudCB8IHVuZGVmaW5lZDtcbiAgI2JveEhlYWRlclJlZjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcbn1cbiIsIjxzZWN0aW9uXG4gIGNsYXNzPVwic2t5LWJveFwiXG4gIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZEJ5XCJcbiAgW2F0dHIucm9sZV09XCJhcmlhUm9sZVwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LXNoYWRvdyBza3ktYm9yZGVyLWRhcmsnOiAnZGVmYXVsdCcsXG4gICAgJ3NreS1lbGV2YXRpb24tMS1ib3JkZXJlZCc6ICdtb2Rlcm4nXG4gIH1cIlxuPlxuICA8ZGl2IGNsYXNzPVwic2t5LWJveC1oZWFkZXItY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1ib3gtaGVhZGVyXCIgLz5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktYm94LWNvbnRyb2xzXCIgLz5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IC8+XG48L3NlY3Rpb24+XG4iXX0=

package/fesm2022/skyux-layout.mjs

@@ -654,20 +654,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             args: [{ selector: 'sky-box-content', template: "<div class=\"sky-box-content\">\n  <ng-content />\n</div>\n" }]
         }] });
 
+const SKY_BOX_HEADER_ID = new InjectionToken('SKY_BOX_HEADER_ID');
+
 /**
  * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
  */
 class SkyBoxControlsComponent {
+    boxHasHeader(value) {
+        if (value) {
+            this.#contentInfoProvider.patchInfo({
+                descriptor: { type: 'elementId', value: this.#boxHeaderId },
+            });
+        }
+        else {
+            this.#contentInfoProvider.patchInfo({ descriptor: undefined });
+        }
+    }
+    #contentInfoProvider = inject(SkyContentInfoProvider);
+    #boxHeaderId = inject(SKY_BOX_HEADER_ID);
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0, template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxControlsComponent, selector: "sky-box-controls", providers: [SkyContentInfoProvider], ngImport: i0, template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-box-controls', template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }]
+            args: [{ selector: 'sky-box-controls', providers: [SkyContentInfoProvider], template: "<div class=\"sky-box-controls\">\n  <ng-content />\n</div>\n" }]
         }] });
 
-const SKY_BOX_HEADER_ID = new InjectionToken('SKY_BOX_HEADER_ID');
-
 /**
  * Specifies a header for the box.
  */
@@ -688,15 +700,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  */
 class SkyBoxComponent {
     set boxHeaderRef(value) {
-        this.#contentInfoProvider.patchInfo({
-            descriptor: { type: 'elementId', value: this.#boxTitleId },
-        });
+        this.#boxHeaderRef = value;
+        if (this.#boxControls) {
+            this.#boxControls.boxHasHeader(!!value);
+        }
     }
-    #contentInfoProvider = inject(SkyContentInfoProvider);
-    #boxTitleId = inject(SKY_BOX_HEADER_ID);
+    set boxControls(value) {
+        this.#boxControls = value;
+        if (value) {
+            value.boxHasHeader(!!this.#boxHeaderRef);
+        }
+    }
+    #boxControls;
+    #boxHeaderRef;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, providers: [
-            SkyContentInfoProvider,
             {
                 provide: SKY_BOX_HEADER_ID,
                 useFactory() {
@@ -704,12 +722,11 @@ class SkyBoxComponent {
                     return idService.generateId();
                 },
             },
-        ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }], ngImport: i0, template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\" />\n    <ng-content select=\"sky-box-controls\" />\n  </div>\n  <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "directive", type: i1$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "boxHeaderRef", first: true, predicate: SkyBoxHeaderComponent, descendants: true, read: ElementRef }, { propertyName: "boxControls", first: true, predicate: SkyBoxControlsComponent, descendants: true }], ngImport: i0, template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\" />\n    <ng-content select=\"sky-box-controls\" />\n  </div>\n  <ng-content />\n</section>\n", styles: ["sky-box{--sky-box-border-radius: initial;--sky-box-overflow: initial}.sky-theme-modern sky-box{--sky-box-border-radius: $sky-theme-modern-box-border-radius-default;--sky-box-overflow: hidden}sky-box{display:block}.sky-box{background-color:#fff;border-radius:var(--sky-box-border-radius);overflow:var(--sky-box-overflow)}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:var(--sky-padding-even-xl) var(--sky-padding-even-xl) 0 var(--sky-padding-even-xl)}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-controls{order:1;margin-left:auto}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:var(--sky-padding-even-xl)}\n"], dependencies: [{ kind: "directive", type: i1$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-box', encapsulation: ViewEncapsulation.None, providers: [
-                        SkyContentInfoProvider,
                         {
                             provide: SKY_BOX_HEADER_ID,
                             useFactory() {
@@ -727,6 +744,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }], boxHeaderRef: [{
                 type: ContentChild,
                 args: [SkyBoxHeaderComponent, { read: ElementRef }]
+            }], boxControls: [{
+                type: ContentChild,
+                args: [SkyBoxControlsComponent]
             }] } });
 
 class SkyBoxModule {