@sapudex/web-components 2.15.0 → 2.16.1

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

@@ -1,18 +0,0 @@
-<udex-text-field
-    type="{{type}}"
-    value="{{value}}"
-    label="{{passwordLabel}}"
-    autocomplete="{{autocomplete}}"
-    ?disabled="{{disabled}}"
-    ?readonly="{{readonly}}"
-    ?displayonly="{{displayonly}}"
-    maxlength="{{maxlength}}"
-    value-state="{{valueState}}"
-    supporting-text="{{supportingText}}"
-    accessible-name="{{accessibleName}}"
-    accessible-name-ref="{{accessibleNameRef}}"
-    accessible-icon-name="{{showButtonTooltip}}"
-    show-button-tooltip="{{showButtonTooltip}}"
-    @ui5-click-icon="{{handleShowPassword}}"
-    icon="{{iconButton}}"
-></udex-text-field>

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/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/PasswordFieldTemplate.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 PasswordField from "../../PasswordField.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: PasswordField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-text-field", tags, suffix)} type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></${scopeTag("udex-text-field", tags, suffix)}>` : html`<udex-text-field type="${ifDefined(this.type)}" value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" autocomplete="${ifDefined(this.autocomplete)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?displayonly="${this.displayonly}" maxlength="${ifDefined(this.maxlength)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}" accessible-name="${ifDefined(this.accessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.showButtonTooltip)}" show-button-tooltip="${ifDefined(this.showButtonTooltip)}" @ui5-click-icon="${ifDefined(this.handleShowPassword)}" icon="${ifDefined(this.iconButton)}"></udex-text-field>`;}
-
-function template(this: PasswordField) { 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;

package/src/generated/templates/SwitchTemplate.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 Switch from "../../Switch.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-switch">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-switch__container" role="switch" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.ariaLabeledBy)}" aria-checked="${ifDefined(this.checked)}" aria-disabled="${ifDefined(this.disabled)}" tabindex="${ifDefined(this.switchTabIndex)}" title="${ifDefined(this.tooltip)}" @click="${this.handleSwitchClick}"><div class="udex-switch__track ${ifDefined(this.isActiveTrackClass)}"><div class="udex-switch__handle">${ this.isSemanticColor ? block2.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }</div></div><input id="${ifDefined(this._id)}-switch__input" type="checkbox" ?checked="${this.checked}" class="udex-switch__input" /></div></div>`;}
-function block1 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id="${ifDefined(this._id)}-switch__label" for="${ifDefined(this._id)}-switch__input" class="udex-switch__label" part="label">${ifDefined(this.label)}</label>`;}
-function block2 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.checked ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }`;}
-function block3 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="accept" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>`;}
-function block4 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="decline" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="decline" class="udex-switch__icon" mode="Decorative"></ui5-icon>`;}
-function block5 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.checked ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix) }`;}
-function block6 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="accept" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="accept" class="udex-switch__icon" mode="Decorative"></ui5-icon>`;}
-function block7 (this: Switch, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="less" class="udex-switch__icon" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="less" class="udex-switch__icon" mode="Decorative"></ui5-icon>`;}
-
-function template(this: Switch) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;