@openui5/sap.ui.webc.main 1.115.1 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/generated/templates/TreeItemBaseTemplate.lit.js

@@ -0,0 +1,72 @@
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _LitRenderer) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /* eslint no-unused-vars: 0 */
+
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div><li part="native-li" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" class="${(0, _LitRenderer.classMap)(this.classes.main)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @mouseup="${this._onmouseup}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" @click="${this._onclick}" role="${(0, _LitRenderer.ifDefined)(this._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(this.title)}" aria-level="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this._accInfo.posinset)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelected)}" aria-checked="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaChecked)}" aria-owns="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${(0, _LitRenderer.styleMap)(this.styles.preContent)}">${this._showToggleButtonBeginning ? block1.call(this, context, tags, suffix) : undefined}</div>${this.placeSelectionElementBefore ? block2.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content">${this.icon ? block8.call(this, context, tags, suffix) : undefined}</div>${this._showToggleButtonEnd ? block9.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block10.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block11.call(this, context, tags, suffix) : undefined}${this.navigated ? block12.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block13.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li>${this.expanded ? block19.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block3.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block4.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block5.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}</div>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></ui5-icon>`;
+  }
+  function block9(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block10(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${this.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${this.onDetailClick}"></ui5-button></div>`;
+  }
+  function block11(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+  }
+  function block12(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block13(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block14.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block15.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block16.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block14(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block15(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block16(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block17.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix)}</div>`;
+  }
+  function block17(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block18(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block19(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul role="group" id="${(0, _LitRenderer.ifDefined)(this._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/templates/TreeItemCustomTemplate.lit.js

@@ -0,0 +1,72 @@
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _LitRenderer) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /* eslint no-unused-vars: 0 */
+
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div><li part="native-li" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" class="${(0, _LitRenderer.classMap)(this.classes.main)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @mouseup="${this._onmouseup}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" @click="${this._onclick}" role="${(0, _LitRenderer.ifDefined)(this._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(this.title)}" aria-level="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this._accInfo.posinset)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelected)}" aria-checked="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaChecked)}" aria-owns="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${(0, _LitRenderer.styleMap)(this.styles.preContent)}">${this._showToggleButtonBeginning ? block1.call(this, context, tags, suffix) : undefined}</div>${this.placeSelectionElementBefore ? block2.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content">${this.icon ? block8.call(this, context, tags, suffix) : undefined}<div class="ui5-li-tree-text-wrapper"><slot name="content" slot="content"></slot></div></div>${this._showToggleButtonEnd ? block9.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block10.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block11.call(this, context, tags, suffix) : undefined}${this.navigated ? block12.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block13.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li>${this.expanded ? block19.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block3.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block4.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block5.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}</div>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></ui5-icon>`;
+  }
+  function block9(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block10(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${this.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${this.onDetailClick}"></ui5-button></div>`;
+  }
+  function block11(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+  }
+  function block12(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block13(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block14.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block15.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block16.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block14(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block15(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block16(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block17.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix)}</div>`;
+  }
+  function block17(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block18(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block19(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul role="group" id="${(0, _LitRenderer.ifDefined)(this._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/templates/TreeItemTemplate.lit.js

@@ -0,0 +1,78 @@
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _LitRenderer) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  /* eslint no-unused-vars: 0 */
+
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div><li part="native-li" data-sap-focus-ref tabindex="${(0, _LitRenderer.ifDefined)(this._effectiveTabIndex)}" class="${(0, _LitRenderer.classMap)(this.classes.main)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keyup="${this._onkeyup}" @keydown="${this._onkeydown}" @mouseup="${this._onmouseup}" @mousedown="${this._onmousedown}" @touchstart="${this._ontouchstart}" @touchend="${this._ontouchend}" @click="${this._onclick}" role="${(0, _LitRenderer.ifDefined)(this._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(this.title)}" aria-level="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(this._accInfo.posinset)}" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" aria-setsize="${(0, _LitRenderer.ifDefined)(this._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(this._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(this._ariaDisabled)}" aria-selected="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelected)}" aria-checked="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaChecked)}" aria-owns="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${(0, _LitRenderer.styleMap)(this.styles.preContent)}">${this._showToggleButtonBeginning ? block1.call(this, context, tags, suffix) : undefined}</div>${this.placeSelectionElementBefore ? block2.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content">${this.icon ? block8.call(this, context, tags, suffix) : undefined}<div class="ui5-li-text-wrapper">${this._showTitle ? block9.call(this, context, tags, suffix) : undefined}</div>${this.additionalText ? block10.call(this, context, tags, suffix) : undefined}</div>${this._showToggleButtonEnd ? block11.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block12.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block13.call(this, context, tags, suffix) : undefined}${this.navigated ? block14.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block15.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(this.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this._accInfo.ariaSelectedText)}</span></li>${this.expanded ? block21.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(this.iconAccessibleName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block3.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block4.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block5.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}</div>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}" class="ui5-li-icon"></ui5-icon>`;
+  }
+  function block9(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div part="title" class="ui5-li-title">${(0, _LitRenderer.ifDefined)(this.text)}</div>`;
+  }
+  function block10(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(this.additionalText)}</span>`;
+  }
+  function block11(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(this._toggleIconName)}" @click="${this._toggleClick}"></ui5-icon>`;
+  }
+  function block12(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${this.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${this.onDetailClick}"></ui5-button></div>`;
+  }
+  function block13(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+  }
+  function block14(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block15(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block16.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block17.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block18.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block16(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${this.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+  }
+  function block17(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${(0, _LitRenderer.ifDefined)(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+  }
+  function block18(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block19.call(this, context, tags, suffix) : block20.call(this, context, tags, suffix)}</div>`;
+  }
+  function block19(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block20(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(this.deleteText)}"></ui5-button>`;
+  }
+  function block21(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul role="group" id="${(0, _LitRenderer.ifDefined)(this._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/main/thirdparty/generated/templates/TreeTemplate.lit.js

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} .mode="${(0, _LitRenderer.ifDefined)(context.mode)}" .headerText="${(0, _LitRenderer.ifDefined)(context.headerText)}" .footerText="${(0, _LitRenderer.ifDefined)(context.footerText)}" .noDataText="${(0, _LitRenderer.ifDefined)(context.noDataText)}" .accessibleRole="${(0, _LitRenderer.ifDefined)(context._role)}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onListItemClick)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(context._onListItemDelete)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${(0, _LitRenderer.repeat)(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}> ` : (0, _LitRenderer.html)`<ui5-list .mode="${(0, _LitRenderer.ifDefined)(context.mode)}" .headerText="${(0, _LitRenderer.ifDefined)(context.headerText)}" .footerText="${(0, _LitRenderer.ifDefined)(context.footerText)}" .noDataText="${(0, _LitRenderer.ifDefined)(context.noDataText)}" .accessibleRole="${(0, _LitRenderer.ifDefined)(context._role)}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._onListItemClick)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(context._onListItemDelete)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${(0, _LitRenderer.repeat)(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ui5-list> `;
-  const block1 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li-tree", tags, suffix)} type="Active" level="${(0, _LitRenderer.ifDefined)(item.level)}" icon="${(0, _LitRenderer.ifDefined)(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${(0, _LitRenderer.ifDefined)(item.treeItem.additionalText)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.treeItem.additionalTextState)}" title="${(0, _LitRenderer.ifDefined)(item.treeItem.title)}" ?_toggle-button-end="${(0, _LitRenderer.ifDefined)(context._toggleButtonEnd)}" ?_minimal="${(0, _LitRenderer.ifDefined)(context._minimal)}" .treeItem="${(0, _LitRenderer.ifDefined)(item.treeItem)}" .expanded="${(0, _LitRenderer.ifDefined)(item.treeItem.expanded)}" .selected="${(0, _LitRenderer.ifDefined)(item.treeItem.selected)}" .showToggleButton="${(0, _LitRenderer.ifDefined)(item.treeItem.requiresToggleButton)}" ._posinset="${(0, _LitRenderer.ifDefined)(item.posinset)}" ._setsize="${(0, _LitRenderer.ifDefined)(item.size)}" @ui5-toggle="${(0, _LitRenderer.ifDefined)(context._onListItemToggle)}" @ui5-step-in="${(0, _LitRenderer.ifDefined)(context._onListItemStepIn)}" @ui5-step-out="${(0, _LitRenderer.ifDefined)(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${(0, _LitRenderer.ifDefined)(item.treeItem.text)}</${(0, _LitRenderer.scopeTag)("ui5-li-tree", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li-tree type="Active" level="${(0, _LitRenderer.ifDefined)(item.level)}" icon="${(0, _LitRenderer.ifDefined)(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${(0, _LitRenderer.ifDefined)(item.treeItem.additionalText)}" additional-text-state="${(0, _LitRenderer.ifDefined)(item.treeItem.additionalTextState)}" title="${(0, _LitRenderer.ifDefined)(item.treeItem.title)}" ?_toggle-button-end="${(0, _LitRenderer.ifDefined)(context._toggleButtonEnd)}" ?_minimal="${(0, _LitRenderer.ifDefined)(context._minimal)}" .treeItem="${(0, _LitRenderer.ifDefined)(item.treeItem)}" .expanded="${(0, _LitRenderer.ifDefined)(item.treeItem.expanded)}" .selected="${(0, _LitRenderer.ifDefined)(item.treeItem.selected)}" .showToggleButton="${(0, _LitRenderer.ifDefined)(item.treeItem.requiresToggleButton)}" ._posinset="${(0, _LitRenderer.ifDefined)(item.posinset)}" ._setsize="${(0, _LitRenderer.ifDefined)(item.size)}" @ui5-toggle="${(0, _LitRenderer.ifDefined)(context._onListItemToggle)}" @ui5-step-in="${(0, _LitRenderer.ifDefined)(context._onListItemStepIn)}" @ui5-step-out="${(0, _LitRenderer.ifDefined)(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${(0, _LitRenderer.ifDefined)(item.treeItem.text)}</ui5-li-tree>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-tree-list", tags, suffix)} .mode="${(0, _LitRenderer.ifDefined)(this.mode)}" .headerText="${(0, _LitRenderer.ifDefined)(this.headerText)}" .footerText="${(0, _LitRenderer.ifDefined)(this.footerText)}" .noDataText="${(0, _LitRenderer.ifDefined)(this.noDataText)}" .accessibleRole="${(0, _LitRenderer.ifDefined)(this._role)}" .accessibleName="${(0, _LitRenderer.ifDefined)(this._label)}" .accessibleRoleDescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onListItemClick)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(this._onListItemDelete)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onListSelectionChange)}" @ui5-toggle="${(0, _LitRenderer.ifDefined)(this._onListItemToggle)}" @ui5-step-in="${(0, _LitRenderer.ifDefined)(this._onListItemStepIn)}" @ui5-step-out="${(0, _LitRenderer.ifDefined)(this._onListItemStepOut)}" @mouseover="${this._onListItemMouseOver}" @mouseout="${this._onListItemMouseOut}" class="ui5-tree-root">${this._hasHeader ? block1.call(this, context, tags, suffix) : undefined}<slot></slot></${(0, _LitRenderer.scopeTag)("ui5-tree-list", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-tree-list .mode="${(0, _LitRenderer.ifDefined)(this.mode)}" .headerText="${(0, _LitRenderer.ifDefined)(this.headerText)}" .footerText="${(0, _LitRenderer.ifDefined)(this.footerText)}" .noDataText="${(0, _LitRenderer.ifDefined)(this.noDataText)}" .accessibleRole="${(0, _LitRenderer.ifDefined)(this._role)}" .accessibleName="${(0, _LitRenderer.ifDefined)(this._label)}" .accessibleRoleDescription="${(0, _LitRenderer.ifDefined)(this.accessibleRoleDescription)}" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._onListItemClick)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(this._onListItemDelete)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onListSelectionChange)}" @ui5-toggle="${(0, _LitRenderer.ifDefined)(this._onListItemToggle)}" @ui5-step-in="${(0, _LitRenderer.ifDefined)(this._onListItemStepIn)}" @ui5-step-out="${(0, _LitRenderer.ifDefined)(this._onListItemStepOut)}" @mouseover="${this._onListItemMouseOver}" @mouseout="${this._onListItemMouseOut}" class="ui5-tree-root">${this._hasHeader ? block1.call(this, context, tags, suffix) : undefined}<slot></slot></ui5-tree-list>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="header" slot="header"></slot>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/WheelSliderTemplate.lit.js

@@ -7,10 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" ?disabled= "${(0, _LitRenderer.ifDefined)(context.disabled)}" value = "${(0, _LitRenderer.ifDefined)(context.value)}" label = "${(0, _LitRenderer.ifDefined)(context.label)}" @click = ${(0, _LitRenderer.ifDefined)(context._onclick)} @keydown=${context._onkeydown} class = "${(0, _LitRenderer.classMap)(context.classes.root)}" data-sap-focus-ref tabindex="0" @wheel="${context._handleWheel}"><div class="ui5-wheelslider-header-block"><div id="${(0, _LitRenderer.ifDefined)(context._id)}--label" class="ui5-wheelslider-label">${(0, _LitRenderer.ifDefined)(context.label)}</div><div class="ui5-wheelslider-invisible-text"></div><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-wheelslider-arrow" icon="navigation-up-arrow" @click=${context._onArrowUp} tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div id="${(0, _LitRenderer.ifDefined)(context._id)}--inner" class="ui5-wheelslider-inner"><div id="${(0, _LitRenderer.ifDefined)(context._id)}--selection-frame" class="ui5-wheelslider-selection-frame"></div><div id="${(0, _LitRenderer.ifDefined)(context._id)}--wrapper" class="ui5-wheelslider-wrapper">${context.expanded ? block1(context, tags, suffix) : block3(context, tags, suffix)}</div></div><div class="ui5-wheelslider-footer-block"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-wheelslider-arrow" icon="navigation-down-arrow" @click=${context._onArrowDown} tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}" ?disabled= "${(0, _LitRenderer.ifDefined)(context.disabled)}" value = "${(0, _LitRenderer.ifDefined)(context.value)}" label = "${(0, _LitRenderer.ifDefined)(context.label)}" @click = ${(0, _LitRenderer.ifDefined)(context._onclick)} @keydown=${context._onkeydown} class = "${(0, _LitRenderer.classMap)(context.classes.root)}" data-sap-focus-ref tabindex="0" @wheel="${context._handleWheel}"><div class="ui5-wheelslider-header-block"><div id="${(0, _LitRenderer.ifDefined)(context._id)}--label" class="ui5-wheelslider-label">${(0, _LitRenderer.ifDefined)(context.label)}</div><div class="ui5-wheelslider-invisible-text"></div><ui5-button class="ui5-wheelslider-arrow" icon="navigation-up-arrow" @click=${context._onArrowUp} tabindex="-1"></ui5-button></div><div id="${(0, _LitRenderer.ifDefined)(context._id)}--inner" class="ui5-wheelslider-inner"><div id="${(0, _LitRenderer.ifDefined)(context._id)}--selection-frame" class="ui5-wheelslider-selection-frame"></div><div id="${(0, _LitRenderer.ifDefined)(context._id)}--wrapper" class="ui5-wheelslider-wrapper">${context.expanded ? block1(context, tags, suffix) : block3(context, tags, suffix)}</div></div><div class="ui5-wheelslider-footer-block"><ui5-button class="ui5-wheelslider-arrow" icon="navigation-down-arrow" @click=${context._onArrowDown} tabindex="-1"></ui5-button></div></div>`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul id="${(0, _LitRenderer.ifDefined)(context._id)}--items-list" role="listbox" aria-label="${(0, _LitRenderer.ifDefined)(context.label)}">${(0, _LitRenderer.repeat)(context._itemsToShow, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ul>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li class="ui5-wheelslider-item" data-item-index="${index}" role="option" aria-selected="${(0, _LitRenderer.ifDefined)(item.selected)}">${(0, _LitRenderer.ifDefined)(item.value)}</li>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<ul id="${(0, _LitRenderer.ifDefined)(context._id)}--items-list" role="listbox" aria-label="${(0, _LitRenderer.ifDefined)(context.label)}"><li class="ui5-wheelslider-item" role="option" aria-selected="true">${(0, _LitRenderer.ifDefined)(context.value)}</li></ul>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" ?disabled= "${(0, _LitRenderer.ifDefined)(this.disabled)}" value = "${(0, _LitRenderer.ifDefined)(this.value)}" label = "${(0, _LitRenderer.ifDefined)(this.label)}" @click = ${(0, _LitRenderer.ifDefined)(this._onclick)} @keydown=${this._onkeydown} class = "${(0, _LitRenderer.classMap)(this.classes.root)}" data-sap-focus-ref tabindex="0" @wheel="${this._handleWheel}"><div class="ui5-wheelslider-header-block"><div id="${(0, _LitRenderer.ifDefined)(this._id)}--label" class="ui5-wheelslider-label">${(0, _LitRenderer.ifDefined)(this.label)}</div><div class="ui5-wheelslider-invisible-text"></div><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-wheelslider-arrow" icon="navigation-up-arrow" @click=${this._onArrowUp} tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div><div id="${(0, _LitRenderer.ifDefined)(this._id)}--inner" class="ui5-wheelslider-inner"><div id="${(0, _LitRenderer.ifDefined)(this._id)}--selection-frame" class="ui5-wheelslider-selection-frame"></div><div id="${(0, _LitRenderer.ifDefined)(this._id)}--wrapper" class="ui5-wheelslider-wrapper">${this.expanded ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div></div><div class="ui5-wheelslider-footer-block"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-wheelslider-arrow" icon="navigation-down-arrow" @click=${this._onArrowDown} tabindex="-1"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}" ?disabled= "${(0, _LitRenderer.ifDefined)(this.disabled)}" value = "${(0, _LitRenderer.ifDefined)(this.value)}" label = "${(0, _LitRenderer.ifDefined)(this.label)}" @click = ${(0, _LitRenderer.ifDefined)(this._onclick)} @keydown=${this._onkeydown} class = "${(0, _LitRenderer.classMap)(this.classes.root)}" data-sap-focus-ref tabindex="0" @wheel="${this._handleWheel}"><div class="ui5-wheelslider-header-block"><div id="${(0, _LitRenderer.ifDefined)(this._id)}--label" class="ui5-wheelslider-label">${(0, _LitRenderer.ifDefined)(this.label)}</div><div class="ui5-wheelslider-invisible-text"></div><ui5-button class="ui5-wheelslider-arrow" icon="navigation-up-arrow" @click=${this._onArrowUp} tabindex="-1"></ui5-button></div><div id="${(0, _LitRenderer.ifDefined)(this._id)}--inner" class="ui5-wheelslider-inner"><div id="${(0, _LitRenderer.ifDefined)(this._id)}--selection-frame" class="ui5-wheelslider-selection-frame"></div><div id="${(0, _LitRenderer.ifDefined)(this._id)}--wrapper" class="ui5-wheelslider-wrapper">${this.expanded ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div></div><div class="ui5-wheelslider-footer-block"><ui5-button class="ui5-wheelslider-arrow" icon="navigation-down-arrow" @click=${this._onArrowDown} tabindex="-1"></ui5-button></div></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul id="${(0, _LitRenderer.ifDefined)(this._id)}--items-list" role="listbox" aria-label="${(0, _LitRenderer.ifDefined)(this.label)}">${(0, _LitRenderer.repeat)(this._itemsToShow, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ul>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li class="ui5-wheelslider-item" data-item-index="${index}" role="option" aria-selected="${(0, _LitRenderer.ifDefined)(item.selected)}">${(0, _LitRenderer.ifDefined)(item.value)}</li>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<ul id="${(0, _LitRenderer.ifDefined)(this._id)}--items-list" role="listbox" aria-label="${(0, _LitRenderer.ifDefined)(this.label)}"><li class="ui5-wheelslider-item" role="option" aria-selected="true">${(0, _LitRenderer.ifDefined)(this.value)}</li></ul>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/templates/YearPickerTemplate.lit.js

@@ -7,9 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-yp-root" role="grid" aria-readonly="false" aria-multiselectable="false" @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._selectYear} @focusin=${context._onfocusin}>${(0, _LitRenderer.repeat)(context._years, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-yp-interval-container">${(0, _LitRenderer.repeat)(item, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</div>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div data-sap-timestamp="${(0, _LitRenderer.ifDefined)(item.timestamp)}" tabindex="${(0, _LitRenderer.ifDefined)(item._tabIndex)}" ?data-sap-focus-ref="${item.focusRef}" class="${(0, _LitRenderer.ifDefined)(item.classes)}" role="gridcell" aria-selected="${(0, _LitRenderer.ifDefined)(item.ariaSelected)}">${(0, _LitRenderer.ifDefined)(item.year)}</div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-yp-root" role="grid" aria-roledescription="${(0, _LitRenderer.ifDefined)(this.roleDescription)}" aria-readonly="false" aria-multiselectable="false" @keydown=${this._onkeydown} @keyup=${this._onkeyup} @click=${this._selectYear}>${(0, _LitRenderer.repeat)(this._years, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-yp-interval-container">${(0, _LitRenderer.repeat)(item, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div data-sap-timestamp="${(0, _LitRenderer.ifDefined)(item.timestamp)}" tabindex="${(0, _LitRenderer.ifDefined)(item._tabIndex)}" ?data-sap-focus-ref="${item.focusRef}" class="${(0, _LitRenderer.ifDefined)(item.classes)}" role="gridcell" aria-selected="${(0, _LitRenderer.ifDefined)(item.ariaSelected)}"><span>${(0, _LitRenderer.ifDefined)(item.year)}</span>${item.yearInSecType ? block3.call(this, context, tags, suffix, item, index) : undefined}</div>`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<span class="ui5-yp-item-sec-type">${(0, _LitRenderer.ifDefined)(item.yearInSecType)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Avatar.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Avatar.css",
-    content: ":host(:not([hidden])){display:inline-block;box-sizing:border-box}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none;height:100%;width:100%}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:var(--_ui5_avatar_fontsize_S);width:var(--_ui5_avatar_fontsize_S);color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XS);width:var(--_ui5_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_S);width:var(--_ui5_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_M);width:var(--_ui5_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_L);width:var(--_ui5_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5_avatar_icon_XL);width:var(--_ui5_avatar_icon_XL)}::slotted(*){border-radius:50%;width:100%;height:100%;pointer-events:none}:host([shape=Square]),:host([shape=Square]) ::slotted(*){border-radius:var(--ui5-avatar-border-radius)}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color);border-color:var(--ui5-avatar-accent6-border-color)}:host([_color-scheme=Accent1]),:host([color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color);border-color:var(--ui5-avatar-accent1-border-color)}:host([_color-scheme=Accent2]),:host([color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color);border-color:var(--ui5-avatar-accent2-border-color)}:host([_color-scheme=Accent3]),:host([color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color);border-color:var(--ui5-avatar-accent3-border-color)}:host([_color-scheme=Accent4]),:host([color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color);border-color:var(--ui5-avatar-accent4-border-color)}:host([_color-scheme=Accent5]),:host([color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color);border-color:var(--ui5-avatar-accent5-border-color)}:host([_color-scheme=Accent7]),:host([color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color);border-color:var(--ui5-avatar-accent7-border-color)}:host([_color-scheme=Accent8]),:host([color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color);border-color:var(--ui5-avatar-accent8-border-color)}:host([_color-scheme=Accent9]),:host([color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color);border-color:var(--ui5-avatar-accent9-border-color)}:host([_color-scheme=Accent10]),:host([color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color);border-color:var(--ui5-avatar-accent10-border-color)}:host([_color-scheme=Placeholder]),:host([color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color);border-color:var(--ui5-avatar-placeholder-border-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}.ui5-avatar-initials{color:inherit}"
+    content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n\tbox-sizing: border-box;\n\tposition: relative;\n}\n\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n\n:host(:not([hidden]).ui5_hovered) {\n\topacity: .7;\n}\n\n:host([focused]) {\n\toutline: var(--_ui5_avatar_outline);\n\toutline-offset: var(--_ui5_avatar_focus_offset);\n}\n\n:host([interactive]) {\n\tcursor: pointer;\n}\n\n:host {\n\theight: 3rem;\n\twidth: 3rem;\n\tborder-radius: 50%;\n\tborder: var(--ui5-avatar-initials-border);\n\toutline: none;\n\tcolor: var(--ui5-avatar-initials-color);\n}\n\n.ui5-avatar-root {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toutline: none;\n\theight: 100%;\n\twidth: 100%;\n}\n\n/* Sizes */\n\n:host([_size=\"XS\"]),\n:host([size=\"XS\"]) {\n\theight: 2rem;\n\twidth: 2rem;\n\tmin-height: 2rem;\n\tmin-width: 2rem;\n\tfont-size: var(--_ui5_avatar_fontsize_XS);\n}\n\n:host([_size=\"S\"]),\n:host([size=\"S\"]) {\n\tmin-height: 3rem;\n\tmin-width: 3rem;\n\tfont-size: var(--_ui5_avatar_fontsize_S);\n}\n\n:host([_size=\"M\"]),\n:host([size=\"M\"]) {\n\tmin-height: 4rem;\n\tmin-width: 4rem;\n\tfont-size: var(--_ui5_avatar_fontsize_M);\n}\n\n:host([_size=\"L\"]),\n:host([size=\"L\"]) {\n\tmin-height: 5rem;\n\tmin-width: 5rem;\n\tfont-size: var(--_ui5_avatar_fontsize_L);\n}\n\n:host([_size=\"XL\"]),\n:host([size=\"XL\"]) {\n\tmin-height: 7rem;\n\tmin-width: 7rem;\n\tfont-size: var(--_ui5_avatar_fontsize_XL);\n}\n\n/* Icon */\n\n:host .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_fontsize_S);\n\twidth: var(--_ui5_avatar_fontsize_S);\n\tcolor: inherit;\n}\n\n:host([_size=\"XS\"]) .ui5-avatar-icon,\n:host([size=\"XS\"]) .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_icon_XS);\n\twidth: var(--_ui5_avatar_icon_XS);\n}\n\n:host([_size=\"S\"]) .ui5-avatar-icon,\n:host([size=\"S\"]) .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_icon_S);\n\twidth: var(--_ui5_avatar_icon_S);\n}\n\n:host([_size=\"M\"]) .ui5-avatar-icon,\n:host([size=\"M\"]) .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_icon_M);\n\twidth: var(--_ui5_avatar_icon_M);\n}\n\n:host([_size=\"L\"]) .ui5-avatar-icon,\n:host([size=\"L\"]) .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_icon_L);\n\twidth: var(--_ui5_avatar_icon_L);\n}\n\n:host([_size=\"XL\"]) .ui5-avatar-icon,\n:host([size=\"XL\"]) .ui5-avatar-icon {\n\theight: var(--_ui5_avatar_icon_XL);\n\twidth: var(--_ui5_avatar_icon_XL);\n}\n\n::slotted(*) {\n\tborder-radius: 50%;\n    width: 100%;\n    height: 100%;\n\tpointer-events: none;\n}\n\n/* Shapes */\n\n:host([shape=\"Square\"]) {\n\tborder-radius: var(--ui5-avatar-border-radius);\n}\n\n:host([shape=\"Square\"]) ::slotted(*) {\n\tborder-radius: calc(var(--ui5-avatar-border-radius) - var(--ui5-avatar-border-radius-img-deduction));\n}\n\n:host(:not([color-scheme])),\n:host(:not([_has-image])),\n:host([_color-scheme=\"Accent6\"]),\n:host([ui5-avatar][color-scheme=\"Accent6\"]) {\n\tbackground-color: var(--ui5-avatar-accent6);\n\tcolor: var(--ui5-avatar-accent6-color);\n\tborder-color: var(--ui5-avatar-accent6-border-color);\n}\n\n:host([_color-scheme=\"Accent1\"]),\n:host([ui5-avatar][color-scheme=\"Accent1\"]) {\n\tbackground-color: var(--ui5-avatar-accent1);\n\tcolor: var(--ui5-avatar-accent1-color);\n\tborder-color: var(--ui5-avatar-accent1-border-color);\n}\n\n:host([_color-scheme=\"Accent2\"]),\n:host([ui5-avatar][color-scheme=\"Accent2\"]) {\n\tbackground-color: var(--ui5-avatar-accent2);\n\tcolor: var(--ui5-avatar-accent2-color);\n\tborder-color: var(--ui5-avatar-accent2-border-color);\n}\n\n:host([_color-scheme=\"Accent3\"]),\n:host([ui5-avatar][color-scheme=\"Accent3\"]) {\n\tbackground-color: var(--ui5-avatar-accent3);\n\tcolor: var(--ui5-avatar-accent3-color);\n\tborder-color: var(--ui5-avatar-accent3-border-color);\n}\n\n:host([_color-scheme=\"Accent4\"]),\n:host([ui5-avatar][color-scheme=\"Accent4\"]) {\n\tbackground-color: var(--ui5-avatar-accent4);\n\tcolor: var(--ui5-avatar-accent4-color);\n\tborder-color: var(--ui5-avatar-accent4-border-color);\n}\n\n:host([_color-scheme=\"Accent5\"]),\n:host([ui5-avatar][color-scheme=\"Accent5\"]) {\n\tbackground-color: var(--ui5-avatar-accent5);\n\tcolor: var(--ui5-avatar-accent5-color);\n\tborder-color: var(--ui5-avatar-accent5-border-color);\n}\n\n:host([_color-scheme=\"Accent7\"]),\n:host([ui5-avatar][color-scheme=\"Accent7\"]) {\n\tbackground-color: var(--ui5-avatar-accent7);\n\tcolor: var(--ui5-avatar-accent7-color);\n\tborder-color: var(--ui5-avatar-accent7-border-color);\n}\n\n:host([_color-scheme=\"Accent8\"]),\n:host([ui5-avatar][color-scheme=\"Accent8\"]) {\n\tbackground-color: var(--ui5-avatar-accent8);\n\tcolor: var(--ui5-avatar-accent8-color);\n\tborder-color: var(--ui5-avatar-accent8-border-color);\n}\n\n:host([_color-scheme=\"Accent9\"]),\n:host([ui5-avatar][color-scheme=\"Accent9\"]) {\n\tbackground-color: var(--ui5-avatar-accent9);\n\tcolor: var(--ui5-avatar-accent9-color);\n\tborder-color: var(--ui5-avatar-accent9-border-color);\n}\n\n:host([_color-scheme=\"Accent10\"]),\n:host([ui5-avatar][color-scheme=\"Accent10\"]) {\n\tbackground-color: var(--ui5-avatar-accent10);\n\tcolor: var(--ui5-avatar-accent10-color);\n\tborder-color: var(--ui5-avatar-accent10-border-color);\n}\n\n:host([_color-scheme=\"Placeholder\"]),\n:host([ui5-avatar][color-scheme=\"Placeholder\"]) {\n\tbackground-color: var(--ui5-avatar-placeholder);\n\tcolor: var(--ui5-avatar-placeholder-color);\n\tborder-color: var(--ui5-avatar-placeholder-border-color);\n}\n\n:host([_has-image]) {\n\tbackground-color: transparent;\n\tvertical-align: middle;\n}\n\n.ui5-avatar-initials {\n\tcolor: inherit;\n}\n\n.ui5-avatar-icon ~ .ui5-avatar-initials,\n.ui5-avatar-icon ~ .ui5-avatar-icon-fallback {\n\tdisplay: none;\n}\n\n.ui5-avatar-initials:not(.ui5-avatar-initials-hidden) + .ui5-avatar-icon-fallback {\n\tdisplay: none;\n}\n\n.ui5-avatar-initials-hidden {\n\tposition: absolute;\n\tvisibility: hidden;\n\tz-index: 0;\n\tpointer-events: none;\n}\n\n/* Slotted Badge */\n\n::slotted([slot=\"badge\"]) {\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\twidth: 1.125rem;\n\theight: 1.125rem;\n\tbackground: var(--sapButton_Emphasized_Background);\n\tborder: var(--sapButton_Emphasized_Background);\n\tborder-radius: 1rem;\n\tcolor: var(--sapContent_BadgeTextColor);\n\tjustify-content: center;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSmallSize);\n}\n\n::slotted([ui5-badge][slot=\"badge\"]) {\n\tpadding: 0.1875rem;\n}\n\n:host([_size=\"L\"]) ::slotted([slot=\"badge\"]),\n:host([size=\"L\"]) ::slotted([slot=\"badge\"]) {\n\twidth: 1.25rem;\n\theight: 1.25rem;\n}\n\n:host([_size=\"XL\"]) ::slotted([slot=\"badge\"]),\n:host([size=\"XL\"]) ::slotted([slot=\"badge\"]) {\n\tpadding: 0.375rem;\n\twidth: 1.75rem;\n\theight: 1.75rem;\n}\n\n:host([shape=\"Square\"]) ::slotted([slot=\"badge\"]) {\n\tbottom: -0.125rem;\n\tright: -0.125rem;\n}\n\n:host([_size=\"L\"][shape=\"Square\"]) ::slotted([slot=\"badge\"]),\n:host([size=\"L\"][shape=\"Square\"]) ::slotted([slot=\"badge\"]) {\n\tbottom: -0.1875rem;\n\tright: -0.1875rem;\n}\n\n:host([_size=\"XL\"][shape=\"Square\"]) ::slotted([slot=\"badge\"]),\n:host([size=\"XL\"][shape=\"Square\"]) ::slotted([slot=\"badge\"]) {\n\tbottom: -0.25rem;\n\tright: -0.25rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/AvatarGroup.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/AvatarGroup.css",
-    content: ":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:block}.ui5-avatar-group-items:focus{outline:none}:host([type=Group]) .ui5-avatar-group-items:focus{outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset);border-radius:var(--_ui5_avatar_group_focus_border_radius)}.ui5-avatar-group-root{display:flex}.ui5-avatar-group-items{white-space:nowrap;position:relative;display:inline-flex}:host([type=Group]) .ui5-avatar-group-items{cursor:pointer}:host([type=Group]) ::slotted([ui5-avatar]),:host([type=Group]) ::slotted([ui5-button]){pointer-events:none}.ui5-avatar-group-overflow-btn:not([hidden]),::slotted([ui5-button]:not([hidden])){--_ui5_button_base_padding:0;border-radius:50%;display:inline-flex;text-overflow:clip}.ui5-avatar-group-overflow-btn[focused],::slotted([ui5-button][focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xs{height:2rem;width:2rem;min-width:2rem;font-size:.75rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-s,::slotted([ui5-button]){height:3rem;width:3rem;min-width:3rem;font-size:1.125rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-m{height:4rem;width:4rem;min-width:4rem;font-size:1.625rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-l{height:5rem;width:5rem;min-width:5rem;font-size:2rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xl{height:7rem;width:7rem;min-width:7rem;font-size:2.75rem}"
+    content: ":host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n}\n\n:host {\n\t--_ui5_button_focused_border: var(--_ui5_avatar_group_button_focus_border);\n}\n\n.ui5-avatar-group-items:focus {\n\toutline: none;\n}\n\n:host([type=\"Group\"]) .ui5-avatar-group-items:focus {\n\toutline: var(--_ui5_avatar_outline);\n\toutline-offset: var(--_ui5_avatar_focus_offset);\n\tborder-radius: var(--_ui5_avatar_group_focus_border_radius);\n}\n\n.ui5-avatar-group-root {\n\tdisplay: flex;\n}\n\n.ui5-avatar-group-items {\n\twhite-space: nowrap;\n\tposition: relative;\n\tdisplay: inline-flex;\n}\n\n:host([type=\"Group\"]) .ui5-avatar-group-items {\n\tcursor: pointer;\n}\n\n:host([type=\"Group\"]) ::slotted([ui5-button]),\n:host([type=\"Group\"]) ::slotted([ui5-avatar]) {\n\tpointer-events: none;\n}\n\n::slotted([ui5-button]:not([hidden])),\n.ui5-avatar-group-overflow-btn:not([hidden]) {\n\t--_ui5_button_base_padding: 0;\n\tborder-radius: 50%;\n\tdisplay: inline-flex;\n\ttext-overflow: initial;\n\tz-index: 0; /* prevent last visible avatar from covering half of the button */\n}\n\n::slotted([ui5-button][focused]),\n.ui5-avatar-group-overflow-btn[focused] {\n\toutline: var(--_ui5_avatar_outline);\n\toutline-offset: var(--_ui5_avatar_focus_offset);\n}\n\n.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xs {\n\theight: 2rem;\n\twidth: 2rem;\n\tmin-width: 2rem;\n\tfont-size: .75rem;\n}\n\n::slotted([ui5-button]),\n.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-s {\n\theight: 3rem;\n\twidth: 3rem;\n\tmin-width: 3rem;\n\tfont-size: 1.125rem;\n}\n\n.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-m {\n\theight: 4rem;\n\twidth: 4rem;\n\tmin-width: 4rem;\n\tfont-size: 1.625rem;\n}\n\n.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-l {\n\theight: 5rem;\n\twidth: 5rem;\n\tmin-width: 5rem;\n\tfont-size: 2rem;\n}\n\n.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xl {\n\theight: 7rem;\n\twidth: 7rem;\n\tmin-width: 7rem;\n\tfont-size: 2.75rem;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Badge.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Badge.css",
-    content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;height:1rem;min-width:1.125em;max-width:100%;padding:0 .3125em;color:var(--sapAccentColor1);background:var(--sapLegendBackgroundColor1);border:.0625em solid;border-radius:.5rem;box-sizing:border-box;font-family:\"72override\",var(--sapFontFamily);font-weight:700;text-align:center;letter-spacing:.0125em}:host(:not([color-scheme]):hover),:host([color-scheme]:hover){cursor:var(--_ui5-badge-cursor)}.ui5-badge-root{display:flex;align-items:center;width:100%;height:100%;box-sizing:border-box;pointer-events:none}.ui5-badge-text{width:100%;overflow:hidden;white-space:nowrap;font-weight:inherit;text-overflow:ellipsis;line-height:1;text-transform:uppercase;letter-spacing:inherit;font-size:.75em}:host(:hover) .ui5-badge-text{cursor:var(--_ui5-badge-cursor)}:host([_icon-only]){padding:0 .1875em}::slotted([ui5-icon]){width:.75em;height:.75em;min-width:.75em;min-height:.75em;color:inherit}:host([_has-icon]) .ui5-badge-text{padding-inline-start:.125rem}:host([color-scheme=\"1\"]){background-color:var(--ui5-badge-color-scheme-1-background);border-color:var(--ui5-badge-color-scheme-1-border);color:var(--ui5-badge-color-scheme-1-color)}:host([color-scheme=\"2\"]){background-color:var(--ui5-badge-color-scheme-2-background);border-color:var(--ui5-badge-color-scheme-2-border);color:var(--ui5-badge-color-scheme-2-color)}:host([color-scheme=\"3\"]){background-color:var(--ui5-badge-color-scheme-3-background);border-color:var(--ui5-badge-color-scheme-3-border);color:var(--ui5-badge-color-scheme-3-color)}:host([color-scheme=\"4\"]){background-color:var(--ui5-badge-color-scheme-4-background);border-color:var(--ui5-badge-color-scheme-4-border);color:var(--ui5-badge-color-scheme-4-color)}:host([color-scheme=\"5\"]){background-color:var(--ui5-badge-color-scheme-5-background);border-color:var(--ui5-badge-color-scheme-5-border);color:var(--ui5-badge-color-scheme-5-color)}:host([color-scheme=\"6\"]){background-color:var(--ui5-badge-color-scheme-6-background);border-color:var(--ui5-badge-color-scheme-6-border);color:var(--ui5-badge-color-scheme-6-color)}:host([color-scheme=\"7\"]){background-color:var(--ui5-badge-color-scheme-7-background);border-color:var(--ui5-badge-color-scheme-7-border);color:var(--ui5-badge-color-scheme-7-color)}:host([color-scheme=\"8\"]){background-color:var(--ui5-badge-color-scheme-8-background);border-color:var(--ui5-badge-color-scheme-8-border);color:var(--ui5-badge-color-scheme-8-color)}:host([color-scheme=\"9\"]){background-color:var(--ui5-badge-color-scheme-9-background);border-color:var(--ui5-badge-color-scheme-9-border);color:var(--ui5-badge-color-scheme-9-color)}:host([color-scheme=\"10\"]){background-color:var(--ui5-badge-color-scheme-10-background);border-color:var(--ui5-badge-color-scheme-10-border);color:var(--ui5-badge-color-scheme-10-color)}"
+    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\theight: 1rem;\n\tmin-width: 1.125em;\n\tmax-width: 100%;\n\tpadding: 0 0.3125em;\n\tcolor: var(--sapAccentColor1);\n\tbackground: var(--sapLegendBackgroundColor1);\n\tborder: 0.0625em solid;\n\tborder-radius: 0.5rem;\n\tbox-sizing: border-box;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-weight: bold;\n\ttext-align: center;\n\tletter-spacing: 0.0125em;\n}\n\n:host([color-scheme]:hover),\n:host(:not([color-scheme]):hover) {\n\tcursor: var(--_ui5-badge-cursor);\n}\n\n.ui5-badge-root {\n\tdisplay: flex;\n\talign-items: center;\n\twidth: 100%;\n\theight: 100%;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n}\n\n.ui5-badge-text {\n\twidth: 100%;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tfont-weight: inherit;\n\ttext-overflow: ellipsis;\n\tline-height: 1;\n\ttext-transform: uppercase;\n\tletter-spacing: inherit;\n\tfont-size: 0.75em; /* origin from --sapFontSmallSize (0.75rem) */\n}\n\n:host(:hover) .ui5-badge-text {\n\tcursor: var(--_ui5-badge-cursor);\n}\n\n:host([_icon-only]) {\n\tpadding: 0 0.1875em;\n}\n\n::slotted([ui5-icon]) {\n\twidth: 0.75em;\n\theight: 0.75em;\n\tmin-width: 0.75em;\n\tmin-height: 0.75em;\n\tcolor: inherit;\n}\n\n:host([_has-icon]) .ui5-badge-text {\n\tpadding-inline-start: 0.125rem;\n}\n\n/* Scheme 1 */\n\n:host([color-scheme=\"1\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-1-background);\n\tborder-color: var(--ui5-badge-color-scheme-1-border);\n\tcolor: var(--ui5-badge-color-scheme-1-color);\n}\n\n/* Scheme 2 */\n\n:host([color-scheme=\"2\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-2-background);\n\tborder-color: var(--ui5-badge-color-scheme-2-border);\n\tcolor: var(--ui5-badge-color-scheme-2-color);\n}\n\n/* Scheme 3 */\n\n:host([color-scheme=\"3\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-3-background);\n\tborder-color: var(--ui5-badge-color-scheme-3-border);\n\tcolor: var(--ui5-badge-color-scheme-3-color);\n}\n\n/* Scheme 4 */\n\n:host([color-scheme=\"4\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-4-background);\n\tborder-color: var(--ui5-badge-color-scheme-4-border);\n\tcolor: var(--ui5-badge-color-scheme-4-color);\n}\n\n/* Scheme 5 */\n\n:host([color-scheme=\"5\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-5-background);\n\tborder-color: var(--ui5-badge-color-scheme-5-border);\n\tcolor: var(--ui5-badge-color-scheme-5-color);\n}\n\n/* Scheme 6 */\n\n:host([color-scheme=\"6\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-6-background);\n\tborder-color: var(--ui5-badge-color-scheme-6-border);\n\tcolor: var(--ui5-badge-color-scheme-6-color);\n}\n\n/* Scheme 7 */\n\n:host([color-scheme=\"7\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-7-background);\n\tborder-color: var(--ui5-badge-color-scheme-7-border);\n\tcolor: var(--ui5-badge-color-scheme-7-color);\n}\n\n/* Scheme 8 */\n\n:host([color-scheme=\"8\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-8-background);\n\tborder-color: var(--ui5-badge-color-scheme-8-border);\n\tcolor: var(--ui5-badge-color-scheme-8-color);\n}\n\n/* Scheme 9 */\n\n:host([color-scheme=\"9\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-9-background);\n\tborder-color: var(--ui5-badge-color-scheme-9-border);\n\tcolor: var(--ui5-badge-color-scheme-9-color);\n}\n\n/* Scheme 10 */\n\n:host([color-scheme=\"10\"]) {\n\tbackground-color: var(--ui5-badge-color-scheme-10-background);\n\tborder-color: var(--ui5-badge-color-scheme-10-border);\n\tcolor: var(--ui5-badge-color-scheme-10-color);\n}\n\n/* ---Slotted Badges--- */\n\n/* [ui5-avatar] - Badge icon styles */\n\n/* Make icon take full width minus padding.\n [ui5-avatar] is the only component using an icon for badge,\n therefore no additional scoping is needed. */\n\n:host([slot=\"badge\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\twidth: 100%;\n\theight: 100%;\n\tmin-width: 100%;\n\tmin-height: 100%;\n}"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/Breadcrumbs.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Breadcrumbs.css",
-    content: ".ui5-breadcrumbs-root{white-space:nowrap;outline:none;margin:0 0 .5rem 0}.ui5-breadcrumbs-root>ol{margin:0;padding:0;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:flex}.ui5-breadcrumbs-root>ol>li{display:inline}.ui5-breadcrumbs-current-location{min-width:1%;-webkit-flex:1;-webkit-box-flex:1;flex:1 1 auto}.ui5-breadcrumbs-current-location>span:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_breadcrumbs_current_location_focus_border_radius)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden]{display:none}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]{width:var(--sapFontSize);height:var(--sapFontSize);padding-left:.675rem;vertical-align:text-top;color:var(--sapLinkColor)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]{color:var(--_ui5_link_focus_color)}.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]:before{content:\"...\";vertical-align:middle;position:absolute;left:0;bottom:0}.ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]:after,.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]:after{content:\"\";position:absolute;border-bottom:.0625rem solid;top:0;left:0;bottom:1px;right:0}li:not(.ui5-breadcrumbs-current-location):after{content:\"/\";padding:0 .25rem;cursor:auto;color:var(--sapContent_LabelColor);display:inline-block;font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-breadcrumbs-popover-footer{display:flex;justify-content:flex-end;width:100%}:host([separator-style=BackSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"\\\\\"}:host([separator-style=DoubleBackSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"\\\\\\\\\"}:host([separator-style=DoubleGreaterThan]) li:not(.ui5-breadcrumbs-current-location):after{content:\">>\"}:host([separator-style=DoubleSlash]) li:not(.ui5-breadcrumbs-current-location):after{content:\"//\"}:host([separator-style=GreaterThan]) li:not(.ui5-breadcrumbs-current-location):after{content:\">\"}"
+    content: ":host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n}\n\n.ui5-breadcrumbs-root {\n    white-space: nowrap;\n    outline: none;\n    margin: 0 0 0.5rem 0;\n}\n\n.ui5-breadcrumbs-root > ol {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\n}\n\n.ui5-breadcrumbs-root > ol > li {\n    display: inline;\n}\n\n.ui5-breadcrumbs-current-location {\n    min-width: 1%;\n    -webkit-flex: 1;\n    -webkit-box-flex: 1;\n    flex: 1 1 auto;\n    /* Fix extra height in ul -> li element */\n    font-size: 0;\n    align-self: center;\n}\n\n.ui5-breadcrumbs-current-location > span:focus {\n    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n    border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {\n    display: none\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon] {\n    width: var(--sapFontSize);\n    height: var(--sapFontSize);\n    padding-left: .675rem;\n    vertical-align: text-top;\n    color: var(--sapLinkColor);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon] {\n    color: var(--_ui5_link_focus_color);\n}\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {\n    content: \"...\";\n    vertical-align: middle;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n}\n\n/* underline icon on hover */\n\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]::after,\n.ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]::after {\n    content: \"\";\n    position: absolute;\n    border-bottom: 0.0625rem solid;\n    top: 0;\n    left: 0;\n    bottom: 1px;\n    right: 0;\n}\n\n/* links separator */\n\nli:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"/\"; /* default separator is \"Slash\" */\n    padding: 0 .25rem;\n    cursor: auto;\n    color: var(--sapContent_LabelColor);\n    display: inline-block;\n    font-family: \"72override\",var(--sapFontFamily);\n    font-size: var(--sapFontSize);\n}\n\n.ui5-breadcrumbs-popover-footer {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n}\n\n/* separator styles */\n\n:host([separator-style=\"BackSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"\\\\\";\n}\n\n:host([separator-style=\"DoubleBackSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"\\\\\\\\\";\n}\n\n:host([separator-style=\"DoubleGreaterThan\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \">>\";\n}\n\n:host([separator-style=\"DoubleSlash\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \"//\";\n}\n\n:host([separator-style=\"GreaterThan\"]) li:not(.ui5-breadcrumbs-current-location)::after {\n    content: \">\";\n}\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });

package/src/sap/ui/webc/main/thirdparty/generated/themes/BreadcrumbsPopover.css.js

@@ -8,12 +8,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   _parametersBundle = _interopRequireDefault(_parametersBundle);
   _parametersBundle2 = _interopRequireDefault(_parametersBundle2);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", () => _parametersBundle.default);
-  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", () => _parametersBundle2.default);
-  var _default = {
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents-theming", "sap_fiori_3", async () => _parametersBundle.default);
+  (0, _Themes.registerThemePropertiesLoader)("@ui5/webcomponents", "sap_fiori_3", async () => _parametersBundle2.default);
+  const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/BreadcrumbsPopover.css",
-    content: ".ui5-breadcrumbs-popover::part(content){padding:0}.ui5-breadcrumbs-popover-footer{display:flex;justify-content:flex-end;width:100%;padding-right:.5rem}"
+    content: ".ui5-breadcrumbs-popover::part(content) {\r\n    padding: 0;\r\n}\r\n\r\n.ui5-breadcrumbs-popover-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n    padding-right: 0.5rem;\r\n\talign-items: center;\r\n}\r\n"
   };
+  var _default = styleData;
   _exports.default = _default;
 });