@sapudex/web-components 0.111.0

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

@@ -0,0 +1,16 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type Pagination from "../../Pagination.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.pages ? block1.call(this, context, tags, suffix) : undefined } `;}
+function block1 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<nav aria-label="pagination" class="${ifDefined(this.paginationClass)}"><ul class="udex-pagination__list">${ this.absoluteNavigation ? block2.call(this, context, tags, suffix) : undefined }<li class="udex-pagination__item--prev udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.prevButtonDisbled}" accessible-name="${ifDefined(this.previousPageAccessibleName)}" size="Large" icon="nav-back" design="Tertiary" @click="${this.setPrevPage}"></${scopeTag("udex-button", tags, suffix)}></li>${ this.typeFull ? block3.call(this, context, tags, suffix) : undefined }${ this.typeShort ? block5.call(this, context, tags, suffix) : undefined }<li class="udex-pagination__item--next udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.nextButtonDisbled}" accessible-name="${ifDefined(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}"></${scopeTag("udex-button", tags, suffix)}></li>${ this.absoluteNavigation ? block6.call(this, context, tags, suffix) : undefined }</ul></nav>` : html`<nav aria-label="pagination" class="${ifDefined(this.paginationClass)}"><ul class="udex-pagination__list">${ this.absoluteNavigation ? block2.call(this, context, tags, suffix) : undefined }<li class="udex-pagination__item--prev udex-pagination__item"><udex-button ?disabled="${this.prevButtonDisbled}" accessible-name="${ifDefined(this.previousPageAccessibleName)}" size="Large" icon="nav-back" design="Tertiary" @click="${this.setPrevPage}"></udex-button></li>${ this.typeFull ? block3.call(this, context, tags, suffix) : undefined }${ this.typeShort ? block5.call(this, context, tags, suffix) : undefined }<li class="udex-pagination__item--next udex-pagination__item"><udex-button ?disabled="${this.nextButtonDisbled}" accessible-name="${ifDefined(this.nextPageAccessibleName)}" size="Large" icon="navigation-right-arrow" design="Tertiary" @click="${this.setNextPage}"></udex-button></li>${ this.absoluteNavigation ? block6.call(this, context, tags, suffix) : undefined }</ul></nav>`;}
+function block2 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-pagination__item--first udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.prevButtonDisbled}" accessible-name="${ifDefined(this.firstPageAccessibleName)}" size="Large" icon="close-command-field" design="Tertiary" @click="${this.setFirstPage}"></${scopeTag("udex-button", tags, suffix)}></li>` : html`<li class="udex-pagination__item--first udex-pagination__item"><udex-button ?disabled="${this.prevButtonDisbled}" accessible-name="${ifDefined(this.firstPageAccessibleName)}" size="Large" icon="close-command-field" design="Tertiary" @click="${this.setFirstPage}"></udex-button></li>`;}
+function block3 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.pagination, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }`;}
+function block4 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class="udex-pagination__item"><a class="udex-pagination__page" href="#" aria-label="${ifDefined(item.accessibleName)}" @click="${this.onPageClick}" ?active="${item.active}" index="${ifDefined(item.index)}"><span class="udex-pagination__page--value">${ifDefined(item.value)}</span></a></li>`;}
+function block5 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<li class="udex-pagination__item udex-pagination__item--short" tabindex="0" aria-label="${ifDefined(this.paginationShortAccessibleName)}"><span class="udex-pagination__item--short-value">${ifDefined(this.shortTextStart)}</span><span class="udex-pagination__item--short-separator">${ifDefined(this.shortTextSeparator)}</span><span class="udex-pagination__item--short-value">${ifDefined(this.shortTextEnd)}</span></li>`;}
+function block6 (this: Pagination, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li class="udex-pagination__item--last udex-pagination__item"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.nextButtonDisbled}" accessible-name="${ifDefined(this.lastPageAccessibleName)}" size="Large" icon="open-command-field" design="Tertiary" @click="${this.setLastPage}"></${scopeTag("udex-button", tags, suffix)}></li>` : html`<li class="udex-pagination__item--last udex-pagination__item"><udex-button ?disabled="${this.nextButtonDisbled}" accessible-name="${ifDefined(this.lastPageAccessibleName)}" size="Large" icon="open-command-field" design="Tertiary" @click="${this.setLastPage}"></udex-button></li>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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`<div class="udex-password-field"><${scopeTag("udex-text-field", tags, suffix)} type=${ifDefined(this.type)} value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" ?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)}"></${scopeTag("udex-text-field", tags, suffix)}>${ this.renderShowButton ? block1.call(this, context, tags, suffix) : undefined }</div>` : html`<div class="udex-password-field"><udex-text-field type=${ifDefined(this.type)} value="${ifDefined(this.value)}" label="${ifDefined(this.passwordLabel)}" ?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)}"></udex-text-field>${ this.renderShowButton ? block1.call(this, context, tags, suffix) : undefined }</div>`;}
+function block1 (this: PasswordField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} ?disabled="${this.disabled}" id="show-button" design="Default" class="udex-password-field__button udex-password-field__button_show" icon=${ifDefined(this.icon)} size="Large" accessible-name="${ifDefined(this.showButtonTooltip)}" tooltip=${ifDefined(this.showButtonTooltip)} @click="${this.handleShowPassword}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button ?disabled="${this.disabled}" id="show-button" design="Default" class="udex-password-field__button udex-password-field__button_show" icon=${ifDefined(this.icon)} size="Large" accessible-name="${ifDefined(this.showButtonTooltip)}" tooltip=${ifDefined(this.showButtonTooltip)} @click="${this.handleShowPassword}"></udex-control-button>`;}
+
+
+export default block0;

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

@@ -0,0 +1,16 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type PhoneNumberField from "../../PhoneNumberField.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}" @ui5-before-open="${ifDefined(this.handleDropdownOpen)}" @ui5-before-close="${ifDefined(this.handleDropdownClose)}">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-dropdown", tags, suffix)} class="udex-phone-number-field__dropdown" id="dropdown-menu" horizontal-align="Left" height="${ifDefined(this.height)}"><${scopeTag("udex-list", tags, suffix)}>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}><div class="udex-phone-number-field__input-wrapper">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class="udex-phone-number-field__input" id="phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" @input="${this.handleInput}" @change="${this.handleChange}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown=${this.handleKeyDown} @keyup=${this.handleKeyUp}></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined } ` : html`<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}" @ui5-before-open="${ifDefined(this.handleDropdownOpen)}" @ui5-before-close="${ifDefined(this.handleDropdownClose)}">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class="udex-phone-number-field__dropdown" id="dropdown-menu" horizontal-align="Left" height="${ifDefined(this.height)}"><udex-list>${ repeat(this.countriesList, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }</udex-list></udex-dropdown><div class="udex-phone-number-field__input-wrapper">${ !this.displayonly ? block5.call(this, context, tags, suffix) : undefined }<input class="udex-phone-number-field__input" id="phone" type="tel" .value="${ifDefined(this.value)}" placeholder="${ifDefined(this.phoneFormat)}" maxlength="${ifDefined(this.maxlength)}" ?disabled="${this.disabled}" ?readonly="${this.isInputReadonly}" ?required="${this.required}" autocomplete="tel" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" @input="${this.handleInput}" @change="${this.handleChange}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown=${this.handleKeyDown} @keyup=${this.handleKeyUp}></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined } `;}
+function block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label class="udex-phone-number-field__label" for="phone">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</label>`;}
+function block2 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
+function block3 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item id="${ifDefined(item.iso)}" ?selected="${item.selected}"><div class="udex-phone-number-field__dropdown-list-item"><div class="udex-phone-number-field__flag" style="background-position-x: ${ifDefined(item.flagX)}; background-position-y: ${ifDefined(item.flagY)}"></div><span class="udex-phone-number-field__country-name">${ifDefined(item.countryName)}${ item.localName ? block4.call(this, context, tags, suffix, item, index) : undefined }${ifDefined(item.phonePrefix)}</span></div></udex-list-item>`;}
+function block4 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html` (${ifDefined(item.localName)}) `;}
+function block5 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} class="udex-phone-number-field__open-button" size="Large" icon="${ifDefined(this.buttonIcon)}" design="Tertiary" icon-end ?disabled="${this.isButtonDisabled}" aria-disabled="${ifDefined(this.isButtonDisabled)}" aria-haspopup="true" accessible-name="${ifDefined(this.countrySelectorAriaLabel)}" @click="${this.onClick}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><div class="udex-phone-number-field__flag" style="${styleMap(this.selectedFlagBackgroundPosition)}"></div></div></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button class="udex-phone-number-field__open-button" size="Large" icon="${ifDefined(this.buttonIcon)}" design="Tertiary" icon-end ?disabled="${this.isButtonDisabled}" aria-disabled="${ifDefined(this.isButtonDisabled)}" aria-haspopup="true" accessible-name="${ifDefined(this.countrySelectorAriaLabel)}" @click="${this.onClick}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><div class="udex-phone-number-field__flag" style="${styleMap(this.selectedFlagBackgroundPosition)}"></div></div></udex-button>`;}
+function block6 (this: PhoneNumberField, 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.fieldState)}"></${scopeTag("udex-status-message", tags, suffix)}>` : html`<udex-status-message ?disabled="${this.disabled}" supporting-text="${ifDefined(this.supportingText)}" value-state="${ifDefined(this.fieldState)}"></udex-status-message>`;}
+
+
+export default block0;

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

@@ -0,0 +1,13 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type Quote from "../../Quote.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-quote__container"><div class="udex-quote__image-container">${ this.image ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-quote__content-container"><div class="content-container__text-container"><p class="content-container__text"><slot></slot></p></div>${ this.author ? block2.call(this, context, tags, suffix) : undefined }${ this.link ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}
+function block1 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="image" slot="image"></slot>`;}
+function block2 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author"></slot>`;}
+function block3 (this: Quote, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="link" name="link"></slot>`;}
+
+
+export default block0;

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

@@ -0,0 +1,20 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type RatingIndicator from "../../RatingIndicator.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-rating-indicator ui5-rating-indicator-root ${ifDefined(this.classNames)}" role="slider" aria-roledescription="${ifDefined(this._ariaRoleDescription)}" aria-valuemin="0" aria-valuenow="${ifDefined(this.value)}" aria-valuemax="${ifDefined(this.max)}" aria-valuetext="${ifDefined(this.value)} of ${ifDefined(this.max)}" aria-orientation="horizontal" aria-disabled="${ifDefined(this._ariaDisabled)}" aria-readonly="${ifDefined(this.ariaReadonly)}" aria-description="${ifDefined(this._ariaDescription)}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this._onfocusin}" @focusout="${this._onfocusout}" @click="${this._onclick}" @keydown="${this._onkeydown}" title="${ifDefined(this.ratingTooltip)}" aria-label="${ifDefined(this._ariaLabel)}"><ul class="udex-rating-indicator__list ui5-rating-indicator-list" aria-hidden="true">${ repeat(this._stars, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ul>${ this.totalCount ? block10.call(this, context, tags, suffix) : undefined }</div>`;}
+function block1 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block2.call(this, context, tags, suffix, item, index) : block3.call(this, context, tags, suffix, item, index) }`;}
+function block2 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li data-ui5-value="${ifDefined(item.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="favorite"></${scopeTag("ui5-icon", tags, suffix)}></li>` : html`<li data-ui5-value="${ifDefined(item.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-sel ui5-rating-indicator-item ui5-rating-indicator-item-sel"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="favorite"></ui5-icon></li>`;}
+function block3 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.halfStar ? block4.call(this, context, tags, suffix, item, index) : block5.call(this, context, tags, suffix, item, index) }`;}
+function block4 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></${scopeTag("ui5-icon", tags, suffix)}><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></${scopeTag("ui5-icon", tags, suffix)}></div></li>` : html`<li class="udex-rating-indicator__item udex-rating-indicator__item-half ui5-rating-indicator-item ui5-rating-indicator-item-half"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></ui5-icon><div class="udex-rating-indicator__half-icon-wrapper ui5-rating-indicator-half-icon-wrapper"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="favorite" class="udex-rating-indicator__half-icon ui5-rating-indicator-half-icon"></ui5-icon></div></li>`;}
+function block5 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ this.readonly ? block6.call(this, context, tags, suffix, item, index) : block7.call(this, context, tags, suffix, item, index) }`;}
+function block6 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></${scopeTag("ui5-icon", tags, suffix)}></li>` : html`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></ui5-icon></li>`;}
+function block7 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ this.disabled ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }`;}
+function block8 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></${scopeTag("ui5-icon", tags, suffix)}></li>` : html`<li class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></ui5-icon></li>`;}
+function block9 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li data-ui5-value="${ifDefined(item.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><${scopeTag("ui5-icon", tags, suffix)} data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></${scopeTag("ui5-icon", tags, suffix)}></li>` : html`<li data-ui5-value="${ifDefined(item.index)}" class="udex-rating-indicator__item udex-rating-indicator__item-unsel ui5-rating-indicator-item ui5-rating-indicator-item-unsel"><ui5-icon data-ui5-value="${ifDefined(item.index)}" name="unfavorite"></ui5-icon></li>`;}
+function block10 (this: RatingIndicator, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-rating-indicator__total">&#40;${ifDefined(this.totalCount)}&#41;</div>`;}
+
+
+export default block0;

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

@@ -0,0 +1,19 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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 _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${styleMap(this.popoverStyles)}" id="suggestions-popover" aria-orientation="vertical" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.hasPopoverContent ? block1.call(this, context, tags, suffix) : undefined }</${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Right" style="${styleMap(this.popoverStyles)}" id="suggestions-popover" aria-orientation="vertical" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${ this.hasPopoverContent ? block1.call(this, context, tags, suffix) : undefined }</ui5-popover>`;}
+function block1 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div role="tree">${ this.isShowSuggestedList ? block2.call(this, context, tags, suffix) : undefined }${ this.isShowRecommendedList ? block5.call(this, context, tags, suffix) : undefined }</div>`;}
+function block2 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block">${ this.suggestedHeading ? block3.call(this, context, tags, suffix) : undefined }<ul 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) => block4.call(this, context, tags, suffix, item, index)) }</ul></div>`;}
+function block3 (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 block4 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<li class="udex-search-suggestions__item" role="option" id="${ifDefined(item.id)}"><${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}></li>` : html`<li class="udex-search-suggestions__item" role="option" id="${ifDefined(item.id)}"><ui5-button icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button></li>`;}
+function block5 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search-suggestions__block">${ this.recommendedHeading ? block6.call(this, context, tags, suffix) : undefined }<ul 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) => block7.call(this, context, tags, suffix, item, index)) }</ul></div>`;}
+function block6 (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 block7 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li class="udex-search-suggestions__item" role="option" id="${ifDefined(item.id)}">${ item.hasCustomIcon ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }</li>`;}
+function block8 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button icon="${ifDefined(item.icon)}" type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
+function block9 (this: SearchSuggestions, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button type="Button" design="Default" class="udex-search-suggestions__item-button" title="${ifDefined(item.title)}" tabindex="-1" @click="${item.handleSelectItem}">${unsafeHTML(item.text)}</ui5-button>`;}
+
+
+export default block0;

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

@@ -0,0 +1,18 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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 html`<div class="udex-search__root"><form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class="udex-search__icons">${ this.isShowResetButton ? block4.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block5.call(this, context, tags, suffix) : undefined }${ this.showSubmitButton ? block6.call(this, context, tags, suffix) : undefined }</div></form></div>`;}
+function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" role="combobox" aria-controls="suggestions-popover" aria-expanded="false" aria-haspopup="${ifDefined(this.showSuggestedPopover)}" placeholder="${ifDefined(this.label)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
+function block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block3.call(this, context, tags, suffix) : undefined }<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-controls="suggestions-popover" aria-expanded="false" aria-haspopup="${ifDefined(this.showSuggestedPopover)}" .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`<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`;}
+function block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" icon="decline" tooltip="Reset Button" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="reset-button" class="udex-search__button udex-search__reset-button" design="Default" icon="decline" tooltip="Reset Button" @click="${this.onReset}" @keydown="${this.handleKeyDownReset}"></ui5-button>`;}
+function block5 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="Voice Button" @click="${this.onVoice}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="voice-button" class="udex-search__button udex-search__voice-button ${ifDefined(this.voiceActiveClass)}" design="Default" icon="microphone" tooltip="Voice Button" @click="${this.onVoice}"></ui5-button>`;}
+function block6 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.nonInteractiveSubmitButton ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix) }`;}
+function block7 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-search__icon" name="search"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-search__icon" name="search"></ui5-icon>`;}
+function block8 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-button", tags, suffix)} id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="Submit Button" @click="${this.onSubmit}"></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button id="submit-button" class="udex-search__button udex-search__submit-button ${ifDefined(this.searchButtonActiveClass)}" design="Default" icon="search" tooltip="Submit Button" @click="${this.onSubmit}"></ui5-button>`;}
+
+
+export default block0;

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

@@ -0,0 +1,20 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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)}>` : 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>`;}
+function block2 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-no-result"><span>${ifDefined(this.getNoResultText)}&lrm;</span></div>`;}
+function block3 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-list", tags, suffix)} id="udex-list" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-list", tags, suffix)}>` : html`<udex-list id="udex-list" class="udex-filter-menu__list" ?controlled="${this.isControlled}" mode="${ifDefined(this.mode)}">${ repeat(this._filteredItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block4.call(this, context, tags, suffix, item, index)) }</udex-list>`;}
+function block4 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.isGroup ? block5.call(this, context, tags, suffix, item, index) : block10.call(this, context, tags, suffix, item, index) }`;}
+function block5 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.item.isSelectAllHeader ? block6.call(this, context, tags, suffix, item, index) : block8.call(this, context, tags, suffix, item, index) }`;}
+function block6 (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}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.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}">${ repeat(item.groupItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</udex-list-select-all>`;}
+function block7 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</udex-list-item>`;}
+function block8 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-group-header", tags, suffix)} _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}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" ?indeterminate="${item.item.indeterminate}">${ 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-group-header", tags, suffix)}>` : html`<udex-list-group-header _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}" ?disabled="${item.item.disabled}" ?selected="${item.item.selected}" ?indeterminate="${item.item.indeterminate}">${ 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-group-header>`;}
+function block9 (this: SearchableListBase, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-list-item", tags, suffix)} data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" label="${ifDefined(item.label)}">${unsafeHTML(item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item data-token-id="${ifDefined(item._id)}" ?controlled="${item.controlled}" mode="${ifDefined(item.mode)}" supporting-text="${ifDefined(item.supportingText)}" ?divider="${item.divider}" ?disabled="${item.disabled}" ?selected="${item.selected}" 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-item", tags, suffix)} data-token-id="${ifDefined(item.item._id)}" supporting-text="${ifDefined(item.item.supportingText)}" ?disabled="${item.item.disabled}" ?controlled="${item.controlled}" ?divider="${item.divider}" ?selected="${item.item.selected}" label="${ifDefined(item.item.label)}">${unsafeHTML(item.item.innerHTML)}</${scopeTag("udex-list-item", tags, suffix)}>` : html`<udex-list-item data-token-id="${ifDefined(item.item._id)}" supporting-text="${ifDefined(item.item.supportingText)}" ?disabled="${item.item.disabled}" ?controlled="${item.controlled}" ?divider="${item.divider}" ?selected="${item.item.selected}" label="${ifDefined(item.item.label)}">${unsafeHTML(item.item.innerHTML)}</udex-list-item>`;}
+
+
+export default block0;

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

@@ -0,0 +1,19 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type SecondaryNavigation from "../../SecondaryNavigation.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.rootClass)}">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-secondary-navigation__holder"><div class="udex-secondary-navigation__heading"><div class="udex-secondary-navigation__text-wrap"><span class="udex-secondary-navigation__title">${ifDefined(this.title)}</span><span class="udex-secondary-navigation__active-title">${ifDefined(this.activeItemText)}</span></div><button class="udex-secondary-navigation__mobile-opener" role="button" aria-expanded="${ifDefined(this._mobileBtnExpanded)}" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" aria-haspopup="true" @click="${this.handleMobileOpen}"><${scopeTag("ui5-icon", tags, suffix)} class="udex-secondary-navigation__title-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button></div><div class="udex-secondary-navigation__wrap"><ul role="menubar" class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }</ul><div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div></div></div></div>` : html`<div class="${ifDefined(this.rootClass)}">${ this.hasBreadcrumbsSlot ? block1.call(this, context, tags, suffix) : undefined }<div class="udex-secondary-navigation__holder"><div class="udex-secondary-navigation__heading"><div class="udex-secondary-navigation__text-wrap"><span class="udex-secondary-navigation__title">${ifDefined(this.title)}</span><span class="udex-secondary-navigation__active-title">${ifDefined(this.activeItemText)}</span></div><button class="udex-secondary-navigation__mobile-opener" role="button" aria-expanded="${ifDefined(this._mobileBtnExpanded)}" aria-label="${ifDefined(this.mobileMenuOpenerAriaLabel)}" aria-haspopup="true" @click="${this.handleMobileOpen}"><ui5-icon class="udex-secondary-navigation__title-icon" name="slim-arrow-down"></ui5-icon></button></div><div class="udex-secondary-navigation__wrap"><ul role="menubar" class="udex-secondary-navigation__list" @keydown="${this.handleKeyDown}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }</ul><div class="udex-secondary-navigation__buttons"><slot name="buttons"></slot></div></div></div></div>`;}
+function block1 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__breadcrumbs"><slot name="breadcrumbs"></slot></div>`;}
+function block2 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li role="none" class="udex-secondary-navigation__list-item udex-secondary-navigation__link-btn-wrap" ?active="${item.active}">${ item.path ? block3.call(this, context, tags, suffix, item, index) : block4.call(this, context, tags, suffix, item, index) }</li>`;}
+function block3 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<a role="menuitem" class="udex-secondary-navigation__item udex-secondary-navigation__link-btn" href="${ifDefined(item.path)}" target="${ifDefined(item.target)}" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</a>`;}
+function block4 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<button role="menuitem" class="udex-secondary-navigation__item udex-secondary-navigation__link-btn" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</button>`;}
+function block5 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<li role="none" class="${ifDefined(this.moreClass)} udex-secondary-navigation__link-btn-wrap" ?active="${this.moreIsActive}"><button role="menuitem" @click="${this.handleToggleDropdown}" aria-expanded="${ifDefined(this._dropdownMoreIsOpen)}" aria-label="${ifDefined(this.moreButtonText)}" aria-haspopup="true" class="udex-secondary-navigation__item udex-secondary-navigation__link-btn udex-secondary-navigation__link-btn-more">${ifDefined(this.moreButtonText)}<${scopeTag("ui5-icon", tags, suffix)} class="udex-secondary-navigation__item-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button>${ this._dropdownMoreIsOpen ? block6.call(this, context, tags, suffix) : undefined }</li>` : html`<li role="none" class="${ifDefined(this.moreClass)} udex-secondary-navigation__link-btn-wrap" ?active="${this.moreIsActive}"><button role="menuitem" @click="${this.handleToggleDropdown}" aria-expanded="${ifDefined(this._dropdownMoreIsOpen)}" aria-label="${ifDefined(this.moreButtonText)}" aria-haspopup="true" class="udex-secondary-navigation__item udex-secondary-navigation__link-btn udex-secondary-navigation__link-btn-more">${ifDefined(this.moreButtonText)}<ui5-icon class="udex-secondary-navigation__item-icon" name="slim-arrow-down"></ui5-icon></button>${ this._dropdownMoreIsOpen ? block6.call(this, context, tags, suffix) : undefined }</li>`;}
+function block6 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-secondary-navigation__dropdown"><ul role="menu" class="udex-secondary-navigation__dropdown-list" @keydown="${this.handleKeyDownDropdown}">${ repeat(this._overflowItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</ul></div>`;}
+function block7 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<li role="none" ?active="${item.active}" class="udex-secondary-navigation__link-btn-wrap">${ item.path ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }</li>`;}
+function block8 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<a role="menuitem" href="${ifDefined(item.path)}" target="${ifDefined(item.target)}" class="udex-secondary-navigation__dropdown-item udex-secondary-navigation__link-btn" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</a>`;}
+function block9 (this: SecondaryNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<button role="menuitem" class="udex-secondary-navigation__dropdown-item" @click="${this.handleNavigationClick}">${ifDefined(item.title)}</button>`;}
+
+
+export default block0;

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

@@ -0,0 +1,22 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><${scopeTag("udex-dropdown", tags, suffix)} id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</${scopeTag("udex-dropdown", tags, suffix)}>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>` : html`<div class="udex-select-box__root"><div class="udex-text-field__container"><div @click="${this.getHandleSingleSelectOpen}" class="udex-text-field__input" @ui5-iconClick="${ifDefined(this.handleRemoveTag)}" @keydown="${this.handleKeyDownTrigger}" ?open="${this._open}" tabindex="${ifDefined(this.effectiveTabIndex)}" @focusin="${this.handleFocusIn}" @focusout="${this.handleFocusOut}" ?disabled="${this.disabled}" ?displayonly="${this.displayonly}" ?readonly="${this.readonly}" role="combobox" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-labelledby="${ifDefined(this.accInfo.ariaLabelledBy)}" aria-readonly="${ifDefined(this.isReadOrDisplayOnly)}" aria-disabled="${ifDefined(this.disabled)}" aria-haspopup="listbox" aria-controls="udex-select-box__dropdown" aria-expanded="${ifDefined(this.tokenizerExpanded)}" aria-activedescendant>${ this.label ? block1.call(this, context, tags, suffix) : undefined }${ this.showSingleSelectedOption ? block3.call(this, context, tags, suffix) : undefined }${ this.showMultiSelectedOptions ? block4.call(this, context, tags, suffix) : undefined }${ this.showTrigger ? block7.call(this, context, tags, suffix) : undefined }</div>${ this.supportingText ? block8.call(this, context, tags, suffix) : undefined }</div><udex-dropdown id="udex-select-box__dropdown" class="udex-select-box__dropdown" ?disable-target-overlap="${this.disableTargetOverlap}" @keydown="${this.handleKeyDownDropdown}" @ui5-select-all="${ifDefined(this.handleSelectAll)}" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleHeaderPress)}" @ui5-submit-search-value="${ifDefined(this.handleSubmitSearch)}" @ui5-handle-value-search="${ifDefined(this.handleValueSearch)}" @ui5-handle-value-reset="${ifDefined(this.handleResetSearch)}" @before-open="${this.handleDropdownBeforeOpen}" @after-close="${this.handleDropdownAfterClose}" height="${ifDefined(this.height)}" accessible-role="Dialog" horizontal-align="Left">${ this._showTagsDropdownContent ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix) }</udex-dropdown>${ this.displayonly ? block11.call(this, context, tags, suffix) : undefined }</div>`;}
+function block1 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="${ifDefined(this.labelClass)}">${ifDefined(this.label)}${ this.required ? block2.call(this, context, tags, suffix) : undefined }</span>`;}
+function block2 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html` * `;}
+function block3 (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">${unsafeHTML(this._singleSelectedOption)}</span></div>`;}
+function block4 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-tokenizer", tags, suffix)} part="tokenizer" show-more @ui5-selectionChange="${ifDefined(this.handleTagPress)}" @keydown="${this.handleKeydownTokenizer}" prevent-popover-open class="${ifDefined(this.tokenizerClass)}" ?disabled="${this.disabled}" @ui5-show-more-items-press="${ifDefined(this.getHandlerShowMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</${scopeTag("ui5-tokenizer", tags, suffix)}>` : html`<ui5-tokenizer part="tokenizer" show-more @ui5-selectionChange="${ifDefined(this.handleTagPress)}" @keydown="${this.handleKeydownTokenizer}" prevent-popover-open class="${ifDefined(this.tokenizerClass)}" ?disabled="${this.disabled}" @ui5-show-more-items-press="${ifDefined(this.getHandlerShowMoreItems)}" ?expanded="${this.tokenizerExpanded}">${ repeat(this.selectedItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</ui5-tokenizer>`;}
+function block5 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ !item.isGroup ? block6.call(this, context, tags, suffix, item, index) : undefined }`;}
+function block6 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("udex-tag", tags, suffix)} accessible-role="option" class="udex-text-field__token" @keydown="${this.handleKeyDownTag}" ?read-only="${this.isReadOrDisplayOnly}" data-id="${ifDefined(item._id)}" part="token-${index}" text="${ifDefined(item.label)}" icon="decline"></${scopeTag("udex-tag", tags, suffix)}>` : html`<udex-tag accessible-role="option" class="udex-text-field__token" @keydown="${this.handleKeyDownTag}" ?read-only="${this.isReadOrDisplayOnly}" data-id="${ifDefined(item._id)}" part="token-${index}" text="${ifDefined(item.label)}" icon="decline"></udex-tag>`;}
+function block7 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-text-field__trigger" role="combobox" aria-label="${ifDefined(this.iconAccessibleNameText)}" aria-haspopup="listbox" aria-expanded="${ifDefined(this._open)}" aria-controls="${ifDefined(this.accInfo.ariaControls)}" @click="${this.getHandleMultiSelectOpen}" aria-activedescendant><${scopeTag("ui5-icon", tags, suffix)} class="udex-text-field__icon" name="navigation-down-arrow" accessible-name="${ifDefined(this.iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="udex-text-field__trigger" role="combobox" aria-label="${ifDefined(this.iconAccessibleNameText)}" aria-haspopup="listbox" aria-expanded="${ifDefined(this._open)}" aria-controls="${ifDefined(this.accInfo.ariaControls)}" @click="${this.getHandleMultiSelectOpen}" aria-activedescendant><ui5-icon class="udex-text-field__icon" name="navigation-down-arrow" accessible-name="${ifDefined(this.iconAccessibleNameText)}"></ui5-icon></div>`;}
+function block8 (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 block9 (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" 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" name="decline"></ui5-icon></div>`;}
+function block10 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.searchableList)}`;}
+function block11 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-tooltip", tags, suffix)} placement="${ifDefined(this.tooltipPlacement)}">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-tooltip", tags, suffix)}>` : html`<udex-tooltip placement="${ifDefined(this.tooltipPlacement)}">${ repeat(this.overflowsTags, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block12.call(this, context, tags, suffix, item, index)) }</udex-tooltip>`;}
+function block12 (this: SelectBox, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<ul class="udex-select-box__overflow-tags"><li>${ifDefined(item.text)}</li></ul>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	type SideNavigationMobileDropdown = any;
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: SideNavigationMobileDropdown, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} class="udex-side-navigation-mobile__popover" id="udex-${ifDefined(this._id)}-side-navigation-mobile__popover" placement-type="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @click-trigger="${this.handleTriggerClick}" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}"><${scopeTag("udex-side-navigation", tags, suffix)} @ui5-selection-change="${ifDefined(this._handleSelectionChanged)}">${ repeat(this._navItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</${scopeTag("udex-side-navigation", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown class="udex-side-navigation-mobile__popover" id="udex-${ifDefined(this._id)}-side-navigation-mobile__popover" placement-type="Bottom" horizontal-align="Stretch" disable-target-overlap="true" height="none" @click-trigger="${this.handleTriggerClick}" @after-open="${this._afterDropdownOpen}" @after-close="${this._afterDropdownClose}"><udex-side-navigation @ui5-selection-change="${ifDefined(this._handleSelectionChanged)}">${ repeat(this._navItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</udex-side-navigation></udex-dropdown>`;}
+function block1 (this: SideNavigationMobileDropdown, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}
+
+
+export default block0;

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

@@ -0,0 +1,12 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type SideNavigationMobile from "../../SideNavigationMobile.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-side-navigation-mobile__trigger" slot="trigger" accessible-role="button" aria-haspopup="true" ?active="${this._dropdownOpened}" tabindex="0" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${ this._selectedItem ? block1.call(this, context, tags, suffix) : undefined }</div><${scopeTag("ui5-icon", tags, suffix)} class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="udex-side-navigation-mobile__trigger" slot="trigger" accessible-role="button" aria-haspopup="true" ?active="${this._dropdownOpened}" tabindex="0" @keydown="${this.handleKeydown}" @click="${this.handleTriggerClick}"><div class="udex-side-navigation-mobile__selected-item">${ this._selectedItem ? block1.call(this, context, tags, suffix) : undefined }</div><ui5-icon class="udex-side-navigation-mobile__trigger-toggle-icon" name="slim-arrow-down"></ui5-icon></div>`;}
+function block1 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._selectedItem?.icon ? block2.call(this, context, tags, suffix) : undefined }<span>${ifDefined(this._selectedItem?.text)}</span>`;}
+function block2 (this: SideNavigationMobile, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-side-navigation-mobile__selected-item-icon" name="${ifDefined(this._selectedItem?.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-side-navigation-mobile__selected-item-icon" name="${ifDefined(this._selectedItem?.icon)}"></ui5-icon>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="${ifDefined(this.iconFieldName)}" class="udex-status-message__icon"></ui5-icon>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type StepInput from "../../StepInput.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: StepInput, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-step-input__root" @keydown="${this._onkeydown}"><${scopeTag("udex-text-field", tags, suffix)} type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" supporting-text="${ifDefined(this.supportingText)}" value="${ifDefined(this._valuePrecisioned)}" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${ifDefined(this.valueState)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}"></${scopeTag("udex-text-field", tags, suffix)}>${ !this.displayonly ? block1.call(this, context, tags, suffix) : undefined }</div>` : html`<div class="udex-step-input__root" @keydown="${this._onkeydown}"><udex-text-field type="${ifDefined(this.type)}" label="${ifDefined(this.label)}" supporting-text="${ifDefined(this.supportingText)}" value="${ifDefined(this._valuePrecisioned)}" aria-label="${ifDefined(this.accessibleName)}" aria-labelledby="${ifDefined(this.accessibleNameRef)}" @focusin="${this._onInputFocusIn}" @focusout="${this._onInputFocusOut}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?displayonly="${this.displayonly}" value-state="${ifDefined(this.valueState)}" min="${ifDefined(this.min)}" max="${ifDefined(this.max)}" step="${ifDefined(this.step)}"></udex-text-field>${ !this.displayonly ? block1.call(this, context, tags, suffix) : undefined }</div>`;}
+function block1 (this: StepInput, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-control-button", tags, suffix)} class="udex-step-input__button udex-step-input__button_inc" title="${ifDefined(this.incIconTitle)}" accessible-name="${ifDefined(this.incIconTitle)}" icon="add" size="Large" design="${ifDefined(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></${scopeTag("udex-control-button", tags, suffix)}><${scopeTag("udex-control-button", tags, suffix)} class="udex-step-input__button udex-step-input__button_dec" title="${ifDefined(this.decIconTitle)}" accessible-name="${ifDefined(this.decIconTitle)}" icon="less" size="Large" design="${ifDefined(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></${scopeTag("udex-control-button", tags, suffix)}>` : html`<udex-control-button class="udex-step-input__button udex-step-input__button_inc" title="${ifDefined(this.incIconTitle)}" accessible-name="${ifDefined(this.incIconTitle)}" icon="add" size="Large" design="${ifDefined(this.valueState)}" @click="${this._incValue}" @mousedown="${this._incSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._incIconInactive}" ?active="${this.incIconActive}" ?readonly="${this.readonly}"></udex-control-button><udex-control-button class="udex-step-input__button udex-step-input__button_dec" title="${ifDefined(this.decIconTitle)}" accessible-name="${ifDefined(this.decIconTitle)}" icon="less" size="Large" design="${ifDefined(this.valueState)}" @click="${this._decValue}" @mousedown="${this._decSpin}" @mouseup="${this._resetSpin}" @mouseout="${this._resetSpinOut}" ?disabled="${this._decIconInactive}" ?active="${this.decIconActive}" ?readonly="${this.readonly}"></udex-control-button>`;}
+
+
+export default block0;

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

@@ -0,0 +1,17 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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.accessibleNameRef)}" aria-checked="${ifDefined(this.checked)}" aria-disabled="${ifDefined(this.disabled)}" tabindex="${ifDefined(this.switchTabIndex)}" title="${ifDefined(this.tooltip)}" @click="${this.handleSwitchClick}" @keydown="${this.handleSwitchKeyDown}"><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="udex-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 for="udex-switch__input" class="udex-switch__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"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="accept" class="udex-switch__icon"></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"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="decline" class="udex-switch__icon"></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"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="accept" class="udex-switch__icon"></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"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="less" class="udex-switch__icon"></ui5-icon>`;}
+
+
+export default block0;

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

@@ -0,0 +1,20 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	type TabHeader = any;
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block1.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) } `;}
+function block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" ._realTab="${ifDefined(this)}" style="width: ${ifDefined(this._width)};">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`;}
+function block2 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>`;}
+function block3 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
+function block4 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
+function block5 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
+function block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" style="max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};" ._realTab="${ifDefined(this)}">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`;}
+function block7 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>`;}
+function block8 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
+function block9 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
+function block10 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
+
+
+export default block0;

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

@@ -0,0 +1,18 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	type TabInOverflow = any;
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block1.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) } `;}
+function block1 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-overflow__button" role="tab">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }${ifDefined(this.text)}${ this.hasNotIcon ? block4.call(this, context, tags, suffix) : undefined }</button>`;}
+function block2 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-overflow__button-icon"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-overflow__button-icon"><ui5-icon name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>`;}
+function block3 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-overflow__button-badge"></span>`;}
+function block4 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-overflow__button-badge"></span>`;}
+function block5 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" class="udex-tab-overflow__button" role="tab">${ this.hasIcon ? block6.call(this, context, tags, suffix) : undefined }${ifDefined(this.text)}${ this.hasNotIcon ? block8.call(this, context, tags, suffix) : undefined }</a>`;}
+function block6 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-overflow__button-icon"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block7.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-overflow__button-icon"><ui5-icon name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block7.call(this, context, tags, suffix) : undefined }</span>`;}
+function block7 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-overflow__button-badge"></span>`;}
+function block8 (this: TabInOverflow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-overflow__button-badge"></span>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	type TabNavigationPopover = any;
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TabNavigationPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} id="${ifDefined(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${ repeat(this._overflowItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover id="${ifDefined(this._id)}-overflow-popover" horizontal-align="Right" placement-type="Bottom" aria-orientation="vertical" hide-arrow _hideHeader><div class="tab-navigation-popover" @click="${this.handleOverflowItemClick}" @keydown="${this.handleFocusPopover}" role="tablist">${ repeat(this._overflowItems, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></ui5-popover>`;}
+function block1 (this: TabNavigationPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabInOverflow)}`;}
+
+
+export default block0;

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

@@ -0,0 +1,12 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type TabNavigation from "../../TabNavigation.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="-1" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" tooltip="${ifDefined(this.moreButtonText)}" hidden>${ifDefined(this.moreButtonText)}<${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></${scopeTag("ui5-icon", tags, suffix)}></button></div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}"><div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div><button class="udex-tab-navigation__button-more" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" tabindex="-1" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" tooltip="${ifDefined(this.moreButtonText)}" hidden>${ifDefined(this.moreButtonText)}<ui5-icon class="udex-tab-navigation__button-more-icon" name="navigation-down-arrow"></ui5-icon></button></div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div></div>`;}
+function block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}`;}
+function block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class="udex-tab-navigation__content-item"><slot name="${ifDefined(item._slotName)}"></slot></div>`;}
+
+
+export default block0;

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

@@ -0,0 +1,10 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type Tab from "../../Tab.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: Tab, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type TableCell from "../../TableCell.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.icon ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>`;}
+function block1 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-cell__icon" name="${ifDefined(this.icon)}"></ui5-icon>`;}
+
+
+export default block0;

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

@@ -0,0 +1,12 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type TableGroupRow from "../../TableGroupRow.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.collapsible ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class="udex-table-grow-rows" @keydown="${this.handleEscapeKey}"><slot></slot></div>`;}
+function block1 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><${scopeTag("ui5-icon", tags, suffix)} class="udex-table-grow__icon" name="slim-arrow-right"></${scopeTag("ui5-icon", tags, suffix)}>${ifDefined(this.groupTitle)}</span></button>` : html`<button id="udex-table-group-opener" class="udex-table-grow-btn" aria-expanded="${ifDefined(this.expanded)}" @click="${this.toggleExpanded}"><span class="udex-table-grow"><ui5-icon class="udex-table-grow__icon" name="slim-arrow-right"></ui5-icon>${ifDefined(this.groupTitle)}</span></button>`;}
+function block2 (this: TableGroupRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-grow-btn"><span class="udex-table-grow">${ifDefined(this.groupTitle)}</span></div>`;}
+
+
+export default block0;

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

@@ -0,0 +1,14 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type TableHeaderCell from "../../TableHeaderCell.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._hasIcons ? block1.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) } `;}
+function block1 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-table-header-cell-wrap">${ this.iconStart ? block2.call(this, context, tags, suffix) : undefined }<slot></slot>${ this.iconEnd ? block3.call(this, context, tags, suffix) : undefined }</div>`;}
+function block2 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconStart)}"></ui5-icon>`;}
+function block3 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="udex-table-header-cell-wrap__icon" name="${ifDefined(this.iconEnd)}"></ui5-icon>`;}
+function block4 (this: TableHeaderCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot></slot>`;}
+
+
+export default block0;

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

@@ -0,0 +1,11 @@
+/* eslint no-unused-vars: 0 */
+import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+	import type TableHeaderRow from "../../TableHeaderRow.js";
+	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
+	
+function block0 (this: TableHeaderRow, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.cells, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) } `;}
+function block1 (this: TableHeaderRow, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
+
+
+export default block0;