@editora/ui-core 0.1.18 → 0.1.20

package/dist/{icon-e2a85cc1.mjs → ui-icon-YI6lyuqU.mjs}

@@ -1,72 +1,67 @@
-import { E as x } from "./ElementBase-909688f3.mjs";
+import { E as x } from "./ElementBase-YlTLMsGk.mjs";
 import { hasIcon as h, renderIconSvg as k } from "@editora/icons";
-const s = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-function c(r) {
-  return String(r || "").trim().toLowerCase().replace(/\s+/g, "-").replace(/_/g, "-");
+const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+function c(i) {
+  return String(i || "").trim().toLowerCase().replace(/\s+/g, "-").replace(/_/g, "-");
 }
-function y(r, e) {
-  if (!e)
-    return `${r}::default`;
-  const i = e.variant || "outline", t = e.iconWeight || "", n = e.secondaryColor || "", o = e.strokeWidth == null ? "" : String(e.strokeWidth), a = e.absoluteStrokeWidth ? "1" : "0", g = e.strokeLinecap || "", f = e.strokeLinejoin || "", m = e.rotate == null ? "" : String(e.rotate), p = e.flip || "", v = e.rtl ? "1" : "0";
+function y(i, e) {
+  if (!e) return `${i}::default`;
+  const r = e.variant || "outline", t = e.iconWeight || "", n = e.secondaryColor || "", o = e.strokeWidth == null ? "" : String(e.strokeWidth), s = e.absoluteStrokeWidth ? "1" : "0", b = e.strokeLinecap || "", g = e.strokeLinejoin || "", f = e.rotate == null ? "" : String(e.rotate), m = e.flip || "", v = e.rtl ? "1" : "0";
   return [
-    r,
     i,
+    r,
     t,
     n,
     o,
-    a,
+    s,
+    b,
     g,
     f,
     m,
-    p,
     v
   ].join("::");
 }
-function I(r, e) {
-  const i = c(r);
-  i && s.set(i, e);
+function I(i, e) {
+  const r = c(i);
+  r && a.set(r, e);
 }
-function S(r) {
-  const e = c(r);
-  e && s.delete(e);
+function S(i) {
+  const e = c(i);
+  e && a.delete(e);
 }
 function L() {
-  s.clear();
+  a.clear();
 }
-function $(r) {
-  const e = c(r);
-  return e ? s.has(e) ? !0 : h(e) : !1;
+function $(i) {
+  const e = c(i);
+  return e ? a.has(e) ? !0 : h(e) : !1;
 }
-function j(r, e) {
-  return b(r, { variant: e });
+function j(i, e) {
+  return p(i, { variant: e });
 }
-function b(r, e) {
-  const i = c(r);
-  if (!i)
-    return "";
-  const t = s.get(i);
-  if (t)
-    return t;
-  if (!h(i))
-    return "";
-  const n = y(i, e), o = l.get(n);
-  if (o)
-    return o;
-  const a = k(i, {
-    variant: (e == null ? void 0 : e.variant) || "outline",
-    iconWeight: e == null ? void 0 : e.iconWeight,
-    secondaryColor: e == null ? void 0 : e.secondaryColor,
-    strokeWidth: e == null ? void 0 : e.strokeWidth,
-    absoluteStrokeWidth: e == null ? void 0 : e.absoluteStrokeWidth,
-    strokeLinecap: e == null ? void 0 : e.strokeLinecap,
-    strokeLinejoin: e == null ? void 0 : e.strokeLinejoin,
-    rotate: e == null ? void 0 : e.rotate,
-    flip: e == null ? void 0 : e.flip,
-    rtl: e == null ? void 0 : e.rtl,
+function p(i, e) {
+  const r = c(i);
+  if (!r) return "";
+  const t = a.get(r);
+  if (t) return t;
+  if (!h(r)) return "";
+  const n = y(r, e), o = l.get(n);
+  if (o) return o;
+  const s = k(r, {
+    variant: e?.variant || "outline",
+    iconWeight: e?.iconWeight,
+    secondaryColor: e?.secondaryColor,
+    strokeWidth: e?.strokeWidth,
+    absoluteStrokeWidth: e?.absoluteStrokeWidth,
+    strokeLinecap: e?.strokeLinecap,
+    strokeLinejoin: e?.strokeLinejoin,
+    rotate: e?.rotate,
+    flip: e?.flip,
+    rtl: e?.rtl,
     color: "currentColor",
     decorative: !0
   });
-  return a && l.set(n, a), a;
+  return s && l.set(n, s), s;
 }
 const z = `
   :host {
@@ -266,19 +261,17 @@ const z = `
     }
   }
 `;
-function u(r) {
-  return r.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function u(i) {
+  return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function w(r) {
-  if (!r)
-    return null;
-  const e = r.trim();
+function w(i) {
+  if (!i) return null;
+  const e = i.trim();
   return e ? /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e : null;
 }
-function d(r) {
-  if (!r)
-    return;
-  const e = Number(r);
+function d(i) {
+  if (!i) return;
+  const e = Number(i);
   return Number.isFinite(e) ? e : void 0;
 }
 class C extends x {
@@ -314,8 +307,8 @@ class C extends x {
   _syncDynamicVars() {
     const e = w(this.getAttribute("size"));
     e ? this.style.setProperty("--ui-icon-size", e) : this.style.removeProperty("--ui-icon-size");
-    const i = this.getAttribute("color");
-    i ? this.style.setProperty("--ui-icon-color", i) : this.style.removeProperty("--ui-icon-color");
+    const r = this.getAttribute("color");
+    r ? this.style.setProperty("--ui-icon-color", r) : this.style.removeProperty("--ui-icon-color");
     const t = this.getAttribute("stroke-width");
     t ? this.style.setProperty("--ui-icon-stroke-width", t) : this.style.removeProperty("--ui-icon-stroke-width");
   }
@@ -324,7 +317,7 @@ class C extends x {
       this.setContent("<style></style><slot></slot>");
       return;
     }
-    const e = this.getAttribute("name") || "", i = this.getAttribute("label") || "", t = this.hasAttribute("decorative"), n = e ? b(e, {
+    const e = this.getAttribute("name") || "", r = this.getAttribute("label") || "", t = this.hasAttribute("decorative"), n = e ? p(e, {
       variant: this.getAttribute("icon-variant") || void 0,
       iconWeight: this.getAttribute("icon-weight") || void 0,
       secondaryColor: this.getAttribute("secondary-color") || void 0,
@@ -335,10 +328,10 @@ class C extends x {
       rotate: d(this.getAttribute("rotate")),
       flip: this.getAttribute("flip") || void 0,
       rtl: this.hasAttribute("rtl")
-    }) : "", o = !!n, a = t ? 'aria-hidden="true" role="presentation"' : `role="img" aria-label="${u(i || e || "icon")}"`;
+    }) : "", o = !!n, s = t ? 'aria-hidden="true" role="presentation"' : `role="img" aria-label="${u(r || e || "icon")}"`;
     this.setContent(`
       <style>${z}</style>
-      <span class="icon" part="icon" ${a}>
+      <span class="icon" part="icon" ${s}>
         <span class="glyph" part="glyph">
           ${o ? n : `<span class="fallback" part="fallback">${u((e || "?").slice(0, 1).toUpperCase())}</span>`}
           ${o ? "" : "<slot></slot>"}
@@ -352,16 +345,16 @@ class C extends x {
       })
     ), this._lastName = e);
   }
-  shouldRenderOnAttributeChange(e, i, t) {
+  shouldRenderOnAttributeChange(e, r, t) {
     return !0;
   }
 }
 typeof customElements < "u" && !customElements.get("ui-icon") && customElements.define("ui-icon", C);
 export {
   C as U,
-  b as a,
+  j as a,
   L as c,
-  j as g,
+  p as g,
   $ as h,
   I as r,
   S as u

package/dist/visually-hidden.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-1b301e7f.js"),a=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./ElementBase-EV6mVBUV.js"),a=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/visually-hidden.esm.js

@@ -1,4 +1,4 @@
-import { E as i } from "./ElementBase-909688f3.mjs";
+import { E as i } from "./ElementBase-YlTLMsGk.mjs";
 const r = `
   :host {
     display: contents;

package/dist/wizard.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-1b301e7f.js"),$=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("./ElementBase-EV6mVBUV.js"),$=`
   :host {
     --ui-wizard-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 96%, transparent);
     --ui-wizard-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 99%, transparent);
@@ -608,7 +608,7 @@
       color: Highlight;
     }
   }
-`;function c(v){return v.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function m(v){if(v==null)return!1;const t=String(v).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}let C=0;class w extends k.ElementBase{constructor(){super(),this._observer=null,this._instanceId=++C,this._isSyncingValueAttribute=!1,this._visited=new Set,this._lastDirection="none",this._stepButtons=[],this._progressEl=null,this._progressRow=null,this._statusStepEl=null,this._statusValueEl=null,this._prevBtn=null,this._nextBtn=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["value","linear","show-stepper","stepper-position","hide-controls","variant","headless","keep-mounted","lazy-mount","animate","next-label","prev-label","finish-label","aria-label","orientation","density","shape","show-progress","busy","title","description","empty-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(t=>{t.some(i=>{if(i.type==="childList")return i.target===this;if(i.type!=="attributes")return!1;const a=i.target,r=i.attributeName||"";if(r==="slot")return a.getAttribute("slot")==="step"||a.matches('[slot="step"]');const s=a.closest('[slot="step"]');return!s||a!==s?!1:r==="data-value"||r==="data-title"||r==="data-description"||r==="data-optional"||r==="data-disabled"||r==="data-state"||r==="data-invalid"||r==="disabled"||r==="invalid"})&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-title","data-description","data-optional","data-disabled","data-state","data-invalid","disabled","invalid"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}this.isConnected&&this.requestRender()}}get value(){return this.getAttribute("value")||""}set value(t){const e=String(t||"");e?this.setAttribute("value",e):this.removeAttribute("value")}_isBusy(){return m(this.getAttribute("busy"))||this.hasAttribute("busy")}_isAnimationEnabled(){const t=this.getAttribute("animate");return t==null?!0:m(t)||t===""}_steps(){return Array.from(this.children).filter(e=>e instanceof HTMLElement&&e.getAttribute("slot")==="step").map((e,i)=>{const a=(e.getAttribute("data-state")||"").trim().toLowerCase(),r=a==="complete"||a==="success"||a==="warning"||a==="error"?a:"default";return{index:i,value:e.getAttribute("data-value")||String(i+1),title:e.getAttribute("data-title")||e.getAttribute("title")||`Step ${i+1}`,description:e.getAttribute("data-description")||"",optional:m(e.getAttribute("data-optional")),disabled:e.hasAttribute("disabled")||m(e.getAttribute("data-disabled")),state:r,node:e}})}_tabId(t){return`ui-wizard-${this._instanceId}-tab-${t}`}_panelId(t){return`ui-wizard-${this._instanceId}-panel-${t}`}_activeIndex(t){if(!t.length)return-1;const e=this.getAttribute("value")||"";if(e){const a=t.findIndex(r=>r.value===e);if(a>=0)return a}const i=t.find(a=>!a.disabled)||t[0];return i&&this.getAttribute("value")!==i.value&&this.setAttribute("value",i.value),t.findIndex(a=>a.value===i.value)}_visualStatus(t,e,i){return t.state==="error"?"error":t.state==="warning"?"warning":t.state==="success"?"success":t.state==="complete"||e<i?"complete":e===i?"current":"upcoming"}_markVisited(t,e){const i=t[e];i&&this._visited.add(i.value)}_dispatchBlockedNext(t,e,i,a){const r=e[i],s=e[a];this.dispatchEvent(new CustomEvent("blocked-next",{detail:{reason:t,currentIndex:i,nextIndex:a,currentValue:(r==null?void 0:r.value)||"",nextValue:(s==null?void 0:s.value)||""},bubbles:!0,composed:!0}))}_isStepInvalid(t,e){if(!t||t.node.hasAttribute("invalid")||m(t.node.getAttribute("data-invalid")))return!0;const i=new CustomEvent("validate-step",{detail:{index:e,value:t.value,title:t.title,node:t.node},bubbles:!0,composed:!0,cancelable:!0});return!this.dispatchEvent(i)}validateCurrentStep(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return e<0?!1:!this._isStepInvalid(t[e],e)}_syncPanels(t,e){const i=this.hasAttribute("keep-mounted"),a=this._isAnimationEnabled();this._markVisited(t,e),t.forEach((r,s)=>{const l=s===e,n=this._panelId(s),o=this._tabId(s),d=this._visited.has(r.value);r.node.id=n,r.node.setAttribute("role","tabpanel"),r.node.setAttribute("aria-labelledby",o),r.node.setAttribute("tabindex",l?"0":"-1"),r.node.setAttribute("data-active",l?"true":"false"),r.node.setAttribute("aria-hidden",l?"false":"true"),r.node.setAttribute("data-keep-mounted",i?"true":"false"),r.node.setAttribute("data-visible",l?"true":"false"),r.node.setAttribute("data-visited",d?"true":"false"),r.node.setAttribute("data-nav-direction",a?this._lastDirection:"none"),i?r.node.hidden=!1:r.node.hidden=!l})}_attemptChange(t,e,i,a){if(this._isBusy())return this._dispatchBlockedNext("busy",t,e,i),!1;if(i===e)return!0;if(i<0||i>=t.length)return this._dispatchBlockedNext("bounds",t,e,i),!1;const r=t[i];if(!r||r.disabled)return this._dispatchBlockedNext("disabled",t,e,i),!1;if(this.hasAttribute("linear")&&i>e+1)return this._dispatchBlockedNext("linear",t,e,i),!1;const s=t[e],l=i>e;if(l&&s&&this._isStepInvalid(s,e))return this._dispatchBlockedNext("validation",t,e,i),!1;const n=new CustomEvent("before-change",{detail:{currentIndex:e,nextIndex:i,currentValue:(s==null?void 0:s.value)||"",nextValue:r.value,trigger:a},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(n))return!1;this._lastDirection=l?"forward":"backward",this.value=r.value;const o={index:i,value:r.value,title:r.title,trigger:a};return this.dispatchEvent(new CustomEvent("input",{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("step-change",{detail:o,bubbles:!0,composed:!0})),!0}goTo(t){const e=this._steps();if(!e.length)return!1;const i=this._activeIndex(e),a=typeof t=="number"?t:e.findIndex(r=>r.value===String(t));return this._attemptChange(e,i,a,"api")}next(){var i,a;const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);if(e>=t.length-1){if(this._isBusy())return!1;const r={index:e,value:((i=t[e])==null?void 0:i.value)||"",title:((a=t[e])==null?void 0:a.title)||""};return this.dispatchEvent(new CustomEvent("complete",{detail:r,bubbles:!0,composed:!0})),!0}return this._attemptChange(t,e,e+1,"next")}prev(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return this._attemptChange(t,e,e-1,"prev")}_onClick(t){const e=t.target;if(!e)return;if(e.closest(".btn-prev")){this.prev();return}if(e.closest(".btn-next")){this.next();return}const i=e.closest(".step");if(!i)return;const a=Number(i.getAttribute("data-index"));if(!Number.isInteger(a))return;const r=this._steps(),s=this._activeIndex(r);this._attemptChange(r,s,a,"stepper")}_onKeyDown(t){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",i=e==="horizontal"&&getComputedStyle(this).direction==="rtl",a=e==="vertical"?"ArrowDown":i?"ArrowLeft":"ArrowRight",r=e==="vertical"?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(t.altKey&&t.key===a){t.preventDefault(),this.next();return}if(t.altKey&&t.key===r){t.preventDefault(),this.prev();return}const s=t.target,l=s==null?void 0:s.closest(".step");if(!l)return;const n=this._stepButtons.filter(d=>!d.disabled);if(!n.length)return;const o=n.indexOf(l);if(!(o<0)){if(t.key===a){t.preventDefault(),n[(o+1)%n.length].focus();return}if(t.key===r){t.preventDefault(),n[(o-1+n.length)%n.length].focus();return}if(t.key==="Home"||t.key==="End"){t.preventDefault(),(t.key==="Home"?n[0]:n[n.length-1]).focus();return}(t.key===" "||t.key==="Enter")&&(t.preventDefault(),l.click())}}_syncValueUi(){var l;if(!this.isConnected)return;if(!this.root.querySelector(".frame")){this.requestRender();return}const t=this._steps();if(!t.length)return;this._isSyncingValueAttribute=!0;let e=-1;try{e=this._activeIndex(t)}finally{this._isSyncingValueAttribute=!1}this._syncPanels(t,e),this._stepButtons.forEach((n,o)=>{const d=o===e,p=this._visualStatus(t[o],o,e);n.setAttribute("data-active",d?"true":"false"),n.setAttribute("data-status",p),n.setAttribute("aria-selected",d?"true":"false"),n.setAttribute("tabindex",d?"0":"-1");const b=n.querySelector(".step-badge");b&&(p==="complete"||p==="success"?b.textContent="✓":p==="warning"?b.textContent="!":p==="error"?b.textContent="×":b.textContent=String(o+1));const h=n.closest(".step-item");h&&(h.setAttribute("data-status",p),h.setAttribute("data-complete",o<e?"true":"false"),h.setAttribute("data-current",d?"true":"false"))});const i=t.length,a=i<=1||e<0?0:Math.round(e/(i-1)*100);this._progressEl&&this._progressEl.style.setProperty("--ui-wizard-progress",`${a}%`),this._statusStepEl&&(this._statusStepEl.textContent=`Step ${Math.max(1,e+1)} of ${i}`),this._statusValueEl&&(this._statusValueEl.textContent=`${a}%`);const r=this._isBusy();if(this._prevBtn&&(this._prevBtn.disabled=e<=0||r),this._nextBtn){const n=e>=i-1,o=this.getAttribute("next-label")||"Next",d=this.getAttribute("finish-label")||"Finish";this._nextBtn.textContent=n?d:o,this._nextBtn.setAttribute("data-loading",r?"true":"false"),this._nextBtn.disabled=r||e<0||((l=t[e])==null?void 0:l.disabled)===!0}const s=this.root.querySelector(".frame");s&&s.setAttribute("aria-busy",r?"true":"false"),this._progressRow&&(this.getAttribute("show-progress")!=="false"&&i>0?this._progressRow.removeAttribute("hidden"):this._progressRow.setAttribute("hidden",""))}render(){const t=this._steps(),e=this._activeIndex(t);this._markVisited(t,e),this._syncPanels(t,e);const i=this.getAttribute("title")||"",a=this.getAttribute("description")||"",r=this.getAttribute("show-stepper")!=="false"&&t.length>0,s=this.getAttribute("show-progress")!=="false"&&t.length>0,l=this.getAttribute("stepper-position")==="bottom"?"bottom":"top",n=this.hasAttribute("hide-controls")||t.length===0,o=this.getAttribute("prev-label")||"Previous",d=this.getAttribute("next-label")||"Next",p=this.getAttribute("finish-label")||"Finish",b=this.getAttribute("empty-label")||'No wizard steps configured. Add elements with slot="step".',h=r?`
+`;function c(g){return g.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function v(g){if(g==null)return!1;const t=String(g).toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}let C=0;class w extends k.ElementBase{constructor(){super(),this._observer=null,this._instanceId=++C,this._isSyncingValueAttribute=!1,this._visited=new Set,this._lastDirection="none",this._stepButtons=[],this._progressEl=null,this._progressRow=null,this._statusStepEl=null,this._statusValueEl=null,this._prevBtn=null,this._nextBtn=null,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["value","linear","show-stepper","stepper-position","hide-controls","variant","headless","keep-mounted","lazy-mount","animate","next-label","prev-label","finish-label","aria-label","orientation","density","shape","show-progress","busy","title","description","empty-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClick),this.root.addEventListener("keydown",this._onKeyDown),this._observer=new MutationObserver(t=>{t.some(i=>{if(i.type==="childList")return i.target===this;if(i.type!=="attributes")return!1;const a=i.target,r=i.attributeName||"";if(r==="slot")return a.getAttribute("slot")==="step"||a.matches('[slot="step"]');const o=a.closest('[slot="step"]');return!o||a!==o?!1:r==="data-value"||r==="data-title"||r==="data-description"||r==="data-optional"||r==="data-disabled"||r==="data-state"||r==="data-invalid"||r==="disabled"||r==="invalid"})&&this.requestRender()}),this._observer.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","data-value","data-title","data-description","data-optional","data-disabled","data-state","data-invalid","disabled","invalid"]})}disconnectedCallback(){this.root.removeEventListener("click",this._onClick),this.root.removeEventListener("keydown",this._onKeyDown),this._observer&&(this._observer.disconnect(),this._observer=null),super.disconnectedCallback()}attributeChangedCallback(t,e,i){if(e!==i){if(t==="value"){this._isSyncingValueAttribute||this._syncValueUi();return}this.isConnected&&this.requestRender()}}get value(){return this.getAttribute("value")||""}set value(t){const e=String(t||"");e?this.setAttribute("value",e):this.removeAttribute("value")}_isBusy(){return v(this.getAttribute("busy"))||this.hasAttribute("busy")}_isAnimationEnabled(){const t=this.getAttribute("animate");return t==null?!0:v(t)||t===""}_steps(){return Array.from(this.children).filter(e=>e instanceof HTMLElement&&e.getAttribute("slot")==="step").map((e,i)=>{const a=(e.getAttribute("data-state")||"").trim().toLowerCase(),r=a==="complete"||a==="success"||a==="warning"||a==="error"?a:"default";return{index:i,value:e.getAttribute("data-value")||String(i+1),title:e.getAttribute("data-title")||e.getAttribute("title")||`Step ${i+1}`,description:e.getAttribute("data-description")||"",optional:v(e.getAttribute("data-optional")),disabled:e.hasAttribute("disabled")||v(e.getAttribute("data-disabled")),state:r,node:e}})}_tabId(t){return`ui-wizard-${this._instanceId}-tab-${t}`}_panelId(t){return`ui-wizard-${this._instanceId}-panel-${t}`}_activeIndex(t){if(!t.length)return-1;const e=this.getAttribute("value")||"";if(e){const a=t.findIndex(r=>r.value===e);if(a>=0)return a}const i=t.find(a=>!a.disabled)||t[0];return i&&this.getAttribute("value")!==i.value&&this.setAttribute("value",i.value),t.findIndex(a=>a.value===i.value)}_visualStatus(t,e,i){return t.state==="error"?"error":t.state==="warning"?"warning":t.state==="success"?"success":t.state==="complete"||e<i?"complete":e===i?"current":"upcoming"}_markVisited(t,e){const i=t[e];i&&this._visited.add(i.value)}_dispatchBlockedNext(t,e,i,a){const r=e[i],o=e[a];this.dispatchEvent(new CustomEvent("blocked-next",{detail:{reason:t,currentIndex:i,nextIndex:a,currentValue:r?.value||"",nextValue:o?.value||""},bubbles:!0,composed:!0}))}_isStepInvalid(t,e){if(!t||t.node.hasAttribute("invalid")||v(t.node.getAttribute("data-invalid")))return!0;const i=new CustomEvent("validate-step",{detail:{index:e,value:t.value,title:t.title,node:t.node},bubbles:!0,composed:!0,cancelable:!0});return!this.dispatchEvent(i)}validateCurrentStep(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return e<0?!1:!this._isStepInvalid(t[e],e)}_syncPanels(t,e){const i=this.hasAttribute("keep-mounted"),a=this._isAnimationEnabled();this._markVisited(t,e),t.forEach((r,o)=>{const s=o===e,n=this._panelId(o),l=this._tabId(o),d=this._visited.has(r.value);r.node.id=n,r.node.setAttribute("role","tabpanel"),r.node.setAttribute("aria-labelledby",l),r.node.setAttribute("tabindex",s?"0":"-1"),r.node.setAttribute("data-active",s?"true":"false"),r.node.setAttribute("aria-hidden",s?"false":"true"),r.node.setAttribute("data-keep-mounted",i?"true":"false"),r.node.setAttribute("data-visible",s?"true":"false"),r.node.setAttribute("data-visited",d?"true":"false"),r.node.setAttribute("data-nav-direction",a?this._lastDirection:"none"),i?r.node.hidden=!1:r.node.hidden=!s})}_attemptChange(t,e,i,a){if(this._isBusy())return this._dispatchBlockedNext("busy",t,e,i),!1;if(i===e)return!0;if(i<0||i>=t.length)return this._dispatchBlockedNext("bounds",t,e,i),!1;const r=t[i];if(!r||r.disabled)return this._dispatchBlockedNext("disabled",t,e,i),!1;if(this.hasAttribute("linear")&&i>e+1)return this._dispatchBlockedNext("linear",t,e,i),!1;const o=t[e],s=i>e;if(s&&o&&this._isStepInvalid(o,e))return this._dispatchBlockedNext("validation",t,e,i),!1;const n=new CustomEvent("before-change",{detail:{currentIndex:e,nextIndex:i,currentValue:o?.value||"",nextValue:r.value,trigger:a},bubbles:!0,composed:!0,cancelable:!0});if(!this.dispatchEvent(n))return!1;this._lastDirection=s?"forward":"backward",this.value=r.value;const l={index:i,value:r.value,title:r.title,trigger:a};return this.dispatchEvent(new CustomEvent("input",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:l,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("step-change",{detail:l,bubbles:!0,composed:!0})),!0}goTo(t){const e=this._steps();if(!e.length)return!1;const i=this._activeIndex(e),a=typeof t=="number"?t:e.findIndex(r=>r.value===String(t));return this._attemptChange(e,i,a,"api")}next(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);if(e>=t.length-1){if(this._isBusy())return!1;const i={index:e,value:t[e]?.value||"",title:t[e]?.title||""};return this.dispatchEvent(new CustomEvent("complete",{detail:i,bubbles:!0,composed:!0})),!0}return this._attemptChange(t,e,e+1,"next")}prev(){const t=this._steps();if(!t.length)return!1;const e=this._activeIndex(t);return this._attemptChange(t,e,e-1,"prev")}_onClick(t){const e=t.target;if(!e)return;if(e.closest(".btn-prev")){this.prev();return}if(e.closest(".btn-next")){this.next();return}const i=e.closest(".step");if(!i)return;const a=Number(i.getAttribute("data-index"));if(!Number.isInteger(a))return;const r=this._steps(),o=this._activeIndex(r);this._attemptChange(r,o,a,"stepper")}_onKeyDown(t){const e=this.getAttribute("orientation")==="vertical"?"vertical":"horizontal",i=e==="horizontal"&&getComputedStyle(this).direction==="rtl",a=e==="vertical"?"ArrowDown":i?"ArrowLeft":"ArrowRight",r=e==="vertical"?"ArrowUp":i?"ArrowRight":"ArrowLeft";if(t.altKey&&t.key===a){t.preventDefault(),this.next();return}if(t.altKey&&t.key===r){t.preventDefault(),this.prev();return}const s=t.target?.closest(".step");if(!s)return;const n=this._stepButtons.filter(d=>!d.disabled);if(!n.length)return;const l=n.indexOf(s);if(!(l<0)){if(t.key===a){t.preventDefault(),n[(l+1)%n.length].focus();return}if(t.key===r){t.preventDefault(),n[(l-1+n.length)%n.length].focus();return}if(t.key==="Home"||t.key==="End"){t.preventDefault(),(t.key==="Home"?n[0]:n[n.length-1]).focus();return}(t.key===" "||t.key==="Enter")&&(t.preventDefault(),s.click())}}_syncValueUi(){if(!this.isConnected)return;if(!this.root.querySelector(".frame")){this.requestRender();return}const t=this._steps();if(!t.length)return;this._isSyncingValueAttribute=!0;let e=-1;try{e=this._activeIndex(t)}finally{this._isSyncingValueAttribute=!1}this._syncPanels(t,e),this._stepButtons.forEach((s,n)=>{const l=n===e,d=this._visualStatus(t[n],n,e);s.setAttribute("data-active",l?"true":"false"),s.setAttribute("data-status",d),s.setAttribute("aria-selected",l?"true":"false"),s.setAttribute("tabindex",l?"0":"-1");const p=s.querySelector(".step-badge");p&&(d==="complete"||d==="success"?p.textContent="✓":d==="warning"?p.textContent="!":d==="error"?p.textContent="×":p.textContent=String(n+1));const h=s.closest(".step-item");h&&(h.setAttribute("data-status",d),h.setAttribute("data-complete",n<e?"true":"false"),h.setAttribute("data-current",l?"true":"false"))});const i=t.length,a=i<=1||e<0?0:Math.round(e/(i-1)*100);this._progressEl&&this._progressEl.style.setProperty("--ui-wizard-progress",`${a}%`),this._statusStepEl&&(this._statusStepEl.textContent=`Step ${Math.max(1,e+1)} of ${i}`),this._statusValueEl&&(this._statusValueEl.textContent=`${a}%`);const r=this._isBusy();if(this._prevBtn&&(this._prevBtn.disabled=e<=0||r),this._nextBtn){const s=e>=i-1,n=this.getAttribute("next-label")||"Next",l=this.getAttribute("finish-label")||"Finish";this._nextBtn.textContent=s?l:n,this._nextBtn.setAttribute("data-loading",r?"true":"false"),this._nextBtn.disabled=r||e<0||t[e]?.disabled===!0}const o=this.root.querySelector(".frame");o&&o.setAttribute("aria-busy",r?"true":"false"),this._progressRow&&(this.getAttribute("show-progress")!=="false"&&i>0?this._progressRow.removeAttribute("hidden"):this._progressRow.setAttribute("hidden",""))}render(){const t=this._steps(),e=this._activeIndex(t);this._markVisited(t,e),this._syncPanels(t,e);const i=this.getAttribute("title")||"",a=this.getAttribute("description")||"",r=this.getAttribute("show-stepper")!=="false"&&t.length>0,o=this.getAttribute("show-progress")!=="false"&&t.length>0,s=this.getAttribute("stepper-position")==="bottom"?"bottom":"top",n=this.hasAttribute("hide-controls")||t.length===0,l=this.getAttribute("prev-label")||"Previous",d=this.getAttribute("next-label")||"Next",p=this.getAttribute("finish-label")||"Finish",h=this.getAttribute("empty-label")||'No wizard steps configured. Add elements with slot="step".',m=r?`
           <div
             class="stepper"
             part="stepper"
@@ -616,8 +616,8 @@
             aria-orientation="${this.getAttribute("orientation")==="vertical"?"vertical":"horizontal"}"
             aria-label="${c(this.getAttribute("aria-label")||"Wizard steps")}"
           >
-            ${t.map((f,u)=>{const g=this._visualStatus(f,u,e),y=this._tabId(u),_=this._panelId(u),A=g==="complete"||g==="success"?"✓":g==="warning"?"!":g==="error"?"×":String(u+1);return`
-                  <div class="step-item" part="step-item" data-index="${u}" data-last="${u===t.length-1?"true":"false"}" data-status="${g}" data-complete="${u<e?"true":"false"}" data-current="${u===e?"true":"false"}">
+            ${t.map((b,u)=>{const f=this._visualStatus(b,u,e),y=this._tabId(u),_=this._panelId(u),A=f==="complete"||f==="success"?"✓":f==="warning"?"!":f==="error"?"×":String(u+1);return`
+                  <div class="step-item" part="step-item" data-index="${u}" data-last="${u===t.length-1?"true":"false"}" data-status="${f}" data-complete="${u<e?"true":"false"}" data-current="${u===e?"true":"false"}">
                     <button
                       type="button"
                       class="step"
@@ -627,16 +627,16 @@
                       aria-controls="${_}"
                       data-index="${u}"
                       data-active="${u===e?"true":"false"}"
-                      data-status="${g}"
+                      data-status="${f}"
                       aria-selected="${u===e?"true":"false"}"
-                      aria-disabled="${f.disabled?"true":"false"}"
+                      aria-disabled="${b.disabled?"true":"false"}"
                       tabindex="${u===e?"0":"-1"}"
-                      ${f.disabled?"disabled":""}
+                      ${b.disabled?"disabled":""}
                     >
                       <span class="step-badge" part="step-badge">${A}</span>
                       <span class="step-main" part="step-main">
-                        <span class="step-title" part="step-title">${c(f.title)}${f.optional?" (optional)":""}</span>
-                        ${f.description?`<span class="step-description" part="step-description">${c(f.description)}</span>`:""}
+                        <span class="step-title" part="step-title">${c(b.title)}${b.optional?" (optional)":""}</span>
+                        ${b.description?`<span class="step-description" part="step-description">${c(b.description)}</span>`:""}
                       </span>
                     </button>
                   </div>
@@ -648,7 +648,7 @@
         <h3 class="title" part="title" ${i?"":"hidden"}>${c(i)}</h3>
         <p class="description" part="description" ${a?"":"hidden"}>${c(a)}</p>
 
-        <div class="status" part="status" ${s?"":"hidden"}>
+        <div class="status" part="status" ${o?"":"hidden"}>
           <div class="status-row">
             <span class="status-step" part="status-step"></span>
             <span class="status-value" part="status-value"></span>
@@ -656,19 +656,19 @@
           <div class="progress" part="progress"></div>
         </div>
 
-        ${l==="top"?h:""}
+        ${s==="top"?m:""}
 
         <div class="panel" part="panel" ${t.length?"":"hidden"}>
           <slot name="step"></slot>
         </div>
-        <p class="empty" part="empty" ${t.length?"hidden":""}>${c(b)}</p>
+        <p class="empty" part="empty" ${t.length?"hidden":""}>${c(h)}</p>
 
-        ${l==="bottom"?h:""}
+        ${s==="bottom"?m:""}
 
         <div class="controls" part="controls" ${n?"hidden":""}>
           <div class="group" part="controls-start"><slot name="controls-start"></slot></div>
           <div class="group" part="controls-end">
-            <button type="button" class="btn btn-prev" part="button-prev" ${x?"disabled":""}>${c(o)}</button>
+            <button type="button" class="btn btn-prev" part="button-prev" ${x?"disabled":""}>${c(l)}</button>
             <button type="button" class="btn primary btn-next" part="button-next" data-loading="${this._isBusy()?"true":"false"}">${c(z?p:d)}</button>
             <slot name="controls-end"></slot>
           </div>