@aqua-ds/web-components
Version:
AquaDS Web Components
37 lines (33 loc) • 5.46 kB
JavaScript
import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
const aqDropdownItemCss = ".aq-dropdown-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:4px 12px;min-height:28px;font-size:14px;line-height:20px;color:var(--color-ink-base);text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex:none;flex:none;-ms-flex-align:center;align-items:center}.aq-dropdown-item [class^=aq-icon-]{font-size:16px;line-height:20px;margin-right:2px}.aq-dropdown-item:hover{background-color:var(--color-paper-lighter);-webkit-box-shadow:var(--shadow-basic);box-shadow:var(--shadow-basic)}.aq-dropdown-item--label-variant{cursor:none;-ms-flex-align:end;align-items:flex-end;pointer-events:none}.aq-dropdown-item--label-variant:hover{background-color:white}.aq-dropdown-item--label-variant .aq-label{color:#8a8e96}.aq-dropdown-item--divider-variant{cursor:none;pointer-events:none;-ms-flex-align:center;align-items:center}.aq-dropdown-item--divider-variant:hover{background-color:white}.aq-dropdown-item:active{background-color:var(--color-paper-light)}.aq-dropdown-item:link:active,.aq-dropdown-item:visited:active,.aq-dropdown-item:-webkit-any-link{color:var(--color-ink-base)}.aq-dropdown-item span{white-space:break-spaces;text-overflow:ellipsis;overflow:hidden}.aq-dropdown-item a{text-decoration:inherit;display:inherit}.aq-dropdown-item a:link:active,.aq-dropdown-item a:visited:active,.aq-dropdown-item a:-webkit-any-link{color:inherit}.aq-dropdown-item--disabled{color:var(--color-paper-dark);background-color:white;pointer-events:none}.aq-dropdown-item--temporal{background:#f3f3f6 !important}.aq-dropdown-item--selected{background-color:var(--color-primary-lighter)}.aq-dropdown-item--selected.aq-dropdown-item:hover{background-color:var(--color-primary-lighter)}.aq-dropdown-item .aq-checkbox-container{margin-right:4px}.aq-dropdown-item--multiple{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.aq-dropdown-item--multiple .aq-dropdown-item__text{margin-left:8px}.aq-dropdown-item__text{display:-ms-flexbox;display:flex;width:100%;white-space:nowrap;text-overflow:ellipsis;-ms-flex-align:center;align-items:center;overflow:hidden}.aq-dropdown-item__text [class^=aq-icon-]{font-size:16px;line-height:20px;margin-right:2px}.aq-dropdown-item__text--selected{font-weight:bold}.aq-dropdown-item__text--no-margin{margin-left:0 !important}.aq-dropdown-item__text--radio-variant{margin-right:4px}.aq-dropdown-item--select-all{margin-top:8px;margin-bottom:15px;position:relative}.aq-dropdown-item--select-all:hover{background:transparent !important;cursor:auto}.aq-dropdown-item__buttons-select-all{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.aq-dropdown-item__buttons-select-all>div{display:-ms-flexbox;display:flex;width:100%}.aq-dropdown-item__buttons-select-all .aq-button{width:100%}.aq-dropdown-item__button-select-all-left{margin-right:2px}.aq-dropdown-item__button-select-all-right{margin-left:2px}.aq-dropdown-item__separator{position:absolute;width:100%;border-bottom:1px solid #192354;opacity:0.1;bottom:-8px;left:0}.aq-dropdown-item__icon-list-down{font-size:12px !important;position:absolute;top:10px;left:4px;-webkit-transition:0.2s ease;transition:0.2s ease;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.aq-dropdown-item__icon-list-down--active{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.aq-dropdown-item__button-list-down{border:none;width:20px;height:20px;padding:0;background:transparent;-webkit-box-shadow:none !important;box-shadow:none !important}.aq-dropdown-item__flag{border-radius:4px;width:22px !important;margin-right:4px;height:16px;margin-top:2px}.aq-dropdown-item__flag--country{width:50px !important;height:39px;margin:-14px -8px -14px -10px !important;border-radius:8px;transform:scale(0.47) !important;-ms-transform:scale(0.47) !important;-webkit-transform:scale(0.47) !important;-moz-transform:scale(0.47) !important}.aq-dropdown-item__flag--country--slot{margin-top:-9px !important}.aq-dropdown-item__country{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}";
const AqDropdownItem = /*@__PURE__*/ proxyCustomElement(class AqDropdownItem extends HTMLElement {
constructor(registerHost) {
super();
if (registerHost !== false) {
this.__registerHost();
}
this.selection = createEvent(this, "selection", 7);
}
clicked() {
this.selection.emit();
}
render() {
return (h("div", { key: '02d92514a2dd038f051a04216618d37cfe4e79fe', class: "aq-dropdown-item", onClick: () => this.clicked() }, h("slot", { key: 'f59cad192504dd8a396d6790e4c761e2895ebe2e' }, " ")));
}
get el() { return this; }
static get style() { return aqDropdownItemCss; }
}, [260, "aq-dropdown-item"]);
function defineCustomElement() {
if (typeof customElements === "undefined") {
return;
}
const components = ["aq-dropdown-item"];
components.forEach(tagName => { switch (tagName) {
case "aq-dropdown-item":
if (!customElements.get(tagName)) {
customElements.define(tagName, AqDropdownItem);
}
break;
} });
}
export { AqDropdownItem as A, defineCustomElement as d };