@umbraco-cms/backoffice 14.0.0--preview004-3ba57be2 → 14.0.0--preview004-168c444e

package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.d.ts

@@ -1,18 +1,13 @@
 import { CSSResultGroup } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 export declare class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
-    private _open;
     private _sections;
-    private _extraSections;
     private _currentSectionAlias;
     private _backofficeContext?;
     constructor();
-    private _handleMore;
-    private _handleLabelClick;
     private _observeSections;
     private _observeCurrentSection;
     private _renderSections;
-    private _renderExtraSections;
     render(): import("lit-html").TemplateResult<1>;
     static styles: CSSResultGroup;
 }

package/dist-cms/apps/backoffice/components/backoffice-header-sections.element.js

@@ -5,14 +5,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UMB_BACKOFFICE_CONTEXT_TOKEN } from '../backoffice.context.js';
-import { css, html, when, customElement, state, repeat } from '../../../external/lit/index.js';
+import { css, html, customElement, state, repeat } from '../../../external/lit/index.js';
 import { UmbLitElement } from '../../../shared/lit-element/index.js';
 export let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSectionsElement extends UmbLitElement {
     constructor() {
         super();
-        this._open = false;
         this._sections = [];
-        this._extraSections = [];
         this._currentSectionAlias = '';
         this.consumeContext(UMB_BACKOFFICE_CONTEXT_TOKEN, (backofficeContext) => {
             this._backofficeContext = backofficeContext;
@@ -20,15 +18,6 @@ export let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSection
             this._observeCurrentSection();
         });
     }
-    _handleMore(e) {
-        e.stopPropagation();
-        this._open = !this._open;
-    }
-    _handleLabelClick() {
-        const moreTab = this.shadowRoot?.getElementById('moreTab');
-        moreTab?.setAttribute('active', 'true');
-        this._open = false;
-    }
     _observeSections() {
         if (!this._backofficeContext)
             return;
@@ -54,67 +43,33 @@ export let UmbBackofficeHeaderSectionsElement = class UmbBackofficeHeaderSection
 							href="${`section/${section.manifest?.meta.pathname}`}"
 							label="${section.manifest?.meta.label ?? section.manifest?.name ?? ''}"></uui-tab>
 					`)}
-				${this._renderExtraSections()}
 			</uui-tab-group>
 		`;
     }
-    _renderExtraSections() {
-        return when(this._extraSections.length > 0, () => html `
-				<uui-tab id="moreTab">
-					<uui-popover .open=${this._open} placement="bottom-start" @close="${() => (this._open = false)}">
-						<uui-button slot="trigger" look="primary" label="More" @click="${this._handleMore}" compact>
-							<uui-symbol-more></uui-symbol-more>
-						</uui-button>
-
-						<div slot="popover" id="dropdown">
-							${this._extraSections.map((section) => html `
-									<uui-menu-item
-										?active="${this._currentSectionAlias === section.alias}"
-										label="${section.meta.label || section.name}"
-										@click-label="${this._handleLabelClick}"></uui-menu-item>
-								`)}
-						</div>
-					</uui-popover>
-				</uui-tab>
-			`);
-    }
     render() {
         return html ` ${this._renderSections()} `;
     }
     static { this.styles = [
         css `
+			:host {
+				display: contents;
+			}
 			#tabs {
-				color: var(--uui-color-header-contrast);
 				height: 60px;
+				flex-basis: 100%;
 				font-size: 16px;
 				--uui-tab-text: var(--uui-color-header-contrast);
 				--uui-tab-text-hover: var(--uui-color-header-contrast-emphasis);
 				--uui-tab-text-active: var(--uui-color-header-contrast-emphasis);
-				--uui-tab-background: var(--uui-color-header-background);
-			}
-
-			#dropdown {
-				background-color: white;
-				border-radius: var(--uui-border-radius);
-				width: 100%;
-				height: 100%;
-				box-sizing: border-box;
-				box-shadow: var(--uui-shadow-depth-3);
-				min-width: 200px;
-				color: black; /* Change to variable */
+				background-color: var(--uui-color-header-background);
+				--uui-tab-group-dropdown-background: var(--uui-color-header-surface);
 			}
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbBackofficeHeaderSectionsElement.prototype, "_open", void 0);
 __decorate([
     state()
 ], UmbBackofficeHeaderSectionsElement.prototype, "_sections", void 0);
-__decorate([
-    state()
-], UmbBackofficeHeaderSectionsElement.prototype, "_extraSections", void 0);
 __decorate([
     state()
 ], UmbBackofficeHeaderSectionsElement.prototype, "_currentSectionAlias", void 0);

package/dist-cms/packages/core/components/body-layout/body-layout.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, LitElement, nothing, customElement, property, state, query, } from '../../../../external/lit/index.js';
 //TODO: Add the following attributes to JSDocs: header-transparent, main-no-padding, header-no-padding, header-fit-height
 /**
@@ -169,6 +169,7 @@ export let UmbBodyLayoutElement = class UmbBodyLayoutElement extends LitElement
 				height: 100%;
 				align-items: center;
 				box-sizing: border-box;
+				min-width: 0;
 			}
 
 			#navigation-slot,

package/dist-cms/packages/core/section/section-main/section-main.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { UmbTextStyles } from "../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../shared/style/index.js';
 import { css, html, LitElement, customElement } from '../../../../external/lit/index.js';
 export let UmbSectionMainElement = class UmbSectionMainElement extends LitElement {
     render() {
@@ -20,6 +20,7 @@ export let UmbSectionMainElement = class UmbSectionMainElement extends LitElemen
 			:host {
 				flex: 1 1 auto;
 				height: 100%;
+				min-width: 0;
 			}
 
 			main {