@ui5/webcomponents 1.9.0 → 1.9.2

package/dist/generated/templates/TableRowTemplate.lit.js

@@ -1,14 +1,14 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<tr class="ui5-table-row-root" tabindex="${ifDefined(context._tabIndex)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mouseup="${context._onmouseup}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" aria-label="${ifDefined(context.ariaLabelText)}" aria-selected="${ifDefined(context.selected)}" aria-current="${ifDefined(context._ariaCurrent)}" data-sap-focus-ref part="row" data-ui5-dir="${ifDefined(context.effectiveDir)}">${ context.isMultiSelect ? block1(context, tags, suffix) : undefined }${ context.shouldPopin ? block2(context, tags, suffix) : block4(context, tags, suffix) }<td class="ui5-table-row-navigated"><div class="ui5-table-div-navigated"></div></td></tr>${ context.shouldPopin ? block6(context, tags, suffix) : undefined } `;
+const block0 = (context, tags, suffix) => html`<tr class="ui5-table-row-root" tabindex="${ifDefined(context._tabIndex)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mouseup="${context._onmouseup}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" aria-label="${ifDefined(context.ariaLabelText)}" aria-selected="${ifDefined(context.selected)}" aria-current="${ifDefined(context._ariaCurrent)}" data-sap-focus-ref part="row" data-ui5-dir="${ifDefined(context.effectiveDir)}">${ context.isMultiSelect ? block1(context, tags, suffix) : undefined }${ context.shouldPopin ? block2(context, tags, suffix) : block4(context, tags, suffix) }<td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>${ context.shouldPopin ? block6(context, tags, suffix) : undefined } `;
 const block1 = (context, tags, suffix) => suffix ? html`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${context.selected}" aria-label="${ifDefined(context.ariaLabelRowSelection)}" @ui5-change="${ifDefined(context._handleSelection)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}></td>` : html`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><ui5-checkbox class="ui5-multi-select-checkbox" ?checked="${context.selected}" aria-label="${ifDefined(context.ariaLabelRowSelection)}" @ui5-change="${ifDefined(context._handleSelection)}" tabindex="-1"></ui5-checkbox></td>`;
 const block2 = (context, tags, suffix) => html`${ repeat(context.visibleCells, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
 const block3 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block4 = (context, tags, suffix) => html`${ repeat(context.cells, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }`;
 const block5 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block6 = (context, tags, suffix) => html`${ repeat(context.popinCells, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix)) }`;
-const block7 = (item, index, context, tags, suffix) => html`<tr part="popin-row" class="${ifDefined(item.classes)}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><td colspan="${ifDefined(context.visibleCellsCount)}" role="cell">${ item.popinText ? block8(item, index, context, tags, suffix) : undefined }<div><slot name="${ifDefined(item.cell._individualSlot)}"></slot></div></td><td class="ui5-table-row-navigated"><div class="ui5-table-div-navigated"></div></td></tr>`;
+const block7 = (item, index, context, tags, suffix) => html`<tr part="popin-row" class="${ifDefined(item.classes)}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}"><td colspan="${ifDefined(context.visibleCellsCount)}" role="cell">${ item.popinText ? block8(item, index, context, tags, suffix) : undefined }<div><slot name="${ifDefined(item.cell._individualSlot)}"></slot></div></td><td class="ui5-table-row-navigated" aria-hidden="true"><div class="ui5-table-div-navigated"></div></td></tr>`;
 const block8 = (item, index, context, tags, suffix) => html`<span class="ui5-table-row-popin-title">${ifDefined(item.popinText)}:</span>`;
 
 

package/dist/generated/templates/TableTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="ui5-table-root" @focusin="${context._onfocusin}"><div id="${ifDefined(context._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${ context.busy ? block1(context, tags, suffix) : undefined }<table border="0" cellspacing="0" cellpadding="0" @keydown="${context._onkeydown}" role="table" aria-label="${ifDefined(context.tableAriaLabelText)}"><thead><tr id="${ifDefined(context._columnHeader.id)}" class="ui5-table-header-row" aria-label="${ifDefined(context.ariaLabelText)}" tabindex="${ifDefined(context._columnHeader._tabIndex)}" @click="${context._onColumnHeaderClick}" @focusin="${context._onColumnHeaderFocused}" @keydown="${context._onColumnHeaderKeydown}">${ context.isMultiSelect ? block2(context, tags, suffix) : undefined }${ repeat(context.visibleColumns, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }<th class="ui5-table-header-row-navigated"></th></tr></thead><tbody>${ repeat(context.rows, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }${ !context.rows.length ? block6(context, tags, suffix) : undefined }${ context.growsWithButton ? block8(context, tags, suffix) : undefined }${ context.growsOnScroll ? block10(context, tags, suffix) : undefined }</tbody></table><div id="${ifDefined(context._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `;
+const block0 = (context, tags, suffix) => html`<div class="ui5-table-root" @focusin="${context._onfocusin}"><div id="${ifDefined(context._id)}-before" tabindex="0" class="ui5-table-focusarea"></div>${ context.busy ? block1(context, tags, suffix) : undefined }<table border="0" cellspacing="0" cellpadding="0" @keydown="${context._onkeydown}" role="table" aria-label="${ifDefined(context.tableAriaLabelText)}"><thead><tr id="${ifDefined(context._columnHeader.id)}" class="ui5-table-header-row" aria-label="${ifDefined(context.ariaLabelText)}" tabindex="${ifDefined(context._columnHeader._tabIndex)}" @click="${context._onColumnHeaderClick}" @focusin="${context._onColumnHeaderFocused}" @keydown="${context._onColumnHeaderKeydown}">${ context.isMultiSelect ? block2(context, tags, suffix) : undefined }${ repeat(context.visibleColumns, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }<th class="ui5-table-header-row-navigated" aria-hidden="true"></th></tr></thead><tbody>${ repeat(context.rows, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }${ !context.rows.length ? block6(context, tags, suffix) : undefined }${ context.growsWithButton ? block8(context, tags, suffix) : undefined }${ context.growsOnScroll ? block10(context, tags, suffix) : undefined }</tbody></table><div id="${ifDefined(context._id)}-after" tabindex="0" class="ui5-table-focusarea"></div></div> `;
 const block1 = (context, tags, suffix) => suffix ? html`<div tabindex="-1" class="ui5-table-busy-row"><${scopeTag("ui5-busy-indicator", tags, suffix)} delay="${ifDefined(context.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(context.styles.busy)}" active size="Medium" data-sap-focus-ref></${scopeTag("ui5-busy-indicator", tags, suffix)}></div>` : html`<div tabindex="-1" class="ui5-table-busy-row"><ui5-busy-indicator delay="${ifDefined(context.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(context.styles.busy)}" active size="Medium" data-sap-focus-ref></ui5-busy-indicator></div>`;
 const block2 = (context, tags, suffix) => html`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true">${ context.rows.length ? block3(context, tags, suffix) : undefined }</th>`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${ifDefined(context._selectAll)}" aria-label="${ifDefined(context.ariaLabelSelectAllText)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${ifDefined(context._selectAll)}" aria-label="${ifDefined(context.ariaLabelSelectAllText)}" tabindex="-1"></ui5-checkbox>`;

package/dist/generated/templates/TextAreaTemplate.lit.js

@@ -1,8 +1,8 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}" style="${styleMap(context.styles.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${ context.growing ? block1(context, tags, suffix) : undefined }<textarea id="${ifDefined(context._id)}-inner" class="ui5-textarea-inner" placeholder="${ifDefined(context.placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" aria-label="${ifDefined(context.ariaLabelText)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-invalid="${ifDefined(context.ariaInvalid)}" aria-required="${ifDefined(context.required)}" maxlength="${ifDefined(context._exceededTextProps.calcedMaxLength)}" .value="${ifDefined(context.value)}" @input="${context._oninput}" @change="${context._onchange}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" data-sap-focus-ref part="textarea"></textarea>${ context.showExceededText ? block3(context, tags, suffix) : undefined }${ context.hasValueState ? block4(context, tags, suffix) : undefined }<slot name="formSupport"></slot></div> `;
-const block1 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-mirror" style="${styleMap(context.styles.mirror)}" class="ui5-textarea-mirror" aria-hidden="true">${ repeat(context._mirrorText, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
+const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.root)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-textarea-wrapper">${ context.growing ? block1(context, tags, suffix) : undefined }<textarea id="${ifDefined(context._id)}-inner" class="ui5-textarea-inner" placeholder="${ifDefined(context.placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" aria-label="${ifDefined(context.ariaLabelText)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-invalid="${ifDefined(context.ariaInvalid)}" aria-required="${ifDefined(context.required)}" maxlength="${ifDefined(context._exceededTextProps.calcedMaxLength)}" .value="${ifDefined(context.value)}" @input="${context._oninput}" @change="${context._onchange}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" data-sap-focus-ref part="textarea"></textarea></div>${ context.showExceededText ? block3(context, tags, suffix) : undefined }${ context.hasValueState ? block4(context, tags, suffix) : undefined }<slot name="formSupport"></slot></div> `;
+const block1 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-mirror" class="ui5-textarea-mirror" aria-hidden="true">${ repeat(context._mirrorText, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
 const block2 = (item, index, context, tags, suffix) => html`${ifDefined(item.text)}<br />`;
 const block3 = (context, tags, suffix) => html`<span class="ui5-textarea-exceeded-text">${ifDefined(context._exceededTextProps.exceededText)}</span>`;
 const block4 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${ifDefined(context.ariaValueStateHiddenText)}</span>`;

package/dist/generated/templates/TreeItemBaseTemplate.lit.js

@@ -0,0 +1,24 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+
+const block0 = (context, tags, suffix) => html`<div><li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${styleMap(context.styles.preContent)}">${ context._showToggleButtonBeginning ? block1(context, tags, suffix) : undefined }</div>${ context.placeSelectionElementBefore ? block2(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.icon ? block8(context, tags, suffix) : undefined }</div>${ context._showToggleButtonEnd ? block9(context, tags, suffix) : undefined }${ context.typeDetail ? block10(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block11(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li>${ context.expanded ? block17(context, tags, suffix) : undefined }</div>`;
+const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></ui5-icon>`;
+const block2 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block3(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block4(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block5(context, tags, suffix) : undefined }`;
+const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block4 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block5 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block6(context, tags, suffix) : block7(context, tags, suffix) }</div>`;
+const block6 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block7 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block8 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></ui5-icon>`;
+const block9 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></ui5-icon>`;
+const block10 = (context, tags, suffix) => suffix ? html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
+const block11 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block12(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block13(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block14(context, tags, suffix) : undefined }`;
+const block12 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block13 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block14 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block15(context, tags, suffix) : block16(context, tags, suffix) }</div>`;
+const block15 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block16 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block17 = (context, tags, suffix) => html`<ul role="group" id="${ifDefined(context._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
+
+
+export default block0;

package/dist/generated/templates/TreeItemCustomTemplate.lit.js

@@ -0,0 +1,24 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+
+const block0 = (context, tags, suffix) => html`<div><li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${styleMap(context.styles.preContent)}">${ context._showToggleButtonBeginning ? block1(context, tags, suffix) : undefined }</div>${ context.placeSelectionElementBefore ? block2(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.icon ? block8(context, tags, suffix) : undefined }<div class="ui5-li-tree-text-wrapper"><slot name="content" slot="content"></slot></div></div>${ context._showToggleButtonEnd ? block9(context, tags, suffix) : undefined }${ context.typeDetail ? block10(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block11(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li>${ context.expanded ? block17(context, tags, suffix) : undefined }</div>`;
+const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></ui5-icon>`;
+const block2 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block3(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block4(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block5(context, tags, suffix) : undefined }`;
+const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block4 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block5 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block6(context, tags, suffix) : block7(context, tags, suffix) }</div>`;
+const block6 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block7 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block8 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></ui5-icon>`;
+const block9 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></ui5-icon>`;
+const block10 = (context, tags, suffix) => suffix ? html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
+const block11 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block12(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block13(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block14(context, tags, suffix) : undefined }`;
+const block12 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
+const block13 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>` : html`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" accessible-name="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
+const block14 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block15(context, tags, suffix) : block16(context, tags, suffix) }</div>`;
+const block15 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
+const block16 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block17 = (context, tags, suffix) => html`<ul role="group" id="${ifDefined(context._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
+
+
+export default block0;

package/dist/generated/templates/{TreeListItemTemplate.lit.js → TreeItemTemplate.lit.js}

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}"><div class="ui5-li-tree-toggle-box" style="${styleMap(context.styles.preContent)}">${ context._showToggleButtonBeginning ? block1(context, tags, suffix) : undefined }</div>${ context.placeSelectionElementBefore ? block2(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.icon ? block8(context, tags, suffix) : undefined }<div class="ui5-li-tree-text-wrapper">${ context._showTitle ? block9(context, tags, suffix) : undefined }${ context.additionalText ? block10(context, tags, suffix) : undefined }</div></div>${ context._showToggleButtonEnd ? block11(context, tags, suffix) : undefined }${ context.typeDetail ? block12(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block13(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
+const block0 = (context, tags, suffix) => html`<div><li part="native-li" data-sap-focus-ref tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-haspopup="${ifDefined(context._accInfo.ariaHaspopup)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._accessibleNameRef)}" aria-disabled="${ifDefined(context.ariaDisabled)}" aria-selected="${ifDefined(context._accInfo.ariaSelected)}" aria-checked="${ifDefined(context._accInfo.ariaChecked)}" aria-owns="${ifDefined(context._accInfo.ariaOwns)}"><div class="ui5-li-tree-toggle-box" style="${styleMap(context.styles.preContent)}">${ context._showToggleButtonBeginning ? block1(context, tags, suffix) : undefined }</div>${ context.placeSelectionElementBefore ? block2(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.icon ? block8(context, tags, suffix) : undefined }<div class="ui5-li-tree-text-wrapper">${ context._showTitle ? block9(context, tags, suffix) : undefined }${ context.additionalText ? block10(context, tags, suffix) : undefined }</div></div>${ context._showToggleButtonEnd ? block11(context, tags, suffix) : undefined }${ context.typeDetail ? block12(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block13(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li>${ context.expanded ? block19(context, tags, suffix) : undefined }</div>`;
 const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" show-tooltip accessible-name="${ifDefined(context.iconAccessibleName)}" @click="${context._toggleClick}"></ui5-icon>`;
 const block2 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block3(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block4(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block5(context, tags, suffix) : undefined }`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>` : html`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
@@ -10,7 +10,7 @@ const block5 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${
 const block6 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
 const block7 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
 const block8 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></ui5-icon>`;
-const block9 = (context, tags, suffix) => html`<div part="title" class="ui5-li-title"><slot></slot></div>`;
+const block9 = (context, tags, suffix) => html`<div part="title" class="ui5-li-title">${ifDefined(context.text)}</div>`;
 const block10 = (context, tags, suffix) => html`<span part="additional-text" class="ui5-li-additional-text">${ifDefined(context.additionalText)}</span>`;
 const block11 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${ifDefined(context._toggleIconName)}" @click="${context._toggleClick}"></ui5-icon>`;
 const block12 = (context, tags, suffix) => suffix ? html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
@@ -20,6 +20,7 @@ const block15 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-checkb
 const block16 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn">${ context.hasDeleteButtonSlot ? block17(context, tags, suffix) : block18(context, tags, suffix) }</div>`;
 const block17 = (context, tags, suffix) => html`<slot name="deleteButton"></slot>`;
 const block18 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></ui5-button>`;
+const block19 = (context, tags, suffix) => html`<ul role="group" id="${ifDefined(context._id)}-subtree" class="ui5-tree-li-subtree"><slot></slot></ul>`;
 
 
 export default block0;

package/dist/generated/templates/TreeTemplate.lit.js

@@ -1,8 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
-const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-list", tags, suffix)} .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}> ` : html`<ui5-list .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list> `;
-const block1 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li-tree", tags, suffix)} type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" accessible-name="${ifDefined(item.treeItem.accessibleName)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</${scopeTag("ui5-li-tree", tags, suffix)}>` : html`<ui5-li-tree type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" accessible-name="${ifDefined(item.treeItem.accessibleName)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</ui5-li-tree>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-tree-list", tags, suffix)} .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" class="ui5-tree-root"><slot name="header" slot="header"></slot><slot></slot></${scopeTag("ui5-tree-list", tags, suffix)}>` : html`<ui5-tree-list .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" class="ui5-tree-root"><slot name="header" slot="header"></slot><slot></slot></ui5-tree-list>`;
 
 
 export default block0;

package/dist/generated/themes/TabContainer.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents",fileName:"themes/TabContainer.css",content:":host(:not([hidden])){display:inline-block;width:100%}.ui5-tc-root{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"72override\",var(--sapFontFamily);font-size:1rem}.ui5-tc__header{position:relative;padding:0 1rem;display:flex;align-items:center;height:var(--_ui5_tc_header_height);background-color:var(--sapObjectHeader_Background);box-shadow:var(--_ui5_tc_header_box_shadow);box-sizing:border-box}:host([tabs-placement=Bottom]) .ui5-tc__header{border-top:var(--_ui5_tc_header_border_bottom)}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header{height:var(--_ui5_tc_header_height_text_only)}.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header{height:var(--_ui5_tc_header_height_text_with_additional_text)}.ui5-tc__tabStrip{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative;white-space:nowrap}.ui5-tc__separator:focus{outline:none}.ui5-tc__overflow{flex:0 0 0}.ui5-tc__overflow.ui5-tc__overflow--end{padding-inline-start:.188rem}.ui5-tc__overflow[hidden]{display:none}.ui5-tc__overflow>[ui5-button]{margin-top:.25rem;border-radius:.75rem;height:1.5rem}.ui5-tc__overflow>[ui5-button][focused]{outline-offset:.125rem}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content{height:calc(100% - var(--_ui5_tc_header_height_text_only))}.ui5-tc__content{position:relative;display:flex;height:calc(100% - var(--_ui5_tc_header_height));padding:1rem 2rem;background-color:var(--sapGroup_ContentBackground);border-bottom:var(--_ui5_tc_content_border_bottom);box-sizing:border-box}:host([tabs-placement=Bottom]) .ui5-tc__content{border-top:var(--_ui5_tc_content_border_bottom)}.ui5-tc__content--collapsed{display:none}.ui5-tc--transparent .ui5-tc__content{background-color:transparent}.ui5-tc__contentItem{max-height:100%;display:flex;flex-grow:1;overflow:auto}.ui5-tc__contentItem[hidden]{display:none}:host([media-range=S]) .ui5-tc__header{padding:0}:host([media-range=S]) .ui5-tc__content{padding:1rem}:host([media-range=XL]) .ui5-tc__header{padding:0 2rem}:host([media-range=XL]) .ui5-tc__content{padding:1rem 3rem}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TabContainer.css",content:":host(:not([hidden])){display:inline-block;width:100%}.ui5-tc-root{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"72override\",var(--sapFontFamily);font-size:1rem}.ui5-tc__header{position:relative;padding:0 1rem;display:flex;align-items:center;background-color:var(--_ui5_tc_header_background);height:var(--_ui5_tc_header_height);box-shadow:var(--_ui5_tc_header_box_shadow);box-sizing:border-box}:host([tabs-placement=Bottom]) .ui5-tc__header{border-top:var(--_ui5_tc_header_border_bottom)}:host([header-background-design=Transparent]) .ui5-tc__header{background-color:transparent}:host([header-background-design=Translucent]) .ui5-tc__header{background-color:var(--_ui5_tc_header_background_translucent)}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header{height:var(--_ui5_tc_header_height_text_only)}.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header{height:var(--_ui5_tc_header_height_text_with_additional_text)}.ui5-tc__tabStrip{flex:1;display:flex;overflow:hidden;box-sizing:border-box;position:relative;white-space:nowrap}.ui5-tc__separator:focus{outline:none}.ui5-tc__overflow{flex:0 0 0}.ui5-tc__overflow.ui5-tc__overflow--end{padding-inline-start:.188rem}.ui5-tc__overflow[hidden]{display:none}.ui5-tc__overflow>[ui5-button]{margin-top:.25rem;border-radius:.75rem;height:1.5rem}.ui5-tc__overflow>[ui5-button][focused]{outline-offset:.125rem}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content{height:calc(100% - var(--_ui5_tc_header_height_text_only))}.ui5-tc__content{position:relative;display:flex;height:calc(100% - var(--_ui5_tc_header_height));padding:1rem 2rem;background-color:var(--_ui5_tc_content_background);border-bottom:var(--_ui5_tc_content_border_bottom);box-sizing:border-box}:host([tabs-placement=Bottom]) .ui5-tc__content{border-top:var(--_ui5_tc_content_border_bottom)}:host([content-background-design=Transparent]) .ui5-tc__content{background-color:transparent}:host([content-background-design=Translucent]) .ui5-tc__content{background-color:var(--_ui5_tc_content_background_translucent)}.ui5-tc__content--collapsed{display:none}.ui5-tc--transparent .ui5-tc__content{background-color:transparent}.ui5-tc__contentItem{max-height:100%;display:flex;flex-grow:1;overflow:auto}.ui5-tc__contentItem[hidden]{display:none}:host([media-range=S]) .ui5-tc__header{padding:0}:host([media-range=S]) .ui5-tc__content{padding:1rem}:host([media-range=XL]) .ui5-tc__header{padding:0 2rem}:host([media-range=XL]) .ui5-tc__content{padding:1rem 3rem}"}

package/dist/generated/themes/TextArea.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents",fileName:"themes/TextArea.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{width:100%;color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);box-sizing:border-box;line-height:1.4;letter-spacing:normal;word-spacing:normal;margin:var(--_ui5_textarea_margin)}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;border-color:var(--sapField_ReadOnly_BorderColor);-webkit-text-fill-color:var(--sapContent_DisabledTextColor);color:var(--sapContent_DisabledTextColor)}:host([disabled]) .ui5-textarea-inner{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_textarea_disabled_background_color)}:host([focused]) .ui5-textarea-inner{outline:var(--_ui5_textarea_focus_outline);outline-offset:var(--_ui5_textarea_focus_outline_offset)}:host([focused]) .ui5-textarea-inner{background-color:var(--sapField_Focus_Background);background-image:none;box-shadow:var(--_ui5_textarea_focus_box_shadow)}:host(:not([value-state]):not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--_ui5_textarea_hover_box_shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host([value-state]:not([value-state=None])[focused]) .ui5-textarea-inner{outline:var(--_ui5_textarea_value_state_focus_outline);outline-offset:var(--_ui5_textarea_value_state_focus_outline_offset)}.ui5-textarea-root{height:100%;min-height:var(--_ui5_input_height);display:inline-flex;vertical-align:top;outline:none;box-sizing:border-box;border-radius:inherit;border-color:inherit}.ui5-textarea-inner{width:100%;height:100%;min-width:6rem;margin:0;padding:var(--_ui5_textarea_padding);box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;border-color:inherit;border-radius:inherit;border-width:var(--_ui5_textarea_inner_border_width);border-style:var(--sapField_BorderStyle);line-height:inherit;letter-spacing:inherit;word-spacing:inherit;background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background)}:host([growing]) .ui5-textarea-root{position:relative}:host([growing]) .ui5-textarea-inner{position:absolute;top:0;left:0}.ui5-textarea-mirror{line-height:1.4;visibility:hidden;width:100%;word-break:break-all;padding:var(--_ui5_textarea_padding);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);white-space:pre-wrap;box-sizing:border-box}:host([readonly]){border-color:var(--sapField_ReadOnly_BorderColor)}:host([readonly][focused]) .ui5-textarea-root .ui5-textarea-inner{background-image:none}:host([readonly]) .ui5-textarea-root .ui5-textarea-inner{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background)}:host([show-exceeded-text]) .ui5-textarea-root{flex-direction:column}.ui5-textarea-inner::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner::-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner:-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}:host([value-state=Error]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Error]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Error]) .ui5-textarea-inner:-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Warning]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight)}:host(:not([value-state]):not([readonly]):hover){border-color:var(--sapField_Hover_BorderColor)}:host(:not([value-state]):not([readonly]):hover) .ui5-textarea-inner{background-color:var(--sapField_Hover_Background)}:host([value-state]:not([value-state=None])) .ui5-textarea-inner{border-width:var(--_ui5_textarea_state_border_width)}:host([value-state=Error]) .ui5-textarea-inner,:host([value-state=Warning]) .ui5-textarea-inner{font-style:var(--_ui5_input_error_warning_font_style)}:host([value-state=Warning]) .ui5-textarea-inner{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Warning]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_WarningBackgroundStyle)}:host([value-state=Warning]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Critical_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Warning][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_warning_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Error]:not([readonly])) .ui5-textarea-inner{font-weight:var(--_ui5_input_error_font_weight);background:var(--sapField_InvalidBackgroundStyle)}:host([value-state=Error]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Negative_Shadow);background-color:var(--_ui5_textarea_error_hover_background_color)}:host([value-state=Error][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_error_focus_box_shadow);background-color:var(--_ui5_textarea_error_focused_background_color)}:host([value-state=Information]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_InformationBackgroundStyle)}:host([value-state=Information]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Informative_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Information][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Success]:not([readonly])) .ui5-textarea-inner{background:var(--sapField_SuccessBackgroundStyle)}:host([value-state=Success]:not([readonly]):not([focused]):hover) .ui5-textarea-inner{box-shadow:var(--sapContent_Positive_Shadow);background-color:var(--sapField_Hover_Background)}:host([value-state=Success][focused]:not([readonly])) .ui5-textarea-inner{background-image:none;box-shadow:var(--_ui5_textarea_value_state_success_focus_box_shadow);background-color:var(--sapField_Focus_Background)}:host([value-state=Error]:not([readonly])){border-color:var(--sapField_InvalidColor)}:host([value-state=Error]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_InvalidBackground)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-inner{border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){border-color:var(--sapField_WarningColor)}:host([value-state=Warning]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_WarningBackground)}:host([value-state=Success]:not([readonly])){border-color:var(--sapField_SuccessColor)}:host([value-state=Success]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_SuccessBackground);border-width:var(--_ui5_textarea_success_border_width)}:host([value-state=Information]:not([readonly])){border-color:var(--sapField_InformationColor)}:host([value-state=Information]:not([readonly])) .ui5-textarea-inner{background-color:var(--sapField_InformationBackground);border-width:var(--_ui5_textarea_information_border_width)}.ui5-textarea-exceeded-text{overflow:hidden;align-self:flex-end;padding:.125rem .125rem .5rem;color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}:host :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor);border-top-right-radius:var(--sapField_BorderCornerRadius);border-bottom-right-radius:var(--sapField_BorderCornerRadius)}:host([readonly]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Error]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Warning]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Information]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Success]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([focused]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background-image:none}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TextArea.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{width:100%;color:var(--sapField_TextColor);min-height:var(--__ui5_textarea_min_height);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;box-sizing:border-box;line-height:var(--_ui5_textarea_line_height);letter-spacing:normal;word-spacing:normal;margin:var(--_ui5_textarea_margin)}:host(:not([value-state]):not([readonly]):not([focused])) .ui5-textarea-wrapper,:host([value-state][disabled]) .ui5-textarea-wrapper{background:var(--sapField_BackgroundStyle);background-color:var(--sapField_Background)}:host(:not([value-state]):not([readonly]):not([disabled]):hover) .ui5-textarea-wrapper{background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5_textarea_hover_border)}:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper{box-shadow:var(--_ui5_textarea_hover_box_shadow)}.ui5-textarea-root{width:100%;height:inherit;min-height:var(--__ui5_textarea_min_height);display:inline-flex;vertical-align:top;box-sizing:border-box;border-radius:inherit;border-color:inherit;position:relative;outline:none}.ui5-textarea-wrapper{position:relative;box-sizing:border-box;width:100%;border-bottom:none;display:flex;height:100%;background-color:var(--sapField_Background);border-color:var(--sapField_BorderColor);border-radius:var(--sapField_BorderCornerRadius);border-width:var(--sapField_BorderWidth);border-style:var(--sapField_BorderStyle);outline:none}:host([disabled]) .ui5-textarea-wrapper{opacity:var(--_ui5_textarea_disabled_opacity);cursor:default;pointer-events:none}:host([value-state]) .ui5-textarea-wrapper{border-color:inherit}:host([focused]) .ui5-textarea-wrapper{background-color:var(--sapField_Focus_Background);background-image:none;box-shadow:none}:host([focused]) .ui5-textarea-wrapper:after{content:var(--_ui5_textarea_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_textarea_focus_outline_color);border-radius:var(--_ui5_textarea_focus_border_radius);top:var(--_ui5_textarea_focus_offset);bottom:var(--_ui5_textarea_focus_offset);left:var(--_ui5_textarea_focus_offset);right:var(--_ui5_textarea_focus_offset)}:host([focused][value-state=Error]:not([disabled])) .ui5-textarea-wrapper:after,:host([focused][value-state=Information]:not([disabled])) .ui5-textarea-wrapper:after,:host([focused][value-state=Warning]:not([disabled])) .ui5-textarea-wrapper:after{top:var(--_ui5_textarea_value_state_focus_offset);bottom:var(--_ui5_textarea_value_state_focus_offset);left:var(--_ui5_textarea_value_state_focus_offset);right:var(--_ui5_textarea_value_state_focus_offset)}.ui5-textarea-inner{border:none;box-sizing:border-box;width:100%;min-width:6rem;margin:0;padding-top:var(--_ui5_textarea_padding_top);padding-bottom:var(--_ui5_textarea_padding_bottom);padding-left:var(--_ui5_textarea_padding_left);padding-right:var(--_ui5_textarea_padding_right);color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;background:transparent;outline:none}:host([growing]) .ui5-textarea-inner{box-sizing:border-box;height:100%;position:absolute;top:0;left:0}.ui5-textarea-mirror{box-sizing:border-box;line-height:var(--_ui5_textarea_line_height);visibility:hidden;width:100%;max-height:94vh;min-height:calc(var(--_textarea_rows)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));word-break:break-all;padding-top:var(--_ui5_textarea_padding_top);padding-bottom:var(--_ui5_textarea_padding_bottom);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);white-space:pre-wrap}:host([growing][style*=height]) .ui5-textarea-wrapper,:host([style*=height]) .ui5-textarea-root{height:inherit;min-height:var(--__ui5_textarea_min_height)}:host([rows]) .ui5-textarea-inner,:host([rows]) .ui5-textarea-mirror{min-height:calc(var(--_textarea_rows)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host:not([rows]) .ui5-textarea-inner{min-height:calc(var(--_ui5_textarea_line_height)*2*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host([growing]):not([growing-max-lines]) .ui5-textarea-inner{max-height:100%}:host([growing-max-lines]) .ui5-textarea-mirror{max-height:calc(var(--_textarea_growing_max_lines)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host([rows=\"1\"]) .ui5-textarea-inner{min-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host([growing-max-lines=\"1\"]) .ui5-textarea-inner,:host([growing-max-lines=\"1\"]) .ui5-textarea-mirror{max-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));min-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host([rows=\"1\"][growing-max-lines]) .ui5-textarea-inner,:host([rows=\"1\"][growing-max-lines]) .ui5-textarea-mirror{min-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom));max-height:calc(var(--_textarea_growing_max_lines)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top) + var(--_ui5_textarea_padding_bottom))}:host([rows=\"1\"][value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([rows=\"1\"][value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-inner{height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning));min-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning))}:host([value-state=Error]) .ui5-textarea-mirror,:host([value-state=Warning]) .ui5-textarea-mirror{padding-top:var(--_ui5_textarea_padding_top_error_warning);padding-bottom:var(--_ui5_textarea_padding_bottom_error_warning);min-height:calc(var(--_textarea_rows)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning))}:host([growing-max-lines=\"1\"][value-state=Error]) .ui5-textarea-inner,:host([growing-max-lines=\"1\"][value-state=Error]) .ui5-textarea-mirror :host([growing-max-lines=\"1\"][value-state=Warning]) .ui5-textarea-inner,:host([growing-max-lines=\"1\"][value-state=Warning]) .ui5-textarea-mirror{max-height:var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning);min-height:var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_error_warning)}:host([value-state=Information]) .ui5-textarea-mirror{padding-top:var(--_ui5_textarea_padding_top_information);padding-bottom:var(--_ui5_textarea_padding_bottom_information);min-height:calc(var(--_textarea_rows)*var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information))}:host([rows=\"1\"][value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-inner{height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information));min-height:calc(var(--_ui5_textarea_line_height)*var(--sapFontSize) + var(--_ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom_information))}:host([growing-max-lines=\"1\"][value-state=Information]) .ui5-textarea-inner,:host([growing-max-lines=\"1\"][value-state=Information]) .ui5-textarea-mirror{max-height:var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top__ui5_textarea_padding_top_information) + var(--_ui5_textarea_padding_bottom__ui5_textarea_padding_top_information);min-height:var(--_ui5_textarea_line_height) * var(--sapFontSize) + var(--_ui5_textarea_padding_top_error_warning) + var(--_ui5_textarea_padding_bottom_information)}:host([readonly]){border-color:var(--sapField_ReadOnly_BorderColor)}:host([readonly][focused]) .ui5-textarea-root .ui5-textarea-wrapper{background-image:none}:host([readonly]) .ui5-textarea-root .ui5-textarea-wrapper{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapField_ReadOnly_Background);border-color:var(--sapField_ReadOnly_BorderColor)}:host([show-exceeded-text]) .ui5-textarea-root{flex-direction:column}.ui5-textarea-inner::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner::-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}.ui5-textarea-inner:-moz-placeholder{font-weight:400;font-style:var(--_ui5_textarea_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}:host([value-state=Error]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Error]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--_ui5_textarea_error_placeholder_color)}:host([value-state=Warning]) .ui5-textarea-inner::-moz-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}:host([value-state=Warning]) .ui5-textarea-inner::-webkit-input-placeholder{font-weight:var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);font-style:var(--_ui5_textarea_error_placeholder_font_style);color:var(--sapField_PlaceholderTextColor)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--sapField_InvalidColor)}:host([value-state=Error][focused]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{background-color:var(--_ui5_textarea_focused_value_state_error_background);border-color:var(--sapField_InvalidColor)}:host([value-state=Error][focused]:not([readonly]):not([disabled])) .ui5-textarea-wrapper:after{border-color:var(--_ui5_textarea_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly]):not([focused]):not([disabled]):hover) .ui5-textarea-wrapper{background-color:var(--_ui5_textarea_error_hover_background_color);box-shadow:var(--_ui5_textarea_value_state_error_hover_box_shadow)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-inner{font-style:var(--_ui5_textarea_error_warning_font_style);font-weight:var(--_ui5_textarea_error_warning_font_weight);padding-top:var(--_ui5_textarea_padding_top_error_warning)}:host([value-state=Error]:not([disabled]):not([readonly])) .ui5-textarea-inner,:host([value-state=Warning]:not([disabled]):not([readonly])) .ui5-textarea-inner{padding-bottom:var(--_ui5_textarea_padding_bottom_error_warning)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-wrapper,:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{border-style:var(--_ui5_textarea_error_warning_border_style);border-width:var(--_ui5_textarea_state_border_width)}:host([value-state=Error]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-inner,:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-inner{border-style:none}:host([value-state=Warning]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--sapField_WarningColor)}:host([value-state=Warning][focused]:not([readonly])) .ui5-textarea-wrapper{background-color:var(--_ui5_textarea_focused_value_state_warning_background);border-color:var(--sapField_WarningColor)}:host([value-state=Warning][focused]:not([readonly])) .ui5-textarea-wrapper:after{border-color:var(--_ui5_textarea_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_textarea_value_state_warning_hover_box_shadow)}:host([value-state=Success]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--sapField_SuccessColor);border-width:var(--sapField_BorderWidth)}:host([value-state=Success][focused]:not([readonly])) .ui5-textarea-wrapper{background-color:var(--_ui5_textarea_focused_value_state_success_background);border-color:var(--sapField_SuccessColor)}:host([value-state=Success][focused]:not([readonly])) .ui5-textarea-wrapper:after{border-color:var(--_ui5_textarea_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_textarea_value_state_success_hover_box_shadow)}:host([value-state][value-state=Success]) .ui5-textarea-inner{border-radius:var(--sapField_BorderCornerRadius)}:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-inner{padding-top:var(--_ui5_textarea_padding_top_information);padding-bottom:var(--_ui5_textarea_padding_bottom_information)}:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--sapField_InformationColor)}:host([value-state=Information][focused]:not([readonly])) .ui5-textarea-wrapper{background-color:var(--_ui5_textarea_focused_value_state_information_background);border-color:var(--sapField_InformationColor)}:host([value-state=Information]:not([readonly]):not([disabled])) .ui5-textarea-wrapper{border-width:var(--_ui5_textarea_information_border_width);border-style:var(--_ui5_textarea_error_warning_border_style)}:host([value-state=Information]:not([readonly]):not([disabled]):not([focused]):hover) .ui5-textarea-wrapper{background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5_textarea_value_state_information_hover_box_shadow)}.ui5-textarea-exceeded-text{align-self:flex-end;padding:.125rem .125rem .5rem;color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSmallSize)}:host([disabled]) .ui5-textarea-exceeded-text,:host([readonly]) .ui5-textarea-exceeded-text{display:none}:host :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor);border-top-right-radius:var(--sapField_BorderCornerRadius);border-bottom-right-radius:var(--sapField_BorderCornerRadius)}:host([readonly]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Error]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Warning]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Information]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([value-state=Success]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapScrollBar_TrackColor)}:host([focused]) :not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background-image:none}"}

package/dist/generated/themes/TreeItem.css.js

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
+
+registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
+registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TreeItem.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;position:relative}:host([_minimal]) .ui5-li-tree-toggle-box{width:0;min-width:0}:host([_minimal]) .ui5-li-icon{padding:0}:host([_minimal]) .ui5-li-content{justify-content:center}:host([_minimal]) .ui5-li-root-tree{padding:0}:host([_minimal][show-toggle-button]):after{content:\"\";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--sapContent_NonInteractiveIconColor);position:absolute;right:.1875rem;bottom:.125rem}:host([_minimal]) .ui5-li-tree-text-wrapper{display:none}.ui5-li-root-tree{padding-inline-start:0}:host(:not([level=\"1\"])) .ui5-li-root{border-color:var(--sapList_AlternatingBackground)}:host([_toggle-button-end][selected]:not([level=\"1\"])) .ui5-li-root{border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([_mode]:not([_mode=None]):not([_mode=Delete]):not([selected])) .ui5-li-root-tree:hover,:host([_toggle-button-end]:not([selected])) .ui5-li-root-tree:hover{background:var(--sapList_Hover_Background);cursor:pointer}:host(:not([level=\"1\"]):not([selected])) .ui5-li-root-tree{background:var(--sapList_AlternatingBackground)}:host([_toggle-button-end]:not([level=\"1\"])) .ui5-li-root-tree{background:var(--ui5-listitem-background-color)}:host([_toggle-button-end][selected]:not([level=\"1\"])) .ui5-li-root-tree{background:var(--sapList_SelectionBackgroundColor)}:host([_mode]:not([_mode=None]):not([_mode=Delete])[selected]) .ui5-li-root-tree:hover{background-color:var(--sapList_Hover_SelectionBackground);cursor:pointer}.ui5-li-tree-toggle-box{min-width:var(--_ui5-tree-toggle-box-width);min-height:var(--_ui5-tree-toggle-box-height);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui5-li-tree-toggle-icon{width:var(--_ui5-tree-toggle-icon-size);height:var(--_ui5-tree-toggle-icon-size);color:var(--sapContent_IconColor);cursor:pointer}:host([actionable]) .ui5-li-tree-toggle-icon{color:var(--sapButton_TextColor)}:host([active][actionable]) .ui5-li-tree-toggle-icon{color:var(--sapList_Active_TextColor)}.ui5-li-tree-text-wrapper{display:flex;justify-content:space-between;width:100%}:host{height:unset}.ui5-li-root{height:var(--_ui5_list_item_base_height)}:host([selected]){background:unset}:host([selected]) .ui5-li-root{background:var(--sapList_SelectionBackgroundColor)}:host([has-border]){border-bottom:unset}:host([has-border]) .ui5-li-root{border-bottom:var(--ui5-listitem-border-bottom)}:host(:not([focused])[selected][has-border]){border-bottom:unset}:host(:not([focused])[selected][has-border]) .ui5-li-root{border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([focused][selected]){border-bottom:unset}:host([focused][selected]) .ui5-li-root{border-bottom:var(--ui5-listitem-focused-selected-border-bottom)}.ui5-tree-li-subtree{margin:0;padding:0;list-style:none}"}

package/dist/generated/themes/ValueStateMessage.css.js

@@ -5,4 +5,4 @@ import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents",fileName:"themes/ValueStateMessage.css",content:".ui5-valuestatemessage-popover{box-shadow:var(--_ui5_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{width:var(--_ui5_value_state_message_icon_width);height:var(--_ui5_value_state_message_icon_height);display:var(--_ui5_input_value_state_icon_display);position:absolute;padding-right:.375rem}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{box-sizing:border-box;display:inline-block;color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);height:auto;padding:var(--_ui5_value_state_message_padding);overflow:hidden;text-overflow:ellipsis;min-width:6.25rem;border:var(--_ui5_value_state_message_border)}[ui5-responsive-popover] .ui5-valuestatemessage-header{min-height:2rem;padding:var(--_ui5_value_state_header_padding);border:var(--_ui5_value_state_header_border);border-bottom:var(--_ui5_value_state_header_border_bottom)}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus,.ui5-responsive-popover-header[focused]{outline-offset:var(--_ui5_value_state_header_offset);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-valuestatemessage-popover::part(content),.ui5-valuestatemessage-popover::part(header){padding:0}.ui5-valuestatemessage-popover::part(footer),.ui5-valuestatemessage-popover::part(header){min-height:0}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/ValueStateMessage.css",content:".ui5-valuestatemessage-popover{border-radius:var(--_ui5_value_state_message_popover_border_radius);box-shadow:var(--_ui5_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{width:var(--_ui5_value_state_message_icon_width);height:var(--_ui5_value_state_message_icon_height);display:var(--_ui5_input_value_state_icon_display);position:absolute;padding-right:.375rem}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{box-sizing:border-box;display:inline-block;color:var(--sapTextColor);font-size:var(--sapFontSmallSize);font-family:\"72override\",var(--sapFontFamily);height:auto;padding:var(--_ui5_value_state_message_padding);overflow:hidden;text-overflow:ellipsis;min-width:6.25rem;border:var(--_ui5_value_state_message_border)}[ui5-responsive-popover] .ui5-valuestatemessage-header{min-height:2rem;padding:var(--_ui5_value_state_header_padding);border:var(--_ui5_value_state_header_border);border-bottom:var(--_ui5_value_state_header_border_bottom)}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus,.ui5-responsive-popover-header[focused]{outline-offset:var(--_ui5_value_state_header_offset);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}.ui5-valuestatemessage-popover::part(content),.ui5-valuestatemessage-popover::part(header){padding:0}.ui5-valuestatemessage-popover::part(footer),.ui5-valuestatemessage-popover::part(header){min-height:0}"}