@sapudex/web-components 2.35.0 → 2.37.0

package/src/SearchableListBase.hbs

@@ -1,148 +0,0 @@
-{{#if showSearch}}
-    <udex-search
-        slot="header"
-        mode="Standard"
-        class="udex-filter-menu__search"
-        label="{{searchPlaceholder}}"
-        label-animation-disabled
-        non-interactive-submit-button
-        show-submit-button>
-    </udex-search>
-    <span
-        aria-live="polite"
-        aria-atomic="true"
-        class="hidden">
-        {{_accSearchResultInfo}}
-    </span>
-{{/if}}
-{{#if isListEmpty}}
-    <div class="udex-no-result">
-        <ui5-illustrated-message
-            name="NoSearchResults"
-            design="Dot"
-            title-text=" "
-            subtitle-text=" ">
-        </ui5-illustrated-message>
-        <span>{{getNoResultText}}</span>
-    </div>
-{{else if busy}}
-    <udex-busy-indicator
-        class="udex-busy-indicator"
-        size="M"
-        delay="{{busyDelay}}"
-        active>
-    </udex-busy-indicator>
-{{else}}
-    <udex-list
-        id="udex-list"
-        role="{{roleForGroupList}}"
-        accessible-role="{{accessibleRoleForList}}"
-        class="udex-filter-menu__list"
-        ?tab-navigation-enabled="{{tabNavigationEnabled}}"
-        ?controlled="{{isControlled}}"
-        mode="{{mode}}">
-        {{#each _filteredItems}}
-            {{#if this.isGroup}}
-                {{#if this.item.isSelectAllHeader}}
-                    <udex-list-select-all
-                        _additional-class-name="{{../additionalClassName}}"
-                        data-token-id="{{this.item._id}}"
-                        label="{{this.item.label}}"
-                        ?controlled="{{this.item.controlled}}"
-                        supporting-text="{{this.item.supportingText}}"
-                        ?disabled="{{this.item.disabled}}"
-                        ?selected="{{this.item.selected}}"
-                        ?indeterminate="{{this.item.indeterminate}}"
-                        @ui5-first-icon-click="{{../fireFirstIconClickEvent}}"
-                        @ui5-second-icon-click="{{../fireSecondIconClickEvent}}">
-                        {{#each this.groupItems}}
-                            <udex-list-item
-                                role="{{../listItemRole}}"
-                                data-role="{{../listItemRole}}"
-                                data-token-id="{{this._id}}"
-                                ?controlled="{{this.controlled}}"
-                                mode="{{this.mode}}"
-                                @ui5-first-icon-click="{{../fireFirstIconClickEvent}}"
-                                @ui5-second-icon-click="{{../fireSecondIconClickEvent}}"
-                                supporting-text="{{this.supportingText}}"
-                                additional-text="{{this.additionalText}}"
-                                additional-text-state="{{this.additionalTextState}}"
-                                ?divider="{{this.divider}}"
-                                ?disabled="{{this.disabled}}"
-                                ?selected="{{this.selected}}"
-                                rating="{{this.rating}}"
-                                total-count="{{this.totalCount}}"
-                                rating-count="{{this.ratingCount}}"
-                                rating-max="{{this.ratingMax}}"
-                                label="{{this.label}}">
-                                {{{this.innerHTML}}}
-                            </udex-list-item>
-                        {{/each}}
-                    </udex-list-select-all>
-                {{else}}
-                    <udex-list-group-header
-                        role="group"
-                        _additional-class-name="udex-searchable-list__header"
-                        class="{{../groupClassName}}"
-                        ?non-interactive="{{this.item.nonInteractive}}"
-                        data-token-id="{{this.item._id}}"
-                        label="{{this.item.label}}"
-                        supporting-text="{{this.item.supportingText}}"
-                        ?controlled="{{this.item.controlled}}"
-                        ?collapsible="{{this.item.collapsible}}"
-                        ?collapsed="{{this.item.collapsed}}"
-                        ?_filtered="{{../_shouldFilterItems}}"
-                        ?disabled="{{this.item.disabled}}"
-                        ?selected="{{this.item.selected}}"
-                        @ui5-first-icon-click="{{../fireFirstIconClickEvent}}"
-                        @ui5-second-icon-click="{{../fireSecondIconClickEvent}}"
-                        ?indeterminate="{{this.item.indeterminate}}">
-                        {{#each this.groupItems}}
-                            <udex-list-item
-                                role="none"
-                                data-token-id="{{this._id}}"
-                                ?controlled="{{this.controlled}}"
-                                mode="{{this.mode}}"
-                                supporting-text="{{this.supportingText}}"
-                                additional-text="{{this.additionalText}}"
-                                additional-text-state="{{this.additionalTextState}}"
-                                @ui5-first-icon-click="{{../fireFirstIconClickEvent}}"
-                                @ui5-second-icon-click="{{../fireSecondIconClickEvent}}"
-                                ?divider="{{this.divider}}"
-                                ?disabled="{{this.disabled}}"
-                                ?selected="{{this.selected}}"
-                                rating="{{this.rating}}"
-                                total-count="{{this.totalCount}}"
-                                rating-count="{{this.ratingCount}}"
-                                rating-max="{{this.ratingMax}}"
-                                label="{{this.label}}">
-                                {{{this.innerHTML}}}
-                            </udex-list-item>
-                        {{/each}}
-                    </udex-list-group-header>
-                {{/if}}
-            {{else}}
-                <udex-list-item
-                    role="none"
-                    @ui5-first-icon-click="{{../fireFirstIconClickEvent}}"
-                    @ui5-second-icon-click="{{../fireSecondIconClickEvent}}"
-                    data-token-id="{{this.item._id}}"
-                    supporting-text="{{this.item.supportingText}}"
-                    additional-text="{{this.item.additionalText}}"
-                    additional-text-state="{{this.item.additionalTextState}}"
-                    ?disabled="{{this.item.disabled}}"
-                    ?controlled="{{this.controlled}}"
-                    ?divider="{{this.divider}}"
-                    ?selected="{{this.item.selected}}"
-                    rating="{{this.item.rating}}"
-                    total-count="{{this.item.totalCount}}"
-                    rating-count="{{this.item.ratingCount}}"
-                    rating-max="{{this.item.ratingMax}}"
-                    label="{{this.item.label}}"
-                    accessible-role="{{../listItemRole}}">
-                    {{{this.item.innerHTML}}}
-                </udex-list-item>
-            {{/if}}
-        {{/each}}
-    </udex-list>
-{{/if}}

package/src/SelectBox.hbs

@@ -1,138 +0,0 @@
-<div
-    class="{{_rootClass}}">
-    <div class="udex-text-field__container">
-         <div class="udex-text-field__wrap" ?displayonly="{{displayonly}}">
-             {{#if showMultiSelectedOptions}}
-                 <udex-tag-group
-                     class="udex-tag-group"
-                     ?displayonly="{{displayonly}}"
-                     ?readonly="{{readonly}}"
-                     ?disabled="{{disabled}}"
-                     @focusout="{{resetTagsTabIndexes}}"
-                     tooltip-placement="{{tooltipPlacement}}"
-                     @ui5-tag-icon-click="{{handleRemoveTag}}"
-                     @ui5-tag-click="{{handleTagClick}}"
-                     @ui5-show-more-tags="{{handlerShowMoreItems}}"
-                     @ui5-tag-keydown="{{handleKeyDownTag}}"
-                     ?tokenizer-expanded="{{tokenizerExpanded}}"
-                     _skip-more-button-focus>
-                     {{#each selectedItems}}
-                         {{#unless this.isGroup}}
-                             {{#if label}}
-                                 <udex-tag
-                                     text="{{this.label}}"
-                                     id="{{this._id}}"
-                                     icon="decline">
-                                 </udex-tag>
-                             {{else}}
-                                 <udex-tag
-                                     text="{{this.rating}}&nbsp;{{../this.startsText}}"
-                                     id="{{this._id}}"
-                                     icon="decline">
-                                 </udex-tag>
-                             {{/if}}
-                         {{/unless}}
-                     {{/each}}
-                 </udex-tag-group>
-             {{/if}}
-              <div
-                  class="udex-text-field__input"
-                  @focusin="{{handleInputFocusIn}}"
-                  @focusout="{{handleInputFocusOut}}"
-                  ?readonly="{{readonly}}"
-                  ?disabled="{{isDisabled}}"
-                  ?open="{{_open}}">
-                  {{#if label}}
-                    <label for="search-input" class="{{labelClass}}">
-                      {{label}}
-                      {{#if required}}*{{/if}}
-                    </label>
-                    <span class="hidden" id="{{this._id}}-aria-describedby">{{ariaDescribedbyText}}</span>
-                  {{/if}}
-                  {{#if showImageFlags}}
-                      {{countryFlag}}
-                  {{/if}}
-                  <div class="udex-text-field__holder">
-                      <input
-                          role="combobox"
-                          type="text"
-                          id="search-input"
-                          name="search"
-                          class="udex-text-field__search"
-                          .value="{{_inputValue}}"
-                          @input="{{handleSearchChange}}"
-                          @click="{{handleInputClick}}"
-                          @keydown="{{handleKeyDownSearch}}"
-                          ?disabled="{{isDisabled}}"
-                          ?readonly="{{isReadOrDisplayOnly}}"
-                          aria-label="{{accInfo.ariaLabel}}"
-                          aria-readonly="{{isReadOrDisplayOnly}}"
-                          aria-disabled="{{disabled}}"
-                          aria-haspopup="{{listboxRole}}"
-                          aria-controls="{{popoverId}}"
-                          aria-expanded="{{this._open}}"
-                          aria-autocomplete="{{_ariaAutoComplete}}"
-                          aria-describedby="{{this._id}}-aria-describedby"
-                          autocomplete="off"
-                      />
-                      {{#if _selectedOption}}
-                          <div class="udex-text-field__text-holder">
-                              <span class="udex-text-field__single-label" aria-hidden="true">
-                                {{{_selectedOption}}}
-                              </span>
-                          </div>
-                      {{/if}}
-                  </div>
-                  {{#unless displayonly}}
-                      <button
-                        @click="{{handleButtonClick}}"
-                        ?disabled="{{isDisabled}}"
-                        aria-label="{{accInfo.ariaLabel}}"
-                        class="udex-text-field__trigger"
-                        tabindex="-1">
-                        <ui5-icon mode="Decorative" name="navigation-down-arrow"></ui5-icon>
-                      </button>
-                  {{/unless}}
-                  <ui5-popover
-                      id="{{popoverId}}"
-                      ?allow-target-overlap="{{allowTargetOverlap}}"
-                      @keydown="{{handleKeyDownDropdown}}"
-                      @ui5-select-all="{{handleSelectAll}}"
-                      @ui5-item-press="{{handleItemPress}}"
-                      @ui5-header-press="{{handleHeaderPress}}"
-                      @ui5-before-open="{{handleDropdownBeforeOpen}}"
-                      @ui5-open="{{fireEventDropdownOpen}}"
-                      @ui5-before-close="{{handleDropdownBeforeClose}}"
-                      @ui5-close="{{handleDropdownClose}}"
-                      class="udex-select-box__dropdown"
-                      horizontal-align="Start"
-                      placement="Bottom"
-                      prevent-focus-restore
-                      prevent-initial-focus
-                      hide-arrow>
-                      {{#if _showTagsDropdownContent}}
-                          <div class="udex-truncatable-tag-content">
-                              <span class="udex-truncatable-tag-content__label">{{truncatableTagLabel}}</span>
-                              <ui5-icon
-                                  @click="{{handleRemoveTruncatableTag}}"
-                                  class="udex-truncatable-tag-content__icon"
-                                  mode="Decorative"
-                                  name="decline">
-                              </ui5-icon>
-                          </div>
-                      {{else}}
-                        {{searchableList}}
-                      {{/if}}
-                  </ui5-popover>
-                  <span aria-live="polite" aria-atomic="true" class="hidden">{{_accSearchResultInfo}}</span>
-                </div>
-        </div>
-        {{#if supportingText}}
-            <udex-status-message
-                ?disabled="{{disabled}}"
-                supporting-text="{{supportingText}}"
-                value-state="{{valueState}}">
-            </udex-status-message>
-        {{/if}}
-    </div>
-</div>

package/src/generated/templates/CountrySelectorTemplate.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 CountrySelector from "../../CountrySelector.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ !this.hideFlagImages ? block1.call(this, context, tags, suffix) : undefined } `;}
-function block1 (this: CountrySelector, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<img class="udex-text-field__image" aria-label="${ifDefined(this.flagAriaLabel)}" style="background-position-x: ${ifDefined(this.selectedCountryFlagX)}; background-position-y: ${ifDefined(this.selectedCountryFlagY)}">`;}
-
-function template(this: CountrySelector) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,17 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type FilterMenu from "../../FilterMenu.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div><button id="filterMenuTrigger" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeydown}" aria-label="${ifDefined(this.triggerButtonAccessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-expanded="${ifDefined(this._open)}" aria-haspopup="true" role="${ifDefined(this.triggerAccessibleRole)}" aria-controls="${ifDefined(this._id)}_udex-filter-menu-dropdown" ?disabled="${this.disabled}" class="udex-filter-menu__trigger" tabindex="0">${ this.hasFilterNamePrefix ? block1.call(this, context, tags, suffix) : undefined }<span class="udex-filter-menu__trigger-wrap" ?disabled="${this.disabled}"><span class="udex-filter-menu__trigger-name">${ifDefined(this.filterName)}</span>${ this.badgeValue ? block2.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-icon", tags, suffix)} class="udex-filter-menu__trigger-icon" name="navigation-down-arrow" mode="Decorative" accessible-name="${ifDefined(this._iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}></span></button><${scopeTag("ui5-popover", tags, suffix)} id="${ifDefined(this._id)}_udex-filter-menu-dropdown" hide-arrow ?allow-target-overlap="${this.disableAllowTargetOverlap}" accessible-role="${ifDefined(this.accessibleRole)}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @keydown="${this.handleKeyDownList}" @search-keydown="${this.handleKeyDownSearch}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-close="${ifDefined(this._dropdownAfterClose)}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}">${ifDefined(this.searchableList)}${ this.modeMultiSelect ? block3.call(this, context, tags, suffix) : undefined }</${scopeTag("ui5-popover", tags, suffix)}></div> ` : html`<div><button id="filterMenuTrigger" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeydown}" aria-label="${ifDefined(this.triggerButtonAccessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-expanded="${ifDefined(this._open)}" aria-haspopup="true" role="${ifDefined(this.triggerAccessibleRole)}" aria-controls="${ifDefined(this._id)}_udex-filter-menu-dropdown" ?disabled="${this.disabled}" class="udex-filter-menu__trigger" tabindex="0">${ this.hasFilterNamePrefix ? block1.call(this, context, tags, suffix) : undefined }<span class="udex-filter-menu__trigger-wrap" ?disabled="${this.disabled}"><span class="udex-filter-menu__trigger-name">${ifDefined(this.filterName)}</span>${ this.badgeValue ? block2.call(this, context, tags, suffix) : undefined }<ui5-icon class="udex-filter-menu__trigger-icon" name="navigation-down-arrow" mode="Decorative" accessible-name="${ifDefined(this._iconAccessibleNameText)}"></ui5-icon></span></button><ui5-popover id="${ifDefined(this._id)}_udex-filter-menu-dropdown" hide-arrow ?allow-target-overlap="${this.disableAllowTargetOverlap}" accessible-role="${ifDefined(this.accessibleRole)}" placement="${ifDefined(this.placement)}" horizontal-align="${ifDefined(this.horizontalAlign)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @keydown="${this.handleKeyDownList}" @search-keydown="${this.handleKeyDownSearch}" @ui5-before-open="${ifDefined(this._dropdownBeforeOpen)}" @ui5-open="${ifDefined(this._dropdownAfterOpen)}" @ui5-before-close="${ifDefined(this._dropdownBeforeClose)}" @ui5-close="${ifDefined(this._dropdownAfterClose)}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}">${ifDefined(this.searchableList)}${ this.modeMultiSelect ? block3.call(this, context, tags, suffix) : undefined }</ui5-popover></div> `;}
-function block1 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-filter-menu__trigger-prefix">${ifDefined(this.filterNamePrefix)}</span>`;}
-function block2 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-filter-menu__badge" type="Number" design="Info" size="Small">${ifDefined(this.badgeValue)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-filter-menu__badge" type="Number" design="Info" size="Small">${ifDefined(this.badgeValue)}</udex-badge>`;}
-function block3 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ !this.hideActionBar ? block4.call(this, context, tags, suffix) : undefined }`;}
-function block4 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-filter-menu__footer" slot="footer" name="footer">${ !this.hideResultBtn ? block5.call(this, context, tags, suffix) : undefined }${ !this.hideResetBtn ? block6.call(this, context, tags, suffix) : undefined }</div>`;}
-function block5 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-filter-menu__result-btn" size="Medium" design="Primary" @keydown="${this.handleKeyDownResultBtn}" @click="${this.handleResult}">${ifDefined(this.getResultLabelText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-filter-menu__result-btn" size="Medium" design="Primary" @keydown="${this.handleKeyDownResultBtn}" @click="${this.handleResult}">${ifDefined(this.getResultLabelText)}</udex-button>`;}
-function block6 (this: FilterMenu, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-filter-menu__reset-btn" size="Medium" design="Tertiary" @keydown="${this.handleKeyDownResetBtn}" @click="${this.handleReset}">${ifDefined(this.getResetLabelText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-filter-menu__reset-btn" size="Medium" design="Tertiary" @keydown="${this.handleKeyDownResetBtn}" @click="${this.handleReset}">${ifDefined(this.getResetLabelText)}</udex-button>`;}
-
-function template(this: FilterMenu) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,23 +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 SearchableListBase from "../../SearchableListBase.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.showSearch ? block1.call(this, context, tags, suffix) : undefined }${ this.isListEmpty ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) } `;}
-function block1 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-search", tags, suffix)} slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></${scopeTag("udex-search", tags, suffix)}><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>` : html`<udex-search slot="header" mode="Standard" class="udex-filter-menu__search" label="${ifDefined(this.searchPlaceholder)}" label-animation-disabled non-interactive-submit-button show-submit-button></udex-search><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span>`;}
-function block2 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-no-result"><${scopeTag("ui5-illustrated-message", tags, suffix)} name="NoSearchResults" design="Dot" title-text=" " subtitle-text=" "></${scopeTag("ui5-illustrated-message", tags, suffix)}><span>${ifDefined(this.getNoResultText)}</span></div>` : html`<div class="udex-no-result"><ui5-illustrated-message name="NoSearchResults" design="Dot" title-text=" " subtitle-text=" "></ui5-illustrated-message><span>${ifDefined(this.getNoResultText)}</span></div>`;}
-function block3 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.busy ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }`;}
-function block4 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-busy-indicator", tags, suffix)} class="udex-busy-indicator" size="M" delay="${ifDefined(this.busyDelay)}" active></${scopeTag("udex-busy-indicator", tags, suffix)}>` : html`<udex-busy-indicator class="udex-busy-indicator" size="M" delay="${ifDefined(this.busyDelay)}" active></udex-busy-indicator>`;}
-function block5 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-list", tags, suffix)} id="udex-list" role="${ifDefined(this.roleForGroupList)}" accessible-role="${ifDefined(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?tab-navigation-enabled="${this.tabNavigationEnabled}" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list", tags, suffix)}>` : html`<udex-list id="udex-list" role="${ifDefined(this.roleForGroupList)}" accessible-role="${ifDefined(this.accessibleRoleForList)}" class="udex-filter-menu__list" ?tab-navigation-enabled="${this.tabNavigationEnabled}" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block6.call(this, context, tags, suffix, item, index)) }</udex-list>`;}
-function block6 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.isGroup ? block7.call(this, context, tags, suffix, item, index) : block12.call(this, context, tags, suffix, item, index) }`;}
-function block7 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.item.isSelectAllHeader ? block8.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}
-function block8 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-select-all", tags, suffix)} _additional-class-name="${ifDefined(this.additionalClassName)}" data-token-id="${ifDefined(item.item._id)}" label="${ifDefined(item.item.label)}" ?controlled="${item.item.controlled}" supporting-text="${ifDefined(item.item.supportingText)}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" ?indeterminate="${item.item.indeterminate}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block9.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list-select-all", tags, suffix)}>` : html`<udex-list-select-all _additional-class-name="${ifDefined(this.additionalClassName)}" data-token-id="${ifDefined(item.item._id)}" label="${ifDefined(item.item.label)}" ?controlled="${item.item.controlled}" supporting-text="${ifDefined(item.item.supportingText)}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" ?indeterminate="${item.item.indeterminate}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block9.call(this, context, tags, suffix, item, index)) }</udex-list-select-all>`;}
-function block9 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} role="${ifDefined(this.listItemRole)}" data-role="${ifDefined(this.listItemRole)}" data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" supporting-text="${ifDefined(item.supportingText)}" additional-text="${ifDefined(item.additionalText)}" additional-text-state="${ifDefined(item.additionalTextState)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" rating="${ifDefined(item.rating)}" total-count="${ifDefined(item.totalCount)}" rating-count="${ifDefined(item.ratingCount)}" rating-max="${ifDefined(item.ratingMax)}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item role="${ifDefined(this.listItemRole)}" data-role="${ifDefined(this.listItemRole)}" data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" supporting-text="${ifDefined(item.supportingText)}" additional-text="${ifDefined(item.additionalText)}" additional-text-state="${ifDefined(item.additionalTextState)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" rating="${ifDefined(item.rating)}" total-count="${ifDefined(item.totalCount)}" rating-count="${ifDefined(item.ratingCount)}" rating-max="${ifDefined(item.ratingMax)}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</udex-list-item>`;}
-function block10 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-group-header", tags, suffix)} role="group" _additional-class-name="udex-searchable-list__header" class="${ifDefined(this.groupClassName)}" ?non-interactive="${item.item.nonInteractive}" data-token-id="${ifDefined(item.item._id)}" label="${ifDefined(item.item.label)}" supporting-text="${ifDefined(item.item.supportingText)}" ?controlled="${item.item.controlled}" ?collapsible="${item.item.collapsible}" ?collapsed="${item.item.collapsed}" ?_filtered="${ifDefined(this._shouldFilterItems)}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" ?indeterminate="${item.item.indeterminate}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block11.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list-group-header", tags, suffix)}>` : html`<udex-list-group-header role="group" _additional-class-name="udex-searchable-list__header" class="${ifDefined(this.groupClassName)}" ?non-interactive="${item.item.nonInteractive}" data-token-id="${ifDefined(item.item._id)}" label="${ifDefined(item.item.label)}" supporting-text="${ifDefined(item.item.supportingText)}" ?controlled="${item.item.controlled}" ?collapsible="${item.item.collapsible}" ?collapsed="${item.item.collapsed}" ?_filtered="${ifDefined(this._shouldFilterItems)}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" ?indeterminate="${item.item.indeterminate}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block11.call(this, context, tags, suffix, item, index)) }</udex-list-group-header>`;}
-function block11 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} role="none" data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" additional-text="${ifDefined(item.additionalText)}" additional-text-state="${ifDefined(item.additionalTextState)}" @ui5-first-icon-click="${ifDefined(item.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(item.fireSecondIconClickEvent)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" rating="${ifDefined(item.rating)}" total-count="${ifDefined(item.totalCount)}" rating-count="${ifDefined(item.ratingCount)}" rating-max="${ifDefined(item.ratingMax)}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item role="none" data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" additional-text="${ifDefined(item.additionalText)}" additional-text-state="${ifDefined(item.additionalTextState)}" @ui5-first-icon-click="${ifDefined(item.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(item.fireSecondIconClickEvent)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" rating="${ifDefined(item.rating)}" total-count="${ifDefined(item.totalCount)}" rating-count="${ifDefined(item.ratingCount)}" rating-max="${ifDefined(item.ratingMax)}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</udex-list-item>`;}
-function block12 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} role="none" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" data-token-id="${ifDefined(item.item._id)}" supporting-text="${ifDefined(item.item.supportingText)}" additional-text="${ifDefined(item.item.additionalText)}" additional-text-state="${ifDefined(item.item.additionalTextState)}" ?disabled="${item.item.disabled}" ?controlled="${item.controlled}" ?divider="${item.divider}" ?selected="${item.item.selected}" rating="${ifDefined(item.item.rating)}" total-count="${ifDefined(item.item.totalCount)}" rating-count="${ifDefined(item.item.ratingCount)}" rating-max="${ifDefined(item.item.ratingMax)}" label="${ifDefined(item.item.label)}" accessible-role="${ifDefined(this.listItemRole)}">${unsafeHTML(item.item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item role="none" @ui5-first-icon-click="${ifDefined(this.fireFirstIconClickEvent)}" @ui5-second-icon-click="${ifDefined(this.fireSecondIconClickEvent)}" data-token-id="${ifDefined(item.item._id)}" supporting-text="${ifDefined(item.item.supportingText)}" additional-text="${ifDefined(item.item.additionalText)}" additional-text-state="${ifDefined(item.item.additionalTextState)}" ?disabled="${item.item.disabled}" ?controlled="${item.controlled}" ?divider="${item.divider}" ?selected="${item.item.selected}" rating="${ifDefined(item.item.rating)}" total-count="${ifDefined(item.item.totalCount)}" rating-count="${ifDefined(item.item.ratingCount)}" rating-max="${ifDefined(item.item.ratingMax)}" label="${ifDefined(item.item.label)}" accessible-role="${ifDefined(this.listItemRole)}">${unsafeHTML(item.item.innerHTML)}</udex-list-item>`;}
-
-function template(this: SearchableListBase) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,24 +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 SelectBox from "../../SelectBox.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this._rootClass)}"><div class="udex-text-field__container"><div class="udex-text-field__wrap" ?displayonly="${this.displayonly}">${ this.showMultiSelectedOptions ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-text-field__input" @focusin="${this.handleInputFocusIn}" @focusout="${this.handleInputFocusOut}" ?readonly="${this.readonly}" ?disabled="${this.isDisabled}" ?open="${this._open}">${ this.label ? block6.call(this, context, tags, suffix) : undefined }${ this.showImageFlags ? block8.call(this, context, tags, suffix) : undefined }<div class="udex-text-field__holder"><input role="combobox" type="text" id="search-input" name="search" class="udex-text-field__search" .value="${ifDefined(this._inputValue)}" @input="${this.handleSearchChange}" @click="${this.handleInputClick}" @keydown="${this.handleKeyDownSearch}" ?disabled="${this.isDisabled}" ?readonly="${this.isReadOrDisplayOnly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this._open)}" aria-autocomplete="${ifDefined(this._ariaAutoComplete)}" aria-describedby="${ifDefined(this._id)}-aria-describedby" autocomplete="off" />${ this._selectedOption ? block9.call(this, context, tags, suffix) : undefined }</div>${ !this.displayonly ? block10.call(this, context, tags, suffix) : undefined }<${scopeTag("ui5-popover", tags, suffix)} id="${ifDefined(this.popoverId)}" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-open="${ifDefined(this.fireEventDropdownOpen)}" @ui5-before-close="${ifDefined(this.handleDropdownBeforeClose)}" @ui5-close="${ifDefined(this.handleDropdownClose)}" class="udex-select-box__dropdown" horizontal-align="Start" placement="Bottom" prevent-focus-restore prevent-initial-focus hide-arrow>${ this._showTagsDropdownContent ? block11.call(this, context, tags, suffix) : block12.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span></div></div>${ this.supportingText ? block13.call(this, context, tags, suffix) : undefined }</div></div>` : html`<div class="${ifDefined(this._rootClass)}"><div class="udex-text-field__container"><div class="udex-text-field__wrap" ?displayonly="${this.displayonly}">${ this.showMultiSelectedOptions ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-text-field__input" @focusin="${this.handleInputFocusIn}" @focusout="${this.handleInputFocusOut}" ?readonly="${this.readonly}" ?disabled="${this.isDisabled}" ?open="${this._open}">${ this.label ? block6.call(this, context, tags, suffix) : undefined }${ this.showImageFlags ? block8.call(this, context, tags, suffix) : undefined }<div class="udex-text-field__holder"><input role="combobox" type="text" id="search-input" name="search" class="udex-text-field__search" .value="${ifDefined(this._inputValue)}" @input="${this.handleSearchChange}" @click="${this.handleInputClick}" @keydown="${this.handleKeyDownSearch}" ?disabled="${this.isDisabled}" ?readonly="${this.isReadOrDisplayOnly}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="${ifDefined(this.listboxRole)}" aria-controls="${ifDefined(this.popoverId)}" aria-expanded="${ifDefined(this._open)}" aria-autocomplete="${ifDefined(this._ariaAutoComplete)}" aria-describedby="${ifDefined(this._id)}-aria-describedby" autocomplete="off" />${ this._selectedOption ? block9.call(this, context, tags, suffix) : undefined }</div>${ !this.displayonly ? block10.call(this, context, tags, suffix) : undefined }<ui5-popover id="${ifDefined(this.popoverId)}" ?allow-target-overlap="${this.allowTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-before-open="${ifDefined(this.handleDropdownBeforeOpen)}" @ui5-open="${ifDefined(this.fireEventDropdownOpen)}" @ui5-before-close="${ifDefined(this.handleDropdownBeforeClose)}" @ui5-close="${ifDefined(this.handleDropdownClose)}" class="udex-select-box__dropdown" horizontal-align="Start" placement="Bottom" prevent-focus-restore prevent-initial-focus hide-arrow>${ this._showTagsDropdownContent ? block11.call(this, context, tags, suffix) : block12.call(this, context, tags, suffix) }</ui5-popover><span aria-live="polite" aria-atomic="true" class="hidden">${ifDefined(this._accSearchResultInfo)}</span></div></div>${ this.supportingText ? block13.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block1 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-tag-group", tags, suffix)} class="udex-tag-group" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" @focusout="${this.resetTagsTabIndexes}" tooltip-placement="${ifDefined(this.tooltipPlacement)}" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @ui5-tag-click="${ifDefined(this.handleTagClick)}" @ui5-show-more-tags="${ifDefined(this.handlerShowMoreItems)}" @ui5-tag-keydown="${ifDefined(this.handleKeyDownTag)}" ?tokenizer-expanded="${this.tokenizerExpanded}" _skip-more-button-focus>${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-tag-group", tags, suffix)}>` : html`<udex-tag-group class="udex-tag-group" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" @focusout="${this.resetTagsTabIndexes}" tooltip-placement="${ifDefined(this.tooltipPlacement)}" @ui5-tag-icon-click="${ifDefined(this.handleRemoveTag)}" @ui5-tag-click="${ifDefined(this.handleTagClick)}" @ui5-show-more-tags="${ifDefined(this.handlerShowMoreItems)}" @ui5-tag-keydown="${ifDefined(this.handleKeyDownTag)}" ?tokenizer-expanded="${this.tokenizerExpanded}" _skip-more-button-focus>${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</udex-tag-group>`;}
-function block2 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ !item.isGroup ? block3.call(this, context, tags, suffix, item, index) : undefined }`;}
-function block3 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.label ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
-function block4 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} text="${ifDefined(item.label)}" id="${ifDefined(item._id)}" icon="decline"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag text="${ifDefined(item.label)}" id="${ifDefined(item._id)}" icon="decline"></udex-tag>`;}
-function block5 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} text="${ifDefined(item.rating)}&nbsp;${ifDefined(this.startsText)}" id="${ifDefined(item._id)}" icon="decline"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag text="${ifDefined(item.rating)}&nbsp;${ifDefined(this.startsText)}" id="${ifDefined(item._id)}" icon="decline"></udex-tag>`;}
-function block6 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="search-input" class="${ifDefined(this.labelClass)}">${ifDefined(this.label)}${ this.required ? block7.call(this, context, tags, suffix) : undefined }</label><span class="hidden" id="${ifDefined(this._id)}-aria-describedby">${ifDefined(this.ariaDescribedbyText)}</span>`;}
-function block7 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`*`;}
-function block8 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.countryFlag)}`;}
-function block9 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-text-field__text-holder"><span class="udex-text-field__single-label" aria-hidden="true">${unsafeHTML(this._selectedOption)}</span></div>`;}
-function block10 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button @click="${this.handleButtonClick}" ?disabled="${this.isDisabled}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" class="udex-text-field__trigger" tabindex="-1"><${scopeTag("ui5-icon", tags, suffix)} mode="Decorative" name="navigation-down-arrow"></${scopeTag("ui5-icon", tags, suffix)}></button>` : html`<button @click="${this.handleButtonClick}" ?disabled="${this.isDisabled}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" class="udex-text-field__trigger" tabindex="-1"><ui5-icon mode="Decorative" name="navigation-down-arrow"></ui5-icon></button>`;}
-function block11 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-truncatable-tag-content"><span class="udex-truncatable-tag-content__label">${ifDefined(this.truncatableTagLabel)}</span><${scopeTag("ui5-icon", tags, suffix)} @click="${this.handleRemoveTruncatableTag}" class="udex-truncatable-tag-content__icon" mode="Decorative" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="udex-truncatable-tag-content"><span class="udex-truncatable-tag-content__label">${ifDefined(this.truncatableTagLabel)}</span><ui5-icon @click="${this.handleRemoveTruncatableTag}" class="udex-truncatable-tag-content__icon" mode="Decorative" name="decline"></ui5-icon></div>`;}
-function block12 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.searchableList)}`;}
-function block13 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-status-message", tags, suffix)} ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html`<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.valueState)}"></udex-status-message>`;}
-
-function template(this: SelectBox) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;