• Home
• org.mvnpm.at.ui5
• webcomponents
• 2.1.2
• source code
• SelectPopoverTemplate.lit.js

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

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

/* 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 `${this.options ? block1.call(this, context, tags, suffix) : undefined}${this.shouldOpenValueStateMessagePopover ? block12.call(this, context, tags, suffix) : undefined} `; }
function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} hide-arrow prevent-initial-focus part="popover" placement="Bottom" class="ui5-select-popover ${classMap(this.classes.popover)}" horizontal-align="Start" @ui5-open="${ifDefined(this._afterOpen)}" @ui5-before-open="${ifDefined(this._beforeOpen)}" @ui5-close="${ifDefined(this._afterClose)}" @keydown="${this._onkeydown}" style=${styleMap(this.styles.responsivePopover)}>${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}<${scopeTag("ui5-list", tags, suffix)} mode="SingleAuto" separators="None" @mousedown="${this._itemMousedown}" @ui5-item-click="${ifDefined(this._handleItemPress)}">` : html `${this._isPhone ? block2.call(this, context, tags, suffix) : undefined}${!this._isPhone ? block7.call(this, context, tags, suffix) : undefined}`; }
function block2(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._toggleRespPopover}">
${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}
` : html `
${ifDefined(this._headerTitleText)}
${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}
`; }
function block3(context, tags, suffix) { return html `
${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}
`; }
function block4(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }
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 `
<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageInputIcon)}">${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
` : html `
${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
`; }
function block9(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }
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) { return suffix ? html `<${scopeTag("ui5-popover", tags, suffix)} part="popover" skip-registry-update prevent-initial-focus prevent-focus-restore hide-arrow class="ui5-valuestatemessage-popover" placement="Bottom" horizontal-align="Start">
<${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(this._valueStateMessageInputIcon)}">${this.shouldDisplayDefaultValueStateMessage ? block13.call(this, context, tags, suffix) : block14.call(this, context, tags, suffix)}
` : html `
${this.shouldDisplayDefaultValueStateMessage ? block13.call(this, context, tags, suffix) : block14.call(this, context, tags, suffix)}`; }
function block13(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }
function block14(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block15.call(this, context, tags, suffix, item, index))}`; }
function block15(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
export default block0;
//# sourceMappingURL=SelectPopoverTemplate.lit.js.map