npm - @ui5/webcomponents - Versions diffs - 1.13.0-rc.2 → 1.13.0-rc.4 - Mend

@ui5/webcomponents 1.13.0-rc.2 → 1.13.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (633) hide show

package/dist/generated/templates/CarouselTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CarouselTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/CarouselTemplate.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 type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type Carousel from \"../../Carousel\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<section class=\"ui5-carousel-root\" tabindex=\"0\" role=\"listbox\" aria-activedescendant=\"${ifDefined(this.ariaActiveDescendant)}\" @focusin=\"${this._onfocusin}\" @keydown=${this._onkeydown} @mouseout=\"${this._onmouseout}\" @mouseover=\"${this._onmouseover}\"><div class=\"${classMap(this.classes.viewport as ClassMapValue)}\" part=\"content\"><div class=\"${classMap(this.classes.content as ClassMapValue)}\" style=\"${styleMap(this.styles.content)}\">${ repeat(this.items, (item: any, index: number) => item._id || index, (item: any, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div></div>${ this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined }${ this.renderNavigation ? block3.call(this, context, tags, suffix) : undefined }</div></section> `;}\nfunction block1 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div id=\"${ifDefined(item.id)}\" class=\"ui5-carousel-item ${ifDefined(item.classes)}\" style=\"${styleMap(item.styles)}\" role=\"option\" aria-posinset=\"${ifDefined(item.posinset)}\" aria-setsize=\"${ifDefined(item.setsize)}\" part=\"item\"><slot name=\"${ifDefined(item.item._individualSlot)}\" tabindex=\"${ifDefined(item.tabIndex)}\"></slot></div>`;}\nfunction block2 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"ui5-carousel-navigation-arrows\"><${scopeTag(\"ui5-button\", tags, suffix)} arrow-back tooltip=\"${ifDefined(this.previousPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navPrevButton as ClassMapValue)}\" icon=\"slim-arrow-left\" tabindex=\"-1\" @click=${this._navButtonClick}></${scopeTag(\"ui5-button\", tags, suffix)}><${scopeTag(\"ui5-button\", tags, suffix)} arrow-forward tooltip=\"${ifDefined(this.nextPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navNextButton as ClassMapValue)}\" icon=\"slim-arrow-right\" tabindex=\"-1\" @click=${this._navButtonClick}></${scopeTag(\"ui5-button\", tags, suffix)}></div>` : html`<div class=\"ui5-carousel-navigation-arrows\"><ui5-button arrow-back tooltip=\"${ifDefined(this.previousPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navPrevButton as ClassMapValue)}\" icon=\"slim-arrow-left\" tabindex=\"-1\" @click=${this._navButtonClick}></ui5-button><ui5-button arrow-forward tooltip=\"${ifDefined(this.nextPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navNextButton as ClassMapValue)}\" icon=\"slim-arrow-right\" tabindex=\"-1\" @click=${this._navButtonClick}></ui5-button></div>`;}\nfunction block3 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"${classMap(this.classes.navigation as ClassMapValue)}\">${ this.showArrows.navigation ? block4.call(this, context, tags, suffix) : undefined }<div class=\"ui5-carousel-navigation\">${ !this.hidePageIndicator ? block5.call(this, context, tags, suffix) : undefined }</div>${ this.showArrows.navigation ? block9.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block4 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} arrow-back tooltip=\"${ifDefined(this.previousPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navPrevButton as ClassMapValue)}\" icon=\"slim-arrow-left\" tabindex=\"-1\" @click=${this._navButtonClick}></${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button arrow-back tooltip=\"${ifDefined(this.previousPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navPrevButton as ClassMapValue)}\" icon=\"slim-arrow-left\" tabindex=\"-1\" @click=${this._navButtonClick}></ui5-button>`;}\nfunction block5 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.isPageTypeDots ? block6.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix) }`;}\nfunction block6 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.dots, (item: any, index: number) => item._id || index, (item: any, index: number) => block7.call(this, context, tags, suffix, item, index)) }`;}\nfunction block7 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div role=\"img\" aria-label=\"${ifDefined(item.ariaLabel)}\" ?active=\"${item.active}\" class=\"ui5-carousel-navigation-dot\"></div>`;}\nfunction block8 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-label\", tags, suffix)}>${ifDefined(this.selectedIndexToShow)} ${ifDefined(this.ofText)} ${ifDefined(this.pagesCount)}</${scopeTag(\"ui5-label\", tags, suffix)}>` : html`<ui5-label>${ifDefined(this.selectedIndexToShow)} ${ifDefined(this.ofText)} ${ifDefined(this.pagesCount)}</ui5-label>`;}\nfunction block9 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-button\", tags, suffix)} arrow-forward tooltip=\"${ifDefined(this.nextPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navNextButton as ClassMapValue)}\" icon=\"slim-arrow-right\" tabindex=\"-1\" @click=${this._navButtonClick}></${scopeTag(\"ui5-button\", tags, suffix)}>` : html`<ui5-button arrow-forward tooltip=\"${ifDefined(this.nextPageText)}\" class=\"ui5-carousel-navigation-button ${classMap(this.classes.navNextButton as ClassMapValue)}\" icon=\"slim-arrow-right\" tabindex=\"-1\" @click=${this._navButtonClick}></ui5-button>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/CheckBoxTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type CheckBox from "../../CheckBox";
+declare function block0(this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/CheckBoxTemplate.lit.js CHANGED Viewed

@@ -1,10 +1,8 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => html`<div class="ui5-checkbox-root ${classMap(context.classes.main)}" role="checkbox" aria-checked="${ifDefined(context.effectiveAriaChecked)}" aria-readonly="${ifDefined(context.ariaReadonly)}" aria-disabled="${ifDefined(context.effectiveAriaDisabled)}" aria-label="${ifDefined(context.ariaLabelText)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-required="${ifDefined(context.required)}" tabindex="${ifDefined(context.effectiveTabIndex)}" @mousedown="${context._onmousedown}" @mouseup="${context._onmouseup}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click="${context._onclick}" @focusout="${context._onfocusout}"><div id="${ifDefined(context._id)}-CbBg" class="ui5-checkbox-inner">${ context.isCompletelyChecked ? block1(context, tags, suffix) : undefined }<input id="${ifDefined(context._id)}-CB" type='checkbox' ?checked="${context.checked}" ?readonly="${context.readonly}" ?disabled="${context.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${ context.text ? block2(context, tags, suffix) : undefined }${ context.hasValueState ? block3(context, tags, suffix) : undefined }<slot name="formSupport"></slot></div>`;
-const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`;
-const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-label", tags, suffix)} id="${ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(context.wrappingType)}">${ifDefined(context.text)}</${scopeTag("ui5-label", tags, suffix)}>` : html`<ui5-label id="${ifDefined(context._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(context.wrappingType)}">${ifDefined(context.text)}</ui5-label>`;
-const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-descr" class="ui5-hidden-text">${ifDefined(context.valueStateText)}</span>`;
-export default block0;
+import { html, classMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return html `<div class="ui5-checkbox-root ${classMap(this.classes.main)}" role="checkbox" part="root" aria-checked="${ifDefined(this.effectiveAriaChecked)}" aria-readonly="${ifDefined(this.ariaReadonly)}" aria-disabled="${ifDefined(this.effectiveAriaDisabled)}" aria-label="${ifDefined(this.ariaLabelText)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" aria-describedby="${ifDefined(this.ariaDescribedBy)}" aria-required="${ifDefined(this.required)}" tabindex="${ifDefined(this.effectiveTabIndex)}" @mousedown="${this._onmousedown}" @mouseup="${this._onmouseup}" @keydown="${this._onkeydown}" @keyup="${this._onkeyup}" @click="${this._onclick}" @focusout="${this._onfocusout}"><div id="${ifDefined(this._id)}-CbBg" class="ui5-checkbox-inner">${this.isCompletelyChecked ? block1.call(this, context, tags, suffix) : undefined}<input id="${ifDefined(this._id)}-CB" type='checkbox' ?checked="${this.checked}" ?readonly="${this.readonly}" ?disabled="${this.disabled}" tabindex="-1" aria-hidden="true" data-sap-no-tab-ref /></div>${this.text ? block2.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block3.call(this, context, tags, suffix) : undefined}<slot name="formSupport"></slot></div>`; }
+function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon"></ui5-icon>`; }
+function block2(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-label", tags, suffix)} id="${ifDefined(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(this.wrappingType)}">${ifDefined(this.text)}</${scopeTag("ui5-label", tags, suffix)}>` : html `<ui5-label id="${ifDefined(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(this.wrappingType)}">${ifDefined(this.text)}</ui5-label>`; }
+function block3(context, tags, suffix) { return html `<span id="${ifDefined(this._id)}-descr" class="ui5-hidden-text">${ifDefined(this.valueStateText)}</span>`; }
+export default block0;
+//# sourceMappingURL=CheckBoxTemplate.lit.js.map

package/dist/generated/templates/CheckBoxTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CheckBoxTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/CheckBoxTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAe,QAAQ,EAAY,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,iCAAiC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAqB,CAAC,+CAA+C,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,oBAAoB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,IAAI,CAAC,YAAY,eAAe,IAAI,CAAC,UAAU,eAAe,IAAI,CAAC,UAAU,aAAa,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,WAAW,cAAc,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qCAAsC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,cAAc,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,kCAAkC,IAAI,CAAC,OAAO,gBAAgB,IAAI,CAAC,QAAQ,gBAAgB,IAAI,CAAC,QAAQ,kEAAmE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,wCAAwC,CAAC,CAAA,CAAC;AAC1zC,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,iEAAiE,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,CAAC,CAAA,CAAC;AAC/V,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,kBAAkB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAC;AACrf,SAAS,MAAM,CAAkB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,aAAa,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,mCAAmC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CAAA,CAAC;AAG3N,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type CheckBox from \"../../CheckBox\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-checkbox-root ${classMap(this.classes.main as ClassMapValue)}\" role=\"checkbox\" part=\"root\" aria-checked=\"${ifDefined(this.effectiveAriaChecked)}\" aria-readonly=\"${ifDefined(this.ariaReadonly)}\" aria-disabled=\"${ifDefined(this.effectiveAriaDisabled)}\" aria-label=\"${ifDefined(this.ariaLabelText)}\" aria-labelledby=\"${ifDefined(this.ariaLabelledBy)}\" aria-describedby=\"${ifDefined(this.ariaDescribedBy)}\" aria-required=\"${ifDefined(this.required)}\" tabindex=\"${ifDefined(this.effectiveTabIndex)}\" @mousedown=\"${this._onmousedown}\" @mouseup=\"${this._onmouseup}\" @keydown=\"${this._onkeydown}\" @keyup=\"${this._onkeyup}\" @click=\"${this._onclick}\" @focusout=\"${this._onfocusout}\"><div id=\"${ifDefined(this._id)}-CbBg\" class=\"ui5-checkbox-inner\">${ this.isCompletelyChecked ? block1.call(this, context, tags, suffix) : undefined }<input id=\"${ifDefined(this._id)}-CB\" type='checkbox' ?checked=\"${this.checked}\" ?readonly=\"${this.readonly}\" ?disabled=\"${this.disabled}\" tabindex=\"-1\" aria-hidden=\"true\" data-sap-no-tab-ref /></div>${ this.text ? block2.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block3.call(this, context, tags, suffix) : undefined }<slot name=\"formSupport\"></slot></div>`;}\nfunction block1 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-icon\", tags, suffix)} aria-hidden=\"true\" name=\"accept\" class=\"ui5-checkbox-icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon aria-hidden=\"true\" name=\"accept\" class=\"ui5-checkbox-icon\"></ui5-icon>`;}\nfunction block2 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-label\", tags, suffix)} id=\"${ifDefined(this._id)}-label\" class=\"ui5-checkbox-label\" wrapping-type=\"${ifDefined(this.wrappingType)}\">${ifDefined(this.text)}</${scopeTag(\"ui5-label\", tags, suffix)}>` : html`<ui5-label id=\"${ifDefined(this._id)}-label\" class=\"ui5-checkbox-label\" wrapping-type=\"${ifDefined(this.wrappingType)}\">${ifDefined(this.text)}</ui5-label>`;}\nfunction block3 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span id=\"${ifDefined(this._id)}-descr\" class=\"ui5-hidden-text\">${ifDefined(this.valueStateText)}</span>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ColorPaletteDialogTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+type ColorPaletteDialog = any;
+declare function block0(this: ColorPaletteDialog, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,5 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-dialog", tags, suffix)} header-text="${ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${scopeTag("ui5-color-picker", tags, suffix)}></${scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${scopeTag("ui5-button", tags, suffix)} design="Emphasized" @click="${context._chooseCustomColor}">${ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeDialog}">${ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-dialog", tags, suffix)}>` : html`<ui5-dialog header-text="${ifDefined(context.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Emphasized" @click="${context._chooseCustomColor}">${ifDefined(context.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${context._closeDialog}">${ifDefined(context.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;
-export default block0;
+import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-dialog", tags, suffix)} header-text="${ifDefined(this.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><${scopeTag("ui5-color-picker", tags, suffix)}></${scopeTag("ui5-color-picker", tags, suffix)}></div><div slot="footer" class="ui5-cp-dialog-footer"><${scopeTag("ui5-button", tags, suffix)} design="Emphasized" @click="${this._chooseCustomColor}">${ifDefined(this.moreColorsFeature.colorPaletteDialogOKButton)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeDialog}">${ifDefined(this.moreColorsFeature.colorPaletteCancelButton)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-dialog", tags, suffix)}>` : html `<ui5-dialog header-text="${ifDefined(this.moreColorsFeature.colorPaletteDialogTitle)}"><div class="ui5-cp-dialog-content"><ui5-color-picker></ui5-color-picker></div><div slot="footer" class="ui5-cp-dialog-footer"><ui5-button design="Emphasized" @click="${this._chooseCustomColor}">${ifDefined(this.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design="Transparent" @click="${this._closeDialog}">${ifDefined(this.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`; }
+export default block0;
+//# sourceMappingURL=ColorPaletteDialogTemplate.lit.js.map

package/dist/generated/templates/ColorPaletteDialogTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPaletteDialogTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPaletteDialogTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAA4B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,yCAAyC,QAAQ,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,QAAQ,CAAC,kBAAkB,EAAE,IAAI,EAAE,MAAM,CAAC,2DAA2D,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,gCAAgC,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,iCAAiC,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,YAAY,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,2KAA2K,IAAI,CAAC,kBAAkB,KAAK,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,yDAAyD,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,kCAAkC,CAAC,CAAA,CAAC;AAGz3C,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\ttype ColorPaletteDialog = any;\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ColorPaletteDialog, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-dialog\", tags, suffix)} header-text=\"${ifDefined(this.moreColorsFeature.colorPaletteDialogTitle)}\"><div class=\"ui5-cp-dialog-content\"><${scopeTag(\"ui5-color-picker\", tags, suffix)}></${scopeTag(\"ui5-color-picker\", tags, suffix)}></div><div slot=\"footer\" class=\"ui5-cp-dialog-footer\"><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Emphasized\" @click=\"${this._chooseCustomColor}\">${ifDefined(this.moreColorsFeature.colorPaletteDialogOKButton)}</${scopeTag(\"ui5-button\", tags, suffix)}><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Transparent\" @click=\"${this._closeDialog}\">${ifDefined(this.moreColorsFeature.colorPaletteCancelButton)}</${scopeTag(\"ui5-button\", tags, suffix)}></div></${scopeTag(\"ui5-dialog\", tags, suffix)}>` : html`<ui5-dialog header-text=\"${ifDefined(this.moreColorsFeature.colorPaletteDialogTitle)}\"><div class=\"ui5-cp-dialog-content\"><ui5-color-picker></ui5-color-picker></div><div slot=\"footer\" class=\"ui5-cp-dialog-footer\"><ui5-button design=\"Emphasized\" @click=\"${this._chooseCustomColor}\">${ifDefined(this.moreColorsFeature.colorPaletteDialogOKButton)}</ui5-button><ui5-button design=\"Transparent\" @click=\"${this._closeDialog}\">${ifDefined(this.moreColorsFeature.colorPaletteCancelButton)}</ui5-button></div></ui5-dialog>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ColorPaletteItemTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type ColorPaletteItem from "../../ColorPaletteItem";
+declare function block0(this: ColorPaletteItem, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ColorPaletteItemTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,5 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => html`<div class="ui5-cp-item" style="${styleMap(context.styles.root)}" value="${ifDefined(context.value)}" tabindex="${ifDefined(context._tabIndex)}" role="button" aria-label="${ifDefined(context.colorLabel)} - ${ifDefined(context.index)}: ${ifDefined(context.value)}" title="${ifDefined(context.colorLabel)} - ${ifDefined(context.index)}: ${ifDefined(context.value)}" ?disabled="${context._disabled}"></div>`;
-export default block0;
+import { html, styleMap, ifDefined } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return html `<div class="ui5-cp-item" style="${styleMap(this.styles.root)}" value="${ifDefined(this.value)}" tabindex="${ifDefined(this._tabIndex)}" role="button" aria-label="${ifDefined(this.colorLabel)} - ${ifDefined(this.index)}: ${ifDefined(this.value)}" title="${ifDefined(this.colorLabel)} - ${ifDefined(this.index)}: ${ifDefined(this.value)}" ?disabled="${this._disabled}"></div>`; }
+export default block0;
+//# sourceMappingURL=ColorPaletteItemTemplate.lit.js.map

package/dist/generated/templates/ColorPaletteItemTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPaletteItemTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPaletteItemTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAyB,QAAQ,EAAE,SAAS,EAAwB,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAA0B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,mCAAmC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,+BAA+B,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,SAAS,UAAU,CAAC,CAAA,CAAC;AAGhf,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type ColorPaletteItem from \"../../ColorPaletteItem\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ColorPaletteItem, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-cp-item\" style=\"${styleMap(this.styles.root)}\" value=\"${ifDefined(this.value)}\" tabindex=\"${ifDefined(this._tabIndex)}\" role=\"button\" aria-label=\"${ifDefined(this.colorLabel)} - ${ifDefined(this.index)}: ${ifDefined(this.value)}\" title=\"${ifDefined(this.colorLabel)} - ${ifDefined(this.index)}: ${ifDefined(this.value)}\" ?disabled=\"${this._disabled}\"></div>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ColorPalettePopoverTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type ColorPalettePopover from "../../ColorPalettePopover";
+declare function block0(this: ColorPalettePopover, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js CHANGED Viewed

@@ -1,8 +1,6 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>` : html`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${ifDefined(context._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${context.showMoreColors}" ?show-recent-colors="${context.showRecentColors}" ?show-default-color="${context.showDefaultColor}" default-color="${ifDefined(context.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(context.onSelectedColor)}">${ repeat(context.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${context.closePopover}">${ifDefined(context._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;
-const block1 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
-export default block0;
+import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} class="ui5-cp-title">${ifDefined(this._colorPaletteTitle)}</${scopeTag("ui5-title", tags, suffix)}></div><div><${scopeTag("ui5-color-palette", tags, suffix)} ?show-more-colors="${this.showMoreColors}" ?show-recent-colors="${this.showRecentColors}" ?show-default-color="${this.showDefaultColor}" default-color="${ifDefined(this.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(this.onSelectedColor)}">${repeat(this.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-color-palette", tags, suffix)}></div><div slot="footer" class="ui5-cp-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${this.closePopover}">${ifDefined(this._cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>` : html `<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type="Bottom"><div slot="header" class="ui5-cp-header"><ui5-title class="ui5-cp-title">${ifDefined(this._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors="${this.showMoreColors}" ?show-recent-colors="${this.showRecentColors}" ?show-default-color="${this.showDefaultColor}" default-color="${ifDefined(this.defaultColor)}" popup-mode @ui5-item-click="${ifDefined(this.onSelectedColor)}">${repeat(this.colorPaletteColors, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</ui5-color-palette></div><div slot="footer" class="ui5-cp-footer"><ui5-button design="Transparent" @click="${this.closePopover}">${ifDefined(this._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`; }
+function block1(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
+export default block0;
+//# sourceMappingURL=ColorPalettePopoverTemplate.lit.js.map

package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPalettePopoverTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPalettePopoverTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAsB,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAA6B,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,yGAAyG,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,yBAAyB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,gBAAgB,QAAQ,CAAC,mBAAmB,EAAE,IAAI,EAAE,MAAM,CAAC,uBAAuB,IAAI,CAAC,cAAc,0BAA0B,IAAI,CAAC,gBAAgB,0BAA0B,IAAI,CAAC,gBAAgB,oBAAoB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,iCAAiC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,KAAM,MAAM,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,KAAK,QAAQ,CAAC,mBAAmB,EAAE,IAAI,EAAE,MAAM,CAAC,oDAAoD,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,iCAAiC,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,YAAY,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,+JAA+J,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,gEAAgE,IAAI,CAAC,cAAc,0BAA0B,IAAI,CAAC,gBAAgB,0BAA0B,IAAI,CAAC,gBAAgB,oBAAoB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,iCAAiC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,KAAM,MAAM,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,+GAA+G,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAA,CAAC;AAC1jE,SAAS,MAAM,CAA6B,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA,CAAC;AAG/M,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type ColorPalettePopover from \"../../ColorPalettePopover\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ColorPalettePopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-responsive-popover\", tags, suffix)} hide-arrow content-only-on-desktop placement-type=\"Bottom\"><div slot=\"header\" class=\"ui5-cp-header\"><${scopeTag(\"ui5-title\", tags, suffix)} class=\"ui5-cp-title\">${ifDefined(this._colorPaletteTitle)}</${scopeTag(\"ui5-title\", tags, suffix)}></div><div><${scopeTag(\"ui5-color-palette\", tags, suffix)} ?show-more-colors=\"${this.showMoreColors}\" ?show-recent-colors=\"${this.showRecentColors}\" ?show-default-color=\"${this.showDefaultColor}\" default-color=\"${ifDefined(this.defaultColor)}\" popup-mode @ui5-item-click=\"${ifDefined(this.onSelectedColor)}\">${ repeat(this.colorPaletteColors, (item: any, index: number) => item._id || index, (item: any, index: number) => block1.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"ui5-color-palette\", tags, suffix)}></div><div slot=\"footer\" class=\"ui5-cp-footer\"><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Transparent\" @click=\"${this.closePopover}\">${ifDefined(this._cancelButtonLabel)}</${scopeTag(\"ui5-button\", tags, suffix)}></div></${scopeTag(\"ui5-responsive-popover\", tags, suffix)}>` : html`<ui5-responsive-popover hide-arrow content-only-on-desktop placement-type=\"Bottom\"><div slot=\"header\" class=\"ui5-cp-header\"><ui5-title class=\"ui5-cp-title\">${ifDefined(this._colorPaletteTitle)}</ui5-title></div><div><ui5-color-palette ?show-more-colors=\"${this.showMoreColors}\" ?show-recent-colors=\"${this.showRecentColors}\" ?show-default-color=\"${this.showDefaultColor}\" default-color=\"${ifDefined(this.defaultColor)}\" popup-mode @ui5-item-click=\"${ifDefined(this.onSelectedColor)}\">${ repeat(this.colorPaletteColors, (item: any, index: number) => item._id || index, (item: any, index: number) => block1.call(this, context, tags, suffix, item, index)) }</ui5-color-palette></div><div slot=\"footer\" class=\"ui5-cp-footer\"><ui5-button design=\"Transparent\" @click=\"${this.closePopover}\">${ifDefined(this._cancelButtonLabel)}</ui5-button></div></ui5-responsive-popover>`;}\nfunction block1 (this: ColorPalettePopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ColorPaletteTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type ColorPalette from "../../ColorPalette";
+declare function block0(this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ColorPaletteTemplate.lit.js CHANGED Viewed

@@ -1,12 +1,10 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => html`<div class="${classMap(context.classes.colorPaletteRoot)}" @click=${context._onclick} @keyup=${context._onkeyup} @keydown=${context._onkeydown}>${ context.showDefaultColor ? block1(context, tags, suffix) : undefined }<div class="ui5-cp-item-container" role="region" aria-label="${ifDefined(context.colorContainerLabel)}" @keydown="${context._onColorContainerKeyDown}">${ repeat(context.displayedColors, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>${ context._showMoreColors ? block3(context, tags, suffix) : undefined }${ context.showRecentColors ? block4(context, tags, suffix) : undefined }</div>`;
-const block1 = (context, tags, suffix) => suffix ? html`<div class="ui5-cp-default-color-button-wrapper"><${scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</${scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : html`<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${context._onDefaultColorClick} @keydown=${context._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`;
-const block2 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
-const block3 = (context, tags, suffix) => suffix ? html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${ifDefined(context.colorPaleteMoreColorsText)}</${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${context._openMoreColorsDialog}" @keydown=${context._onMoreColorsKeyDown}>${ifDefined(context.colorPaleteMoreColorsText)}</ui5-button></div>`;
-const block4 = (context, tags, suffix) => html`<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${context._onRecentColorsContainerKeyDown}">${ repeat(context.recentColors, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }</div></div>`;
-const block5 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-color-palette-item", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-color-palette-item", tags, suffix)}>` : html`<ui5-color-palette-item value="${ifDefined(item)}"></ui5-color-palette-item>`;
-export default block0;
+import { html, repeat, classMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return html `<div class="${classMap(this.classes.colorPaletteRoot)}" @click=${this._onclick} @keyup=${this._onkeyup} @keydown=${this._onkeydown}>${this.showDefaultColor ? block1.call(this, context, tags, suffix) : undefined}<div class="ui5-cp-item-container" role="region" aria-label="${ifDefined(this.colorContainerLabel)}" @keydown="${this._onColorContainerKeyDown}">${repeat(this.displayedColors, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div>${this._showMoreColors ? block3.call(this, context, tags, suffix) : undefined}${this.showRecentColors ? block4.call(this, context, tags, suffix) : undefined}</div>`; }
+function block1(context, tags, suffix) { return suffix ? html `<div class="ui5-cp-default-color-button-wrapper"><${scopeTag("ui5-button", tags, suffix)} class="ui5-cp-default-color-button" design="Transparent" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</${scopeTag("ui5-button", tags, suffix)}><div class="ui5-cp-separator"></div></div>` : html `<div class="ui5-cp-default-color-button-wrapper"><ui5-button class="ui5-cp-default-color-button" design="Transparent" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</ui5-button><div class="ui5-cp-separator"></div></div>`; }
+function block2(context, tags, suffix, item, index) { return html `<slot name="${ifDefined(item._individualSlot)}"></slot>`; }
+function block3(context, tags, suffix) { return suffix ? html `<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><${scopeTag("ui5-button", tags, suffix)} design="Transparent" class="ui5-cp-more-colors" @click="${this._openMoreColorsDialog}" @keydown=${this._onMoreColorsKeyDown}>${ifDefined(this.colorPaleteMoreColorsText)}</${scopeTag("ui5-button", tags, suffix)}></div>` : html `<div class="ui5-cp-more-colors-wrapper"><div class="ui5-cp-separator"></div><ui5-button design="Transparent" class="ui5-cp-more-colors" @click="${this._openMoreColorsDialog}" @keydown=${this._onMoreColorsKeyDown}>${ifDefined(this.colorPaleteMoreColorsText)}</ui5-button></div>`; }
+function block4(context, tags, suffix) { return html `<div class="ui5-cp-recent-colors-wrapper"><div class="ui5-cp-separator"></div><div class="ui5-cp-recent-colors-container" @keydown="${this._onRecentColorsContainerKeyDown}">${repeat(this.recentColors, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}</div></div>`; }
+function block5(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-color-palette-item", tags, suffix)} value="${ifDefined(item)}"></${scopeTag("ui5-color-palette-item", tags, suffix)}>` : html `<ui5-color-palette-item value="${ifDefined(item)}"></ui5-color-palette-item>`; }
+export default block0;
+//# sourceMappingURL=ColorPaletteTemplate.lit.js.map

package/dist/generated/templates/ColorPaletteTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPaletteTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPaletteTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAE,QAAQ,EAAY,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,eAAe,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAiC,CAAC,YAAY,IAAI,CAAC,QAAQ,WAAW,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,UAAU,IAAK,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,gEAAgE,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,IAAI,CAAC,wBAAwB,KAAM,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,SAAU,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,QAAQ,CAAC,CAAA,CAAC;AACl0B,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,qDAAqD,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,oEAAoE,IAAI,CAAC,oBAAoB,aAAa,IAAI,CAAC,sBAAsB,mBAAmB,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,6CAA6C,CAAC,CAAC,CAAC,IAAI,CAAA,gIAAgI,IAAI,CAAC,oBAAoB,aAAa,IAAI,CAAC,sBAAsB,uEAAuE,CAAC,CAAA,CAAC;AAC/sB,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAA,CAAC;AACxM,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,gFAAgF,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,4DAA4D,IAAI,CAAC,qBAAqB,cAAc,IAAI,CAAC,oBAAoB,IAAI,SAAS,CAAC,IAAI,CAAC,yBAAyB,CAAC,KAAK,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,mJAAmJ,IAAI,CAAC,qBAAqB,cAAc,IAAI,CAAC,oBAAoB,IAAI,SAAS,CAAC,IAAI,CAAC,yBAAyB,CAAC,qBAAqB,CAAC,CAAA,CAAC;AAC3uB,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,uIAAuI,IAAI,CAAC,+BAA+B,KAAM,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,cAAc,CAAC,CAAA,CAAC;AACpd,SAAS,MAAM,CAAsB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,WAAW,SAAS,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAA,CAAC;AAGrX,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type ColorPalette from \"../../ColorPalette\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"${classMap(this.classes.colorPaletteRoot as ClassMapValue)}\" @click=${this._onclick} @keyup=${this._onkeyup} @keydown=${this._onkeydown}>${ this.showDefaultColor ? block1.call(this, context, tags, suffix) : undefined }<div class=\"ui5-cp-item-container\" role=\"region\" aria-label=\"${ifDefined(this.colorContainerLabel)}\" @keydown=\"${this._onColorContainerKeyDown}\">${ repeat(this.displayedColors, (item: any, index: number) => item._id || index, (item: any, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div>${ this._showMoreColors ? block3.call(this, context, tags, suffix) : undefined }${ this.showRecentColors ? block4.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"ui5-cp-default-color-button-wrapper\"><${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-cp-default-color-button\" design=\"Transparent\" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</${scopeTag(\"ui5-button\", tags, suffix)}><div class=\"ui5-cp-separator\"></div></div>` : html`<div class=\"ui5-cp-default-color-button-wrapper\"><ui5-button class=\"ui5-cp-default-color-button\" design=\"Transparent\" @click=${this._onDefaultColorClick} @keydown=${this._onDefaultColorKeyDown}>Default color</ui5-button><div class=\"ui5-cp-separator\"></div></div>`;}\nfunction block2 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<slot name=\"${ifDefined(item._individualSlot)}\"></slot>`;}\nfunction block3 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"ui5-cp-more-colors-wrapper\"><div class=\"ui5-cp-separator\"></div><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Transparent\" class=\"ui5-cp-more-colors\" @click=\"${this._openMoreColorsDialog}\" @keydown=${this._onMoreColorsKeyDown}>${ifDefined(this.colorPaleteMoreColorsText)}</${scopeTag(\"ui5-button\", tags, suffix)}></div>` : html`<div class=\"ui5-cp-more-colors-wrapper\"><div class=\"ui5-cp-separator\"></div><ui5-button design=\"Transparent\" class=\"ui5-cp-more-colors\" @click=\"${this._openMoreColorsDialog}\" @keydown=${this._onMoreColorsKeyDown}>${ifDefined(this.colorPaleteMoreColorsText)}</ui5-button></div>`;}\nfunction block4 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"ui5-cp-recent-colors-wrapper\"><div class=\"ui5-cp-separator\"></div><div class=\"ui5-cp-recent-colors-container\" @keydown=\"${this._onRecentColorsContainerKeyDown}\">${ repeat(this.recentColors, (item: any, index: number) => item._id || index, (item: any, index: number) => block5.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block5 (this: ColorPalette, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-color-palette-item\", tags, suffix)} value=\"${ifDefined(item)}\"></${scopeTag(\"ui5-color-palette-item\", tags, suffix)}>` : html`<ui5-color-palette-item value=\"${ifDefined(item)}\"></ui5-color-palette-item>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ColorPickerTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type ColorPicker from "../../ColorPicker";
+declare function block0(this: ColorPicker, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ColorPickerTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,5 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => suffix ? html`<section dir="${ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" accessible-name="${ifDefined(context.hueSliderLabel)}" @ui5-input="${ifDefined(context._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaSliderLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${ifDefined(context.hexInputLabel)}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.redInputLabel)}" value="${ifDefined(context._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.greenInputLabel)}" value="${ifDefined(context._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.blueInputLabel)}" value="${ifDefined(context._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaInputLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>` : html`<section dir="${ifDefined(context.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(context.styles.mainColor)}" @mousedown="${context._handleMouseDown}" @mouseup="${context._handleMouseUp}" @mousemove="${context._handleMouseMove}" @mouseout="${context._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(context.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(context._hue)}" accessible-name="${ifDefined(context.hueSliderLabel)}" @ui5-input="${ifDefined(context._handleHueInput)}"></ui5-slider><ui5-slider disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaSliderLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(context.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${ifDefined(context.hex)}" @keydown="${context._onkeydown}" accessible-name="${ifDefined(context.hexInputLabel)}" @ui5-change="${ifDefined(context._handleHEXChange)}" value-state="${ifDefined(context.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(context._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.redInputLabel)}" value="${ifDefined(context._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.greenInputLabel)}" value="${ifDefined(context._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(context.inputsDisabled)}" accessible-name="${ifDefined(context.blueInputLabel)}" value="${ifDefined(context._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${ifDefined(context.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(context._alpha)}" accessible-name="${ifDefined(context.alphaInputLabel)}" @ui5-input="${ifDefined(context._handleAlphaInput)}" @ui5-change="${ifDefined(context._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;
-export default block0;
+import { html, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return suffix ? html `<section dir="${ifDefined(this.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(this.styles.mainColor)}" @mousedown="${this._handleMouseDown}" @mouseup="${this._handleMouseUp}" @mousemove="${this._handleMouseMove}" @mouseout="${this._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(this.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(this._hue)}" accessible-name="${ifDefined(this.hueSliderLabel)}" @ui5-input="${ifDefined(this._handleHueInput)}"></${scopeTag("ui5-slider", tags, suffix)}><${scopeTag("ui5-slider", tags, suffix)} disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(this._alpha)}" accessible-name="${ifDefined(this.alphaSliderLabel)}" @ui5-input="${ifDefined(this._handleAlphaInput)}"></${scopeTag("ui5-slider", tags, suffix)}></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(this.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><${scopeTag("ui5-label", tags, suffix)}>Hex</${scopeTag("ui5-label", tags, suffix)}><${scopeTag("ui5-input", tags, suffix)} class="ui5-color-picker-hex-input" value="${ifDefined(this.hex)}" @keydown="${this._onkeydown}" accessible-name="${ifDefined(this.hexInputLabel)}" @ui5-change="${ifDefined(this._handleHEXChange)}" value-state="${ifDefined(this.hexInputErrorState)}"></${scopeTag("ui5-input", tags, suffix)}></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(this._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.redInputLabel)}" value="${ifDefined(this._color.r)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>R</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.greenInputLabel)}" value="${ifDefined(this._color.g)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>G</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.blueInputLabel)}" value="${ifDefined(this._color.b)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>B</${scopeTag("ui5-label", tags, suffix)}></div><div class="ui5-color-picker-rgb"><${scopeTag("ui5-input", tags, suffix)} id="alpha" disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(this._alpha)}" accessible-name="${ifDefined(this.alphaInputLabel)}" @ui5-input="${ifDefined(this._handleAlphaInput)}" @ui5-change="${ifDefined(this._handleAlphaChange)}"></${scopeTag("ui5-input", tags, suffix)}><${scopeTag("ui5-label", tags, suffix)}>A</${scopeTag("ui5-label", tags, suffix)}></div></div></section>` : html `<section dir="${ifDefined(this.effectiveDir)}" class="ui5-color-picker-root"><div class="ui5-color-picker-main-color" style="${styleMap(this.styles.mainColor)}" @mousedown="${this._handleMouseDown}" @mouseup="${this._handleMouseUp}" @mousemove="${this._handleMouseMove}" @mouseout="${this._handleMouseOut}"><div class="ui5-color-picker-circle" style="${styleMap(this.styles.circle)}"></div></div><div class="ui5-color-picker-sliders-wrapper"><ui5-slider disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-hue-slider" min="0" max="1530" value="${ifDefined(this._hue)}" accessible-name="${ifDefined(this.hueSliderLabel)}" @ui5-input="${ifDefined(this._handleHueInput)}"></ui5-slider><ui5-slider disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-alpha-slider" min="0" max="1" step="0.01" value="${ifDefined(this._alpha)}" accessible-name="${ifDefined(this.alphaSliderLabel)}" @ui5-input="${ifDefined(this._handleAlphaInput)}"></ui5-slider></div><div class="ui5-color-picker-current-color"><div class="ui5-color-picker-colors-wrapper"><span class="ui5-color-picker-white"></span><span class="ui5-color-picker-color"><div class="ui5-color-picker-color-inner" style="${styleMap(this.styles.colorSpan)}"></div></span></div><div class="ui5-color-picker-hex-input-wrapper"><ui5-label>Hex</ui5-label><ui5-input class="ui5-color-picker-hex-input" value="${ifDefined(this.hex)}" @keydown="${this._onkeydown}" accessible-name="${ifDefined(this.hexInputLabel)}" @ui5-change="${ifDefined(this._handleHEXChange)}" value-state="${ifDefined(this.hexInputErrorState)}"></ui5-input></div></div><div class="ui5-color-picker-rgb-wrapper" @ui5-change="${ifDefined(this._handleRGBInputsChange)}"><div class="ui5-color-picker-rgb"><ui5-input id="red" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.redInputLabel)}" value="${ifDefined(this._color.r)}"></ui5-input><ui5-label>R</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="green" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.greenInputLabel)}" value="${ifDefined(this._color.g)}"></ui5-input><ui5-label>G</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="blue" class="ui5-color-picker-rgb-input" disabled="${ifDefined(this.inputsDisabled)}" accessible-name="${ifDefined(this.blueInputLabel)}" value="${ifDefined(this._color.b)}"></ui5-input><ui5-label>B</ui5-label></div><div class="ui5-color-picker-rgb"><ui5-input id="alpha" disabled="${ifDefined(this.inputsDisabled)}" class="ui5-color-picker-rgb-input" value="${ifDefined(this._alpha)}" accessible-name="${ifDefined(this.alphaInputLabel)}" @ui5-input="${ifDefined(this._handleAlphaInput)}" @ui5-change="${ifDefined(this._handleAlphaChange)}"></ui5-input><ui5-label>A</ui5-label></div></div></section>`; }
+export default block0;
+//# sourceMappingURL=ColorPickerTemplate.lit.js.map

package/dist/generated/templates/ColorPickerTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorPickerTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPickerTemplate.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 type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\timport type ColorPicker from \"../../ColorPicker\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ColorPicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<section dir=\"${ifDefined(this.effectiveDir)}\" class=\"ui5-color-picker-root\"><div class=\"ui5-color-picker-main-color\" style=\"${styleMap(this.styles.mainColor)}\" @mousedown=\"${this._handleMouseDown}\" @mouseup=\"${this._handleMouseUp}\" @mousemove=\"${this._handleMouseMove}\" @mouseout=\"${this._handleMouseOut}\"><div class=\"ui5-color-picker-circle\" style=\"${styleMap(this.styles.circle)}\"></div></div><div class=\"ui5-color-picker-sliders-wrapper\"><${scopeTag(\"ui5-slider\", tags, suffix)} disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-hue-slider\" min=\"0\" max=\"1530\" value=\"${ifDefined(this._hue)}\" accessible-name=\"${ifDefined(this.hueSliderLabel)}\" @ui5-input=\"${ifDefined(this._handleHueInput)}\"></${scopeTag(\"ui5-slider\", tags, suffix)}><${scopeTag(\"ui5-slider\", tags, suffix)} disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-alpha-slider\" min=\"0\" max=\"1\" step=\"0.01\" value=\"${ifDefined(this._alpha)}\" accessible-name=\"${ifDefined(this.alphaSliderLabel)}\" @ui5-input=\"${ifDefined(this._handleAlphaInput)}\"></${scopeTag(\"ui5-slider\", tags, suffix)}></div><div class=\"ui5-color-picker-current-color\"><div class=\"ui5-color-picker-colors-wrapper\"><span class=\"ui5-color-picker-white\"></span><span class=\"ui5-color-picker-color\"><div class=\"ui5-color-picker-color-inner\" style=\"${styleMap(this.styles.colorSpan)}\"></div></span></div><div class=\"ui5-color-picker-hex-input-wrapper\"><${scopeTag(\"ui5-label\", tags, suffix)}>Hex</${scopeTag(\"ui5-label\", tags, suffix)}><${scopeTag(\"ui5-input\", tags, suffix)} class=\"ui5-color-picker-hex-input\" value=\"${ifDefined(this.hex)}\" @keydown=\"${this._onkeydown}\" accessible-name=\"${ifDefined(this.hexInputLabel)}\" @ui5-change=\"${ifDefined(this._handleHEXChange)}\" value-state=\"${ifDefined(this.hexInputErrorState)}\"></${scopeTag(\"ui5-input\", tags, suffix)}></div></div><div class=\"ui5-color-picker-rgb-wrapper\" @ui5-change=\"${ifDefined(this._handleRGBInputsChange)}\"><div class=\"ui5-color-picker-rgb\"><${scopeTag(\"ui5-input\", tags, suffix)} id=\"red\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.redInputLabel)}\" value=\"${ifDefined(this._color.r)}\"></${scopeTag(\"ui5-input\", tags, suffix)}><${scopeTag(\"ui5-label\", tags, suffix)}>R</${scopeTag(\"ui5-label\", tags, suffix)}></div><div class=\"ui5-color-picker-rgb\"><${scopeTag(\"ui5-input\", tags, suffix)} id=\"green\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.greenInputLabel)}\" value=\"${ifDefined(this._color.g)}\"></${scopeTag(\"ui5-input\", tags, suffix)}><${scopeTag(\"ui5-label\", tags, suffix)}>G</${scopeTag(\"ui5-label\", tags, suffix)}></div><div class=\"ui5-color-picker-rgb\"><${scopeTag(\"ui5-input\", tags, suffix)} id=\"blue\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.blueInputLabel)}\" value=\"${ifDefined(this._color.b)}\"></${scopeTag(\"ui5-input\", tags, suffix)}><${scopeTag(\"ui5-label\", tags, suffix)}>B</${scopeTag(\"ui5-label\", tags, suffix)}></div><div class=\"ui5-color-picker-rgb\"><${scopeTag(\"ui5-input\", tags, suffix)} id=\"alpha\" disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-rgb-input\" value=\"${ifDefined(this._alpha)}\" accessible-name=\"${ifDefined(this.alphaInputLabel)}\" @ui5-input=\"${ifDefined(this._handleAlphaInput)}\" @ui5-change=\"${ifDefined(this._handleAlphaChange)}\"></${scopeTag(\"ui5-input\", tags, suffix)}><${scopeTag(\"ui5-label\", tags, suffix)}>A</${scopeTag(\"ui5-label\", tags, suffix)}></div></div></section>` : html`<section dir=\"${ifDefined(this.effectiveDir)}\" class=\"ui5-color-picker-root\"><div class=\"ui5-color-picker-main-color\" style=\"${styleMap(this.styles.mainColor)}\" @mousedown=\"${this._handleMouseDown}\" @mouseup=\"${this._handleMouseUp}\" @mousemove=\"${this._handleMouseMove}\" @mouseout=\"${this._handleMouseOut}\"><div class=\"ui5-color-picker-circle\" style=\"${styleMap(this.styles.circle)}\"></div></div><div class=\"ui5-color-picker-sliders-wrapper\"><ui5-slider disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-hue-slider\" min=\"0\" max=\"1530\" value=\"${ifDefined(this._hue)}\" accessible-name=\"${ifDefined(this.hueSliderLabel)}\" @ui5-input=\"${ifDefined(this._handleHueInput)}\"></ui5-slider><ui5-slider disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-alpha-slider\" min=\"0\" max=\"1\" step=\"0.01\" value=\"${ifDefined(this._alpha)}\" accessible-name=\"${ifDefined(this.alphaSliderLabel)}\" @ui5-input=\"${ifDefined(this._handleAlphaInput)}\"></ui5-slider></div><div class=\"ui5-color-picker-current-color\"><div class=\"ui5-color-picker-colors-wrapper\"><span class=\"ui5-color-picker-white\"></span><span class=\"ui5-color-picker-color\"><div class=\"ui5-color-picker-color-inner\" style=\"${styleMap(this.styles.colorSpan)}\"></div></span></div><div class=\"ui5-color-picker-hex-input-wrapper\"><ui5-label>Hex</ui5-label><ui5-input class=\"ui5-color-picker-hex-input\" value=\"${ifDefined(this.hex)}\" @keydown=\"${this._onkeydown}\" accessible-name=\"${ifDefined(this.hexInputLabel)}\" @ui5-change=\"${ifDefined(this._handleHEXChange)}\" value-state=\"${ifDefined(this.hexInputErrorState)}\"></ui5-input></div></div><div class=\"ui5-color-picker-rgb-wrapper\" @ui5-change=\"${ifDefined(this._handleRGBInputsChange)}\"><div class=\"ui5-color-picker-rgb\"><ui5-input id=\"red\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.redInputLabel)}\" value=\"${ifDefined(this._color.r)}\"></ui5-input><ui5-label>R</ui5-label></div><div class=\"ui5-color-picker-rgb\"><ui5-input id=\"green\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.greenInputLabel)}\" value=\"${ifDefined(this._color.g)}\"></ui5-input><ui5-label>G</ui5-label></div><div class=\"ui5-color-picker-rgb\"><ui5-input id=\"blue\" class=\"ui5-color-picker-rgb-input\" disabled=\"${ifDefined(this.inputsDisabled)}\" accessible-name=\"${ifDefined(this.blueInputLabel)}\" value=\"${ifDefined(this._color.b)}\"></ui5-input><ui5-label>B</ui5-label></div><div class=\"ui5-color-picker-rgb\"><ui5-input id=\"alpha\" disabled=\"${ifDefined(this.inputsDisabled)}\" class=\"ui5-color-picker-rgb-input\" value=\"${ifDefined(this._alpha)}\" accessible-name=\"${ifDefined(this.alphaInputLabel)}\" @ui5-input=\"${ifDefined(this._handleAlphaInput)}\" @ui5-change=\"${ifDefined(this._handleAlphaChange)}\"></ui5-input><ui5-label>A</ui5-label></div></div></section>`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ComboBoxPopoverTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+type ComboBoxPopover = any;
+declare function block0(this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js CHANGED Viewed

@@ -1,25 +1,23 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-responsive-popover", tags, suffix)} class="${classMap(context.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(context.styles.suggestionsPopover)}" @ui5-after-open=${ifDefined(context._afterOpenPopover)} @ui5-after-close=${ifDefined(context._afterClosePopover)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></${scopeTag("ui5-busy-indicator", tags, suffix)}>${ context._isPhone ? block1(context, tags, suffix) : undefined }${ !context._isPhone ? block6(context, tags, suffix) : undefined }<${scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${ifDefined(context._selectItem)} @ui5-item-focused=${ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>${ context._isPhone ? block14(context, tags, suffix) : undefined }</${scopeTag("ui5-responsive-popover", tags, suffix)}>${ context.shouldOpenValueStateMessagePopover ? block15(context, tags, suffix) : undefined }` : html`<ui5-responsive-popover class="${classMap(context.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(context.styles.suggestionsPopover)}" @ui5-after-open=${ifDefined(context._afterOpenPopover)} @ui5-after-close=${ifDefined(context._afterClosePopover)}><ui5-busy-indicator ?active=${context.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator>${ context._isPhone ? block1(context, tags, suffix) : undefined }${ !context._isPhone ? block6(context, tags, suffix) : undefined }<ui5-list separators="None" @ui5-item-click=${ifDefined(context._selectItem)} @ui5-item-focused=${ifDefined(context._onItemFocus)} @mousedown=${context._itemMousedown} mode="SingleSelect">${ repeat(context._filteredItems, (item, index) => item._id || index, (item, index) => block11(item, index, context, tags, suffix)) }</ui5-list>${ context._isPhone ? block14(context, tags, suffix) : undefined }</ui5-responsive-popover>${ context.shouldOpenValueStateMessagePopover ? block15(context, tags, suffix) : undefined }`;
-const block1 = (context, tags, suffix) => suffix ? html`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block2(context, tags, suffix) : undefined }</div>` : html`<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(context._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${context._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(context.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" value-state="${ifDefined(context.valueState)}" @input="${context._input}" @change="${context._inputChange}" @keydown="${context._keydown}" aria-autocomplete="both" /></div></div>${ context.hasValueStateText ? block2(context, tags, suffix) : undefined }</div>`;
-const block2 = (context, tags, suffix) => suffix ? html`<div class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverValueStateMessage)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block3(context, tags, suffix) : block4(context, tags, suffix) }</div>` : html`<div class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block3(context, tags, suffix) : block4(context, tags, suffix) }</div>`;
-const block3 = (context, tags, suffix) => html`${ifDefined(context.valueStateDefaultText)}`;
-const block4 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }`;
-const block5 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
-const block6 = (context, tags, suffix) => html`${ context.hasValueStateText ? block7(context, tags, suffix) : undefined }`;
-const block7 = (context, tags, suffix) => suffix ? html`<div slot="header" class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${styleMap(context.styles.suggestionPopoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block8(context, tags, suffix) : block9(context, tags, suffix) }</div>` : html`<div slot="header" class="ui5-responsive-popover-header ${classMap(context.classes.popoverValueState)}" ?focused=${context._isValueStateFocused} tabindex="0" style="${styleMap(context.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block8(context, tags, suffix) : block9(context, tags, suffix) }</div>`;
-const block8 = (context, tags, suffix) => html`${ifDefined(context.valueStateDefaultText)}`;
-const block9 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }`;
-const block10 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
-const block11 = (item, index, context, tags, suffix) => html`${ item.isGroupItem ? block12(item, index, context, tags, suffix) : block13(item, index, context, tags, suffix) }`;
-const block12 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li-groupheader", tags, suffix)}>` : html`<ui5-li-groupheader ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li-groupheader>`;
-const block13 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>` : html`<ui5-li type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li>`;
-const block14 = (context, tags, suffix) => suffix ? html`<div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${context._closeRespPopover}">OK</${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${context._closeRespPopover}">OK</ui5-button></div>`;
-const block15 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.shouldDisplayDefaultValueStateMessage ? block16(context, tags, suffix) : block17(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(context.classes.popoverValueState)}" style="${styleMap(context.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.shouldDisplayDefaultValueStateMessage ? block16(context, tags, suffix) : block17(context, tags, suffix) }</div></ui5-popover>`;
-const block16 = (context, tags, suffix) => html`${ifDefined(context.valueStateDefaultText)}`;
-const block17 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block18(item, index, context, tags, suffix)) }`;
-const block18 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
-export default block0;
+import { html, repeat, classMap, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} class="${classMap(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.styles.suggestionsPopover)}" @ui5-after-open=${ifDefined(this._afterOpenPopover)} @ui5-after-close=${ifDefined(this._afterClosePopover)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${this.loading} size="Medium" class="ui5-combobox-busy"></${scopeTag("ui5-busy-indicator", tags, suffix)}>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block6.call(this, context, tags, suffix) : undefined}<${scopeTag("ui5-list", tags, suffix)} separators="None" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} mode="SingleSelect">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-list", tags, suffix)}>${this._isPhone ? block14.call(this, context, tags, suffix) : undefined}</${scopeTag("ui5-responsive-popover", tags, suffix)}>${this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined}` : html `<ui5-responsive-popover class="${classMap(this.classes.popover)}" hide-arrow _disable-initial-focus placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.styles.suggestionsPopover)}" @ui5-after-open=${ifDefined(this._afterOpenPopover)} @ui5-after-close=${ifDefined(this._afterClosePopover)}><ui5-busy-indicator ?active=${this.loading} size="Medium" class="ui5-combobox-busy"></ui5-busy-indicator>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block6.call(this, context, tags, suffix) : undefined}<ui5-list separators="None" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} mode="SingleSelect">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block14.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>${this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined}`; }
+function block1(context, tags, suffix) { return suffix ? html `<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(this._headerTitleText)}</span><${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._closeRespPopover}"></${scopeTag("ui5-button", tags, suffix)}></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(this.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(this.value)}" inner-input placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" @input="${this._input}" @change="${this._inputChange}" @keydown="${this._keydown}" aria-autocomplete="both" /></div></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}</div>` : html `<div slot="header" class="ui5-responsive-popover-header"><div class="row"><span>${ifDefined(this._headerTitleText)}</span><ui5-button class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._closeRespPopover}"></ui5-button></div><div class="row"><div class="input-root-phone" value-state="${ifDefined(this.valueState)}"><input class="ui5-input-inner-phone" .value="${ifDefined(this.value)}" inner-input placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" @input="${this._input}" @change="${this._inputChange}" @keydown="${this._keydown}" aria-autocomplete="both" /></div></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}</div>`; }
+function block2(context, tags, suffix) { return suffix ? html `<div class="${classMap(this.classes.popoverValueState)}" style="${styleMap(this.styles.popoverValueStateMessage)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>` : html `<div class="${classMap(this.classes.popoverValueState)}" style="${styleMap(this.styles.popoverValueStateMessage)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}</div>`; }
+function block3(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block4(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`; }
+function block5(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
+function block6(context, tags, suffix) { return html `${this.hasValueStateText ? block7.call(this, context, tags, suffix) : undefined}`; }
+function block7(context, tags, suffix) { return suffix ? html `<div slot="header" class="ui5-responsive-popover-header ${classMap(this.classes.popoverValueState)}" ?focused=${this._isValueStateFocused} tabindex="0" style="${styleMap(this.styles.suggestionPopoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}</div>` : html `<div slot="header" class="ui5-responsive-popover-header ${classMap(this.classes.popoverValueState)}" ?focused=${this._isValueStateFocused} tabindex="0" style="${styleMap(this.styles.suggestionPopoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}</div>`; }
+function block8(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block9(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10.call(this, context, tags, suffix, item, index))}`; }
+function block10(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
+function block11(context, tags, suffix, item, index) { return html `${item.isGroupItem ? block12.call(this, context, tags, suffix, item, index) : block13.call(this, context, tags, suffix, item, index)}`; }
+function block12(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li-groupheader", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li-groupheader", tags, suffix)}>` : html `<ui5-li-groupheader ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li-groupheader>`; }
+function block13(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li", tags, suffix)} type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>` : html `<ui5-li type="Active" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li>`; }
+function block14(context, tags, suffix) { return suffix ? html `<div slot="footer" class="ui5-responsive-popover-footer"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">OK</${scopeTag("ui5-button", tags, suffix)}></div>` : html `<div slot="footer" class="ui5-responsive-popover-footer"><ui5-button design="Transparent" @click="${this._closeRespPopover}">OK</ui5-button></div>`; }
+function block15(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(this._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(this.classes.popoverValueState)}" style="${styleMap(this.styles.popoverHeader)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix)}</div></${scopeTag("ui5-popover", tags, suffix)}>` : html `<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(this._valueStatePopoverHorizontalAlign)}" placement-type="Bottom"><div slot="header" class="${classMap(this.classes.popoverValueState)}" style="${styleMap(this.styles.popoverHeader)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}"></ui5-icon>${this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix)}</div></ui5-popover>`; }
+function block16(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block17(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block18.call(this, context, tags, suffix, item, index))}`; }
+function block18(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
+export default block0;
+//# sourceMappingURL=ComboBoxPopoverTemplate.lit.js.map

package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ComboBoxPopoverTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ComboBoxPopoverTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAO,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAK9I,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,WAAW,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAwB,CAAC,8FAA8F,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,YAAY,IAAI,CAAC,OAAO,8CAA8C,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,IAAI,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,sCAAsC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,IAAI,CAAC,cAAc,wBAAyB,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,KAAK,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,KAAK,QAAQ,CAAC,wBAAwB,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,kCAAkC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAwB,CAAC,8FAA8F,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,gCAAgC,IAAI,CAAC,OAAO,iEAAkE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,+CAA+C,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,sBAAsB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,IAAI,CAAC,cAAc,wBAAyB,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,cAAe,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,4BAA6B,IAAI,CAAC,kCAAkC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,EAAE,CAAC,CAAA,CAAC;AACphF,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,yFAAyF,IAAI,CAAC,iBAAiB,OAAO,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,sEAAsE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kDAAkD,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,MAAM,cAAc,IAAI,CAAC,YAAY,eAAe,IAAI,CAAC,QAAQ,4CAA6C,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,mFAAmF,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,2GAA2G,IAAI,CAAC,iBAAiB,oFAAoF,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,kDAAkD,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,8BAA8B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,MAAM,cAAc,IAAI,CAAC,YAAY,eAAe,IAAI,CAAC,QAAQ,4CAA6C,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,QAAQ,CAAC,CAAA,CAAC;AAC1oD,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,gEAAgE,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,gBAAiB,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,QAAQ,CAAC,CAAA,CAAC;AACt8B,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAA,CAAC;AAClK,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AACvS,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC;AACtK,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,EAAE,CAAC,CAAA,CAAC;AAC5M,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,2DAA2D,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,cAAc,IAAI,CAAC,oBAAoB,wBAAwB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,2DAA2D,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,cAAc,IAAI,CAAC,oBAAoB,wBAAwB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,gEAAgE,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,gBAAiB,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,QAAQ,CAAC,CAAA,CAAC;AACloC,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAA,CAAC;AAClK,SAAS,MAAM,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AACxS,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC;AACvK,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAE,EAAE,CAAC,CAAA,CAAC;AAC5R,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,aAAa,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,oBAAoB,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA,CAAC;AACnZ,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,kCAAkC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,yCAAyC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,SAAS,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,QAAQ,aAAa,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,CAAC;AAC7vB,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,6DAA6D,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,iCAAiC,IAAI,CAAC,iBAAiB,SAAS,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,qGAAqG,IAAI,CAAC,iBAAiB,yBAAyB,CAAC,CAAA,CAAC;AAC3e,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,IAAI,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,yIAAyI,SAAS,CAAC,IAAI,CAAC,iCAAiC,CAAC,uDAAuD,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,IAAK,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,WAAW,QAAQ,CAAC,aAAa,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,qJAAqJ,SAAS,CAAC,IAAI,CAAC,iCAAiC,CAAC,uDAAuD,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAkC,CAAC,YAAY,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,gEAAgE,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,gBAAiB,IAAI,CAAC,qCAAqC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,sBAAsB,CAAC,CAAA,CAAC;AACv+C,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAA,CAAC;AACnK,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,EAAE,CAAC,CAAA,CAAC;AACzS,SAAS,OAAO,CAAyB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC;AAGvK,eAAe,MAAM,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element\";\n\ttype ComboBoxPopover = any;\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types\";\n\t\nfunction block0 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-responsive-popover\", tags, suffix)} class=\"${classMap(this.classes.popover as ClassMapValue)}\" hide-arrow _disable-initial-focus placement-type=\"Bottom\" horizontal-align=\"Left\" style=\"${styleMap(this.styles.suggestionsPopover)}\" @ui5-after-open=${ifDefined(this._afterOpenPopover)} @ui5-after-close=${ifDefined(this._afterClosePopover)}><${scopeTag(\"ui5-busy-indicator\", tags, suffix)} ?active=${this.loading} size=\"Medium\" class=\"ui5-combobox-busy\"></${scopeTag(\"ui5-busy-indicator\", tags, suffix)}>${ this._isPhone ? block1.call(this, context, tags, suffix) : undefined }${ !this._isPhone ? block6.call(this, context, tags, suffix) : undefined }<${scopeTag(\"ui5-list\", tags, suffix)} separators=\"None\" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} mode=\"SingleSelect\">${ repeat(this._filteredItems, (item: any, index: number) => item._id || index, (item: any, index: number) => block11.call(this, context, tags, suffix, item, index)) }</${scopeTag(\"ui5-list\", tags, suffix)}>${ this._isPhone ? block14.call(this, context, tags, suffix) : undefined }</${scopeTag(\"ui5-responsive-popover\", tags, suffix)}>${ this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined }` : html`<ui5-responsive-popover class=\"${classMap(this.classes.popover as ClassMapValue)}\" hide-arrow _disable-initial-focus placement-type=\"Bottom\" horizontal-align=\"Left\" style=\"${styleMap(this.styles.suggestionsPopover)}\" @ui5-after-open=${ifDefined(this._afterOpenPopover)} @ui5-after-close=${ifDefined(this._afterClosePopover)}><ui5-busy-indicator ?active=${this.loading} size=\"Medium\" class=\"ui5-combobox-busy\"></ui5-busy-indicator>${ this._isPhone ? block1.call(this, context, tags, suffix) : undefined }${ !this._isPhone ? block6.call(this, context, tags, suffix) : undefined }<ui5-list separators=\"None\" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} mode=\"SingleSelect\">${ repeat(this._filteredItems, (item: any, index: number) => item._id || index, (item: any, index: number) => block11.call(this, context, tags, suffix, item, index)) }</ui5-list>${ this._isPhone ? block14.call(this, context, tags, suffix) : undefined }</ui5-responsive-popover>${ this.shouldOpenValueStateMessagePopover ? block15.call(this, context, tags, suffix) : undefined }`;}\nfunction block1 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div slot=\"header\" class=\"ui5-responsive-popover-header\"><div class=\"row\"><span>${ifDefined(this._headerTitleText)}</span><${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this._closeRespPopover}\"></${scopeTag(\"ui5-button\", tags, suffix)}></div><div class=\"row\"><div class=\"input-root-phone\" value-state=\"${ifDefined(this.valueState)}\"><input class=\"ui5-input-inner-phone\" .value=\"${ifDefined(this.value)}\" inner-input placeholder=\"${ifDefined(this.placeholder)}\" value-state=\"${ifDefined(this.valueState)}\" @input=\"${this._input}\" @change=\"${this._inputChange}\" @keydown=\"${this._keydown}\" aria-autocomplete=\"both\" /></div></div>${ this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined }</div>` : html`<div slot=\"header\" class=\"ui5-responsive-popover-header\"><div class=\"row\"><span>${ifDefined(this._headerTitleText)}</span><ui5-button class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this._closeRespPopover}\"></ui5-button></div><div class=\"row\"><div class=\"input-root-phone\" value-state=\"${ifDefined(this.valueState)}\"><input class=\"ui5-input-inner-phone\" .value=\"${ifDefined(this.value)}\" inner-input placeholder=\"${ifDefined(this.placeholder)}\" value-state=\"${ifDefined(this.valueState)}\" @input=\"${this._input}\" @change=\"${this._inputChange}\" @keydown=\"${this._keydown}\" aria-autocomplete=\"both\" /></div></div>${ this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block2 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"${classMap(this.classes.popoverValueState as ClassMapValue)}\" style=\"${styleMap(this.styles.popoverValueStateMessage)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>` : html`<div class=\"${classMap(this.classes.popoverValueState as ClassMapValue)}\" style=\"${styleMap(this.styles.popoverValueStateMessage)}\"><ui5-icon class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></ui5-icon>${ this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix) }</div>`;}\nfunction block3 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.valueStateDefaultText)}`;}\nfunction block4 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.valueStateMessageText, (item: any, index: number) => item._id || index, (item: any, index: number) => block5.call(this, context, tags, suffix, item, index)) }`;}\nfunction block5 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}\nfunction block6 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasValueStateText ? block7.call(this, context, tags, suffix) : undefined }`;}\nfunction block7 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div slot=\"header\" class=\"ui5-responsive-popover-header ${classMap(this.classes.popoverValueState as ClassMapValue)}\" ?focused=${this._isValueStateFocused} tabindex=\"0\" style=\"${styleMap(this.styles.suggestionPopoverHeader)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix) }</div>` : html`<div slot=\"header\" class=\"ui5-responsive-popover-header ${classMap(this.classes.popoverValueState as ClassMapValue)}\" ?focused=${this._isValueStateFocused} tabindex=\"0\" style=\"${styleMap(this.styles.suggestionPopoverHeader)}\"><ui5-icon class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></ui5-icon>${ this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix) }</div>`;}\nfunction block8 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.valueStateDefaultText)}`;}\nfunction block9 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.valueStateMessageText, (item: any, index: number) => item._id || index, (item: any, index: number) => block10.call(this, context, tags, suffix, item, index)) }`;}\nfunction block10 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}\nfunction block11 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.isGroupItem ? block12.call(this, context, tags, suffix, item, index) : block13.call(this, context, tags, suffix, item, index) }`;}\nfunction block12 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-li-groupheader\", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag(\"ui5-li-groupheader\", tags, suffix)}>` : html`<ui5-li-groupheader ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li-groupheader>`;}\nfunction block13 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return suffix ? html`<${scopeTag(\"ui5-li\", tags, suffix)} type=\"Active\" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag(\"ui5-li\", tags, suffix)}>` : html`<ui5-li type=\"Active\" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li>`;}\nfunction block14 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div slot=\"footer\" class=\"ui5-responsive-popover-footer\"><${scopeTag(\"ui5-button\", tags, suffix)} design=\"Transparent\" @click=\"${this._closeRespPopover}\">OK</${scopeTag(\"ui5-button\", tags, suffix)}></div>` : html`<div slot=\"footer\" class=\"ui5-responsive-popover-footer\"><ui5-button design=\"Transparent\" @click=\"${this._closeRespPopover}\">OK</ui5-button></div>`;}\nfunction block15 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-popover\", tags, suffix)} skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class=\"ui5-valuestatemessage-popover\" horizontal-align=\"${ifDefined(this._valueStatePopoverHorizontalAlign)}\" placement-type=\"Bottom\"><div slot=\"header\" class=\"${classMap(this.classes.popoverValueState as ClassMapValue)}\" style=\"${styleMap(this.styles.popoverHeader)}\"><${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}>${ this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix) }</div></${scopeTag(\"ui5-popover\", tags, suffix)}>` : html`<ui5-popover skip-registry-update _disable-initial-focus prevent-focus-restore hide-arrow class=\"ui5-valuestatemessage-popover\" horizontal-align=\"${ifDefined(this._valueStatePopoverHorizontalAlign)}\" placement-type=\"Bottom\"><div slot=\"header\" class=\"${classMap(this.classes.popoverValueState as ClassMapValue)}\" style=\"${styleMap(this.styles.popoverHeader)}\"><ui5-icon class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\"></ui5-icon>${ this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix) }</div></ui5-popover>`;}\nfunction block16 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.valueStateDefaultText)}`;}\nfunction block17 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this.valueStateMessageText, (item: any, index: number) => item._id || index, (item: any, index: number) => block18.call(this, context, tags, suffix, item, index)) }`;}\nfunction block18 (this: ComboBoxPopover, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}\n\n\nexport default block0;"]}

package/dist/generated/templates/ComboBoxTemplate.lit.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element";
+import type ComboBox from "../../ComboBox";
+declare function block0(this: ComboBox, context: UI5Element, tags: string[], suffix: string | undefined): import("lit-html").TemplateResult<1 | 2>;
+export default block0;

package/dist/generated/templates/ComboBoxTemplate.lit.js CHANGED Viewed

@@ -1,10 +1,8 @@
 /* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-const block0 = (context, tags, suffix) => html`<div class="ui5-combobox-root ui5-input-focusable-element">${ context.hasValueState ? block1(context, tags, suffix) : undefined }<input id="ui5-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder="${ifDefined(context.placeholder)}" ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @keydown="${context._keydown}" @input="${context._input}" @change="${context._inputChange}" @click=${context._click} @keyup="${context._keyup}" @focusin="${context._focusin}" @focusout="${context._focusout}" aria-expanded="${ifDefined(context.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="value-state-description" aria-label="${ifDefined(context.ariaLabelText)}" aria-required="${ifDefined(context.required)}" data-sap-focus-ref />${ context.icon ? block2(context, tags, suffix) : undefined }${ !context.readonly ? block3(context, tags, suffix) : undefined }</div>`;
-const block1 = (context, tags, suffix) => html`<span id="value-state-description" class="ui5-hidden-text">${ifDefined(context.ariaValueStateHiddenText)}</span>`;
-const block2 = (context, tags, suffix) => html`<slot name="icon"></slot>`;
-const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${ifDefined(context._iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${context._iconPressed}" @click="${context._arrowClick}" accessible-name="${ifDefined(context._iconAccessibleNameText)}"></ui5-icon>`;
-export default block0;
+import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+function block0(context, tags, suffix) { return html `<div class="ui5-combobox-root ui5-input-focusable-element">${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<input id="ui5-combobox-input" .value="${ifDefined(this.value)}" inner-input placeholder="${ifDefined(this.placeholder)}" ?disabled=${this.disabled} ?readonly=${this.readonly} value-state="${ifDefined(this.valueState)}" @keydown="${this._keydown}" @input="${this._input}" @change="${this._inputChange}" @click=${this._click} @keyup="${this._keyup}" @focusin="${this._focusin}" @focusout="${this._focusout}" aria-expanded="${ifDefined(this.open)}" role="combobox" aria-haspopup="listbox" aria-autocomplete="both" aria-describedby="value-state-description" aria-label="${ifDefined(this.ariaLabelText)}" aria-required="${ifDefined(this.required)}" data-sap-focus-ref />${this.icon ? block2.call(this, context, tags, suffix) : undefined}${!this.readonly ? block3.call(this, context, tags, suffix) : undefined}</div>`; }
+function block1(context, tags, suffix) { return html `<span id="value-state-description" class="ui5-hidden-text">${ifDefined(this.ariaValueStateHiddenText)}</span>`; }
+function block2(context, tags, suffix) { return html `<slot name="icon"></slot>`; }
+function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${this._iconPressed}" @click="${this._arrowClick}" accessible-name="${ifDefined(this._iconAccessibleNameText)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon name="slim-arrow-down" slot="icon" tabindex="-1" input-icon ?pressed="${this._iconPressed}" @click="${this._arrowClick}" accessible-name="${ifDefined(this._iconAccessibleNameText)}"></ui5-icon>`; }
+export default block0;
+//# sourceMappingURL=ComboBoxTemplate.lit.js.map