@openui5/sap.ui.webc.fiori 1.119.0 → 1.120.0

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/UploadCollectionItemTemplate.lit.js

@@ -8,55 +8,85 @@ 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)`<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)}">${this.placeSelectionElementBefore ? block1.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content"><div class="ui5-uci-thumbnail"><slot name="thumbnail"></slot></div><div class="ui5-uci-content-and-edit-container"><div class="ui5-uci-content-and-progress"><div class="ui5-uci-content">${this._editing ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}<div class="ui5-uci-description"><slot></slot></div></div>${this._showProgressIndicator ? block6.call(this, context, tags, suffix) : undefined}</div><div class="ui5-uci-edit-buttons">${this._editing ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}</div></div></div>${this.typeDetail ? block13.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block14.call(this, context, tags, suffix) : undefined}${this.navigated ? block15.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block16.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>`;
+    return (0, _LitRenderer.html)`<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)}">${this.placeSelectionElementBefore ? block1.call(this, context, tags, suffix) : undefined}<div part="content" id="${(0, _LitRenderer.ifDefined)(this._id)}-content" class="ui5-li-content"><div class="ui5-uci-thumbnail-and-content-container"><div class="ui5-uci-thumbnail"><slot name="thumbnail"></slot></div><div class="ui5-uci-content-and-progress"><div class="ui5-uci-content">${this._editing ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}<div class="ui5-uci-description"><slot></slot></div></div>${this._showProgressIndicator ? block11.call(this, context, tags, suffix) : undefined}</div></div><div class="ui5-uci-buttons">${this._editing ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix)}</div></div>${this.typeDetail ? block18.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block19.call(this, context, tags, suffix) : undefined}${this.navigated ? block20.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block21.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>`;
   }
   function block1(context, tags, suffix) {
-    return (0, _LitRenderer.html)``;
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block2.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block3.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block4.call(this, context, tags, suffix) : undefined}`;
   }
   function block2(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uci-edit-container"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${this._onInputFocusin}" @keydown="${this._onInputKeyDown}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><span class="ui5-uci-file-extension">${(0, _LitRenderer.ifDefined)(this._fileExtension)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-uci-edit-container"><ui5-input id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${this._onInputFocusin}" @keydown="${this._onInputKeyDown}"></ui5-input><span class="ui5-uci-file-extension">${(0, _LitRenderer.ifDefined)(this._fileExtension)}</span></div>`;
+    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 block3(context, tags, suffix) {
-    return (0, _LitRenderer.html)`${this.fileNameClickable ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}`;
+    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 block4(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)} class="ui5-uci-file-name" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onFileNameClick)}">${(0, _LitRenderer.ifDefined)(this.fileName)}</${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-link class="ui5-uci-file-name" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onFileNameClick)}">${(0, _LitRenderer.ifDefined)(this.fileName)}</ui5-link>`;
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div>`;
   }
   function block5(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<span class="ui5-uci-file-name ui5-uci-file-name-text">${(0, _LitRenderer.ifDefined)(this.fileName)}</span>`;
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
   }
   function block6(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uci-progress-box"><${(0, _LitRenderer.scopeTag)("ui5-progress-indicator", tags, suffix)} class="ui5-uci-progress-indicator" hide-value value="${(0, _LitRenderer.ifDefined)(this.progress)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueStateName)}"></${(0, _LitRenderer.scopeTag)("ui5-progress-indicator", tags, suffix)}><div class="ui5-uci-progress-labels"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} show-colon>${(0, _LitRenderer.ifDefined)(this._progressText)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>${(0, _LitRenderer.ifDefined)(this.progress)}%</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div class="ui5-uci-progress-box"><ui5-progress-indicator class="ui5-uci-progress-indicator" hide-value value="${(0, _LitRenderer.ifDefined)(this.progress)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueStateName)}"></ui5-progress-indicator><div class="ui5-uci-progress-labels"><ui5-label show-colon>${(0, _LitRenderer.ifDefined)(this._progressText)}</ui5-label><ui5-label>${(0, _LitRenderer.ifDefined)(this.progress)}%</ui5-label></div></div>`;
+    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 block7(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" class="ui5-uci-edit-rename-btn" @click="${this._onRename}" @keyup="${this._onRenameKeyup}">${(0, _LitRenderer.ifDefined)(this._renameBtnText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" id="ui5-uci-edit-cancel" @click="${this._onRenameCancel}" @keyup="${this._onRenameCancelKeyup}">${(0, _LitRenderer.ifDefined)(this._cancelRenameBtnText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" class="ui5-uci-edit-rename-btn" @click="${this._onRename}" @keyup="${this._onRenameKeyup}">${(0, _LitRenderer.ifDefined)(this._renameBtnText)}</ui5-button><ui5-button design="Transparent" id="ui5-uci-edit-cancel" @click="${this._onRenameCancel}" @keyup="${this._onRenameCancelKeyup}">${(0, _LitRenderer.ifDefined)(this._cancelRenameBtnText)}</ui5-button>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uci-edit-container"><${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)} id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${this._onInputFocusin}" @keydown="${this._onInputKeyDown}"></${(0, _LitRenderer.scopeTag)("ui5-input", tags, suffix)}><span class="ui5-uci-file-extension">${(0, _LitRenderer.ifDefined)(this._fileExtension)}</span></div>` : (0, _LitRenderer.html)`<div class="ui5-uci-edit-container"><ui5-input id="ui5-uci-edit-input" data-sap-focus-ref @focusin="${this._onInputFocusin}" @keydown="${this._onInputKeyDown}"></ui5-input><span class="ui5-uci-file-extension">${(0, _LitRenderer.ifDefined)(this._fileExtension)}</span></div>`;
   }
   function block8(context, tags, suffix) {
-    return (0, _LitRenderer.html)`${this._showRetry ? block9.call(this, context, tags, suffix) : undefined}${this._showTerminate ? block10.call(this, context, tags, suffix) : undefined}${this.showEditButton ? block11.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block12.call(this, context, tags, suffix) : undefined}`;
+    return (0, _LitRenderer.html)`${this.fileNameClickable ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}`;
   }
   function block9(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="refresh" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._retryButtonTooltip)}" @click="${this._onRetry}" @keyup="${this._onRetryKeyup}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="refresh" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._retryButtonTooltip)}" @click="${this._onRetry}" @keyup="${this._onRetryKeyup}"></ui5-button>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)} class="ui5-uci-file-name" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onFileNameClick)}">${(0, _LitRenderer.ifDefined)(this.fileName)}</${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-link class="ui5-uci-file-name" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onFileNameClick)}">${(0, _LitRenderer.ifDefined)(this.fileName)}</ui5-link>`;
   }
   function block10(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="stop" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._terminateButtonTooltip)}" @click="${this._onTerminate}" @keyup="${this._onTerminateKeyup}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="stop" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._terminateButtonTooltip)}" @click="${this._onTerminate}" @keyup="${this._onTerminateKeyup}"></ui5-button>`;
+    return (0, _LitRenderer.html)`<span class="ui5-uci-file-name ui5-uci-file-name-text">${(0, _LitRenderer.ifDefined)(this.fileName)}</span>`;
   }
   function block11(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-editing-button" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._editButtonTooltip)}" icon="edit" @click="${this.onDetailClick}" @keyup="${this._onDetailKeyup}" class="ui5-li-detailbtn ui5-uci-edit"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button id="${(0, _LitRenderer.ifDefined)(this._id)}-editing-button" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._editButtonTooltip)}" icon="edit" @click="${this.onDetailClick}" @keyup="${this._onDetailKeyup}" class="ui5-li-detailbtn ui5-uci-edit"></ui5-button>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uci-progress-box"><${(0, _LitRenderer.scopeTag)("ui5-progress-indicator", tags, suffix)} class="ui5-uci-progress-indicator" hide-value value="${(0, _LitRenderer.ifDefined)(this.progress)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueStateName)}"></${(0, _LitRenderer.scopeTag)("ui5-progress-indicator", tags, suffix)}><div class="ui5-uci-progress-labels"><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)} show-colon>${(0, _LitRenderer.ifDefined)(this._progressText)}</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}>${(0, _LitRenderer.ifDefined)(this.progress)}%</${(0, _LitRenderer.scopeTag)("ui5-label", tags, suffix)}></div></div>` : (0, _LitRenderer.html)`<div class="ui5-uci-progress-box"><ui5-progress-indicator class="ui5-uci-progress-indicator" hide-value value="${(0, _LitRenderer.ifDefined)(this.progress)}" value-state="${(0, _LitRenderer.ifDefined)(this.valueStateName)}"></ui5-progress-indicator><div class="ui5-uci-progress-labels"><ui5-label show-colon>${(0, _LitRenderer.ifDefined)(this._progressText)}</ui5-label><ui5-label>${(0, _LitRenderer.ifDefined)(this.progress)}%</ui5-label></div></div>`;
   }
   function block12(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-li-deletebtn" 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 class="ui5-li-deletebtn" 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)} design="Transparent" class="ui5-uci-edit-rename-btn" @click="${this._onRename}" @keyup="${this._onRenameKeyup}">${(0, _LitRenderer.ifDefined)(this._renameBtnText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" id="ui5-uci-edit-cancel" @click="${this._onRenameCancel}" @keyup="${this._onRenameCancelKeyup}">${(0, _LitRenderer.ifDefined)(this._cancelRenameBtnText)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button design="Transparent" class="ui5-uci-edit-rename-btn" @click="${this._onRename}" @keyup="${this._onRenameKeyup}">${(0, _LitRenderer.ifDefined)(this._renameBtnText)}</ui5-button><ui5-button design="Transparent" id="ui5-uci-edit-cancel" @click="${this._onRenameCancel}" @keyup="${this._onRenameCancelKeyup}">${(0, _LitRenderer.ifDefined)(this._cancelRenameBtnText)}</ui5-button>`;
   }
   function block13(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 (0, _LitRenderer.html)`${this._showRetry ? block14.call(this, context, tags, suffix) : undefined}${this._showTerminate ? block15.call(this, context, tags, suffix) : undefined}${this.showEditButton ? block16.call(this, context, tags, suffix) : undefined}${this.renderUploadCollectionDeleteButton ? block17.call(this, context, tags, suffix) : undefined}`;
   }
   function block14(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>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="refresh" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._retryButtonTooltip)}" @click="${this._onRetry}" @keyup="${this._onRetryKeyup}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="refresh" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._retryButtonTooltip)}" @click="${this._onRetry}" @keyup="${this._onRetryKeyup}"></ui5-button>`;
   }
   function block15(context, tags, suffix) {
-    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="stop" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._terminateButtonTooltip)}" @click="${this._onTerminate}" @keyup="${this._onTerminateKeyup}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="stop" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._terminateButtonTooltip)}" @click="${this._onTerminate}" @keyup="${this._onTerminateKeyup}"></ui5-button>`;
   }
   function block16(context, tags, suffix) {
-    return (0, _LitRenderer.html)``;
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} id="${(0, _LitRenderer.ifDefined)(this._id)}-editing-button" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._editButtonTooltip)}" icon="edit" @click="${this.onDetailClick}" @keyup="${this._onDetailKeyup}" class="ui5-li-detailbtn ui5-uci-edit"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button id="${(0, _LitRenderer.ifDefined)(this._id)}-editing-button" design="Transparent" tooltip="${(0, _LitRenderer.ifDefined)(this._editButtonTooltip)}" icon="edit" @click="${this.onDetailClick}" @keyup="${this._onDetailKeyup}" class="ui5-li-detailbtn ui5-uci-edit"></ui5-button>`;
+  }
+  function block17(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} class="ui5-upload-collection-deletebtn" 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 class="ui5-upload-collection-deletebtn" 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 block18(context, tags, suffix) {
+    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 block19(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name ="slim-arrow-right"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name ="slim-arrow-right"></ui5-icon>`;
+  }
+  function block20(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-navigated"></div>`;
+  }
+  function block21(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.modeSingleSelect ? block22.call(this, context, tags, suffix) : undefined}${this.modeMultiSelect ? block23.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block24.call(this, context, tags, suffix) : undefined}`;
+  }
+  function block22(context, tags, suffix) {
+    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 block23(context, tags, suffix) {
+    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 block24(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-li-deletebtn">${this.hasDeleteButtonSlot ? block25.call(this, context, tags, suffix) : block26.call(this, context, tags, suffix)}</div>`;
+  }
+  function block25(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="deleteButton"></slot>`;
+  }
+  function block26(context, tags, suffix) {
+    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>`;
   }
   var _default = block0;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/templates/UploadCollectionTemplate.lit.js

@@ -8,10 +8,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   /* eslint no-unused-vars: 0 */
 
   function block0(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uc-root" role="region" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._roleDescription)}" @drop="${this._ondrop}"><div class="${(0, _LitRenderer.classMap)(this.classes.content)}"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" mode="${(0, _LitRenderer.ifDefined)(this.mode)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onSelectionChange)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(this._onItemDelete)}"><slot slot="header" name="header"></slot><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._showNoData ? block1.call(this, context, tags, suffix) : undefined}${this._showDndOverlay ? block2.call(this, context, tags, suffix) : undefined}</div></div>` : (0, _LitRenderer.html)`<div class="ui5-uc-root" role="region" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._roleDescription)}" @drop="${this._ondrop}"><div class="${(0, _LitRenderer.classMap)(this.classes.content)}"><ui5-list accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" mode="${(0, _LitRenderer.ifDefined)(this.mode)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onSelectionChange)}" @ui5-item-delete="${(0, _LitRenderer.ifDefined)(this._onItemDelete)}"><slot slot="header" name="header"></slot><slot></slot></ui5-list>${this._showNoData ? block1.call(this, context, tags, suffix) : undefined}${this._showDndOverlay ? block2.call(this, context, tags, suffix) : undefined}</div></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="ui5-uc-root" role="region" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._roleDescription)}" @drop="${this._ondrop}" @ui5-_uci-delete="${(0, _LitRenderer.ifDefined)(this._onItemDelete)}"><div class="${(0, _LitRenderer.classMap)(this.classes.content)}"><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" mode="${(0, _LitRenderer.ifDefined)(this.mode)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onSelectionChange)}"><slot slot="header" name="header"></slot><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this._showNoData ? block1.call(this, context, tags, suffix) : undefined}${this._showDndOverlay ? block2.call(this, context, tags, suffix) : undefined}</div></div>` : (0, _LitRenderer.html)`<div class="ui5-uc-root" role="region" aria-roledescription="${(0, _LitRenderer.ifDefined)(this._roleDescription)}" @drop="${this._ondrop}" @ui5-_uci-delete="${(0, _LitRenderer.ifDefined)(this._onItemDelete)}"><div class="${(0, _LitRenderer.classMap)(this.classes.content)}"><ui5-list accessible-name="${(0, _LitRenderer.ifDefined)(this.accessibleName)}" mode="${(0, _LitRenderer.ifDefined)(this.mode)}" @ui5-selection-change="${(0, _LitRenderer.ifDefined)(this._onSelectionChange)}"><slot slot="header" name="header"></slot><slot></slot></ui5-list>${this._showNoData ? block1.call(this, context, tags, suffix) : undefined}${this._showDndOverlay ? block2.call(this, context, tags, suffix) : undefined}</div></div>`;
   }
   function block1(context, tags, suffix) {
-    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.noFiles)}"><${(0, _LitRenderer.scopeTag)("ui5-illustrated-message", tags, suffix)} name="Tent" size="Scene"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} slot="title" class="title" level="H2">${(0, _LitRenderer.ifDefined)(this._noDataText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}><span slot="subtitle" class="subtitle">${(0, _LitRenderer.ifDefined)(this._noDataDescription)}</span></${(0, _LitRenderer.scopeTag)("ui5-illustrated-message", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.noFiles)}"><ui5-illustrated-message name="Tent" size="Scene"><ui5-title slot="title" class="title" level="H2">${(0, _LitRenderer.ifDefined)(this._noDataText)}</ui5-title><span slot="subtitle" class="subtitle">${(0, _LitRenderer.ifDefined)(this._noDataDescription)}</span></ui5-illustrated-message></div>`;
+    return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.noFiles)}"><${(0, _LitRenderer.scopeTag)("ui5-illustrated-message", tags, suffix)} name="Tent"><${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} slot="title" class="title" level="H2">${(0, _LitRenderer.ifDefined)(this._noDataText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}><span slot="subtitle" class="subtitle">${(0, _LitRenderer.ifDefined)(this._noDataDescription)}</span></${(0, _LitRenderer.scopeTag)("ui5-illustrated-message", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.noFiles)}"><ui5-illustrated-message name="Tent"><ui5-title slot="title" class="title" level="H2">${(0, _LitRenderer.ifDefined)(this._noDataText)}</ui5-title><span slot="subtitle" class="subtitle">${(0, _LitRenderer.ifDefined)(this._noDataDescription)}</span></ui5-illustrated-message></div>`;
   }
   function block2(context, tags, suffix) {
     return suffix ? (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.dndOverlay)}" @dragenter="${this._ondragenter}" @dragleave="${this._ondragleave}" @dragover="${this._ondragover}"><${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="upload-to-cloud"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}><span class="dnd-overlay-text">${(0, _LitRenderer.ifDefined)(this._dndOverlayText)}</span></div>` : (0, _LitRenderer.html)`<div class="${(0, _LitRenderer.classMap)(this.classes.dndOverlay)}" @dragenter="${this._ondragenter}" @dragleave="${this._ondragleave}" @dragover="${this._ondragover}"><ui5-icon name="upload-to-cloud"></ui5-icon><span class="dnd-overlay-text">${(0, _LitRenderer.ifDefined)(this._dndOverlayText)}</span></div>`;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Bar.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Bar.css",
-    content: ":host {\n\tbackground-color: var(--sapPageHeader_Background);\n\theight: var(--_ui5_bar_base_height);\n\twidth: 100%;\n\tbox-shadow: inset 0 -0.0625rem var(--sapPageHeader_BorderColor);\n\tdisplay: block;\n}\n\n.ui5-bar-root {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\theight: inherit;\n\twidth: inherit;\n\tbackground-color: inherit;\n\tbox-shadow: inherit;\n\tborder-radius: inherit;\n}\n\n.ui5-bar-root .ui5-bar-startcontent-container {\n\tpadding-inline-start: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-start;\n}\n\n.ui5-bar-root .ui5-bar-content-container {\n\tmin-width: 30%;\n}\n\n.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container {\n\tmin-width: 0px;\n\toverflow: hidden;\n\theight: 100%;\n}\n\n.ui5-bar-root .ui5-bar-endcontent-container {\n\tpadding-inline-end: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: flex-end;\n}\n\n.ui5-bar-root .ui5-bar-midcontent-container {\n\tpadding-left: 0.5rem;\n\tpadding-right: 0.5rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n:host([design=\"Footer\"]){\n\tbackground-color: var(--sapPageFooter_Background);\n\tborder-top: 0.0625rem solid var(--sapPageFooter_BorderColor);\n\tbox-shadow: none;\n}\n\n:host([design=\"Subheader\"]){\n\theight: var(--_ui5_bar_subheader_height);\n}\n\n:host([design=\"FloatingFooter\"]){\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n\tbackground-color: var(--sapPageFooter_Background);\n\tbox-shadow: var(--sapContent_Shadow1);\n\tborder: none;\n}\n\n::slotted(*) {\n\tmargin: 0 0.25rem;\n}\n"
+    content: ":host{background-color:var(--sapPageHeader_Background);box-shadow:var(--sapContent_HeaderShadow);display:block;height:var(--_ui5-v1-18-0_bar_base_height);width:100%}.ui5-bar-root{align-items:center;background-color:inherit;border-radius:inherit;box-shadow:inherit;display:flex;height:inherit;justify-content:space-between;width:inherit}.ui5-bar-root .ui5-bar-startcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-inline-start:var(--_ui5-v1-18-0_bar-start-container-padding-start)}.ui5-bar-root .ui5-bar-content-container{min-width:calc(30% - var(--_ui5-v1-18-0_bar-start-container-padding-start) - var(--_ui5-v1-18-0_bar-end-container-padding-end) - var(--_ui5-v1-18-0_bar-mid-container-padding-start-end)*2)}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{height:100%;min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding-inline-end:var(--_ui5-v1-18-0_bar-end-container-padding-end)}.ui5-bar-root .ui5-bar-midcontent-container{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0 var(--_ui5-v1-18-0_bar-mid-container-padding-start-end)}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5-v1-18-0_bar_subheader_height)}:host([design=FloatingFooter]){background-color:var(--sapPageFooter_Background);border:none;border-radius:var(--sapElement_BorderCornerRadius);box-shadow:var(--sapContent_Shadow1)}::slotted(*){margin:0 .25rem}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/BarcodeScannerDialog.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/BarcodeScannerDialog.css",
-    content: ".ui5-barcode-scanner-dialog-root::part(content) {\r\n    padding: .4375rem;\r\n}\r\n\r\n/* video */\r\n\r\n.ui5-barcode-scanner-dialog-video-wrapper,\r\n.ui5-barcode-scanner-dialog-video {\r\n    height:100%;\r\n    width: 100%;\r\n}\r\n\r\n.ui5-barcode-scanner-dialog-video {\r\n    object-fit: cover;\r\n}\r\n\r\n/* footer */\r\n\r\n.ui5-barcode-scanner-dialog-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    width: 100%;\r\n}\r\n\r\n/* busy indicator */\r\n\r\n.ui5-barcode-scanner-dialog-busy {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 1;\r\n}\r\n\r\n.ui5-barcode-scanner-dialog-busy:not([active]) {\r\n\tdisplay: none;\r\n}\r\n"
+    content: ".ui5-barcode-scanner-dialog-root::part(content){padding:.4375rem}.ui5-barcode-scanner-dialog-video,.ui5-barcode-scanner-dialog-video-wrapper{height:100%;width:100%}.ui5-barcode-scanner-dialog-video{object-fit:cover}.ui5-barcode-scanner-dialog-footer{display:flex;justify-content:flex-end;width:100%}.ui5-barcode-scanner-dialog-busy{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.ui5-barcode-scanner-dialog-busy:not([active]){display:none}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/DynamicSideContent.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/DynamicSideContent.css",
-    content: ":host {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n}\n\n.ui5-dsc-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tdisplay: flex;\n}\n\n.ui5-dsc-main,\n.ui5-dsc-side {\n\tdisplay: inline;\n\tposition: relative;\n\toverflow-x: hidden;\n\toverflow-y: auto;\n\tbox-sizing: border-box;\n\tflex: none;\n}\n\n.ui5-dsc-root > div[class^=\"ui5-dcs-span\"],\n.ui5-dsc-root > aside[class^=\"ui5-dsc-span\"] {\n\toverflow: auto;\n}\n\n.ui5-dsc-main.ui5-dsc-span-fixed {\n\twidth: calc(100% - 21.25rem);\n}\n\n.ui5-dsc-side.ui5-dsc-span-fixed {\n\twidth: 21.25rem;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-0 {\n\tdisplay: none;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-3 {\n\twidth: 25%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-4 {\n\twidth: 33.333%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-6 {\n\twidth: 50%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-8 {\n\twidth: 66.666%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-9 {\n\twidth: 75%;\n}\n\n.ui5-dsc-root > .ui5-dsc-span-12 {\n\twidth: 100%;\n}"
+    content: ":host{display:block;height:100%;position:relative;width:100%}.ui5-dsc-root{display:flex;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.ui5-dsc-main,.ui5-dsc-side{box-sizing:border-box;display:inline;flex:none;overflow-x:hidden;overflow-y:auto;position:relative}.ui5-dsc-root>aside[class^=ui5-dsc-span],.ui5-dsc-root>div[class^=ui5-dcs-span]{overflow:auto}.ui5-dsc-main.ui5-dsc-span-fixed{width:calc(100% - 21.25rem)}.ui5-dsc-side.ui5-dsc-span-fixed{width:21.25rem}.ui5-dsc-root>.ui5-dsc-span-0{display:none}.ui5-dsc-root>.ui5-dsc-span-3{width:25%}.ui5-dsc-root>.ui5-dsc-span-4{width:33.333%}.ui5-dsc-root>.ui5-dsc-span-6{width:50%}.ui5-dsc-root>.ui5-dsc-span-8{width:66.666%}.ui5-dsc-root>.ui5-dsc-span-9{width:75%}.ui5-dsc-root>.ui5-dsc-span-12{width:100%}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/FlexibleColumnLayout.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/FlexibleColumnLayout.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\tbackground: var(--_ui5_fcl_solid_bg);\n}\n\n.ui5-fcl-root {\n\theight: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n/* columns */\n\n.ui5-fcl-column {\n\tbackground: inherit;\n\tbox-sizing: border-box;\n\twill-change: width;\n\toverflow-y: auto;\n}\n\n.ui5-fcl-column-animation {\n\ttransition: width 560ms cubic-bezier(0.1, 0, 0.05, 1), visibility 560ms ease-in;\n}\n\n:host([_visible-columns=\"2\"]) .ui5-fcl-column--start {\n\tborder-inline-end: var(--_ui5_fcl_column_border);\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--start {\n\tborder-inline-end: var(--_ui5_fcl_column_border);\n}\n\n:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle {\n\tborder-inline-start: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle {\n\tborder-inline-start: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle {\n\tborder-inline-end: var(--_ui5_fcl_column_border)\n}\n\n:host([_visible-columns=\"3\"]) .ui5-fcl-column--end {\n\tborder-inline-start: var(--_ui5_fcl_column_border);\n}\n\n.ui5-fcl-column--hidden {\n\tdisplay: none;\n}\n\n/* arrow */\n\n.ui5-fcl-arrow-container {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 1rem;\n\tbackground-color: var(--sapShell_Background);\n}\n\n.ui5-fcl-arrow {\n\tposition: relative;\n\twidth: 1.5rem;\n\theight: 1.5rem;\n\tmin-width: 1.5rem;\n\twill-change: transform;\n\toverflow: visible;\n\tz-index: 1;\n}\n\n/* arrow decoration */\n\n.ui5-fcl-arrow:before {\n\tbackground-image: var(--_ui5_fcl_decoration_top);\n\tbackground-position-y: -0.3125rem;\n\tbottom: 100%;\n}\n\n.ui5-fcl-arrow:after {\n\tbackground-image: var(--_ui5_fcl_decoration_bottom);\n\tbackground-position-y: 0.3125rem;\n\ttop: 100%;\n}\n\n.ui5-fcl-arrow:before,\n.ui5-fcl-arrow:after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: 0;\n\theight: 4rem;\n\twidth: 100%;\n\ttransition: all 0.1s ease-in;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 0.0625rem 100%;\n\tbackground-position-x: calc(50% - 0.03125rem);\n}\n\n.ui5-fcl-arrow:hover:before,\n.ui5-fcl-arrow:hover:after {\n\theight: 7rem;\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background:var(--_ui5-v1-18-0_fcl_solid_bg);display:block}.ui5-fcl-root{display:flex;flex-direction:row;height:100%}.ui5-fcl-column{background:inherit;box-sizing:border-box;overflow-y:auto;will-change:width}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns=\"2\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5-v1-18-0_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5-v1-18-0_fcl_column_border)}:host([_visible-columns=\"2\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5-v1-18-0_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5-v1-18-0_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5-v1-18-0_fcl_column_border)}:host([_visible-columns=\"3\"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5-v1-18-0_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{align-items:center;background-color:var(--sapShell_Background);display:flex;justify-content:center;width:1rem}.ui5-fcl-arrow{height:1.5rem;min-width:1.5rem;overflow:visible;position:relative;width:1.5rem;will-change:transform;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5-v1-18-0_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5-v1-18-0_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{background-position-x:calc(50% - .03125rem);background-repeat:no-repeat;background-size:.0625rem 100%;content:\"\";height:4rem;left:0;position:absolute;transition:all .1s ease-in;width:100%}.ui5-fcl-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/IllustratedMessage.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/IllustratedMessage.css",
-    content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 1rem;\n}\n\n.ui5-illustrated-message-root {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.ui5-illustrated-message-illustration {\n    margin-bottom: 2rem;\n}\n\n.ui5-illustrated-message-title {\n    text-align: center;\n    margin-bottom: 0.5rem;\n    line-height: 1.3;\n    max-width: 30rem;\n}\n\n.ui5-illustrated-message-subtitle {\n    text-align: center;\n    font-size: var(--sapFontLargeSize);\n    font-family: var(--sapFontFamily);\n    line-height: 1.4;\n    color: var(--sapContent_LabelColor);\n    margin-bottom: 2rem;\n    max-width: 30rem;\n}\n\n.ui5-illustrated-message-actions {\n    margin-bottom: 2rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-illustration {\n    margin-top: 1rem;\n    margin-bottom: 2rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader4Size);\n    max-width: 20rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 20rem;\n}\n\n:host([media=\"dialog\"]) .ui5-illustrated-message-actions {\n    margin-bottom: 0rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-illustration {\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader5Size);\n    line-height: 1.25rem;\n    max-width: 16rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 16rem;\n    margin-bottom: 1rem;\n}\n\n:host([media=\"spot\"]) .ui5-illustrated-message-actions {\n    margin-top: 0.5rem;\n    margin-bottom: 1rem;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-illustration {\n    display: none;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-title {\n    margin-bottom: 0.25rem;\n    font-size: var(--sapFontHeader5Size);\n    line-height: 1.25rem;\n    max-width: 10rem;\n}\n\n:host([media=\"base\"]) .ui5-illustrated-message-subtitle {\n    font-size: var(--sapFontSize);\n    max-width: 10rem;\n    margin-bottom: 0rem;\n}\n\n.ui5-illustrated-message-util {\n    position: fixed;\n    top: -9999px;\n    left: -9999px;\n}\n\n.sapIllus_MaskTypeAlpha {\n\tmask-type:alpha;\n}\n\n.sapIllus_BackgroundColor {\n    fill: var(--sapIllus_BackgroundColor);\n}\n\n.sapIllus_BrandColorPrimary {\n    fill: var(--sapIllus_BrandColorPrimary);\n}\n\n.sapIllus_BrandColorSecondary {\n    fill: var(--sapIllus_BrandColorSecondary);\n}\n\n.sapIllus_StrokeDetailColor {\n    fill: var(--sapIllus_StrokeDetailColor);\n}\n\n.sapIllus_Layering1 {\n    fill: var(--sapIllus_Layering1);\n}\n\n.sapIllus_Layering2 {\n    fill: var(--sapIllus_Layering2);\n}\n\n.sapIllus_ObjectFillColor {\n    fill: var(--sapIllus_ObjectFillColor);\n}\n\n.sapIllus_AccentColor {\n    fill: var(--sapIllus_AccentColor);\n}\n\n.sapIllus_NoColor {\n    fill: var(--sapIllus_NoColor);\n}\n\n.sapIllus_PatternShadow {\n    fill: var(--sapIllus_PatternShadow);\n}\n\n.sapIllus_PatternHighlight {\n    fill: var(--sapIllus_PatternHighlight);\n}\n\n.sapIllus_NoColor_Fill {\n    fill: var(--sapIllus_NoColor);\n}\n\n.sapIllus_BrandColorPrimary_Fill {\n    fill: var(--sapIllus_BrandColorPrimary);\n}\n\n.sapIllus_ObjectFillColor_Fill {\n    fill: var(--sapIllus_ObjectFillColor);\n}\n"
+    content: ":host(:not([hidden])){display:block}:host{box-sizing:border-box;padding:1rem;width:100%}.ui5-illustrated-message-root{align-items:center;display:flex;flex-direction:column;justify-content:center}.ui5-illustrated-message-illustration{margin-bottom:2rem}.ui5-illustrated-message-title{line-height:1.3;margin-bottom:.5rem;max-width:30rem;text-align:center}.ui5-illustrated-message-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontLargeSize);line-height:1.4;margin-bottom:2rem;max-width:30rem;text-align:center}.ui5-illustrated-message-actions{margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-illustration{margin-bottom:2rem;margin-top:1rem}:host([media=dialog]) .ui5-illustrated-message-title{font-size:var(--sapFontHeader4Size);margin-bottom:.25rem;max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-actions{margin-bottom:0}:host([media=spot]) .ui5-illustrated-message-illustration{margin-bottom:.5rem;margin-top:.5rem}:host([media=spot]) .ui5-illustrated-message-title{font-size:var(--sapFontHeader5Size);line-height:1.25rem;margin-bottom:.25rem;max-width:16rem}:host([media=spot]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);margin-bottom:1rem;max-width:16rem}:host([media=spot]) .ui5-illustrated-message-actions{margin-bottom:1rem;margin-top:.5rem}:host([media=base]) .ui5-illustrated-message-illustration{display:none}:host([media=base]) .ui5-illustrated-message-title{font-size:var(--sapFontHeader5Size);line-height:1.25rem;margin-bottom:.25rem;max-width:10rem}:host([media=base]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);margin-bottom:0;max-width:10rem}.ui5-illustrated-message-util{left:-9999px;position:fixed;top:-9999px}.sapIllus_MaskTypeAlpha{mask-type:alpha}.sapIllus_BackgroundColor{fill:var(--sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--sapIllus_ObjectFillColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/InvisibleTextStyles.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/InvisibleTextStyles.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/MediaGallery.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/MediaGallery.css",
-    content: ":host {\n\theight:100%;\n}\n\n:host,\n.ui5-media-gallery-display-wrapper,\n.ui5-media-gallery-display {\n\twidth: 100%;\n}\n\n.ui5-media-gallery-root {\n\twidth: inherit;\n\theight: inherit;\n\tbackground: var(--sapBaseColor);\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-root {\n\tflex-direction: column-reverse;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-root {\n\tflex-direction: row-reverse;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-root {\n\tflex-direction: row;\n}\n\n/* DISPLAY */\n\n.ui5-media-gallery-display-wrapper {\n\tdisplay: flex;\n\tjustify-content: center;\n\tposition: relative;\n}\n\n/* when all thumbnails shown, thumbnails vs. dispplay width is 1:3 proportion */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper {\n\tflex-grow: 3; /* takes 3/4 of the entire width, where remaining 1/4 are for thumbnails */\n\tflex-basis: 0;\n}\n\n.ui5-media-gallery-display {\n\tposition:relative;\n\tmargin: 1rem;\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.ui5-media-gallery-display [ui5-media-gallery-item] {\n\tz-index: 1;\n}\n\n/* mobile platform */\n\n[ui5-carousel] {\n\twidth: calc(100% - 2rem);\n}\n\n[ui5-carousel]::part(item) {\n\tpadding: 0;\n\toverflow: hidden;\n}\n\n/* THUMBNAILS */\n\n.ui5-media-gallery-thumbnails-wrapper {\n\tmargin-block: 1rem 0;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-block: 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-inline: 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-thumbnails-wrapper {\n\tmargin-inline: 1rem 0;\n}\n\n/* show all thumbnails in a single scrollable row */\n\n:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper {\n\toverflow-x: auto;\n\toverflow-y: hidden;\n}\n\n/* show all thumbnails in a scrollable area with multiple columns */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tflex-grow:1; /* takes 1/4 of the entire width, where the remaining 3/4 are for the display */\n\tflex-basis: 0;\n}\n\n.ui5-media-gallery-thumbnails-wrapper ul {\n\theight: 5rem;\n\tdisplay: flex;\n\tflex-wrap: nowrap;\n\tpadding-left: 0; /* disable browser default css */\n\tmargin-top: 0; /* disable browser default css */\n\tmargin-bottom: 0; /* disable browser default css */\n\tlist-style-type: none; /* disable browser default css */\n\tpadding-inline-start: 0; /* disable browser default css */\n}\n\n/* in horizontal layout, the menu is 1-4 vertical columns, depending on media size */\n\n:host([effective-layout=\"Horizontal\"]) ul {\n\twidth: 5rem;\n\tflex-wrap: wrap;\n}\n\n/* two columns on M-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"M\"]) ul {\n\twidth: 10rem;\n}\n\n/* three columns on L-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"L\"]) ul {\n\twidth: 15rem;\n}\n\n/* four columns on XL-size */\n\n:host([effective-layout=\"Horizontal\"][show-all-thumbnails][media-range=\"XL\"]) ul {\n\twidth: 20rem;\n}\n\n.ui5-media-gallery-thumbnail,\n.ui5-media-gallery-overflow [ui5-button] {\n\twidth: 4rem;\n\theight: 4rem;\n\tflex-shrink: 0;\n}\n\n.ui5-media-gallery-overflow [ui5-button] {\n\tbackground: var(--_ui5_media_gallery_overflow_btn_background);\n\tcolor: var(--_ui5_media_gallery_overflow_btn_color);\n\tborder: var(--_ui5_media_gallery_overflow_btn_border);\n}\n\n.ui5-media-gallery-thumbnail,\n.ui5-media-gallery-overflow {\n\tmargin: 0 0 0 1rem;\n}\n\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-thumbnail,\n:host([menu-vertical-align=\"Top\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 0 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-thumbnail,\n:host([effective-layout=\"Horizontal\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 0 0 1rem;\n}\n\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-thumbnail,\n:host([effective-layout=\"Horizontal\"][menu-horizontal-align=\"Right\"]) .ui5-media-gallery-overflow {\n\tmargin: 1rem 1rem 0 0;\n}\n"
+    content: ":host{height:100%}.ui5-media-gallery-display,.ui5-media-gallery-display-wrapper,:host{width:100%}.ui5-media-gallery-root{background:var(--sapBaseColor);display:flex;flex-direction:column;height:inherit;position:relative;width:inherit}:host([menu-vertical-align=Top]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-basis:0;flex-grow:3}.ui5-media-gallery-display{display:flex;justify-content:center;margin:1rem;position:relative}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){overflow:hidden;padding:0}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{flex-basis:0;flex-grow:1;overflow-x:hidden;overflow-y:auto}.ui5-media-gallery-thumbnails-wrapper ul{display:flex;flex-wrap:nowrap;height:5rem;list-style-type:none;margin-bottom:0;margin-top:0;padding-left:0;padding-inline-start:0}:host([effective-layout=Horizontal]) ul{flex-wrap:wrap;width:5rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=M]) ul{width:10rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=L]) ul{width:15rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=XL]) ul{width:20rem}.ui5-media-gallery-overflow [ui5-button],.ui5-media-gallery-thumbnail{flex-shrink:0;height:4rem;width:4rem}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v1-18-0_media_gallery_overflow_btn_background);border:var(--_ui5-v1-18-0_media_gallery_overflow_btn_border);color:var(--_ui5-v1-18-0_media_gallery_overflow_btn_color)}.ui5-media-gallery-overflow,.ui5-media-gallery-thumbnail{margin:0 0 0 1rem}:host([menu-vertical-align=Top]) .ui5-media-gallery-overflow,:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnail{margin:1rem 1rem 0 0}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/MediaGalleryItem.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/MediaGalleryItem.css",
-    content: ":host {\n    width: 100%;\n    height: 100%;\n    position: relative;\n    display: flex;\n}\n\n:host([_square]) {\n    height: 0;\n    padding-top: 100%;\n}\n\n.ui5-media-gallery-item-root {\n    width: 100%;\n    height: 100%;\n    display: flex;\n}\n\n:host([_square]) .ui5-media-gallery-item-root {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n:host([layout=\"Wide\"]) .ui5-media-gallery-item-root {\n    align-items: center;\n}\n\n:host([_thumbnail-design]) .ui5-media-gallery-item-root {\n    border: var(--_ui5_media_gallery_thumbnail_border);\n    box-sizing: border-box;\n}\n\n:host([_interactive]) .ui5-media-gallery-item-root {\n    cursor: pointer;\n}\n\n/* hover */\n\n:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover {\n    border-color: var(--sapTile_Interactive_BorderColor);\n    background: var(--sapList_Hover_Background);\n}\n\n/* focused */\n\n:host([focused]) .ui5-media-gallery-item-root {\n\toutline: var(--_ui5_media_gallery_thumbnail_focus_outline);\n\toutline-offset: -1px;\n}\n\n/* selected */\n\n:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root {\n    border: var(--_ui5_media_gallery_thumbnail_selected_border);\n}\n\n/* selected focused */\n\n:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root {\n    outline-offset: -3px;\n}\n\n.ui5-media-gallery-item-wrapper {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n:host([layout=\"Wide\"]) .ui5-media-gallery-item-wrapper {\n    z-index: 1;\n}\n\n:host([layout=\"Wide\"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper {\n    height: calc(100% / 16 * 9);\n}\n\n/* resource not found icon */\n\n[ui5-icon] {\n    position: absolute;\n    width: 4.5rem;\n    height: 4.55rem;\n    align-self: center;\n}\n\n.ui5-media-gallery-item-mask-layer {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n}\n\n:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer {\n    z-index: 2;\n    background: var(--sapBaseColor);\n    mix-blend-mode: multiply;\n    opacity: 0.2;\n    box-shadow: var(--_ui5_media_gallery_item_overlay_box_shadow);\n    pointer-events: none;\n}\n\n:host(:not([_thumbnail-design])[layout=\"Wide\"]) .ui5-media-gallery-item-mask-layer {\n    z-index: 0;\n}\n\n/* disabled state */\n\n:host([disabled]) .ui5-media-gallery-item-mask-layer {\n    z-index: 2;\n    background: var(--sapContent_ImagePlaceholderBackground);\n    opacity: 0.5;\n    cursor: default;\n}\n\n/* stretch the slotted thumbnails and videos */\n\n::slotted([slot^=thumbnail]),\n:host([layout=\"Wide\"]) ::slotted(*) {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/* fit the slotted images within the host container,\npreserving their proportions */\n\n::slotted(*) {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    margin: auto;\n}\n"
+    content: ":host{display:flex;height:100%;position:relative;width:100%}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{display:flex;height:100%;width:100%}:host([_square]) .ui5-media-gallery-item-root{left:0;position:absolute;top:0}:host([layout=Wide]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v1-18-0_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{background:var(--sapList_Hover_Background);border-color:var(--sapTile_Interactive_BorderColor)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5-v1-18-0_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v1-18-0_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{outline-offset:-3px}.ui5-media-gallery-item-wrapper{display:flex;height:100%;justify-content:center;width:100%}:host([layout=Wide]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout=Wide]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{align-self:center;height:4.55rem;position:absolute;width:4.5rem}.ui5-media-gallery-item-mask-layer{bottom:0;left:0;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{background:var(--sapBaseColor);box-shadow:var(--_ui5-v1-18-0_media_gallery_item_overlay_box_shadow);mix-blend-mode:multiply;opacity:.2;pointer-events:none;z-index:2}:host(:not([_thumbnail-design])[layout=Wide]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{background:var(--sapContent_ImagePlaceholderBackground);cursor:default;opacity:.5;z-index:2}::slotted([slot^=thumbnail]),:host([layout=Wide]) ::slotted(*){height:100%;object-fit:cover;width:100%}::slotted(*){margin:auto;max-height:100%;max-width:100%;object-fit:contain}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListGroupItem.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListGroupItem.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host {\n\t--_ui5-notification_item-border-raius: 0px;\n}\n\n:host(:not([collapsed])) .ui5-nli-group-toggle-btn {\n\ttransform: var(--_ui5_li_notification_group_toggle_btn_rotation);\n}\n\n:host([collapsed]) .ui5-nli-group-items {\n\tdisplay: none;\n}\n\n:host([read]) .ui5-nli-group-title-text {\n\tfont-weight: normal;\n}\n\n.ui5-nli-group-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\twidth: 100%;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-group-header {\n\tbackground: var(--sapList_GroupHeaderBackground);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-block: 0.75rem 0.25rem;\n\tpadding-inline: 0.75rem 0.5rem;\n\twidth: 100%;\n\tborder-bottom: 0.0625rem solid var(--sapList_GroupHeaderBorderColor);\n\tbox-sizing: border-box;\n\tcursor: default;\n}\n\n.ui5-nli-group-toggle-btn {\n\tmargin-inline-end: 0.75rem;\n\tcursor: pointer;\n}\n\n.ui5-nli-group-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-weight: bold;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n.ui5-nli-group-divider {\n\tflex: 1;\n}\n\n.ui5-nli-group-counter {\n\tmargin-inline-start: 0.25rem;\n\tmargin-inline-end: 1rem;\n\tcolor: var(--sapList_TableGroupHeaderTextColor);\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n}\n\n/* fix for blue background color on tap (touchscreen devices) */\n\n:host([ui5-li-notification-group]) {\n\t-webkit-tap-highlight-color: transparent;\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background:var(--ui5-v1-18-0-listitem-background-color);cursor:pointer;display:block;min-height:var(--_ui5-v1-18-0_list_item_base_height);width:100%}:host([has-border]){border-bottom:var(--ui5-v1-18-0-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-height:1rem;min-width:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host{--_ui5-v1-18-0-notification_item-border-raius:0px}:host(:not([collapsed])) .ui5-nli-group-toggle-btn{transform:var(--_ui5-v1-18-0_li_notification_group_toggle_btn_rotation)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%}.ui5-nli-group-header{align-items:center;background:var(--sapList_GroupHeaderBackground);border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:default;display:flex;padding-block:.75rem .25rem;padding-inline:.75rem .5rem;width:100%}.ui5-nli-group-toggle-btn{cursor:pointer;margin-inline-end:.75rem}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontHeader6Size);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-nli-group-divider{flex:1}.ui5-nli-group-counter{color:var(--sapList_TableGroupHeaderTextColor);font-family:\"72override\",var(--sapFontHeaderFamily);font-size:var(--sapFontHeader6Size);margin-inline-end:1rem;margin-inline-start:.25rem}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListItem.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListItem.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host([wrapping-type=\"None\"]) .ui5-nli-title-text {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host(:not([wrapping-type=\"Normal\"])) .ui5-nli-description {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n}\n\n:host([_show-more-pressed]) .ui5-nli-title-text {\n\t-webkit-line-clamp: unset;\n}\n\n:host([_show-more-pressed]) .ui5-nli-description  {\n\t-webkit-line-clamp: unset;\n}\n\n:host([read]) .ui5-nli-title-text {\n\tfont-weight: normal;\n}\n\n:host(:first-of-type) {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:first-of-type) .ui5-nli-focusable:after {\n\tborder-top-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-top-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n:host(:last-of-type) .ui5-nli-focusable:after {\n\tborder-bottom-left-radius: var(--_ui5-notification_item-border-raius);\n\tborder-bottom-right-radius: var(--_ui5-notification_item-border-raius);\n}\n\n/* End */\n\n.ui5-nli-root {\n\tdisplay: flex;\n\tflex-direction: row-reverse;\n\tposition: relative;\n\twidth: 100%;\n\tpadding-inline: 1rem 0.5rem;\n\tpadding-block: 1rem;\n\tbox-sizing: border-box;\n\tcursor: pointer;\n}\n\n.ui5-nli-content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n\tmin-width: 0; /* fixes Chrome flex issue */\n\twidth: 100%;\n\tpadding-inline: 0.75rem 1rem;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text-wrapper {\n\tdisplay: flex;\n\tflex-direction: row;\n}\n\n.ui5-nli-title-text {\n\tdisplay: flex;\n\tmargin-bottom: 0.25rem;\n\tbox-sizing: border-box;\n}\n\n.ui5-nli-title-text {\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-weight: bold;\n\tfont-size: var(--sapFontHeader6Size);\n}\n\n.ui5-nli-description {\n\tdisplay: flex;\n\tmargin-top: 0.5rem;\n\tcolor: var(--sapTextColor);\n\tfont-size: var(--sapFontSize);\n\tbox-sizing: border-box;\n}\n\n/*  Footer */\n\n.ui5-nli-footer {\n\tdisplay: flex;\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\tpadding-top: 0.5rem;\n\tbox-sizing: border-box;\n\tflex-wrap: wrap;\n\talign-items: center;\n}\n\n.ui5-nli-footer-divider {\n\tposition: relative;\n\talign-items: center;\n\tmargin-inline: 0.5rem;\n}\n\n.ui5-nli-footer-showMore {\n\tmargin-inline-start: 1rem;\n}\n\n::slotted([slot^=\"footnotes\"]) {\n\tcolor: var(--sapContent_LabelColor);\n\tfont-size: var(--sapFontSize);\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n/* Actions */\n\n.ui5-nli-actions {\n\tdisplay: flex;\n\tbox-sizing: border-box;\n}\n"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background:var(--ui5-v1-18-0-listitem-background-color);cursor:pointer;display:block;min-height:var(--_ui5-v1-18-0_list_item_base_height);width:100%}:host([has-border]){border-bottom:var(--ui5-v1-18-0-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-height:1rem;min-width:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v1-18-0-notification_item-border-raius);border-top-right-radius:var(--_ui5-v1-18-0-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v1-18-0-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-v1-18-0-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v1-18-0-notification_item-border-raius);border-top-right-radius:var(--_ui5-v1-18-0-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v1-18-0-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-v1-18-0-notification_item-border-raius)}.ui5-nli-root{box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row-reverse;padding-block:1rem;padding-inline:1rem .5rem;position:relative;width:100%}.ui5-nli-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-family:\"72override\",var(--sapFontFamily);min-width:0;padding-inline:.75rem 1rem;width:100%}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{box-sizing:border-box;display:flex;margin-bottom:.25rem}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-size:var(--sapFontHeader6Size);font-weight:700}.ui5-nli-description{box-sizing:border-box;color:var(--sapTextColor);display:flex;font-size:var(--sapFontSize);margin-top:.5rem}.ui5-nli-footer{align-items:center;box-sizing:border-box;color:var(--sapContent_LabelColor);display:flex;flex-wrap:wrap;font-size:var(--sapFontSize);padding-top:.5rem}.ui5-nli-footer-divider{align-items:center;margin-inline:.5rem;position:relative}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-nli-actions{box-sizing:border-box;display:flex}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationListItemBase.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationListItemBase.css",
-    content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host(:not([hidden])) {\n\tdisplay: block;\n\twidth: 100%;\n\tmin-height: var(--_ui5_list_item_base_height);\n\tbackground: var(--ui5-listitem-background-color);\n\tcursor: pointer;\n}\n\n:host([has-border]) {\n\tborder-bottom: var(--ui5-listitem-border-bottom);\n}\n\n:host([focused]) .ui5-nli-focusable {\n\toutline: none;\n}\n\n:host([focused]) .ui5-nli-focusable:after {\n\tcontent: \"\";\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tpointer-events: none;\n}\n\n:host([busy])  {\n\topacity: 0.6;\n\tpointer-events: none;\n}\n\n:host([busy]) .ui5-nli-busy {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n}\n\n.ui5-nli-action {\n\tflex-shrink: 0;\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-nli-overflow-btn {\n\tmargin-inline-end: 0.5rem;\n}"
+    content: ".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){background:var(--ui5-v1-18-0-listitem-background-color);cursor:pointer;display:block;min-height:var(--_ui5-v1-18-0_list_item_base_height);width:100%}:host([has-border]){border-bottom:var(--ui5-v1-18-0-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);bottom:0;content:\"\";left:0;pointer-events:none;position:absolute;right:0;top:0}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationOverflowActionsPopover.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationOverflowActionsPopover.css",
-    content: ".ui5-notification-overflow-list {\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.ui5-notification-overflow-popover::part(content) {\n\tpadding: var(--_ui5-notification-overflow-popover-padding);\n}\n\n.ui5-notification-overflow-list-btn::part(button) {\n\tjustify-content: flex-start;\n}"
+    content: ".ui5-notification-overflow-list{display:flex;flex-direction:column}.ui5-notification-overflow-popover::part(content){padding:var(--_ui5-v1-18-0-notification-overflow-popover-padding)}.ui5-notification-overflow-list-btn::part(button){justify-content:flex-start}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/NotificationPrioIcon.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/NotificationPrioIcon.css",
-    content: ".ui5-prio-icon {\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tpadding-inline-end: 0.625rem;\n}\n\n.ui5-prio-icon--message-error {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-prio-icon--message-warning {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-prio-icon--message-success {\n\tcolor: var(--sapPositiveElementColor);\n}"
+    content: ".ui5-prio-icon{min-height:1rem;min-width:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/Page.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/Page.css",
-    content: "\n:host(:not([hidden])) {\n    width: 100%;\n    height: 100%;\n    display: block;\n}\n\n.ui5-page-root {\n    height: inherit;\n    overflow: hidden;\n    position: relative;\n    z-index: 0;\n    box-sizing: border-box;\n    background-color: inherit;\n}\n\n.ui5-page-header-root {\n    z-index: 1;\n}\n\n.ui5-page-content-root {\n    overflow: hidden auto;\n    position: absolute;\n    will-change: scroll-position;\n    width: 100%;\n    top: 2.75rem;\n    bottom: 0;\n    box-sizing: border-box;\n}\n\n.ui5-page-footer-root {\n    width: 100%;\n    box-sizing: border-box;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    width: 100%;\n}\n\n:host([floating-footer]) .ui5-page-footer-root {\n    opacity: 1;\n    bottom: 0.5rem;\n}\n\n/*** Responsive paddings ***/\n\n:host([media-range=\"S\"]) .ui5-page-content-root,\n:host([media-range=\"S\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 1rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"S\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 .25rem;\n}\n\n:host([media-range=\"M\"]) .ui5-page-content-root,\n:host([media-range=\"L\"]) .ui5-page-content-root,\n:host([media-range=\"M\"][floating-footer]) .ui5-page-footer-root,\n:host([media-range=\"L\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 2rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][slot=\"header\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"M\"]) ::slotted([ui5-bar][design=\"Footer\"]),\n:host([media-range=\"L\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 1.25rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-page-content-root,\n:host([media-range=\"XL\"][floating-footer]) .ui5-page-footer-root {\n\tpadding: 0 3rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][slot=\"header\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([media-range=\"XL\"]) ::slotted([ui5-bar][design=\"Footer\"]) {\n    box-sizing: border-box;\n    padding: 0 2.25rem;\n}\n\n:host([disable-scrolling]) .ui5-page-content-root {\n    overflow: hidden;\n}\n\n:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root {\n    display: none;\n}\n\n:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root {\n    animation: bounceShow 0.35s forwards ease-in-out;\n}\n\n:host([floating-footer][hide-footer]) .ui5-page-footer-root {\n    animation: bounceHide 0.35s forwards ease-in-out;\n}\n\n/* BackgroundDesign */\n\n:host([background-design=\"Solid\"]) {\n    background-color: var(--sapBackgroundColor);\n}\n\n:host([background-design=\"Transparent\"]) {\n    background-color: var(--_ui5_page_transparent_bg);\n}\n\n:host([background-design=\"List\"]) {\n    background-color: var(--_ui5_page_list_bg);\n}\n\n/* Footer animation */\n\n@keyframes bounceShow {\n    0% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n\n@keyframes bounceHide {\n    0% {\n        transform: translateY(-5%);\n        opacity: 1;\n    }\n    100% {\n        transform: translateY(100%);\n        opacity: 0;\n    }\n}\n"
+    content: ":host(:not([hidden])){display:block;height:100%;width:100%}.ui5-page-root{background-color:inherit;box-sizing:border-box;height:inherit;overflow:hidden;position:relative;z-index:0}.ui5-page-header-root{z-index:1}.ui5-page-content-root{bottom:0;box-sizing:border-box;overflow:hidden auto;position:absolute;top:2.75rem;width:100%;will-change:scroll-position}.ui5-page-footer-root{bottom:0;box-sizing:border-box;left:0;position:absolute;width:100%;z-index:2}:host([floating-footer]) .ui5-page-footer-root{bottom:.5rem;opacity:1}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5-v1-18-0_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5-v1-18-0_page_list_bg)}@keyframes bounceShow{0%{opacity:0;transform:translateY(100%)}to{opacity:1}}@keyframes bounceHide{0%{opacity:1;transform:translateY(-5%)}to{opacity:0;transform:translateY(100%)}}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ProductSwitch.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ProductSwitch.css",
-    content: ":host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: var(--sapFontSize);\n}\n\n.ui5-product-switch-root {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: inherit;\n\talign-items: inherit;\n\twidth: 752px; /* 4 * item size */\n\tpadding: 1.25rem .75rem;\n}\n\n:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\twidth: 564px; /* 3 * item size */\n}\n\n@media only screen and (max-width: 900px) {\n\t.ui5-product-switch-root {\n\t\twidth: 564px; /* 3 * item size */\n\t}\n}\n\n@media only screen and (max-width: 600px) {\n\t.ui5-product-switch-root,\n\t:host([desktop-columns=\"3\"]) .ui5-product-switch-root {\n\t\tflex-direction: column;\n\t\tpadding: 0;\n\t\twidth: 100%;\n\t}\n}\n"
+    content: ":host{font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{align-items:inherit;display:flex;flex-wrap:wrap;justify-content:inherit;padding:1.25rem .75rem;width:752px}:host([desktop-columns=\"3\"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns=\"3\"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}"
   };
   var _default = styleData;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/generated/themes/ProductSwitchItem.css.js

@@ -13,7 +13,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/asset-registries/T
   const styleData = {
     packageName: "@ui5/webcomponents-fiori",
     fileName: "themes/ProductSwitchItem.css",
-    content: ":host {\n\twidth: var(--_ui5_product_switch_item_width);\n\theight: var(--_ui5_product_switch_item_height);\n\tmargin: .25rem;\n\tborder-radius: .25rem;\n\tbox-sizing: border-box;\n\tbackground:var(--sapList_Background);\n}\n\n:host([selected]) {\n\tbackground: var(--sapList_SelectionBackgroundColor);\n\tborder: 0.125rem solid var(--sapList_SelectionBorderColor);\n}\n\n:host(:hover) {\n\tbackground:var(--sapList_Hover_Background);\n}\n\n:host([selected]:hover) {\n\tbackground: var(--sapList_Hover_SelectionBackground);\n}\n\n:host([active]),\n:host([selected][active])  {\n\tbackground: var(--sapList_Active_Background);\n}\n\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,\n:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tcolor:var(--sapList_Active_TextColor);\n}\n\n:host([focused]) {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset:var(--_ui5_product_switch_item_outline_offset)\n}\n\n:host([active][focused]) {\n\toutline-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n\n.ui5-product-switch-item-root {\n\tuser-select: none;\n\twidth: 100%;\n\theight: 100%;\n\tflex-direction: column;\n\tdisplay: flex;\n\talign-items: center;\n\ttext-decoration: none;\n\toutline: none;\n\tbox-sizing: border-box;\n\tpadding: .5rem;\n\tpadding-top: 4rem;\n\tcursor: pointer;\n\tborder: var(--_ui5_product_switch_item_border);\n}\n\n:host([icon]) .ui5-product-switch-item-root {\n\tpadding-top: .5rem;\n}\n\n:host([selected]) .ui5-product-switch-item-root {\n\tpadding: .375rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\twidth: 3rem;\n\theight: 3rem;\n\tpadding: .75rem;\n\tmargin-bottom: .5rem;\n\tbox-sizing: border-box;\n\tcolor: var(--sapContent_IconColor);\n\tpointer-events: none;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tmax-width: 10.25rem;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tline-height: 1.25rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 100%;\n\tpointer-events: none;\n\ttext-align: center;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\tfont-size:var( --sapFontHeader6Size);\n\tcolor:var(--sapGroup_TitleTextColor);\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child {\n\twhite-space: normal;\n    -webkit-line-clamp: 2;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n}\n\n.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\tfont-size:var( --sapFontSmallSize);\n\tcolor:var(--sapContent_LabelColor);\n}\n\n@media only screen and (max-width: 600px) {\n\t:host {\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\twidth: 100%;\n\t\tmax-width: 600px;\n\t\theight: 5rem;\n\t\tborder-radius: 0;\n\t}\n\n\t.ui5-product-switch-item-root {\n\t\tpadding: 0 1rem;\n\t\tflex-direction: row;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root {\n\t\tpadding-top: 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-icon {\n\t\tpadding: .875rem;\n\t\tcolor: var(--sapContent_NonInteractiveIconColor);\n\t\tmargin: 0 .75rem 0 0;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\talign-items: flex-start;\n\t\tmax-width: 100%;\n\t}\n\n\t:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content {\n\t\tmax-width: calc(100% - 3.75rem); /* 100% width - (3rem for the icon + right margin)*/\n\t}\n\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title {\n\t\tline-height: normal;\n\t}\n\n\t.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle {\n\t\tfont-size: var(--sapFontSize);\n\t\tpadding-top: .75rem;\n\t}\n}\n\n[ui5-product-switch-item][focused] {\n\toutline: none;\n\tposition: relative;\n}\n\n[ui5-product-switch-item][focused] .ui5-product-switch-item-root::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-color: var(--_ui5_product_switch_item_outline_color);\n\tborder-width: var(--_ui5_product_switch_item_outline_width);\n\tborder-style: dotted;\n\ttop: var(--_ui5_product_switch_item_outline_offset_positive);\n\tbottom:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tleft:  var(--_ui5_product_switch_item_outline_offset_positive);\n\tright:  var(--_ui5_product_switch_item_outline_offset_positive);\n}\n\n[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root::after {\n\tborder-color: var(--_ui5_product_switch_item_active_outline_color);\n}\n"
+    content: ":host{background:var(--sapList_Background);border-radius:.25rem;box-sizing:border-box;height:var(--_ui5-v1-18-0_product_switch_item_height);margin:.25rem;width:var(--_ui5-v1-18-0_product_switch_item_width)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-18-0_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5-v1-18-0_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{align-items:center;border:var(--_ui5-v1-18-0_product_switch_item_border);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;outline:none;padding:.5rem;padding-top:4rem;text-decoration:none;user-select:none;width:100%}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{box-sizing:border-box;color:var(--sapContent_IconColor);height:3rem;margin-bottom:.5rem;padding:.75rem;pointer-events:none;width:3rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:center;display:flex;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;max-width:100%;overflow:hidden;pointer-events:none;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapGroup_TitleTextColor);font-size:var( --sapFontHeader6Size)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;white-space:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapContent_LabelColor);font-size:var( --sapFontSmallSize)}@media only screen and (max-width:600px){:host{border-radius:0;height:5rem;margin:0;max-width:600px;width:100%}.ui5-product-switch-item-root{flex-direction:row;padding:0 1rem}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0;padding:.875rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5-v1-18-0_product_switch_item_outline_color);border-style:dotted;border-width:var(--_ui5-v1-18-0_product_switch_item_outline_width);bottom:var(--_ui5-v1-18-0_product_switch_item_outline_offset_positive);content:\"\";left:var(--_ui5-v1-18-0_product_switch_item_outline_offset_positive);position:absolute;right:var(--_ui5-v1-18-0_product_switch_item_outline_offset_positive);top:var(--_ui5-v1-18-0_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5-v1-18-0_product_switch_item_active_outline_color)}"
   };
   var _default = styleData;
   _exports.default = _default;