@openui5/sap.ui.webc.main 1.119.1 → 1.120.1

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

@@ -0,0 +1,15 @@
+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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(this.icon)}" ?icon-end="${this.iconEnd}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}" .accessibilityAttributes="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes)}" tooltip="${(0, _LitRenderer.ifDefined)(this.tooltip)}" design="${(0, _LitRenderer.ifDefined)(this.design)}" ?disabled="${this.disabled}" ?hidden="${this.hidden}" class="ui5-tb-popover-button ui5-tb-popover-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(this.stableDomRef)}">${(0, _LitRenderer.ifDefined)(this.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(this.icon)}" ?icon-end="${this.iconEnd}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}" .accessibilityAttributes="${(0, _LitRenderer.ifDefined)(this.accessibilityAttributes)}" tooltip="${(0, _LitRenderer.ifDefined)(this.tooltip)}" design="${(0, _LitRenderer.ifDefined)(this.design)}" ?disabled="${this.disabled}" ?hidden="${this.hidden}" class="ui5-tb-popover-button ui5-tb-popover-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" data-ui5-stable="${(0, _LitRenderer.ifDefined)(this.stableDomRef)}">${(0, _LitRenderer.ifDefined)(this.text)}</ui5-button>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,18 @@
+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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-select", tags, suffix)} class="ui5-tb-popover-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ?disabled="${this.disabled}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}">${(0, _LitRenderer.repeat)(this.options, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-select", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-select class="ui5-tb-popover-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ?disabled="${this.disabled}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}">${(0, _LitRenderer.repeat)(this.options, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-select>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-option", tags, suffix)} ?selected="${item.selected}" data-ui5-external-action-item-index="${index}">${(0, _LitRenderer.ifDefined)(item.textContent)}</${(0, _LitRenderer.scopeTag)("ui5-option", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-option ?selected="${item.selected}" data-ui5-external-action-item-index="${index}">${(0, _LitRenderer.ifDefined)(item.textContent)}</ui5-option>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,15 @@
+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 class="ui5-tb-separator-in-overflow ui5-tb-popover-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" ?visible="${this.visible}"></div>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,18 @@
+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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-overflow-popover" placement-type="Bottom" horizontal-align="Right" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onOverflowPopoverClosed)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onOverflowPopoverOpened)}" hide-arrow><div class="ui5-overflow-list ${(0, _LitRenderer.classMap)(this.classes.overflow)}">${(0, _LitRenderer.repeat)(this.overflowItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover class="ui5-overflow-popover" placement-type="Bottom" horizontal-align="Right" @ui5-after-close="${(0, _LitRenderer.ifDefined)(this.onOverflowPopoverClosed)}" @ui5-after-open="${(0, _LitRenderer.ifDefined)(this.onOverflowPopoverOpened)}" hide-arrow><div class="ui5-overflow-list ${(0, _LitRenderer.classMap)(this.classes.overflow)}">${(0, _LitRenderer.repeat)(this.overflowItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></ui5-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.toolbarPopoverTemplate)}`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,18 @@
+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 suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-select", tags, suffix)} class="ui5-tb-item" style="${(0, _LitRenderer.styleMap)(this.styles)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ?disabled="${this.disabled}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}">${(0, _LitRenderer.repeat)(this.options, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-select", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-select class="ui5-tb-item" style="${(0, _LitRenderer.styleMap)(this.styles)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueState)}" ?disabled="${this.disabled}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" accessible-name-ref="${(0, _LitRenderer.ifDefined)(this.accessibleNameRef)}">${(0, _LitRenderer.repeat)(this.options, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-select>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-option", tags, suffix)} ?selected="${item.selected}" data-ui5-external-action-item-index="${index}">${(0, _LitRenderer.ifDefined)(item.textContent)}</${(0, _LitRenderer.scopeTag)("ui5-option", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-option ?selected="${item.selected}" data-ui5-external-action-item-index="${index}">${(0, _LitRenderer.ifDefined)(item.textContent)}</ui5-option>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,15 @@
+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 class="ui5-tb-separator ui5-tb-item" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}"></div>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,15 @@
+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 class="ui5-tb-spacer ui5-tb-item" style="${(0, _LitRenderer.styleMap)(this.styles)}" role="separator" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(this._id)}"></div>`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -0,0 +1,18 @@
+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 suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.items)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.root.role)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.root.accessibleName)}">${(0, _LitRenderer.repeat)(this.standardItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} aria-hidden="${(0, _LitRenderer.ifDefined)(this.hideOverflowButton)}" icon="overflow" design="Transparent" class="${(0, _LitRenderer.classMap)(this.classes.overflowButton)}" tooltip="${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.tooltip)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.accessibleName)}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.accessibilityAttributes)}></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.items)}" role="${(0, _LitRenderer.ifDefined)(this.accInfo.root.role)}" aria-label="${(0, _LitRenderer.ifDefined)(this.accInfo.root.accessibleName)}">${(0, _LitRenderer.repeat)(this.standardItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}<ui5-button aria-hidden="${(0, _LitRenderer.ifDefined)(this.hideOverflowButton)}" icon="overflow" design="Transparent" class="${(0, _LitRenderer.classMap)(this.classes.overflowButton)}" tooltip="${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.tooltip)}" accessible-name="${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.accessibleName)}" .accessibilityAttributes=${(0, _LitRenderer.ifDefined)(this.accInfo.overflowButton.accessibilityAttributes)}></ui5-button></div>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item.toolbarTemplate)}`;
+  }
+  var _default = block0;
+  _exports.default = _default;
+});

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* 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>`;
+    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 part="content" 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>`;
@@ -17,10 +17,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -29,7 +29,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;
@@ -38,7 +38,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="detail-button" 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 part="detail-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>`;
@@ -50,10 +50,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -62,7 +62,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* 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>`;
+    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 part="content" 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>`;
@@ -17,10 +17,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -29,7 +29,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;
@@ -38,7 +38,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="detail-button" 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 part="detail-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>`;
@@ -50,10 +50,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -62,7 +62,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;

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

@@ -8,7 +8,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* 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>`;
+    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 part="content" 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>`;
@@ -17,10 +17,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -29,7 +29,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;
@@ -44,7 +44,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="detail-button" 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 part="detail-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>`;
@@ -56,10 +56,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} part="radio" ?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 part="radio" ?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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} part="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}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox part="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>`;
@@ -68,7 +68,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
     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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} part="delete-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)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button part="delete-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>`;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/Avatar.css",
-    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}"
+    content: ":host(:not([hidden])){box-sizing:border-box;display:inline-block;position:relative}:host(:not([hidden]).ui5_hovered){opacity:.7}:host(:not([hidden]):not([pressed]):hover){box-shadow:var(--ui5-v1-18-0-avatar-hover-box-shadow-offset)}:host(:not([hidden])[focused]:not([pressed])){outline:var(--_ui5-v1-18-0_avatar_outline);outline-offset:var(--_ui5-v1-18-0_avatar_focus_offset)}:host(:not([disabled])[interactive]){cursor:pointer}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}:host(:not([hidden])[pressed]){background:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host(:not([hidden])[pressed]:hover){background:var(--sapButton_Selected_Hover_Background);border-color:var(--sapButton_Selected_Hover_BorderColor);color:var(--sapButton_Selected_TextColor)}:host{border:var(--ui5-v1-18-0-avatar-initials-border);border-radius:50%;color:var(--ui5-v1-18-0-avatar-initials-color);height:3rem;outline:none;width:3rem}.ui5-avatar-root{align-items:center;display:flex;height:100%;justify-content:center;outline:none;width:100%}:host([_size=XS]),:host([size=XS]){font-size:var(--_ui5-v1-18-0_avatar_fontsize_XS);height:2rem;min-height:2rem;min-width:2rem;width:2rem}:host([_size=S]),:host([size=S]){font-size:var(--_ui5-v1-18-0_avatar_fontsize_S);min-height:3rem;min-width:3rem}:host([_size=M]),:host([size=M]){font-size:var(--_ui5-v1-18-0_avatar_fontsize_M);min-height:4rem;min-width:4rem}:host([_size=L]),:host([size=L]){font-size:var(--_ui5-v1-18-0_avatar_fontsize_L);min-height:5rem;min-width:5rem}:host([_size=XL]),:host([size=XL]){font-size:var(--_ui5-v1-18-0_avatar_fontsize_XL);min-height:7rem;min-width:7rem}:host .ui5-avatar-icon{color:inherit;height:var(--_ui5-v1-18-0_avatar_fontsize_S);width:var(--_ui5-v1-18-0_avatar_fontsize_S)}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:var(--_ui5-v1-18-0_avatar_icon_XS);width:var(--_ui5-v1-18-0_avatar_icon_XS)}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:var(--_ui5-v1-18-0_avatar_icon_S);width:var(--_ui5-v1-18-0_avatar_icon_S)}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:var(--_ui5-v1-18-0_avatar_icon_M);width:var(--_ui5-v1-18-0_avatar_icon_M)}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:var(--_ui5-v1-18-0_avatar_icon_L);width:var(--_ui5-v1-18-0_avatar_icon_L)}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:var(--_ui5-v1-18-0_avatar_icon_XL);width:var(--_ui5-v1-18-0_avatar_icon_XL)}::slotted(*){border-radius:50%;height:100%;pointer-events:none;width:100%}:host([shape=Square]){border-radius:var(--ui5-v1-18-0-avatar-border-radius)}:host([shape=Square]) ::slotted(*){border-radius:calc(var(--ui5-v1-18-0-avatar-border-radius) - var(--ui5-v1-18-0-avatar-border-radius-img-deduction))}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([ui5-avatar][color-scheme=Accent6]){background-color:var(--ui5-v1-18-0-avatar-accent6);border-color:var(--ui5-v1-18-0-avatar-accent6-border-color);color:var(--ui5-v1-18-0-avatar-accent6-color)}:host([_color-scheme=Accent1]),:host([ui5-avatar][color-scheme=Accent1]){background-color:var(--ui5-v1-18-0-avatar-accent1);border-color:var(--ui5-v1-18-0-avatar-accent1-border-color);color:var(--ui5-v1-18-0-avatar-accent1-color)}:host([_color-scheme=Accent2]),:host([ui5-avatar][color-scheme=Accent2]){background-color:var(--ui5-v1-18-0-avatar-accent2);border-color:var(--ui5-v1-18-0-avatar-accent2-border-color);color:var(--ui5-v1-18-0-avatar-accent2-color)}:host([_color-scheme=Accent3]),:host([ui5-avatar][color-scheme=Accent3]){background-color:var(--ui5-v1-18-0-avatar-accent3);border-color:var(--ui5-v1-18-0-avatar-accent3-border-color);color:var(--ui5-v1-18-0-avatar-accent3-color)}:host([_color-scheme=Accent4]),:host([ui5-avatar][color-scheme=Accent4]){background-color:var(--ui5-v1-18-0-avatar-accent4);border-color:var(--ui5-v1-18-0-avatar-accent4-border-color);color:var(--ui5-v1-18-0-avatar-accent4-color)}:host([_color-scheme=Accent5]),:host([ui5-avatar][color-scheme=Accent5]){background-color:var(--ui5-v1-18-0-avatar-accent5);border-color:var(--ui5-v1-18-0-avatar-accent5-border-color);color:var(--ui5-v1-18-0-avatar-accent5-color)}:host([_color-scheme=Accent7]),:host([ui5-avatar][color-scheme=Accent7]){background-color:var(--ui5-v1-18-0-avatar-accent7);border-color:var(--ui5-v1-18-0-avatar-accent7-border-color);color:var(--ui5-v1-18-0-avatar-accent7-color)}:host([_color-scheme=Accent8]),:host([ui5-avatar][color-scheme=Accent8]){background-color:var(--ui5-v1-18-0-avatar-accent8);border-color:var(--ui5-v1-18-0-avatar-accent8-border-color);color:var(--ui5-v1-18-0-avatar-accent8-color)}:host([_color-scheme=Accent9]),:host([ui5-avatar][color-scheme=Accent9]){background-color:var(--ui5-v1-18-0-avatar-accent9);border-color:var(--ui5-v1-18-0-avatar-accent9-border-color);color:var(--ui5-v1-18-0-avatar-accent9-color)}:host([_color-scheme=Accent10]),:host([ui5-avatar][color-scheme=Accent10]){background-color:var(--ui5-v1-18-0-avatar-accent10);border-color:var(--ui5-v1-18-0-avatar-accent10-border-color);color:var(--ui5-v1-18-0-avatar-accent10-color)}:host([_color-scheme=Placeholder]),:host([ui5-avatar][color-scheme=Placeholder]){background-color:var(--ui5-v1-18-0-avatar-placeholder);border-color:var(--ui5-v1-18-0-avatar-placeholder-border-color);color:var(--ui5-v1-18-0-avatar-placeholder-color)}:host([_has-image]){background-color:transparent;color:var(--ui5-v1-18-0-avatar-accent10-color);vertical-align:middle}.ui5-avatar-initials{color:inherit}.ui5-avatar-icon~.ui5-avatar-icon-fallback,.ui5-avatar-icon~.ui5-avatar-initials{display:none}.ui5-avatar-initials:not(.ui5-avatar-initials-hidden)+.ui5-avatar-icon-fallback{display:none}.ui5-avatar-initials-hidden{pointer-events:none;position:absolute;visibility:hidden;z-index:0}::slotted([slot=badge]){background:var(--sapButton_Emphasized_Background);border:var(--sapButton_Emphasized_Background);border-radius:1rem;bottom:0;color:var(--sapContent_BadgeTextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize);height:1.125rem;justify-content:center;position:absolute;right:0;width:1.125rem}::slotted([ui5-badge][slot=badge]){padding:.1875rem}:host([_size=L]) ::slotted([slot=badge]),:host([size=L]) ::slotted([slot=badge]){height:1.25rem;width:1.25rem}:host([_size=XL]) ::slotted([slot=badge]),:host([size=XL]) ::slotted([slot=badge]){height:1.75rem;padding:.375rem;width:1.75rem}:host([shape=Square]) ::slotted([slot=badge]){bottom:-.125rem;right:-.125rem}:host([_size=L][shape=Square]) ::slotted([slot=badge]),:host([size=L][shape=Square]) ::slotted([slot=badge]){bottom:-.1875rem;right:-.1875rem}:host([_size=XL][shape=Square]) ::slotted([slot=badge]),:host([size=XL][shape=Square]) ::slotted([slot=badge]){bottom:-.25rem;right:-.25rem}"
   };
   var _default = styleData;
   _exports.default = _default;

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

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents",
     fileName: "themes/AvatarGroup.css",
-    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}"
+    content: ":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:block;width:100%}:host{--_ui5-v1-18-0_button_focused_border:var(--_ui5-v1-18-0_avatar_group_button_focus_border)}.ui5-avatar-group-items:focus{outline:none}:host([type=Group]) .ui5-avatar-group-items:focus{border-radius:var(--_ui5-v1-18-0_avatar_group_focus_border_radius);outline:var(--_ui5-v1-18-0_avatar_outline);outline-offset:var(--_ui5-v1-18-0_avatar_focus_offset)}.ui5-avatar-group-root{display:flex}.ui5-avatar-group-items{display:inline-flex;position:relative;white-space:nowrap}: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-v1-18-0_button_base_padding:0;border-radius:50%;display:inline-flex;text-overflow:clip;z-index:0}.ui5-avatar-group-overflow-btn[focused],::slotted([ui5-button][focused]){outline:var(--_ui5-v1-18-0_avatar_outline);outline-offset:var(--_ui5-v1-18-0_avatar_focus_offset)}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xs{font-size:.75rem;height:2rem;min-width:2rem;width:2rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-s,::slotted([ui5-button]){font-size:1.125rem;height:3rem;min-width:3rem;width:3rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-m{font-size:1.625rem;height:4rem;min-width:4rem;width:4rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-l{font-size:2rem;height:5rem;min-width:5rem;width:5rem}.ui5-avatar-group-overflow-btn.ui5-avatar-group-overflow-btn-xl{font-size:2.75rem;height:7rem;min-width:7rem;width:7rem}"
   };
   var _default = styleData;
   _exports.default = _default;