@openui5/sap.ui.webc.fiori 1.115.1 → 1.117.0

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

@@ -7,13 +7,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-illustrated-message-root"><div class="ui5-illustrated-message-illustration">${(0, _LitRenderer.unsafeHTML)(context.effectiveIllustration)}</div>${context.hasTitle ? block1(context, tags, suffix) : undefined}${context.hasSubtitle ? block2(context, tags, suffix) : undefined}${context.hasActions ? block5(context, tags, suffix) : undefined}<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ui5-illustrated-message-util">${blockSVG1(context, tags, suffix)}</svg></div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(context.effectiveTitleText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-title level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(context.effectiveTitleText)}</ui5-title>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-illustrated-message-subtitle">${context.hasFormattedSubtitle ? block3(context, tags, suffix) : block4(context, tags, suffix)}</div>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="subtitle"></slot>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(context.effectiveSubitleText)}`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-illustrated-message-actions"><slot></slot></div>`;
-  const blockSVG1 = (context, tags, suffix) => (0, _LitRenderer.svg)`<defs><pattern id="sapIllus_PatternShadow" data-name="sapIllus_PatternShadow" width="3" height="5.5" patternUnits="userSpaceOnUse" viewBox="0 0 3 5.5"><rect class="sapIllus_NoColor sapIllus_NoColor_Fill" width="3" height="5.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="3" cy="5.5001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cy="5.5001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="1.5" cy="2.7501" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="3" cy="0.0001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cy="0.0001" r="0.5" /></pattern><pattern id="sapIllus_PatternHighlight" data-name="sapIllus_PatternHighlight" width="3" height="5.5" patternTransform="translate(35.9059 309.6208)" patternUnits="userSpaceOnUse" viewBox="0 0 3 5.5"><rect class="sapIllus_NoColor sapIllus_NoColor_Fill" width="3" height="5.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="3.0001" cy="5.5001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="0.0001" cy="5.5001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="1.5001" cy="2.7501" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="3.0001" cy="0.0001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="0.0001" cy="0.0001" r="0.5" /></pattern></defs>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-illustrated-message-root"><div class="ui5-illustrated-message-illustration">${(0, _LitRenderer.unsafeHTML)(this.effectiveIllustration)}</div>${this.hasTitle ? block1.call(this, context, tags, suffix) : undefined}${this.hasSubtitle ? block4.call(this, context, tags, suffix) : undefined}${this.hasActions ? block7.call(this, context, tags, suffix) : undefined}<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="ui5-illustrated-message-util">${blockSVG1.call(this, context, tags, suffix)}</svg></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.hasFormattedTitle ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="title"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)} level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(this.effectiveTitleText)}</${(0, _LitRenderer.scopeTag)("ui5-title", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-title level="H2" class="ui5-illustrated-message-title" wrapping-type="Normal">${(0, _LitRenderer.ifDefined)(this.effectiveTitleText)}</ui5-title>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-illustrated-message-subtitle">${this.hasFormattedSubtitle ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}</div>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="subtitle"></slot>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(this.effectiveSubitleText)}`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-illustrated-message-actions"><slot></slot></div>`;
+  }
+  function blockSVG1(context, tags, suffix) {
+    return (0, _LitRenderer.svg)`<defs><pattern id="sapIllus_PatternShadow" data-name="sapIllus_PatternShadow" width="3" height="5.5" patternUnits="userSpaceOnUse" viewBox="0 0 3 5.5"><rect class="sapIllus_NoColor sapIllus_NoColor_Fill" width="3" height="5.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="3" cy="5.5001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cy="5.5001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="1.5" cy="2.7501" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cx="3" cy="0.0001" r="0.5" /><circle class="sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill" cy="0.0001" r="0.5" /></pattern><pattern id="sapIllus_PatternHighlight" data-name="sapIllus_PatternHighlight" width="3" height="5.5" patternTransform="translate(35.9059 309.6208)" patternUnits="userSpaceOnUse" viewBox="0 0 3 5.5"><rect class="sapIllus_NoColor sapIllus_NoColor_Fill" width="3" height="5.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="3.0001" cy="5.5001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="0.0001" cy="5.5001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="1.5001" cy="2.7501" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="3.0001" cy="0.0001" r="0.5" /><circle class="sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill" cx="0.0001" cy="0.0001" r="0.5" /></pattern></defs>`;
+  }
+  ;
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,10 +7,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-media-gallery-item-root" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" role="${(0, _LitRenderer.ifDefined)(context._role)}"><div class="ui5-media-gallery-item-mask-layer"></div><div class="ui5-media-gallery-item-wrapper" style="${(0, _LitRenderer.styleMap)(context.styles.wrapper)}">${context._showBackgroundIcon ? block1(context, tags, suffix) : undefined}${context._useContent ? block2(context, tags, suffix) : undefined}${context._useThumbnail ? block3(context, tags, suffix) : undefined}</div></div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="background"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="background"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot></slot>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<slot name="thumbnail"></slot>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-media-gallery-item-root" tabindex="${(0, _LitRenderer.ifDefined)(this.effectiveTabIndex)}" data-sap-focus-ref @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" role="${(0, _LitRenderer.ifDefined)(this._role)}"><div class="ui5-media-gallery-item-mask-layer"></div><div class="ui5-media-gallery-item-wrapper" style="${(0, _LitRenderer.styleMap)(this.styles.wrapper)}">${this._showBackgroundIcon ? block1.call(this, context, tags, suffix) : undefined}${this._useContent ? block2.call(this, context, tags, suffix) : undefined}${this._useThumbnail ? block3.call(this, context, tags, suffix) : undefined}</div></div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} name="background"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon name="background"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<slot name="thumbnail"></slot>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,13 +7,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-media-gallery-root"><div class="ui5-media-gallery-display-wrapper"><div class="ui5-media-gallery-display" @click="${context._onDisplayAreaClick}">${context._isPhonePlatform ? block1(context, tags, suffix) : block3(context, tags, suffix)}</div></div>${context._showThumbnails ? block4(context, tags, suffix) : undefined}</div>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-carousel", tags, suffix)} @ui5-navigate="${(0, _LitRenderer.ifDefined)(context._onCarouselNavigate)}" hide-navigation-arrows>${(0, _LitRenderer.repeat)(context._selectableItems, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-carousel", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-carousel @ui5-navigate="${(0, _LitRenderer.ifDefined)(context._onCarouselNavigate)}" hide-navigation-arrows>${(0, _LitRenderer.repeat)(context._selectableItems, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ui5-carousel>`;
-  const block2 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-media-gallery-item", tags, suffix)} ?_interactive="${(0, _LitRenderer.ifDefined)(context.interactiveDisplayArea)}" ?_square="${(0, _LitRenderer.ifDefined)(context._shouldHaveSquareDisplay)}" _tab-index="${(0, _LitRenderer.ifDefined)(context._mainItemTabIndex)}"></${(0, _LitRenderer.scopeTag)("ui5-media-gallery-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-media-gallery-item ?_interactive="${(0, _LitRenderer.ifDefined)(context.interactiveDisplayArea)}" ?_square="${(0, _LitRenderer.ifDefined)(context._shouldHaveSquareDisplay)}" _tab-index="${(0, _LitRenderer.ifDefined)(context._mainItemTabIndex)}"></ui5-media-gallery-item>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-media-gallery-thumbnails-wrapper"><ul>${(0, _LitRenderer.repeat)(context._visibleItems, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix))}${context._showOverflowBtn ? block6(context, tags, suffix) : undefined}</ul></div>`;
-  const block5 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<li id="${(0, _LitRenderer.ifDefined)(item.id)}" class="ui5-media-gallery-thumbnail" role="option" @click="${context._onThumbnailClick}" @ui5-click="${(0, _LitRenderer.ifDefined)(context._onThumbnailClick)}"><slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot></li>`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-media-gallery-overflow"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} @click="${context._onOverflowBtnClick}">+${(0, _LitRenderer.ifDefined)(context._overflowSize)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-media-gallery-overflow"><ui5-button @click="${context._onOverflowBtnClick}">+${(0, _LitRenderer.ifDefined)(context._overflowSize)}</ui5-button></li>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-media-gallery-root"><div class="ui5-media-gallery-display-wrapper"><div class="ui5-media-gallery-display" @click="${this._onDisplayAreaClick}">${this._isPhonePlatform ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div></div>${this._showThumbnails ? block4.call(this, context, tags, suffix) : undefined}</div>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-carousel", tags, suffix)} @ui5-navigate="${(0, _LitRenderer.ifDefined)(this._onCarouselNavigate)}" hide-navigation-arrows>${(0, _LitRenderer.repeat)(this._selectableItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-carousel", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-carousel @ui5-navigate="${(0, _LitRenderer.ifDefined)(this._onCarouselNavigate)}" hide-navigation-arrows>${(0, _LitRenderer.repeat)(this._selectableItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-carousel>`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot>`;
+  }
+  function block3(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-media-gallery-item", tags, suffix)} ?_interactive="${(0, _LitRenderer.ifDefined)(this.interactiveDisplayArea)}" ?_square="${(0, _LitRenderer.ifDefined)(this._shouldHaveSquareDisplay)}" _tab-index="${(0, _LitRenderer.ifDefined)(this._mainItemTabIndex)}"></${(0, _LitRenderer.scopeTag)("ui5-media-gallery-item", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-media-gallery-item ?_interactive="${(0, _LitRenderer.ifDefined)(this.interactiveDisplayArea)}" ?_square="${(0, _LitRenderer.ifDefined)(this._shouldHaveSquareDisplay)}" _tab-index="${(0, _LitRenderer.ifDefined)(this._mainItemTabIndex)}"></ui5-media-gallery-item>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-media-gallery-thumbnails-wrapper"><ul>${(0, _LitRenderer.repeat)(this._visibleItems, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}${this._showOverflowBtn ? block6.call(this, context, tags, suffix) : undefined}</ul></div>`;
+  }
+  function block5(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<li id="${(0, _LitRenderer.ifDefined)(item.id)}" class="ui5-media-gallery-thumbnail" role="option" @click="${this._onThumbnailClick}" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onThumbnailClick)}"><slot name="${(0, _LitRenderer.ifDefined)(item._individualSlot)}"></slot></li>`;
+  }
+  function block6(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-media-gallery-overflow"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} @click="${this._onOverflowBtnClick}">+${(0, _LitRenderer.ifDefined)(this._overflowSize)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></li>` : (0, _LitRenderer.html)`<li class="ui5-media-gallery-overflow"><ui5-button @click="${this._onOverflowBtnClick}">+${(0, _LitRenderer.ifDefined)(this._overflowSize)}</ui5-button></li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,15 +7,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-nli-group-root ui5-nli-focusable" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.ariaExpanded)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}"><div class="ui5-nli-group-header"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="navigation-right-arrow" design="Transparent" @click="${context._onBtnToggleClick}" class="ui5-nli-group-toggle-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.toggleBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.toggleBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>${context.hasPriority ? block1(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-title-text" class="ui5-nli-group-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(context.titleText)}</div>${context.showCounter ? block2(context, tags, suffix) : undefined}<div class="ui5-nli-group-divider"></div>${!context.collapsed ? block3(context, tags, suffix) : undefined}${context.showClose ? block7(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accInvisibleText)}</span></div><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} class="ui5-nli-group-items"><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${context.busy ? block8(context, tags, suffix) : undefined}</li>` : (0, _LitRenderer.html)`<li class="ui5-nli-group-root ui5-nli-focusable" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context.ariaExpanded)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}"><div class="ui5-nli-group-header"><ui5-button icon="navigation-right-arrow" design="Transparent" @click="${context._onBtnToggleClick}" class="ui5-nli-group-toggle-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.toggleBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.toggleBtnAccessibleName)}"></ui5-button>${context.hasPriority ? block1(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-title-text" class="ui5-nli-group-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(context.titleText)}</div>${context.showCounter ? block2(context, tags, suffix) : undefined}<div class="ui5-nli-group-divider"></div>${!context.collapsed ? block3(context, tags, suffix) : undefined}${context.showClose ? block7(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accInvisibleText)}</span></div><ui5-list class="ui5-nli-group-items"><slot></slot></ui5-list>${context.busy ? block8(context, tags, suffix) : undefined}</li>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(context.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(context.priorityIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(context.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(context.priorityIcon)}"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-nli-group-counter">(${(0, _LitRenderer.ifDefined)(context.itemsCount)})</span>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.showOverflow ? block4(context, tags, suffix) : block5(context, tags, suffix)}`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="overflow" design="Transparent" @click="${context._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="overflow" design="Transparent" @click="${context._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}"></ui5-button>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.standardActions, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix))}`;
-  const block6 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" @click="${item.press}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" @click="${item.press}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
-  const block7 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" @click="${context._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" close-btn></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" @click="${context._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" close-btn></ui5-button>`;
-  const block8 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" active size="Medium" class="ui5-nli-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" active size="Medium" class="ui5-nli-busy"></ui5-busy-indicator>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-nli-group-root ui5-nli-focusable" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._ariaExpanded)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}"><div class="ui5-nli-group-header"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="navigation-right-arrow" design="Transparent" @click="${this._onBtnToggleClick}" class="ui5-nli-group-toggle-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.toggleBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.toggleBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>${this.hasPriority ? block1.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-title-text" class="ui5-nli-group-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(this.titleText)}</div>${this.showCounter ? block2.call(this, context, tags, suffix) : undefined}<div class="ui5-nli-group-divider"></div>${!this.collapsed ? block3.call(this, context, tags, suffix) : undefined}${this.showClose ? block7.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accInvisibleText)}</span></div><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} class="ui5-nli-group-items"><slot></slot></${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}>${this.busy ? block8.call(this, context, tags, suffix) : undefined}</li>` : (0, _LitRenderer.html)`<li class="ui5-nli-group-root ui5-nli-focusable" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-expanded="${(0, _LitRenderer.ifDefined)(this._ariaExpanded)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}"><div class="ui5-nli-group-header"><ui5-button icon="navigation-right-arrow" design="Transparent" @click="${this._onBtnToggleClick}" class="ui5-nli-group-toggle-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.toggleBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.toggleBtnAccessibleName)}"></ui5-button>${this.hasPriority ? block1.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-title-text" class="ui5-nli-group-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(this.titleText)}</div>${this.showCounter ? block2.call(this, context, tags, suffix) : undefined}<div class="ui5-nli-group-divider"></div>${!this.collapsed ? block3.call(this, context, tags, suffix) : undefined}${this.showClose ? block7.call(this, context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accInvisibleText)}</span></div><ui5-list class="ui5-nli-group-items"><slot></slot></ui5-list>${this.busy ? block8.call(this, context, tags, suffix) : undefined}</li>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(this.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(this.priorityIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(this.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(this.priorityIcon)}"></ui5-icon>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-nli-group-counter">(${(0, _LitRenderer.ifDefined)(this.itemsCount)})</span>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.showOverflow ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="overflow" design="Transparent" @click="${this._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="overflow" design="Transparent" @click="${this._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}"></ui5-button>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.standardActions, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block6(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" @click="${item.press}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" @click="${item.press}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
+  }
+  function block7(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" @click="${this._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" close-btn></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" @click="${this._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" close-btn></ui5-button>`;
+  }
+  function block8(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" active size="Medium" class="ui5-nli-busy"></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" active size="Medium" class="ui5-nli-busy"></ui5-busy-indicator>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,16 +7,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<li class="ui5-nli-root ui5-nli-focusable" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}"><div class="ui5-nli-actions">${context.showOverflow ? block1(context, tags, suffix) : block2(context, tags, suffix)}${context.showClose ? block4(context, tags, suffix) : undefined}</div><div class="ui5-nli-content"><div class="ui5-nli-title-text-wrapper">${context.hasPriority ? block5(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-title-text" class="ui5-nli-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(context.titleText)}</div></div>${context.hasDesc ? block6(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-footer" class="ui5-nli-footer">${(0, _LitRenderer.repeat)(context.footerItems, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}<${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)} class="ui5-nli-footer-showMore" ?hidden="${context.hideShowMore}" @click="${context._onShowMoreClick}" aria-hidden="true" href="#"  showMore-btn>${(0, _LitRenderer.ifDefined)(context.showMoreText)}</${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accInvisibleText)}</span></div><div class="ui5-nli-avatar"><slot name="avatar"></slot></div>${context.busy ? block9(context, tags, suffix) : undefined}</li>` : (0, _LitRenderer.html)`<li class="ui5-nli-root ui5-nli-focusable" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(context._tabIndex)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(context.ariaLabelledBy)}"><div class="ui5-nli-actions">${context.showOverflow ? block1(context, tags, suffix) : block2(context, tags, suffix)}${context.showClose ? block4(context, tags, suffix) : undefined}</div><div class="ui5-nli-content"><div class="ui5-nli-title-text-wrapper">${context.hasPriority ? block5(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-title-text" class="ui5-nli-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(context.titleText)}</div></div>${context.hasDesc ? block6(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-footer" class="ui5-nli-footer">${(0, _LitRenderer.repeat)(context.footerItems, (item, index) => item._id || index, (item, index) => block7(item, index, context, tags, suffix))}<ui5-link class="ui5-nli-footer-showMore" ?hidden="${context.hideShowMore}" @click="${context._onShowMoreClick}" aria-hidden="true" href="#"  showMore-btn>${(0, _LitRenderer.ifDefined)(context.showMoreText)}</ui5-link></div><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context.accInvisibleText)}</span></div><div class="ui5-nli-avatar"><slot name="avatar"></slot></div>${context.busy ? block9(context, tags, suffix) : undefined}</li>`;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="overflow" design="Transparent" @click="${context._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="overflow" design="Transparent" @click="${context._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.overflowBtnAccessibleName)}"></ui5-button>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(context.standardActions, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix))}`;
-  const block3 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" @click="${context._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" close-btn></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" @click="${context._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(context.closeBtnAccessibleName)}" close-btn></ui5-button>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(context.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(context.priorityIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(context.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(context.priorityIcon)}"></ui5-icon>`;
-  const block6 = (context, tags, suffix) => (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(context._id)}-description" class="ui5-nli-description"><slot></slot></div>`;
-  const block7 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item.slotName)}"></slot>${item.showDivider ? block8(item, index, context, tags, suffix) : undefined}`;
-  const block8 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-nli-footer-divider" aria-hidden="true">·</div>`;
-  const block9 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" active size="Medium" class="ui5-nli-busy" data-sap-focus-ref></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(context.busyDelay)}" active size="Medium" class="ui5-nli-busy" data-sap-focus-ref></ui5-busy-indicator>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<li class="ui5-nli-root ui5-nli-focusable" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}"><div class="ui5-nli-actions">${this.showOverflow ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}${this.showClose ? block4.call(this, context, tags, suffix) : undefined}</div><div class="ui5-nli-content"><div class="ui5-nli-title-text-wrapper">${this.hasPriority ? block5.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-title-text" class="ui5-nli-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(this.titleText)}</div></div>${this.hasDesc ? block6.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-footer" class="ui5-nli-footer">${(0, _LitRenderer.repeat)(this.footerItems, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}<${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)} class="ui5-nli-footer-showMore" ?hidden="${this.hideShowMore}" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onShowMoreClick)}" aria-hidden="true" href="#"  showMore-btn>${(0, _LitRenderer.ifDefined)(this.showMoreText)}</${(0, _LitRenderer.scopeTag)("ui5-link", tags, suffix)}></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accInvisibleText)}</span></div><div class="ui5-nli-avatar"><slot name="avatar"></slot></div>${this.busy ? block9.call(this, context, tags, suffix) : undefined}</li>` : (0, _LitRenderer.html)`<li class="ui5-nli-root ui5-nli-focusable" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}" role="listitem" tabindex="${(0, _LitRenderer.ifDefined)(this._tabIndex)}" aria-labelledby="${(0, _LitRenderer.ifDefined)(this.ariaLabelledBy)}"><div class="ui5-nli-actions">${this.showOverflow ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}${this.showClose ? block4.call(this, context, tags, suffix) : undefined}</div><div class="ui5-nli-content"><div class="ui5-nli-title-text-wrapper">${this.hasPriority ? block5.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-title-text" class="ui5-nli-title-text" part="title-text">${(0, _LitRenderer.ifDefined)(this.titleText)}</div></div>${this.hasDesc ? block6.call(this, context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(this._id)}-footer" class="ui5-nli-footer">${(0, _LitRenderer.repeat)(this.footerItems, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}<ui5-link class="ui5-nli-footer-showMore" ?hidden="${this.hideShowMore}" @ui5-click="${(0, _LitRenderer.ifDefined)(this._onShowMoreClick)}" aria-hidden="true" href="#"  showMore-btn>${(0, _LitRenderer.ifDefined)(this.showMoreText)}</ui5-link></div><span id="${(0, _LitRenderer.ifDefined)(this._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(this.accInvisibleText)}</span></div><div class="ui5-nli-avatar"><slot name="avatar"></slot></div>${this.busy ? block9.call(this, context, tags, suffix) : undefined}</li>`;
+  }
+  function block1(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="overflow" design="Transparent" @click="${this._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="overflow" design="Transparent" @click="${this._onBtnOverflowClick}" class="ui5-nli-overflow-btn" tooltip="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.overflowBtnAccessibleName)}"></ui5-button>`;
+  }
+  function block2(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.repeat)(this.standardActions, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}`;
+  }
+  function block3(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" class="ui5-nli-action" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
+  }
+  function block4(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="decline" design="Transparent" @click="${this._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" close-btn></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="decline" design="Transparent" @click="${this._onBtnCloseClick}" tooltip="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" aria-label="${(0, _LitRenderer.ifDefined)(this.closeBtnAccessibleName)}" close-btn></ui5-button>`;
+  }
+  function block5(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(this.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(this.priorityIcon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-prio-icon ui5-prio-icon--${(0, _LitRenderer.ifDefined)(this.priorityIcon)}" name="${(0, _LitRenderer.ifDefined)(this.priorityIcon)}"></ui5-icon>`;
+  }
+  function block6(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div id="${(0, _LitRenderer.ifDefined)(this._id)}-description" class="ui5-nli-description"><slot></slot></div>`;
+  }
+  function block7(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<slot name="${(0, _LitRenderer.ifDefined)(item.slotName)}"></slot>${item.showDivider ? block8.call(this, context, tags, suffix, item, index) : undefined}`;
+  }
+  function block8(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`<div class="ui5-nli-footer-divider" aria-hidden="true">·</div>`;
+  }
+  function block9(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)} delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" active size="Medium" class="ui5-nli-busy" data-sap-focus-ref></${(0, _LitRenderer.scopeTag)("ui5-busy-indicator", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-busy-indicator delay="${(0, _LitRenderer.ifDefined)(this.busyDelay)}" active size="Medium" class="ui5-nli-busy" data-sap-focus-ref></ui5-busy-indicator>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,8 +7,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-notification-overflow-popover" placement-type="Bottom" horizontal-align="Right" hide-arrow><div class="ui5-notification-overflow-list">${(0, _LitRenderer.repeat)(context.overflowActions, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover class="ui5-notification-overflow-popover" placement-type="Bottom" horizontal-align="Right" hide-arrow><div class="ui5-notification-overflow-list">${(0, _LitRenderer.repeat)(context.overflowActions, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</div></ui5-popover>`;
-  const block1 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" design="Transparent" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" design="Transparent" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-notification-overflow-popover" placement-type="Bottom" horizontal-align="Right" hide-arrow><div class="ui5-notification-overflow-list">${(0, _LitRenderer.repeat)(this.overflowActions, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover class="ui5-notification-overflow-popover" placement-type="Bottom" horizontal-align="Right" hide-arrow><div class="ui5-notification-overflow-list">${(0, _LitRenderer.repeat)(this.overflowActions, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div></ui5-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} icon="${(0, _LitRenderer.ifDefined)(item.icon)}" design="Transparent" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" class="ui5-notification-overflow-list-btn">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-button icon="${(0, _LitRenderer.ifDefined)(item.icon)}" design="Transparent" @click="${item.press}" ?disabled="${item.disabled}" design="${(0, _LitRenderer.ifDefined)(item.design)}" data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" class="ui5-notification-overflow-list-btn">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-button>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-page-root"><header class="ui5-page-header-root" id="ui5-page-header"><slot name="header"></slot></header><section part="content" class="ui5-page-content-root" style="${(0, _LitRenderer.styleMap)(context.styles.content)}"><slot></slot></section><footer class="ui5-page-footer-root" style="${(0, _LitRenderer.styleMap)(context.styles.footer)}"><slot name="footer"></slot></footer></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-page-root"><header class="ui5-page-header-root" id="ui5-page-header"><slot name="header"></slot></header><section part="content" class="ui5-page-content-root" style="${(0, _LitRenderer.styleMap)(this.styles.content)}"><slot></slot></section><footer class="ui5-page-footer-root" style="${(0, _LitRenderer.styleMap)(this.styles.footer)}"><slot name="footer"></slot></footer></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,15 +7,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.targetSrc ? block1(context, tags, suffix) : block5(context, tags, suffix)}`;
-  const block1 = (context, tags, suffix) => (0, _LitRenderer.html)`<a class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)} href="${(0, _LitRenderer.ifDefined)(context.targetSrc)}" target="${(0, _LitRenderer.ifDefined)(context.target)}">${context.icon ? block2(context, tags, suffix) : undefined}<span class="ui5-product-switch-item-text-content">${context.titleText ? block3(context, tags, suffix) : undefined}${context.subtitleText ? block4(context, tags, suffix) : undefined}</span></a>`;
-  const block2 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></ui5-icon>`;
-  const block3 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-product-switch-item-title">${(0, _LitRenderer.ifDefined)(context.titleText)}</span>`;
-  const block4 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-product-switch-item-subtitle">${(0, _LitRenderer.ifDefined)(context.subtitleText)}</span>`;
-  const block5 = (context, tags, suffix) => (0, _LitRenderer.html)`<div role="listitem" class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${context._onfocusout}" @focusin="${context._onfocusin}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" tabindex=${(0, _LitRenderer.ifDefined)(context._tabIndex)}>${context.icon ? block6(context, tags, suffix) : undefined}<span class="ui5-product-switch-item-text-content">${context.titleText ? block7(context, tags, suffix) : undefined}${context.subtitleText ? block8(context, tags, suffix) : undefined}</span></div>`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}"></ui5-icon>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-product-switch-item-title">${(0, _LitRenderer.ifDefined)(context.titleText)}</span>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<span class="ui5-product-switch-item-subtitle">${(0, _LitRenderer.ifDefined)(context.subtitleText)}</span>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`${this.targetSrc ? block1.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}`;
+  }
+  function block1(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<a class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" @mousedown="${this._onmousedown}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" tabindex=${(0, _LitRenderer.ifDefined)(this._tabIndex)} href="${(0, _LitRenderer.ifDefined)(this.targetSrc)}" target="${(0, _LitRenderer.ifDefined)(this.target)}">${this.icon ? block2.call(this, context, tags, suffix) : undefined}<span class="ui5-product-switch-item-text-content">${this.titleText ? block3.call(this, context, tags, suffix) : undefined}${this.subtitleText ? block4.call(this, context, tags, suffix) : undefined}</span></a>`;
+  }
+  function block2(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></ui5-icon>`;
+  }
+  function block3(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-product-switch-item-title">${(0, _LitRenderer.ifDefined)(this.titleText)}</span>`;
+  }
+  function block4(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-product-switch-item-subtitle">${(0, _LitRenderer.ifDefined)(this.subtitleText)}</span>`;
+  }
+  function block5(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div role="listitem" class="ui5-product-switch-item-root" data-sap-focus-ref @focusout="${this._onfocusout}" @focusin="${this._onfocusin}" @mousedown="${this._onmousedown}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" tabindex=${(0, _LitRenderer.ifDefined)(this._tabIndex)}>${this.icon ? block6.call(this, context, tags, suffix) : undefined}<span class="ui5-product-switch-item-text-content">${this.titleText ? block7.call(this, context, tags, suffix) : undefined}${this.subtitleText ? block8.call(this, context, tags, suffix) : undefined}</span></div>`;
+  }
+  function block6(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon class="ui5-product-switch-item-icon" name="${(0, _LitRenderer.ifDefined)(this.icon)}"></ui5-icon>`;
+  }
+  function block7(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-product-switch-item-title">${(0, _LitRenderer.ifDefined)(this.titleText)}</span>`;
+  }
+  function block8(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<span class="ui5-product-switch-item-subtitle">${(0, _LitRenderer.ifDefined)(this.subtitleText)}</span>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,7 +7,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<div class="ui5-product-switch-root" role="list" aria-label="${(0, _LitRenderer.ifDefined)(context._ariaLabelText)}" @focusin=${context._onfocusin} @keydown=${context._onkeydown} @click="${context.handleProductSwitchItemClick}"><slot></slot></div>`;
+  function block0(context, tags, suffix) {
+    return (0, _LitRenderer.html)`<div class="ui5-product-switch-root" role="list" aria-label="${(0, _LitRenderer.ifDefined)(this._ariaLabelText)}" @focusin=${this._onfocusin} @keydown=${this._onkeydown} @click="${this.handleProductSwitchItemClick}"><slot></slot></div>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });

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

@@ -7,9 +7,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _exports.default = void 0;
   /* eslint no-unused-vars: 0 */
 
-  const block0 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-shellbar-menu-popover" hide-arrow placement-type="Bottom" @ui5-before-open=${(0, _LitRenderer.ifDefined)(context._menuPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._menuPopoverAfterClose)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" mode="SingleSelect" @ui5-selection-change=${(0, _LitRenderer.ifDefined)(context._menuItemPress)}>${(0, _LitRenderer.repeat)(context._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(context.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${(0, _LitRenderer.ifDefined)(context._overflowPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._overflowPopoverAfterClose)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._handleActionListClick)}">${(0, _LitRenderer.repeat)(context._hiddenIcons, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover class="ui5-shellbar-menu-popover" hide-arrow placement-type="Bottom" @ui5-before-open=${(0, _LitRenderer.ifDefined)(context._menuPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._menuPopoverAfterClose)}><ui5-list separators="None" mode="SingleSelect" @ui5-selection-change=${(0, _LitRenderer.ifDefined)(context._menuItemPress)}>${(0, _LitRenderer.repeat)(context._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix))}</ui5-list></ui5-popover><ui5-popover class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(context.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${(0, _LitRenderer.ifDefined)(context._overflowPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(context._overflowPopoverAfterClose)}><ui5-list separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(context._handleActionListClick)}">${(0, _LitRenderer.repeat)(context._hiddenIcons, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix))}</ui5-list></ui5-popover>`;
-  const block1 = (item, index, context, tags, suffix) => (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
-  const block2 = (item, index, context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" type="Active" @ui5-_press="${(0, _LitRenderer.ifDefined)(item.press)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" type="Active" @ui5-_press="${(0, _LitRenderer.ifDefined)(item.press)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  function block0(context, tags, suffix) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-shellbar-menu-popover" hide-arrow placement-type="Bottom" @ui5-before-open=${(0, _LitRenderer.ifDefined)(this._menuPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._menuPopoverAfterClose)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" mode="SingleSelect" @ui5-selection-change=${(0, _LitRenderer.ifDefined)(this._menuItemPress)}>${(0, _LitRenderer.repeat)(this._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}><${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)} class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(this.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${(0, _LitRenderer.ifDefined)(this._overflowPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._overflowPopoverAfterClose)}><${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)} separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleActionListClick)}">${(0, _LitRenderer.repeat)(this._hiddenIcons, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${(0, _LitRenderer.scopeTag)("ui5-list", tags, suffix)}></${(0, _LitRenderer.scopeTag)("ui5-popover", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-popover class="ui5-shellbar-menu-popover" hide-arrow placement-type="Bottom" @ui5-before-open=${(0, _LitRenderer.ifDefined)(this._menuPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._menuPopoverAfterClose)}><ui5-list separators="None" mode="SingleSelect" @ui5-selection-change=${(0, _LitRenderer.ifDefined)(this._menuItemPress)}>${(0, _LitRenderer.repeat)(this._menuPopoverItems, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-list></ui5-popover><ui5-popover class="ui5-shellbar-overflow-popover" placement-type="Bottom" horizontal-align="${(0, _LitRenderer.ifDefined)(this.popoverHorizontalAlign)}" hide-arrow @ui5-before-open=${(0, _LitRenderer.ifDefined)(this._overflowPopoverBeforeOpen)} @ui5-after-close=${(0, _LitRenderer.ifDefined)(this._overflowPopoverAfterClose)}><ui5-list separators="None" @ui5-item-click="${(0, _LitRenderer.ifDefined)(this._handleActionListClick)}">${(0, _LitRenderer.repeat)(this._hiddenIcons, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-list></ui5-popover>`;
+  }
+  function block1(context, tags, suffix, item, index) {
+    return (0, _LitRenderer.html)`${(0, _LitRenderer.ifDefined)(item)}`;
+  }
+  function block2(context, tags, suffix, item, index) {
+    return suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)} data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" type="Active" @ui5-_press="${(0, _LitRenderer.ifDefined)(item.press)}">${(0, _LitRenderer.ifDefined)(item.text)}</${(0, _LitRenderer.scopeTag)("ui5-li", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-li data-ui5-external-action-item-id="${(0, _LitRenderer.ifDefined)(item.refItemid)}" icon="${(0, _LitRenderer.ifDefined)(item.icon)}" type="Active" @ui5-_press="${(0, _LitRenderer.ifDefined)(item.press)}">${(0, _LitRenderer.ifDefined)(item.text)}</ui5-li>`;
+  }
   var _default = block0;
   _exports.default = _default;
 });