All Downloads are FREE. Search and download functionalities are using the official Maven repository.

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

Go to download

UI5 Web Components: webcomponents.main

The newest version!
/* 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 `${this._href ? block1.call(this, context, tags, suffix) : block24.call(this, context, tags, suffix)}${this.hasSubmenu ? block47.call(this, context, tags, suffix) : undefined}`; }
function block1(context, tags, suffix) { return html `
  • ${this.placeSelectionElementBefore ? block2.call(this, context, tags, suffix) : undefined}${this._hasHighlightColor ? block8.call(this, context, tags, suffix) : undefined}
    ${this.hasIcon ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}${ifDefined(this.text)}
    ${this.hasSubmenu ? block12.call(this, context, tags, suffix) : undefined}${this.href ? block13.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block15.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block16.call(this, context, tags, suffix) : undefined}${this.navigated ? block17.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block18.call(this, context, tags, suffix) : undefined}${ifDefined(this._accInfo.listItemAriaLabel)}${ifDefined(this.accessibleName)}${ifDefined(this._accInfo.ariaSelectedText)}
    • `; }
function block2(context, tags, suffix) { return html `${this.modeSingleSelect ? block3.call(this, context, tags, suffix) : undefined}${this.modeMultiple ? block4.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block5.call(this, context, tags, suffix) : undefined}`; }
function block3(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-radio-button", tags, suffix)} part="radio" ?disabled="${this.isInactive}" accessible-name="${ifDefined(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}">` : html ``; }
function block4(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} part="checkbox" ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${ifDefined(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${ifDefined(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}">` : html ``; }
function block5(context, tags, suffix) { return html `
    ${this.hasDeleteButtonSlot ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}
    `; }
function block6(context, tags, suffix) { return html ``; }
function block7(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} part="delete-button" tabindex="-1" data-sap-no-tab-ref id="${ifDefined(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${ifDefined(this.deleteText)}">` : html ``; }
function block8(context, tags, suffix) { return html `
    `; }
function block9(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} part="icon" class="ui5-li-icon" name="${ifDefined(this.icon)}">` : html ``; }
function block10(context, tags, suffix) { return html `${this._siblingsWithIcon ? block11.call(this, context, tags, suffix) : undefined}`; }
function block11(context, tags, suffix) { return html `
    `; }
function block12(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="slim-arrow-right" class="ui5-menu-item-icon-end">` : html ``; }
function block13(context, tags, suffix) { return html `${this.target ? block14.call(this, context, tags, suffix) : undefined}`; }
function block14(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="ui5-sn-item-external-link-icon" name="arrow-right">` : html ``; }
function block15(context, tags, suffix) { return suffix ? html `
    <${scopeTag("ui5-button", tags, suffix)} part="detail-button" design="Transparent" icon="edit" @click="${this.onDetailClick}">
    ` : html `
    `; }
function block16(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name ="slim-arrow-right">` : html ``; }
function block17(context, tags, suffix) { return html `
    `; }
function block18(context, tags, suffix) { return html `${this.modeSingleSelect ? block19.call(this, context, tags, suffix) : undefined}${this.modeMultiple ? block20.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block21.call(this, context, tags, suffix) : undefined}`; }
function block19(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-radio-button", tags, suffix)} part="radio" ?disabled="${this.isInactive}" accessible-name="${ifDefined(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}">` : html ``; }
function block20(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} part="checkbox" ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${ifDefined(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${ifDefined(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}">` : html ``; }
function block21(context, tags, suffix) { return html `
    ${this.hasDeleteButtonSlot ? block22.call(this, context, tags, suffix) : block23.call(this, context, tags, suffix)}
    `; }
function block22(context, tags, suffix) { return html ``; }
function block23(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} part="delete-button" tabindex="-1" data-sap-no-tab-ref id="${ifDefined(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${ifDefined(this.deleteText)}">` : html ``; }
function block24(context, tags, suffix) { return html `
  • ${this.placeSelectionElementBefore ? block25.call(this, context, tags, suffix) : undefined}${this._hasHighlightColor ? block31.call(this, context, tags, suffix) : undefined}
    ${this.hasIcon ? block32.call(this, context, tags, suffix) : block33.call(this, context, tags, suffix)}${ifDefined(this.text)}
    ${this.hasSubmenu ? block35.call(this, context, tags, suffix) : undefined}${this.href ? block36.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block38.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block39.call(this, context, tags, suffix) : undefined}${this.navigated ? block40.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block41.call(this, context, tags, suffix) : undefined}${ifDefined(this._accInfo.listItemAriaLabel)}${ifDefined(this.accessibleName)}${ifDefined(this._accInfo.ariaSelectedText)}
    • `; }
function block25(context, tags, suffix) { return html `${this.modeSingleSelect ? block26.call(this, context, tags, suffix) : undefined}${this.modeMultiple ? block27.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block28.call(this, context, tags, suffix) : undefined}`; }
function block26(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-radio-button", tags, suffix)} part="radio" ?disabled="${this.isInactive}" accessible-name="${ifDefined(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}">` : html ``; }
function block27(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} part="checkbox" ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${ifDefined(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${ifDefined(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}">` : html ``; }
function block28(context, tags, suffix) { return html `
    ${this.hasDeleteButtonSlot ? block29.call(this, context, tags, suffix) : block30.call(this, context, tags, suffix)}
    `; }
function block29(context, tags, suffix) { return html ``; }
function block30(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} part="delete-button" tabindex="-1" data-sap-no-tab-ref id="${ifDefined(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${ifDefined(this.deleteText)}">` : html ``; }
function block31(context, tags, suffix) { return html `
    `; }
function block32(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} part="icon" class="ui5-li-icon" name="${ifDefined(this.icon)}">` : html ``; }
function block33(context, tags, suffix) { return html `${this._siblingsWithIcon ? block34.call(this, context, tags, suffix) : undefined}`; }
function block34(context, tags, suffix) { return html `
    `; }
function block35(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="slim-arrow-right" class="ui5-menu-item-icon-end">` : html ``; }
function block36(context, tags, suffix) { return html `${this.target ? block37.call(this, context, tags, suffix) : undefined}`; }
function block37(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} class="ui5-sn-item-external-link-icon" name="arrow-right">` : html ``; }
function block38(context, tags, suffix) { return suffix ? html `
    <${scopeTag("ui5-button", tags, suffix)} part="detail-button" design="Transparent" icon="edit" @click="${this.onDetailClick}">
    ` : html `
    `; }
function block39(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-icon", tags, suffix)} name ="slim-arrow-right">` : html ``; }
function block40(context, tags, suffix) { return html `
    `; }
function block41(context, tags, suffix) { return html `${this.modeSingleSelect ? block42.call(this, context, tags, suffix) : undefined}${this.modeMultiple ? block43.call(this, context, tags, suffix) : undefined}${this.renderDeleteButton ? block44.call(this, context, tags, suffix) : undefined}`; }
function block42(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-radio-button", tags, suffix)} part="radio" ?disabled="${this.isInactive}" accessible-name="${ifDefined(this._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(this._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${this.selected}" @click="${this.onSingleSelectionComponentPress}">` : html ``; }
function block43(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-checkbox", tags, suffix)} part="checkbox" ?disabled="${this.isInactive}" ?indeterminate=${this.indeterminate} tabindex="-1" id="${ifDefined(this._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${this.selected}" accessible-name="${ifDefined(this._accInfo.ariaLabel)}" @click="${this.onMultiSelectionComponentPress}">` : html ``; }
function block44(context, tags, suffix) { return html `
    ${this.hasDeleteButtonSlot ? block45.call(this, context, tags, suffix) : block46.call(this, context, tags, suffix)}
    `; }
function block45(context, tags, suffix) { return html ``; }
function block46(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} part="delete-button" tabindex="-1" data-sap-no-tab-ref id="${ifDefined(this._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${this.disableDeleteButton}" @click="${this.onDelete}" tooltip="${ifDefined(this.deleteText)}">` : html ``; }
function block47(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(this._id)}-navigation-menu-rp" class="ui5-menu-rp ui5-navigation-menu" vertical-align="Center" sub-menu prevent-initial-focus prevent-focus-restore accessible-name-ref="${ifDefined(this._id)}-navigationMenuPopoverText" @ui5-before-open=${ifDefined(this._beforePopoverOpen)} @ui5-open=${ifDefined(this._afterPopoverOpen)} @ui5-before-close=${ifDefined(this._beforePopoverClose)} @ui5-close=${ifDefined(this._afterPopoverClose)}>${ifDefined(this.accSideNavigationPopoverHiddenText)}${this.isPhone ? block48.call(this, context, tags, suffix) : undefined}
    ${this.items.length ? block50.call(this, context, tags, suffix) : block51.call(this, context, tags, suffix)}
    ` : html `${ifDefined(this.accSideNavigationPopoverHiddenText)}${this.isPhone ? block48.call(this, context, tags, suffix) : undefined}
    ${this.items.length ? block50.call(this, context, tags, suffix) : block51.call(this, context, tags, suffix)}
    `; }
function block48(context, tags, suffix) { return suffix ? html `
    ${this.isSubMenuOpen ? block49.call(this, context, tags, suffix) : undefined}
    ${ifDefined(this.menuHeaderTextPhone)}
    <${scopeTag("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${ifDefined(this.labelClose)}" @click=${this._closeAll}>
    ` : html `
    ${this.isSubMenuOpen ? block49.call(this, context, tags, suffix) : undefined}
    ${ifDefined(this.menuHeaderTextPhone)}
    `; }
function block49(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-button", tags, suffix)} icon="nav-back" class="ui5-menu-back-button" design="Transparent" aria-label="${ifDefined(this.labelBack)}" @click=${this._close}>` : html ``; }
function block50(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-list", tags, suffix)} accessible-role="tree" id="${ifDefined(this._id)}-menu-list" selection-mode="None" ?loading="${this.loading}" loading-delay="${ifDefined(this.loadingDelay)}" separators="None" @ui5-close-menu=${ifDefined(this._close)}>` : html ``; }
function block51(context, tags, suffix) { return html `${this.loading ? block52.call(this, context, tags, suffix) : undefined}`; }
function block52(context, tags, suffix) { return suffix ? html `<${scopeTag("ui5-busy-indicator", tags, suffix)} id="${ifDefined(this._id)}-menu-busy-indicator" delay="${ifDefined(this.loadingDelay)}" class="ui5-menu-busy-indicator" active>` : html ``; }
export default block0;
//# sourceMappingURL=NavigationMenuItemTemplate.lit.js.map




    © 2015 - 2024 Weber Informatics LLC | Privacy Policy