@sapudex/web-components 2.58.0 → 2.59.0

package/src/SecondaryNavigationSubItem.hbs

@@ -1,47 +0,0 @@
-{{#if isBack}}
-    <button
-        @click="{{onBackItemClick}}"
-        aria-label="{{backButtonAriaLabel}}"
-        tabindex="0"
-        is-back
-        class="udex-secondary-navigation__dropdown-item">
-        <ui5-icon
-            class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back"
-            name="slim-arrow-left"
-            mode="Decorative">
-        </ui5-icon>
-        {{itemLabel}}
-    </button>
-{{else}}
-    {{#if isButton}}
-        <button
-            @click="{{onItemClick}}"
-            aria-haspopup="{{hasItems}}"
-            ?sub-active="{{isSubItemActive}}"
-            aria-label="{{label}}"
-            ?active="{{active}}"
-            tabindex="0"
-            aria-current="{{ariaCurrent}}"
-            class="udex-secondary-navigation__dropdown-item">
-            {{itemLabel}}
-            {{#if hasItems}}
-                <ui5-icon
-                    class="udex-secondary-navigation__dropdown-icon"
-                    name="slim-arrow-right"
-                    mode="Decorative">
-                </ui5-icon>
-            {{/if}}
-        </button>
-    {{else}}
-        <a
-            @click="{{onItemClick}}"
-            href="{{path}}"
-            target="{{target}}"
-            ?active="{{active}}"
-            tabindex="0"
-            aria-current="{{ariaCurrent}}"
-            class="udex-secondary-navigation__dropdown-item">
-            {{itemLabel}}
-        </a>
-    {{/if}}
-{{/if}}

package/src/SideNavigationMobile.hbs

@@ -1,41 +0,0 @@
-<div
-    id="udex-{{this._id}}-side-navigation-mobile__opener"
-    class="udex-side-navigation-mobile__trigger"
-    accessible-role="button"
-    aria-haspopup="true"
-    tabindex="0"
-    ?active="{{_dropdownOpened}}"
-    @keydown="{{handleKeydown}}"
-    @click="{{handleTriggerClick}}">
-    <div class="udex-side-navigation-mobile__selected-item">
-        {{#if _selectedItem}}
-            {{#if _selectedItem?.icon}}
-                <ui5-icon
-                    class="udex-side-navigation-mobile__selected-item-icon"
-                    name="{{_selectedItem?.icon}}">
-                </ui5-icon>
-            {{/if}}
-            <span>{{_selectedItem?.text}}</span>
-        {{/if}}
-    </div>
-    <ui5-icon
-        class="udex-side-navigation-mobile__trigger-toggle-icon"
-        name="slim-arrow-down">
-    </ui5-icon>
-</div>
-<udex-dropdown
-    class="udex-side-navigation-mobile__popover"
-    id="udex-{{this._id}}-side-navigation-mobile__popover"
-    opener="udex-{{this._id}}-side-navigation-mobile__opener"
-    placement="Bottom"
-    horizontal-align="Stretch"
-    disable-target-overlap="true"
-    height="none"
-    @open="{{_afterDropdownOpen}}"
-    @close="{{_afterDropdownClose}}">
-    <udex-side-navigation @ui5-selection-change="{{_handleSelectionChanged}}">
-        {{#each _navItems}}
-            {{this}}
-        {{/each}}
-    </udex-side-navigation>
-</udex-dropdown>

package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts

@@ -1,17 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type SecondaryNavigationItem from "../../SecondaryNavigationItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isLink ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) } `;}
-function block1 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a class="udex-secondary-navigation__item" tabindex="0" ?active="${this.isActive}" href="${ifDefined(this.path)}" target="${ifDefined(this.target)}" aria-current="${ifDefined(this.ariaCurrent)}" @keydown="${this.handleItemLinkKeyDown}" @click="${this.fireNavItemClickEvent}">${ifDefined(this.itemLabel)}</a>`;}
-function block2 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button class="udex-secondary-navigation__item" tabindex="0" ?active="${this.isActive}" aria-haspopup="${ifDefined(this.hasNestedItems)}" aria-expanded="${ifDefined(this.isOpen)}" aria-label="${ifDefined(this.ariaLabel)}" @keydown="${this.handleItemEnterOrSpaceKeys}" @click="${this.openDropdown}"><span class="udex-secondary-navigation__item-text-wrap">${ifDefined(this.itemLabel)}${ this._subTitle ? block3.call(this, context, tags, suffix) : undefined }${ this.hasNestedItems ? block4.call(this, context, tags, suffix) : undefined }</span></button>${ this.isOpen ? block5.call(this, context, tags, suffix) : undefined }`;}
-function block3 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-secondary-navigation__item-sub-title">${ifDefined(this._subTitle)}</span>`;}
-function block4 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-secondary-navigation__item-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-secondary-navigation__item-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`;}
-function block5 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__dropdown"><ul class="udex-secondary-navigation__dropdown-list" @keydown="${this.handleSubItemKeyDown}">${ repeat(this._processedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</ul><div @keydown="${this.handleButtonsEscKey}"><slot></slot></div></div>`;}
-function block6 (this: SecondaryNavigationItem, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li><${scopeTag("udex-secondary-navigation-sub-item", tags, suffix)} index="${index}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-back-item-click="${ifDefined(this.onBackClick)}" is-back="${ifDefined(item.isBack)}" label="${ifDefined(item.title)}" mobile-link-title="${ifDefined(item.mobileLinkTitle)}" .nestedItems="${ifDefined(item.items)}" path="${ifDefined(item.path)}" target="${ifDefined(item.target)}" ?active="${item.active}"></${scopeTag("udex-secondary-navigation-sub-item", tags, suffix)}></li>` : html`<li><udex-secondary-navigation-sub-item index="${index}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-back-item-click="${ifDefined(this.onBackClick)}" is-back="${ifDefined(item.isBack)}" label="${ifDefined(item.title)}" mobile-link-title="${ifDefined(item.mobileLinkTitle)}" .nestedItems="${ifDefined(item.items)}" path="${ifDefined(item.path)}" target="${ifDefined(item.target)}" ?active="${item.active}"></udex-secondary-navigation-sub-item></li>`;}
-
-function template(this: SecondaryNavigationItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/SecondaryNavigationSubItemTemplate.lit.ts

@@ -1,16 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type SecondaryNavigationSubItem from "../../SecondaryNavigationSubItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isBack ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) } `;}
-function block1 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button @click="${this.onBackItemClick}" aria-label="${ifDefined(this.backButtonAriaLabel)}" tabindex="0" is-back class="udex-secondary-navigation__dropdown-item"><${scopeTag("ui5-icon", tags, suffix)} class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>${ifDefined(this.itemLabel)}</button>` : html`<button @click="${this.onBackItemClick}" aria-label="${ifDefined(this.backButtonAriaLabel)}" tabindex="0" is-back class="udex-secondary-navigation__dropdown-item"><ui5-icon class="udex-secondary-navigation__dropdown-icon udex-secondary-navigation__dropdown-icon_back" name="slim-arrow-left" mode="Decorative"></ui5-icon>${ifDefined(this.itemLabel)}</button>`;}
-function block2 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isButton ? block3.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }`;}
-function block3 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button @click="${this.onItemClick}" aria-haspopup="${ifDefined(this.hasItems)}" ?sub-active="${this.isSubItemActive}" aria-label="${ifDefined(this.label)}" ?active="${this.active}" tabindex="0" aria-current="${ifDefined(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${ifDefined(this.itemLabel)}${ this.hasItems ? block4.call(this, context, tags, suffix) : undefined }</button>`;}
-function block4 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-secondary-navigation__dropdown-icon" name="slim-arrow-right" mode="Decorative"></ui5-icon>`;}
-function block5 (this: SecondaryNavigationSubItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a @click="${this.onItemClick}" href="${ifDefined(this.path)}" target="${ifDefined(this.target)}" ?active="${this.active}" tabindex="0" aria-current="${ifDefined(this.ariaCurrent)}" class="udex-secondary-navigation__dropdown-item">${ifDefined(this.itemLabel)}</a>`;}
-
-function template(this: SecondaryNavigationSubItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/SecondaryNavigationTemplate.lit.ts

@@ -1,19 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type SecondaryNavigation from "../../SecondaryNavigation.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.rootClass)}">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-secondary-navigation__holder">${ this.heading.length ? block2.call(this, context, tags, suffix) : undefined }<nav class="udex-secondary-navigation__wrap"><ul class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${ repeat(this.visibleItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block6.call(this, context, tags, suffix) : undefined }</ul>${ this.hasDesktopButtonsSlot ? block7.call(this, context, tags, suffix) : undefined }</nav></div><${scopeTag("udex-secondary-navigation-item", tags, suffix)} @keydown="${this.handleKeyDown}" _max-height="${ifDefined(this.maxDropdownHeight)}" class="udex-secondary-navigation__mobile-nav" role="button" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" label="${ifDefined(this.heading)}" mobile-link-title="${ifDefined(this.title)}" @ui5-nav-item-click="${ifDefined(this.handleMobileMenuOpenerClick)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" _is-mobile-menu-opener .subItems="${ifDefined(this.parsedItems)}">${ this.hasMobileButtonsSlot ? block8.call(this, context, tags, suffix) : undefined }</${scopeTag("udex-secondary-navigation-item", tags, suffix)}></div> ` : html`<div class="${ifDefined(this.rootClass)}">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-secondary-navigation__holder">${ this.heading.length ? block2.call(this, context, tags, suffix) : undefined }<nav class="udex-secondary-navigation__wrap"><ul class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${ repeat(this.visibleItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }${ this._showMoreButton ? block6.call(this, context, tags, suffix) : undefined }</ul>${ this.hasDesktopButtonsSlot ? block7.call(this, context, tags, suffix) : undefined }</nav></div><udex-secondary-navigation-item @keydown="${this.handleKeyDown}" _max-height="${ifDefined(this.maxDropdownHeight)}" class="udex-secondary-navigation__mobile-nav" role="button" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" label="${ifDefined(this.heading)}" mobile-link-title="${ifDefined(this.title)}" @ui5-nav-item-click="${ifDefined(this.handleMobileMenuOpenerClick)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" _is-mobile-menu-opener .subItems="${ifDefined(this.parsedItems)}">${ this.hasMobileButtonsSlot ? block8.call(this, context, tags, suffix) : undefined }</udex-secondary-navigation-item></div> `;}
-function block1 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__breadcrumbs"><slot name="breadcrumbs"></slot></div>`;}
-function block2 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__heading">${ this.headingHref.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>`;}
-function block3 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a class="udex-secondary-navigation__title" tabindex="0" @click="${this.handleHeadingClick}" href="${ifDefined(this.headingHref)}">${ifDefined(this.heading)}</a>`;}
-function block4 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-secondary-navigation__title">${ifDefined(this.heading)}</span>`;}
-function block5 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-secondary-navigation__list-item"><${scopeTag("udex-secondary-navigation-item", tags, suffix)} index="${index}" ?active="${item.active}" path="${ifDefined(item.path)}" label="${ifDefined(item.title)}" mobile-link-title="${ifDefined(item.mobileLinkTitle)}" target="${ifDefined(item.target)}" .subItems="${ifDefined(item.items)}" _nav-items-length="${ifDefined(this.visibleItems.length)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}"></${scopeTag("udex-secondary-navigation-item", tags, suffix)}></li>` : html`<li class="udex-secondary-navigation__list-item"><udex-secondary-navigation-item index="${index}" ?active="${item.active}" path="${ifDefined(item.path)}" label="${ifDefined(item.title)}" mobile-link-title="${ifDefined(item.mobileLinkTitle)}" target="${ifDefined(item.target)}" .subItems="${ifDefined(item.items)}" _nav-items-length="${ifDefined(this.visibleItems.length)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}"></udex-secondary-navigation-item></li>`;}
-function block6 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-secondary-navigation__list-item"><${scopeTag("udex-secondary-navigation-item", tags, suffix)} _nav-items-length="${ifDefined(this.visibleItems.length)}" index="${ifDefined(this.visibleItems.length)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}" label="${ifDefined(this.moreButtonText)}" .subItems="${ifDefined(this._overflowItems)}"></${scopeTag("udex-secondary-navigation-item", tags, suffix)}></li>` : html`<li class="udex-secondary-navigation__list-item"><udex-secondary-navigation-item _nav-items-length="${ifDefined(this.visibleItems.length)}" index="${ifDefined(this.visibleItems.length)}" @ui5-sub-item-click="${ifDefined(this.handleSubItemClick)}" @ui5-nav-item-click="${ifDefined(this.handleItemClick)}" label="${ifDefined(this.moreButtonText)}" .subItems="${ifDefined(this._overflowItems)}"></udex-secondary-navigation-item></li>`;}
-function block7 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div>`;}
-function block8 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__buttons" @click="${this.handleMobileButtonsClick}"><slot name="buttons"></slot></div>`;}
-
-function template(this: SecondaryNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/SideNavigationMobileTemplate.lit.ts

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type SideNavigationMobile from "../../SideNavigationMobile.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div id="udex-${ifDefined(this._id)}-side-navigation-mobile__opener" class="udex-side-navigation-mobile__trigger" accessible-role="button" aria-haspopup="true" tabindex="0" ?active="${this._dropdownOpened}" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${ this._selectedItem ? block1.call(this, context, tags, suffix) : undefined }</div><${scopeTag("ui5-icon", tags, suffix)} class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></div><${scopeTag("udex-dropdown", tags, suffix)} class="udex-side-navigation-mobile__popover" id="udex-${ifDefined(this._id)}-side-navigation-mobile__popover" opener="udex-${ifDefined(this._id)}-side-navigation-mobile__opener" placement="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @open="${this._afterDropdownOpen}" @close="${this._afterDropdownClose}"><${scopeTag("udex-side-navigation", tags, suffix)} @ui5-selection-change="${ifDefined(this._handleSelectionChanged)}">${ repeat(this._navItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-side-navigation", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<div id="udex-${ifDefined(this._id)}-side-navigation-mobile__opener" class="udex-side-navigation-mobile__trigger" accessible-role="button" aria-haspopup="true" tabindex="0" ?active="${this._dropdownOpened}" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${ this._selectedItem ? block1.call(this, context, tags, suffix) : undefined }</div><ui5-icon class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></ui5-icon></div><udex-dropdown class="udex-side-navigation-mobile__popover" id="udex-${ifDefined(this._id)}-side-navigation-mobile__popover" opener="udex-${ifDefined(this._id)}-side-navigation-mobile__opener" placement="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @open="${this._afterDropdownOpen}" @close="${this._afterDropdownClose}"><udex-side-navigation @ui5-selection-change="${ifDefined(this._handleSelectionChanged)}">${ repeat(this._navItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-side-navigation></udex-dropdown>`;}
-function block1 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._selectedItem?.icon ? block2.call(this, context, tags, suffix) : undefined }<span>${ifDefined(this._selectedItem?.text)}</span>`;}
-function block2 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-side-navigation-mobile__selected-item-icon" name="${ifDefined(this._selectedItem?.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-side-navigation-mobile__selected-item-icon" name="${ifDefined(this._selectedItem?.icon)}"></ui5-icon>`;}
-function block3 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}
-
-function template(this: SideNavigationMobile) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;