package.dist.generated.templates.ComboBoxPopoverTemplate.lit.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of webcomponents Show documentation
UI5 Web Components: webcomponents.main
The newest version!
/* 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)}" tabindex="-1" hide-arrow prevent-focus-restore prevent-initial-focus placement="Bottom" horizontal-align="Start" style="${styleMap(this.styles.suggestionsPopover)}" @ui5-before-open="${ifDefined(this._beforeOpenPopover)}" @ui5-open=${ifDefined(this._afterOpenPopover)} @ui5-close=${ifDefined(this._afterClosePopover)} @keydown=${this._handlePopoverKeydown} @focusout=${this._handlePopoverFocusout} accessible-name="${ifDefined(this._popupLabel)}" .open=${ifDefined(this.open)} .opener=${ifDefined(this)}><${scopeTag("ui5-busy-indicator", tags, suffix)} ?active=${this.loading} class="ui5-combobox-busy">${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${scopeTag("ui5-list", tags, suffix)} accessible-role="ListBox" 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))}${this._isPhone ? block18.call(this, context, tags, suffix) : undefined}${this.shouldOpenValueStateMessagePopover ? block19.call(this, context, tags, suffix) : undefined} ` : html `${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}${this._isPhone ? block18.call(this, context, tags, suffix) : undefined}${this.shouldOpenValueStateMessagePopover ? block19.call(this, context, tags, suffix) : undefined} `; }
function block1(context, tags, suffix) { return suffix ? html `${ifDefined(this._headerTitleText)}<${scopeTag("ui5-button", tags, suffix)} class="ui5-responsive-popover-close-btn" icon="decline" design="Transparent" @click="${this._closeRespPopover}">
<${scopeTag("ui5-input", tags, suffix)} @keydown="${this._handleMobileKeydown}" @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}" .open=${ifDefined(this.openOnMobile)}>${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}
${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}` : html `${ifDefined(this._headerTitleText)}
${repeat(this._filteredItems, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}${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)}">` : html ``; }
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}">${this.open ? block4.call(this, context, tags, suffix) : undefined}
` : html `${this.open ? block4.call(this, context, tags, suffix) : undefined}`; }
function block4(context, tags, suffix) { return html `${this.shouldDisplayDefaultValueStateMessage ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}`; }
function block5(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
function block6(context, tags, suffix) { return html ``; }
function block7(context, tags, suffix) { return html `${this.hasValueStateText ? block8.call(this, context, tags, suffix) : undefined}`; }
function block8(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}">${this.open ? block9.call(this, context, tags, suffix) : undefined}
` : html `${this.open ? block9.call(this, context, tags, suffix) : undefined}`; }
function block9(context, tags, suffix) { return html `${this.shouldDisplayDefaultValueStateMessage ? block10.call(this, context, tags, suffix) : block11.call(this, context, tags, suffix)}`; }
function block10(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
function block11(context, tags, suffix) { return html ``; }
function block12(context, tags, suffix, item, index) { return html `${item.isGroupItem ? block13.call(this, context, tags, suffix, item, index) : block17.call(this, context, tags, suffix, item, index)}`; }
function block13(context, tags, suffix, item, index) { return html `${item._isVisible ? block14.call(this, context, tags, suffix, item, index) : undefined}`; }
function block14(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li-group", tags, suffix)} header-text="${ifDefined(item.headerText)}" ?focused=${item.focused}>${repeat(item.items, (item, index) => item._id || index, (item, index) => block15.call(this, context, tags, suffix, item, index))}` : html `${repeat(item.items, (item, index) => item._id || index, (item, index) => block15.call(this, context, tags, suffix, item, index))}`; }
function block15(context, tags, suffix, item, index) { return html `${item._isVisible ? block16.call(this, context, tags, suffix, item, index) : undefined}`; }
function block16(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li", tags, suffix)} accessible-role="Option" type="Active" wrapping-type="Normal" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused} data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.text)}` : html `${ifDefined(item.text)}`; }
function block17(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li", tags, suffix)} accessible-role="Option" type="Active" wrapping-type="Normal" additional-text=${ifDefined(item.additionalText)} group-name=${ifDefined(item.groupName)} .mappedItem=${ifDefined(item)} ?selected=${item.selected} ?focused=${item.focused} data-ui5-stable="${ifDefined(item.stableDomRef)}">${ifDefined(item.text)}` : html `${ifDefined(item.text)}`; }
function block18(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${this._closeRespPopover}">OK
` : html `OK`; }
function block19(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update prevent-initial-focus prevent-focus-restore hide-arrow tabindex="-1" class="ui5-valuestatemessage-popover" horizontal-align="${ifDefined(this._valueStatePopoverHorizontalAlign)}" placement="Bottom" .opener="${ifDefined(this)}" .open="${ifDefined(this.valueStateOpen)}" @ui5-close="${ifDefined(this._handleValueStatePopoverAfterClose)}" @focusout=${this._handleValueStatePopoverFocusout}><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageIcon)}">${this.shouldDisplayDefaultValueStateMessage ? block20.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block20.call(this, context, tags, suffix) : block21.call(this, context, tags, suffix)}`; }
function block20(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }
function block21(context, tags, suffix) { return html ``; }
export default block0;
//# sourceMappingURL=ComboBoxPopoverTemplate.lit.js.map