@sapudex/web-components 2.21.0 → 2.22.0

package/src/Search.hbs

@@ -1,155 +0,0 @@
-<div class="udex-search__root {{searchClasses}}">
-    {{#if isShowSearchHomePrefix}}
-        <div class="udex-search__prefix {{prefixWrapperClasses}}">
-            <button
-                type="button"
-                role="combobox"
-                aria-expanded="{{_prefixDropdownExpanded}}"
-                aria-label="{{labelPrefix}}"
-                aria-haspopup="true"
-                aria-controls="udex-search-prefix"
-                class="udex-search__prefix-button"
-                @click="{{handleDropdownClick}}">
-                <span class="udex-search__prefix-label">{{labelPrefix}}</span>
-                <ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon>
-            </button>
-            <ui5-popover
-                id="udex-search-prefix"
-                class="{{prefixPopoverClasses}}"
-                hide-arrow
-                placement="Bottom"
-	              horizontal-align="Start"
-                style="{{prefixPopoverStyles}}"
-                @close="{{handleAfterClosePrefixPopover}}">
-                <slot></slot>
-            </ui5-popover>
-        </div>
-    {{/if}}
-    <form role="search" class="udex-search__container {{focusClasses}} {{isNotEmptyClass}}">
-        {{#if labelAnimationDisabled}}
-            <input
-                role="searchbox"
-                id="search-input"
-                type="search"
-                name="search"
-                class="udex-search__field"
-                autocomplete="off"
-                aria-autocomplete="list"
-                aria-haspopup="{{getAriaHasPopup}}"
-                aria-label="{{accInfo.ariaLabel}}"
-                aria-describedby="search-description"
-                placeholder="{{effectivePlaceholder}}"
-                .value="{{value}}"
-                @input="{{handleSearchChange}}"
-                @keydown="{{handleKeyDown}}"
-                @focus="{{handleFocus}}"
-                @focusout="{{handleFocusout}}"
-                @blur="{{handleBlur}}"
-                @click="{{handleInputClick}}"
-            />
-        {{else}}
-            {{#if label}}
-                <label for="search-input" class="{{labelClasses}}">
-                    {{label}}
-                </label>
-            {{/if}}
-            <input
-                role="searchbox"
-                id="search-input"
-                type="search"
-                name="search"
-                class="udex-search__field"
-                autocomplete="off"
-                aria-autocomplete="list"
-                aria-label="{{accInfo.ariaLabel}}"
-                aria-describedby="search-description"
-                aria-haspopup="{{getAriaHasPopup}}"
-                .value="{{value}}"
-                @input="{{handleSearchChange}}"
-                @keydown="{{handleKeyDown}}"
-                @focus="{{handleFocus}}"
-                @focusout="{{handleFocusout}}"
-                @blur="{{handleBlur}}"
-                @click="{{handleInputClick}}"
-            />
-        {{/if}}
-        {{#if open}}
-            <span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">{{suggestionsDescription}}</span>
-        {{/if}}
-        <div class="udex-search__icons">
-            {{#if isShowHomeResetButton}}
-                <udex-button
-                    id="reset-button"
-                    class="udex-search__button udex-search__reset-button"
-                    size="Small"
-                    design="Default"
-                    tooltip="{{tooltipInfo.tooltipResetButton}}"
-                    @click="{{onReset}}"
-                    @keydown="{{handleKeyDownReset}}">
-                    <ui5-icon
-                        class="udex-search__button-icon"
-                        accessible-name="{{accInfo.accessibleNameResetIcon}}"
-                        accessible-role="presentation"
-                        name="decline">
-                    </ui5-icon>
-                </udex-button>
-            {{/if}}
-            {{#if isShowResetButton}}
-                <udex-control-button
-                    id="reset-button"
-                    class="udex-search__reset-button"
-                    design="Default"
-                    tooltip="{{tooltipInfo.tooltipResetButton}}"
-                    icon="decline"
-                    size="Large"
-                    accessible-name="{{accInfo.accessibleNameResetIcon}}"
-                    @click="{{onReset}}"
-                    @keydown="{{handleKeyDownReset}}">
-                </udex-control-button>
-            {{/if}}
-            {{#if isVoiceButton}}
-                <udex-button
-                    id="voice-button"
-                    class="udex-search__button udex-search__voice-button {{voiceActiveClass}}"
-                    design="Default"
-                    size="Small"
-                    icon="microphone"
-                    tooltip="{{tooltipInfo.tooltipVoiceButton}}"
-                    @click="{{onVoice}}"
-                ></udex-button>
-            {{/if}}
-            {{#if showNonInteractiveButton}}
-              <ui5-icon
-                  class="udex-search__icon"
-                  aria-hidden="true"
-                  accessible-name="{{accInfo.accessibleNameSearchIcon}}"
-                  name="search">
-              </ui5-icon>
-            {{/if}}
-            {{#if showSubmitHomeButton}}
-              <udex-button
-                  id="submit-button"
-                  class="udex-search__button udex-search__submit-button {{searchButtonActiveClass}}"
-                  design="Default"
-                  icon="search"
-                  size="Small"
-                  tooltip="{{tooltipInfo.tooltipSubmitButton}}"
-                  @click="{{onSubmit}}"
-              ></udex-button>
-            {{/if}}
-            {{#if showSubmitStandardButton}}
-              <udex-control-button
-                  id="submit-button"
-                  class="udex-search__submit-button"
-                  size="Large"
-                  design="Default"
-                  icon="search"
-                  tooltip="{{tooltipInfo.tooltipSubmitButton}}"
-                  @click="{{onSubmit}}"
-              ></udex-control-button>
-            {{/if}}
-        </div>
-    </form>
-</div>
-
-{{>include "./SearchSuggestions.hbs"}}

package/src/SearchSuggestions.hbs

@@ -1,91 +0,0 @@
-<ui5-popover
-    class="udex-search-suggestions__root {{homeSearchPopoverClass}}"
-    hide-arrow
-    prevent-initial-focus
-    placement="Bottom"
-    horizontal-align="End"
-    style="{{popoverStyles}}"
-    id="{{getSuggestionsPopoverId}}"
-    aria-orientation="vertical"
-    accessible-role="Dialog"
-    @keydown="{{handleKeyPressSuggestionList}}"
-    accessible-name="{{suggestionsAccessibleName}}">
-    {{#if showNoResultMessage}}
-        <span class="udex-search-suggestions__message">{{noResultMessage}}</span>
-    {{else}}
-        <div role="tree">
-            {{#if isShowSuggestedList}}
-                <div class="udex-search-suggestions__block" role="treeitem">
-                    {{#if suggestedHeading}}
-                        <span class="udex-search-suggestions__heading" id="suggested-heading">{{suggestedHeading}}</span>
-                    {{/if}}
-                    <div class="udex-search-suggestions__list"
-                        role="listbox"
-                        aria-labelledby="suggested-heading"
-                        tabindex="0"
-                        @keydown="{{../handleKeyDownPopover}}">
-                        {{#each suggestedList}}
-                            <ui5-button
-                                id="{{id}}"
-                                icon="{{icon}}"
-                                type="Button"
-                                design="Default"
-                                accessible-name="{{suggestionDescription}}"
-                                class="udex-search-suggestions__item-button"
-                                title="{{title}}"
-                                tabindex="-1"
-                                role="option"
-                                @click="{{handleSelectItem}}"
-                            >
-                                {{{text}}}
-                            </ui5-button>
-                        {{/each}}
-                    </div>
-                </div>
-            {{/if}}
-            {{#if isShowRecommendedList}}
-                <div class="udex-search-suggestions__block" role="treeitem">
-                    {{#if recommendedHeading}}
-                        <span class="udex-search-suggestions__heading" id="recommended-heading">{{recommendedHeading}}</span>
-                    {{/if}}
-                    <div class="udex-search-suggestions__list"
-                        role="listbox"
-                        aria-labelledby="recommended-heading"
-                        tabindex="0"
-                        @keydown="{{../handleKeyDownPopover}}">
-                        {{#each recommendedList}}
-                            {{#if this.hasCustomIcon}}
-                                <ui5-button
-                                    id="{{id}}"
-                                    icon="{{icon}}"
-                                    type="Button"
-                                    design="Default"
-                                    class="udex-search-suggestions__item-button"
-                                    title="{{title}}"
-                                    accessible-name="{{suggestionDescription}}"
-                                    tabindex="-1"
-                                    role="option"
-                                    @click="{{handleSelectItem}}">
-                                    {{{text}}}
-                                </ui5-button>
-                            {{else}}
-                                <ui5-button
-                                    id="{{id}}"
-                                    type="Button"
-                                    design="Default"
-                                    class="udex-search-suggestions__item-button"
-                                    accessible-name="{{suggestionDescription}}"
-                                    title="{{title}}"
-                                    tabindex="-1"
-                                    role="option"
-                                    @click="{{handleSelectItem}}">
-                                    {{{text}}}
-                                </ui5-button>
-                            {{/if}}
-                        {{/each}}
-                    </div>
-                </div>
-            {{/if}}
-        </div>
-    {{/if}}
-</ui5-popover>

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

@@ -1,21 +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 SearchSuggestions from "../../SearchSuggestions.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-popover>`;}
-function block1 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`;}
-function block2 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="tree">${ this.isShowSuggestedList ? block3.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block6.call(this, context, tags, suffix) : undefined }</div>`;}
-function block3 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.suggestedHeading ? block4.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}
-function block4 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`;}
-function block5 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-function block6 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.recommendedHeading ? block7.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block8.call(this, context, tags, suffix, item, index)) }</div></div>`;}
-function block7 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`;}
-function block8 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block9.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}
-function block9 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-function block10 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-
-function template(this: SearchSuggestions) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,32 +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 Search from "../../Search.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class="udex-search__icons">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</${scopeTag("ui5-popover", tags, suffix)}>` : html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }${ this.open ? block5.call(this, context, tags, suffix) : undefined }<div class="udex-search__icons">${ this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined }${ this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined }${ this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined }${ this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined }${ this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined }</div></form></div><ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix) }</ui5-popover>`;}
-function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
-function block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${ifDefined(this.effectivePlaceholder)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
-function block3 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block4.call(this, context, tags, suffix) : undefined }<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
-function block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`;}
-function block5 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span aria-live="polite" aria-atomic="true" id="search-description" class="hidden" aria-hidden="true">${ifDefined(this.suggestionsDescription)}</span>`;}
-function block6 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></${scopeTag("ui5-icon", tags, suffix)}></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="reset-button" class="udex-search__button udex-search__reset-button" size="Small" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"><ui5-icon class="udex-search__button-icon" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" accessible-role="presentation" name="decline"></ui5-icon></udex-button>`;}
-function block7 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button id="reset-button" class="udex-search__reset-button" design="Default" tooltip="${ifDefined(this.tooltipInfo.tooltipResetButton)}" icon="decline" size="Large" accessible-name="${ifDefined(this.accInfo.accessibleNameResetIcon)}" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></udex-control-button>`;}
-function block8 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" size="Small" icon="microphone" tooltip="${ifDefined(this.tooltipInfo.tooltipVoiceButton)}" @click="${this.onVoice}"></udex-button>`;}
-function block9 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-search__icon" aria-hidden="true" accessible-name="${ifDefined(this.accInfo.accessibleNameSearchIcon)}" name="search"></ui5-icon>`;}
-function block10 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" size="Small" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-button>`;}
-function block11 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button id="submit-button" class="udex-search__submit-button" size="Large" design="Default" icon="search" tooltip="${ifDefined(this.tooltipInfo.tooltipSubmitButton)}" @click="${this.onSubmit}"></udex-control-button>`;}
-function block12 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__message">${ifDefined(this.noResultMessage)}</span>`;}
-function block13 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="tree">${ this.isShowSuggestedList ? block14.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block17.call(this, context, tags, suffix) : undefined }</div>`;}
-function block14 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.suggestedHeading ? block15.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="suggested-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.suggestedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block16.call(this, context, tags, suffix, item, index)) }</div></div>`;}
-function block15 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="suggested-heading">${ifDefined(this.suggestedHeading)}</span>`;}
-function block16 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" accessible-name="${ifDefined(item.suggestionDescription)}" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-function block17 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block" role="treeitem">${ this.recommendedHeading ? block18.call(this, context, tags, suffix) : undefined }<div class="udex-search-suggestions__list" role="listbox" aria-labelledby="recommended-heading" tabindex="0" @keydown="${this.handleKeyDownPopover}">${ repeat(this.recommendedList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block19.call(this, context, tags, suffix, item, index)) }</div></div>`;}
-function block18 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-search-suggestions__heading" id="recommended-heading">${ifDefined(this.recommendedHeading)}</span>`;}
-function block19 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.hasCustomIcon ? block20.call(this, context, tags, suffix, item, index) : block21.call(this, context, tags, suffix, item, index) }`;}
-function block20 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" accessible-name="${ifDefined(item.suggestionDescription)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-function block21 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="${ifDefined(item.id)}" type="Button" design="Default" class="udex-search-suggestions__item-button" accessible-name="${ifDefined(item.suggestionDescription)}" title="${ifDefined(item.title)}" tabindex="-1" role="option" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
-
-function template(this: Search) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;