@sapudex/web-components 2.55.0 → 2.56.0

package/dist/generated/templates/UploadTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/UploadTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type Upload from \"../../Upload.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div @ui5-request-delete=\"${ifDefined(this.handleRemoveFile)}\" class=\"udex-upload__wrapper\">${ this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined }${ this.additionalText ? block2.call(this, context, tags, suffix) : undefined }<div class=\"udex-upload__upload-button-container\"><${scopeTag(\"ui5-file-uploader\", tags, suffix)} ?disabled=\"${this.disabled}\" id=\"fileUploader\" hide-input accept=\"${ifDefined(this.accept)}\" ?multiple=\"${this.multiple}\" @change=\"${this.handleUploadFile}\" @click=\"${this.handleUploadClick}\"><${scopeTag(\"udex-button\", tags, suffix)} ?disabled=\"${this.disabled}\" aria-disabled=\"${ifDefined(this.disabled)}\" design=\"Secondary\" aria-label=\"${ifDefined(this.uploadButtonAriaLabel)}\" size=\"${ifDefined(this._buttonSize)}\">${ifDefined(this.uploadButtonText)}</${scopeTag(\"udex-button\", tags, suffix)}></${scopeTag(\"ui5-file-uploader\", tags, suffix)}>${ this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-upload__files-wrapper\"><${scopeTag(\"udex-list\", tags, suffix)} aria-busy=\"${ifDefined(this.listBusy)}\" mode=\"MultiSelect\" @ui5-selection-change=\"${ifDefined(this.handleSelectionChange)}\"><slot></slot></${scopeTag(\"udex-list\", tags, suffix)}></div></div>` : html`<div @ui5-request-delete=\"${ifDefined(this.handleRemoveFile)}\" class=\"udex-upload__wrapper\">${ this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined }${ this.additionalText ? block2.call(this, context, tags, suffix) : undefined }<div class=\"udex-upload__upload-button-container\"><ui5-file-uploader ?disabled=\"${this.disabled}\" id=\"fileUploader\" hide-input accept=\"${ifDefined(this.accept)}\" ?multiple=\"${this.multiple}\" @change=\"${this.handleUploadFile}\" @click=\"${this.handleUploadClick}\"><udex-button ?disabled=\"${this.disabled}\" aria-disabled=\"${ifDefined(this.disabled)}\" design=\"Secondary\" aria-label=\"${ifDefined(this.uploadButtonAriaLabel)}\" size=\"${ifDefined(this._buttonSize)}\">${ifDefined(this.uploadButtonText)}</udex-button></ui5-file-uploader>${ this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-upload__files-wrapper\"><udex-list aria-busy=\"${ifDefined(this.listBusy)}\" mode=\"MultiSelect\" @ui5-selection-change=\"${ifDefined(this.handleSelectionChange)}\"><slot></slot></udex-list></div></div>`;}\nfunction block1 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<h1 class=\"udex-upload__title\">${ifDefined(this.uploadTitle)}</h1>`;}\nfunction block2 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class=\"udex-upload__additional-text\">${ifDefined(this.additionalText)}</p>`;}\nfunction block3 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class=\"${ifDefined(this.supportingTextClasses)}\">${ifDefined(this.supportingText)}</p>`;}\n\nfunction template(this: Upload) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/PhoneNumberField.hbs

@@ -1,119 +0,0 @@
-<div
-    class="udex-phone-number-field"
-    @ui5-selection-change="{{handleSelect}}">
-    {{#if label}}
-        <label
-            id="udex-phone-number-field__label"
-            class="udex-phone-number-field__label"
-            for="{{this._id}}-phone">
-            {{label}}
-            {{#if required}}
-                *
-            {{/if}}
-        </label>
-    {{/if}}
-    <udex-dropdown
-        class="udex-phone-number-field__dropdown"
-        opener="udex-{{this._id}}-phone-number__opener"
-        id="{{this._id}}_dropdown-menu"
-        @ui5-before-open="{{dropdownBeforeOpen}}"
-        @ui5-before-close="{{dropdownBeforeClose}}"
-        horizontal-align="Start"
-        height="{{height}}">
-        <udex-list>
-            {{#each countriesList}}
-                <udex-list-item
-                    id="{{iso}}"
-                    ?selected="{{selected}}">
-                    <div class="udex-phone-number-field__dropdown-list-item">
-                        <div
-                            class="udex-phone-number-field__flag"
-                            style="background-position-x: {{flagX}}; background-position-y: {{flagY}}"
-                        ></div>
-                        <span class="udex-phone-number-field__country-name">{{countryName}}
-                          {{#if localName}}
-                              ({{localName}})
-                          {{/if}}
-                          {{phonePrefix}}
-                        </span>
-                    </div>
-                </udex-list-item>
-            {{/each}}
-        </udex-list>
-    </udex-dropdown>
-    <div class="udex-phone-number-field__input-wrapper">
-        {{#unless displayonly}}
-            <udex-button
-                id="udex-{{this._id}}-phone-number__opener"
-                class="udex-phone-number-field__open-button"
-                size="Large"
-                end-icon="{{buttonIcon}}"
-                design="Tertiary"
-                ?disabled="{{isButtonDisabled}}"
-                aria-haspopup="true"
-                accessible-name-ref="{{_id}}-countrySelectorAriaLabel {{ariaDescribedById}}"
-                aria-label="{{countrySelectorAriaLabel}}"
-                aria-expanded="{{_dropdownExpanded}}"
-                aria-controls="{{this._id}}_dropdown-menu"
-                role="combobox"
-                @click="{{openDropdown}}">
-                <div class="udex-phone-number-field__open-button-text">
-                    {{selectedCountryName}} {{selectedPhonePrefix}}
-                </div>
-                <div class="udex-phone-number-field__button-content">
-                    <img
-                        class="udex-phone-number-field__flag"
-                        aria-label="{{selectedCountryName}}"
-                        style="background-position-x: {{selectedFlagBackgroundPosition.x}}; background-position-y: {{selectedFlagBackgroundPosition.y}}">
-                </div>
-            </udex-button>
-        {{/unless}}
-        <input
-            class="udex-phone-number-field__input"
-            id="{{this._id}}-phone"
-            type="tel"
-            .value="{{value}}"
-            placeholder="{{phoneFormat}}"
-            maxlength="{{maxlength}}"
-            ?disabled="{{disabled}}"
-            ?readonly="{{isInputReadonly}}"
-            ?required="{{required}}"
-            autocomplete="tel"
-            aria-label="{{accessibleName}}"
-            aria-labelledby="{{accessibleName}}"
-            aria-required="{{required}}"
-            aria-readonly="{{isInputReadonly}}"
-            aria-disabled="{{disabled}}"
-            aria-invalid="{{ariaInvalid}}"
-            aria-describedby="{{ariaDescribedById}}"
-            @input="{{handleInput}}"
-            @click="{{handleClick}}"
-            @focus="{{handleFocus}}"
-            @blur="{{handleBlur}}"
-            @keydown="{{handleKeyDown}}"
-            @keyup="{{handleKeyUp}}"
-            tabindex="{{inputTabIndex}}"
-        >
-    </div>
-</div>
-{{#if supportingText}}
-  <udex-status-message
-      ?disabled="{{disabled}}"
-      supporting-text="{{supportingText}}"
-      value-state="{{valueState}}">
-  </udex-status-message>
-{{/if}}
-
-{{#if supportingText}}
-  <span id="{{_id}}-supportingTextDesc" class="hidden-text">{{supportingText}}</span>
-{{/if}}
-
-{{#if hasValueState}}
-  <span id="{{_id}}-valueStateDesc" class="hidden-text">{{valueStateText}}</span>
-{{/if}}
-
-{{#if readonly}}
-  <span id="{{_id}}-stateReadOnlyDesc" class="hidden-text">{{readOnlyStateText}}</span>
-{{/if}}
-
-<span id="{{_id}}-countrySelectorAriaLabel" class="hidden-text">{{countrySelectorAriaLabel}}</span>

package/src/Upload.hbs

@@ -1,21 +0,0 @@
-<div @ui5-request-delete="{{handleRemoveFile}}" class="udex-upload__wrapper">
-    {{#if uploadTitle}}
-        <h1 class="udex-upload__title">{{uploadTitle}}</h1>
-    {{/if}}
-    {{#if additionalText}}
-        <p class="udex-upload__additional-text">{{additionalText}}</p>
-    {{/if}}
-    <div class="udex-upload__upload-button-container">
-        <ui5-file-uploader ?disabled="{{disabled}}" id="fileUploader" hide-input accept="{{accept}}" ?multiple="{{multiple}}" @change="{{handleUploadFile}}" @click="{{handleUploadClick}}">
-            <udex-button ?disabled="{{disabled}}" aria-disabled="{{disabled}}" design="Secondary" aria-label="{{uploadButtonAriaLabel}}" size="{{_buttonSize}}">{{uploadButtonText}}</udex-button>
-        </ui5-file-uploader>
-        {{#if showSupportingText}}
-            <p class="{{supportingTextClasses}}">{{supportingText}}</p>
-        {{/if}}
-    </div>
-    <div class="udex-upload__files-wrapper">
-        <udex-list aria-busy="{{listBusy}}" mode="MultiSelect" @ui5-selection-change="{{handleSelectionChange}}">
-            <slot></slot>
-        </udex-list>
-    </div>
-</div>

package/src/UploadItem.hbs

@@ -1,32 +0,0 @@
-<div class="udex-upload-item__wrapper">
-    <div class="udex-upload-item__info {{uploadItemClasses}}">
-        <div>
-            {{#if fileInteractive}}
-                <udex-link href="{{fileLink}}" target="{{fileTarget}}">{{fileName}}</udex-link>
-            {{else}}
-                <p class="udex-upload-item__name">{{fileName}}</p>
-            {{/if}}
-            <div class="{{additionalInfoClasses}}">
-                <slot></slot>
-            </div>
-        </div>
-        {{#if _breakpointM}}
-            {{> deleteButton}}
-        {{/if}}
-    </div>
-    <div class="udex-upload-item__progress-info-wrapper">
-        {{#if showUploadProgress}}
-            <div class="udex-upload-item__progress-info">
-                <udex-progress-bar role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="{{uploadPercentage}}" value="{{uploadPercentage}}" value-state="{{uploadProgressState}}" hide-value></udex-progress-bar>
-                <p class="udex-upload-item__progress-status">{{uploadStatus}}</p>
-            </div>
-        {{/if}}
-        {{#if _breakpointL}}
-            {{> deleteButton}}
-        {{/if}}
-    </div>
-</div>
-
-{{#*inline deleteButton}}
-    <udex-button accessible-name="{{removeButtonAccessibleName}}" @keydown="{{handleButtonKeydown}}" @click="{{handleButtonClick}}" size="{{_buttonSize}}" icon="decline" design="Tertiary"></udex-button>
-{{/inline}}

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

@@ -1,20 +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 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)}">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<${scopeTag("udex-dropdown", tags, suffix)} class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" 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="${ifDefined(this._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.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>` : html`<div class="udex-phone-number-field" @ui5-selection-change="${ifDefined(this.handleSelect)}">${ this.label ? block1.call(this, context, tags, suffix) : undefined }<udex-dropdown class="udex-phone-number-field__dropdown" opener="udex-${ifDefined(this._id)}-phone-number__opener" id="${ifDefined(this._id)}_dropdown-menu" @ui5-before-open="${ifDefined(this.dropdownBeforeOpen)}" @ui5-before-close="${ifDefined(this.dropdownBeforeClose)}" horizontal-align="Start" 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="${ifDefined(this._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.accessibleName)}" aria-required="${ifDefined(this.required)}" aria-readonly="${ifDefined(this.isInputReadonly)}" aria-disabled="${ifDefined(this.disabled)}" aria-invalid="${ifDefined(this.ariaInvalid)}" aria-describedby="${ifDefined(this.ariaDescribedById)}" @input="${this.handleInput}" @click="${this.handleClick}" @focus="${this.handleFocus}" @blur="${this.handleBlur}" @keydown="${this.handleKeyDown}" @keyup="${this.handleKeyUp}" tabindex="${ifDefined(this.inputTabIndex)}"></div></div>${ this.supportingText ? block6.call(this, context, tags, suffix) : undefined }${ this.supportingText ? block7.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block8.call(this, context, tags, suffix) : undefined }${ this.readonly ? block9.call(this, context, tags, suffix) : undefined }<span id="${ifDefined(this._id)}-countrySelectorAriaLabel" class="hidden-text">${ifDefined(this.countrySelectorAriaLabel)}</span>`;}
-function block1 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label id="udex-phone-number-field__label" class="udex-phone-number-field__label" for="${ifDefined(this._id)}-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)} id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></div></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button id="udex-${ifDefined(this._id)}-phone-number__opener" class="udex-phone-number-field__open-button" size="Large" end-icon="${ifDefined(this.buttonIcon)}" design="Tertiary" ?disabled="${this.isButtonDisabled}" aria-haspopup="true" accessible-name-ref="${ifDefined(this._id)}-countrySelectorAriaLabel ${ifDefined(this.ariaDescribedById)}" aria-label="${ifDefined(this.countrySelectorAriaLabel)}" aria-expanded="${ifDefined(this._dropdownExpanded)}" aria-controls="${ifDefined(this._id)}_dropdown-menu" role="combobox" @click="${this.openDropdown}"><div class="udex-phone-number-field__open-button-text">${ifDefined(this.selectedCountryName)}${ifDefined(this.selectedPhonePrefix)}</div><div class="udex-phone-number-field__button-content"><img class="udex-phone-number-field__flag" aria-label="${ifDefined(this.selectedCountryName)}" style="background-position-x: ${ifDefined(this.selectedFlagBackgroundPosition.x)}; background-position-y: ${ifDefined(this.selectedFlagBackgroundPosition.y)}"></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.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 block7 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-supportingTextDesc" class="hidden-text">${ifDefined(this.supportingText)}</span>`;}
-function block8 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-valueStateDesc" class="hidden-text">${ifDefined(this.valueStateText)}</span>`;}
-function block9 (this: PhoneNumberField, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id="${ifDefined(this._id)}-stateReadOnlyDesc" class="hidden-text">${ifDefined(this.readOnlyStateText)}</span>`;}
-
-function template(this: PhoneNumberField) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/UploadItemTemplate.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 UploadItem from "../../UploadItem.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-upload-item__wrapper"><div class="udex-upload-item__info ${ifDefined(this.uploadItemClasses)}"><div>${ this.fileInteractive ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<div class="${ifDefined(this.additionalInfoClasses)}"><slot></slot></div></div>${ this._breakpointM ? block3.call(this, context, tags, suffix) : undefined }</div><div class="udex-upload-item__progress-info-wrapper">${ this.showUploadProgress ? block4.call(this, context, tags, suffix) : undefined }${ this._breakpointL ? block5.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block1 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-link", tags, suffix)} href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</${scopeTag("udex-link", tags, suffix)}>` : html`<udex-link href="${ifDefined(this.fileLink)}" target="${ifDefined(this.fileTarget)}">${ifDefined(this.fileName)}</udex-link>`;}
-function block2 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class="udex-upload-item__name">${ifDefined(this.fileName)}</p>`;}
-function block3 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`;}
-function block4 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-upload-item__progress-info"><${scopeTag("udex-progress-bar", tags, suffix)} role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></${scopeTag("udex-progress-bar", tags, suffix)}><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>` : html`<div class="udex-upload-item__progress-info"><udex-progress-bar role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="${ifDefined(this.uploadPercentage)}" value="${ifDefined(this.uploadPercentage)}" value-state="${ifDefined(this.uploadProgressState)}" hide-value></udex-progress-bar><p class="udex-upload-item__progress-status">${ifDefined(this.uploadStatus)}</p></div>`;}
-function block5 (this: UploadItem, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-button", tags, suffix)} accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></${scopeTag("udex-button", tags, suffix)}>` : html`<udex-button accessible-name="${ifDefined(this.removeButtonAccessibleName)}" @keydown="${this.handleButtonKeydown}" @click="${this.handleButtonClick}" size="${ifDefined(this._buttonSize)}" icon="decline" design="Tertiary"></udex-button>`;}
-
-function template(this: UploadItem) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;

package/src/generated/templates/UploadTemplate.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 Upload from "../../Upload.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${ this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined }${ this.additionalText ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-upload__upload-button-container"><${scopeTag("ui5-file-uploader", tags, suffix)} ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><${scopeTag("udex-button", tags, suffix)} ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</${scopeTag("udex-button", tags, suffix)}></${scopeTag("ui5-file-uploader", tags, suffix)}>${ this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined }</div><div class="udex-upload__files-wrapper"><${scopeTag("udex-list", tags, suffix)} aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></${scopeTag("udex-list", tags, suffix)}></div></div>` : html`<div @ui5-request-delete="${ifDefined(this.handleRemoveFile)}" class="udex-upload__wrapper">${ this.uploadTitle ? block1.call(this, context, tags, suffix) : undefined }${ this.additionalText ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-upload__upload-button-container"><ui5-file-uploader ?disabled="${this.disabled}" id="fileUploader" hide-input accept="${ifDefined(this.accept)}" ?multiple="${this.multiple}" @change="${this.handleUploadFile}" @click="${this.handleUploadClick}"><udex-button ?disabled="${this.disabled}" aria-disabled="${ifDefined(this.disabled)}" design="Secondary" aria-label="${ifDefined(this.uploadButtonAriaLabel)}" size="${ifDefined(this._buttonSize)}">${ifDefined(this.uploadButtonText)}</udex-button></ui5-file-uploader>${ this.showSupportingText ? block3.call(this, context, tags, suffix) : undefined }</div><div class="udex-upload__files-wrapper"><udex-list aria-busy="${ifDefined(this.listBusy)}" mode="MultiSelect" @ui5-selection-change="${ifDefined(this.handleSelectionChange)}"><slot></slot></udex-list></div></div>`;}
-function block1 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<h1 class="udex-upload__title">${ifDefined(this.uploadTitle)}</h1>`;}
-function block2 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class="udex-upload__additional-text">${ifDefined(this.additionalText)}</p>`;}
-function block3 (this: Upload, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<p class="${ifDefined(this.supportingTextClasses)}">${ifDefined(this.supportingText)}</p>`;}
-
-function template(this: Upload) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;