@luzmo/lucero 1.0.1-alpha.2 → 1.0.1-alpha.21

package/components/{action-group-DJGMcRHb.cjs → action-group-C54IxNZk.cjs}

@@ -15,6 +15,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const s=require("./base-CBCg3yyw.cjs"),d=require("./mutation-controller-DkOMCW-c.cjs"),p=require("./query-BL-TJj7K.cjs"),g=require("./roving-tabindex-By_fCy_e.cjs"),b=require("./sized-mixin-CPxE5C96.cjs"),h=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,c=(n,t,r,e)=>{for(var o=e>1?void 0:e?v(t,r):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(o=(e?i(t,r,o):i(o))||o);return e&&o&&m(t,r,o),o};const l=[];class u extends b.SizedMixin(s.LuzmoElement,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new g.RovingTabindexController(this,{focusInIndex:t=>{let r=-1;const e=t.findIndex((o,a)=>(!t[r]&&!o.disabled&&(r=a),o.selected&&!o.disabled));return t[e]?e:r},elements:()=>this.buttons,isFocusableElement:t=>!t.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=l,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const r=this.slotElement.assignedElements({flatten:!0}).reduce((e,o)=>{if(o.matches(this._buttonSelector))e.push(o);else{const a=[...o.querySelectorAll(`:scope > ${this._buttonSelector}`)];e.push(...a)}return e},[]);if(this.buttons=r,this.selects||!this.hasManaged){const e=[];this.buttons.forEach(o=>{o.selected&&e.push(o.value)}),this.setSelected([...this.selected,...e])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.s(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.r(h)]}set buttons(t){t!==this.buttons&&(this._buttons=t,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(t){this.requestUpdate("selected",this._selected),this._selected=t,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(t){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(t),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(t,r){if(t===this.selected)return;const e=this.selected;this.requestUpdate("selected",e),this._selected=t,r&&this.dispatchChange(e)}focus(t){this.rovingTabindexController.focus(t)}deselectSelectedButtons(){this.buttons.forEach(t=>{t.selected&&(t.selected=!1,t.tabIndex=-1,t.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(t){t.stopPropagation(),t.preventDefault()}handleClick(t){const r=t.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const e=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?e.push(r.value):e.splice(this.selected.indexOf(r.value),1),this.setSelected(e,!0),this.buttons.forEach(o=>{o.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(t){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const e=[],o=r.map(async i=>{await i.updateComplete,i.setAttribute("role","radio"),i.setAttribute("aria-checked",i.selected?"true":"false"),i.selected&&e.push(i)});if(t)break;await Promise.all(o);const a=e.map(i=>i.value);this.setSelected(a||l);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const e=[],o=r.map(async i=>{await i.updateComplete,i.setAttribute("role","checkbox"),i.setAttribute("aria-checked",i.selected?"true":"false"),i.selected&&e.push(i.value)});if(t)break;await Promise.all(o);const a=e.length>0?e:l;this.setSelected(a);break}default:if(this.selected.length>0){const e=[],o=r.map(async a=>{await a.updateComplete,a.setAttribute("role","button"),a.selected?(a.setAttribute("aria-pressed","true"),e.push(a)):a.removeAttribute("aria-pressed")});if(t)break;await Promise.all(o),this.setSelected(e.map(a=>a.value))}else{this.buttons.forEach(e=>{e.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.x`
+"use strict";const s=require("./base-Cy0MQrPT.cjs"),d=require("./mutation-controller-DkOMCW-c.cjs"),p=require("./query-BL-TJj7K.cjs"),g=require("./roving-tabindex-By_fCy_e.cjs"),b=require("./sized-mixin-WPHH0a_D.cjs"),h=":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,c=(n,t,r,e)=>{for(var o=e>1?void 0:e?v(t,r):t,a=n.length-1,i;a>=0;a--)(i=n[a])&&(o=(e?i(t,r,o):i(o))||o);return e&&o&&m(t,r,o),o};const l=[];class u extends b.SizedMixin(s.LuzmoElement,{validSizes:["xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this._buttons=[],this._buttonSelector="luzmo-action-button, luzmo-action-menu",this.rovingTabindexController=new g.RovingTabindexController(this,{focusInIndex:t=>{let r=-1;const e=t.findIndex((o,a)=>(!t[r]&&!o.disabled&&(r=a),o.selected&&!o.disabled));return t[e]?e:r},elements:()=>this.buttons,isFocusableElement:t=>!t.disabled}),this.compact=!1,this.emphasized=!1,this.justified=!1,this.label="",this.quiet=!1,this.vertical=!1,this._selected=l,this.hasManaged=!1,this.manageButtons=()=>{if(!this.slotElement)return;const r=this.slotElement.assignedElements({flatten:!0}).reduce((e,o)=>{if(o.matches(this._buttonSelector))e.push(o);else{const a=[...o.querySelectorAll(`:scope > ${this._buttonSelector}`)];e.push(...a)}return e},[]);if(this.buttons=r,this.selects||!this.hasManaged){const e=[];this.buttons.forEach(o=>{o.selected&&e.push(o.value)}),this.setSelected([...this.selected,...e])}this.manageChildren(),this.manageSelects(),this.hasManaged=!0},new d.s(this,{config:{childList:!0,subtree:!0},callback:()=>{this.manageButtons()},skipInitial:!0})}static get styles(){return[s.r(h)]}set buttons(t){t!==this.buttons&&(this._buttons=t,this.rovingTabindexController.clearElementCache())}get buttons(){return this._buttons}set selected(t){this.requestUpdate("selected",this._selected),this._selected=t,this.updateComplete.then(()=>{this.applySelects(),this.manageChildren()})}get selected(){return this._selected}dispatchChange(t){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||(this.setSelected(t),this.buttons.map(e=>{e.selected=this.selected.includes(e.value)}))}setSelected(t,r){if(t===this.selected)return;const e=this.selected;this.requestUpdate("selected",e),this._selected=t,r&&this.dispatchChange(e)}focus(t){this.rovingTabindexController.focus(t)}deselectSelectedButtons(){this.buttons.forEach(t=>{t.selected&&(t.selected=!1,t.tabIndex=-1,t.setAttribute(this.selects?"aria-checked":"aria-pressed","false"))})}handleActionButtonChange(t){t.stopPropagation(),t.preventDefault()}handleClick(t){const r=t.target;if(r.value!==void 0)switch(this.selects){case"single":{this.deselectSelectedButtons(),r.selected=!0,r.tabIndex=0,r.setAttribute("aria-checked","true"),this.setSelected([r.value],!0);break}case"multiple":{const e=[...this.selected];r.selected=!r.selected,r.setAttribute("aria-checked",r.selected?"true":"false"),r.selected?e.push(r.value):e.splice(this.selected.indexOf(r.value),1),this.setSelected(e,!0),this.buttons.forEach(o=>{o.tabIndex=-1}),r.tabIndex=0;break}}}async applySelects(){await this.manageSelects(!0)}async manageSelects(t){if(this.buttons.length===0)return;const r=this.buttons;switch(this.selects){case"single":{this.setAttribute("role","radiogroup");const e=[],o=r.map(async i=>{await i.updateComplete,i.setAttribute("role","radio"),i.setAttribute("aria-checked",i.selected?"true":"false"),i.selected&&e.push(i)});if(t)break;await Promise.all(o);const a=e.map(i=>i.value);this.setSelected(a||l);break}case"multiple":{this.getAttribute("role")==="radiogroup"&&this.removeAttribute("role");const e=[],o=r.map(async i=>{await i.updateComplete,i.setAttribute("role","checkbox"),i.setAttribute("aria-checked",i.selected?"true":"false"),i.selected&&e.push(i.value)});if(t)break;await Promise.all(o);const a=e.length>0?e:l;this.setSelected(a);break}default:if(this.selected.length>0){const e=[],o=r.map(async a=>{await a.updateComplete,a.setAttribute("role","button"),a.selected?(a.setAttribute("aria-pressed","true"),e.push(a)):a.removeAttribute("aria-pressed")});if(t)break;await Promise.all(o),this.setSelected(e.map(a=>a.value))}else{this.buttons.forEach(e=>{e.setAttribute("role","button")});break}}this.hasAttribute("role")||this.setAttribute("role","toolbar")}render(){return s.x`
       <slot role="presentation" @slotchange=${this.manageButtons}></slot>
     `}firstUpdated(t){super.firstUpdated(t),this.addEventListener("click",this.handleClick)}updated(t){super.updated(t),t.has("selects")&&(this.manageSelects(),this.manageChildren(),this.selects?this.renderRoot.addEventListener("change",this.handleActionButtonChange):this.renderRoot.removeEventListener("change",this.handleActionButtonChange)),(t.has("quiet")||t.has("emphasized")||t.has("size")||t.has("staticColor"))&&this.manageChildren(t),t.has("label")&&(this.label||t.get("label")!==void 0)&&(this.label.length>0?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}manageChildren(t){this.buttons.forEach(r=>{(this.quiet||t!=null&&t.get("quiet"))&&(r.quiet=this.quiet),(this.emphasized||t!=null&&t.get("emphasized"))&&(r.emphasized=this.emphasized),(this.staticColor||t!=null&&t.get("staticColor"))&&(r.staticColor=this.staticColor),(this.selects||!this.hasManaged)&&(r.selected=this.selected.includes(r.value)),this.size&&(this.size!=="m"||(t==null?void 0:t.get("size"))!==void 0)&&(r.size=this.size)})}}c([s.n({type:Boolean,reflect:!0})],u.prototype,"compact",2);c([s.n({type:Boolean,reflect:!0})],u.prototype,"emphasized",2);c([s.n({type:Boolean,reflect:!0})],u.prototype,"justified",2);c([s.n({type:String})],u.prototype,"label",2);c([s.n({type:Boolean,reflect:!0})],u.prototype,"quiet",2);c([s.n({type:String})],u.prototype,"selects",2);c([s.n({reflect:!0,attribute:"static-color"})],u.prototype,"staticColor",2);c([s.n({type:Boolean,reflect:!0})],u.prototype,"vertical",2);c([s.n({type:Array})],u.prototype,"selected",1);c([p.e("slot")],u.prototype,"slotElement",2);exports.LuzmoActionGroup=u;

package/components/{action-group-DBImibFn.js → action-group-C9dsPJg-.js}

@@ -15,11 +15,11 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as d, r as p, x as g, n as c } from "./base-WsynuqaS.js";
+import { a as d, r as p, x as g, n as c } from "./base-CFWO09N1.js";
 import { s as h } from "./mutation-controller-DH7YOCyj.js";
 import { e as b } from "./query-D_KR_GUc.js";
 import { R as m } from "./roving-tabindex-DOg4z6ZU.js";
-import { S as v } from "./sized-mixin-D4ACoVUr.js";
+import { S as v } from "./sized-mixin-CJbBHWRQ.js";
 const z = ":host{gap:var(--luzmo-action-group-horizontal-spacing-regular, var(--action-group-horizontal-spacing-regular));flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}::slotted(:focus-visible){z-index:3}:host(:not([vertical]):not([compact])) ::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-action-group-vertical-spacing-regular, var(--action-group-vertical-spacing-regular));flex-direction:column;display:inline-flex}:host([compact]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact]:not([quiet])){flex-wrap:nowrap}:host([compact]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset));z-index:0;position:relative}:host([compact]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact]:not([quiet])) ::slotted(:not(:first-child)){--luzmo-actionbutton-focus-indicator-border-radius: 0px;margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact))}:host([compact]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px;border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-inline-start:var(--luzmo-action-group-horizontal-spacing-compact, var(--action-group-horizontal-spacing-compact));margin-inline-end:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact]:not([quiet])) ::slotted([selected]){z-index:1}@media (hover: hover){:host([compact]:not([quiet])) ::slotted(:hover){z-index:2}}:host([compact]:not([quiet])) ::slotted(:focus-visible){z-index:3}:host([compact]:not([quiet])[vertical]){gap:var(--luzmo-action-group-gap-size-compact, var(--action-group-gap-size-compact))}:host([compact][vertical]:not([quiet])) ::slotted(*){border-radius:var(--luzmo-action-group-border-radius-reset, var(--action-group-border-radius-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-actionbutton-focus-indicator-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0px 0px;border-start-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-start-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:not(:first-child)){margin-block-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-block-end:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-inline-start:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset));margin-inline-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-actionbutton-focus-indicator-border-radius: 0px 0px var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-end-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));border-end-start-radius:var(--luzmo-action-group-border-radius, var(--action-group-border-radius));margin-block-start:var(--luzmo-action-group-vertical-spacing-compact, var(--action-group-vertical-spacing-compact));margin-block-end:var(--luzmo-action-group-button-spacing-reset, var(--action-group-button-spacing-reset))}:host([justified]) ::slotted(*){flex:1}:host{--action-group-gap-size-compact: 0px;--action-group-horizontal-spacing-compact: -1px;--action-group-vertical-spacing-compact: -1px;--action-group-button-spacing-reset: 0px;--action-group-border-radius-reset: 0px;--action-group-border-radius: var(--luzmo-border-radius);--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([size=xs]),:host([size=s]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-2);--action-group-vertical-spacing-regular: var(--luzmo-spacing-2)}:host,:host([size=l]),:host([size=xl]){--action-group-horizontal-spacing-regular: var(--luzmo-spacing-3);--action-group-vertical-spacing-regular: var(--luzmo-spacing-3)}:host([dir][compact][vertical]) ::slotted(:nth-child(n)){margin-right:0;margin-left:0}:host([justified]) ::slotted(:not([role])),:host([vertical]) ::slotted(:not([role])){display:flex;flex-direction:column;align-items:stretch}:host([compact]:not([quiet])) ::slotted(:not([role])){--overriden-border-radius: 0;--luzmo-action-button-border-radius: var(--overriden-border-radius)}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):first-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:not([role]):last-child){--overriden-border-radius: var( --luzmo-action-group-border-radius, var(--action-group-border-radius) ) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([compact]:not([quiet])) ::slotted(*){--luzmo-action-button-focus-ring-border-radius: 0}:host([compact][vertical]:not([quiet])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0 0}:host([compact][vertical]:not([quiet])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:first-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=ltr][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) var(--luzmo-action-group-border-radius, var(--action-group-border-radius)) 0}:host([dir=rtl][compact]:not([quiet],[vertical])) ::slotted(:last-child){--luzmo-action-button-focus-ring-border-radius: var(--luzmo-border-radius) 0 0 var(--luzmo-action-group-border-radius, var(--action-group-border-radius))}";
 var f = Object.defineProperty, x = Object.getOwnPropertyDescriptor, s = (n, t, r, e) => {
   for (var o = e > 1 ? void 0 : e ? x(t, r) : t, a = n.length - 1, i; a >= 0; a--)

package/components/action-menu/index.cjs

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../luzmo-icons-DletXGWU.cjs"),o=require("../base-CBCg3yyw.cjs"),b=require("../state-D8JEtYqe.cjs"),u=require("../if-defined-C9YGdo33.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-Ceb7SvYT.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-DWsBWdPN.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?g(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../luzmo-icons-CtA-TJPd.cjs"),o=require("../base-Cy0MQrPT.cjs"),b=require("../state-vf0PJN3_.cjs"),u=require("../if-defined-DaXWqfzc.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-D2VAEFSd.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-X96xmLAw.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?g(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
         ${this.labelOnly?o.x``:o.x`
               <slot
                 name="icon"

package/components/action-menu/index.js

@@ -15,14 +15,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { K as z } from "../luzmo-icons-DbwDQtuO.js";
-import { r as b, x as r, n as c } from "../base-WsynuqaS.js";
-import { r as h } from "../state-Deh-vKYE.js";
-import { o as a } from "../if-defined-DOaE2coe.js";
+import { K as z } from "../luzmo-icons-CiSek5iM.js";
+import { r as b, x as r, n as c } from "../base-CFWO09N1.js";
+import { r as h } from "../state-DwIwYPvt.js";
+import { o as a } from "../if-defined-DULpqYwi.js";
 import { O as p } from "../observe-slot-presence-CmVi0zTc.js";
-import { O as f } from "../observe-slot-text-BPfIQQtz.js";
+import { O as f } from "../observe-slot-text-C3moTjwy.js";
 import { S as g } from "../slottable-request-event-DggLA4Rx.js";
-import { L as x, D as v } from "../picker-BmoXv1jt.js";
+import { L as x, D as v } from "../picker-BsQJBF9j.js";
 import "../action-button/index.js";
 import "../icon/index.js";
 import "../overlay/index.js";

package/components/{async-directive-BfcqVjDp.js → async-directive-BwIAw5tB.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { f as _ } from "./directive-helpers-Cm6gitnu.js";
+import { f as _ } from "./directive-helpers-D4KMv2dC.js";
 import { i as f, t as A } from "./directive-oAbCiebi.js";
 /**
  * @license

package/components/{async-directive-BX1T1e1_.cjs → async-directive-DLz6JB0v.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const $=require("./directive-helpers-DyIRTWwA.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const $=require("./directive-helpers-t-TVum7J.cjs"),c=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/components/avatar/index.cjs

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-CBCg3yyw.cjs"),l=require("../query-BL-TJj7K.cjs"),d=require("../if-defined-C9YGdo33.cjs"),u=require("../focusable-EbipgXRh.cjs"),z=require("../like-anchor-sod1C1fR.cjs"),c=require("../sized-mixin-CPxE5C96.cjs"),h='@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-width: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';var m=Object.defineProperty,i=(e,o,v,b)=>{for(var a=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(a=n(o,v,a)||a);return a&&m(o,v,a),a};class r extends z.LikeAnchor(c.SizedMixin(u.Focusable,{validSizes:Object.values(c.ElementSizes)})){constructor(){super(...arguments),this.src=""}static get styles(){return[t.r(h)]}get focusElement(){return this.anchorElement||this}render(){const o=t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-Cy0MQrPT.cjs"),l=require("../query-BL-TJj7K.cjs"),d=require("../if-defined-DaXWqfzc.cjs"),u=require("../focusable-B_KwfEec.cjs"),z=require("../like-anchor-Bu3pXbjT.cjs"),c=require("../sized-mixin-WPHH0a_D.cjs"),h='@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-width, var(--avatar-focus-indicator-width))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-width: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';var m=Object.defineProperty,i=(e,o,v,b)=>{for(var a=void 0,s=e.length-1,n;s>=0;s--)(n=e[s])&&(a=n(o,v,a)||a);return a&&m(o,v,a),a};class r extends z.LikeAnchor(c.SizedMixin(u.Focusable,{validSizes:Object.values(c.ElementSizes)})){constructor(){super(...arguments),this.src=""}static get styles(){return[t.r(h)]}get focusElement(){return this.anchorElement||this}render(){const o=t.x`
       <img
         class="image"
         alt=${d.o(this.label||void 0)}

package/components/avatar/index.js

@@ -15,12 +15,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { r as n, x as m, n as i } from "../base-WsynuqaS.js";
+import { r as n, x as m, n as i } from "../base-CFWO09N1.js";
 import { e as d } from "../query-D_KR_GUc.js";
-import { o as z } from "../if-defined-DOaE2coe.js";
-import { F as v } from "../focusable-BxtpnzWp.js";
-import { L as b } from "../like-anchor-Bvn_vLQ8.js";
-import { S as f, E as h } from "../sized-mixin-D4ACoVUr.js";
+import { o as z } from "../if-defined-DULpqYwi.js";
+import { F as v } from "../focusable-C5JjRZmT.js";
+import { L as b } from "../like-anchor-DCFJN0LV.js";
+import { S as f, E as h } from "../sized-mixin-CJbBHWRQ.js";
 const u = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");

package/components/{base-WsynuqaS.js → base-CFWO09N1.js}

@@ -21,7 +21,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const O = globalThis, j = O.ShadowRoot && (O.ShadyCSS === void 0 || O.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, B = Symbol(), q = /* @__PURE__ */ new WeakMap();
-let st = class {
+let it = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== B) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
@@ -39,14 +39,14 @@ let st = class {
     return this.cssText;
   }
 };
-const at = (n) => new st(typeof n == "string" ? n : n + "", void 0, B), Ht = (n, ...t) => {
+const lt = (n) => new it(typeof n == "string" ? n : n + "", void 0, B), Ht = (n, ...t) => {
   const e = n.length === 1 ? n[0] : t.reduce((s, i, o) => s + ((r) => {
     if (r._$cssResult$ === !0) return r.cssText;
     if (typeof r == "number") return r;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + n[o + 1], n[0]);
-  return new st(e, n, B);
-}, lt = (n, t) => {
+  return new it(e, n, B);
+}, ct = (n, t) => {
   if (j) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const s = document.createElement("style"), i = O.litNonce;
@@ -55,17 +55,17 @@ const at = (n) => new st(typeof n == "string" ? n : n + "", void 0, B), Ht = (n,
 }, F = j ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return at(e);
+  return lt(e);
 })(n) : n;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ct, defineProperty: dt, getOwnPropertyDescriptor: ut, getOwnPropertyNames: pt, getOwnPropertySymbols: $t, getPrototypeOf: _t } = Object, f = globalThis, Z = f.trustedTypes, ft = Z ? Z.emptyScript : "", k = f.reactiveElementPolyfillSupport, w = (n, t) => n, H = { toAttribute(n, t) {
+const { is: dt, defineProperty: ut, getOwnPropertyDescriptor: pt, getOwnPropertyNames: $t, getOwnPropertySymbols: ft, getPrototypeOf: _t } = Object, _ = globalThis, Z = _.trustedTypes, mt = Z ? Z.emptyScript : "", k = _.reactiveElementPolyfillSupport, w = (n, t) => n, H = { toAttribute(n, t) {
   switch (t) {
     case Boolean:
-      n = n ? ft : null;
+      n = n ? mt : null;
       break;
     case Object:
     case Array:
@@ -90,8 +90,8 @@ const { is: ct, defineProperty: dt, getOwnPropertyDescriptor: ut, getOwnProperty
       }
   }
   return e;
-} }, V = (n, t) => !ct(n, t), J = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: V };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), f.litPropertyMetadata ?? (f.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, V = (n, t) => !dt(n, t), J = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: V };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), _.litPropertyMetadata ?? (_.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let y = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
@@ -102,11 +102,11 @@ let y = class extends HTMLElement {
   static createProperty(t, e = J) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
       const s = Symbol(), i = this.getPropertyDescriptor(t, s, e);
-      i !== void 0 && dt(this.prototype, t, i);
+      i !== void 0 && ut(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, s) {
-    const { get: i, set: o } = ut(this.prototype, t) ?? { get() {
+    const { get: i, set: o } = pt(this.prototype, t) ?? { get() {
       return this[e];
     }, set(r) {
       this[e] = r;
@@ -129,7 +129,7 @@ let y = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(w("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(w("properties"))) {
-      const e = this.properties, s = [...pt(e), ...$t(e)];
+      const e = this.properties, s = [...$t(e), ...ft(e)];
       for (const i of s) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -178,7 +178,7 @@ let y = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return lt(t, this.constructor.elementStyles), t;
+    return ct(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -290,59 +290,59 @@ let y = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[w("elementProperties")] = /* @__PURE__ */ new Map(), y[w("finalized")] = /* @__PURE__ */ new Map(), k == null || k({ ReactiveElement: y }), (f.reactiveElementVersions ?? (f.reactiveElementVersions = [])).push("2.0.4");
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[w("elementProperties")] = /* @__PURE__ */ new Map(), y[w("finalized")] = /* @__PURE__ */ new Map(), k == null || k({ ReactiveElement: y }), (_.reactiveElementVersions ?? (_.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const C = globalThis, N = C.trustedTypes, K = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, it = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, nt = "?" + _, mt = `<${nt}>`, A = document, U = () => A.createComment(""), x = (n) => n === null || typeof n != "object" && typeof n != "function", W = Array.isArray, gt = (n) => W(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", L = `[ 	
+const C = globalThis, N = C.trustedTypes, K = N ? N.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, nt = "$lit$", f = `lit$${Math.random().toFixed(9).slice(2)}$`, rt = "?" + f, gt = `<${rt}>`, A = document, U = () => A.createComment(""), x = (n) => n === null || typeof n != "object" && typeof n != "function", W = Array.isArray, At = (n) => W(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", L = `[ 	
 \f\r]`, S = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, G = /-->/g, Q = />/g, m = RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), X = /'/g, Y = /"/g, rt = /^(?:script|style|textarea|title)$/i, ot = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), Rt = ot(1), kt = ot(2), v = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), tt = /* @__PURE__ */ new WeakMap(), g = A.createTreeWalker(A, 129);
-function ht(n, t) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), X = /'/g, Y = /"/g, ot = /^(?:script|style|textarea|title)$/i, ht = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), Rt = ht(1), kt = ht(2), v = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), tt = /* @__PURE__ */ new WeakMap(), g = A.createTreeWalker(A, 129);
+function at(n, t) {
   if (!W(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return K !== void 0 ? K.createHTML(t) : t;
 }
-const At = (n, t) => {
+const yt = (n, t) => {
   const e = n.length - 1, s = [];
   let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = S;
   for (let a = 0; a < e; a++) {
     const h = n[a];
     let c, u, l = -1, p = 0;
-    for (; p < h.length && (r.lastIndex = p, u = r.exec(h), u !== null); ) p = r.lastIndex, r === S ? u[1] === "!--" ? r = G : u[1] !== void 0 ? r = Q : u[2] !== void 0 ? (rt.test(u[2]) && (i = RegExp("</" + u[2], "g")), r = m) : u[3] !== void 0 && (r = m) : r === m ? u[0] === ">" ? (r = i ?? S, l = -1) : u[1] === void 0 ? l = -2 : (l = r.lastIndex - u[2].length, c = u[1], r = u[3] === void 0 ? m : u[3] === '"' ? Y : X) : r === Y || r === X ? r = m : r === G || r === Q ? r = S : (r = m, i = void 0);
+    for (; p < h.length && (r.lastIndex = p, u = r.exec(h), u !== null); ) p = r.lastIndex, r === S ? u[1] === "!--" ? r = G : u[1] !== void 0 ? r = Q : u[2] !== void 0 ? (ot.test(u[2]) && (i = RegExp("</" + u[2], "g")), r = m) : u[3] !== void 0 && (r = m) : r === m ? u[0] === ">" ? (r = i ?? S, l = -1) : u[1] === void 0 ? l = -2 : (l = r.lastIndex - u[2].length, c = u[1], r = u[3] === void 0 ? m : u[3] === '"' ? Y : X) : r === Y || r === X ? r = m : r === G || r === Q ? r = S : (r = m, i = void 0);
     const $ = r === m && n[a + 1].startsWith("/>") ? " " : "";
-    o += r === S ? h + mt : l >= 0 ? (s.push(c), h.slice(0, l) + it + h.slice(l) + _ + $) : h + _ + (l === -2 ? a : $);
+    o += r === S ? h + gt : l >= 0 ? (s.push(c), h.slice(0, l) + nt + h.slice(l) + f + $) : h + f + (l === -2 ? a : $);
   }
-  return [ht(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
+  return [at(n, o + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
 class M {
   constructor({ strings: t, _$litType$: e }, s) {
     let i;
     this.parts = [];
     let o = 0, r = 0;
-    const a = t.length - 1, h = this.parts, [c, u] = At(t, e);
+    const a = t.length - 1, h = this.parts, [c, u] = yt(t, e);
     if (this.el = M.createElement(c, s), g.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
     for (; (i = g.nextNode()) !== null && h.length < a; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(it)) {
-          const p = u[r++], $ = i.getAttribute(l).split(_), T = /([.?@])?(.*)/.exec(p);
-          h.push({ type: 1, index: o, name: T[2], strings: $, ctor: T[1] === "." ? vt : T[1] === "?" ? Et : T[1] === "@" ? bt : R }), i.removeAttribute(l);
-        } else l.startsWith(_) && (h.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (rt.test(i.tagName)) {
-          const l = i.textContent.split(_), p = l.length - 1;
+        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(nt)) {
+          const p = u[r++], $ = i.getAttribute(l).split(f), T = /([.?@])?(.*)/.exec(p);
+          h.push({ type: 1, index: o, name: T[2], strings: $, ctor: T[1] === "." ? Et : T[1] === "?" ? bt : T[1] === "@" ? St : R }), i.removeAttribute(l);
+        } else l.startsWith(f) && (h.push({ type: 6, index: o }), i.removeAttribute(l));
+        if (ot.test(i.tagName)) {
+          const l = i.textContent.split(f), p = l.length - 1;
           if (p > 0) {
             i.textContent = N ? N.emptyScript : "";
             for (let $ = 0; $ < p; $++) i.append(l[$], U()), g.nextNode(), h.push({ type: 2, index: ++o });
             i.append(l[p], U());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === nt) h.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === rt) h.push({ type: 2, index: o });
       else {
         let l = -1;
-        for (; (l = i.data.indexOf(_, l + 1)) !== -1; ) h.push({ type: 7, index: o }), l += _.length - 1;
+        for (; (l = i.data.indexOf(f, l + 1)) !== -1; ) h.push({ type: 7, index: o }), l += f.length - 1;
       }
       o++;
     }
@@ -359,7 +359,7 @@ function E(n, t, e = n, s) {
   const o = x(t) ? void 0 : t._$litDirective$;
   return (i == null ? void 0 : i.constructor) !== o && ((a = i == null ? void 0 : i._$AO) == null || a.call(i, !1), o === void 0 ? i = void 0 : (i = new o(n), i._$AT(n, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = i : e._$Cl = i), i !== void 0 && (t = E(n, i._$AS(n, t.values), i, s)), t;
 }
-class yt {
+class vt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -376,7 +376,7 @@ class yt {
     for (; h !== void 0; ) {
       if (r === h.index) {
         let c;
-        h.type === 2 ? c = new b(o, o.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && (c = new St(o, this, t)), this._$AV.push(c), h = s[++a];
+        h.type === 2 ? c = new b(o, o.nextSibling, this, t) : h.type === 1 ? c = new h.ctor(o, h.name, h.strings, this, t) : h.type === 6 && (c = new wt(o, this, t)), this._$AV.push(c), h = s[++a];
       }
       r !== (h == null ? void 0 : h.index) && (o = g.nextNode(), r++);
     }
@@ -407,7 +407,7 @@ class b {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = E(this, t, e), x(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== v && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : gt(t) ? this.k(t) : this._(t);
+    t = E(this, t, e), x(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== v && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : At(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -420,10 +420,10 @@ class b {
   }
   $(t) {
     var o;
-    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(ht(s.h, s.h[0]), this.options)), s);
+    const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement(at(s.h, s.h[0]), this.options)), s);
     if (((o = this._$AH) == null ? void 0 : o._$AD) === i) this._$AH.p(e);
     else {
-      const r = new yt(i, this), a = r.u(this.options);
+      const r = new vt(i, this), a = r.u(this.options);
       r.p(e), this.T(a), this._$AH = r;
     }
   }
@@ -475,7 +475,7 @@ class R {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class vt extends R {
+class Et extends R {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -483,7 +483,7 @@ class vt extends R {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class Et extends R {
+class bt extends R {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -491,7 +491,7 @@ class Et extends R {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class bt extends R {
+class St extends R {
   constructor(t, e, s, i, o) {
     super(t, e, s, i, o), this.type = 5;
   }
@@ -505,7 +505,7 @@ class bt extends R {
     typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class St {
+class wt {
   constructor(t, e, s) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
   }
@@ -518,7 +518,7 @@ class St {
 }
 const Lt = { I: b }, D = C.litHtmlPolyfillSupport;
 D == null || D(M, b), (C.litHtmlVersions ?? (C.litHtmlVersions = [])).push("3.2.1");
-const wt = (n, t, e) => {
+const Ct = (n, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
   let i = s._$litPart$;
   if (i === void 0) {
@@ -543,7 +543,7 @@ let P = class extends y {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = wt(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ct(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -557,8 +557,8 @@ let P = class extends y {
     return v;
   }
 };
-var et;
-P._$litElement$ = !0, P.finalized = !0, (et = globalThis.litElementHydrateSupport) == null || et.call(globalThis, { LitElement: P });
+var st;
+P._$litElement$ = !0, P.finalized = !0, (st = globalThis.litElementHydrateSupport) == null || st.call(globalThis, { LitElement: P });
 const z = globalThis.litElementPolyfillSupport;
 z == null || z({ LitElement: P });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
@@ -567,7 +567,7 @@ z == null || z({ LitElement: P });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ct = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: V }, Pt = (n = Ct, t, e) => {
+const Pt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: V }, Ut = (n = Pt, t, e) => {
   const { kind: s, metadata: i } = e;
   let o = globalThis.litPropertyMetadata.get(i);
   if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), o.set(e.name, n), s === "accessor") {
@@ -589,21 +589,23 @@ const Ct = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + s);
 };
 function zt(n) {
-  return (t, e) => typeof e == "object" ? Pt(n, t, e) : ((s, i, o) => {
+  return (t, e) => typeof e == "object" ? Ut(n, t, e) : ((s, i, o) => {
     const r = i.hasOwnProperty(o);
     return i.constructor.createProperty(o, r ? { ...s, wrapped: !0 } : s), r ? Object.getOwnPropertyDescriptor(i, o) : void 0;
   })(n, t, e);
 }
-const I = /* @__PURE__ */ new Set(), Ut = () => {
+const I = /* @__PURE__ */ new Set(), xt = () => {
+  if (typeof document > "u") return;
   const n = document.documentElement.dir === "rtl" ? document.documentElement.dir : "ltr";
   I.forEach((t) => {
     t.setAttribute("dir", n);
   });
-}, xt = new MutationObserver(Ut);
-xt.observe(document.documentElement, {
+};
+let et = null;
+typeof document < "u" && (et = new MutationObserver(xt), et.observe(document.documentElement, {
   attributes: !0,
   attributeFilter: ["dir"]
-});
+}));
 const Mt = (n) => n.startManagingContentDirection !== void 0 || n.tagName === "LUZMO-THEME";
 function Tt(n) {
   class t extends n {
@@ -614,6 +616,7 @@ function Tt(n) {
       return this.dir === "ltr";
     }
     hasVisibleFocusInTree() {
+      if (typeof document > "u") return !1;
       const i = ((o = document) => {
         var h;
         let r = o.activeElement;
@@ -635,17 +638,21 @@ function Tt(n) {
       }
     }
     connectedCallback() {
+      if (typeof document > "u") {
+        super.connectedCallback();
+        return;
+      }
       if (!this.hasAttribute("dir")) {
         let s = this.assignedSlot || this.parentNode;
-        for (; s !== document.documentElement && !Mt(s); )
+        for (; s !== (document == null ? void 0 : document.documentElement) && !Mt(s); )
           s = s.assignedSlot || // step into the shadow DOM of the parent of a slotted node
           s.parentNode || // DOM Element detected
           s.host;
-        if (this.dir = s.dir === "rtl" ? s.dir : this.dir || "ltr", s === document.documentElement)
+        if (this.dir = s.dir === "rtl" ? s.dir : this.dir || "ltr", s === (document == null ? void 0 : document.documentElement))
           I.add(this);
         else {
           const { localName: i } = s;
-          i.search("-") > -1 && !customElements.get(i) ? customElements.whenDefined(i).then(() => {
+          i.search("-") > -1 && typeof customElements < "u" && !customElements.get(i) ? customElements.whenDefined(i).then(() => {
             s.startManagingContentDirection(this);
           }) : s.startManagingContentDirection(this);
         }
@@ -654,7 +661,7 @@ function Tt(n) {
       super.connectedCallback();
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), this._dirParent && (this._dirParent === document.documentElement ? I.delete(this) : this._dirParent.stopManagingContentDirection(this), this.removeAttribute("dir"));
+      super.disconnectedCallback(), this._dirParent && (this._dirParent === (document == null ? void 0 : document.documentElement) ? I.delete(this) : this._dirParent.stopManagingContentDirection(this), this.removeAttribute("dir"));
     }
   }
   return t;
@@ -662,7 +669,7 @@ function Tt(n) {
 class It extends Tt(P) {
 }
 export {
-  wt as B,
+  Ct as B,
   d as E,
   Tt as L,
   v as T,
@@ -672,6 +679,6 @@ export {
   P as c,
   Ht as i,
   zt as n,
-  at as r,
+  lt as r,
   Rt as x
 };