@sapudex/web-components 2.19.0 → 2.20.1

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

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-type DatePickerPopover = any;
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}
-function block1 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html`<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`;}
-function block2 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}
-function block3 (this: DatePickerPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html`<ui5-date value="${ifDefined(item)}"></ui5-date>`;}
-
-function template(this: DatePickerPopover) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type DatePicker from "../../DatePicker.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-text-field", tags, suffix)} class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></${scopeTag("udex-text-field", tags, suffix)}><${scopeTag("udex-dropdown", tags, suffix)} id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><${scopeTag("ui5-calendar", tags, suffix)} class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</${scopeTag("ui5-calendar", tags, suffix)}></${scopeTag("udex-dropdown", tags, suffix)}>` : html`<udex-text-field class="udex-date-picker__input" _aria-has-popup="grid" icon="appointment-2" value="${ifDefined(this.value)}" label="${ifDefined(this.label)}" accessible-name="${ifDefined(this.dateAccessibleName)}" accessible-name-ref="${ifDefined(this.accessibleNameRef)}" accessible-icon-name="${ifDefined(this.accessibleIconName)}" ?disabled="${this.disabled}" ?required="${this.required}" ?readonly="${this.readonly}" @ui5-click-icon="${ifDefined(this.handleInputClick)}" @ui5-change="${ifDefined(this._onInputChange)}" value-state="${ifDefined(this.valueState)}" supporting-text="${ifDefined(this.supportingText)}"></udex-text-field><udex-dropdown id="udex-${ifDefined(this._id)}-calendar__popover" opener="udex-${ifDefined(this._id)}-calendar__opener" class="udex-date-picker__popover" placement="Bottom" horizontal-align="Start" @close="${this._afterDropdownClose}" @open="${this._afterDropdownOpen}"><ui5-calendar class="udex-date-picker__calendar" @ui5-selection-change="${ifDefined(this.handleCalendarChange)}" selection-mode="${ifDefined(this.selectionMode)}" min-date="${ifDefined(this.minDate)}" max-date="${ifDefined(this.maxDate)}" format-pattern="${ifDefined(this.formatPattern)}">${ this.isRangeMode ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }</ui5-calendar></udex-dropdown>`;}
-function block1 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("ui5-date-range", tags, suffix)} start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></${scopeTag("ui5-date-range", tags, suffix)}>` : html`<ui5-date-range start-value="${ifDefined(this.startValue)}" end-value="${ifDefined(this.endValue)}"></ui5-date-range>`;}
-function block2 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._calendarSelectedDates, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block3.call(this, context, tags, suffix, item, index)) }`;}
-function block3 (this: DatePicker, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag("ui5-date", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-date", tags, suffix)}>` : html`<ui5-date value="${ifDefined(item)}"></ui5-date>`;}
-
-function template(this: DatePicker) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,14 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type ReviewItem from "../../ReviewItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><${scopeTag("udex-rating-indicator", tags, suffix)}  value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></${scopeTag("udex-rating-indicator", tags, suffix)}>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>` : html`<div class="${ifDefined(this.reviewItemClasses)}"><div class="udex-review-item__rating-container"><udex-rating-indicator  value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}" readonly></udex-rating-indicator>${ this.date ? block1.call(this, context, tags, suffix) : undefined }</div><div class="udex-review-item__text-container"><div class="udex-review-item__title">${ifDefined(this.reviewTitle)}</div><div class="udex-review-item__text-wrapper"><p class="udex-review-item__text" id="udex-review-item__text">${ifDefined(this._completeText)}</p>${ this._showTextExpander ? block2.call(this, context, tags, suffix) : undefined }</div>${ this.author ? block3.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block1 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="date" name="date" class="udex-review-item__date"></slot>`;}
-function block2 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="reviewExpander" class="udex-review-item__text-expander" design="Invisible" size="Large" @click="${this._toggleText}">${ifDefined(this.buttonText)}</udex-button>`;}
-function block3 (this: ReviewItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot slot="author" name="author" class="udex-review-item__author"></slot>`;}
-
-function template(this: ReviewItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

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

@@ -1,16 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type Review from "../../Review.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isEmpty ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }`;}
-function block1 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-review__empty-container"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div>`;}
-function block2 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.withoutBreakdown ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }`;}
-function block3 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><${scopeTag("udex-rating-indicator", tags, suffix)} readonly value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}"></${scopeTag("udex-rating-indicator", tags, suffix)}><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>` : html`<div class="udex-review__container-without-breakdown"><div class="udex-review__content-without-breakdown"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><div class="udex-review__rating-info-without-breakdown"><udex-rating-indicator readonly value="${ifDefined(this.validatedRating)}" max="${ifDefined(this._maxRating)}"></udex-rating-indicator><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div></div></div><div class="udex-review__additional-content-without-breakdown"><slot class="udex-review__default-text" name="defaultText"></slot><slot name="reviewButton"></slot></div></div>`;}
-function block4 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><${scopeTag("ui5-icon", tags, suffix)} aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></${scopeTag("ui5-icon", tags, suffix)}></div><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${ repeat(this.validatedRatingBars, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div><span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span>` : html`<div class="udex-review__container"><div class="udex-review__content"><div class="udex-review__rating-info"><div aria-level="2" role="heading" aria-hidden="true" class="udex-review__rating">${ifDefined(this.validatedRating)}</div><ui5-icon aria-labelledby="ratingDescription" role="img" name="favorite" class="udex-review__icon"></ui5-icon></div><div class="udex-review__reviews-text">${ifDefined(this.reviewsText)}</div><slot name="reviewButton"></slot></div><div class="udex-review__additional-content">${ repeat(this.validatedRatingBars, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div><span id="ratingDescription" class="hidden-text">${ifDefined(this._ratingDescription)}</span>`;}
-function block5 (this: Review, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;}
-
-function template(this: Review) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;