@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.6

package/components/index-CMvLpPKD-DoxJRhRP.cjs

@@ -0,0 +1,95 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const l=require("./property-ChsOQ1Yj.cjs"),f=require("./if-defined-BSAr_4u4-CNmaFBUP.cjs"),I=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs"),S=require("./divider.module-DwOuLGU3-Bg8RrFkc.cjs"),C=require("./directive-helpers-nlQRAaQt-CQ_hWlbQ.cjs"),E=require("./query-assigned-nodes-C76XVPWY-BcyGjObB.cjs"),w=require("./element-resolution-FCUT-wql-DSTvdyds.cjs"),b=require("./observe-slot-text-ggb4kKgY-DqsddtTd.cjs"),A=require("./index-DC2Pby0z.cjs"),z=require("@luzmo/icons"),M=require("./index-DDleIdd8.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const p=Symbol("slotContentIsPresent");function R(r,e){var t,o;const i=Array.isArray(e)?e:[e];class n extends(o=r,t=p,o){constructor(...c){super(c),this[t]=new Map,this.managePresenceObservedSlot=()=>{let d=!1;i.forEach(v=>{const g=!!this.querySelector(`:scope > ${v}`),x=this[p].get(v)||!1;d=d||x!==g,this[p].set(v,!!this.querySelector(`:scope > ${v}`))}),d&&this.updateComplete.then(()=>{this.requestUpdate()})},new b.a(this,{config:{childList:!0,subtree:!0},callback:()=>{this.managePresenceObservedSlot()}}),this.managePresenceObservedSlot()}get slotContentIsPresent(){if(i.length===1)return this[p].get(i[0])||!1;throw new Error("Multiple selectors provided to `ObserveSlotPresence` use `getSlotContentPresence(selector: string)` instead.")}getSlotContentPresence(c){if(this[p].has(c))return this[p].get(c)||!1;throw new Error(`The provided selector \`${c}\` is not being observed.`)}}return n}const P=":host{--menu-item-top-to-action: var(--luzmo-spacing-1);--menu-item-top-to-checkbox: var(--luzmo-spacing-1);--menu-item-label-line-height: var(--luzmo-line-height);--menu-item-label-line-height-cjk: 1.5;--menu-item-label-to-description-spacing: 1px;--menu-item-focus-indicator-width: var(--luzmo-indicator-width);--menu-item-focus-indicator-color: var(--luzmo-indicator-color);--menu-item-label-to-value-area-min-spacing: var(--luzmo-spacing-3);--menu-item-label-content-color-default: var(--luzmo-font-color);--menu-item-label-content-color-hover: var(--luzmo-font-color-hover);--menu-item-label-content-color-down: var(--luzmo-font-color-down);--menu-item-label-content-color-focus: var(--luzmo-font-color-focus);--menu-item-highlight-label-background-color: var(--luzmo-primary);--menu-item-highlight-label-content-color: var(--luzmo-font-color);--menu-item-highlight-label-content-color-hover: var( --luzmo-font-color-hover );--menu-item-highlight-label-content-color-down: var(--luzmo-font-color-down);--menu-item-highlight-label-content-color-focus: var( --luzmo-font-color-focus );--menu-item-label-icon-color-default: var(--luzmo-font-color);--menu-item-label-icon-color-hover: var(--luzmo-font-color-hover);--menu-item-label-icon-color-down: var(--luzmo-font-color-down);--menu-item-label-icon-color-focus: var(--luzmo-font-color-focus);--menu-item-label-content-color-disabled: var(--luzmo-font-color-disabled);--menu-item-label-icon-color-disabled: var(--luzmo-font-color-disabled);--menu-item-description-line-height: var(--luzmo-line-height);--menu-item-description-line-height-cjk: 1.5;--menu-item-description-color-default: var(--luzmo-font-color);--menu-item-description-color-hover: var(--luzmo-font-color-hover);--menu-item-description-color-down: var(--luzmo-font-color-down);--menu-item-description-color-focus: var(--luzmo-font-color-focus);--menu-item-description-color-disabled: var(--luzmo-color-disabled);--menu-section-header-line-height: var(--luzmo-line-height);--menu-section-header-line-height-cjk: 1.5;--menu-section-header-font-weight: bold;--menu-section-header-color: var(--luzmo-font-color-hard);--menu-collapsible-icon-color: var(--luzmo-font-color-hard);--menu-checkmark-icon-color-default: var(--luzmo-primary);--menu-checkmark-icon-color-hover: var(--luzmo-primary-hover);--menu-checkmark-icon-color-down: var(--luzmo-primary-down);--menu-checkmark-icon-color-focus: var(--luzmo-primary-focus);--menu-drillin-icon-color-default: var(--luzmo-font-color);--menu-drillin-icon-color-hover: var(--luzmo-font-color-hover);--menu-drillin-icon-color-down: var(--luzmo-font-color-down);--menu-drillin-icon-color-focus: var(--luzmo-font-color-focus);--menu-item-value-color-default: var(--luzmo-font-color);--menu-item-value-color-hover: var(--luzmo-font-color-hover);--menu-item-value-color-down: var(--luzmo-font-color-down);--menu-item-value-color-focus: var(--luzmo-font-color-focus);--menu-checkmark-display-hidden: none;--menu-checkmark-display-shown: block;--menu-checkmark-display: block;--menu-item-collapsible-no-icon-submenu-item-padding-x-start: 28px;--menu-item-background-color-selected: var(--luzmo-background-color);--menu-item-background-color-default: var(--luzmo-background-color);--menu-item-background-color-hover: var(--luzmo-background-color-hover);--menu-item-background-color-down: var(--luzmo-background-color-down);--menu-item-background-color-key-focus: var(--luzmo-background-color-focus)}:host{--menu-item-min-height: var(--luzmo-component-height);--menu-item-icon-height: var(--luzmo-font-size);--menu-item-icon-width: var(--luzmo-font-size);--menu-item-label-font-size: var(--luzmo-font-size);--menu-item-label-text-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-label-inline-edge-to-content: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-top-edge-to-text: var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-1);--menu-item-text-to-control: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-description-font-size: var(--luzmo-font-size-xs);--menu-section-header-font-size: var(--luzmo-font-size);--menu-section-header-min-width: var(--luzmo-component-height);--menu-item-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-item-checkmark-size: var(--luzmo-font-size-xs);--menu-item-angle-size: var(--luzmo-font-size);--menu-item-top-to-checkmark: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--menu-back-icon-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=s]){--menu-item-min-height: var(--luzmo-component-height-s);--menu-item-icon-height: var(--luzmo-font-size-s);--menu-item-icon-width: var(--luzmo-font-size-s);--menu-item-label-font-size: var(--luzmo-font-size-s);--menu-item-label-text-to-visual: var(--luzmo-spacing-3);--menu-item-label-inline-edge-to-content: var(--luzmo-spacing-3);--menu-item-top-edge-to-text: var(--luzmo-spacing-1);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-1);--menu-item-text-to-control: var(--luzmo-spacing-2);--menu-item-description-font-size: var(--luzmo-font-size-xs);--menu-section-header-font-size: var(--luzmo-font-size-s);--menu-section-header-min-width: var(--luzmo-component-height-s);--menu-item-selectable-edge-to-text-not-selected: var(--luzmo-spacing-3);--menu-item-checkmark-size: var(--luzmo-font-size-xs);--menu-item-angle-size: var(--luzmo-font-size-s);--menu-item-top-to-checkmark: var(--luzmo-spacing-3);--menu-back-icon-margin: var(--luzmo-spacing-3)}:host([size=l]){--menu-item-min-height: var(--luzmo-component-height-l);--menu-item-icon-height: var(--luzmo-font-size-l);--menu-item-icon-width: var(--luzmo-font-size-l);--menu-item-label-font-size: var(--luzmo-font-size-l);--menu-item-label-text-to-visual: var(--luzmo-spacing-4);--menu-item-label-inline-edge-to-content: var(--luzmo-spacing-4);--menu-item-top-edge-to-text: var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-2);--menu-item-text-to-control: var(--luzmo-spacing-3);--menu-item-description-font-size: var(--luzmo-font-size-s);--menu-section-header-font-size: var(--luzmo-font-size-l);--menu-section-header-min-width: var(--luzmo-component-height-l);--menu-item-selectable-edge-to-text-not-selected: var(--luzmo-spacing-4);--menu-item-checkmark-size: var(--luzmo-font-size-s);--menu-item-angle-size: var(--luzmo-font-size-l);--menu-item-top-to-checkmark: var(--luzmo-spacing-4);--menu-back-icon-margin: var(--luzmo-spacing-4)}:host([size=xl]){--menu-item-min-height: var(--luzmo-component-height-xl);--menu-item-icon-height: var(--font-size-xl);--menu-item-icon-width: var(--font-size-xl);--menu-item-label-font-size: var(--font-size-xl);--menu-item-label-text-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-label-inline-edge-to-content: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-top-edge-to-text: var(--luzmo-spacing-2);--menu-item-bottom-edge-to-text: var(--luzmo-spacing-2);--menu-item-text-to-control: var(--luzmo-spacing-4);--menu-item-description-font-size: var(--luzmo-font-size);--menu-section-header-font-size: var(--font-size-xl);--menu-section-header-min-width: var(--luzmo-component-height-xl);--menu-item-selectable-edge-to-text-not-selected: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-item-checkmark-size: var(--font-size);--menu-item-angle-size: var(--luzmo-font-size-xl);--menu-item-top-to-checkmark: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--menu-back-icon-margin: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([variant=highlight]){--menu-item-highlight-label-content-color: var(--luzmo-primary-inverse-color);--menu-item-highlight-label-content-color-hover: var( --luzmo-primary-inverse-color );--menu-item-highlight-label-content-color-down: var( --luzmo-primary-inverse-color );--menu-item-highlight-label-content-color-focus: var( --luzmo-primary-inverse-color )}@media (forced-colors: active){:host{--highcontrast-menu-item-background-color-default: ButtonFace;--highcontrast-menu-item-color-default: ButtonText;--highcontrast-menu-item-background-color-focus: Highlight;--highcontrast-menu-item-color-focus: HighlightText;--highcontrast-menu-checkmark-icon-color-default: Highlight;--highcontrast-menu-item-color-disabled: GrayText;--highcontrast-menu-item-focus-indicator-color: Highlight;--highcontrast-menu-item-selected-background-color: Highlight;--highcontrast-menu-item-selected-color: HighlightText}@supports (color: SelectedItem){:host{--highcontrast-menu-item-selected-background-color: SelectedItem;--highcontrast-menu-item-selected-color: SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-menu-inline-size, auto);box-sizing:border-box;margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host:lang(ja),:host:lang(ko),:host:lang(zh){--menu-item-label-line-height: var( --luzmo-menu-item-label-line-height-cjk, var(--menu-item-label-line-height-cjk) );--menu-item-description-line-height: var( --luzmo-menu-item-description-line-height-cjk, var(--menu-item-description-line-height-cjk) );--menu-section-header-line-height: var( --luzmo-menu-section-header-line-height-cjk, var(--menu-section-header-line-height-cjk) )}:host([selects]) ::slotted(luzmo-menu-item){--menu-checkmark-display: var(--menu-checkmark-display-hidden);padding-inline-start:var(--luzmo-menu-item-selectable-edge-to-text-not-selected, var(--menu-item-selectable-edge-to-text-not-selected))}:host([selects]) ::slotted(luzmo-menu-item[selected]){--menu-checkmark-display: var(--menu-checkmark-display-shown);padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content))}.luzmo-Menu-backIcon{margin-block:var(--luzmo-menu-back-icon-margin-block, var(--menu-back-icon-margin));margin-inline:var(--luzmo-menu-back-icon-margin-inline, var(--menu-back-icon-margin));fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-icon-color-default, var(--menu-section-header-color)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-icon-color-default, var(--menu-section-header-color)))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-sectionHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-section-header-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width, var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .luzmo-Menu-sectionHeading{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--luzmo-indicator-width) solid var(--luzmo-indicator-color);outline-offset:calc((var(--luzmo-indicator-width) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{display:inline-flex;flex-direction:column;width:100%}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";var D=Object.defineProperty,O=Object.getOwnPropertyDescriptor,h=(r,e,t,o)=>{for(var i=o>1?void 0:o?O(e,t):e,n=r.length-1,a;n>=0;n--)(a=r[n])&&(i=(o?a(e,t,i):a(i))||i);return o&&i&&D(e,t,i),i};function U(r,e){return!!e&&(r===e||r.contains(e))}class m extends I.m(l.kt,{noDefaultSize:!0}){constructor(){super(),this.label="",this.ignore=!1,this.value="",this.valueSeparator=",",this.selectedItems=[],this.focusedItemIndex=0,this.focusInItemIndex=0,this._selected=[],this.cacheUpdated=Promise.resolve(),this.childItemSet=new Set,this.selectedItemsMap=new Map,this._hasUpdatedSelectedItemIndex=!1,this._willUpdateItems=!1,this.pointerUpTarget=null,this.descendentOverlays=new Map,this.handleSubmenuClosed=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event("luzmo-menu-submenu-closed",{bubbles:!0,composed:!0}))},this.handleSubmenuOpened=e=>{e.stopPropagation(),e.composedPath()[0].dispatchEvent(new Event("luzmo-menu-submenu-opened",{bubbles:!0,composed:!0}));const t=this.childItems[this.focusedItemIndex];t&&(t.focused=!1);const o=e.composedPath().find(n=>this.childItemSet.has(n));if(!o)return;const i=this.childItems.indexOf(o);this.focusedItemIndex=i,this.focusInItemIndex=i},this.resolveCacheUpdated=()=>{},this.addEventListener("luzmo-menu-item-added-or-updated",this.onSelectableItemAddedOrUpdated),this.addEventListener("luzmo-menu-item-added-or-updated",this.onFocusableItemAddedOrUpdated,{capture:!0}),this.addEventListener("click",this.handleClick),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("focusin",this.handleFocusin),this.addEventListener("blur",this.handleBlur),this.addEventListener("luzmo-opened",this.handleSubmenuOpened),this.addEventListener("luzmo-closed",this.handleSubmenuClosed)}static get styles(){return[l.ht(P)]}get isSubmenu(){return this.slot==="submenu"}get selected(){return this._selected}set selected(e){if(e===this.selected)return;const t=this.selected;this._selected=e,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItems.forEach(o=>{this===o.menuData.selectionRoot&&(o.selected=this.selected.includes(o.value),o.selected&&(this.selectedItems.push(o),this.selectedItemsMap.set(o,!0)))}),this.requestUpdate("selected",t)}get childItems(){return this.cachedChildItems||(this.cachedChildItems=this.updateCachedMenuItems()),this.cachedChildItems}get childRole(){if(this.resolvedRole==="listbox")return"option";switch(this.resolvedSelects){case"single":return"menuitemradio";case"multiple":return"menuitemcheckbox";default:return"menuitem"}}get ownRole(){return"menu"}focus({preventScroll:e}={}){if(this.childItems.every(o=>o.disabled))return;if(this.childItems.some(o=>o.menuData.focusRoot!==this)){super.focus({preventScroll:e});return}this.focusMenuItemByOffset(0),super.focus({preventScroll:e});const t=this.selectedItems[0];t&&!e&&t.scrollIntoView({block:"nearest"})}handleFocusin(e){var t;if(this.childItems.some(n=>n.menuData.focusRoot!==this))return;const o=this.getRootNode().activeElement,i=((t=this.childItems[this.focusedItemIndex])==null?void 0:t.menuData.selectionRoot)||this;if((o!==i||e.target!==this)&&(i.focus({preventScroll:!0}),o&&this.focusedItemIndex===0)){const n=this.childItems.indexOf(o);this.focusMenuItemByOffset(Math.max(n,0))}this.startListeningToKeyboard()}startListeningToKeyboard(){this.addEventListener("keydown",this.handleKeydown)}handleBlur(e){U(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this.childItems.forEach(t=>t.focused=!1),this.removeAttribute("aria-activedescendant"))}stopListeningToKeyboard(){this.removeEventListener("keydown",this.handleKeydown)}selectOrToggleItem(e){const t=this.resolvedSelects,o=new Map(this.selectedItemsMap),i=[...this.selected],n=[...this.selectedItems],a=this.value,c=this.childItems[this.focusedItemIndex];if(c&&(c.focused=!1,c.active=!1),this.focusedItemIndex=this.childItems.indexOf(e),this.forwardFocusVisibleToItem(e),t==="multiple"){this.selectedItemsMap.has(e)?this.selectedItemsMap.delete(e):this.selectedItemsMap.set(e,!0);const d=[],v=[];this.childItemSet.forEach(g=>{g.menuData.selectionRoot===this&&this.selectedItemsMap.has(g)&&(d.push(g.value),v.push(g))}),this._selected=d,this.selectedItems=v,this.value=this.selected.join(this.valueSeparator)}else this.selectedItemsMap.clear(),this.selectedItemsMap.set(e,!0),this.value=e.value,this._selected=[e.value],this.selectedItems=[e];if(!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this._selected=i,this.selectedItems=n,this.selectedItemsMap=o,this.value=a;return}if(t==="single"){for(const d of o.keys())d!==e&&(d.selected=!1);e.selected=!0}else t==="multiple"&&(e.selected=!e.selected)}handleKeydown(e){if(e.defaultPrevented)return;const t=this.childItems[this.focusedItemIndex];t&&(t.focused=!0);const{key:o}=e;if(e.shiftKey&&e.target!==this&&this.hasAttribute("tabindex")){this.removeAttribute("tabindex");const i=n=>{!n.shiftKey&&!this.hasAttribute("tabindex")&&(this.tabIndex=0,document.removeEventListener("keyup",i),this.removeEventListener("focusout",i))};document.addEventListener("keyup",i),this.addEventListener("focusout",i)}if(o==="Tab"){this.prepareToCleanUp();return}if(o===" "&&t!=null&&t.hasSubmenu){t.openOverlay();return}if(o===" "||o==="Enter"){const i=this.childItems[this.focusedItemIndex];i&&i.menuData.selectionRoot===e.target&&(e.preventDefault(),i.click());return}if(o==="ArrowDown"||o==="ArrowUp"){const i=this.childItems[this.focusedItemIndex];i&&i.menuData.selectionRoot===e.target&&this.navigateWithinMenu(e);return}this.navigateBetweenRelatedMenus(e)}focusMenuItemByOffset(e){const t=e||1,o=this.childItems[this.focusedItemIndex];o&&(o.focused=!1,o.active=o.open),this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+e)%this.childItems.length;let i=this.childItems[this.focusedItemIndex],n=this.childItems.length;for(;i!=null&&i.disabled&&n;)n-=1,this.focusedItemIndex=(this.childItems.length+this.focusedItemIndex+t)%this.childItems.length,i=this.childItems[this.focusedItemIndex];return i!=null&&i.disabled||this.forwardFocusVisibleToItem(i),i}updateSelectedItemIndex(){let e=0;const t=new Map,o=[],i=[];let n=this.childItems.length;for(;n;){n-=1;const a=this.childItems[n];a.menuData.selectionRoot===this&&((a.selected||!this._hasUpdatedSelectedItemIndex&&this.selected.includes(a.value))&&(e=n,t.set(a,!0),o.unshift(a.value),i.unshift(a)),n!==e&&(a.focused=!1))}i.map((a,c)=>{c>0&&(a.focused=!1)}),this.selectedItemsMap=t,this._selected=o,this.selectedItems=i,this.value=this.selected.join(this.valueSeparator),this.focusedItemIndex=e,this.focusInItemIndex=e}closeDescendentOverlays(){this.descendentOverlays.forEach(e=>{e.open=!1}),this.descendentOverlays=new Map}render(){return this.renderMenuItemSlot()}connectedCallback(){super.connectedCallback(),!this.hasAttribute("role")&&!this.ignore&&this.setAttribute("role",this.ownRole),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){this.cachedChildItems=void 0,this.selectedItems=[],this.selectedItemsMap.clear(),this.childItemSet.clear(),this.descendentOverlays=new Map,super.disconnectedCallback()}handleDescendentOverlayOpened(e){const t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.set(t.overlayElement,t.overlayElement)}handleDescendentOverlayClosed(e){const t=e.composedPath()[0];t.overlayElement&&this.descendentOverlays.delete(t.overlayElement)}navigateWithinMenu(e){const{key:t}=e,o=this.childItems[this.focusedItemIndex],i=t==="ArrowDown"?1:-1,n=this.focusMenuItemByOffset(i);n!==o&&(e.preventDefault(),e.stopPropagation(),n.scrollIntoView({block:"nearest"}))}navigateBetweenRelatedMenus(e){const{key:t}=e;e.stopPropagation();const o=this.isLTR&&t==="ArrowRight"||!this.isLTR&&t==="ArrowLeft",i=this.isLTR&&t==="ArrowLeft"||!this.isLTR&&t==="ArrowRight";if(o){const n=this.childItems[this.focusedItemIndex];n!=null&&n.hasSubmenu&&n.openOverlay()}else i&&this.isSubmenu&&(this.dispatchEvent(new Event("close",{bubbles:!0})),this.updateSelectedItemIndex())}renderMenuItemSlot(){return l.Ht`
+      <slot
+        @luzmo-menu-submenu-opened=${this.handleDescendentOverlayOpened}
+        @luzmo-menu-submenu-closed=${this.handleDescendentOverlayClosed}
+        @slotchange=${this.handleSlotchange}
+      ></slot>
+    `}firstUpdated(e){if(super.firstUpdated(e),!this.hasAttribute("tabindex")&&!this.ignore){const o=this.getAttribute("role");this.tabIndex=o==="group"?-1:0}const t=[new Promise(o=>requestAnimationFrame(()=>o(!0)))];[...this.children].forEach(o=>{o.localName==="luzmo-menu-item"&&t.push(o.updateComplete)}),this.childItemsUpdated=Promise.all(t)}updated(e){super.updated(e),e.has("selects")&&this.hasUpdated&&this.selectsChanged(),e.has("label")&&(this.label||e.get("label")!==void 0)&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}selectsChanged(){const e=[new Promise(t=>requestAnimationFrame(()=>t(!0)))];this.childItemSet.forEach(t=>{e.push(t.triggerUpdate())}),this.childItemsUpdated=Promise.all(e)}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.childItemsUpdated,await this.cacheUpdated,e}updateCachedMenuItems(){if(this.cachedChildItems=[],!this.menuSlot)return[];const e=this.menuSlot.assignedElements({flatten:!0});for(const[t,o]of e.entries()){if(this.childItemSet.has(o)){this.cachedChildItems.push(o);continue}const i=o.localName==="slot"?o.assignedElements({flatten:!0}):[...o.querySelectorAll(":scope > *")];e.splice(t,1,o,...i)}return this.cachedChildItems}onFocusableItemAddedOrUpdated(e){e.menuCascade.set(this,{hadFocusRoot:!!e.item.menuData.focusRoot,ancestorWithSelects:e.currentAncestorWithSelects}),this.selects&&(e.currentAncestorWithSelects=this),e.item.menuData.focusRoot=e.item.menuData.focusRoot||this}onSelectableItemAddedOrUpdated(e){var t,o;const i=e.menuCascade.get(this);if(!i)return;if(e.item.menuData.parentMenu=e.item.menuData.parentMenu||this,i.hadFocusRoot&&!this.ignore&&(this.tabIndex=-1),this.addChildItem(e.item),this.selects==="inherit"){this.resolvedSelects="inherit";const a=(t=e.currentAncestorWithSelects)==null?void 0:t.ignore;this.resolvedRole=a?"none":((o=e.currentAncestorWithSelects)==null?void 0:o.getAttribute("role"))||this.getAttribute("role")||void 0}else this.selects?(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.selects):(this.resolvedRole=this.ignore?"none":this.getAttribute("role")||void 0,this.resolvedSelects=this.resolvedRole==="none"?"ignore":"none");const n=this.resolvedSelects==="single"||this.resolvedSelects==="multiple";e.item.menuData.cleanupSteps.push(a=>this.removeChildItem(a)),(n||!this.selects&&this.resolvedSelects!=="ignore")&&!e.item.menuData.selectionRoot&&(e.item.setRole(this.childRole),e.item.menuData.selectionRoot=e.item.menuData.selectionRoot||this,e.item.selected&&(this.selectedItemsMap.set(e.item,!0),this.selectedItems=[...this.selectedItems,e.item],this._selected=[...this.selected,e.item.value],this.value=this.selected.join(this.valueSeparator)))}addChildItem(e){this.childItemSet.add(e),this.handleItemsChanged()}async removeChildItem(e){this.childItemSet.delete(e),this.cachedChildItems=void 0,e.focused&&(this.handleItemsChanged(),await this.updateComplete,this.focus())}handleClick(e){if(this.pointerUpTarget===e.target){this.pointerUpTarget=null;return}this.handlePointerBasedSelection(e)}handlePointerup(e){this.pointerUpTarget=e.target,this.handlePointerBasedSelection(e)}handlePointerBasedSelection(e){var t,o;if(e instanceof MouseEvent&&e.button!==0)return;const i=e.composedPath().find(n=>n instanceof Element?n.getAttribute("role")===this.childRole:!1);if(e.defaultPrevented){const n=this.childItems.indexOf(i);((t=i==null?void 0:i.menuData)==null?void 0:t.focusRoot)===this&&n!==-1&&(this.focusedItemIndex=n);return}if(i!=null&&i.href&&i.href.length>0){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}));return}else if(((o=i==null?void 0:i.menuData)==null?void 0:o.selectionRoot)===this&&this.childItems.length>0){if(e.preventDefault(),i.hasSubmenu||i.open)return;this.selectOrToggleItem(i)}else return;this.prepareToCleanUp()}prepareToCleanUp(){document.addEventListener("focusout",()=>{requestAnimationFrame(()=>{const e=this.childItems[this.focusedItemIndex];e&&(e.focused=!1,this.updateSelectedItemIndex())})},{once:!0})}handleItemsChanged(){this.cachedChildItems=void 0,this._willUpdateItems||(this._willUpdateItems=!0,this.cacheUpdated=this.updateCache())}async updateCache(){await(this.hasUpdated?new Promise(e=>requestAnimationFrame(()=>e(!0))):Promise.all([new Promise(e=>requestAnimationFrame(()=>e(!0))),this.updateComplete])),this.cachedChildItems===void 0&&(this.updateSelectedItemIndex(),this.updateItemFocus()),this._willUpdateItems=!1}updateItemFocus(){if(this.childItems.length===0)return;const e=this.childItems[this.focusInItemIndex];this.getRootNode().activeElement===e.menuData.focusRoot&&this.forwardFocusVisibleToItem(e)}forwardFocusVisibleToItem(e){if(!e||e.menuData.focusRoot!==this)return;this.closeDescendentOverlays();const t=this.hasVisibleFocusInTree()||!!this.childItems.some(o=>o.hasVisibleFocusInTree());e.focused=t,this.setAttribute("aria-activedescendant",e.id),e.menuData.selectionRoot&&e.menuData.selectionRoot!==this&&e.menuData.selectionRoot.focus()}handleSlotchange({target:e}){const t=e.assignedElements({flatten:!0});this.childItems.length!==t.length&&t.forEach(o=>{o.triggerUpdate!==void 0?o.triggerUpdate():o.childItems!==void 0&&o.childItems.forEach(i=>{i.triggerUpdate()})})}}h([l.Rt({type:String,reflect:!0})],m.prototype,"label",2);h([l.Rt({type:Boolean,reflect:!0})],m.prototype,"ignore",2);h([l.Rt({type:String,reflect:!0})],m.prototype,"selects",2);h([l.Rt({type:String})],m.prototype,"value",2);h([l.Rt({type:String,attribute:"value-separator"})],m.prototype,"valueSeparator",2);h([l.Rt({attribute:!1})],m.prototype,"selected",1);h([l.Rt({attribute:!1})],m.prototype,"selectedItems",2);h([f.d("slot:not([name])")],m.prototype,"menuSlot",2);const L=":host{--menu-divider-thickness: var( --divider-thickness-medium, var(--luzmo-border-width) );inline-size:auto;margin-block:var(--luzmo-menu-section-divider-margin-block, max(0px, (var(--menu-item-section-divider-height) - var(--menu-divider-thickness)) / 2));margin-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));overflow:visible}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{display:block;flex-shrink:0}";class T extends I.m(l.kt,{validSizes:["s","m","l"]}){static get styles(){return[l.ht(S.r),l.ht(L)]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}}const $=".luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.header{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-section-header-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));min-inline-size:var(--luzmo-menu-section-header-min-width, var(--menu-section-header-min-width));padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-area:sectionHeadingArea/1/sectionHeadingArea/-1;display:block}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-back .header{padding:0}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{margin:0;display:inline-flex;overflow:visible;flex-direction:column}[hidden]{display:none!important}";var B=Object.defineProperty,y=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,a;n>=0;n--)(a=r[n])&&(i=a(e,t,i)||i);return i&&B(e,t,i),i};class k extends m{constructor(){super(...arguments),this.headerId=""}static get styles(){return[...super.styles,l.ht($)]}render(){return l.Ht`
+      <span class="header" ?hidden=${!this.headerElement}>
+        <slot name="header" @slotchange=${this.updateLabel}></slot>
+      </span>
+      <luzmo-menu ignore>${this.renderMenuItemSlot()}</luzmo-menu>
+    `}get ownRole(){switch(this.selects){case"multiple":case"single":case"inherit":return"group";default:return"menu"}}updateLabel(){const e=this.headerElements.length>0?this.headerElements[0]:void 0;if(e!==this.headerElement)if(this.headerElement&&this.headerElement.id===this.headerId&&this.headerElement.removeAttribute("id"),e){this.headerId=this.headerId||`luzmo-menu-group-label-${w.n()}`;const t=e.id||this.headerId;e.id||(e.id=t),this.setAttribute("aria-labelledby",t)}else this.removeAttribute("aria-labelledby");this.headerElement=e}}y([E.m({slot:"header",flatten:!0})],k.prototype,"headerElements");y([C.n()],k.prototype,"headerElement");const F='.checkmark{display:var(--luzmo-menu-checkmark-display, var(--menu-checkmark-display));font-size:var(--luzmo-menu-item-checkmark-size, var(--menu-item-checkmark-size));fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-default, var(--menu-checkmark-icon-color-default)));opacity:1;grid-area:checkmarkArea;align-self:start;margin-block-start:calc(var(--luzmo-menu-item-top-to-checkmark, var(--menu-item-top-to-checkmark)) - var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.angle{font-size:var(--menu-item-angle-size);grid-area:angleArea;align-self:center;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-back:focus-visible{box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}.luzmo-Menu-backButton:focus-visible{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}::slotted([slot=icon]){fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-icon-color-default, var(--menu-item-label-icon-color-default)));grid-area:iconArea;align-self:start}::slotted([slot=icon]){margin-inline-end:var(--luzmo-menu-item-label-text-to-visual, var(--menu-item-label-text-to-visual))}:host{cursor:pointer;box-sizing:border-box;background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)));line-height:var(--luzmo-menu-item-label-line-height, var(--menu-item-label-line-height));min-block-size:var(--luzmo-menu-item-min-height, var(--menu-item-min-height));padding-block-start:var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text));padding-block-end:var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text));padding-inline:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));grid-template:". angleAreaCollapsible . headingIconArea sectionHeadingArea . . ." "selectedArea angleAreaCollapsible checkmarkArea iconArea labelArea valueArea actionsArea angleAreaDrillIn" 1fr ". . . . descriptionArea . . ." ". . . . submenuArea . . ." ". . . . . . . ."/auto auto auto auto 1fr auto auto auto;justify-content:start;margin:0;-webkit-text-decoration:none;text-decoration:none;display:grid;align-items:center;position:relative}.luzmo-Menu-itemCheckbox{--luzmo-checkbox-top-to-text: 0;--luzmo-checkbox-text-to-control: 0;min-block-size:0}.luzmo-Menu-itemCheckbox .luzmo-Checkbox-box{margin-block-start:var(--luzmo-menu-item-top-to-checkbox, var(--menu-item-top-to-checkbox));margin-block-end:0;margin-inline-end:var(--luzmo-menu-item-text-to-control, var(--menu-item-text-to-control))}.luzmo-Menu-itemSwitch{min-block-size:0}.luzmo-Menu-itemSwitch .luzmo-Switch-switch{margin-block-start:var(--luzmo-menu-item-top-to-action, var(--menu-item-top-to-action));margin-block-end:0}#label{grid-area:submenuItemLabelArea}::slotted([slot=value]){grid-area:submenuItemValueArea}:host([focused]),:host(:focus){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-key-focus, var(--menu-item-background-color-key-focus)));outline:none}:host([focused])>#label,:host(:focus)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-focus, var(--menu-item-label-content-color-focus)))}:host([focused])>[name=description]::slotted(*),:host(:focus)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-focus, var(--menu-item-description-color-focus)))}:host([focused])>::slotted([slot=value]),:host(:focus)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-focus, var(--menu-item-value-color-focus)))}:host([focused])>.icon:not(.angle,.checkmark),:host(:focus)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-focus, var(--menu-item-label-icon-color-focus)))}:host([focused])>.angle,:host(:focus)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host([focused])>.checkmark,:host(:focus)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-focus, var(--menu-checkmark-icon-color-focus)))}:host:dir(rtl),:host([dir=rtl]){--menu-item-focus-indicator-direction-scalar: -1}:host(:is(:active,[active])){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-down, var(--menu-item-background-color-down)))}:host(:is(:active,[active]))>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-down, var(--menu-item-label-content-color-down)))}:host(:is(:active,[active]))>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-down, var(--menu-item-description-color-down)))}:host(:is(:active,[active]))>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-down, var(--menu-item-value-color-down)))}:host(:is(:active,[active]))>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-down, var(--menu-item-label-icon-color-down)))}:host(:is(:active,[active]))>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:is(:active,[active]))>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-down, var(--menu-checkmark-icon-color-down)))}:host([disabled]),:host([aria-disabled=true]){background-color:initial}:host([disabled]) #label,:host([disabled]) ::slotted([slot=value]),:host([aria-disabled=true]) #label,:host([aria-disabled=true]) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]) [name=description]::slotted(*),:host([aria-disabled=true]) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]) ::slotted([slot=icon]),:host([aria-disabled=true]) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}:host([focused]) .luzmo-Menu-back,:host([focused]){box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * 1) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)));box-shadow:inset calc(var(--luzmo-menu-item-focus-indicator-width, var(--menu-item-focus-indicator-width)) * var(--menu-item-focus-indicator-direction-scalar, 1)) 0 0 0 var(--highcontrast-menu-item-focus-indicator-color, var(--luzmo-menu-item-focus-indicator-color, var(--menu-item-focus-indicator-color)))}:host .is-selectableMultiple{align-items:start}.is-selectableMultiple .luzmo-Menu-itemCheckbox{grid-area:checkmarkArea}.luzmo-Menu-itemSelection{grid-area:selectedArea}#label{--luzmo-switch-control-label-spacing: 0;--luzmo-switch-spacing-top-to-label: 0;font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-label-content-color-default, var(--menu-item-label-content-color-default)));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;grid-area:labelArea}:host([selected]) #label{color:var(--menu-item-highlight-label-content-color)}::slotted([slot=value]){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-value-color-default, var(--menu-item-value-color-default)));font-size:var(--luzmo-menu-item-label-font-size, var(--menu-item-label-font-size));grid-area:valueArea;justify-self:end}.luzmo-Menu-itemActions,::slotted([slot=value]){align-self:start;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing))}.luzmo-Menu-itemActions{grid-area:actionsArea}[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-item-description-color-default, var(--menu-item-description-color-default)));font-size:var(--luzmo-menu-item-description-font-size, var(--menu-item-description-font-size));-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;line-height:var(--luzmo-menu-item-description-line-height, var(--menu-item-description-line-height));grid-area:descriptionArea;margin-block-start:var(--luzmo-menu-item-label-to-description-spacing, var(--menu-item-label-to-description-spacing))}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.luzmo-Menu-item--collapsible.is-open{padding-block-end:0}.luzmo-Menu-item--collapsible.is-open .angle{transform:rotate(90deg)}:host([focused]) .luzmo-Menu-item--collapsible.is-open,:host(:is(:active,[active])) .luzmo-Menu-item--collapsible.is-open,.luzmo-Menu-item--collapsible.is-open:focus{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}.luzmo-Menu-item--collapsible ::slotted([slot=icon]){grid-area:headingIconArea}.luzmo-Menu-item--collapsible>::slotted([slot=icon]){padding-block-start:var(--luzmo-menu-section-header-top-edge-to-text, var(--luzmo-menu-item-top-edge-to-text, var(--menu-item-top-edge-to-text)));padding-block-end:var(--luzmo-menu-section-header-bottom-edge-to-text, var(--luzmo-menu-item-bottom-edge-to-text, var(--menu-item-bottom-edge-to-text)))}.luzmo-Menu-item--collapsible .angle{grid-area:angleAreaCollapsible}:host([has-submenu]) .angle{fill:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-drillin-icon-color-default, var(--menu-drillin-icon-color-default)));grid-area:angleAreaDrillIn;margin-inline-start:var(--luzmo-menu-item-label-to-value-area-min-spacing, var(--menu-item-label-to-value-area-min-spacing));margin-inline-end:0}:host([has-submenu]) .is-open{--menu-item-background-color-default: var( --highcontrast-menu-item-selected-background-color, var( --luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover) ) )}:host([has-submenu]) .is-open .icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host([has-submenu]) .is-open .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}:host([has-submenu]) .is-open .checkmark{fill:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-checkmark-icon-color-default, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}@media (hover: hover){:host(:hover){background-color:var(--highcontrast-menu-item-background-color-focus, var(--luzmo-menu-item-background-color-hover, var(--menu-item-background-color-hover)))}:host(:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-content-color-hover, var(--menu-item-label-content-color-hover)))}:host([selected]:hover)>#label{color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-highlight-label-content-color, var(--menu-item-highlight-label-content-color)))}:host(:hover)>[name=description]::slotted(*){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-description-color-hover, var(--menu-item-description-color-hover)))}:host(:hover)>::slotted([slot=value]){color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-value-color-hover, var(--menu-item-value-color-hover)))}:host(:hover)>.icon:not(.angle,.checkmark){fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-item-label-icon-color-hover, var(--menu-item-label-icon-color-hover)))}:host(:hover)>.angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-collapsible-icon-color, var(--menu-collapsible-icon-color)))}:host(:hover)>.checkmark{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-checkmark-icon-color-hover, var(--menu-checkmark-icon-color-hover)))}:host([disabled]:hover),:host([aria-disabled=true]:hover){cursor:default;background-color:initial}:host([disabled]:hover) #label,:host([disabled]:hover) ::slotted([slot=value]),:host([aria-disabled=true]:hover) #label,:host([aria-disabled=true]:hover) ::slotted([slot=value]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-content-color-disabled, var(--menu-item-label-content-color-disabled)))}:host([disabled]:hover) [name=description]::slotted(*),:host([aria-disabled=true]:hover) [name=description]::slotted(*){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-description-color-disabled, var(--menu-item-description-color-disabled)))}:host([disabled]:hover) ::slotted([slot=icon]),:host([aria-disabled=true]:hover) ::slotted([slot=icon]){color:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)));fill:var(--highcontrast-menu-item-color-disabled, var(--luzmo-menu-item-label-icon-color-disabled, var(--menu-item-label-icon-color-disabled)))}.luzmo-Menu-item--collapsible.is-open:hover{background-color:var(--highcontrast-menu-item-background-color-default, var(--luzmo-menu-item-background-color-default, var(--menu-item-background-color-default)))}:host([has-submenu]:hover) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-hover, var(--menu-drillin-icon-color-hover)))}}:host([has-submenu][focused]) .angle,:host([has-submenu]:focus) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-focus, var(--menu-drillin-icon-color-focus)))}:host([has-submenu]:is(:active,[active])) .angle{fill:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)));color:var(--highcontrast-menu-item-color-focus, var(--luzmo-menu-drillin-icon-color-down, var(--menu-drillin-icon-color-down)))}.luzmo-Menu-back{padding-inline:0 var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-inline:var(--luzmo-menu-back-padding-inline-start, 0) var(--luzmo-menu-back-padding-inline-end, var(--menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--luzmo-menu-back-padding-block-start, 0) var(--luzmo-menu-back-padding-block-end, 0);flex-flow:wrap;align-items:center;display:flex}.luzmo-Menu-backButton{cursor:pointer;background:none;border:0;margin:0;padding:0;display:inline-flex}:host([focused]) .luzmo-Menu-backButton{outline:var(--focus-indicator-thickness) solid var(--focus-indicator-color);outline-offset:calc((var(--focus-indicator-thickness) + 1px) * -1)}.luzmo-Menu-backHeading{color:var(--highcontrast-menu-item-color-default, var(--luzmo-menu-back-heading-color, var(--menu-section-header-color)));font-size:var(--luzmo-menu-section-header-font-size, var(--menu-section-header-font-size));font-weight:var(--luzmo-menu-section-header-font-weight, var(--menu-section-header-font-weight));line-height:var(--luzmo-menu-section-header-line-height, var(--menu-section-header-line-height));display:block}:host{text-align:initial;font-family:var(--luzmo-menu-item-font-family, var(--luzmo-font-family))}:host([hidden]){display:none}:host([disabled]){pointer-events:none}:host([disabled]) [name=value]::slotted(*){color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}:host([has-submenu][disabled]) .angle{color:var(--luzmo-menu-item-label-icon-color-disabled, var(--luzmo-disabled-color))}#button{position:absolute;top:0;right:0;bottom:0;left:0}.icon-container>svg{vertical-align:top}:host([dir=ltr]) [icon-only]::slotted(:last-of-type){margin-right:auto}:host([dir=rtl]) [icon-only]::slotted(:last-of-type){margin-left:auto}@media (forced-colors: active){:host{forced-color-adjust:none}}::slotted([slot=submenu]){width:max-content;max-width:100%}:host([no-wrap]) #label{display:block}';var q=Object.defineProperty,_=Object.getOwnPropertyDescriptor,u=(r,e,t,o)=>{for(var i=o>1?void 0:o?_(e,t):e,n=r.length-1,a;n>=0;n--)(a=r[n])&&(i=(o?a(e,t,i):a(i))||i);return o&&i&&q(e,t,i),i};const H=100,j=r=>l.Ht`
+  <span class="icon-container icon checkmark ${r.join(" ")}">
+    ${z.luzmoIcon(z.luzmoCheck)}
+  </span>
+`,W=r=>l.Ht`
+  <span class="icon-container icon angle ${r.join(" ")}">
+    ${z.luzmoIcon(z.luzmoAngleRight,{className:"indicator"})}
+  </span>
+`;class N extends Event{constructor(e){super("luzmo-menu-item-added-or-updated",{bubbles:!0,composed:!0}),this.menuCascade=new WeakMap,this.clear(e)}get item(){return this._item}clear(e){this._item=e,this.currentAncestorWithSelects=void 0,e.menuData={cleanupSteps:[],focusRoot:void 0,selectionRoot:void 0,parentMenu:void 0},this.menuCascade=new WeakMap}}class s extends b.b(b.y(R(l.r,'[slot="icon"]'))){constructor(){super(),this.active=!1,this.dependencyManager=new A.a(this),this.focused=!1,this.selected=!1,this._value="",this.hasSubmenu=!1,this.noWrap=!1,this.renderAngleIcon=(e=[])=>W(e),this.renderCheckIcon=(e=[])=>j(e),this.open=!1,this.handleSlottableRequest=e=>{var t;(t=this.submenuElement)==null||t.dispatchEvent(new M.o(e.name,e.data))},this.proxyFocus=()=>{this.focus()},this.handleBeforetoggle=e=>{e.newState==="closed"&&(this.open=!0,this.overlayElement.manuallyKeepOpen(),this.overlayElement.removeEventListener("beforetoggle",this.handleBeforetoggle))},this.recentlyLeftChild=!1,this.willDispatchUpdate=!1,this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},this.addEventListener("click",this.handleClickCapture,{capture:!0}),new b.a(this,{config:{characterData:!0,childList:!0,subtree:!0},callback:e=>{e.every(t=>t.target.slot==="submenu")||this.breakItemChildrenCache()}})}static get styles(){return[l.ht(F)]}get value(){return this._value||this.itemText}set value(e){e!==this._value&&(this._value=e||"",this._value?this.setAttribute("value",this._value):this.removeAttribute("value"))}get itemText(){return this.itemChildren.content.reduce((e,t)=>e+(t.textContent||"").trim(),"")}get focusElement(){return this}get hasIcon(){return this.slotContentIsPresent}get itemChildren(){if(!this.iconSlot||!this.contentSlot)return{icon:[],content:[]};if(this._itemChildren)return this._itemChildren;const e=this.iconSlot.assignedElements().map(o=>{const i=o.cloneNode(!0);return i.removeAttribute("slot"),i.classList.toggle("icon"),i}),t=this.contentSlot.assignedNodes().map(o=>o.cloneNode(!0));return this._itemChildren={icon:e,content:t},this._itemChildren}click(){this.disabled||this.shouldProxyClick()||super.click()}handleClickCapture(e){if(this.disabled)return e.preventDefault(),e.stopImmediatePropagation(),e.stopPropagation(),!1}shouldProxyClick(){let e=!1;return this.anchorElement&&(this.anchorElement.click(),e=!0),e}breakItemChildrenCache(){this._itemChildren=void 0,this.triggerUpdate()}renderSubmenu(){const e=l.Ht`
+      <slot
+        name="submenu"
+        @slotchange=${this.manageSubmenu}
+        @luzmo-menu-item-added-or-updated=${{handleEvent:t=>{t.clear(t.item)},capture:!0}}
+        @focusin=${t=>t.stopPropagation()}
+      ></slot>
+    `;return this.hasSubmenu?(this.dependencyManager.add("luzmo-overlay"),this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("./index-DDleIdd8.cjs")).then(t=>t.overlayCJ9by37f).then(t=>t.f),Promise.resolve().then(()=>require("./popover-DlkzrLpl-TYw7ejnD.cjs")),l.Ht`
+      <luzmo-overlay
+        .triggerElement=${this}
+        ?disabled=${!this.hasSubmenu}
+        ?open=${this.hasSubmenu&&this.open&&this.dependencyManager.loaded}
+        .placement=${this.isLTR?"right-start":"left-start"}
+        .offset=${[-10,-5]}
+        .type=${"auto"}
+        @close=${t=>t.stopPropagation()}
+        @slottable-request=${this.handleSlottableRequest}
+      >
+        <luzmo-popover
+          @change=${t=>{this.handleSubmenuChange(t),this.open=!1}}
+          @pointerenter=${this.handleSubmenuPointerenter}
+          @pointerleave=${this.handleSubmenuPointerleave}
+          @luzmo-menu-item-added-or-updated=${t=>t.stopPropagation()}
+        >
+          ${e}
+        </luzmo-popover>
+      </luzmo-overlay>
+      ${this.renderAngleIcon()}
+    `):e}render(){return l.Ht`
+      ${this.selected?l.Ht`
+            ${this.renderCheckIcon(this.hasIcon?["checkmark--withAdjacentIcon"]:[])}
+          `:l.d}
+      <slot name="icon"></slot>
+      <div id="label">
+        <slot id="slot"></slot>
+      </div>
+      <slot name="description"></slot>
+      <slot name="value"></slot>
+      ${this.href&&this.href.length>0?super.renderAnchor({id:"button",ariaHidden:!0,className:"button anchor hidden"}):l.d}
+      ${this.renderSubmenu()}
+    `}manageSubmenu(e){this.submenuElement=e.target.assignedElements({flatten:!0})[0],this.hasSubmenu=!!this.submenuElement,this.hasSubmenu&&this.setAttribute("aria-haspopup","true")}handlePointerdown(e){e.target===this&&this.hasSubmenu&&this.open&&(this.addEventListener("focus",this.handleSubmenuFocus,{once:!0}),this.overlayElement.addEventListener("beforetoggle",this.handleBeforetoggle))}firstUpdated(e){super.firstUpdated(e),this.setAttribute("tabindex","-1"),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerenter",this.closeOverlaysForRoot),this.hasAttribute("id")||(this.id=`luzmo-menu-item-${w.n()}`)}closeOverlaysForRoot(){var e;this.open||(e=this.menuData.parentMenu)==null||e.closeDescendentOverlays()}handleSubmenuClick(e){e.composedPath().includes(this.overlayElement)||this.openOverlay()}handleSubmenuFocus(){requestAnimationFrame(()=>{this.overlayElement.open=this.open})}handlePointerenter(){if(this.leaveTimeout){clearTimeout(this.leaveTimeout),delete this.leaveTimeout;return}this.openOverlay()}handlePointerleave(){this.open&&!this.recentlyLeftChild&&(this.leaveTimeout=setTimeout(()=>{delete this.leaveTimeout,this.open=!1},H))}handleSubmenuChange(e){var t;e.stopPropagation(),(t=this.menuData.selectionRoot)==null||t.selectOrToggleItem(this)}handleSubmenuPointerenter(){this.recentlyLeftChild=!0}handleSubmenuPointerleave(){requestAnimationFrame(()=>{this.recentlyLeftChild=!1})}handleSubmenuOpen(e){this.focused=!1;const t=e.composedPath().find(o=>o!==this.overlayElement&&o.localName==="luzmo-overlay");this.overlayElement.parentOverlayToForceClose=t}cleanup(){this.open=!1,this.active=!1}openOverlay(){!this.hasSubmenu||this.open||this.disabled||(this.open=!0,this.active=!0,this.setAttribute("aria-expanded","true"),this.addEventListener("luzmo-closed",this.cleanup,{once:!0}))}updateAriaSelected(){const e=this.getAttribute("role");e==="option"?this.setAttribute("aria-selected",this.selected?"true":"false"):(e==="menuitemcheckbox"||e==="menuitemradio")&&this.setAttribute("aria-checked",this.selected?"true":"false")}setRole(e){this.setAttribute("role",e),this.updateAriaSelected()}updated(e){var t,o;if(super.updated(e),e.has("label")&&(this.label||e.get("label")!==void 0)&&this.setAttribute("aria-label",this.label||""),e.has("active")&&(this.active||e.get("active")!==void 0)&&this.active&&((t=this.menuData.selectionRoot)==null||t.closeDescendentOverlays()),this.anchorElement&&(this.anchorElement.addEventListener("focus",this.proxyFocus),this.anchorElement.tabIndex=-1),e.has("selected")&&this.updateAriaSelected(),e.has("hasSubmenu")&&(this.hasSubmenu||e.get("hasSubmenu")!==void 0))if(this.hasSubmenu){this.abortControllerSubmenu=new AbortController;const i={signal:this.abortControllerSubmenu.signal};this.addEventListener("click",this.handleSubmenuClick,i),this.addEventListener("pointerenter",this.handlePointerenter,i),this.addEventListener("pointerleave",this.handlePointerleave,i),this.addEventListener("luzmo-opened",this.handleSubmenuOpen,i)}else(o=this.abortControllerSubmenu)==null||o.abort()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}disconnectedCallback(){this.menuData.cleanupSteps.forEach(e=>e(this)),this.menuData={focusRoot:void 0,parentMenu:void 0,selectionRoot:void 0,cleanupSteps:[]},super.disconnectedCallback()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(e=>requestAnimationFrame(e)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.dispatchEvent(new N(this)),this.willDispatchUpdate=!1)}}u([l.Rt({type:Boolean,reflect:!0})],s.prototype,"active",2);u([l.Rt({type:Boolean,reflect:!0})],s.prototype,"focused",2);u([l.Rt({type:Boolean,reflect:!0})],s.prototype,"selected",2);u([l.Rt({type:String})],s.prototype,"value",1);u([l.Rt({type:Boolean,reflect:!0,attribute:"has-submenu"})],s.prototype,"hasSubmenu",2);u([f.d("slot:not([name])")],s.prototype,"contentSlot",2);u([f.d('slot[name="icon"]')],s.prototype,"iconSlot",2);u([l.Rt({type:Boolean,reflect:!0,attribute:"no-wrap",hasChanged(){return!1}})],s.prototype,"noWrap",2);u([f.d(".anchor")],s.prototype,"anchorElement",2);u([f.d("luzmo-overlay")],s.prototype,"overlayElement",2);u([l.Rt({type:Boolean,reflect:!0})],s.prototype,"open",2);customElements.get("luzmo-menu")||customElements.define("luzmo-menu",m);customElements.get("luzmo-menu-divider")||customElements.define("luzmo-menu-divider",T);customElements.get("luzmo-menu-group")||customElements.define("luzmo-menu-group",k);customElements.get("luzmo-menu-item")||customElements.define("luzmo-menu-item",s);

package/components/index-CQjWiSIp.cjs

@@ -0,0 +1,202 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";const vt=require("./task-CgK9ztaw.cjs");require("./index-DLrQ4hc5.cjs");require("./index-CKbGBBId.cjs");require("./index-CdHFj3ra.cjs");require("./index-ByfMhxDr.cjs");require("./index-EkTLplXl.cjs");require("./index-C_xCeCrL.cjs");require("./index-Bti4K2L2.cjs");const T=require("./property-ChsOQ1Yj.cjs"),Ae=require("./sized-mixin-BxMraZLS-w9I35lP7.cjs"),te=require("@luzmo/icons"),q=require("./localize-DbobqcKs.cjs"),Mt=require("./decompose-numeric-format-B3rVVHpO.cjs"),I=require("./query-D5qWDopr.cjs");function kt(e){return Math.abs(e=Math.round(e))>=1e21?e.toLocaleString("en").replace(/,/g,""):e.toString(10)}function fe(e,t){if((r=(e=t?e.toExponential(t-1):e.toExponential()).indexOf("e"))<0)return null;var r,n=e.slice(0,r);return[n.length>1?n[0]+n.slice(2):n,+e.slice(r+1)]}function St(e){return e=fe(Math.abs(e)),e?e[1]:NaN}function bt(e,t){return function(r,n){for(var s=r.length,a=[],l=0,_=e[0],b=0;s>0&&_>0&&(b+_+1>n&&(_=Math.max(1,n-b)),a.push(r.substring(s-=_,s+_)),!((b+=_+1)>n));)_=e[l=(l+1)%e.length];return a.reverse().join(t)}}function wt(e){return function(t){return t.replace(/[0-9]/g,function(r){return e[+r]})}}var Tt=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function Te(e){if(!(t=Tt.exec(e)))throw new Error("invalid format: "+e);var t;return new Ye({fill:t[1],align:t[2],sign:t[3],symbol:t[4],zero:t[5],width:t[6],comma:t[7],precision:t[8]&&t[8].slice(1),trim:t[9],type:t[10]})}Te.prototype=Ye.prototype;function Ye(e){this.fill=e.fill===void 0?" ":e.fill+"",this.align=e.align===void 0?">":e.align+"",this.sign=e.sign===void 0?"-":e.sign+"",this.symbol=e.symbol===void 0?"":e.symbol+"",this.zero=!!e.zero,this.width=e.width===void 0?void 0:+e.width,this.comma=!!e.comma,this.precision=e.precision===void 0?void 0:+e.precision,this.trim=!!e.trim,this.type=e.type===void 0?"":e.type+""}Ye.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(this.width===void 0?"":Math.max(1,this.width|0))+(this.comma?",":"")+(this.precision===void 0?"":"."+Math.max(0,this.precision|0))+(this.trim?"~":"")+this.type};function zt(e){e:for(var t=e.length,r=1,n=-1,s;r<t;++r)switch(e[r]){case".":n=s=r;break;case"0":n===0&&(n=r),s=r;break;default:if(!+e[r])break e;n>0&&(n=0);break}return n>0?e.slice(0,n)+e.slice(s+1):e}var Xe;function Ft(e,t){var r=fe(e,t);if(!r)return e+"";var n=r[0],s=r[1],a=s-(Xe=Math.max(-8,Math.min(8,Math.floor(s/3)))*3)+1,l=n.length;return a===l?n:a>l?n+new Array(a-l+1).join("0"):a>0?n.slice(0,a)+"."+n.slice(a):"0."+new Array(1-a).join("0")+fe(e,Math.max(0,t+a-1))[0]}function Le(e,t){var r=fe(e,t);if(!r)return e+"";var n=r[0],s=r[1];return s<0?"0."+new Array(-s).join("0")+n:n.length>s+1?n.slice(0,s+1)+"."+n.slice(s+1):n+new Array(s-n.length+2).join("0")}const $e={"%":(e,t)=>(e*100).toFixed(t),b:e=>Math.round(e).toString(2),c:e=>e+"",d:kt,e:(e,t)=>e.toExponential(t),f:(e,t)=>e.toFixed(t),g:(e,t)=>e.toPrecision(t),o:e=>Math.round(e).toString(8),p:(e,t)=>Le(e*100,t),r:Le,s:Ft,X:e=>Math.round(e).toString(16).toUpperCase(),x:e=>Math.round(e).toString(16)};function Ne(e){return e}var We=Array.prototype.map,qe=["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];function Dt(e){var t=e.grouping===void 0||e.thousands===void 0?Ne:bt(We.call(e.grouping,Number),e.thousands+""),r=e.currency===void 0?"":e.currency[0]+"",n=e.currency===void 0?"":e.currency[1]+"",s=e.decimal===void 0?".":e.decimal+"",a=e.numerals===void 0?Ne:wt(We.call(e.numerals,String)),l=e.percent===void 0?"%":e.percent+"",_=e.minus===void 0?"−":e.minus+"",b=e.nan===void 0?"NaN":e.nan+"";function u(y){y=Te(y);var H=y.fill,m=y.align,c=y.sign,d=y.symbol,k=y.zero,h=y.width,Y=y.comma,S=y.precision,D=y.trim,g=y.type;g==="n"?(Y=!0,g="g"):$e[g]||(S===void 0&&(S=12),D=!0,g="g"),(k||H==="0"&&m==="=")&&(k=!0,H="0",m="=");var F=d==="$"?r:d==="#"&&/[boxX]/.test(g)?"0"+g.toLowerCase():"",he=d==="$"?n:/[%p]/.test(g)?l:"",R=$e[g],_e=/[defgprs%]/.test(g);S=S===void 0?6:/[gprs]/.test(g)?Math.max(1,Math.min(21,S)):Math.max(0,Math.min(20,S));function de(p){var O=F,A=he,Q,ce,X;if(g==="c")A=R(p)+A,p="";else{p=+p;var K=p<0||1/p<0;if(p=isNaN(p)?b:R(Math.abs(p),S),D&&(p=zt(p)),K&&+p==0&&c!=="+"&&(K=!1),O=(K?c==="("?c:_:c==="-"||c==="("?"":c)+O,A=(g==="s"?qe[8+Xe/3]:"")+A+(K&&c==="("?")":""),_e){for(Q=-1,ce=p.length;++Q<ce;)if(X=p.charCodeAt(Q),48>X||X>57){A=(X===46?s+p.slice(Q+1):p.slice(Q))+A,p=p.slice(0,Q);break}}}Y&&!k&&(p=t(p,1/0));var ee=O.length+p.length+A.length,E=ee<h?new Array(h-ee+1).join(H):"";switch(Y&&k&&(p=t(E+p,E.length?h-A.length:1/0),E=""),m){case"<":p=O+p+A+E;break;case"=":p=O+E+p+A;break;case"^":p=E.slice(0,ee=E.length>>1)+O+p+A+E.slice(ee);break;default:p=E+O+p+A;break}return a(p)}return de.toString=function(){return y+""},de}function w(y,H){var m=u((y=Te(y),y.type="f",y)),c=Math.max(-8,Math.min(8,Math.floor(St(H)/3)))*3,d=Math.pow(10,-c),k=qe[8+c/3];return function(h){return m(d*h)+k}}return{format:u,formatPrefix:w}}const ve=new Date,Me=new Date;function C(e,t,r,n){function s(a){return e(a=arguments.length===0?new Date:new Date(+a)),a}return s.floor=a=>(e(a=new Date(+a)),a),s.ceil=a=>(e(a=new Date(a-1)),t(a,1),e(a),a),s.round=a=>{const l=s(a),_=s.ceil(a);return a-l<_-a?l:_},s.offset=(a,l)=>(t(a=new Date(+a),l==null?1:Math.floor(l)),a),s.range=(a,l,_)=>{const b=[];if(a=s.ceil(a),_=_==null?1:Math.floor(_),!(a<l)||!(_>0))return b;let u;do b.push(u=new Date(+a)),t(a,_),e(a);while(u<a&&a<l);return b},s.filter=a=>C(l=>{if(l>=l)for(;e(l),!a(l);)l.setTime(l-1)},(l,_)=>{if(l>=l)if(_<0)for(;++_<=0;)for(;t(l,-1),!a(l););else for(;--_>=0;)for(;t(l,1),!a(l););}),r&&(s.count=(a,l)=>(ve.setTime(+a),Me.setTime(+l),e(ve),e(Me),Math.floor(r(ve,Me))),s.every=a=>(a=Math.floor(a),!isFinite(a)||!(a>0)?null:a>1?s.filter(n?l=>n(l)%a===0:l=>s.count(0,l)%a===0):s)),s}const le=1e3,V=le*60,me=V*60,ue=me*24,Ke=ue*7,et=C(e=>{e.setTime(e-e.getMilliseconds())},(e,t)=>{e.setTime(+e+t*le)},(e,t)=>(t-e)/le,e=>e.getUTCSeconds());et.range;const tt=C(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*le)},(e,t)=>{e.setTime(+e+t*V)},(e,t)=>(t-e)/V,e=>e.getMinutes());tt.range;const Yt=C(e=>{e.setUTCSeconds(0,0)},(e,t)=>{e.setTime(+e+t*V)},(e,t)=>(t-e)/V,e=>e.getUTCMinutes());Yt.range;const rt=C(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*le-e.getMinutes()*V)},(e,t)=>{e.setTime(+e+t*me)},(e,t)=>(t-e)/me,e=>e.getHours());rt.range;const xt=C(e=>{e.setUTCMinutes(0,0,0)},(e,t)=>{e.setTime(+e+t*me)},(e,t)=>(t-e)/me,e=>e.getUTCHours());xt.range;const pe=C(e=>e.setHours(0,0,0,0),(e,t)=>e.setDate(e.getDate()+t),(e,t)=>(t-e-(t.getTimezoneOffset()-e.getTimezoneOffset())*V)/ue,e=>e.getDate()-1);pe.range;const xe=C(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/ue,e=>e.getUTCDate()-1);xe.range;const Ct=C(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/ue,e=>Math.floor(e/ue));Ct.range;function B(e){return C(t=>{t.setDate(t.getDate()-(t.getDay()+7-e)%7),t.setHours(0,0,0,0)},(t,r)=>{t.setDate(t.getDate()+r*7)},(t,r)=>(r-t-(r.getTimezoneOffset()-t.getTimezoneOffset())*V)/Ke)}const Ce=B(0),ye=B(1),Ut=B(2),At=B(3),ne=B(4),Lt=B(5),$t=B(6);Ce.range;ye.range;Ut.range;At.range;ne.range;Lt.range;$t.range;function J(e){return C(t=>{t.setUTCDate(t.getUTCDate()-(t.getUTCDay()+7-e)%7),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCDate(t.getUTCDate()+r*7)},(t,r)=>(r-t)/Ke)}const nt=J(0),ge=J(1),Nt=J(2),Wt=J(3),ae=J(4),qt=J(5),Et=J(6);nt.range;ge.range;Nt.range;Wt.range;ae.range;qt.range;Et.range;const at=C(e=>{e.setDate(1),e.setHours(0,0,0,0)},(e,t)=>{e.setMonth(e.getMonth()+t)},(e,t)=>t.getMonth()-e.getMonth()+(t.getFullYear()-e.getFullYear())*12,e=>e.getMonth());at.range;const Ht=C(e=>{e.setUTCDate(1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCMonth(e.getUTCMonth()+t)},(e,t)=>t.getUTCMonth()-e.getUTCMonth()+(t.getUTCFullYear()-e.getUTCFullYear())*12,e=>e.getUTCMonth());Ht.range;const G=C(e=>{e.setMonth(0,1),e.setHours(0,0,0,0)},(e,t)=>{e.setFullYear(e.getFullYear()+t)},(e,t)=>t.getFullYear()-e.getFullYear(),e=>e.getFullYear());G.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(t=>{t.setFullYear(Math.floor(t.getFullYear()/e)*e),t.setMonth(0,1),t.setHours(0,0,0,0)},(t,r)=>{t.setFullYear(t.getFullYear()+r*e)});G.range;const j=C(e=>{e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCFullYear(e.getUTCFullYear()+t)},(e,t)=>t.getUTCFullYear()-e.getUTCFullYear(),e=>e.getUTCFullYear());j.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:C(t=>{t.setUTCFullYear(Math.floor(t.getUTCFullYear()/e)*e),t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCFullYear(t.getUTCFullYear()+r*e)});j.range;function ke(e){if(0<=e.y&&e.y<100){var t=new Date(-1,e.m,e.d,e.H,e.M,e.S,e.L);return t.setFullYear(e.y),t}return new Date(e.y,e.m,e.d,e.H,e.M,e.S,e.L)}function Se(e){if(0<=e.y&&e.y<100){var t=new Date(Date.UTC(-1,e.m,e.d,e.H,e.M,e.S,e.L));return t.setUTCFullYear(e.y),t}return new Date(Date.UTC(e.y,e.m,e.d,e.H,e.M,e.S,e.L))}function oe(e,t,r){return{y:e,m:t,d:r,H:0,M:0,S:0,L:0}}function ze(e){var t=e.dateTime,r=e.date,n=e.time,s=e.periods,a=e.days,l=e.shortDays,_=e.months,b=e.shortMonths,u=se(s),w=ie(s),y=se(a),H=ie(a),m=se(l),c=ie(l),d=se(_),k=ie(_),h=se(b),Y=ie(b),S={a:K,A:ee,b:E,B:ut,c:null,d:Qe,e:Qe,f:mr,g:vr,G:kr,H:sr,I:ir,j:lr,L:ot,m:ur,M:hr,p:ht,q:dt,Q:Re,s:Ze,S:dr,u:cr,U:fr,V:yr,w:gr,W:pr,x:null,X:null,y:_r,Y:Mr,Z:Sr,"%":Ge},D={a:ct,A:ft,b:yt,B:gt,c:null,d:Ve,e:Ve,f:zr,g:Nr,G:qr,H:br,I:wr,j:Tr,L:it,m:Fr,M:Dr,p:pt,q:_t,Q:Re,s:Ze,S:Yr,u:xr,U:Cr,V:Ur,w:Ar,W:Lr,x:null,X:null,y:$r,Y:Wr,Z:Er,"%":Ge},g={a:de,A:p,b:O,B:A,c:Q,d:Oe,e:Oe,f:rr,g:Ie,G:He,H:Pe,I:Pe,j:Xt,L:tr,m:Jt,M:Kt,p:_e,q:Bt,Q:ar,s:or,S:er,u:Vt,U:Gt,V:Rt,w:Qt,W:Zt,x:ce,X,y:Ie,Y:He,Z:jt,"%":nr};S.x=F(r,S),S.X=F(n,S),S.c=F(t,S),D.x=F(r,D),D.X=F(n,D),D.c=F(t,D);function F(i,f){return function(v){var o=[],L=-1,z=0,N=i.length,W,Z,Ue;for(v instanceof Date||(v=new Date(+v));++L<N;)i.charCodeAt(L)===37&&(o.push(i.slice(z,L)),(Z=Ee[W=i.charAt(++L)])!=null?W=i.charAt(++L):Z=W==="e"?" ":"0",(Ue=f[W])&&(W=Ue(v,Z)),o.push(W),z=L+1);return o.push(i.slice(z,L)),o.join("")}}function he(i,f){return function(v){var o=oe(1900,void 0,1),L=R(o,i,v+="",0),z,N;if(L!=v.length)return null;if("Q"in o)return new Date(o.Q);if("s"in o)return new Date(o.s*1e3+("L"in o?o.L:0));if(f&&!("Z"in o)&&(o.Z=0),"p"in o&&(o.H=o.H%12+o.p*12),o.m===void 0&&(o.m="q"in o?o.q:0),"V"in o){if(o.V<1||o.V>53)return null;"w"in o||(o.w=1),"Z"in o?(z=Se(oe(o.y,0,1)),N=z.getUTCDay(),z=N>4||N===0?ge.ceil(z):ge(z),z=xe.offset(z,(o.V-1)*7),o.y=z.getUTCFullYear(),o.m=z.getUTCMonth(),o.d=z.getUTCDate()+(o.w+6)%7):(z=ke(oe(o.y,0,1)),N=z.getDay(),z=N>4||N===0?ye.ceil(z):ye(z),z=pe.offset(z,(o.V-1)*7),o.y=z.getFullYear(),o.m=z.getMonth(),o.d=z.getDate()+(o.w+6)%7)}else("W"in o||"U"in o)&&("w"in o||(o.w="u"in o?o.u%7:"W"in o?1:0),N="Z"in o?Se(oe(o.y,0,1)).getUTCDay():ke(oe(o.y,0,1)).getDay(),o.m=0,o.d="W"in o?(o.w+6)%7+o.W*7-(N+5)%7:o.w+o.U*7-(N+6)%7);return"Z"in o?(o.H+=o.Z/100|0,o.M+=o.Z%100,Se(o)):ke(o)}}function R(i,f,v,o){for(var L=0,z=f.length,N=v.length,W,Z;L<z;){if(o>=N)return-1;if(W=f.charCodeAt(L++),W===37){if(W=f.charAt(L++),Z=g[W in Ee?f.charAt(L++):W],!Z||(o=Z(i,v,o))<0)return-1}else if(W!=v.charCodeAt(o++))return-1}return o}function _e(i,f,v){var o=u.exec(f.slice(v));return o?(i.p=w.get(o[0].toLowerCase()),v+o[0].length):-1}function de(i,f,v){var o=m.exec(f.slice(v));return o?(i.w=c.get(o[0].toLowerCase()),v+o[0].length):-1}function p(i,f,v){var o=y.exec(f.slice(v));return o?(i.w=H.get(o[0].toLowerCase()),v+o[0].length):-1}function O(i,f,v){var o=h.exec(f.slice(v));return o?(i.m=Y.get(o[0].toLowerCase()),v+o[0].length):-1}function A(i,f,v){var o=d.exec(f.slice(v));return o?(i.m=k.get(o[0].toLowerCase()),v+o[0].length):-1}function Q(i,f,v){return R(i,t,f,v)}function ce(i,f,v){return R(i,r,f,v)}function X(i,f,v){return R(i,n,f,v)}function K(i){return l[i.getDay()]}function ee(i){return a[i.getDay()]}function E(i){return b[i.getMonth()]}function ut(i){return _[i.getMonth()]}function ht(i){return s[+(i.getHours()>=12)]}function dt(i){return 1+~~(i.getMonth()/3)}function ct(i){return l[i.getUTCDay()]}function ft(i){return a[i.getUTCDay()]}function yt(i){return b[i.getUTCMonth()]}function gt(i){return _[i.getUTCMonth()]}function pt(i){return s[+(i.getUTCHours()>=12)]}function _t(i){return 1+~~(i.getUTCMonth()/3)}return{format:function(i){var f=F(i+="",S);return f.toString=function(){return i},f},parse:function(i){var f=he(i+="",!1);return f.toString=function(){return i},f},utcFormat:function(i){var f=F(i+="",D);return f.toString=function(){return i},f},utcParse:function(i){var f=he(i+="",!0);return f.toString=function(){return i},f}}}var Ee={"-":"",_:" ",0:"0"},x=/^\s*\d+/,It=/^%/,Ot=/[\\^$*+?|[\]().{}]/g;function M(e,t,r){var n=e<0?"-":"",s=(n?-e:e)+"",a=s.length;return n+(a<r?new Array(r-a+1).join(t)+s:s)}function Pt(e){return e.replace(Ot,"\\$&")}function se(e){return new RegExp("^(?:"+e.map(Pt).join("|")+")","i")}function ie(e){return new Map(e.map((t,r)=>[t.toLowerCase(),r]))}function Qt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.w=+n[0],r+n[0].length):-1}function Vt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.u=+n[0],r+n[0].length):-1}function Gt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.U=+n[0],r+n[0].length):-1}function Rt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.V=+n[0],r+n[0].length):-1}function Zt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.W=+n[0],r+n[0].length):-1}function He(e,t,r){var n=x.exec(t.slice(r,r+4));return n?(e.y=+n[0],r+n[0].length):-1}function Ie(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.y=+n[0]+(+n[0]>68?1900:2e3),r+n[0].length):-1}function jt(e,t,r){var n=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(t.slice(r,r+6));return n?(e.Z=n[1]?0:-(n[2]+(n[3]||"00")),r+n[0].length):-1}function Bt(e,t,r){var n=x.exec(t.slice(r,r+1));return n?(e.q=n[0]*3-3,r+n[0].length):-1}function Jt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.m=n[0]-1,r+n[0].length):-1}function Oe(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.d=+n[0],r+n[0].length):-1}function Xt(e,t,r){var n=x.exec(t.slice(r,r+3));return n?(e.m=0,e.d=+n[0],r+n[0].length):-1}function Pe(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.H=+n[0],r+n[0].length):-1}function Kt(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.M=+n[0],r+n[0].length):-1}function er(e,t,r){var n=x.exec(t.slice(r,r+2));return n?(e.S=+n[0],r+n[0].length):-1}function tr(e,t,r){var n=x.exec(t.slice(r,r+3));return n?(e.L=+n[0],r+n[0].length):-1}function rr(e,t,r){var n=x.exec(t.slice(r,r+6));return n?(e.L=Math.floor(n[0]/1e3),r+n[0].length):-1}function nr(e,t,r){var n=It.exec(t.slice(r,r+1));return n?r+n[0].length:-1}function ar(e,t,r){var n=x.exec(t.slice(r));return n?(e.Q=+n[0],r+n[0].length):-1}function or(e,t,r){var n=x.exec(t.slice(r));return n?(e.s=+n[0],r+n[0].length):-1}function Qe(e,t){return M(e.getDate(),t,2)}function sr(e,t){return M(e.getHours(),t,2)}function ir(e,t){return M(e.getHours()%12||12,t,2)}function lr(e,t){return M(1+pe.count(G(e),e),t,3)}function ot(e,t){return M(e.getMilliseconds(),t,3)}function mr(e,t){return ot(e,t)+"000"}function ur(e,t){return M(e.getMonth()+1,t,2)}function hr(e,t){return M(e.getMinutes(),t,2)}function dr(e,t){return M(e.getSeconds(),t,2)}function cr(e){var t=e.getDay();return t===0?7:t}function fr(e,t){return M(Ce.count(G(e)-1,e),t,2)}function st(e){var t=e.getDay();return t>=4||t===0?ne(e):ne.ceil(e)}function yr(e,t){return e=st(e),M(ne.count(G(e),e)+(G(e).getDay()===4),t,2)}function gr(e){return e.getDay()}function pr(e,t){return M(ye.count(G(e)-1,e),t,2)}function _r(e,t){return M(e.getFullYear()%100,t,2)}function vr(e,t){return e=st(e),M(e.getFullYear()%100,t,2)}function Mr(e,t){return M(e.getFullYear()%1e4,t,4)}function kr(e,t){var r=e.getDay();return e=r>=4||r===0?ne(e):ne.ceil(e),M(e.getFullYear()%1e4,t,4)}function Sr(e){var t=e.getTimezoneOffset();return(t>0?"-":(t*=-1,"+"))+M(t/60|0,"0",2)+M(t%60,"0",2)}function Ve(e,t){return M(e.getUTCDate(),t,2)}function br(e,t){return M(e.getUTCHours(),t,2)}function wr(e,t){return M(e.getUTCHours()%12||12,t,2)}function Tr(e,t){return M(1+xe.count(j(e),e),t,3)}function it(e,t){return M(e.getUTCMilliseconds(),t,3)}function zr(e,t){return it(e,t)+"000"}function Fr(e,t){return M(e.getUTCMonth()+1,t,2)}function Dr(e,t){return M(e.getUTCMinutes(),t,2)}function Yr(e,t){return M(e.getUTCSeconds(),t,2)}function xr(e){var t=e.getUTCDay();return t===0?7:t}function Cr(e,t){return M(nt.count(j(e)-1,e),t,2)}function lt(e){var t=e.getUTCDay();return t>=4||t===0?ae(e):ae.ceil(e)}function Ur(e,t){return e=lt(e),M(ae.count(j(e),e)+(j(e).getUTCDay()===4),t,2)}function Ar(e){return e.getUTCDay()}function Lr(e,t){return M(ge.count(j(e)-1,e),t,2)}function $r(e,t){return M(e.getUTCFullYear()%100,t,2)}function Nr(e,t){return e=lt(e),M(e.getUTCFullYear()%100,t,2)}function Wr(e,t){return M(e.getUTCFullYear()%1e4,t,4)}function qr(e,t){var r=e.getUTCDay();return e=r>=4||r===0?ae(e):ae.ceil(e),M(e.getUTCFullYear()%1e4,t,4)}function Er(){return"+0000"}function Ge(){return"%"}function Re(e){return+e}function Ze(e){return Math.floor(+e/1e3)}var re,P;Hr({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});function Hr(e){return re=ze(e),P=re.format,re.parse,re.utcFormat,re.utcParse,re}const Fe=[[1,4,12,52,365,365*24,365*24*60,365*24*60*60,365*24*60*60*1e3],[1/4,1,3,13,91,91*24,91*24*60,91*24*60*60,91*24*60*60*1e3],[1/12,1/3,1,4,30,30*24,30*24*60,30*24*60*60,30*24*60*60*1e3],[1/52,1/13,1/4,1,7,7*24,7*24*60,7*24*60*60,7*24*60*60*1e3],[1/365,1/91,1/30,1/7,1,24,24*60,24*60*60,24*60*60*1e3],[1/(365*24),1/(91*24),1/(30*24),1/(7*24),1/24,1,60,60*60,60*60*1e3],[1/(365*24*60),1/(91*24*60),1/(30*24*60),1/(7*24*60),1/(24*60),1/60,1,60,60*1e3],[1/(365*24*60*60),1/(91*24*60*60),1/(30*24*60*60),1/(7*24*60*60),1/(24*60*60),1/(60*60),1/60,1,1e3],[1/(365*24*60*60*1e3),1/(91*24*60*60*1e3),1/(30*24*60*60*1e3),1/(7*24*60*60*1e3),1/(24*60*60*1e3),1/(60*60*1e3),1/(60*1e3),1/1e3,1]];function Ir(e,t,r){if(q.isEmpty(e))return;if(!t||!r||t===r)return e;const n=Fe[t-1][r-1];if(n)return e*n}function Or(e,t,r,n){if(q.isEmpty(e)||!t.lowestLevel||r.length===0)return"";const s=[];let a=0,l=Math.round(e*Fe[t.lowestLevel-1][8]);const _=9;for(const[,u]of r.entries())if(e){l=l-a;const w=Fe[u-1][_-1],y=Math.floor(l/w);a=y*w,s.push({level:u,value:y})}else s.push({level:u,value:0});let b="";for(const[u,w]of s.entries())if(t.duration.format==="time"){let y=w.value;[6,7,8].includes(w.level)&&w.value<10?y="0"+w.value.toString():w.level===9&&w.value<10?y="00"+w.value.toString():w.level===9&&w.value<100&&(y="0"+w.value.toString()),b+=(u===0?"":w.level===9?".":":")+y}else if(t.duration.format==="long"){const y=n.durationLongSuffix;b+=w.value+" "+y[w.level]+(u===s.length-1?"":" ")}else{const y=n.durationShortSuffix;b+=w.value+""+y[w.level]+(u===s.length-1?"":" ")}return b}const mt={decimal:".",thousands:",",grouping:[3],currency:["$",""],dateTime:"%a %b %e %X %Y",date:"%m/%d/%Y",dateSeparator:"/",time:"%H:%M:%S",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],levels:["All","Year","Quarter","Month","Week","Date","Hour","Minute","Second","Millisecond"],shortLevels:["All","Yr","Qtr","Mth","Wk","Date","Hr","Min","Sec","Msec"],durationLongSuffix:["","years","quarters","months","weeks","days","hours","minutes","seconds","milliseconds"],durationShortSuffix:["","y","q","mo","w","d","h","m","s","ms"],multi:[".%L",":%S","%I:%M","%I %p","%a %d","W%G","%b %d","%B","%Y"]},Pr="%d-%m-%Y",De=[{key:"%a %e %b %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%b %Y",lev4:"Wk %V-%G",lev5:"%a %e %b %Y",monthType:"name",longText:!1,weekday:!0},{key:"%e %b %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%b %Y",lev4:"Wk %V-%G",lev5:"%e %b %Y",monthType:"name",longText:!1,weekday:!1},{key:"%a %e %B %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%B %Y",lev4:"Week %V, %G",lev5:"%a %e %B %Y",monthType:"name",longText:!0,weekday:!0},{key:"%e %B %Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%B %Y",lev4:"Week %V, %G",lev5:"%e %B %Y",monthType:"name",longText:!0,weekday:!1},{key:"%d/%m/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"W%V/%G",lev5:"%d/%m/%Y",monthType:"number",mmdd:!1,separator:"/"},{key:"%d-%m-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"W%V-%G",lev5:"%d-%m-%Y",monthType:"number",mmdd:!1,separator:"-"},{key:"%d.%m.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"W%V.%G",lev5:"%d.%m.%Y",monthType:"number",mmdd:!1,separator:"."},{key:"%d~%m~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"W%V~%G",lev5:"%d~%m~%Y",monthType:"number",mmdd:!1,separator:"~"},{key:"%m/%d/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"%G/W%V",lev5:"%m/%d/%Y",monthType:"number",mmdd:!0,separator:"/"},{key:"%m-%d-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"%G-W%V",lev5:"%m-%d-%Y",monthType:"number",mmdd:!0,separator:"-"},{key:"%m.%d.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"%G.W%V",lev5:"%m.%d.%Y",monthType:"number",mmdd:!0,separator:"."},{key:"%m~%d~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"%G~W%V",lev5:"%m~%d~%Y",monthType:"number",mmdd:!0,separator:"~"},{key:"%amd/%Y",lev1:"%Y",lev2:"Q%q/%Y",lev3:"%m/%Y",lev4:"%G/W%V",lev5:"%amd/%Y",monthType:"number",mmdd:null,separator:"/"},{key:"%amd-%Y",lev1:"%Y",lev2:"Q%q-%Y",lev3:"%m-%Y",lev4:"%G-W%V",lev5:"%amd-%Y",monthType:"number",mmdd:null,separator:"-"},{key:"%amd.%Y",lev1:"%Y",lev2:"Q%q.%Y",lev3:"%m.%Y",lev4:"%G.W%V",lev5:"%amd.%Y",monthType:"number",mmdd:null,separator:"."},{key:"%amd~%Y",lev1:"%Y",lev2:"Q%q~%Y",lev3:"%m~%Y",lev4:"%G~W%V",lev5:"%amd~%Y",monthType:"number",mmdd:null,separator:"~"}],Qr=[{key:"%H:%M:%S.%L",lev6:"%H:00",lev7:"%H:%M",lev8:"%H:%M:%S",lev9:"%H:%M:%S.%L",ampm:!1},{key:"%I:%M:%S.%L %p",lev6:"%I:00 %p",lev7:"%I:%M %p",lev8:"%I:%M:%S %p",lev9:"%I:%M:%S.%L %p",ampm:!0}];function be(e,t){var y,H;t=t||{};const r=t.localFormats||mt;let n,s,a,l=[],_=[],b="datetime",u;t&&t.multi&&(b="datetime"),(!e||!e.format)&&(b="hierarchy"),e&&e.type&&(b=e.type),e&&e.format?u=e.format:b==="numeric"?u=",.0f":b==="datetime"?u=Pr:u="";const w=Mt.decomposeNumericFormat(u);switch(w.precision&&w.typeFormat&&(b="numeric"),b){case"numeric":{if(e.subtype==="duration"&&e.duration&&e.duration.levels&&e.duration.levels.length>1&&!t.hideDuration)n=m=>q.isEmpty(m)?"":Or(m,e,e.duration.levels,r);else{const m={...r};let c=w.typeFormat,d=!1;switch(c.length===2&&c.startsWith("a")&&(d=!0,c=c.slice(1,2),u=u.replace(/a/,"")),d?(m.decimal=r.decimal,m.thousands=r.thousands):["z","y","w"].includes(c)?(m.decimal=",",m.thousands="."):(m.decimal=".",m.thousands=","),c){case"z":{u=u.replace("z","f");break}case"y":{u=u.replace("y","%");break}case"w":{u=u.replace("w","s");break}}if((e==null?void 0:e.subtype)==="currency"&&e.currency){const h=" ",Y=m.currency.findIndex(F=>F.length>0),S=m.currency[Y].startsWith(h),D=m.currency[Y].endsWith(h),g=`${S?h:""}${e.currency}${D?h:""}`;m.currency[Y]=g}const k=Dt(m);c!=="%"&&(e==null?void 0:e.subtype)==="currency"&&e.currency&&m.currency&&!(t!=null&&t.hideCurrency)&&!["count","distinctcount"].includes(e.aggregationFunc)&&!(e.aggregationFunc==="rate"&&((y=e.aggregationWeight)==null?void 0:y.columnSubType)==="currency")&&((H=e.periodOverPeriod)==null?void 0:H.type)!=="percentageChange"&&(u="$"+u),t!=null&&t.trimZero&&["y","%"].includes(c)&&m.decimal===","?s=h=>k.format(u)(h).replace(/(,\d*?)0+%$/,"$1%").replace(/,%$/,"%"):t!=null&&t.trimZero&&["y","%"].includes(c)&&m.decimal==="."?s=h=>k.format(u)(h).replace(/(\.\d*?)0+%$/,"$1%").replace(/\.%$/,"%"):t!=null&&t.trimZero&&["z","f"].includes(c)&&m.decimal===","?s=h=>k.format(u)(h).replace(/(,\d*?)0+$/,"$1").replace(/,$/,""):t!=null&&t.trimZero&&["z","f"].includes(c)&&m.decimal==="."?s=h=>k.format(u)(h).replace(/(\.\d*?)0+$/,"$1").replace(/\.$/,""):(e==null?void 0:e.subtype)==="currency"&&e.currency&&m.currency&&c==="s"?s=h=>k.format(u)(h).replace(/G/,"B"):s=q.isEmpty(w.precision)?k.format(",.0f"):k.format(u),n=h=>{var Y;if(q.isEmpty(h))return"";if(e.subtype==="duration"&&e.duration&&!t.hideDuration){const S=e.duration.levels?e.duration.levels[0]:e.lowestLevel;return S!==e.lowestLevel&&(h=Ir(h,e.lowestLevel,S)),s(h)+((Y=r==null?void 0:r.durationShortSuffix)==null?void 0:Y[S])}return s(h)}}break}case"datetime":{if(l=(r==null?void 0:r.smartDateFormats)??De,_=(r==null?void 0:r.smartTimeFormats)??Qr,q.isEmpty(e.datetimeDisplayMode)){if(t!=null&&t.level){const m=t.level,c=l.find(D=>u.includes(D.key)),d=_.find(D=>u.includes(D.key)),k=c?c["lev"+Math.min(m,5)]:l[0]["lev"+Math.min(m,5)],h=m>5?d?d["lev"+m]:_[0]["lev"+m]:"";u=m>5?k+", "+h:k;const Y=u.includes("%amd")&&t.level>=5,S=c?t.level>=2&&c.separator==="~":!1;Y?u=S?u.replaceAll(new RegExp(/%amd[.~\/-]%Y/g),r.date.slice(0,8)):u.replaceAll(new RegExp(/%amd[.~\/-]%Y/g),r.date.slice(0,8).replaceAll(new RegExp(/[.~\/-]/g),c.separator)):u=S?u.replaceAll(new RegExp(/[~]/g),r.dateSeparator):u}if(t!=null&&t.multi){const m=P(r.multi[0]),c=P(r.multi[1]),d=P(r.multi[2]),k=P(r.multi[3]),h=P(r.multi[4]),Y=P(r.multi[6]),S=P(r.multi[7]),D=P(r.multi[8]);a=g=>{let F;return et(g)<g?F=m:tt(g)<g?F=c:rt(g)<g?F=d:pe(g)<g?F=k:at(g)<g?F=Ce(g)<g?h:Y:G(g)<g?F=S:F=D,F(g)}}else a=ze(r).format(u)}else{const m={quarter_number:{min:1,max:4},month_name:{min:1,max:12},month_number:{min:1,max:12},week_number:{min:1,max:53},day_in_month:{min:1,max:31},day_in_year:{min:1,max:366},weekday_name:{min:0,max:7},weekday_number:{min:0,max:7},hour_in_day:{min:0,max:23},minute_in_hour:{min:0,max:59},second_in_minute:{min:0,max:59}},c=(d,k,h)=>{var Y,S,D,g,F;return k==="letter"?((Y=d.shortNames)==null?void 0:Y.length)>0&&((S=d.shortNames[h])==null?void 0:S.length)>0?(D=d.shortNames[h])==null?void 0:D.charAt(0):"N/A":k==="short"?((g=d.shortNames)==null?void 0:g.length)>0&&d.shortNames[h]?d.shortNames[h]:"N/A":((F=d.longNames)==null?void 0:F.length)>0&&d.longNames[h]?d.longNames[h]:"N/A"};["quarter_number","month_number","week_number","day_in_month","day_in_year","weekday_number","hour_in_day","minute_in_hour","second_in_minute"].includes(e.datetimeDisplayMode)?a=d=>q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?d:"N/A":e.datetimeDisplayMode==="month_name"?a=d=>{const k=[...r.shortMonths],h=[...r.months];return q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?c({shortNames:k,longNames:h},e.monthNameFormat,d-1):"N/A"}:e.datetimeDisplayMode==="weekday_name"?a=d=>{const k=[...r.shortDays],h=[...r.days];return e.weekStart==="monday"&&(k.push(k.shift()??""),h.push(h.shift()??"")),q.isNumeric(d)&&d>=m[e.datetimeDisplayMode].min&&d<=m[e.datetimeDisplayMode].max?c({shortNames:k,longNames:h},e.weekDayNameFormat,d-1):"N/A"}:a=ze(r).format(u)}n=m=>{if(q.isEmpty(m))return"";const c=a(m);return q.isString(c)?c.trim():c};break}case"hierarchy":{n=m=>q.localize(m,t?t.locale:void 0);break}default:{n=m=>m;break}}return n}const je={"~":"Auto","/":"/","-":"-",".":"."},we={level2:[{key:"default",label:"Default"},{key:"quarter_number",label:"Quarter numbers"}],level3:[{key:"default",label:"Default"},{key:"month_in_year",label:"Month number"}],level4:[{key:"default",label:"Default"},{key:"week_number",label:"Week number"}],level5:[{key:"default",label:"Default"},{key:"day_in_week",label:"Day in week"},{key:"day_in_month",label:"Day in month"},{key:"day_in_year",label:"Day in year"}],level6:[{key:"default",label:"Default"},{key:"hour_in_day",label:"Hour in day"}],level7:[{key:"default",label:"Default"},{key:"minute_in_hour",label:"Minute in hour"}],level8:[{key:"default",label:"Default"},{key:"second_in_minute",label:"Second in minute"}]},Be={number:"Number",letter:"Letter",short:"Short",long:"Long"},Je={sunday:"Sunday",monday:"Monday"},Vr=":host{font-family:var(--luzmo-display-settings-datetime-font-family, var(--luzmo-font-family))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-datetime-gap, var(--display-settings-datetime-gap))}:host .example-container{line-height:var(--luzmo-display-settings-datetime-example-height, var(--display-settings-datetime-example-height));font-size:var(--luzmo-display-settings-datetime-example-font-size, var(--display-settings-datetime-example-font-size));color:var(--luzmo-display-settings-datetime-example-color, var(--display-settings-datetime-example-color))}:host .example-container .example-label{font-weight:var(--luzmo-display-settings-datetime-example-label-font-weight, var(--display-settings-datetime-example-label-font-weight));color:var(--luzmo-display-settings-datetime-example-label-color, var(--display-settings-datetime-example-label-color))}:host .example-container .example-language{text-transform:uppercase;color:var(--luzmo-display-settings-datetime-example-language-color, var(--display-settings-datetime-example-language-color))}:host{--display-settings-datetime-example-font-size: var(--luzmo-font-size);--display-settings-datetime-example-color: var(--luzmo-font-color);--display-settings-datetime-example-label-font-weight: bold;--display-settings-datetime-example-label-color: var(--luzmo-primary);--display-settings-datetime-example-language-color: var(--luzmo-primary)}:host{--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=s]){--display-settings-datetime-gap: var(--luzmo-spacing-3);--display-settings-datetime-example-height: var(--luzmo-component-height-s);--display-settings-datetime-example-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-datetime-gap: var(--luzmo-spacing-4);--display-settings-datetime-example-height: var(--luzmo-component-height-l);--display-settings-datetime-example-font-size: var(--luzmo-font-size)}:host([size=xl]){--display-settings-datetime-gap: var(--luzmo-spacing-5);--display-settings-datetime-example-height: var(--luzmo-component-height-xl);--display-settings-datetime-example-font-size: var(--luzmo-font-size-l)}";var Gr=Object.defineProperty,$=(e,t,r,n)=>{for(var s=void 0,a=e.length-1,l;a>=0;a--)(l=e[a])&&(s=l(t,r,s)||s);return s&&Gr(t,r,s),s};class U extends Ae.m(T.kt,{validSizes:Object.values(Ae.d)}){constructor(){super(...arguments),this._loadLocaleFormatsConfig=new vt.h(this,{task:async([t])=>{if(t&&t!==this._contentLanguageLoaded){const r=Object.assign({"../../utils/formatter/formats/cs.ts":()=>Promise.resolve().then(()=>require("./cs-I9E81keK.cjs")),"../../utils/formatter/formats/da.ts":()=>Promise.resolve().then(()=>require("./da-QkdvupDg.cjs")),"../../utils/formatter/formats/de.ts":()=>Promise.resolve().then(()=>require("./de-Dn5mUzha.cjs")),"../../utils/formatter/formats/en-GB.ts":()=>Promise.resolve().then(()=>require("./en-GB-DrOGXwdM.cjs")),"../../utils/formatter/formats/en-US.ts":()=>Promise.resolve().then(()=>require("./en-US-BvtH5B9A.cjs")),"../../utils/formatter/formats/en.ts":()=>Promise.resolve().then(()=>require("./en-BvtH5B9A.cjs")),"../../utils/formatter/formats/es.ts":()=>Promise.resolve().then(()=>require("./es-CwyPlN5d.cjs")),"../../utils/formatter/formats/fi.ts":()=>Promise.resolve().then(()=>require("./fi-rijeZE5V.cjs")),"../../utils/formatter/formats/fr.ts":()=>Promise.resolve().then(()=>require("./fr-BcgE-6S_.cjs")),"../../utils/formatter/formats/he.ts":()=>Promise.resolve().then(()=>require("./he-O6Ih8Bqh.cjs")),"../../utils/formatter/formats/hu.ts":()=>Promise.resolve().then(()=>require("./hu-BnZ8y3xQ.cjs")),"../../utils/formatter/formats/it.ts":()=>Promise.resolve().then(()=>require("./it-PshtLMkq.cjs")),"../../utils/formatter/formats/ja.ts":()=>Promise.resolve().then(()=>require("./ja-KIS2HdaG.cjs")),"../../utils/formatter/formats/ko.ts":()=>Promise.resolve().then(()=>require("./ko--l4qmjLV.cjs")),"../../utils/formatter/formats/mk.ts":()=>Promise.resolve().then(()=>require("./mk-DZlj-edb.cjs")),"../../utils/formatter/formats/nl.ts":()=>Promise.resolve().then(()=>require("./nl-BKlDqOXb.cjs")),"../../utils/formatter/formats/no.ts":()=>Promise.resolve().then(()=>require("./no-D_SzxhTu.cjs")),"../../utils/formatter/formats/pl.ts":()=>Promise.resolve().then(()=>require("./pl-PIK23rK_.cjs")),"../../utils/formatter/formats/pt.ts":()=>Promise.resolve().then(()=>require("./pt-Dqlu4MS5.cjs")),"../../utils/formatter/formats/ru.ts":()=>Promise.resolve().then(()=>require("./ru-zyNDTB04.cjs")),"../../utils/formatter/formats/sv.ts":()=>Promise.resolve().then(()=>require("./sv-1DPTltNQ.cjs")),"../../utils/formatter/formats/tr.ts":()=>Promise.resolve().then(()=>require("./tr-BkmWvOG2.cjs")),"../../utils/formatter/formats/zh-CN.ts":()=>Promise.resolve().then(()=>require("./zh-CN-DTZ4OmdP.cjs")),"../../utils/formatter/formats/zh-TW.ts":()=>Promise.resolve().then(()=>require("./zh-TW-DTZ4OmdP.cjs"))});if(r[`../../utils/formatter/formats/${t}.ts`]){const n=await r[`../../utils/formatter/formats/${t}.ts`]();this._localeFormats=(n==null?void 0:n.default)??{}}return this._localeFormats}},args:()=>[this.contentLanguage]}),this.language="en",this.contentLanguage="en",this.size="m",this.slotContent={},this._dateLevel=5,this._displayAs="default",this._weekStart="monday",this._weekDayAndMonthInYearFormat="long",this._dateFormat="auto",this._dateSeparator="~",this._sendEvent=()=>{this._calculateSlotContent(),this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:this._currentSlotContent}}))}}static get styles(){return[T.r$1(Vr)]}_parseSlotContent(){var t,r;this._dateLevel=this.slotContent.level??((t=this.slotContent)==null?void 0:t.lowestLevel)??5,this._displayAs=((r=this.slotContent)==null?void 0:r.datetimeDisplayMode)??"default",this._displayAs==="weekday_number"&&(this._displayAs="day_in_week",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="weekday_name"&&(this._displayAs="day_in_week"),this._displayAs==="month_number"&&(this._displayAs="month_in_year",this._weekDayAndMonthInYearFormat="number"),this._displayAs==="month_name"&&(this._displayAs="month_in_year")}_calculateFormat(){var n;let t;const r=((n=this._localeFormats)==null?void 0:n.smartDateFormats)??De;this._monthName?(t=r.filter(s=>s.monthType==="name"&&s.longText===(this._monthNameFormat==="long")&&s.weekday===this._weekDay),t.length>0?this._format=t[0].key:(this._weekDayAndMonthInYearFormat="short",this._weekDay=!0,this._format="%a %e %B %Y")):(t=this._dateLevel&&this._dateLevel===4?r.filter(s=>s.monthType==="number"&&s.mmdd===(this._weekFormat==="mmdd"?!0:this._weekFormat==="ddmm"?!1:null)&&s.separator===this._dateSeparator):r.filter(s=>s.monthType==="number"&&s.mmdd===(this._dateFormat==="mmdd"?!0:this._dateFormat==="ddmm"?!1:null)&&s.separator===this._dateSeparator),this._dateFormat==="auto"&&this._dateLevel&&this._dateLevel!==4?this._format="%amd"+this._dateSeparator+"%Y":t.length>0?this._format=t[0].key:(this._dateFormat="ddmm",this._dateSeparator="/",this._format="%d/%m/%Y")),this._dateLevel&&this._dateLevel>5&&(this._format+=this._24hFormat?" %H:%M:%S.%L":" %I:%M:%S.%L %p")}_setWeekStartsOn(){this._weekStart=this._weekStartElement.value,this._sendEvent(),this.requestUpdate()}_setDisplayAs(){this._displayAs=this._displayAsElement.value,this._sendEvent(),this.requestUpdate()}_setWeekdayAndMonthInYearFormat(){var t;this._weekDayAndMonthInYearFormat=((t=this._weekDayAndMonthInYearFormatElement.selected)==null?void 0:t[0])??"long",this._sendEvent(),this.requestUpdate()}_setMonthNameFormat(){var t;this._monthNameFormat=(t=this._monthNameFormatElement.selected)==null?void 0:t[0],this._sendEvent(),this.requestUpdate()}_setMonthName(){this._monthName=this._monthNameElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekFormat(){var t;this._weekFormat=(t=this._weekFormatElement.selected)==null?void 0:t[0],this._sendEvent(),this.requestUpdate()}_setDateFormat(){this._dateFormat=this._dateFormatElement.value,this._sendEvent(),this.requestUpdate()}_setDateSeparator(){this._dateSeparator=this._dateSeparatorElement.value,this._sendEvent(),this.requestUpdate()}_set24hFormat(){this._24hFormat=this._format24hElement.selected,this._sendEvent(),this.requestUpdate()}_setWeekday(){this._weekDay=this._weekDayElement.selected,this._sendEvent(),this.requestUpdate()}_calculateSlotContent(){this._currentSlotContent={...this.slotContent},this._calculateFormat(),this._currentSlotContent.format=this._format,this._displayAs==="default"?delete this._currentSlotContent.datetimeDisplayMode:(this._currentSlotContent.datetimeDisplayMode=this._displayAs,this._displayAs==="week_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"week_number":"week_name":this._displayAs==="month_in_year"?this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"month_number":"month_name":this._displayAs==="day_in_week"&&(this._currentSlotContent.datetimeDisplayMode=this._weekDayAndMonthInYearFormat==="number"?"weekday_number":"weekday_name",this._currentSlotContent.weekStart=this._weekStart),this._weekDayAndMonthInYearFormat&&(this._dateLevel===3?this._currentSlotContent.monthNameFormat=this._weekDayAndMonthInYearFormat:this._dateLevel===5&&(this._currentSlotContent.weekDayNameFormat=this._weekDayAndMonthInYearFormat)))}willUpdate(t){t.has("slotContent")&&(this._parseSlotContent(),this._calculateSlotContent())}_renderDisplaySettings(){var r;const t=(r=we==null?void 0:we[`level${this._dateLevel??0}`])==null?void 0:r.map(n=>T.x`<luzmo-menu-item value=${n.key}>
+          ${n.label}
+        </luzmo-menu-item>`);return T.x`<div class="setting">
+      <luzmo-field-label for="display-as">Display</luzmo-field-label>
+      <luzmo-picker
+        id="display-as"
+        size=${this.size}
+        variant="highlight"
+        value=${this._displayAs??"default"}
+        @change=${this._setDisplayAs}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`}_renderWeekDayAndMonthNameFormatSettings(){const t=Object.keys(Be).map(r=>T.x`<luzmo-action-button value=${r}>
+        ${Be[r]}
+      </luzmo-action-button>`);return T.x` <div class="setting">
+      <luzmo-field-label for="weekday-and-month-in-year-format"
+        >Format</luzmo-field-label
+      >
+      <luzmo-action-group
+        emphasized
+        id="weekday-and-month-in-year-format"
+        size=${this.size}
+        compact
+        .selected=${[this._weekDayAndMonthInYearFormat??"short"]}
+        selects="single"
+        @change=${this._setWeekdayAndMonthInYearFormat}
+      >
+        ${t}
+      </luzmo-action-group>
+    </div>`}_renderMonthNameFormatSettings(){return T.x` <div class="setting">
+      <luzmo-field-label for="month-name-format">Format</luzmo-field-label>
+      <luzmo-action-group
+        emphasized
+        id="month-name-format"
+        size=${this.size}
+        compact
+        .selected=${[this._monthNameFormat??"long"]}
+        selects="single"
+        @change=${this._setMonthNameFormat}
+      >
+        <luzmo-action-button value="short">Short</luzmo-action-button>
+        <luzmo-action-button value="long">Long</luzmo-action-button>
+      </luzmo-action-group>
+    </div>`}_renderWeekFormatSettings(){var s;const t=((s=this._localeFormats)==null?void 0:s.smartDateFormats)??De,r=t.find(a=>a.mmdd===!0&&a.separator===this._dateSeparator&&a.monthType==="number"),n=t.find(a=>a.mmdd===!1&&a.separator===this._dateSeparator&&a.monthType==="number");return T.x` <div class="setting">
+      <luzmo-field-label for="week-format">Format</luzmo-field-label>
+      <luzmo-action-group
+        emphasized
+        id="week-format"
+        size=${this.size}
+        compact
+        .selected=${[this._weekFormat??"ddmm"]}
+        selects="single"
+        @change=${this._setWeekFormat}
+      >
+        <luzmo-action-button value="ddmm">
+          ${be({...this._currentSlotContent,type:"datetime",format:n==null?void 0:n.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}
+        </luzmo-action-button>
+        <luzmo-action-button value="mmdd"
+          >${be({...this._currentSlotContent,type:"datetime",format:r==null?void 0:r.key},{localFormats:this._localeFormats,level:this._dateLevel})(new Date)}</luzmo-action-button
+        >
+      </luzmo-action-group>
+    </div>`}_renderWeekStartsOnSettings(){const t=Object.keys(Je).map(r=>T.x`<luzmo-menu-item value=${r}>
+          ${Je[r]}
+        </luzmo-menu-item>`);return T.x`<div class="setting">
+      <luzmo-field-label for="week-start">Week starts on</luzmo-field-label>
+      <luzmo-picker
+        id="week-start"
+        size=${this.size}
+        variant="highlight"
+        value=${this._weekStart??"Auto"}
+        @change=${this._setWeekStartsOn}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`}_renderMonthNameSettings(){return T.x`<div class="settings-">
+      <luzmo-field-label for="month-name">Month</luzmo-field-label>
+      <luzmo-action-button
+        id="month-name"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._monthName}
+        @change=${this._setMonthName}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._monthName?te.luzmoCheckboxChecked:te.luzmoCheckbox}
+        ></luzmo-icon>
+        Name
+      </luzmo-action-button>
+    </div>`}_renderDateFormatSettings(){const t=this._dateSeparator==="~"?"/":this._dateSeparator;return T.x`<div class="setting">
+      <luzmo-field-label for="date-format">Format</luzmo-field-label>
+      <luzmo-picker
+        id="date-format"
+        size=${this.size}
+        variant="highlight"
+        value=${this._dateFormat??"Auto"}
+        @change=${this._setDateFormat}
+      >
+        <luzmo-menu-item value="auto">Auto</luzmo-menu-item>
+        <luzmo-menu-item value="mmdd">12${t}31</luzmo-menu-item>
+        <luzmo-menu-item value="ddmm">31${t}12</luzmo-menu-item>
+      </luzmo-picker>
+    </div>`}_renderSeparatorSettings(){const t=Object.keys(je).map(r=>T.x`<luzmo-menu-item value=${r}>
+          ${je[r]}
+        </luzmo-menu-item>`);return T.x`<div class="setting">
+      <luzmo-field-label for="date-separator">Separator</luzmo-field-label>
+      <luzmo-picker
+        id="date-separator"
+        size=${this.size}
+        variant="highlight"
+        value=${this._dateSeparator??"~"}
+        @change=${this._setDateSeparator}
+      >
+        ${t}
+      </luzmo-picker>
+    </div>`}_render24hFormatSettings(){return T.x`<div class="settings-">
+      <luzmo-field-label for="format-24h">24h</luzmo-field-label>
+      <luzmo-action-button
+        id="format-24h"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._24hFormat}
+        @change=${this._set24hFormat}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._24hFormat?te.luzmoCheckboxChecked:te.luzmoCheckbox}
+        ></luzmo-icon>
+      </luzmo-action-button>
+    </div>`}_renderWeekdaySettings(){return T.x`<div class="settings-">
+      <luzmo-field-label for="weekday">Weekday</luzmo-field-label>
+      <luzmo-action-button
+        id="weekday"
+        emphasized
+        toggles
+        .size=${this.size}
+        ?selected=${this._weekDay}
+        @change=${this._setWeekday}
+      >
+        <luzmo-icon
+          slot="icon"
+          .size=${this.size}
+          .icon=${this._weekDay?te.luzmoCheckboxChecked:te.luzmoCheckbox}
+        ></luzmo-icon>
+        Show
+      </luzmo-action-button>
+    </div>`}_renderExampleFormat(){return T.x`<span class="example">
+        ${be({...this._currentSlotContent,type:"datetime"},{localFormats:this._localeFormats,level:this._dateLevel})(!this._displayAs||this._displayAs==="default"?new Date:1)}
+      </span>
+      ${(this._dateSeparator==="~"||this._dateFormat==="auto")&&!this._monthName?T.x`<span class="example-language">
+            (${this.contentLanguage})
+          </span>`:""}`}_renderAllSettings(){return T.x`<div class="settings-container">
+      ${this._dateLevel&&![1,9].includes(this._dateLevel)?T.x` <div class="settings-row">
+            ${this._renderDisplaySettings()}
+            ${this._dateLevel&&this._dateLevel>=5&&this._displayAs==="day_in_week"?this._renderWeekStartsOnSettings():""}
+          </div>`:""}
+      ${["month_in_year","day_in_week"].includes(this._displayAs??"")?T.x` <div class="settings-row">
+            ${this._renderWeekDayAndMonthNameFormatSettings()}
+          </div>`:""}
+      ${this._dateLevel&&this._dateLevel>1&&this._displayAs==="default"?T.x` <div class="settings-row">
+            ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel!==2?this._renderMonthNameSettings():""}
+            ${this._dateLevel&&this._dateLevel!==4&&this._dateLevel>2&&this._monthName?this._renderMonthNameFormatSettings():""}
+            ${this._dateLevel&&this._dateLevel===4&&!this._monthName?this._renderWeekFormatSettings():""}
+            ${this._dateLevel&&this._dateLevel>=5&&!this._monthName?this._renderDateFormatSettings():""}
+            ${this._dateLevel&&this._dateLevel>1&&!this._monthName?this._renderSeparatorSettings():""}
+            ${this._dateLevel&&this._dateLevel>=5&&this._monthName?this._renderWeekdaySettings():""}
+            ${this._dateLevel&&this._dateLevel>5?this._render24hFormatSettings():""}
+          </div>`:""}
+      <div class="settings-row">
+        <div class="example-container">
+          <span class="example-label">Example:</span>
+          ${this._renderExampleFormat()}
+        </div>
+      </div>
+    </div>`}render(){return this._loadLocaleFormatsConfig.render({pending:()=>T.x`<luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+        ></luzmo-progress-circle>`,complete:()=>this._renderAllSettings(),error:()=>this._renderAllSettings()})}}$([T.n({type:String})],U.prototype,"language");$([T.n({type:String})],U.prototype,"contentLanguage");$([T.n({type:String})],U.prototype,"size");$([T.n({type:Object,reflect:!1})],U.prototype,"slotContent");$([I.e("#display-as")],U.prototype,"_displayAsElement");$([I.e("#week-start")],U.prototype,"_weekStartElement");$([I.e("#weekday-and-month-in-year-format")],U.prototype,"_weekDayAndMonthInYearFormatElement");$([I.e("#month-name-format")],U.prototype,"_monthNameFormatElement");$([I.e("#month-name")],U.prototype,"_monthNameElement");$([I.e("#week-format")],U.prototype,"_weekFormatElement");$([I.e("#date-format")],U.prototype,"_dateFormatElement");$([I.e("#date-separator")],U.prototype,"_dateSeparatorElement");$([I.e("#weekday")],U.prototype,"_weekDayElement");$([I.e("#format-24h")],U.prototype,"_format24hElement");customElements.get("luzmo-display-settings-datetime")||customElements.define("luzmo-display-settings-datetime",U);exports.DEFAULT_LOCAL_FORMATS=mt;exports.LuzmoDisplaySettingsDatetime=U;