@ui5/webcomponents 0.0.0-d9b978d1d → 0.0.0-da0d3eb88

package/dist/generated/templates/CarouselTemplate.lit.js

@@ -1,6 +1,6 @@
 /* eslint no-unused-vars: 0 */
 import { html, repeat, classMap, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-function block0(context, tags, suffix) { return html `<section class="ui5-carousel-root ui5-carousel-background-${ifDefined(this._backgroundDesign)}" 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)}" part="content"><div class="${classMap(this.classes.content)}" style="${styleMap(this.styles.content)}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined}</div>${this.renderNavigation ? block3.call(this, context, tags, suffix) : undefined}</div></section> `; }
+function block0(context, tags, suffix) { return html `<section class="ui5-carousel-root ui5-carousel-background-${ifDefined(this._backgroundDesign)}" tabindex="0" role="listbox" aria-label="${ifDefined(this.ariaLabelTxt)}" aria-activedescendant="${ifDefined(this.ariaActiveDescendant)}" @focusin="${this._onfocusin}" @keydown=${this._onkeydown} @mouseout="${this._onmouseout}" @mouseover="${this._onmouseover}"><div class="${classMap(this.classes.viewport)}" part="content"><div class="${classMap(this.classes.content)}" style="${styleMap(this.styles.content)}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}</div>${this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined}</div>${this.renderNavigation ? block3.call(this, context, tags, suffix) : undefined}</div></section> `; }
 function block1(context, tags, suffix, item, index) { 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>`; }
 function block2(context, tags, suffix) { 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)}" 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)}" 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)}" 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)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button></div>`; }
 function block3(context, tags, suffix) { return html `<div class="${classMap(this.classes.navigation)}">${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>`; }
@@ -8,7 +8,7 @@ function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-
 function block5(context, tags, suffix) { return html `${this.isPageTypeDots ? block6.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}`; }
 function block6(context, tags, suffix) { return html `${repeat(this.dots, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}`; }
 function block7(context, tags, suffix, item, index) { return html `<div role="img" aria-label="${ifDefined(item.ariaLabel)}" ?active="${item.active}" class="ui5-carousel-navigation-dot"></div>`; }
-function block8(context, tags, suffix) { return html `<div class="ui5-carousel-navigation-text">${ifDefined(this.selectedIndexToShow)}&nbsp;${ifDefined(this.ofText)}&nbsp;${ifDefined(this.pagesCount)}</div>`; }
+function block8(context, tags, suffix) { return html `<div dir="auto" class="ui5-carousel-navigation-text">${ifDefined(this.selectedIndexToShow)}&nbsp;${ifDefined(this.ofText)}&nbsp;${ifDefined(this.pagesCount)}</div>`; }
 function block9(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} arrow-forward tooltip="${ifDefined(this.nextPageText)}" class="ui5-carousel-navigation-button ${classMap(this.classes.navNextButton)}" 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)}" icon="slim-arrow-right" tabindex="-1" @click=${this._navButtonClick}></ui5-button>`; }
 export default block0;
 //# sourceMappingURL=CarouselTemplate.lit.js.map

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

@@ -1 +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.js\";\n\timport type Carousel from \"../../Carousel.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<section class=\"ui5-carousel-root ui5-carousel-background-${ifDefined(this._backgroundDesign)}\" 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, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div>${ this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined }</div>${ 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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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 html`<div class=\"ui5-carousel-navigation-text\">${ifDefined(this.selectedIndexToShow)}&nbsp;${ifDefined(this.ofText)}&nbsp;${ifDefined(this.pagesCount)}</div>`;}\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;"]}
+{"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.js\";\n\timport type Carousel from \"../../Carousel.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: Carousel, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<section class=\"ui5-carousel-root ui5-carousel-background-${ifDefined(this._backgroundDesign)}\" tabindex=\"0\" role=\"listbox\" aria-label=\"${ifDefined(this.ariaLabelTxt)}\" 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, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block1.call(this, context, tags, suffix, item, index)) }</div>${ this.showArrows.content ? block2.call(this, context, tags, suffix) : undefined }</div>${ 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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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 html`<div dir=\"auto\" class=\"ui5-carousel-navigation-text\">${ifDefined(this.selectedIndexToShow)}&nbsp;${ifDefined(this.ofText)}&nbsp;${ifDefined(this.pagesCount)}</div>`;}\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.js

@@ -1,8 +1,10 @@
 /* eslint no-unused-vars: 0 */
 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)} part="label" 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 part="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>`; }
+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}">${this.isDisplayOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}<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 />${this.text ? block4.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block5.call(this, context, tags, suffix) : undefined}</div>`; }
+function block1(context, tags, suffix) { return suffix ? html `<div class="ui5-checkbox-display-only-icon-inner"><${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name=${ifDefined(this.displayOnlyIcon)} class="ui5-checkbox-display-only-icon" part="icon"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html `<div class="ui5-checkbox-display-only-icon-inner"><ui5-icon aria-hidden="true" name=${ifDefined(this.displayOnlyIcon)} class="ui5-checkbox-display-only-icon" part="icon"></ui5-icon></div>`; }
+function block2(context, tags, suffix) { return html `<div id="${ifDefined(this._id)}-CbBg" class="ui5-checkbox-inner">${this.isCompletelyChecked ? block3.call(this, context, tags, suffix) : undefined}</div>`; }
+function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} aria-hidden="true" name="accept" class="ui5-checkbox-icon" part="icon"></${scopeTag("ui5-icon", tags, suffix)}>` : html `<ui5-icon aria-hidden="true" name="accept" class="ui5-checkbox-icon" part="icon"></ui5-icon>`; }
+function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-label", tags, suffix)} part="label" 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 part="label" id="${ifDefined(this._id)}-label" class="ui5-checkbox-label" wrapping-type="${ifDefined(this.wrappingType)}">${ifDefined(this.text)}</ui5-label>`; }
+function block5(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

@@ -1 +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,qBAAqB,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,+BAA+B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,qDAAqD,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAC;AAC/gB,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.js\";\n\timport type CheckBox from \"../../CheckBox.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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)} part=\"label\" 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 part=\"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;"]}
+{"version":3,"file":"CheckBoxTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/CheckBoxTemplate.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.js\";\n\timport type CheckBox from \"../../CheckBox.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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}\">${ this.isDisplayOnly ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix) }<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 />${ this.text ? block4.call(this, context, tags, suffix) : undefined }${ this.hasValueState ? block5.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block1 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"ui5-checkbox-display-only-icon-inner\"><${scopeTag(\"ui5-icon\", tags, suffix)} aria-hidden=\"true\" name=${ifDefined(this.displayOnlyIcon)} class=\"ui5-checkbox-display-only-icon\" part=\"icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}></div>` : html`<div class=\"ui5-checkbox-display-only-icon-inner\"><ui5-icon aria-hidden=\"true\" name=${ifDefined(this.displayOnlyIcon)} class=\"ui5-checkbox-display-only-icon\" part=\"icon\"></ui5-icon></div>`;}\nfunction block2 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div id=\"${ifDefined(this._id)}-CbBg\" class=\"ui5-checkbox-inner\">${ this.isCompletelyChecked ? block3.call(this, context, tags, suffix) : undefined }</div>`;}\nfunction block3 (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\" part=\"icon\"></${scopeTag(\"ui5-icon\", tags, suffix)}>` : html`<ui5-icon aria-hidden=\"true\" name=\"accept\" class=\"ui5-checkbox-icon\" part=\"icon\"></ui5-icon>`;}\nfunction block4 (this: CheckBox, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"ui5-label\", tags, suffix)} part=\"label\" 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 part=\"label\" id=\"${ifDefined(this._id)}-label\" class=\"ui5-checkbox-label\" wrapping-type=\"${ifDefined(this.wrappingType)}\">${ifDefined(this.text)}</ui5-label>`;}\nfunction block5 (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.js

@@ -1,5 +1,6 @@
 /* eslint no-unused-vars: 0 */
 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>`; }
+function block0(context, tags, suffix) { return html `${this._showMoreColors ? block1.call(this, context, tags, suffix) : undefined} `; }
+function block1(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

@@ -1 +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.js\";\n\ttype ColorPaletteDialog = any;\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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;"]}
+{"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,IAAI,CAAA,GAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,CAAC,CAAA,CAAC;AAC9M,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.js\";\n\ttype ColorPaletteDialog = any;\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: ColorPaletteDialog, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._showMoreColors ? block1.call(this, context, tags, suffix) : undefined } `;}\nfunction block1 (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.js

@@ -1,5 +1,5 @@
 /* eslint no-unused-vars: 0 */
 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>`; }
+function block0(context, tags, suffix) { return html `<div class="ui5-cp-item" style="${styleMap(this.styles.root)}" value="${ifDefined(this.value)}" tabindex="${ifDefined(this.forcedTabIndex)}" 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

@@ -1 +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.js\";\n\timport type ColorPaletteItem from \"../../ColorPaletteItem.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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;"]}
+{"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,cAAc,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;AAGrf,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.js\";\n\timport type ColorPaletteItem from \"../../ColorPaletteItem.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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.forcedTabIndex)}\" 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.js

@@ -1,6 +1,6 @@
 /* eslint no-unused-vars: 0 */
 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" ?open="${this._open}" .opener="${ifDefined(this.opener)}" @ui5-after-close="${ifDefined(this.onAfterClose)}"><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" ?open="${this._open}" .opener="${ifDefined(this.opener)}" @ui5-after-close="${ifDefined(this.onAfterClose)}"><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 block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow content-only-on-desktop placement="Bottom" ?open="${this._open}" .opener="${ifDefined(this.opener)}" @ui5-close="${ifDefined(this.onAfterClose)}"><div slot="header" class="ui5-cp-header"><${scopeTag("ui5-title", tags, suffix)} level="H5" wrapping-type="None">${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="Bottom" ?open="${this._open}" .opener="${ifDefined(this.opener)}" @ui5-close="${ifDefined(this.onAfterClose)}"><div slot="header" class="ui5-cp-header"><ui5-title level="H5" wrapping-type="None">${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

@@ -1 +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,sEAAsE,IAAI,CAAC,KAAK,cAAc,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,+CAA+C,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,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,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,6FAA6F,IAAI,CAAC,KAAK,cAAc,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,uBAAuB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,8EAA8E,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,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,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;AAC9yE,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.js\";\n\timport type ColorPalettePopover from \"../../ColorPalettePopover.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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\" ?open=\"${this._open}\" .opener=\"${ifDefined(this.opener)}\" @ui5-after-close=\"${ifDefined(this.onAfterClose)}\"><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 as typeof item & {_id?: any})._id || index, (item, 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\" ?open=\"${this._open}\" .opener=\"${ifDefined(this.opener)}\" @ui5-after-close=\"${ifDefined(this.onAfterClose)}\"><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 as typeof item & {_id?: any})._id || index, (item, 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;"]}
+{"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,iEAAiE,IAAI,CAAC,KAAK,cAAc,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,+CAA+C,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,MAAM,CAAC,oCAAoC,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,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,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,wFAAwF,IAAI,CAAC,KAAK,cAAc,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,yFAAyF,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,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,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;AAC9yE,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.js\";\n\timport type ColorPalettePopover from \"../../ColorPalettePopover.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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=\"Bottom\" ?open=\"${this._open}\" .opener=\"${ifDefined(this.opener)}\" @ui5-close=\"${ifDefined(this.onAfterClose)}\"><div slot=\"header\" class=\"ui5-cp-header\"><${scopeTag(\"ui5-title\", tags, suffix)} level=\"H5\" wrapping-type=\"None\">${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 as typeof item & {_id?: any})._id || index, (item, 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=\"Bottom\" ?open=\"${this._open}\" .opener=\"${ifDefined(this.opener)}\" @ui5-close=\"${ifDefined(this.onAfterClose)}\"><div slot=\"header\" class=\"ui5-cp-header\"><ui5-title level=\"H5\" wrapping-type=\"None\">${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 as typeof item & {_id?: any})._id || index, (item, 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.js

@@ -1,10 +1,11 @@
 /* eslint no-unused-vars: 0 */
 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 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>${this._showMoreColors ? block6.call(this, context, tags, suffix) : undefined} `; }
+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}>${ifDefined(this.colorPaletteDefaultColorText)}</${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}>${ifDefined(this.colorPaletteDefaultColorText)}</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 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.colorPaletteMoreColorsText)}</${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.colorPaletteMoreColorsText)}</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>`; }
+function block6(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=ColorPaletteTemplate.lit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPaletteTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPaletteTemplate.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.js\";\n\timport type ColorPalette from \"../../ColorPalette.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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;"]}
+{"version":3,"file":"ColorPaletteTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/ColorPaletteTemplate.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.js\";\n\timport type ColorPalette from \"../../ColorPalette.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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>${ this._showMoreColors ? block6.call(this, context, tags, suffix) : undefined } `;}\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}>${ifDefined(this.colorPaletteDefaultColorText)}</${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}>${ifDefined(this.colorPaletteDefaultColorText)}</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.colorPaletteMoreColorsText)}</${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.colorPaletteMoreColorsText)}</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, index) => (item as typeof item & {_id?: any})._id || index, (item, 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>`;}\nfunction block6 (this: ColorPalette, 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/ColorPickerTemplate.lit.js

@@ -1,5 +1,5 @@
 /* eslint no-unused-vars: 0 */
 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>`; }
+function block0(context, tags, suffix) { return suffix ? html `<section 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._value.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._value.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._value.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 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._value.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._value.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._value.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

@@ -1 +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.js\";\n\timport type ColorPicker from \"../../ColorPicker.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\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;"]}
+{"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.js\";\n\timport type ColorPicker from \"../../ColorPicker.js\";\n\timport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: ColorPicker, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<section 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._value.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._value.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._value.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 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._value.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._value.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._value.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.js

@@ -1,23 +1,24 @@
 /* eslint no-unused-vars: 0 */
 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)} class="ui5-combobox-items-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))}</${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 class="ui5-combobox-items-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></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}` : 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></div>${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}`; }
-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" wrapping-type="Normal" 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" wrapping-type="Normal" 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)}`; }
+function block0(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} class="${classMap(this.classes.popover)}" hide-arrow placement="Bottom" horizontal-align="Start" prevent-initial-focus style="${styleMap(this.styles.suggestionsPopover)}" @ui5-open=${ifDefined(this._afterOpenPopover)} @ui5-close=${ifDefined(this._afterClosePopover)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${this.loading} class="ui5-combobox-busy"></${scopeTag("ui5-busy-indicator", tags, suffix)}>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${scopeTag("ui5-list", tags, suffix)} class="ui5-combobox-items-list" separators="None" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} selection-mode="Single">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-list", tags, suffix)}>${this._isPhone ? block15.call(this, context, tags, suffix) : undefined}</${scopeTag("ui5-responsive-popover", tags, suffix)}>${this.shouldOpenValueStateMessagePopover ? block16.call(this, context, tags, suffix) : undefined} ` : html `<ui5-responsive-popover class="${classMap(this.classes.popover)}" hide-arrow placement="Bottom" horizontal-align="Start" prevent-initial-focus style="${styleMap(this.styles.suggestionsPopover)}" @ui5-open=${ifDefined(this._afterOpenPopover)} @ui5-close=${ifDefined(this._afterClosePopover)}><ui5-busy-indicator ?active=${this.loading} class="ui5-combobox-busy"></ui5-busy-indicator>${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<ui5-list class="ui5-combobox-items-list" separators="None" @ui5-item-click=${ifDefined(this._selectItem)} @ui5-item-focused=${ifDefined(this._onItemFocus)} @mousedown=${this._itemMousedown} selection-mode="Single">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}</ui5-list>${this._isPhone ? block15.call(this, context, tags, suffix) : undefined}</ui5-responsive-popover>${this.shouldOpenValueStateMessagePopover ? block16.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"><${scopeTag("ui5-input", tags, suffix)} .value="${ifDefined(this.value)}" @ui5-input="${ifDefined(this._handleMobileInput)}" @ui5-change="${ifDefined(this._inputChange)}" placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" ?show-clear-icon="${this.showClearIcon}" ?no-typeahead="${this.noTypeahead}">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</${scopeTag("ui5-input", tags, suffix)}></div></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}` : 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"><ui5-input .value="${ifDefined(this.value)}" @ui5-input="${ifDefined(this._handleMobileInput)}" @ui5-change="${ifDefined(this._inputChange)}" placeholder="${ifDefined(this.placeholder)}" value-state="${ifDefined(this.valueState)}" ?show-clear-icon="${this.showClearIcon}" ?no-typeahead="${this.noTypeahead}">${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</ui5-input></div></div>${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}`; }
+function block2(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-suggestion-item", tags, suffix)} text="${ifDefined(item.text)}" additional-text="${ifDefined(item.additionalText)}"></${scopeTag("ui5-suggestion-item", tags, suffix)}>` : html `<ui5-suggestion-item text="${ifDefined(item.text)}" additional-text="${ifDefined(item.additionalText)}"></ui5-suggestion-item>`; }
+function block3(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 ? block4.call(this, context, tags, suffix) : block5.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 ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}</div>`; }
+function block4(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block5(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`; }
+function block6(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
+function block7(context, tags, suffix) { return html `${this.hasValueStateText ? block8.call(this, context, tags, suffix) : undefined}`; }
+function block8(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 ? block9.call(this, context, tags, suffix) : block10.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 ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}</div>`; }
+function block9(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block10(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}`; }
+function block11(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
+function block12(context, tags, suffix, item, index) { return html `${item.isGroupItem ? block13.call(this, context, tags, suffix, item, index) : block14.call(this, context, tags, suffix, item, index)}`; }
+function block13(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li-group-header", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}</${scopeTag("ui5-li-group-header", tags, suffix)}>` : html `<ui5-li-group-header ?focused=${item.focused}>${ifDefined(item.text)}</ui5-li-group-header>`; }
+function block14(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li", tags, suffix)} type="Active" wrapping-type="Normal" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused} data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.text)}</${scopeTag("ui5-li", tags, suffix)}>` : html `<ui5-li type="Active" wrapping-type="Normal" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} ._tabIndex=${ifDefined(item.itemTabIndex)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused} data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.text)}</ui5-li>`; }
+function block15(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 block16(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update prevent-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(this._valueStatePopoverHorizontalAlign)}" placement="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 ? block17.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix)}</div></${scopeTag("ui5-popover", tags, suffix)}>` : html `<ui5-popover skip-registry-update prevent-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(this._valueStatePopoverHorizontalAlign)}" placement="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 ? block17.call(this, context, tags, suffix) : block18.call(this, context, tags, suffix)}</div></ui5-popover>`; }
+function block17(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
+function block18(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block19.call(this, context, tags, suffix, item, index))}`; }
+function block19(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
 export default block0;
 //# sourceMappingURL=ComboBoxPopoverTemplate.lit.js.map