@sapudex/web-components 2.14.0 → 2.16.0

package/src/Footer.hbs

@@ -1,296 +0,0 @@
-<footer class="udex-footer">
-  <div class="udex-footer__content">
-    <div class="udex-footer__contact-social">
-        {{#if hasLogo}}
-          <div class="udex-footer__logo">
-            {{#if hasLogoLink}}
-              <a href="{{logoHref}}" @click="{{_onLogoClick}}" title="{{logoTitle}}" aria-label="{{logoAriaLabel}}">
-                <img id="udex-footer__logo-image" src="{{currentLogoUrl}}" class="{{logoClass}}" alt="{{logoAlt}}"/>
-              </a>
-            {{else}}
-              <img id="udex-footer__logo-image" src="{{currentLogoUrl}}" class="{{logoClass}}" alt="{{logoAlt}}"/>
-            {{/if}}
-            {{#if hasTagline}}
-              <img id="udex-footer__tagline-image" src="{{currentTaglineUrl}}" class="{{taglineClass}}" alt="{{taglineAlt}}"/>
-            {{/if}}
-          </div>
-        {{/if}}
-        {{#if isContactContainerVisible}}
-        <div class="udex-footer__contact">
-          {{#if contactNumbersArray.length}}
-            <div class="udex-footer__numbers">
-              <div class="udex-footer__icon-container">
-                <ui5-icon class="udex-footer__icon" name="headset" mode="Decorative"></ui5-icon>
-              </div>
-              <div>
-                <div class="udex-footer__numbers-wrapper">
-                  {{#each contactNumbersArray}}
-                    <div>
-                      <span class="hidden" aria-hidden id="udex-footer__{{@index}}_phone-label">{{../phoneNumberAccessibleName}} {{this.country}} : {{this.number}}</span>
-                      <p class="udex-footer__country">{{this.country}}</p>
-                      <a href="tel:{{this.number}}" class="udex-footer__number" @click="{{../_onContactPhoneClick}}" aria-labelledby="udex-footer__{{@index}}_phone-label">
-                        {{this.number}}
-                      </a>
-                    </div>
-                  {{/each}}
-                </div>
-                {{#if localCountryNumbersLink}}
-                  <p class="udex-footer__remark">
-                    {{completeListTitle}}
-                    <udex-link
-                      class="udex-footer__remark-link"
-                      @click="{{_onContactPhoneLocalNumbersClick}}"
-                      href="{{this.localCountryNumbersLink}}"
-                      design="Subtle">
-                      {{localCountryTitle}}.
-                    </udex-link>
-                  </p>
-                {{/if}}
-              </div>
-            </div>
-          {{/if}}
-          {{#if contactUsLink}}
-              <div class="udex-footer__contact-us">
-                <div class="udex-footer__icon-container">
-                  <ui5-icon class="udex-footer__icon" name="email" mode="Decorative"></ui5-icon>
-                </div>
-                <span class="hidden" aria-hidden id="udex-footer__contact-us-label">{{contactUsAccessibleLabel}}</span>
-                <a
-                  href="{{contactUsLink}}"
-                  class="udex-footer__contact-us-link"
-                  aria-labelledby="udex-footer__contact-us-label"
-                  @click="{{_onContactEmailClick}}"
-                >{{contactUsAccessibleName}}</a>
-              </div>
-          {{/if}}
-          {{#if chatWithUsLink}}
-            <div class="udex-footer__chat-with-us">
-              <div class="udex-footer__icon-container">
-                <ui5-icon class="udex-footer__icon" name="discussion-2" mode="Decorative"></ui5-icon>
-              </div>
-              <a href="{{chatWithUsLink}}" class="udex-footer__chat-with-us-link" @click="{{_onContactChatClick}}">{{chatWithUsAccessibleName}}</a>
-            </div>
-          {{/if}}
-        </div>
-        {{/if}}
-    </div>
-
-    {{#if isContactContainerVisible}}
-      <udex-divider class="udex-footer__divider"></udex-divider>
-    {{/if}}
-
-    {{#if _shouldRenderMobileMenu}}
-      {{>mobile-navigation}}
-    {{else}}
-      {{>desktop-navigation}}
-    {{/if}}
-
-    <udex-divider class="udex-footer__divider"></udex-divider>
-  </div>
-
-  <div class="udex-footer__copyright">
-    {{#if isChineseLang}}
-      <span class="udex-footer__copyright-chinese-text">
-        <a
-          href="{{chineseIcpNumberLink}}"
-          title="{{chineseICPNumber}}"
-          class="udex-footer__copyright-chinese-link"
-          target="_blank">
-          {{chineseICPNumber}}
-        </a>
-        {{chineseSecurityNetworkNumber}}
-      </span>
-    {{/if}}
-    <span class="udex-footer__copyright-text">{{copyrightText}}</span>
-  </div>
-
-  {{#if socialLinksArray.length}}
-    <div class="udex-footer__social-container">
-      {{#each socialLinksArray}}
-        <udex-social-media-button
-          type="{{this.name}}"
-          url="{{this.url}}"
-          target="{{this.target}}"
-          accessible-name="{{this.accessibleName}}"
-          data-name="{{this.name}}"
-          data-id="{{this.id}}"
-          @ui5-click="{{../_onSocialMediaLinkClick}}"
-        ></udex-social-media-button>
-      {{/each}}
-    </div>
-  {{/if}}
-
-  <udex-button
-    class="udex-footer__back-to-top-button"
-    icon="back-to-top"
-    @click="{{onBackToTopClick}}"
-    design="Tertiary"
-    size="Large"
-    accessible-name="back to top"
-  ></udex-button>
-</footer>
-
-{{#*inline "mobile-navigation"}}
-  <udex-accordion class="udex-footer__accordion">
-      {{#if quickLinksArray.length}}
-          <udex-accordion-item label="{{_quickLinksTitle}}" class="udex-footer__action-item">
-            <ul class="udex-footer__links-list udex-footer__links-list--mobile">
-              {{#each ../quickLinksArray}}
-                <li>
-                  <a
-                    target="{{target}}"
-                    aria-describedby="udex-footer__quick-links"
-                    href="{{this.url}}"
-                    data-id="{{this.id}}"
-                    @click="{{../_onQuickLinksClick}}"
-                  >{{this.title}}</a>
-                </li>
-              {{/each}}
-            </ul>
-          </udex-accordion-item>
-          <h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">{{_quickLinksTitle}}</h3>
-      {{/if}}
-
-      {{#if trendingLinksArray.length}}
-          <udex-accordion-item label="{{_trendingTitle}}" class="udex-footer__action-item">
-            <ul class="udex-footer__links-list udex-footer__links-list--mobile">
-              {{#each trendingLinksArray}}
-                <li>
-                  <a
-                    target="{{target}}"
-                    aria-describedby="udex-footer__footer__trending"
-                    href="{{this.url}}"
-                    @click="{{../_onTrendingClick}}"
-                    data-id="{{this.id}}"
-                  >{{this.title}}</a>
-                </li>
-              {{/each}}
-            </ul>
-          </udex-accordion-item>
-          <h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">{{_trendingTitle}}</h3>
-      {{/if}}
-
-      {{#if aboutLinksArray.length}}
-          <udex-accordion-item label="{{_aboutSapTitle}}" class="udex-footer__action-item">
-            <ul class="udex-footer__links-list udex-footer__links-list--mobile">
-              {{#each aboutLinksArray}}
-                <li>
-                  <a
-                    target="{{target}}"
-                    aria-describedby="udex-footer__about"
-                    href="{{this.url}}"
-                    data-id="{{this.id}}"
-                    @click="{{../_onAboutSapClick}}"
-                  >{{this.title}}</a>
-                </li>
-              {{/each}}
-            </ul>
-          </udex-accordion-item>
-          <h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">{{_aboutSapTitle}}</h3>
-      {{/if}}
-
-      {{#if siteInformationLinksArray.length}}
-          <udex-accordion-item label="{{_siteInformationTitle}}" class="udex-footer__action-item">
-            <ul class="udex-footer__links-list udex-footer__links-list--mobile">
-              {{#each siteInformationLinksArray}}
-                <li>
-                  <a
-                    target="{{target}}"
-                    aria-describedby="udex-footer__site-information"
-                    href="{{this.url}}"
-                    data-id="{{this.id}}"
-                    @click="{{../_onSiteInformationClick}}"
-                  >{{this.title}}</a>
-                </li>
-              {{/each}}
-            </ul>
-          </udex-accordion-item>
-          <h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">{{_siteInformationTitle}}</h3>
-      {{/if}}
-  </udex-accordion>
-{{/inline}}
-
-{{#*inline "desktop-navigation"}}
-  <div class="udex-footer__links">
-      {{#if quickLinksArray.length}}
-          <div class="udex-footer__links-group udex-footer__quick-links">
-              <h3 class="udex-footer__links-item" id="udex-footer__quick-links">{{_quickLinksTitle}}</h3>
-              <nav aria-labelledby="udex-footer__quick-links">
-                  <ul class="udex-footer__links-list udex-footer__links-list--desktop">
-                      {{#each quickLinksArray}}
-                          <li>
-                              <a
-                                  target="{{target}}"
-                                  aria-describedby="udex-footer__quick-links"
-                                  data-id="{{this.id}}"
-                                  href="{{this.url}}"
-                                  @click="{{../_onQuickLinksClick}}"
-                              >{{this.title}}</a>
-                          </li>
-                      {{/each}}
-                  </ul>
-              </nav>
-          </div>
-      {{/if}}
-      {{#if trendingLinksArray.length}}
-          <div class="udex-footer__links-group udex-footer__trending-links">
-              <h3 class="udex-footer__links-item" id="udex-footer__trending">{{_trendingTitle}}</h3>
-              <nav aria-labelledby="udex-footer__trending">
-                <ul class="udex-footer__links-list udex-footer__links-list--desktop">
-                  {{#each trendingLinksArray}}
-                    <li>
-                      <a
-                        target="{{target}}"
-                        aria-describedby="udex-footer__footer__trending"
-                        data-id="{{this.id}}"
-                        href="{{this.url}}"
-                        @click="{{../_onTrendingClick}}"
-                      >{{this.title}}</a>
-                    </li>
-                  {{/each}}
-              </ul>
-              </nav>
-          </div>
-      {{/if}}
-      {{#if aboutLinksArray.length}}
-          <div class="udex-footer__links-group udex-footer__about-links">
-              <h3 class="udex-footer__links-item" id="udex-footer__about">{{_aboutSapTitle}}</h3>
-              <nav aria-labelledby="udex-footer__about">
-                <ul class="udex-footer__links-list udex-footer__links-list--desktop">
-                  {{#each aboutLinksArray}}
-                    <li>
-                      <a
-                        target="{{target}}"
-                        aria-describedby="udex-footer__about"
-                        data-id="{{this.id}}"
-                        href="{{this.url}}"
-                        @click="{{../_onAboutSapClick}}"
-                      >{{this.title}}</a>
-                    </li>
-                  {{/each}}
-              </ul>
-              </nav>
-          </div>
-      {{/if}}
-      {{#if siteInformationLinksArray.length}}
-          <div class="udex-footer__links-group udex-footer__site-information-links">
-              <h3 class="udex-footer__links-item" id="udex-footer__site-information">{{_siteInformationTitle}}</h3>
-              <nav aria-labelledby="udex-footer__site-information">
-                <ul class="udex-footer__links-list udex-footer__links-list--desktop">
-                  {{#each siteInformationLinksArray}}
-                    <li>
-                      <a
-                        target="{{target}}"
-                        aria-describedby="udex-footer__site-information"
-                        data-id="{{this.id}}"
-                        href="{{this.url}}"
-                        @click="{{../_onSiteInformationClick}}"
-                      >{{this.title}}</a>
-                    </li>
-                  {{/each}}
-              </ul>
-              </nav>
-          </div>
-      {{/if}}
-  </div>
-{{/inline}}

package/src/InputGroup.hbs

@@ -1,20 +0,0 @@
-<div id="{{_id}}-input-group"
-    class="udex-input-group__container"
-    role="group"
-    aria-describedby="{{_id}}-valueStateDesc"
->
-    <div class="udex-input-group__content">
-        {{#each _items}}
-            <div class="udex-input-group__item">
-                <slot name="{{this.item._individualSlot}}"></slot>
-            </div>
-        {{/each}}
-    </div>
-    {{#if valueStateText}}
-        <udex-status-message
-                supporting-text="{{valueStateText}}"
-                value-state="{{valueState}}">
-        </udex-status-message>
-        <span id="{{_id}}-valueStateDesc" class="hidden-text">{{valueStateText}}</span>
-    {{/if}}
-</div>

package/src/RatingBar.hbs

@@ -1,11 +0,0 @@
-<div class="udex-rating-bar__container">
-    <div aria-hidden="true" class="udex-rating-bar__rating">{{validatedRating}}</div>
-	<ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon>
-    <div class="udex-rating-bar__track">
-        <div class="udex-rating-bar__progress"></div>
-    </div>
-    {{#if showPercentage}}
-        <div role="note" class="udex-rating-bar__percentage" aria-label="{{validatedPercentage}}">{{validatedPercentage}}</div>
-    {{/if}}
-    <span id="ratingDescription" class="hidden-text">{{_ratingDescription}}</span>
-</div>

package/src/StatusBadge.hbs

@@ -1,9 +0,0 @@
-<div 
-    class="udex-status-badge"
-    title="{{ariaTitle}}">
-    <ui5-icon 
-        name="{{iconFieldName}}" 
-        class="udex-status-badge__icon" 
-        accessible-name="{{badgeAccessibleName}}">
-    </ui5-icon>
-</div>

package/src/StatusMessage.hbs

@@ -1,6 +0,0 @@
-<div class="udex-status-message udex-status-message__supporting-text">
-    {{#if iconFieldName}}
-        <ui5-icon name="{{iconFieldName}}" class="udex-status-message__icon" mode="Decorative"></ui5-icon>
-    {{/if}}
-    {{supportingText}}
-</div>

package/src/Switch.hbs

@@ -1,35 +0,0 @@
-<div class="udex-switch">
-    {{#if label}}
-        <label id="{{this._id}}-switch__label" for="{{this._id}}-switch__input" class="udex-switch__label" part="label">{{label}}</label>
-    {{/if}}
-    <div
-        class="udex-switch__container"
-        role="switch"
-        aria-label="{{accessibleName}}"
-        aria-labelledby="{{ariaLabeledBy}}"
-        aria-checked="{{checked}}"
-        aria-disabled="{{disabled}}"
-        tabindex="{{switchTabIndex}}"
-        title="{{tooltip}}"
-        @click="{{handleSwitchClick}}">
-        <div class="udex-switch__track {{isActiveTrackClass}}">
-            <div class="udex-switch__handle">
-                {{#if isSemanticColor}}
-                    {{#if checked}}
-                        <ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>
-                    {{else}}
-                        <ui5-icon name="decline" class="udex-switch__icon" mode="Decorative"></ui5-icon>
-                    {{/if}}
-                {{else}}
-                    {{#if checked}}
-                        <ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>
-                    {{else}}
-                        <ui5-icon name="less" class="udex-switch__icon" mode="Decorative"></ui5-icon>
-                    {{/if}}
-                {{/if}}
-            </div>
-        </div>
-
-        <input id="{{this._id}}-switch__input" type="checkbox" ?checked="{{checked}}" class="udex-switch__input" />
-    </div>
-</div>

package/src/TruncatedText.hbs

@@ -1,11 +0,0 @@
-<p class="udex-truncated-text">
-  <span class="udex-truncated-text__visible-text">{{visibleText}}</span>
-  <udex-button
-    id="toggleButton"
-    design="Tertiary"
-    size="Small"
-    class="udex-truncated-text__toggle-button"
-    @click="{{onToggleClick}}">
-    {{buttonLabel}}
-  </udex-button>
-</p>

package/src/generated/templates/BreadcrumbsPopoverTemplate.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";
-type BreadcrumbsPopover = any;
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}
-function block1 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}
-function block2 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
-function block3 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
-function block4 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`;}
-function block5 (this: BreadcrumbsPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
-
-function template(this: BreadcrumbsPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,18 +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 Breadcrumbs from "../../Breadcrumbs.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><${scopeTag("udex-link", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></${scopeTag("udex-link", tags, suffix)}></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<nav class="udex-breadcrumbs ui5-breadcrumbs-root" aria-label="${ifDefined(this._accessibleNameText)}"><ol @focusin="${this._onfocusin}"><li class="udex-breadcrumbs__arrow-wrapper ui5-breadcrumbs-dropdown-arrow-link-wrapper"><udex-link id="udex-${ifDefined(this._id)}-breadcrumbs__opener" @click="${this._toggleDropdown}" class="udex-breadcrumbs__trigger ${ifDefined(this._triggerClass)}" accessible-role="button" aria-label="${ifDefined(this._dropdownArrowAccessibleNameText)}" icon="slim-arrow-down" icon-placement="Start" aria-haspopup="true"></udex-link></li>${ repeat(this._linksData, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ol></nav><udex-dropdown id="udex-${ifDefined(this._id)}-breadcrumbs__popover" opener="udex-${ifDefined(this._id)}-breadcrumbs__opener" class="udex-breadcrumbs__popover ui5-breadcrumbs-popover" placement="Bottom" horizontal-align="Start" @keydown="${this._handleKeydown}" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><div class="udex-breadcrumbs__popover-content">${ repeat(this._dropdownItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</div></udex-dropdown>`;}
-function block1 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class="udex-breadcrumbs__link-wrapper ui5-breadcrumbs-link-wrapper" id="${ifDefined(item._id)}-link-wrapper">${ !item._isCurrentPageItem ? block2.call(this, context, tags, suffix, item, index) : undefined }</li>`;}
-function block2 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><${scopeTag("udex-link", tags, suffix)} @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</${scopeTag("udex-link", tags, suffix)}>` : html`<span class="udex-breadcrumbs__separator" aria-hidden="true"></span><udex-link @ui5-click="${ifDefined(this._onLinkPress)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--visible" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" id="${ifDefined(item._id)}-link" accessible-name="${ifDefined(item._accessibleNameText)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.innerText)}</udex-link>`;}
-function block3 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.icon ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
-function block4 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--with-icon udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" icon="${ifDefined(item.icon)}" accessible-name="${ifDefined(item.textContent)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
-function block5 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item._isCurrentPageItem ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}
-function block6 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<span id="${ifDefined(item._id)}-li" class="udex-breadcrumbs__item udex-breadcrumb__item--current udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</span>`;}
-function block7 (this: Breadcrumbs, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link index="${index}" id="${ifDefined(item._id)}-li" @ui5-click="${ifDefined(this._onDropdownLinkPress)}" href="${ifDefined(item.href)}" target="${ifDefined(item.target)}" class="udex-breadcrumbs__item udex-breadcrumbs__item--hidden udex-breadcrumbs__item--${index}" accessible-name="${ifDefined(item.accessibleName)}" data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.textContent)}</udex-link>`;}
-
-function template(this: Breadcrumbs) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,43 +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 Footer from "../../Footer.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${ this.hasLogo ? block1.call(this, context, tags, suffix) : undefined }${ this.isContactContainerVisible ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.isContactContainerVisible ? block11.call(this, context, tags, suffix) : undefined }${ this._shouldRenderMobileMenu ? block12.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix) }<${scopeTag("udex-divider", tags, suffix)} class="udex-footer__divider"></${scopeTag("udex-divider", tags, suffix)}></div><div class="udex-footer__copyright">${ this.isChineseLang ? block30.call(this, context, tags, suffix) : undefined }<span class="udex-footer__copyright-text">${ifDefined(this.copyrightText)}</span></div>${ this.socialLinksArray.length ? block31.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-button", tags, suffix)} class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></${scopeTag("udex-button", tags, suffix)}></footer> ` : html`<footer class="udex-footer"><div class="udex-footer__content"><div class="udex-footer__contact-social">${ this.hasLogo ? block1.call(this, context, tags, suffix) : undefined }${ this.isContactContainerVisible ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.isContactContainerVisible ? block11.call(this, context, tags, suffix) : undefined }${ this._shouldRenderMobileMenu ? block12.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix) }<udex-divider class="udex-footer__divider"></udex-divider></div><div class="udex-footer__copyright">${ this.isChineseLang ? block30.call(this, context, tags, suffix) : undefined }<span class="udex-footer__copyright-text">${ifDefined(this.copyrightText)}</span></div>${ this.socialLinksArray.length ? block31.call(this, context, tags, suffix) : undefined }<udex-button class="udex-footer__back-to-top-button" icon="back-to-top" @click="${this.onBackToTopClick}" design="Tertiary" size="Large" accessible-name="back to top"></udex-button></footer> `;}
-function block1 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__logo">${ this.hasLogoLink ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.hasTagline ? block4.call(this, context, tags, suffix) : undefined }</div>`;}
-function block2 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a href="${ifDefined(this.logoHref)}" @click="${this._onLogoClick}" title="${ifDefined(this.logoTitle)}" aria-label="${ifDefined(this.logoAriaLabel)}"><img id="udex-footer__logo-image" src="${ifDefined(this.currentLogoUrl)}" class="${ifDefined(this.logoClass)}" alt="${ifDefined(this.logoAlt)}"/></a>`;}
-function block3 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img id="udex-footer__logo-image" src="${ifDefined(this.currentLogoUrl)}" class="${ifDefined(this.logoClass)}" alt="${ifDefined(this.logoAlt)}"/>`;}
-function block4 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img id="udex-footer__tagline-image" src="${ifDefined(this.currentTaglineUrl)}" class="${ifDefined(this.taglineClass)}" alt="${ifDefined(this.taglineAlt)}"/>`;}
-function block5 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__contact">${ this.contactNumbersArray.length ? block6.call(this, context, tags, suffix) : undefined }${ this.contactUsLink ? block9.call(this, context, tags, suffix) : undefined }${ this.chatWithUsLink ? block10.call(this, context, tags, suffix) : undefined }</div>`;}
-function block6 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="headset" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><div><div class="udex-footer__numbers-wrapper">${ repeat(this.contactNumbersArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div>${ this.localCountryNumbersLink ? block8.call(this, context, tags, suffix) : undefined }</div></div>` : html`<div class="udex-footer__numbers"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="headset" mode="Decorative"></ui5-icon></div><div><div class="udex-footer__numbers-wrapper">${ repeat(this.contactNumbersArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div>${ this.localCountryNumbersLink ? block8.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block7 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div><span class="hidden" aria-hidden id="udex-footer__${index}_phone-label">${ifDefined(this.phoneNumberAccessibleName)}${ifDefined(item.country)} : ${ifDefined(item.number)}</span><p class="udex-footer__country">${ifDefined(item.country)}</p><a href="tel:${ifDefined(item.number)}" class="udex-footer__number" @click="${this._onContactPhoneClick}" aria-labelledby="udex-footer__${index}_phone-label">${ifDefined(item.number)}</a></div>`;}
-function block8 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<p class="udex-footer__remark">${ifDefined(this.completeListTitle)}<${scopeTag("udex-link", tags, suffix)} class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${ifDefined(this.localCountryNumbersLink)}" design="Subtle">${ifDefined(this.localCountryTitle)}.</${scopeTag("udex-link", tags, suffix)}></p>` : html`<p class="udex-footer__remark">${ifDefined(this.completeListTitle)}<udex-link class="udex-footer__remark-link" @click="${this._onContactPhoneLocalNumbersClick}" href="${ifDefined(this.localCountryNumbersLink)}" design="Subtle">${ifDefined(this.localCountryTitle)}.</udex-link></p>`;}
-function block9 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="email" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${ifDefined(this.contactUsAccessibleLabel)}</span><a href="${ifDefined(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${ifDefined(this.contactUsAccessibleName)}</a></div>` : html`<div class="udex-footer__contact-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="email" mode="Decorative"></ui5-icon></div><span class="hidden" aria-hidden id="udex-footer__contact-us-label">${ifDefined(this.contactUsAccessibleLabel)}</span><a href="${ifDefined(this.contactUsLink)}" class="udex-footer__contact-us-link" aria-labelledby="udex-footer__contact-us-label" @click="${this._onContactEmailClick}">${ifDefined(this.contactUsAccessibleName)}</a></div>`;}
-function block10 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><${scopeTag("ui5-icon", tags, suffix)} class="udex-footer__icon" name="discussion-2" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></div><a href="${ifDefined(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${ifDefined(this.chatWithUsAccessibleName)}</a></div>` : html`<div class="udex-footer__chat-with-us"><div class="udex-footer__icon-container"><ui5-icon class="udex-footer__icon" name="discussion-2" mode="Decorative"></ui5-icon></div><a href="${ifDefined(this.chatWithUsLink)}" class="udex-footer__chat-with-us-link" @click="${this._onContactChatClick}">${ifDefined(this.chatWithUsAccessibleName)}</a></div>`;}
-function block11 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-divider", tags, suffix)} class="udex-footer__divider"></${scopeTag("udex-divider", tags, suffix)}>` : html`<udex-divider class="udex-footer__divider"></udex-divider>`;}
-function block12 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-accordion", tags, suffix)} class="udex-footer__accordion">${ this.quickLinksArray.length ? block13.call(this, context, tags, suffix) : undefined }${ this.trendingLinksArray.length ? block15.call(this, context, tags, suffix) : undefined }${ this.aboutLinksArray.length ? block17.call(this, context, tags, suffix) : undefined }${ this.siteInformationLinksArray.length ? block19.call(this, context, tags, suffix) : undefined }</${scopeTag("udex-accordion", tags, suffix)}>` : html`<udex-accordion class="udex-footer__accordion">${ this.quickLinksArray.length ? block13.call(this, context, tags, suffix) : undefined }${ this.trendingLinksArray.length ? block15.call(this, context, tags, suffix) : undefined }${ this.aboutLinksArray.length ? block17.call(this, context, tags, suffix) : undefined }${ this.siteInformationLinksArray.length ? block19.call(this, context, tags, suffix) : undefined }</udex-accordion>`;}
-function block13 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.quickLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block14.call(this, context, tags, suffix, item, index)) }</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3>` : html`<udex-accordion-item label="${ifDefined(this._quickLinksTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.quickLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block14.call(this, context, tags, suffix, item, index)) }</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3>`;}
-function block14 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__quick-links" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onQuickLinksClick}">${ifDefined(item.title)}</a></li>`;}
-function block15 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.trendingLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block16.call(this, context, tags, suffix, item, index)) }</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3>` : html`<udex-accordion-item label="${ifDefined(this._trendingTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.trendingLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block16.call(this, context, tags, suffix, item, index)) }</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3>`;}
-function block16 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__footer__trending" href="${ifDefined(item.url)}" @click="${this._onTrendingClick}" data-id="${ifDefined(item.id)}">${ifDefined(item.title)}</a></li>`;}
-function block17 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.aboutLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3>` : html`<udex-accordion-item label="${ifDefined(this._aboutSapTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.aboutLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block18.call(this, context, tags, suffix, item, index)) }</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3>`;}
-function block18 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__about" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onAboutSapClick}">${ifDefined(item.title)}</a></li>`;}
-function block19 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-accordion-item", tags, suffix)} label="${ifDefined(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.siteInformationLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block20.call(this, context, tags, suffix, item, index)) }</ul></${scopeTag("udex-accordion-item", tags, suffix)}><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3>` : html`<udex-accordion-item label="${ifDefined(this._siteInformationTitle)}" class="udex-footer__action-item"><ul class="udex-footer__links-list udex-footer__links-list--mobile">${ repeat(this.siteInformationLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block20.call(this, context, tags, suffix, item, index)) }</ul></udex-accordion-item><h3 class="udex-footer__links-item hidden" aria-hidden="true" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3>`;}
-function block20 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__site-information" href="${ifDefined(item.url)}" data-id="${ifDefined(item.id)}" @click="${this._onSiteInformationClick}">${ifDefined(item.title)}</a></li>`;}
-function block21 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__links">${ this.quickLinksArray.length ? block22.call(this, context, tags, suffix) : undefined }${ this.trendingLinksArray.length ? block24.call(this, context, tags, suffix) : undefined }${ this.aboutLinksArray.length ? block26.call(this, context, tags, suffix) : undefined }${ this.siteInformationLinksArray.length ? block28.call(this, context, tags, suffix) : undefined }</div>`;}
-function block22 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__links-group udex-footer__quick-links"><h3 class="udex-footer__links-item" id="udex-footer__quick-links">${ifDefined(this._quickLinksTitle)}</h3><nav aria-labelledby="udex-footer__quick-links"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${ repeat(this.quickLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block23.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
-function block23 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__quick-links" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onQuickLinksClick}">${ifDefined(item.title)}</a></li>`;}
-function block24 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__links-group udex-footer__trending-links"><h3 class="udex-footer__links-item" id="udex-footer__trending">${ifDefined(this._trendingTitle)}</h3><nav aria-labelledby="udex-footer__trending"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${ repeat(this.trendingLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block25.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
-function block25 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__footer__trending" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onTrendingClick}">${ifDefined(item.title)}</a></li>`;}
-function block26 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__links-group udex-footer__about-links"><h3 class="udex-footer__links-item" id="udex-footer__about">${ifDefined(this._aboutSapTitle)}</h3><nav aria-labelledby="udex-footer__about"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${ repeat(this.aboutLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block27.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
-function block27 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__about" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onAboutSapClick}">${ifDefined(item.title)}</a></li>`;}
-function block28 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__links-group udex-footer__site-information-links"><h3 class="udex-footer__links-item" id="udex-footer__site-information">${ifDefined(this._siteInformationTitle)}</h3><nav aria-labelledby="udex-footer__site-information"><ul class="udex-footer__links-list udex-footer__links-list--desktop">${ repeat(this.siteInformationLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block29.call(this, context, tags, suffix, item, index)) }</ul></nav></div>`;}
-function block29 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li><a target="${ifDefined(item.target)}" aria-describedby="udex-footer__site-information" data-id="${ifDefined(item.id)}" href="${ifDefined(item.url)}" @click="${this._onSiteInformationClick}">${ifDefined(item.title)}</a></li>`;}
-function block30 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-footer__copyright-chinese-text"><a href="${ifDefined(this.chineseIcpNumberLink)}" title="${ifDefined(this.chineseICPNumber)}" class="udex-footer__copyright-chinese-link" target="_blank">${ifDefined(this.chineseICPNumber)}</a>${ifDefined(this.chineseSecurityNetworkNumber)}</span>`;}
-function block31 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-footer__social-container">${ repeat(this.socialLinksArray, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block32.call(this, context, tags, suffix, item, index)) }</div>`;}
-function block32 (this: Footer, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-social-media-button", tags, suffix)} type="${ifDefined(item.name)}" url="${ifDefined(item.url)}" target="${ifDefined(item.target)}" accessible-name="${ifDefined(item.accessibleName)}" data-name="${ifDefined(item.name)}" data-id="${ifDefined(item.id)}" @ui5-click="${ifDefined(this._onSocialMediaLinkClick)}"></${scopeTag("udex-social-media-button", tags, suffix)}>` : html`<udex-social-media-button type="${ifDefined(item.name)}" url="${ifDefined(item.url)}" target="${ifDefined(item.target)}" accessible-name="${ifDefined(item.accessibleName)}" data-name="${ifDefined(item.name)}" data-id="${ifDefined(item.id)}" @ui5-click="${ifDefined(this._onSocialMediaLinkClick)}"></udex-social-media-button>`;}
-
-function template(this: Footer) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,13 +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 InputGroup from "../../InputGroup.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id="${ifDefined(this._id)}-input-group" class="udex-input-group__container" role="group" aria-describedby="${ifDefined(this._id)}-valueStateDesc"><div class="udex-input-group__content">${ repeat(this._items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div>${ this.valueStateText ? block2.call(this, context, tags, suffix) : undefined }</div>`;}
-function block1 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-input-group__item"><slot name="${ifDefined(item.item._individualSlot)}"></slot></div>`;}
-function block2 (this: InputGroup, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>` : html`<udex-status-message supporting-text="${ifDefined(this.valueStateText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message><span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`;}
-
-function template(this: InputGroup) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,12 +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 RatingBar from "../../RatingBar.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><${scopeTag("ui5-icon", tags, suffix)} role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></${scopeTag("ui5-icon", tags, suffix)}><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>` : html`<div class="udex-rating-bar__container"><div aria-hidden="true" class="udex-rating-bar__rating">${ifDefined(this.validatedRating)}</div><ui5-icon role="img" aria-labelledby="ratingDescription" name="favorite" class="udex-rating__icon"></ui5-icon><div class="udex-rating-bar__track"><div class="udex-rating-bar__progress"></div></div>${ this.showPercentage ? block1.call(this, context, tags, suffix) : undefined }<span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span></div>`;}
-function block1 (this: RatingBar, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="note" class="udex-rating-bar__percentage" aria-label="${ifDefined(this.validatedPercentage)}">${ifDefined(this.validatedPercentage)}</div>`;}
-
-function template(this: RatingBar) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,11 +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 StatusBadge from "../../StatusBadge.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: StatusBadge, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="udex-status-badge" title="${ifDefined(this.ariaTitle)}"><ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-badge__icon" accessible-name="${ifDefined(this.badgeAccessibleName)}"></ui5-icon></div>`;}
-
-function template(this: StatusBadge) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,12 +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 StatusMessage from "../../StatusMessage.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-status-message udex-status-message__supporting-text">${ this.iconFieldName ? block1.call(this, context, tags, suffix) : undefined }${ifDefined(this.supportingText)}</div>`;}
-function block1 (this: StatusMessage, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon" mode="Decorative"></ui5-icon>`;}
-
-function template(this: StatusMessage) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;