@eunomia/elements 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/cdn/components/eun-toast.js

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk-GDBPWZN6.js";import{a as y}from"./chunks/chunk-UP4M7TER.js";import{a as b}from"./chunks/chunk-PPCHQG7P.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as i,f,h as g,j as a,n as d,p as s,r as p,u as m}from"./chunks/chunk-YITWLCD3.js";var c=new Map;function S(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function k(r){let n=c.get(r);if(!n||n.length===0)return;let t=0;for(let o=n.length-1;o>=0;o-=1){let l=n[o];l.el.style.setProperty("--_toastStackOffset",`${t}px`);let C=l.el.getBoundingClientRect().height;t+=C+S(l.el)}}function u(r,n){let t=c.get(r)??[];t.some(o=>o.el===n)||(t.push({position:r,el:n}),c.set(r,t)),k(r)}function v(r,n){let t=c.get(r);if(!t)return;let o=t.findIndex(l=>l.el===n);if(o!==-1){if(t.splice(o,1),t.length===0){c.delete(r);return}k(r)}}var T=g`
+import{a as _}from"./chunks/chunk-YQU6RVX4.js";import{e as y}from"./chunks/chunk-GDBPWZN6.js";import{a as k}from"./chunks/chunk-UP4M7TER.js";import{a as x}from"./chunks/chunk-PPCHQG7P.js";import{a as u}from"./chunks/chunk-6TIEBY34.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as E}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as i,f as g,h as m,j as a,n as d,p as s,r as p,u as b}from"./chunks/chunk-YITWLCD3.js";var c=new Map;function w(r){let n=getComputedStyle(r).getPropertyValue("--toast-stack-gap").trim(),t=Number.parseFloat(n);return Number.isNaN(t)?8:t}function C(r){let n=c.get(r);if(!n||n.length===0)return;let t=0;for(let o=n.length-1;o>=0;o-=1){let l=n[o];l.el.style.setProperty("--_toastStackOffset",`${t}px`);let T=l.el.getBoundingClientRect().height;t+=T+w(l.el)}}function v(r,n){let t=c.get(r)??[];t.some(o=>o.el===n)||(t.push({position:r,el:n}),c.set(r,t)),C(r)}function f(r,n){let t=c.get(r);if(!t)return;let o=t.findIndex(l=>l.el===n);if(o!==-1){if(t.splice(o,1),t.length===0){c.delete(r);return}C(r)}}var F=m`
   :host {
     position: fixed;
     display: block;
@@ -24,7 +24,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
       visibility 0s linear var(--_transitionDuration);
   }
 
-  :host([open]) {
+  :host([open]:not([open="false"])) {
     visibility: visible;
     opacity: 1;
     --_baseX: 0px;
@@ -35,7 +35,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
       visibility 0s linear 0s;
   }
 
-  :host([open][entering]) {
+  :host([open]:not([open="false"])[entering]) {
     visibility: hidden;
     opacity: 0;
     --_baseX: var(--_enterX, 0px);
@@ -56,7 +56,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     --_stackSign: 1;
     --_enterY: -24px;
   }
-  :host([position="top-right"]) {
+  :host(:is([position="top-right"], :not([position]))) {
     top: var(--_gapEdge);
     right: var(--_gapEdge);
     --_stackSign: 1;
@@ -101,7 +101,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     --_enterX: -24px;
     --_enterY: 0px;
   }
-  :host([position="top-right"][slide="horizontal"]),
+  :host(:is([position="top-right"], :not([position]))[slide="horizontal"]),
   :host([position="bottom-right"][slide="horizontal"]) {
     --_enterX: 24px;
     --_enterY: 0px;
@@ -173,8 +173,14 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
       var(--toast-border-color, var(--_frame, transparent));
     padding: var(
       --toast-padding,
-      var(--toast-padding-block, max(0px, calc(var(--eun-space-m, 16px) - var(--_bw))))
-        var(--toast-padding-inline, max(0px, calc(var(--eun-space-m, 16px) - var(--_bw))))
+      var(
+          --toast-padding-block,
+          max(0px, calc(var(--eun-space-m, 16px) - var(--_bw)))
+        )
+        var(
+          --toast-padding-inline,
+          max(0px, calc(var(--eun-space-m, 16px) - var(--_bw)))
+        )
     );
     border-radius: var(--toast-border-radius, var(--eun-border-radius-m, 8px));
     box-shadow: var(
@@ -196,7 +202,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     grid-column: 1;
   }
 
-  :host([appearance="default"]) #toast {
+  :host(:is([appearance="default"], :not([appearance]))) #toast {
     background: linear-gradient(
       to right,
       var(--toast-border-color, var(--_borderColor)) 4px,
@@ -282,11 +288,14 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
     --button-text: var(--_onFilled, #fff);
   }
 
-  :host([closeable]) #toast {
+  :host([closeable]:not([closeable="false"])) #toast {
     padding-right: calc(
       var(
           --toast-padding,
-          var(--toast-padding-inline, max(0px, calc(var(--eun-space-s, 8px) - var(--_bw))))
+          var(
+            --toast-padding-inline,
+            max(0px, calc(var(--eun-space-s, 8px) - var(--_bw)))
+          )
         ) +
         var(--eun-space-l, 32px)
     );
@@ -314,7 +323,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
       transition-duration: 0.01ms;
     }
   }
-`,E=T;var w="eun-toast",F=600,e=class extends m{constructor(){super(...arguments);this.appearance="default";this.position="top-right";this.hideIcon=!1;this.closeable=!0;this.ariaLabelClose="Close";this.duration=5e3;this.open=!0;this.remainingMs=0;this.deadline=0;this.paused=!1;this.exitDispatched=!1;this.stacked=!1;this.handlePauseStart=()=>{this.isPersistent()||this.timerId===void 0||(this.paused=!0,this.remainingMs=Math.max(this.deadline-Date.now(),0),this.clearTimer())};this.handlePauseEnd=()=>{if(this.paused){if(this.paused=!1,this.remainingMs<=0){this.hide();return}this.armTimer()}};this.handleSlotChange=()=>{this.requestUpdate()};this.handleCloseClick=()=>{this.hide()}}connectedCallback(){super.connectedCallback(),this.open&&(this.setAttribute("entering",""),this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=void 0,this.removeAttribute("entering")})}))}disconnectedCallback(){this.enteringFrameId!==void 0&&(cancelAnimationFrame(this.enteringFrameId),this.enteringFrameId=void 0),this.clearTimer(),this.clearExitDispatch(),this.leaveStack(),super.disconnectedCallback()}updated(t){if(super.updated(t),t.has("open")){this.open?(this.exitDispatched=!1,this.joinStack(),this.scheduleAutoClose()):(this.clearTimer(),this.leaveStack(),this.armExitDispatch());return}t.has("position")&&this.open&&this.stacked&&(v(t.get("position"),this),u(this.position,this)),(t.has("duration")||t.has("severity"))&&this.open&&!this.paused&&this.scheduleAutoClose()}isFixedPositioned(){return getComputedStyle(this).position==="fixed"}joinStack(){this.isFixedPositioned()&&(this.stacked=!0,u(this.position,this))}leaveStack(){this.stacked&&(this.stacked=!1,v(this.position,this))}show(){this.open=!0}hide(){this.open=!1}isPersistent(){return this.severity==="critical"||this.duration<=0}scheduleAutoClose(){this.clearTimer(),!this.isPersistent()&&(this.remainingMs=this.duration,this.paused=!1,this.armTimer())}armTimer(){this.deadline=Date.now()+this.remainingMs,this.timerId=setTimeout(()=>this.hide(),this.remainingMs)}clearTimer(){this.timerId!==void 0&&(clearTimeout(this.timerId),this.timerId=void 0)}armExitDispatch(){this.clearExitDispatch(),this.exitDispatched=!1;let t=()=>{this.exitDispatched||(this.exitDispatched=!0,this.clearExitDispatch(),this.dispatchEvent(new x))};this.exitTransitionListener=o=>{o.target===this&&o.propertyName==="opacity"&&t()},this.addEventListener("transitionend",this.exitTransitionListener),this.exitFallbackId=setTimeout(t,F)}clearExitDispatch(){this.exitTransitionListener&&(this.removeEventListener("transitionend",this.exitTransitionListener),this.exitTransitionListener=void 0),this.exitFallbackId!==void 0&&(clearTimeout(this.exitFallbackId),this.exitFallbackId=void 0)}getIconName(){return y(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.severity?!1:!this.icon}shouldShowCloseButton(){return this.closeable||this.severity==="critical"}hasDescription(){return!!this.richText||this.descriptionSlotEls.length>0}hasAction(){return this.actionSlotEls.length>0}render(){let t=this.severity==="warning"||this.severity==="critical"?"alert":"status",o=this.shouldHideIcon();return s`
+`,S=F;var I="eun-toast",D=600,e=class extends E(b){constructor(){super(...arguments);this.appearance="default";this.position="top-right";this.hideIcon=!1;this.closeable=!0;this.duration=5e3;this.open=!0;this.remainingMs=0;this.deadline=0;this.paused=!1;this.exitDispatched=!1;this.stacked=!1;this.handlePauseStart=()=>{this.isPersistent()||this.timerId===void 0||(this.paused=!0,this.remainingMs=Math.max(this.deadline-Date.now(),0),this.clearTimer())};this.handlePauseEnd=()=>{if(this.paused){if(this.paused=!1,this.remainingMs<=0){this.hide();return}this.armTimer()}};this.handleSlotChange=()=>{this.requestUpdate()};this.handleCloseClick=()=>{this.hide()}}connectedCallback(){super.connectedCallback(),this.open&&(this.setAttribute("entering",""),this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=requestAnimationFrame(()=>{this.enteringFrameId=void 0,this.removeAttribute("entering")})}))}disconnectedCallback(){this.enteringFrameId!==void 0&&(cancelAnimationFrame(this.enteringFrameId),this.enteringFrameId=void 0),this.clearTimer(),this.clearExitDispatch(),this.leaveStack(),super.disconnectedCallback()}updated(t){if(super.updated(t),t.has("open")){this.open?(this.exitDispatched=!1,this.joinStack(),this.scheduleAutoClose()):(this.clearTimer(),this.leaveStack(),this.armExitDispatch());return}t.has("position")&&this.open&&this.stacked&&(f(t.get("position"),this),v(this.position,this)),(t.has("duration")||t.has("severity"))&&this.open&&!this.paused&&this.scheduleAutoClose()}isFixedPositioned(){return getComputedStyle(this).position==="fixed"}joinStack(){this.isFixedPositioned()&&(this.stacked=!0,v(this.position,this))}leaveStack(){this.stacked&&(this.stacked=!1,f(this.position,this))}show(){this.open=!0}hide(){this.open=!1}isPersistent(){return this.severity==="critical"||this.duration<=0}scheduleAutoClose(){this.clearTimer(),!this.isPersistent()&&(this.remainingMs=this.duration,this.paused=!1,this.armTimer())}armTimer(){this.deadline=Date.now()+this.remainingMs,this.timerId=setTimeout(()=>this.hide(),this.remainingMs)}clearTimer(){this.timerId!==void 0&&(clearTimeout(this.timerId),this.timerId=void 0)}armExitDispatch(){this.clearExitDispatch(),this.exitDispatched=!1;let t=()=>{this.exitDispatched||(this.exitDispatched=!0,this.clearExitDispatch(),this.dispatchEvent(new _))};this.exitTransitionListener=o=>{o.target===this&&o.propertyName==="opacity"&&t()},this.addEventListener("transitionend",this.exitTransitionListener),this.exitFallbackId=setTimeout(t,D)}clearExitDispatch(){this.exitTransitionListener&&(this.removeEventListener("transitionend",this.exitTransitionListener),this.exitTransitionListener=void 0),this.exitFallbackId!==void 0&&(clearTimeout(this.exitFallbackId),this.exitFallbackId=void 0)}getIconName(){return k(this.icon,this.severity,"severity")}shouldHideIcon(){return this.hideIcon?!0:this.iconSlotEls.length>0||this.severity?!1:!this.icon}shouldShowCloseButton(){return this.closeable||this.severity==="critical"}hasDescription(){return!!this.richText||this.descriptionSlotEls.length>0}hasAction(){return this.actionSlotEls.length>0}render(){let t=this.severity==="warning"||this.severity==="critical"?"alert":"status",o=this.shouldHideIcon();return s`
       <div
         id="toast"
         role=${t}
@@ -330,7 +339,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
                 appearance="ghost"
                 rounded
                 size="xs"
-                aria-label=${this.ariaLabelClose}
+                aria-label=${this.closeLabel??this.dictionary.common.close}
                 @click=${this.handleCloseClick}
               >
                 <eun-icon name="close" size="16"></eun-icon>
@@ -342,7 +351,7 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
                   id="icon"
                   size="20"
                   shape="round"
-                  name=${b(this.getIconName())}
+                  name=${x(this.getIconName())}
                 ></eun-icon>
               `}
         </slot>
@@ -353,11 +362,11 @@ import{a as x}from"./chunks/chunk-YQU6RVX4.js";import{e as _}from"./chunks/chunk
           id="description"
           class=${h({hidden:!this.hasDescription()})}
         >
-          ${this.richText?s`<div id="rich-text">${_(this.richText)}</div>`:p}
+          ${this.richText?s`<div id="rich-text">${y(this.richText)}</div>`:p}
           <slot name="description" @slotchange=${this.handleSlotChange}></slot>
         </div>
         <div id="action" class=${h({hidden:!this.hasAction()})}>
           <slot name="action" @slotchange=${this.handleSlotChange}></slot>
         </div>
       </div>
-    `}};e.styles=E,i([a({reflect:!0})],e.prototype,"severity",2),i([a({reflect:!0})],e.prototype,"appearance",2),i([a({reflect:!0})],e.prototype,"position",2),i([a({reflect:!0})],e.prototype,"slide",2),i([a()],e.prototype,"heading",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),i([a({attribute:"rich-text"})],e.prototype,"richText",2),i([a({type:Boolean,reflect:!0})],e.prototype,"closeable",2),i([a({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),i([a({type:Number})],e.prototype,"duration",2),i([a({type:Boolean,reflect:!0})],e.prototype,"open",2),i([d({slot:"description"})],e.prototype,"descriptionSlotEls",2),i([d({slot:"action"})],e.prototype,"actionSlotEls",2),i([d({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([f(w)],e);export{e as EunomiaToast,w as EunomiaToastTagName};
+    `}};e.styles=S,i([a({reflect:!0})],e.prototype,"severity",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"appearance",2),i([a({reflect:!0,useDefault:!0})],e.prototype,"position",2),i([a({reflect:!0})],e.prototype,"slide",2),i([a()],e.prototype,"heading",2),i([a()],e.prototype,"icon",2),i([a({type:Boolean,attribute:"hide-icon"})],e.prototype,"hideIcon",2),i([a({attribute:"rich-text"})],e.prototype,"richText",2),i([a({converter:u,reflect:!0})],e.prototype,"closeable",2),i([a({attribute:"close-label"})],e.prototype,"closeLabel",2),i([a({type:Number})],e.prototype,"duration",2),i([a({converter:u,reflect:!0})],e.prototype,"open",2),i([d({slot:"description"})],e.prototype,"descriptionSlotEls",2),i([d({slot:"action"})],e.prototype,"actionSlotEls",2),i([d({slot:"icon"})],e.prototype,"iconSlotEls",2),e=i([g(I)],e);export{e as EunomiaToast,I as EunomiaToastTagName};

package/dist/cdn/components/eun-toggle-group.js

@@ -1,4 +1,4 @@
-import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk-YYCEPZUN.js";import{a as T}from"./chunks/chunk-RS7TWEMQ.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as A}from"./chunks/chunk-SD2H5UDZ.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,b,c as w,d as y,f as k,h as _,j as c,k as E,l as x,n as C,p as d,r as v,u as I}from"./chunks/chunk-YITWLCD3.js";var B=_`
+import{a as z}from"./chunks/chunk-SMTIDNGW.js";import{a as S}from"./chunks/chunk-P6LGU3FT.js";import{a as T}from"./chunks/chunk-YYCEPZUN.js";import{a as C}from"./chunks/chunk-3BMACIDO.js";import{a as v}from"./chunks/chunk-PPCHQG7P.js";import{a as R}from"./chunks/chunk-SD2H5UDZ.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,b,c as x,d as w,f as _,h as k,j as c,k as I,l as y,n as E,p as d,r as g,u as B}from"./chunks/chunk-YITWLCD3.js";var A=k`
   :host {
     display: inline-flex;
     width: fit-content;
@@ -11,20 +11,64 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
       --toggle-group-arrows-color,
       var(--eun-surface-color, #ffffff)
     );
+    --_toggleDefaultRadius: var(--eun-border-radius-m, 8px);
+    --_toggleRadius: var(
+      --toggle-group-border-radius,
+      var(--_toggleDefaultRadius)
+    );
+    --_toggleFontSize: var(--eun-font-size-s, 14px);
+    --_toggleButtonPaddingBlock: var(--eun-space-s, 8px);
+    --_toggleOptionPaddingInline: calc(var(--eun-space-l, 32px) / 2);
+    --_toggleLineHeight: 1rem;
     --_trackPaddingBlock: var(
       --toggle-group-padding,
-      var(--toggle-group-padding-block, 4px)
+      var(
+        --toggle-group-padding-block,
+        calc(var(--_toggleButtonPaddingBlock) / 2)
+      )
     );
     --_trackPaddingInline: var(
       --toggle-group-padding,
       var(--toggle-group-padding-inline, 4px)
     );
+    --_toggleOptionPaddingBlock: max(
+      0px,
+      calc(var(--_toggleButtonPaddingBlock) - var(--_trackPaddingBlock))
+    );
     --_focusRoom: 0px;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--_toggleFontSize);
+  }
+  :host([rounded]) {
+    --_toggleDefaultRadius: var(--eun-border-radius-xl, 999px);
+  }
+  :host([size="xs"]) {
+    --_toggleFontSize: var(--eun-font-size-xs, 10px);
+    --_toggleButtonPaddingBlock: var(--eun-space-xxs, 1.6px);
+    --_toggleOptionPaddingInline: var(--eun-space-xs, 4px);
+    --_toggleLineHeight: 10px;
+  }
+  :host([size="s"]) {
+    --_toggleFontSize: var(--eun-font-size-xs, 10px);
+    --_toggleButtonPaddingBlock: calc(var(--eun-space-s, 8px) / 2);
+    --_toggleOptionPaddingInline: var(--eun-space-s, 8px);
+    --_toggleLineHeight: 10px;
+  }
+  :host([size="l"]) {
+    --_toggleFontSize: var(--eun-font-size-m, 16px);
+    --_toggleButtonPaddingBlock: calc(var(--eun-space-s, 8px) * 1.25);
+    --_toggleOptionPaddingInline: calc(var(--eun-space-m, 16px) * 1.25);
+    --_toggleLineHeight: 1.1rem;
+  }
+  :host([size="xl"]) {
+    --_toggleFontSize: var(--eun-font-size-l, 1.3rem);
+    --_toggleButtonPaddingBlock: calc(var(--eun-space-s, 8px) * 1.5);
+    --_toggleOptionPaddingInline: calc(var(--eun-space-m, 16px) * 1.5);
+    --_toggleLineHeight: 1.3rem;
   }
   :host([appearance="outline"]),
   :host([appearance="flat"]) {
+    --_toggleOptionPaddingBlock: var(--_toggleButtonPaddingBlock);
     --_focusRoom: 4px;
     --_arrowsColor: var(
       --toggle-group-arrows-color,
@@ -52,10 +96,7 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
     max-width: 100%;
     gap: var(--toggle-group-gap, var(--eun-space-xs, 4px));
     padding: var(--_trackPaddingBlock) var(--_trackPaddingInline);
-    border-radius: var(
-      --toggle-group-border-radius,
-      var(--eun-border-radius-m, 8px)
-    );
+    border-radius: var(--_toggleRadius);
     background: var(
       --toggle-group-background,
       var(--eun-surface-sunken, #f7f8fa)
@@ -156,9 +197,7 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
     width: 0;
     opacity: 0;
     z-index: 0;
-    border-radius: calc(
-      var(--toggle-group-border-radius, var(--eun-border-radius-m, 8px)) - 3px
-    );
+    border-radius: calc(var(--_toggleRadius) - 3px);
     background: var(
       --toggle-group-active-background,
       var(--eun-color-primary-500, #3d6fff)
@@ -210,12 +249,12 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
     border: none;
     background: transparent;
     color: var(--toggle-group-color, var(--eun-color-grey-600, #666e8a));
-    padding: calc(var(--eun-space-xs, 4px) * 1.5) var(--eun-space-m, 16px);
+    --icon-size: var(--_toggleLineHeight);
+    padding: var(--_toggleOptionPaddingBlock) var(--_toggleOptionPaddingInline);
+    line-height: var(--_toggleLineHeight);
     font-weight: var(--eun-font-weight-m, 500);
     outline: 2px solid transparent;
-    border-radius: calc(
-      var(--toggle-group-border-radius, var(--eun-border-radius-m, 8px)) - 3px
-    );
+    border-radius: calc(var(--_toggleRadius) - 3px);
     box-shadow: var(--_boxShadow);
     transition: var(
       --_toggleTransition,
@@ -250,13 +289,15 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
   button[disabled] {
     cursor: not-allowed;
   }
-  :host([appearance="default"]) #scrollable:has(#indicator) button.active {
+  :host(:is([appearance="default"], :not([appearance])))
+    #scrollable:has(#indicator)
+    button.active {
     color: var(
       --toggle-group-active-color,
       var(--eun-color-on-primary-500, #ffffff)
     );
   }
-  :host([appearance="default"])
+  :host(:is([appearance="default"], :not([appearance])))
     #scrollable:not(:has(#indicator))
     button.active {
     background: var(
@@ -270,7 +311,7 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
   }
   button.icon-only {
     justify-content: center;
-    padding: 6px;
+    padding: var(--_toggleOptionPaddingBlock);
   }
 
   button[data-color="secondary"] {
@@ -291,10 +332,7 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
   }
   :host([appearance="outline"]) button,
   :host([appearance="flat"]) button {
-    border-radius: var(
-      --toggle-group-border-radius,
-      var(--eun-border-radius-m, 8px)
-    );
+    border-radius: var(--_toggleRadius);
   }
   :host([appearance="outline"]) button {
     border: var(--eun-border-width-s, 1px) solid
@@ -322,14 +360,14 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
     outline-color: var(--_variantColor);
     color: var(--toggle-group-hover-color, var(--_variantColor));
   }
-`;var m=28,D="eun-toggle-group",u,g,i=class extends $(T(I)){constructor(){super(...arguments);this.options=[];this.value=[];this.single=!1;this.appearance="default";this.full=!1;w(this,u);w(this,g,!1);this.settled=!1;this.debounceMoveIndicator=A(()=>this.moveIndicator(!0),50);this.handleSlotChange=()=>{this.settleAndSync(!1)}}get totalCount(){return this.options.length+(this.items?.length??0)}get exclusive(){return this.single||this.totalCount===2}get entries(){let e=Array.from(this.trackEl?.querySelectorAll("button")??[]),t=this.options.map((r,o)=>({value:r.value,disabled:!!this.disabled,element:e[o]})),a=(this.items??[]).map(r=>({value:r.value,disabled:!!this.disabled||!!r.disabled,element:r}));return[...t,...a]}connectedCallback(){super.connectedCallback?.(),y(this,u,new ResizeObserver(this.debounceMoveIndicator)),b(this,u).observe(this)}disconnectedCallback(){b(this,u)?.disconnect(),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.settleAndSync(!1).then(()=>Promise.all((this.items??[]).map(t=>this.whenItemReady(t)))).then(()=>{requestAnimationFrame(()=>requestAnimationFrame(()=>{this.settled=!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.removeAttribute("tabindex"),(e.has("value")||e.has("options")||e.has("single")||e.has("appearance")||e.has("full"))&&this.settleAndSync(!0),e.has("disabled")&&this.disabled&&this.items?.forEach(t=>{t.disabled=!0})}whenItemsReady(){let e=new Set((this.items??[]).filter(t=>!customElements.get(t.tagName.toLowerCase())).map(t=>t.tagName.toLowerCase()));return e.size?Promise.all([...e].map(t=>customElements.whenDefined(t))):Promise.resolve()}settleAndSync(e){return this.whenItemsReady().then(()=>{this.seedInitialValue(),this.applyExclusiveDefault(),this.syncItems(),this.refreshIndicator(e),this.updateScroll()})}seedInitialValue(){if(b(this,g)||(y(this,g,!0),this.value.length))return;let e=(this.items??[]).filter(t=>t.checked).map(t=>t.value);e.length&&(this.value=this.exclusive?[e[0]]:e)}applyExclusiveDefault(){if(!this.exclusive||this.value.length)return;let[e]=this.entries;e&&(this.value=[e.value])}activateValue(e){if(!this.disabled){if(this.exclusive){if(this.value[0]===e)return;this.value=[e]}else this.value=this.value.includes(e)?this.value.filter(t=>t!==e):[...this.value,e];this.dispatchEvent(new R(this.value))}}activateItem(e){this.disabled||e.disabled||this.activateValue(e.value)}syncItems(){this.items?.length&&(this.items.forEach(e=>{e.checked=this.value.includes(e.value),e.toggleAttribute("exclusive",this.exclusive),e.setAttribute("appearance",this.appearance),e.toggleAttribute("full",this.full)}),this.exclusive&&this.applyRovingTabindex())}whenItemReady(e){return typeof e.updateComplete?.then=="function"?e.updateComplete:customElements.whenDefined(e.tagName.toLowerCase()).then(()=>e.updateComplete)}applyRovingTabindex(){let e=this.entries,t=Math.max(0,e.findIndex(a=>a.value===this.value[0]));e.forEach((a,r)=>{if(a.element.tagName==="BUTTON")return;let o=a.element,n=r===t?"0":"-1";this.whenItemReady(o).then(()=>{o.setAttribute("tabindex",n)})})}refreshIndicator(e){if(!this.exclusive)return;let t=()=>{this.appearance==="default"&&this.moveIndicator(e),this.revealActive(e)},a=this.entries.find(r=>r.value===this.value[0]);if(a&&a.element.tagName!=="BUTTON"){this.whenItemReady(a.element).then(t);return}t()}revealActive(e){let t=this.trackEl,a=this.entries.find(S=>S.value===this.value[0]);if(!t||!a||t.scrollWidth<=t.clientWidth)return;let r=t.getBoundingClientRect(),o=a.element.getBoundingClientRect(),n=o.left-r.left-t.clientLeft,l=n+o.width,f=0;n<m?f=n-m:l>t.clientWidth-m&&(f=l-(t.clientWidth-m)),f&&t.scrollBy({left:f,behavior:e?"smooth":"instant"})}moveIndicator(e){let t=this.indicatorEl;if(!this.exclusive||!t||!this.trackEl)return;let a=this.entries.find(l=>l.value===this.value[0]);if(!a){t.style.opacity="0";return}let r=this.trackEl.getBoundingClientRect(),o=a.element.getBoundingClientRect(),n=o.left-r.left-this.trackEl.clientLeft+this.trackEl.scrollLeft;e||(t.style.transition="none"),t.style.opacity="1",t.style.width=`${o.width}px`,t.style.transform=`translateX(${n}px)`,e||(t.getBoundingClientRect(),t.style.transition="")}exclusiveTabIndex(e,t){let a=this.value[0]===e,r=this.value.length===0;return a||r&&t===0?0:-1}handleKeydown(e){if(this.disabled)return;if(!this.exclusive){let l=e.target;this.items?.includes(l)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.activateItem(l));return}let t=this.entries;if(!t.length)return;let a=t.findIndex(l=>l.value===this.value[0]),r,o;switch(e.key){case"ArrowRight":case"ArrowDown":r=1,o=a===-1?0:(a+1)%t.length;break;case"ArrowLeft":case"ArrowUp":r=-1,o=a===-1?t.length-1:(a-1+t.length)%t.length;break;case"Home":r=1,o=0;break;case"End":r=-1,o=t.length-1;break;default:return}e.preventDefault();for(let l=0;l<t.length&&t[o]?.disabled;l+=1)o=(o+r+t.length)%t.length;let n=t[o];!n||n.disabled||(this.activateValue(n.value),n.element.focus())}arrowVisible(e){return this.overflowState?["middle",e==="start"?"end":"start"].includes(String(this.overflowState)):!1}isOnOverflow(){let e=this.trackEl;return!!e&&e.scrollWidth>e.clientWidth}render(){let e=this.exclusive,t=e&&this.appearance==="default";return d`
+`;var m=28,$="eun-toggle-group",u,h,i=class extends z(S(C(B))){constructor(){super(...arguments);this.options=[];this.value=[];this.single=!1;this.appearance="default";this.size="m";this.full=!1;x(this,u);x(this,h,!1);this.settled=!1;this.debounceMoveIndicator=R(()=>this.moveIndicator(!0),50);this.handleSlotChange=()=>{this.settleAndSync(!1)}}get totalCount(){return this.options.length+(this.items?.length??0)}get exclusive(){return this.single||this.totalCount===2}get entries(){let e=Array.from(this.trackEl?.querySelectorAll("button")??[]),t=this.options.map((o,r)=>({value:o.value,disabled:!!this.disabled,element:e[r]})),a=(this.items??[]).map(o=>({value:o.value,disabled:!!this.disabled||!!o.disabled,element:o}));return[...t,...a]}connectedCallback(){super.connectedCallback?.(),w(this,u,new ResizeObserver(this.debounceMoveIndicator)),b(this,u).observe(this)}disconnectedCallback(){b(this,u)?.disconnect(),super.disconnectedCallback?.()}firstUpdated(e){super.firstUpdated(e),this.settleAndSync(!1).then(()=>Promise.all((this.items??[]).map(t=>this.whenItemReady(t)))).then(()=>{requestAnimationFrame(()=>requestAnimationFrame(()=>{this.settled=!0}))})}updated(e){super.updated(e),e.has("disabled")&&this.removeAttribute("tabindex"),(e.has("value")||e.has("options")||e.has("single")||e.has("appearance")||e.has("size")||e.has("full"))&&this.settleAndSync(!0),e.has("disabled")&&this.disabled&&this.items?.forEach(t=>{t.disabled=!0})}whenItemsReady(){let e=new Set((this.items??[]).filter(t=>!customElements.get(t.tagName.toLowerCase())).map(t=>t.tagName.toLowerCase()));return e.size?Promise.all([...e].map(t=>customElements.whenDefined(t))):Promise.resolve()}settleAndSync(e){return this.whenItemsReady().then(()=>{this.seedInitialValue(),this.applyExclusiveDefault(),this.syncItems(),this.refreshIndicator(e),this.updateScroll()})}seedInitialValue(){if(b(this,h)||(w(this,h,!0),this.value.length))return;let e=(this.items??[]).filter(t=>t.checked).map(t=>t.value);e.length&&(this.value=this.exclusive?[e[0]]:e)}applyExclusiveDefault(){if(!this.exclusive||this.value.length)return;let[e]=this.entries;e&&(this.value=[e.value])}activateValue(e){if(!this.disabled){if(this.exclusive){if(this.value[0]===e)return;this.value=[e]}else this.value=this.value.includes(e)?this.value.filter(t=>t!==e):[...this.value,e];this.dispatchEvent(new T(this.value))}}activateItem(e){this.disabled||e.disabled||this.activateValue(e.value)}syncItems(){this.items?.length&&(this.items.forEach(e=>{e.checked=this.value.includes(e.value),e.toggleAttribute("exclusive",this.exclusive),e.setAttribute("appearance",this.appearance),e.toggleAttribute("full",this.full)}),this.exclusive&&this.applyRovingTabindex())}whenItemReady(e){return typeof e.updateComplete?.then=="function"?e.updateComplete:customElements.whenDefined(e.tagName.toLowerCase()).then(()=>e.updateComplete)}applyRovingTabindex(){let e=this.entries,t=Math.max(0,e.findIndex(a=>a.value===this.value[0]));e.forEach((a,o)=>{if(a.element.tagName==="BUTTON")return;let r=a.element,n=o===t?"0":"-1";this.whenItemReady(r).then(()=>{r.setAttribute("tabindex",n)})})}refreshIndicator(e){if(!this.exclusive)return;let t=()=>{this.appearance==="default"&&this.moveIndicator(e),this.revealActive(e)},a=this.entries.find(o=>o.value===this.value[0]);if(a&&a.element.tagName!=="BUTTON"){this.whenItemReady(a.element).then(t);return}t()}revealActive(e){let t=this.trackEl,a=this.entries.find(P=>P.value===this.value[0]);if(!t||!a||t.scrollWidth<=t.clientWidth)return;let o=t.getBoundingClientRect(),r=a.element.getBoundingClientRect(),n=r.left-o.left-t.clientLeft,l=n+r.width,f=0;n<m?f=n-m:l>t.clientWidth-m&&(f=l-(t.clientWidth-m)),f&&t.scrollBy({left:f,behavior:e?"smooth":"instant"})}moveIndicator(e){let t=this.indicatorEl;if(!this.exclusive||!t||!this.trackEl)return;let a=this.entries.find(l=>l.value===this.value[0]);if(!a){t.style.opacity="0";return}let o=this.trackEl.getBoundingClientRect(),r=a.element.getBoundingClientRect(),n=r.left-o.left-this.trackEl.clientLeft+this.trackEl.scrollLeft;e||(t.style.transition="none"),t.style.opacity="1",t.style.width=`${r.width}px`,t.style.transform=`translateX(${n}px)`,e||(t.getBoundingClientRect(),t.style.transition="")}exclusiveTabIndex(e,t){let a=this.value[0]===e,o=this.value.length===0;return a||o&&t===0?0:-1}handleKeydown(e){if(this.disabled)return;if(!this.exclusive){let l=e.target;this.items?.includes(l)&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.activateItem(l));return}let t=this.entries;if(!t.length)return;let a=t.findIndex(l=>l.value===this.value[0]),o,r;switch(e.key){case"ArrowRight":case"ArrowDown":o=1,r=a===-1?0:(a+1)%t.length;break;case"ArrowLeft":case"ArrowUp":o=-1,r=a===-1?t.length-1:(a-1+t.length)%t.length;break;case"Home":o=1,r=0;break;case"End":o=-1,r=t.length-1;break;default:return}e.preventDefault();for(let l=0;l<t.length&&t[r]?.disabled;l+=1)r=(r+o+t.length)%t.length;let n=t[r];!n||n.disabled||(this.activateValue(n.value),n.element.focus())}arrowVisible(e){return this.overflowState?["middle",e==="start"?"end":"start"].includes(String(this.overflowState)):!1}isOnOverflow(){let e=this.trackEl;return!!e&&e.scrollWidth>e.clientWidth}render(){let e=this.exclusive,t=e&&this.appearance==="default";return d`
       <div id="scrollable-wrapper">
         <div
           id="scrollable"
-          class=${h({settled:this.settled})}
+          class=${p({settled:this.settled})}
           role=${e?"radiogroup":"group"}
           part="track"
-          aria-label=${this.ariaLabel??v}
+          aria-label=${this.ariaLabel??g}
           aria-disabled=${this.disabled?"true":"false"}
           @keydown=${a=>this.handleKeydown(a)}
           @scroll=${this.updateScroll}
@@ -338,40 +376,40 @@ import{a as $}from"./chunks/chunk-SMTIDNGW.js";import{a as R}from"./chunks/chunk
                 id="indicator"
                 part="indicator"
                 aria-hidden="true"
-              ></span>`:v}
-          ${this.options.map((a,r)=>{let o=this.value.includes(a.value),n=!!a.icon&&!a.showLabel;return d`
+              ></span>`:g}
+          ${this.options.map((a,o)=>{let r=this.value.includes(a.value),n=!!a.icon&&!a.showLabel;return d`
               <button
                 type="button"
-                class=${h({active:o,"icon-only":n})}
+                class=${p({active:r,"icon-only":n})}
                 data-value=${a.value}
-                data-color=${p(a.color)}
+                data-color=${v(a.color)}
                 role=${e?"radio":"checkbox"}
-                aria-checked=${o?"true":"false"}
-                aria-label=${p(n?a.label:void 0)}
-                title=${p(n?a.label:void 0)}
-                tabindex=${p(e?this.exclusiveTabIndex(a.value,r):void 0)}
+                aria-checked=${r?"true":"false"}
+                aria-label=${v(n?a.label:void 0)}
+                title=${v(n?a.label:void 0)}
+                tabindex=${v(e?this.exclusiveTabIndex(a.value,o):void 0)}
                 ?disabled=${this.disabled}
                 @click=${()=>this.activateValue(a.value)}
               >
-                ${a.icon?d`<eun-icon name=${a.icon} size="16"></eun-icon>`:v}
-                ${n?v:a.label}
+                ${a.icon?d`<eun-icon name=${a.icon}></eun-icon>`:g}
+                ${n?g:a.label}
               </button>
             `})}
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
         <div id="arrows">
           <arrow-container
-            class=${h({visible:this.arrowVisible("start")})}
+            class=${p({visible:this.arrowVisible("start")})}
             @click=${this.scrollItem("back")}
           >
             <eun-icon name="chevron_left"></eun-icon>
           </arrow-container>
           <arrow-container
-            class=${h({visible:this.arrowVisible("end")})}
+            class=${p({visible:this.arrowVisible("end")})}
             @click=${this.scrollItem("front")}
           >
             <eun-icon name="chevron_right"></eun-icon>
           </arrow-container>
         </div>
       </div>
-    `}};u=new WeakMap,g=new WeakMap,i.styles=[B],s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"options",2),s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"value",2),s([c({type:Boolean,reflect:!0})],i.prototype,"single",2),s([c({reflect:!0})],i.prototype,"appearance",2),s([c({type:Boolean,reflect:!0})],i.prototype,"full",2),s([C()],i.prototype,"items",2),s([x("#scrollable")],i.prototype,"trackEl",2),s([x("#indicator")],i.prototype,"indicatorEl",2),s([E()],i.prototype,"settled",2),i=s([k(D)],i);export{i as EunomiaToggleGroup,D as EunomiaToggleGroupTagName};
+    `}};u=new WeakMap,h=new WeakMap,i.styles=[A],s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"options",2),s([c({type:Array,reflect:!0,converter:{toAttribute:e=>e?.length?JSON.stringify(e):null}})],i.prototype,"value",2),s([c({type:Boolean,reflect:!0})],i.prototype,"single",2),s([c({reflect:!0,useDefault:!0})],i.prototype,"appearance",2),s([c({reflect:!0,useDefault:!0})],i.prototype,"size",2),s([c({type:Boolean,reflect:!0})],i.prototype,"full",2),s([E()],i.prototype,"items",2),s([y("#scrollable")],i.prototype,"trackEl",2),s([y("#indicator")],i.prototype,"indicatorEl",2),s([I()],i.prototype,"settled",2),i=s([_($)],i);export{i as EunomiaToggleGroup,$ as EunomiaToggleGroupTagName};

package/dist/cdn/components/eun-toggle-item.js

@@ -1,4 +1,4 @@
-import{a as s}from"./chunks/chunk-RS7TWEMQ.js";import{a as e,f as i,h as n,j as r,p as a,r as l,u as c}from"./chunks/chunk-YITWLCD3.js";var u=n`
+import{a as s}from"./chunks/chunk-3BMACIDO.js";import{a as e,f as i,h as n,j as r,p as a,r as l,u as c}from"./chunks/chunk-YITWLCD3.js";var u=n`
   :host {
     --_hoverColor: var(
       --toggle-group-hover-color,
@@ -22,15 +22,18 @@ import{a as s}from"./chunks/chunk-RS7TWEMQ.js";import{a as e,f as i,h as n,j as
     display: inline-flex;
     align-items: center;
     gap: var(--eun-space-xs, 4px);
+    --icon-size: var(--_toggleLineHeight, 1rem);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--_toggleFontSize, var(--eun-font-size-s, 14px));
+    line-height: var(--_toggleLineHeight, 1rem);
     font-weight: var(--eun-font-weight-m, 500);
     white-space: nowrap;
     cursor: pointer;
     color: var(--toggle-group-color, var(--eun-color-grey-600, #666e8a));
-    padding: 6px 14px;
+    padding: var(--_toggleOptionPaddingBlock, calc(var(--eun-space-s, 8px) / 2))
+      var(--_toggleOptionPaddingInline, calc(var(--eun-space-l, 32px) / 2));
     border-radius: calc(
-      var(--toggle-group-border-radius, var(--eun-border-radius-m, 8px)) - 3px
+      var(--_toggleRadius, var(--eun-border-radius-m, 8px)) - 3px
     );
     outline: 2px solid transparent;
     box-shadow: var(--_boxShadow);
@@ -110,10 +113,7 @@ import{a as s}from"./chunks/chunk-RS7TWEMQ.js";import{a as e,f as i,h as n,j as
   }
   :host([appearance="outline"]) #item,
   :host([appearance="flat"]) #item {
-    border-radius: var(
-      --toggle-group-border-radius,
-      var(--eun-border-radius-m, 8px)
-    );
+    border-radius: var(--_toggleRadius, var(--eun-border-radius-m, 8px));
   }
   :host([appearance="outline"]) #item {
     border: var(--eun-border-width-s, 1px) solid
@@ -148,7 +148,7 @@ import{a as s}from"./chunks/chunk-RS7TWEMQ.js";import{a as e,f as i,h as n,j as
 `;var v="eun-toggle-item",d="eun-toggle-group",o=class extends s(c){constructor(){super(...arguments);this.checked=!1;this.activate=()=>{this.disabled||this.closest(d)?.activateItem(this)}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","checkbox"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("click",this.activate)}disconnectedCallback(){this.removeEventListener("click",this.activate),super.disconnectedCallback?.()}updated(t){super.updated(t),t.has("checked")&&this.setAttribute("aria-checked",String(this.checked))}render(){return a`
       <div id="item" part="item">
         <slot name="icon">
-          ${this.icon?a`<eun-icon name=${this.icon} size="16"></eun-icon>`:l}
+          ${this.icon?a`<eun-icon name=${this.icon}></eun-icon>`:l}
         </slot>
         <slot></slot>
       </div>

package/dist/cdn/components/eun-toggle.js

@@ -1,4 +1,4 @@
-import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk-RS7TWEMQ.js";import{a as r,f as n,h as l,j as t,p as a,u as s}from"./chunks/chunk-YITWLCD3.js";var c=l`
+import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk-3BMACIDO.js";import{a as r,f as n,h as l,j as t,p as a,u as s}from"./chunks/chunk-YITWLCD3.js";var c=l`
   :host {
     --_hoverColor: var(
       --toggle-hover-color,
@@ -107,4 +107,4 @@ import{a as i}from"./chunks/chunk-YYCEPZUN.js";import{a as d}from"./chunks/chunk
   :host(:not([checked])) ::slotted([slot="checked"]) {
     display: none;
   }
-`;var g="eun-toggle",o=class extends d(s){constructor(){super(...arguments);this.checked=!1;this.swap=!1;this.appearance="default";this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.dispatchEvent(new i(this.checked)))};this.handleKeydown=e=>{e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("click",this.toggle),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("click",this.toggle),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&this.setAttribute("aria-pressed",String(this.checked))}render(){let e=this.swap?a`<slot name="unchecked"></slot><slot name="checked"></slot>`:a`<slot></slot>`;return a`<div id="toggle" part="toggle">${e}</div>`}};o.styles=[c],r([t({type:Boolean,reflect:!0})],o.prototype,"checked",2),r([t({type:Boolean,reflect:!0})],o.prototype,"swap",2),r([t({reflect:!0})],o.prototype,"appearance",2),o=r([n(g)],o);export{o as EunomiaToggle,g as EunomiaToggleTagName};
+`;var g="eun-toggle",o=class extends d(s){constructor(){super(...arguments);this.checked=!1;this.swap=!1;this.appearance="default";this.toggle=()=>{this.disabled||(this.checked=!this.checked,this.dispatchEvent(new i(this.checked)))};this.handleKeydown=e=>{e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())}}connectedCallback(){super.connectedCallback?.(),this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("click",this.toggle),this.addEventListener("keydown",this.handleKeydown)}disconnectedCallback(){this.removeEventListener("click",this.toggle),this.removeEventListener("keydown",this.handleKeydown),super.disconnectedCallback?.()}updated(e){super.updated(e),e.has("checked")&&this.setAttribute("aria-pressed",String(this.checked))}render(){let e=this.swap?a`<slot name="unchecked"></slot><slot name="checked"></slot>`:a`<slot></slot>`;return a`<div id="toggle" part="toggle">${e}</div>`}};o.styles=[c],r([t({type:Boolean,reflect:!0})],o.prototype,"checked",2),r([t({type:Boolean,reflect:!0})],o.prototype,"swap",2),r([t({reflect:!0,useDefault:!0})],o.prototype,"appearance",2),o=r([n(g)],o);export{o as EunomiaToggle,g as EunomiaToggleTagName};

package/dist/cdn/components/eun-toolbar.js

@@ -1,4 +1,4 @@
-import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{a as v}from"./chunks/chunk-BKZGTCMF.js";import{a as r,f as c,h,j as i,l as d,n as p,p as n,r as l,u}from"./chunks/chunk-YITWLCD3.js";var m=h`
+import{a as k}from"./chunks/chunk-TCSB2MLU.js";import"./chunks/chunk-RGC3I6MK.js";import"./chunks/chunk-5LXGJVJR.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{a as b}from"./chunks/chunk-BKZGTCMF.js";import{a as g}from"./chunks/chunk-6TIEBY34.js";import{a as v}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f as c,h,j as i,l as d,n as p,p as n,r as l,u}from"./chunks/chunk-YITWLCD3.js";var y=h`
   :host {
     --_height: var(--toolbar-height, 72px);
     --_heightCollapsed: var(--toolbar-height-collapsed, 56px);
@@ -50,6 +50,10 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
       --toolbar-panel-padding,
       var(--toolbar-panel-padding-inline, 14px)
     );
+    --_panelOffset: var(
+      --toolbar-panel-offset,
+      calc(var(--_currentHeight) - var(--eun-border-width-s, 1px))
+    );
     --_burgerAlign: var(--toolbar-burger-align, center);
     --_burgerPadding: var(
       --toolbar-burger-padding,
@@ -149,6 +153,12 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
     min-width: 0;
   }
 
+  :host([mobile][mobile-hide~="start"]) #start,
+  :host([mobile][mobile-hide~="center"]) #center,
+  :host([mobile][mobile-hide~="end"]) #end {
+    display: none;
+  }
+
   #start ::slotted(*),
   #center ::slotted(*),
   #end ::slotted(*) {
@@ -278,22 +288,6 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
     pointer-events: none;
     transition-duration: var(--_transitionDuration);
   }
-  #panel[data-direction="top"] {
-    inset-block-end: auto;
-    height: var(--_panelSize);
-  }
-  #panel[data-direction="bottom"] {
-    inset-block-start: auto;
-    height: var(--_panelSize);
-  }
-  #panel[data-direction="left"] {
-    inset-inline-end: auto;
-    width: var(--_panelSize);
-  }
-  #panel[data-direction="right"] {
-    inset-inline-start: auto;
-    width: var(--_panelSize);
-  }
   #panel::backdrop {
     background: transparent;
   }
@@ -318,7 +312,8 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
     inset: 0;
     display: flex;
     flex-direction: column;
-    padding: var(--_panelPaddingBlock) var(--_panelPaddingInline);
+    padding: calc(var(--_panelOffset) + var(--_panelPaddingBlock))
+      var(--_panelPaddingInline) var(--_panelPaddingBlock);
     background: var(--_panelBackground);
     backdrop-filter: blur(var(--_panelBackdropBlur));
     -webkit-backdrop-filter: blur(var(--_panelBackdropBlur));
@@ -331,15 +326,20 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
       transform var(--_transitionDuration) var(--eun-easing-default, ease);
   }
   #panel[data-direction="top"] #panel-body {
+    inset-block-end: calc(100% - var(--_panelSize));
     transform: translateY(-100%);
   }
   #panel[data-direction="bottom"] #panel-body {
+    --_panelOffset: var(--toolbar-panel-offset, 0px);
+    inset-block-start: calc(100% - var(--_panelSize));
     transform: translateY(100%);
   }
   #panel[data-direction="left"] #panel-body {
+    inset-inline-end: calc(100% - var(--_panelSize));
     transform: translateX(-100%);
   }
   #panel[data-direction="right"] #panel-body {
+    inset-inline-start: calc(100% - var(--_panelSize));
     transform: translateX(100%);
   }
   #panel:popover-open #panel-body {
@@ -381,7 +381,7 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
       transition-duration: 0.01ms;
     }
   }
-`,g=m;var f="eun-toolbar",t=class extends b(u){constructor(){super(...arguments);this.position="sticky";this.mobileBreakpoint=v.tablet;this.open=!1;this.panelDirection="top";this.closeOnBackdrop=!0;this.ariaLabelMenuOpen="Open menu";this.ariaLabelMenuClose="Close menu";this.ariaLabelMenu="Menu";this.collapseOnScroll=!1;this.collapseThreshold=24;this.collapsed=!1;this.transparentAtTop=!1;this.atTop=!0;this.adaptiveTheme=!1;this.adaptiveThemeSelector="[data-toolbar-theme]";this.theme="light";this.defaultTheme="light";this.skipLinkLabel="Skip to main content";this.mobile=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.scrollTargetEl=window;this.scrollListenerAttached=!1;this.intersectingThemeEls=new Set;this.handleMediaChange=e=>{this.mobile=e.matches,!this.mobile&&this.open&&this.hide()};this.handleScroll=()=>{this.scrollRafId===void 0&&(this.scrollRafId=requestAnimationFrame(()=>{this.scrollRafId=void 0,this.updateScrollState()}))};this.handleThemeIntersect=e=>{for(let a of e)a.isIntersecting?this.intersectingThemeEls.add(a.target):this.intersectingThemeEls.delete(a.target);this.resolveAdaptiveTheme()};this.handlePanelToggle=e=>{let a=e;if(this.syncingFromPopover=!0,this.open=a.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.panelEl,onEscape:()=>this.hide(),onOutsideClick:()=>{this.closeOnBackdrop&&this.hide()}}),this.dispatchEvent(new s),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface(this.burgerEl),this.dispatchEvent(new s)};this.handleSkipLinkClick=e=>{let o=e.composedPath().find(k=>k instanceof HTMLAnchorElement)?.getAttribute("href");!o||!o.startsWith("#")||o.length<2||document.getElementById(o.slice(1))?.focus()}}connectedCallback(){super.connectedCallback(),this.updateMediaQuery(),this.syncScrollListener()}disconnectedCallback(){this.mediaQueryList?.removeEventListener("change",this.handleMediaChange),this.detachScrollListener(),this.teardownAdaptiveThemeObserver(),this.teardownDialogSurface(this.open),super.disconnectedCallback()}updated(e){super.updated(e),e.has("mobileBreakpoint")&&this.updateMediaQuery(),e.has("open")&&this.syncPopoverOpenState(this.open,this.panelEl),e.has("panelSize")&&(this.panelSize?this.style.setProperty("--toolbar-panel-size",this.panelSize):this.style.removeProperty("--toolbar-panel-size")),this.updateScrollListenerFor(e),this.updateAdaptiveThemeObserverFor(e)}updateScrollListenerFor(e){(e.has("collapseOnScroll")||e.has("transparentAtTop"))&&this.syncScrollListener(),e.has("scrollTarget")&&this.scrollListenerAttached&&this.attachScrollListener()}updateAdaptiveThemeObserverFor(e){if(e.has("adaptiveTheme")){this.adaptiveTheme?this.setupAdaptiveThemeObserver():e.get("adaptiveTheme")===!0&&(this.teardownAdaptiveThemeObserver(),this.theme=this.defaultTheme);return}this.adaptiveTheme&&(e.has("adaptiveThemeSelector")||e.has("collapsed")||e.has("scrollTarget"))&&this.setupAdaptiveThemeObserver()}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}refreshAdaptiveTheme(){this.themeObserver&&(this.themeObserver.disconnect(),this.intersectingThemeEls.clear(),document.querySelectorAll(this.adaptiveThemeSelector).forEach(e=>this.themeObserver?.observe(e)),this.resolveAdaptiveTheme())}updateMediaQuery(){this.mediaQueryList?.removeEventListener("change",this.handleMediaChange),this.mediaQueryList=window.matchMedia(`(width < ${this.mobileBreakpoint}px)`),this.mediaQueryList.addEventListener("change",this.handleMediaChange),this.mobile=this.mediaQueryList.matches}resolveScrollTarget(){if(this.scrollTarget){let e=document.querySelector(this.scrollTarget);if(e)return e}return window}resolveIntersectionRoot(){if(this.scrollTarget){let e=document.querySelector(this.scrollTarget);if(e)return e}return null}syncScrollListener(){let e=this.collapseOnScroll||this.transparentAtTop;e&&!this.scrollListenerAttached?(this.attachScrollListener(),this.scrollListenerAttached=!0):!e&&this.scrollListenerAttached&&(this.detachScrollListener(),this.scrollListenerAttached=!1)}attachScrollListener(){this.scrollTargetEl?.removeEventListener("scroll",this.handleScroll),this.scrollTargetEl=this.resolveScrollTarget(),this.scrollTargetEl.addEventListener("scroll",this.handleScroll,{passive:!0}),this.updateScrollState()}detachScrollListener(){this.scrollTargetEl?.removeEventListener("scroll",this.handleScroll),this.scrollRafId!==void 0&&(cancelAnimationFrame(this.scrollRafId),this.scrollRafId=void 0)}currentScrollY(){return this.scrollTargetEl instanceof Element?this.scrollTargetEl.scrollTop:window.scrollY}updateScrollState(){let e=this.currentScrollY();this.collapseOnScroll&&this.setCollapsed(e>this.collapseThreshold),this.transparentAtTop&&(this.atTop=e<=0)}setCollapsed(e){this.collapsed!==e&&(this.collapsed=e,this.dispatchEvent(new s))}setTheme(e){this.theme!==e&&(this.theme=e,this.dispatchEvent(new s))}barHeightPx(){return this.barEl?.getBoundingClientRect().height??(this.collapsed?56:72)}setupAdaptiveThemeObserver(){this.teardownAdaptiveThemeObserver();let e=this.barHeightPx();this.themeObserver=new IntersectionObserver(this.handleThemeIntersect,{root:this.resolveIntersectionRoot(),rootMargin:`-${e}px 0px -85% 0px`}),document.querySelectorAll(this.adaptiveThemeSelector).forEach(a=>this.themeObserver?.observe(a)),this.resolveAdaptiveTheme()}teardownAdaptiveThemeObserver(){this.themeObserver?.disconnect(),this.themeObserver=void 0,this.intersectingThemeEls.clear()}resolveAdaptiveTheme(){if(this.intersectingThemeEls.size===0){this.setTheme(this.defaultTheme);return}let e=document.querySelectorAll(this.adaptiveThemeSelector);for(let a=e.length-1;a>=0;a-=1)if(this.intersectingThemeEls.has(e[a])){this.setTheme(e[a].getAttribute("data-toolbar-theme")==="dark"?"dark":"light");return}this.setTheme(this.defaultTheme)}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}this.panelEl?.focus()}hasSkipLinksContent(){return this.skipLinkTarget!==void 0||this.querySelector('[slot="skip-links"]')!==null}renderSkipLinks(){return n`
+`,m=y;var _="eun-toolbar",t=class extends k(v(u)){constructor(){super(...arguments);this.position="sticky";this.mobileBreakpoint=b.tablet;this.open=!1;this.panelDirection="top";this.closeOnBackdrop=!0;this.collapseOnScroll=!1;this.collapseThreshold=24;this.collapsed=!1;this.transparentAtTop=!1;this.atTop=!0;this.adaptiveTheme=!1;this.adaptiveThemeSelector="[data-toolbar-theme]";this.theme="light";this.defaultTheme="light";this.skipLinkLabel="Skip to main content";this.mobile=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};this.scrollTargetEl=window;this.scrollListenerAttached=!1;this.intersectingThemeEls=new Set;this.handleMediaChange=e=>{this.mobile=e.matches,!this.mobile&&this.open&&this.hide()};this.handleScroll=()=>{this.scrollRafId===void 0&&(this.scrollRafId=requestAnimationFrame(()=>{this.scrollRafId=void 0,this.updateScrollState()}))};this.handleThemeIntersect=e=>{for(let a of e)a.isIntersecting?this.intersectingThemeEls.add(a.target):this.intersectingThemeEls.delete(a.target);this.resolveAdaptiveTheme()};this.handlePanelToggle=e=>{let a=e;if(this.syncingFromPopover=!0,this.open=a.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.panelEl,onEscape:()=>this.hide(),onOutsideClick:()=>{this.closeOnBackdrop&&this.hide()}}),this.dispatchEvent(new s),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface(this.burgerEl),this.dispatchEvent(new s)};this.handleSkipLinkClick=e=>{let o=e.composedPath().find(f=>f instanceof HTMLAnchorElement)?.getAttribute("href");!o||!o.startsWith("#")||o.length<2||document.getElementById(o.slice(1))?.focus()}}connectedCallback(){super.connectedCallback(),this.updateMediaQuery(),this.syncScrollListener()}disconnectedCallback(){this.mediaQueryList?.removeEventListener("change",this.handleMediaChange),this.detachScrollListener(),this.teardownAdaptiveThemeObserver(),this.teardownDialogSurface(this.open),super.disconnectedCallback()}updated(e){super.updated(e),e.has("mobileBreakpoint")&&this.updateMediaQuery(),e.has("open")&&this.syncPopoverOpenState(this.open,this.panelEl),e.has("panelSize")&&(this.panelSize?this.style.setProperty("--toolbar-panel-size",this.panelSize):this.style.removeProperty("--toolbar-panel-size")),this.updateScrollListenerFor(e),this.updateAdaptiveThemeObserverFor(e)}updateScrollListenerFor(e){(e.has("collapseOnScroll")||e.has("transparentAtTop"))&&this.syncScrollListener(),e.has("scrollTarget")&&this.scrollListenerAttached&&this.attachScrollListener()}updateAdaptiveThemeObserverFor(e){if(e.has("adaptiveTheme")){this.adaptiveTheme?this.setupAdaptiveThemeObserver():e.get("adaptiveTheme")===!0&&(this.teardownAdaptiveThemeObserver(),this.theme=this.defaultTheme);return}this.adaptiveTheme&&(e.has("adaptiveThemeSelector")||e.has("collapsed")||e.has("scrollTarget"))&&this.setupAdaptiveThemeObserver()}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}refreshAdaptiveTheme(){this.themeObserver&&(this.themeObserver.disconnect(),this.intersectingThemeEls.clear(),document.querySelectorAll(this.adaptiveThemeSelector).forEach(e=>this.themeObserver?.observe(e)),this.resolveAdaptiveTheme())}updateMediaQuery(){this.mediaQueryList?.removeEventListener("change",this.handleMediaChange),this.mediaQueryList=window.matchMedia(`(width < ${this.mobileBreakpoint}px)`),this.mediaQueryList.addEventListener("change",this.handleMediaChange),this.mobile=this.mediaQueryList.matches}resolveScrollTarget(){if(this.scrollTarget){let e=document.querySelector(this.scrollTarget);if(e)return e}return window}resolveIntersectionRoot(){if(this.scrollTarget){let e=document.querySelector(this.scrollTarget);if(e)return e}return null}syncScrollListener(){let e=this.collapseOnScroll||this.transparentAtTop;e&&!this.scrollListenerAttached?(this.attachScrollListener(),this.scrollListenerAttached=!0):!e&&this.scrollListenerAttached&&(this.detachScrollListener(),this.scrollListenerAttached=!1)}attachScrollListener(){this.scrollTargetEl?.removeEventListener("scroll",this.handleScroll),this.scrollTargetEl=this.resolveScrollTarget(),this.scrollTargetEl.addEventListener("scroll",this.handleScroll,{passive:!0}),this.updateScrollState()}detachScrollListener(){this.scrollTargetEl?.removeEventListener("scroll",this.handleScroll),this.scrollRafId!==void 0&&(cancelAnimationFrame(this.scrollRafId),this.scrollRafId=void 0)}currentScrollY(){return this.scrollTargetEl instanceof Element?this.scrollTargetEl.scrollTop:window.scrollY}updateScrollState(){let e=this.currentScrollY();this.collapseOnScroll&&this.setCollapsed(e>this.collapseThreshold),this.transparentAtTop&&(this.atTop=e<=0)}setCollapsed(e){this.collapsed!==e&&(this.collapsed=e,this.dispatchEvent(new s))}setTheme(e){this.theme!==e&&(this.theme=e,this.dispatchEvent(new s))}barHeightPx(){return this.barEl?.getBoundingClientRect().height??(this.collapsed?56:72)}setupAdaptiveThemeObserver(){this.teardownAdaptiveThemeObserver();let e=this.barHeightPx();this.themeObserver=new IntersectionObserver(this.handleThemeIntersect,{root:this.resolveIntersectionRoot(),rootMargin:`-${e}px 0px -85% 0px`}),document.querySelectorAll(this.adaptiveThemeSelector).forEach(a=>this.themeObserver?.observe(a)),this.resolveAdaptiveTheme()}teardownAdaptiveThemeObserver(){this.themeObserver?.disconnect(),this.themeObserver=void 0,this.intersectingThemeEls.clear()}resolveAdaptiveTheme(){if(this.intersectingThemeEls.size===0){this.setTheme(this.defaultTheme);return}let e=document.querySelectorAll(this.adaptiveThemeSelector);for(let a=e.length-1;a>=0;a-=1)if(this.intersectingThemeEls.has(e[a])){this.setTheme(e[a].getAttribute("data-toolbar-theme")==="dark"?"dark":"light");return}this.setTheme(this.defaultTheme)}focusInitialElement(){let e=this.querySelector("[autofocus]");if(e){e.focus();return}this.panelEl?.focus()}hasSkipLinksContent(){return this.skipLinkTarget!==void 0||this.querySelector('[slot="skip-links"]')!==null}renderSkipLinks(){return n`
       <div id="skip-links" @click=${this.handleSkipLinkClick}>
         <slot name="skip-links">
           ${this.skipLinkTarget?n`
@@ -406,7 +406,7 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
         rounded
         size="s"
         aria-expanded=${this.open}
-        aria-label=${this.open?this.ariaLabelMenuClose:this.ariaLabelMenuOpen}
+        aria-label=${this.open?this.menuCloseLabel??this.dictionary.toolbar.menuClose:this.menuOpenLabel??this.dictionary.toolbar.menuOpen}
         @click=${()=>this.toggle()}
       >
         <slot name=${e} @slotchange=${this.handleIconSlotChange}>
@@ -419,7 +419,7 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
         popover="manual"
         role="dialog"
         aria-modal="true"
-        aria-label=${this.ariaLabelMenu}
+        aria-label=${this.menuLabel??this.dictionary.toolbar.menu}
         data-direction=${this.panelDirection}
         tabindex="-1"
         @toggle=${this.handlePanelToggle}
@@ -437,4 +437,4 @@ import{a as b}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js
         ${this.renderEnd()}
       </nav>
       ${this.mobile?this.renderPanel():l}
-    `}};t.styles=g,r([i({reflect:!0})],t.prototype,"position",2),r([i({type:Number,attribute:"mobile-breakpoint"})],t.prototype,"mobileBreakpoint",2),r([i({type:Boolean,reflect:!0})],t.prototype,"open",2),r([i({reflect:!0,attribute:"panel-direction"})],t.prototype,"panelDirection",2),r([i({attribute:"panel-size"})],t.prototype,"panelSize",2),r([i({type:Boolean,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),r([i({attribute:"aria-label-menu-open"})],t.prototype,"ariaLabelMenuOpen",2),r([i({attribute:"aria-label-menu-close"})],t.prototype,"ariaLabelMenuClose",2),r([i({attribute:"aria-label-menu"})],t.prototype,"ariaLabelMenu",2),r([i({type:Boolean,attribute:"collapse-on-scroll"})],t.prototype,"collapseOnScroll",2),r([i({type:Number,attribute:"collapse-threshold"})],t.prototype,"collapseThreshold",2),r([i({type:Boolean,reflect:!0})],t.prototype,"collapsed",2),r([i({type:Boolean,attribute:"transparent-at-top"})],t.prototype,"transparentAtTop",2),r([i({type:Boolean,reflect:!0,attribute:"at-top"})],t.prototype,"atTop",2),r([i({attribute:"scroll-target"})],t.prototype,"scrollTarget",2),r([i({type:Boolean,attribute:"adaptive-theme"})],t.prototype,"adaptiveTheme",2),r([i({attribute:"adaptive-theme-selector"})],t.prototype,"adaptiveThemeSelector",2),r([i({reflect:!0})],t.prototype,"theme",2),r([i({attribute:"default-theme"})],t.prototype,"defaultTheme",2),r([i({attribute:"skip-link-target"})],t.prototype,"skipLinkTarget",2),r([i({attribute:"skip-link-label"})],t.prototype,"skipLinkLabel",2),r([i({type:Boolean,reflect:!0})],t.prototype,"mobile",2),r([d("#bar")],t.prototype,"barEl",2),r([d("#panel")],t.prototype,"panelEl",2),r([d("#burger")],t.prototype,"burgerEl",2),r([p({slot:"menu-icon"})],t.prototype,"menuIconSlotEls",2),r([p({slot:"close-icon"})],t.prototype,"closeIconSlotEls",2),t=r([c(f)],t);export{t as EunomiaToolbar,f as EunomiaToolbarTagName};
+    `}};t.styles=m,r([i({reflect:!0,useDefault:!0})],t.prototype,"position",2),r([i({type:Number,attribute:"mobile-breakpoint"})],t.prototype,"mobileBreakpoint",2),r([i({type:Boolean,reflect:!0})],t.prototype,"open",2),r([i({reflect:!0,attribute:"panel-direction",useDefault:!0})],t.prototype,"panelDirection",2),r([i({attribute:"panel-size"})],t.prototype,"panelSize",2),r([i({reflect:!0,attribute:"mobile-hide"})],t.prototype,"mobileHide",2),r([i({converter:g,attribute:"close-on-backdrop"})],t.prototype,"closeOnBackdrop",2),r([i({attribute:"menu-open-label"})],t.prototype,"menuOpenLabel",2),r([i({attribute:"menu-close-label"})],t.prototype,"menuCloseLabel",2),r([i({attribute:"menu-label"})],t.prototype,"menuLabel",2),r([i({type:Boolean,attribute:"collapse-on-scroll"})],t.prototype,"collapseOnScroll",2),r([i({type:Number,attribute:"collapse-threshold"})],t.prototype,"collapseThreshold",2),r([i({type:Boolean,reflect:!0})],t.prototype,"collapsed",2),r([i({type:Boolean,attribute:"transparent-at-top"})],t.prototype,"transparentAtTop",2),r([i({type:Boolean,reflect:!0,attribute:"at-top"})],t.prototype,"atTop",2),r([i({attribute:"scroll-target"})],t.prototype,"scrollTarget",2),r([i({type:Boolean,attribute:"adaptive-theme"})],t.prototype,"adaptiveTheme",2),r([i({attribute:"adaptive-theme-selector"})],t.prototype,"adaptiveThemeSelector",2),r([i({reflect:!0,useDefault:!0})],t.prototype,"theme",2),r([i({attribute:"default-theme"})],t.prototype,"defaultTheme",2),r([i({attribute:"skip-link-target"})],t.prototype,"skipLinkTarget",2),r([i({attribute:"skip-link-label"})],t.prototype,"skipLinkLabel",2),r([i({type:Boolean,reflect:!0})],t.prototype,"mobile",2),r([d("#bar")],t.prototype,"barEl",2),r([d("#panel")],t.prototype,"panelEl",2),r([d("#burger")],t.prototype,"burgerEl",2),r([p({slot:"menu-icon"})],t.prototype,"menuIconSlotEls",2),r([p({slot:"close-icon"})],t.prototype,"closeIconSlotEls",2),t=r([c(_)],t);export{t as EunomiaToolbar,_ as EunomiaToolbarTagName};