package.dist.generated.templates.TokenizerTemplate.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, styleMap, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
function block0(context, tags, suffix) { return suffix ? html `${repeat(this.tokens, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}
${this.showNMore ? block2.call(this, context, tags, suffix) : undefined}
<${scopeTag("ui5-responsive-popover", tags, suffix)} tokenizer-popover="true" ?open="${this.open}" .opener="${ifDefined(this.morePopoverOpener)}" style=${styleMap(this.styles.popover)} content-only-on-desktop prevent-focus-restore ?hide-arrow="${this.hidePopoverArrow}" placement="Bottom" horizontal-align="Start" @ui5-before-close="${ifDefined(this.handleBeforeClose)}" @ui5-close="${ifDefined(this.handleAfterClose)}" @ui5-before-open="${ifDefined(this.handleBeforeOpen)}">${this._isPhone ? block3.call(this, context, tags, suffix) : undefined}<${scopeTag("ui5-list", tags, suffix)} class="ui5-tokenizer-list" selection-mode=${ifDefined(this._nMoreListMode)} separators="None" @keydown="${this._onPopoverListKeydown}" @ui5-item-delete=${ifDefined(this.itemDelete)}>${repeat(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}${this._isPhone ? block6.call(this, context, tags, suffix) : undefined}` : html `${repeat(this.tokens, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}
${this.showNMore ? block2.call(this, context, tags, suffix) : undefined}
${this._isPhone ? block3.call(this, context, tags, suffix) : undefined}${repeat(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}${this._isPhone ? block6.call(this, context, tags, suffix) : undefined}`; }
function block1(context, tags, suffix, item, index) { return html ``; }
function block2(context, tags, suffix) { return html `${ifDefined(this._nMoreText)}`; }
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-title", tags, suffix)} level="H1" wrapping-type="None" class="ui5-responsive-popover-header-text">${ifDefined(this.morePopoverTitle)}
` : html `${ifDefined(this.morePopoverTitle)}`; }
function block4(context, tags, suffix, item, index) { return html `${item._isVisible ? block5.call(this, context, tags, suffix, item, index) : undefined}`; }
function block5(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag("ui5-li", tags, suffix)} .tokenRef=${ifDefined(item)} wrapping-type="Normal">${ifDefined(item.text)}` : html `${ifDefined(item.text)}`; }
function block6(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} design="Emphasized" data-ui5-tokenizer-dialog-ok-button @click="${this.handleDialogButtonPress}">OK<${scopeTag("ui5-button", tags, suffix)} design="Transparent" @click="${this.handleDialogButtonPress}">Cancel
` : html `OKCancel`; }
export default block0;
//# sourceMappingURL=TokenizerTemplate.lit.js.map