@sapudex/web-components 2.57.0 → 2.59.0

package/src/SecondaryNavigationItem.hbs

@@ -1,68 +0,0 @@
-{{#if isLink}}
-    <a
-        class="udex-secondary-navigation__item"
-        tabindex="0"
-        ?active="{{isActive}}"
-        href="{{path}}"
-        target="{{target}}"
-        aria-current="{{ariaCurrent}}"
-        @keydown="{{handleItemLinkKeyDown}}"
-        @click="{{fireNavItemClickEvent}}">
-        {{itemLabel}}
-    </a>
-{{else}}
-    <button
-        class="udex-secondary-navigation__item"
-        tabindex="0"
-        ?active="{{isActive}}"
-        aria-haspopup="{{hasNestedItems}}"
-        aria-expanded="{{isOpen}}"
-        aria-label="{{ariaLabel}}"
-        @keydown="{{handleItemEnterOrSpaceKeys}}"
-        @click="{{openDropdown}}">
-        <span class="udex-secondary-navigation__item-text-wrap">
-            {{itemLabel}}
-            {{#if _subTitle}}
-                <span
-                    class="udex-secondary-navigation__item-sub-title">
-                    {{_subTitle}}
-                </span>
-            {{/if}}
-            {{#if hasNestedItems}}
-                <ui5-icon
-                    class="udex-secondary-navigation__item-icon"
-                    name="slim-arrow-down"
-                    mode="Decorative">
-                </ui5-icon>
-            {{/if}}
-        </span>
-    </button>
-    {{#if isOpen}}
-        <div
-            class="udex-secondary-navigation__dropdown">
-            <ul
-                class="udex-secondary-navigation__dropdown-list"
-                @keydown="{{handleSubItemKeyDown}}">
-                {{#each _processedItems}}
-                    <li>
-                        <udex-secondary-navigation-sub-item
-                            index="{{@index}}"
-                            @ui5-sub-item-click="{{../handleSubItemClick}}"
-                            @ui5-back-item-click="{{../onBackClick}}"
-                            is-back="{{this.isBack}}"
-                            label="{{this.title}}"
-                            mobile-link-title="{{this.mobileLinkTitle}}"
-                            .nestedItems="{{this.items}}"
-                            path="{{this.path}}"
-                            target="{{this.target}}"
-                            ?active="{{this.active}}">
-                        </udex-secondary-navigation-sub-item>
-                    </li>
-                {{/each}}
-            </ul>
-            <div @keydown="{{handleButtonsEscKey}}">
-                <slot></slot>
-            </div>
-        </div>
-    {{/if}}
-{{/if}}

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/Tab.hbs

@@ -1 +0,0 @@
-<slot></slot>

package/src/TabHeader.hbs

@@ -1,141 +0,0 @@
-{{#if hasBodyTextOrLink}}
-    <div class="udex-tab-navigation__tab-wrapper"
-        role="presentation"
-        ._realTab="{{this}}"
-        {{#if this.widthStyle}}style="{{this.widthStyle}}"{{/if}}>
-        {{#if hasNotHref}}
-            <button
-                id="{{this._id}}"
-                class="udex-tab-navigation__button-tab {{selectedClass}} {{classWithIconWithoutBackground}} {{buttonClassWithIcon}} {{processTabClass}}"
-                type="button"
-                role="tab"
-                tabindex="{{this._tabIndex}}"
-                aria-posinset="{{this._posinset}}"
-                aria-setsize="{{this._setsize}}"
-                aria-controls="{{this._contentId}}"
-                aria-selected="{{this.effectiveSelected}}"
-                aria-disabled="{{this.ariaDisabled}}">
-                {{>tab-content}}
-                {{#if this.ariaDescribedByBodyText}}
-                    <span class="visually-hidden">{{bodyText}}</span>
-                {{/if}}
-            </button>
-        {{else}}
-            <a
-                id="{{this._id}}"
-                class="udex-tab-navigation__button-tab {{selectedClass}} {{classWithIconWithoutBackground}} {{buttonClassWithIcon}} {{processTabClass}}"
-                href="{{href}}"
-                target="{{target}}"
-                role="tab"
-                tabindex="{{this.linkTabIndex}}"
-                aria-posinset="{{this._posinset}}"
-                aria-setsize="{{this._setsize}}"
-                aria-disabled="{{this.ariaDisabled}}">
-                {{>tab-content}}
-                {{#if this.ariaDescribedByBodyText}}
-                    <span class="visually-hidden">{{bodyText}}</span>
-                {{/if}}
-            </a>
-        {{/if}}
-        {{#if hasBodyText}}
-            <p class="udex-tab-navigation__button-body-text">{{bodyText}}</p>
-        {{/if}}
-        {{#if hasLinkSlot}}
-            <div class="udex-tab-navigation__button-links">
-                {{{linkSlotHtml}}}
-            </div>
-        {{/if}}
-    </div>
-{{else}}
-    {{#if hasNotHref}}
-        <button
-            id="{{this._id}}"
-            class="udex-tab-navigation__button-tab {{selectedClass}} {{classWithIconWithoutBackground}} {{buttonClassWithIcon}} {{processTabClass}}"
-            tabindex="{{this._tabIndex}}"
-            type="button"
-            role="tab"
-            aria-describedby="udex-tab-navigation__{{this._id}}__accessible-name"
-            aria-posinset="{{this._posinset}}"
-            aria-setsize="{{this._setsize}}"
-            aria-controls="{{this._contentId}}"
-            aria-selected="{{this.effectiveSelected}}"
-            aria-disabled="{{this.ariaDisabled}}"
-            ._realTab="{{this}}"
-            {{#if this.widthStyle}}style="{{this.widthStyle}}"{{/if}}>
-            {{>tab-content}}
-        </button>
-    {{else}}
-        <a
-            id="{{this._id}}"
-            class="udex-tab-navigation__button-tab {{selectedClass}} {{classWithIconWithoutBackground}} {{buttonClassWithIcon}} {{processTabClass}}"
-            tabindex="{{this.linkTabIndex}}"
-            role="tab"
-            aria-posinset="{{this._posinset}}"
-            aria-setsize="{{this._setsize}}"
-            href="{{href}}"
-            target="{{target}}"
-            aria-disabled="{{this.ariaDisabled}}"
-            {{#if this.widthStyle}}style="{{this.widthStyle}}"{{/if}}
-            ._realTab="{{this}}">
-            {{>tab-content}}
-        </a>
-    {{/if}}
-{{/if}}
-
-{{#*inline "tab-content"}}
-    {{#if hasIcon}}
-        <span class="udex-tab-navigation__button-icon-outer"
-            role="presentation"
-            aria-hidden="true">
-            <ui5-icon
-                class="udex-tab-navigation__button-icon"
-                name="{{icon}}"
-            ></ui5-icon>
-            {{#if showAttentionBadge}}
-                <span class="udex-tab-navigation__button-badge"></span>
-            {{/if}}
-        </span>
-    {{/if}}
-    {{#if _isProcessTab}}
-        <span class="udex-tab-navigation__button-text-block">
-            <span class="udex-tab-navigation__button-item-count">{{effectiveItemCountText}}</span>
-            <p class="udex-tab-navigation__button-text {{classWithIcon}}">
-                {{text}}
-                {{#if numberBadge}}
-                    <udex-badge
-                        class="udex-tab-navigation__badge"
-                        type="Number"
-                        number-design="Blue"
-                        size="Medium">
-                        {{numberBadge}}
-                    </udex-badge>
-                {{/if}}
-                {{#if hasNotIcon}}
-                    <span class="udex-tab-navigation__button-badge"></span>
-                {{/if}}
-            </p>
-        </span>
-    {{else}}
-        <p class="udex-tab-navigation__button-text {{classWithIcon}}">
-            {{text}}
-            {{#if numberBadge}}
-                <udex-badge
-                    class="udex-tab-navigation__badge"
-                    type="Number"
-                    number-design="Blue"
-                    size="Medium">
-                    {{numberBadge}}
-                </udex-badge>
-            {{/if}}
-            {{#if hasNotIcon}}
-                <span class="udex-tab-navigation__button-badge"></span>
-            {{/if}}
-        </p>
-    {{/if}}
-    <span
-        class="visually-hidden"
-        id="udex-tab-navigation__{{this._id}}__accessible-name"
-    >
-        {{accessibleNameText}}
-    </span>
-{{/inline}}

package/src/TabInOverflow.hbs

@@ -1,59 +0,0 @@
-{{#if hasNotHref}}
-    <button
-        id="{{this._id}}"
-        class="udex-tab-overflow__button"
-        role="tab"
-        aria-selected="{{this.effectiveSelected}}"
-        aria-disabled="{{this.ariaDisabled}}"
-        tabindex="{{_tabIndex}}">
-        {{#if hasIcon}}
-            <span class="udex-tab-overflow__button-icon"
-                role="presentation"
-                aria-hidden="true">
-                <ui5-icon
-                    name="{{icon}}"
-                ></ui5-icon>
-                {{#if showAttentionBadge}}
-                    <span class="udex-tab-overflow__button-badge"></span>
-                {{/if}}
-            </span>
-        {{/if}}
-        {{text}}
-        {{#if hasNotIcon}}
-            <span class="udex-tab-overflow__button-badge"
-                role="presentation"
-                aria-hidden="true">
-            </span>
-        {{/if}}
-    </button>
-{{else}}
-    <a
-        id="{{this._id}}"
-        href="{{href}}"
-        target="{{this.target}}"
-        class="udex-tab-overflow__button"
-        role="tab"
-        aria-selected="{{this.effectiveSelected}}"
-        aria-disabled="{{this.ariaDisabled}}"
-        tabindex="{{_tabIndex}}">
-        {{#if hasIcon}}
-            <span class="udex-tab-overflow__button-icon"
-                role="presentation"
-                aria-hidden="true">
-                <ui5-icon
-                    name="{{icon}}"
-                ></ui5-icon>
-                {{#if showAttentionBadge}}
-                    <span class="udex-tab-overflow__button-badge"></span>
-                {{/if}}
-            </span>
-        {{/if}}
-        {{text}}
-        {{#if hasNotIcon}}
-            <span class="udex-tab-overflow__button-badge"
-                role="presentation"
-                aria-hidden="true">
-            </span>
-        {{/if}}
-    </a>
-{{/if}}

package/src/TabNavigation.hbs

@@ -1,88 +0,0 @@
-<div class="udex-tab-navigation__root">
-    <div
-        id="{{_id}}-header"
-        class="udex-tab-navigation__header"
-        part="tab-navigation-header"
-        @keydown="{{handleKeyDown}}">
-        {{#if showPlayButton}}
-            <udex-button
-                class="udex-tab-navigation__play-button"
-                design="Tertiary"
-                size="Large"
-                icon="{{playBtnIcon}}"
-                tooltip="{{playBtnTooltipText}}"
-                @click="{{onPlayButtonClick}}">
-            </udex-button>
-        {{/if}}
-        <div
-            id="{{_id}}-header-tabs"
-            class="udex-tab-navigation__header-tabs"
-            role="tablist"
-            aria-labelledby="tablist-{{_id}}"
-            aria-orientation="{{ariaOrientationValue}}"
-            part="tab-navigation-header-tabs"
-            @click="{{onTabClick}}">
-            {{#each items}}
-                {{this.tabNavigation}}
-                {{#if this.isMobileVertical}}
-                    {{#if this.selected}}
-                        <div
-                            class="udex-tab-navigation__content"
-                            part="tab-navigation-content">
-                            <div
-                                class="udex-tab-navigation__content-item"
-                                id="{{_contentId}}-mobile"
-                                role="tabpanel"
-                                aria-labelledby="{{_id}}">
-                                <slot name="{{this._slotName}}"></slot>
-                            </div>
-                        </div>
-                    {{/if}}
-                {{/if}}
-            {{/each}}
-        </div>
-        <udex-button
-            class="udex-tab-navigation__button-more"
-            design="Tertiary"
-            size="{{sizeMoreButton}}"
-            end-icon="navigation-down-arrow"
-            @click="{{handleMoreButton}}"
-            @keydown="{{handleFocusMoreButton}}"
-            aria-haspopup="menu"
-            aria-expanded="{{_isExpanded}}"
-            hidden>
-            {{moreButtonText}}
-        </udex-button>
-        {{#if this._overflowItems.length}}
-            {{tabNavigationPopover}}
-        {{/if}}
-        {{#if showFooterSlot}}
-            <div class="udex-tab-navigation__footer" part="tab-navigation-footer">
-                <slot name="footer"></slot>
-            </div>
-        {{/if}}
-    </div>
-    <div
-        class="udex-tab-navigation__content"
-        id="udex-{{__id}}-content"
-        part="tab-navigation-content">
-        {{#each items}}
-            {{#if this.selected}}
-                <div
-                    class="udex-tab-navigation__content-item"
-                    id="{{_contentId}}"
-                    aria-hidden="{{this.IsMobile}}"
-                    role="tabpanel"
-                    aria-labelledby="{{_id}}">
-                    <slot name="{{this._slotName}}"></slot>
-                </div>
-            {{else}}
-                <div
-                    class="udex-tab-navigation__content-item"
-                    id="{{_contentId}}">
-                    <slot name="{{this._slotName}}"></slot>
-                </div>
-            {{/if}}
-        {{/each}}
-    </div>
-</div>

package/src/TabNavigationPopover.hbs

@@ -1,18 +0,0 @@
-<ui5-popover
-    id="{{_id}}-overflow-popover"
-    horizontal-align="End"
-    placement="Bottom"
-    aria-orientation="vertical"
-    @ui5-open="{{onFocusFirstItemPopover}}"
-    hide-arrow
-    _hideHeader>
-    <div
-        class="tab-navigation-popover"
-        @click="{{handleOverflowItemClick}}"
-        @keydown="{{handleFocusPopover}}"
-        role="tablist">
-        {{#each _overflowItems}}
-            {{tabInOverflow}}
-        {{/each}}
-    </div>
-</ui5-popover>

package/src/generated/templates/MastheadCountrySelectorTemplate.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 MastheadCountrySelector from "../../MastheadCountrySelector.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-country-selector">${ this._isActiveRegionOpen ? block1.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }</div>`;}
-function block1 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-country-selector__title">${ifDefined(this.countryTitle)}</span>${ !this.isSingleMode ? block2.call(this, context, tags, suffix) : undefined }${ !this.hideSearch ? block3.call(this, context, tags, suffix) : undefined }<div class="udex-masthead-country-selector__list-container"><div class="udex-masthead-country-selector__list-wrap" @scroll=${this.handleCountryListShadowVisible}><ul class="udex-masthead-country-selector__list udex-masthead-country-selector__list_countries" role="menu">${ repeat(this._activeCountries, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }</ul></div></div>`;}
-function block2 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__region-back-item" accessible-role="button" _accessible-Name="${ifDefined(this.backToRegionListAccessibleName)}" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" part="menu-item" is-back icon-start></${scopeTag("udex-masthead-menu-item", tags, suffix)}>` : html`<udex-masthead-menu-item class="udex-masthead-country-selector__region-back-item" accessible-role="button" _accessible-Name="${ifDefined(this.backToRegionListAccessibleName)}" @click="${this.backToRegions}" label="${ifDefined(this._activeRegion?.title)}" type="Button" part="menu-item" is-back icon-start></udex-masthead-menu-item>`;}
-function block3 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} class="udex-masthead-country-selector__search" @ui5-handle-value-search="${ifDefined(this.handleSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleSearchReset)}" @ui5-submit-search-value="${ifDefined(this.handleSearch)}" language-voice="${ifDefined(this.languageVoice)}" label="${ifDefined(this.searchLabel)}" mode="${ifDefined(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>` : html`<udex-search class="udex-masthead-country-selector__search" @ui5-handle-value-search="${ifDefined(this.handleSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleSearchReset)}" @ui5-submit-search-value="${ifDefined(this.handleSearch)}" language-voice="${ifDefined(this.languageVoice)}" label="${ifDefined(this.searchLabel)}" mode="${ifDefined(this.homeSearchMode)}" ?show-voice-button="${this.showSearchVoiceButton}" non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>`;}
-function block4 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li role="none"><${scopeTag("udex-masthead-menu-item", tags, suffix)} class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.handleCountryClick}" _country-code="${ifDefined(item.countryCode)}" ?_is-active-country="${ifDefined(item.active)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" part="menu-item" is-nav-item></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li role="none"><udex-masthead-menu-item class="udex-masthead-country-selector__item udex-masthead-country-selector__item_countries" @click="${this.handleCountryClick}" _country-code="${ifDefined(item.countryCode)}" ?_is-active-country="${ifDefined(item.active)}" url="${ifDefined(item.url)}" label="${ifDefined(item.displayTitle)}" index="${index}" part="menu-item" is-nav-item></udex-masthead-menu-item></li>`;}
-function block5 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-country-selector__title">${ifDefined(this.regionTitle)}</span><ul class="udex-masthead-country-selector__list">${ repeat(this.regionsData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</ul>`;}
-function block6 (this: MastheadCountrySelector, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li><${scopeTag("udex-masthead-menu-item", tags, suffix)} id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" accessible-role="button" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-haspopup="true" type="Button" part="menu-item" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></${scopeTag("udex-masthead-menu-item", tags, suffix)}></li>` : html`<li><udex-masthead-menu-item id="${ifDefined(item._id)}" @click="${this.handleRegionClick}" index="${index}" accessible-role="button" class="udex-masthead-country-selector__item udex-masthead-country-selector__item_region" aria-haspopup="true" type="Button" part="menu-item" is-nav-item has-border icon-end label="${ifDefined(item.title)}"></udex-masthead-menu-item></li>`;}
-
-function template(this: MastheadCountrySelector) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,47 +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 MastheadItem from "../../MastheadItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasHref ? block1.call(this, context, tags, suffix) : block12.call(this, context, tags, suffix) } `;}
-function block1 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="${ifDefined(this.additionalClass)}" tabindex="0" role="${ifDefined(this.accessibleRoleName)}" target="${ifDefined(this.target)}" href="${ifDefined(this.href)}" aria-label="${ifDefined(this.accessibleLabel)}" aria-describedby="${ifDefined(this.ariaDescribedBy)}" @click="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}">${ this.icon ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.numberBadge ? block10.call(this, context, tags, suffix) : undefined }</a>${ this.isTargetBlank ? block11.call(this, context, tags, suffix) : undefined }`;}
-function block2 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></ui5-icon>`;}
-function block3 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.image ? block4.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix) }`;}
-function block4 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.imageLoadError ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) }${ this.imageAlt ? block7.call(this, context, tags, suffix) : undefined }`;}
-function block5 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></ui5-icon>`;}
-function block6 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${ifDefined(this._id)}_image-alt" src="${ifDefined(this.image)}" aria-hidden="${ifDefined(this.isCountrySelectorBtn)}" alt="${ifDefined(this.imageAlt)}" @error="${this.handleImageError}"/></div>`;}
-function block7 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="image-desc" class="udex-masthead-hidden-text">${ifDefined(this.imageAlt)}</span>`;}
-function block8 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-item__text"><slot></slot>${ this.hasArrowDown ? block9.call(this, context, tags, suffix) : undefined }</span>`;}
-function block9 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`;}
-function block10 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</udex-badge>`;}
-function block11 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="new-win-desc" class="udex-masthead-hidden-text">${ifDefined(this.openInNewWindowText)}</span>`;}
-function block12 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isProfileBtn ? block13.call(this, context, tags, suffix) : block25.call(this, context, tags, suffix) }`;}
-function block13 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-masthead-item__btn udex-masthead-item__profile-btn ${ifDefined(this.additionalClass)}" tabindex="0" aria-expanded="${ifDefined(this.buttonAriaExpanded)}" aria-describedby="${ifDefined(this.ariaDescribedBy)}" aria-controls="${ifDefined(this._id)}_dropdown" aria-label="${ifDefined(this.accessibleLabel)}" @keydown="${this.handleKeyDown}" @click="${this.handleItemClick}" @click-default="${this.handleItemClick}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}">${ this.icon ? block14.call(this, context, tags, suffix) : block15.call(this, context, tags, suffix) }${ this.numberBadge ? block22.call(this, context, tags, suffix) : undefined }</button>${ this.isDropdownOpened ? block23.call(this, context, tags, suffix) : block24.call(this, context, tags, suffix) }`;}
-function block14 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></ui5-icon>`;}
-function block15 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.image ? block16.call(this, context, tags, suffix) : block20.call(this, context, tags, suffix) }`;}
-function block16 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.imageLoadError ? block17.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix) }${ this.imageAlt ? block19.call(this, context, tags, suffix) : undefined }`;}
-function block17 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></ui5-icon>`;}
-function block18 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${ifDefined(this._id)}_image-alt" src="${ifDefined(this.image)}" aria-hidden="${ifDefined(this.isCountrySelectorBtn)}" alt="${ifDefined(this.imageAlt)}" @error="${this.handleImageError}"/></div>`;}
-function block19 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="image-desc" class="udex-masthead-hidden-text">${ifDefined(this.imageAlt)}</span>`;}
-function block20 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-item__text"><slot></slot>${ this.hasArrowDown ? block21.call(this, context, tags, suffix) : undefined }</span>`;}
-function block21 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`;}
-function block22 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</udex-badge>`;}
-function block23 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}_dropdown" class="udex-masthead-item__dropdown" @keydown="${this.handleKeyDown}" @focusout="${this.handleFocusout}"><div class="udex-masthead-item__dropdown-holder"><slot name="dropdown"></slot></div></div>`;}
-function block24 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}_dropdown"></div>`;}
-function block25 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button role="${ifDefined(this.accessibleRoleName)}" id="${ifDefined(this._id)}" class="udex-masthead-item__btn ${ifDefined(this.additionalClass)}" tabindex="0" aria-expanded="${ifDefined(this.buttonAriaExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown" aria-describedby="${ifDefined(this.ariaDescribedBy)}" aria-label="${ifDefined(this.accessibleLabel)}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}" @mouseup="${this.handleMouseUp}" @click="${this.handleItemClick}">${ this.icon ? block26.call(this, context, tags, suffix) : block27.call(this, context, tags, suffix) }${ this.numberBadge ? block34.call(this, context, tags, suffix) : undefined }</button>${ this.isDropdownOpened ? block35.call(this, context, tags, suffix) : block36.call(this, context, tags, suffix) }`;}
-function block26 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="${ifDefined(this.icon)}" show-tooltip="${ifDefined(this.iconAltText)}" accessible-name="${ifDefined(this.iconAltText)}" mode="Decorative"></ui5-icon>`;}
-function block27 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.image ? block28.call(this, context, tags, suffix) : block32.call(this, context, tags, suffix) }`;}
-function block28 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.imageLoadError ? block29.call(this, context, tags, suffix) : block30.call(this, context, tags, suffix) }${ this.imageAlt ? block31.call(this, context, tags, suffix) : undefined }`;}
-function block29 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__icon" name="sap-icon://world" mode="Decorative"></ui5-icon>`;}
-function block30 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-masthead-item__image-wrap"><img class="udex-masthead-item__image" id="${ifDefined(this._id)}_image-alt" src="${ifDefined(this.image)}" aria-hidden="${ifDefined(this.isCountrySelectorBtn)}" alt="${ifDefined(this.imageAlt)}" @error="${this.handleImageError}"/></div>`;}
-function block31 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="image-desc" class="udex-masthead-hidden-text">${ifDefined(this.imageAlt)}</span>`;}
-function block32 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-item__text"><slot></slot>${ this.hasArrowDown ? block33.call(this, context, tags, suffix) : undefined }</span>`;}
-function block33 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-item__dropdown-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>`;}
-function block34 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-masthead-item__badge" type="Number" number-design="Red" size="Small">${ifDefined(this.numberBadge)}</udex-badge>`;}
-function block35 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}_dropdown" class="udex-masthead-item__dropdown" @keydown="${this.handleKeyDown}" @focusout="${this.handleFocusout}"><div class="udex-masthead-item__dropdown-holder"><slot name="dropdown"></slot></div></div>`;}
-function block36 (this: MastheadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}_dropdown"></div>`;}
-
-function template(this: MastheadItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,25 +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 MastheadMenuItem from "../../MastheadMenuItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isActive ? block1.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix) } `;}
-function block1 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a class="udex-masthead-menu-item ${ifDefined(this.rootClass)}" aria-describedby="${ifDefined(this.ariaDescribedby)}" role="${ifDefined(this.accessibleRoleText)}" href="${ifDefined(this.url)}" part="${ifDefined(this.partAttr)}" target="${ifDefined(this.targetLink)}" tabindex="${ifDefined(this._tabIndex)}">${ this.iconStart ? block2.call(this, context, tags, suffix) : undefined }<span class="${ifDefined(this.labelClass)}">${ this.externalLink ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</span>${ this.iconEnd ? block5.call(this, context, tags, suffix) : undefined }</a>${ this.externalLink ? block6.call(this, context, tags, suffix) : undefined }${ this.badge ? block7.call(this, context, tags, suffix) : undefined }`;}
-function block2 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></ui5-icon>`;}
-function block3 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`${ifDefined(this.leadingWordsOfLabel)}<span class="udex-masthead-menu-item__text-with-icon">${ifDefined(this.lastWordOfLabel)}<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action" name="action" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></span>` : html`${ifDefined(this.leadingWordsOfLabel)}<span class="udex-masthead-menu-item__text-with-icon">${ifDefined(this.lastWordOfLabel)}<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action" name="action" mode="Decorative"></ui5-icon></span>`;}
-function block4 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span>${ifDefined(this.label)}</span>`;}
-function block5 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></ui5-icon>`;}
-function block6 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="new-win-desc" class="udex-masthead-hidden-text">${ifDefined(this.openInNewWindowText)}</span>`;}
-function block7 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} part="badge" class="udex-masthead-menu-item-badge" type="Number" number-design="Blue" size="Small">${ifDefined(this.badge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge part="badge" class="udex-masthead-menu-item-badge" type="Number" number-design="Blue" size="Small">${ifDefined(this.badge)}</udex-badge>`;}
-function block8 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isButtonType ? block9.call(this, context, tags, suffix) : block12.call(this, context, tags, suffix) }`;}
-function block9 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button _id="${ifDefined(this.id)}" aria-label="${ifDefined(this._accessibleName)}" class="udex-masthead-menu-item ${ifDefined(this.rootClass)}" part="menu-item-button" aria-haspopup="${ifDefined(this.ariaHasPopup)}" role="${ifDefined(this.accessibleRoleText)}" tabindex="${ifDefined(this._tabIndex)}">${ this.iconStart ? block10.call(this, context, tags, suffix) : undefined }${ifDefined(this.label)}${ this.iconEnd ? block11.call(this, context, tags, suffix) : undefined }</button>`;}
-function block10 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></ui5-icon>`;}
-function block11 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></ui5-icon>`;}
-function block12 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-masthead-menu-item ${ifDefined(this.rootClass)}" part="menu-item">${ this.iconStart ? block13.call(this, context, tags, suffix) : undefined }${ifDefined(this.label)}${ this.iconEnd ? block14.call(this, context, tags, suffix) : undefined }</span>`;}
-function block13 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left" name="slim-arrow-left" part="left" mode="Decorative"></ui5-icon>`;}
-function block14 (this: MastheadMenuItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right" name="slim-arrow-right" part="right" mode="Decorative"></ui5-icon>`;}
-
-function template(this: MastheadMenuItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;