@aqua-ds/web-components
Version:
AquaDS Web Components
77 lines (73 loc) • 3.38 kB
JavaScript
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 };