UNPKG

@aqua-ds/web-components

Version:
77 lines (73 loc) 3.38 kB
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client'; import { d as defineCustomElement$3 } from './aq-button2.js'; import { d as defineCustomElement$2 } from './aq-tooltip2.js'; import { d as defineCustomElement$1 } from './aq-virtual-list2.js'; const aqListMenuHostCss = ""; const AqListMenu = /*@__PURE__*/ proxyCustomElement(class AqListMenu extends HTMLElement { constructor(registerHost) { super(); if (registerHost !== false) { this.__registerHost(); } } get getAllowSelectAll() { return h("div", null, this.allowSelectAll && h("aq-button", null, "Select All 11")); } onUpdate() { this.executeEventToVirtualList('update'); } onUpdateContent(evt) { this.executeEventToVirtualList('updateContent', { detail: evt.detail }); } executeEventToVirtualList(evtName, payload) { const virtualList = this.el.querySelector('aq-virtual-list'); const event = new CustomEvent(evtName, payload); virtualList.dispatchEvent(event); } render() { const getAllowSelectAll = this.getAllowSelectAll; return (h(Host, { key: '36b9ebf430559800ee822592462ad1a4ac6eb7c8' }, h("div", { key: 'd95bd88b3a4753f284362e524655eea7e869340f', class: "aq-list-menu-host" }, h("aq-virtual-list", { key: 'f36e55b1f8795a1c364ac93a8c70b3808bc20367', "is-dynamic": this.isDynamic, popoverWidth: this.popoverWidth, container: this.container, activator: this.activator }, h("slot", { key: 'ce368fde054f5787d82543a2779a4bf377501dd4', name: "header", slot: "header" }), h("div", { key: 'd32ec5ba9cab61669129a2e14136562bedadb4ba' }, getAllowSelectAll), h("slot", { key: '3c4e43b8f78a4591b934ec77e29fe645cb65ac6f', name: "content", slot: "content" }), h("slot", { key: 'fa654baa1ffecf92f5f65e287c5a9b2201321c0d', name: "footer", slot: "footer" }))))); } get el() { return this; } static get style() { return aqListMenuHostCss; } }, [260, "aq-list-menu", { "elementRow": [4, "element-row"], "additionalConfig": [16, "additional-config"], "popoverWidth": [8, "popover-width"], "container": [16], "activator": [16], "config": [16], "isDynamic": [4, "is-dynamic"], "allowSelectAll": [4, "allow-select-all"], "virtualScroll": [32], "slot": [32] }, [[0, "update", "onUpdate"], [0, "updateContent", "onUpdateContent"]]]); function defineCustomElement() { if (typeof customElements === "undefined") { return; } const components = ["aq-list-menu", "aq-button", "aq-tooltip", "aq-virtual-list"]; components.forEach(tagName => { switch (tagName) { case "aq-list-menu": if (!customElements.get(tagName)) { customElements.define(tagName, AqListMenu); } break; case "aq-button": if (!customElements.get(tagName)) { defineCustomElement$3(); } break; case "aq-tooltip": if (!customElements.get(tagName)) { defineCustomElement$2(); } break; case "aq-virtual-list": if (!customElements.get(tagName)) { defineCustomElement$1(); } break; } }); } export { AqListMenu as A, defineCustomElement as d };