@editora/ui-core 0.1.21 → 0.1.23

package/dist/chart.cjs.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const J=require("./ElementBase-EV6mVBUV.js"),V=180,U=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const J=require("./ElementBase-DxbvhLJs.js"),V=180,U=`
   :host {
     --ui-chart-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 94%, transparent);
     --ui-chart-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 97%, #ffffff 3%);
     --ui-chart-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
     --ui-chart-text: var(--ui-color-text, #0f172a);
-    --ui-chart-muted: var(--ui-color-muted, #64748b);
+    --ui-chart-muted: var(--ui-color-muted, #526175);
     --ui-chart-grid: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent);
     --ui-chart-accent: var(--ui-color-primary, #2563eb);
-    --ui-chart-success: var(--ui-color-success, #16a34a);
-    --ui-chart-warning: var(--ui-color-warning, #d97706);
+    --ui-chart-success: var(--ui-color-success, #15803d);
+    --ui-chart-warning: var(--ui-color-warning, #b45309);
     --ui-chart-danger: var(--ui-color-danger, #dc2626);
     --ui-chart-radius: 16px;
     --ui-chart-shadow: none;
@@ -613,7 +613,7 @@
       background-position: -220% 0;
     }
   }
-`,q=["var(--ui-color-primary, #2563eb)","var(--ui-color-success, #16a34a)","var(--ui-color-warning, #d97706)","var(--ui-color-danger, #dc2626)","var(--ui-color-info, #0891b2)","var(--ui-color-accent, #7c3aed)"];function c(p){return p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function M(p,t,e){return Math.max(t,Math.min(e,p))}function G(p,t,e){if(p)try{const i=JSON.parse(p);if(Array.isArray(i))return i.map((o,s)=>{if(typeof o=="number")return Number.isFinite(o)?{label:String(s+1),value:o}:null;if(o&&typeof o=="object"){const n=Number(o.value);if(!Number.isFinite(n))return null;const d=o.label,u=o.tone;return{label:typeof d=="string"&&d.trim()?d.trim():String(s+1),value:n,tone:typeof u=="string"&&u.trim()?u.trim():void 0}}return null}).filter(o=>!!o)}catch{return[]}const a=(t||"").split(",").map(i=>Number(i.trim())).filter(i=>Number.isFinite(i)),r=(e||"").split(",").map(i=>i.trim()).filter(Boolean);return a.map((i,o)=>({label:r[o]||String(o+1),value:i}))}function Q(p){return Array.isArray(p)?p.map((t,e)=>{if(typeof t=="number")return Number.isFinite(t)?{label:String(e+1),value:t}:null;if(t&&typeof t=="object"){const a=Number(t.value);if(!Number.isFinite(a))return null;const r=t.label,i=t.tone;return{label:typeof r=="string"&&r.trim()?r.trim():String(e+1),value:a,tone:typeof i=="string"&&i.trim()?i.trim():void 0}}return null}).filter(t=>!!t):[]}function tt(p){if(!p)return[];try{const t=JSON.parse(p);return Array.isArray(t)?t.map((a,r)=>{if(!a||typeof a!="object")return null;const i=a.name,o=Q(a.data);if(!o.length)return null;const s=a.tone,n=a.dash,d=Number(a.strokeWidth),u=Number(a.opacity),T=a.fill;return{name:typeof i=="string"&&i.trim()?i.trim():`Series ${r+1}`,data:o,tone:typeof s=="string"&&s.trim()?s.trim():void 0,dash:typeof n=="string"&&n.trim()?n.trim():void 0,strokeWidth:Number.isFinite(d)&&d>0?d:void 0,opacity:Number.isFinite(u)&&u>0?u:void 0,fill:typeof T=="boolean"?T:void 0}}).filter(a=>!!a):[]}catch{return[]}}function et(p){const t=p.map((a,r)=>({label:a.label?.trim()||String(r+1),value:Number(a.value),tone:typeof a.tone=="string"&&a.tone.trim()?a.tone.trim():void 0})).filter(a=>Number.isFinite(a.value));if(t.length<=V)return{points:t,truncated:0};const e=t.length-V;return{points:t.slice(t.length-V),truncated:e}}function at(p,t){const a=(p.length?p:t.length?[{name:"Series 1",data:t}]:[]).map(n=>{const d=et(n.data);return{name:n.name,data:d.points,tone:n.tone,fill:n.fill,dash:n.dash,strokeWidth:n.strokeWidth,opacity:n.opacity,truncated:d.truncated}}).filter(n=>n.data.length>0),r=new Set;a.forEach(n=>{n.data.forEach(d=>r.add(d.label))});let i=Array.from(r),o=a.reduce((n,d)=>Math.max(n,d.truncated),0);i.length>V&&(o+=i.length-V,i=i.slice(i.length-V));const s=a.map(n=>{const d=new Set(i);return{name:n.name,data:n.data.filter(u=>d.has(u.label)),tone:n.tone,fill:n.fill,dash:n.dash,strokeWidth:n.strokeWidth,opacity:n.opacity}});return{labels:i,series:s,truncated:o}}function K(p){return p==="loading"?"Updating":p==="error"?"Issue":p==="success"?"Stable":"Live"}function it(p){return p==="loading"||p==="error"||p==="success"?p:"idle"}class Z extends J.ElementBase{constructor(){super(...arguments),this._activeIndex=null,this._activePinned=!1,this._onClickBound=t=>this._onClick(t),this._onKeyDownBound=t=>this._onKeyDown(t),this._onPointerOverBound=t=>this._onPointerOver(t),this._onPointerLeaveBound=()=>this._onPointerLeave(),this._onFocusInBound=t=>this._onFocusIn(t)}static get observedAttributes(){return["data","series","values","labels","type","variant","title","subtitle","headless","state","disabled","interactive","show-legend","show-summary","value-prefix","value-suffix","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClickBound),this.root.addEventListener("keydown",this._onKeyDownBound),this.root.addEventListener("pointerover",this._onPointerOverBound),this.root.addEventListener("pointerleave",this._onPointerLeaveBound),this.root.addEventListener("focusin",this._onFocusInBound)}disconnectedCallback(){this.root.removeEventListener("click",this._onClickBound),this.root.removeEventListener("keydown",this._onKeyDownBound),this.root.removeEventListener("pointerover",this._onPointerOverBound),this.root.removeEventListener("pointerleave",this._onPointerLeaveBound),this.root.removeEventListener("focusin",this._onFocusInBound),super.disconnectedCallback()}attributeChangedCallback(t,e,a){e!==a&&((t==="disabled"||t==="state"||t==="interactive")&&(this._isInteractive()||(this._activeIndex=null,this._activePinned=!1)),super.attributeChangedCallback(t,e,a))}_data(){const t=G(this.getAttribute("data"),this.getAttribute("values"),this.getAttribute("labels")),e=tt(this.getAttribute("series"));return at(e,t)}_type(){const t=this.getAttribute("type");return t==="line"||t==="area"||t==="bar"||t==="donut"||t==="step"||t==="scatter"||t==="radial"?t:"line"}_state(){return it(this.getAttribute("state"))}_isDisabled(){return this.hasAttribute("disabled")||this._state()==="loading"}_isInteractive(){const t=(this.getAttribute("interactive")||"").trim().toLowerCase();return t==="false"||t==="0"||t==="off"?!1:!this._isDisabled()}_showLegend(){const t=(this.getAttribute("show-legend")||"").trim().toLowerCase();return t?t!=="false"&&t!=="0"&&t!=="off":!0}_showSummary(){const t=(this.getAttribute("show-summary")||"").trim().toLowerCase();return t?t!=="false"&&t!=="0"&&t!=="off":!0}_primarySeries(t){return t.series[0]||null}_valuePrefix(){return this.getAttribute("value-prefix")||""}_valueSuffix(){return this.getAttribute("value-suffix")||""}_resolveStats(t){const e=t.map(u=>u.value),a=e.reduce((u,T)=>u+T,0),r=e.length?a/e.length:0,i=e.length?Math.min(...e):0,o=e.length?Math.max(...e):0,s=e.length>1?e[e.length-1]-e[0]:0,n=e[0]||0,d=n!==0?s/Math.abs(n)*100:null;return{total:a,average:r,min:i,max:o,delta:s,deltaPct:d}}_valueDomain(t,e){const a=!!e?.includeZero,r=e?.fitPadding??.14,i=t.map(u=>u.value);let o=Math.min(...i),s=Math.max(...i);a&&(o=Math.min(0,o),s=Math.max(0,s));let n=s-o;if(n<=0){const u=Math.max(Math.abs(s)*.12,1);o-=u,s+=u,n=s-o}else{const u=n*r;a?(o-=u*.25,s+=u):(o-=u,s+=u),n=s-o}const d=o<=0&&s>=0;return{min:o,max:s,span:n,zeroInDomain:d}}_formatValue(t,e){const a=this._valuePrefix(),r=this._valueSuffix();try{const i=new Intl.NumberFormat(void 0,{maximumFractionDigits:Math.abs(t)>=100?0:1,...e}).format(t);return`${a}${i}${r}`}catch{return`${a}${t.toFixed(Math.abs(t)>=100?0:1)}${r}`}}_seriesTone(t,e){return t.tone||q[e%q.length]||"var(--ui-chart-accent)"}_pointTone(t,e,a){return t.tone||a||q[e%q.length]||"var(--ui-chart-accent)"}_seriesValueDetails(t,e,a){const r=t[a];return e.map((i,o)=>{const s=i.data.find(n=>n.label===r)||null;return{series:i.name,value:s?.value??null,tone:s?.tone||this._seriesTone(i,o)}})}_pointDetail(t,e,a,r){const i=this._primarySeries(e);if(!i)return null;const o=e.labels[t];if(!o)return null;const s=i.data.find(u=>u.label===o)||i.data[t];if(!s)return null;const n=this._resolveStats(i.data),d=this._seriesValueDetails(e.labels,e.series,t);return{index:t,label:o,value:s.value,tone:s.tone||this._seriesTone(i,0),series:i.name,seriesValues:d,type:a,total:n.total,min:n.min,max:n.max,source:r}}_emitPointSelect(t,e,a){const r=this._pointDetail(t,e,this._type(),a);r&&(this.dispatchEvent(new CustomEvent("point-select",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-point-select",{detail:r,bubbles:!0,composed:!0})))}_indexFromTarget(t){const e=t instanceof Element?t.closest("[data-point-index]"):null;if(!e)return null;const a=Number(e.getAttribute("data-point-index"));return!Number.isInteger(a)||a<0?null:a}_setActiveIndex(t,e){this._activeIndex=t,this._activePinned=e,this.requestRender()}_focusIndex(t){const e=this.root.querySelector(`.legend-item[data-point-index="${t}"]`);if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_onPointerOver(t){if(!this._isInteractive()||this._activePinned)return;const e=this._indexFromTarget(t.target);e==null||this._activeIndex===e||(this._activeIndex=e,this.requestRender())}_onPointerLeave(){!this._isInteractive()||this._activePinned||this._activeIndex==null||(this._activeIndex=null,this.requestRender())}_onFocusIn(t){if(!this._isInteractive())return;const e=this._indexFromTarget(t.target);e==null||this._activeIndex===e||(this._activeIndex=e,this.requestRender())}_onClick(t){if(!this._isInteractive())return;const e=this._data();if(!e.labels.length||!e.series.length)return;const a=this._indexFromTarget(t.target);if(a==null||a>=e.labels.length)return;const r=!(this._activePinned&&this._activeIndex===a);this._activeIndex=a,this._activePinned=r,this.requestRender(),this._emitPointSelect(a,e,"pointer")}_onKeyDown(t){if(!this._isInteractive())return;const e=this._data();if(!e.labels.length||!e.series.length)return;const r=this._indexFromTarget(t.target)??this._activeIndex??0;if(t.key==="ArrowRight"||t.key==="ArrowDown"){t.preventDefault();const o=M(r+1,0,e.labels.length-1);this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="ArrowLeft"||t.key==="ArrowUp"){t.preventDefault();const o=M(r-1,0,e.labels.length-1);this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="Home"){t.preventDefault(),this._setActiveIndex(0,!0),this._focusIndex(0);return}if(t.key==="End"){t.preventDefault();const o=e.labels.length-1;this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="Escape"){if(!this._activePinned&&this._activeIndex==null)return;t.preventDefault(),this._setActiveIndex(null,!1);return}if(t.key!=="Enter"&&t.key!==" ")return;t.preventDefault();const i=M(r,0,e.labels.length-1);this._setActiveIndex(i,!0),this._emitPointSelect(i,e,"keyboard")}_axisXLabels(t){if(t.length<=8)return t.map(()=>"visible");const e=Math.max(1,Math.ceil(t.length/6));return t.map((a,r)=>r===0||r===t.length-1||r%e===0?"visible":"hidden")}_buildCartesianTicks(t,e){return[1,.75,.5,.25,0].map(a=>this._formatValue(t+(e-t)*a))}_plotCartesian(t,e,a){const $=t.labels,P=t.series,w=e==="bar",b=P.flatMap(g=>g.data.map(x=>x.value)),_=this._valueDomain(b.map((g,x)=>({label:String(x),value:g})),{includeZero:w}),F=_.min,l=_.max,v=_.span,f=$.length>1?208/($.length-1):0,S=_.zeroInDomain?0:F,h=6+(l-S)/v*48,k=[0,.25,.5,.75,1].map(g=>{const x=6+48*g,I=_.zeroInDomain&&Math.abs(x-h)<.5;return`<line x1="8" y1="${x.toFixed(2)}" x2="${216 .toFixed(2)}" y2="${x.toFixed(2)}" stroke="var(--ui-chart-grid)" stroke-width="${I?"0.75":"0.45"}" />`}).join(""),L=P.map(g=>new Map(g.data.map(x=>[x.label,x]))),j=$.map((g,x)=>{const I=8+f*x,D=L.map(z=>z.get(g)).filter(z=>!!z).map(z=>6+(l-z.value)/v*48),C=D.length?Math.min(...D):6+48/2;return{xPct:M(I/220*100,0,100),yPct:M(C/64*100,0,100)}}),E=$.map((g,x)=>{const I=j[x];return`<button type="button" class="plot-hit" data-role="plot-hit" data-point-index="${x}" data-active="${a===x?"true":"false"}" style="--x:${I.xPct.toFixed(3)};--y:${I.yPct.toFixed(3)};" aria-label="${c(g)}" ${this._isInteractive()?"":"disabled"}></button>`}).join("");if(e==="bar"){const g=208/Math.max(1,$.length),x=M(g*.82,6,22),I=x/Math.max(1,P.length),D=P.map((C,z)=>{const N=this._seriesTone(C,z);return $.map((O,H)=>{const W=L[z].get(O);if(!W)return"";const m=8+H*g+(g-x)/2+I*z,y=6+(l-W.value)/v*48,A=Math.min(y,h),R=Math.max(1,Math.abs(h-y)),B=a===H,Y=a==null||B?C.opacity??1:.72;return`<rect x="${m.toFixed(2)}" y="${A.toFixed(2)}" width="${Math.max(2,I-1).toFixed(2)}" height="${R.toFixed(2)}" rx="1.4" fill="${c(N)}" opacity="${Y}" />`}).join("")}).join("");return{svg:`
+`,q=["var(--ui-color-primary, #2563eb)","var(--ui-color-success, #15803d)","var(--ui-color-warning, #b45309)","var(--ui-color-danger, #dc2626)","var(--ui-color-info, #0e7490)","var(--ui-color-accent, #7c3aed)"];function c(p){return p.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function M(p,t,e){return Math.max(t,Math.min(e,p))}function G(p,t,e){if(p)try{const i=JSON.parse(p);if(Array.isArray(i))return i.map((o,s)=>{if(typeof o=="number")return Number.isFinite(o)?{label:String(s+1),value:o}:null;if(o&&typeof o=="object"){const n=Number(o.value);if(!Number.isFinite(n))return null;const d=o.label,u=o.tone;return{label:typeof d=="string"&&d.trim()?d.trim():String(s+1),value:n,tone:typeof u=="string"&&u.trim()?u.trim():void 0}}return null}).filter(o=>!!o)}catch{return[]}const a=(t||"").split(",").map(i=>Number(i.trim())).filter(i=>Number.isFinite(i)),r=(e||"").split(",").map(i=>i.trim()).filter(Boolean);return a.map((i,o)=>({label:r[o]||String(o+1),value:i}))}function Q(p){return Array.isArray(p)?p.map((t,e)=>{if(typeof t=="number")return Number.isFinite(t)?{label:String(e+1),value:t}:null;if(t&&typeof t=="object"){const a=Number(t.value);if(!Number.isFinite(a))return null;const r=t.label,i=t.tone;return{label:typeof r=="string"&&r.trim()?r.trim():String(e+1),value:a,tone:typeof i=="string"&&i.trim()?i.trim():void 0}}return null}).filter(t=>!!t):[]}function tt(p){if(!p)return[];try{const t=JSON.parse(p);return Array.isArray(t)?t.map((a,r)=>{if(!a||typeof a!="object")return null;const i=a.name,o=Q(a.data);if(!o.length)return null;const s=a.tone,n=a.dash,d=Number(a.strokeWidth),u=Number(a.opacity),T=a.fill;return{name:typeof i=="string"&&i.trim()?i.trim():`Series ${r+1}`,data:o,tone:typeof s=="string"&&s.trim()?s.trim():void 0,dash:typeof n=="string"&&n.trim()?n.trim():void 0,strokeWidth:Number.isFinite(d)&&d>0?d:void 0,opacity:Number.isFinite(u)&&u>0?u:void 0,fill:typeof T=="boolean"?T:void 0}}).filter(a=>!!a):[]}catch{return[]}}function et(p){const t=p.map((a,r)=>({label:a.label?.trim()||String(r+1),value:Number(a.value),tone:typeof a.tone=="string"&&a.tone.trim()?a.tone.trim():void 0})).filter(a=>Number.isFinite(a.value));if(t.length<=V)return{points:t,truncated:0};const e=t.length-V;return{points:t.slice(t.length-V),truncated:e}}function at(p,t){const a=(p.length?p:t.length?[{name:"Series 1",data:t}]:[]).map(n=>{const d=et(n.data);return{name:n.name,data:d.points,tone:n.tone,fill:n.fill,dash:n.dash,strokeWidth:n.strokeWidth,opacity:n.opacity,truncated:d.truncated}}).filter(n=>n.data.length>0),r=new Set;a.forEach(n=>{n.data.forEach(d=>r.add(d.label))});let i=Array.from(r),o=a.reduce((n,d)=>Math.max(n,d.truncated),0);i.length>V&&(o+=i.length-V,i=i.slice(i.length-V));const s=a.map(n=>{const d=new Set(i);return{name:n.name,data:n.data.filter(u=>d.has(u.label)),tone:n.tone,fill:n.fill,dash:n.dash,strokeWidth:n.strokeWidth,opacity:n.opacity}});return{labels:i,series:s,truncated:o}}function K(p){return p==="loading"?"Updating":p==="error"?"Issue":p==="success"?"Stable":"Live"}function it(p){return p==="loading"||p==="error"||p==="success"?p:"idle"}class Z extends J.ElementBase{constructor(){super(...arguments),this._activeIndex=null,this._activePinned=!1,this._onClickBound=t=>this._onClick(t),this._onKeyDownBound=t=>this._onKeyDown(t),this._onPointerOverBound=t=>this._onPointerOver(t),this._onPointerLeaveBound=()=>this._onPointerLeave(),this._onFocusInBound=t=>this._onFocusIn(t)}static get observedAttributes(){return["data","series","values","labels","type","variant","title","subtitle","headless","state","disabled","interactive","show-legend","show-summary","value-prefix","value-suffix","aria-label"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onClickBound),this.root.addEventListener("keydown",this._onKeyDownBound),this.root.addEventListener("pointerover",this._onPointerOverBound),this.root.addEventListener("pointerleave",this._onPointerLeaveBound),this.root.addEventListener("focusin",this._onFocusInBound)}disconnectedCallback(){this.root.removeEventListener("click",this._onClickBound),this.root.removeEventListener("keydown",this._onKeyDownBound),this.root.removeEventListener("pointerover",this._onPointerOverBound),this.root.removeEventListener("pointerleave",this._onPointerLeaveBound),this.root.removeEventListener("focusin",this._onFocusInBound),super.disconnectedCallback()}attributeChangedCallback(t,e,a){e!==a&&((t==="disabled"||t==="state"||t==="interactive")&&(this._isInteractive()||(this._activeIndex=null,this._activePinned=!1)),super.attributeChangedCallback(t,e,a))}_data(){const t=G(this.getAttribute("data"),this.getAttribute("values"),this.getAttribute("labels")),e=tt(this.getAttribute("series"));return at(e,t)}_type(){const t=this.getAttribute("type");return t==="line"||t==="area"||t==="bar"||t==="donut"||t==="step"||t==="scatter"||t==="radial"?t:"line"}_state(){return it(this.getAttribute("state"))}_isDisabled(){return this.hasAttribute("disabled")||this._state()==="loading"}_isInteractive(){const t=(this.getAttribute("interactive")||"").trim().toLowerCase();return t==="false"||t==="0"||t==="off"?!1:!this._isDisabled()}_showLegend(){const t=(this.getAttribute("show-legend")||"").trim().toLowerCase();return t?t!=="false"&&t!=="0"&&t!=="off":!0}_showSummary(){const t=(this.getAttribute("show-summary")||"").trim().toLowerCase();return t?t!=="false"&&t!=="0"&&t!=="off":!0}_primarySeries(t){return t.series[0]||null}_valuePrefix(){return this.getAttribute("value-prefix")||""}_valueSuffix(){return this.getAttribute("value-suffix")||""}_resolveStats(t){const e=t.map(u=>u.value),a=e.reduce((u,T)=>u+T,0),r=e.length?a/e.length:0,i=e.length?Math.min(...e):0,o=e.length?Math.max(...e):0,s=e.length>1?e[e.length-1]-e[0]:0,n=e[0]||0,d=n!==0?s/Math.abs(n)*100:null;return{total:a,average:r,min:i,max:o,delta:s,deltaPct:d}}_valueDomain(t,e){const a=!!e?.includeZero,r=e?.fitPadding??.14,i=t.map(u=>u.value);let o=Math.min(...i),s=Math.max(...i);a&&(o=Math.min(0,o),s=Math.max(0,s));let n=s-o;if(n<=0){const u=Math.max(Math.abs(s)*.12,1);o-=u,s+=u,n=s-o}else{const u=n*r;a?(o-=u*.25,s+=u):(o-=u,s+=u),n=s-o}const d=o<=0&&s>=0;return{min:o,max:s,span:n,zeroInDomain:d}}_formatValue(t,e){const a=this._valuePrefix(),r=this._valueSuffix();try{const i=new Intl.NumberFormat(void 0,{maximumFractionDigits:Math.abs(t)>=100?0:1,...e}).format(t);return`${a}${i}${r}`}catch{return`${a}${t.toFixed(Math.abs(t)>=100?0:1)}${r}`}}_seriesTone(t,e){return t.tone||q[e%q.length]||"var(--ui-chart-accent)"}_pointTone(t,e,a){return t.tone||a||q[e%q.length]||"var(--ui-chart-accent)"}_seriesValueDetails(t,e,a){const r=t[a];return e.map((i,o)=>{const s=i.data.find(n=>n.label===r)||null;return{series:i.name,value:s?.value??null,tone:s?.tone||this._seriesTone(i,o)}})}_pointDetail(t,e,a,r){const i=this._primarySeries(e);if(!i)return null;const o=e.labels[t];if(!o)return null;const s=i.data.find(u=>u.label===o)||i.data[t];if(!s)return null;const n=this._resolveStats(i.data),d=this._seriesValueDetails(e.labels,e.series,t);return{index:t,label:o,value:s.value,tone:s.tone||this._seriesTone(i,0),series:i.name,seriesValues:d,type:a,total:n.total,min:n.min,max:n.max,source:r}}_emitPointSelect(t,e,a){const r=this._pointDetail(t,e,this._type(),a);r&&(this.dispatchEvent(new CustomEvent("point-select",{detail:r,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("ui-point-select",{detail:r,bubbles:!0,composed:!0})))}_indexFromTarget(t){const e=t instanceof Element?t.closest("[data-point-index]"):null;if(!e)return null;const a=Number(e.getAttribute("data-point-index"));return!Number.isInteger(a)||a<0?null:a}_setActiveIndex(t,e){this._activeIndex=t,this._activePinned=e,this.requestRender()}_focusIndex(t){const e=this.root.querySelector(`.legend-item[data-point-index="${t}"]`);if(e)try{e.focus({preventScroll:!0})}catch{e.focus()}}_onPointerOver(t){if(!this._isInteractive()||this._activePinned)return;const e=this._indexFromTarget(t.target);e==null||this._activeIndex===e||(this._activeIndex=e,this.requestRender())}_onPointerLeave(){!this._isInteractive()||this._activePinned||this._activeIndex==null||(this._activeIndex=null,this.requestRender())}_onFocusIn(t){if(!this._isInteractive())return;const e=this._indexFromTarget(t.target);e==null||this._activeIndex===e||(this._activeIndex=e,this.requestRender())}_onClick(t){if(!this._isInteractive())return;const e=this._data();if(!e.labels.length||!e.series.length)return;const a=this._indexFromTarget(t.target);if(a==null||a>=e.labels.length)return;const r=!(this._activePinned&&this._activeIndex===a);this._activeIndex=a,this._activePinned=r,this.requestRender(),this._emitPointSelect(a,e,"pointer")}_onKeyDown(t){if(!this._isInteractive())return;const e=this._data();if(!e.labels.length||!e.series.length)return;const r=this._indexFromTarget(t.target)??this._activeIndex??0;if(t.key==="ArrowRight"||t.key==="ArrowDown"){t.preventDefault();const o=M(r+1,0,e.labels.length-1);this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="ArrowLeft"||t.key==="ArrowUp"){t.preventDefault();const o=M(r-1,0,e.labels.length-1);this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="Home"){t.preventDefault(),this._setActiveIndex(0,!0),this._focusIndex(0);return}if(t.key==="End"){t.preventDefault();const o=e.labels.length-1;this._setActiveIndex(o,!0),this._focusIndex(o);return}if(t.key==="Escape"){if(!this._activePinned&&this._activeIndex==null)return;t.preventDefault(),this._setActiveIndex(null,!1);return}if(t.key!=="Enter"&&t.key!==" ")return;t.preventDefault();const i=M(r,0,e.labels.length-1);this._setActiveIndex(i,!0),this._emitPointSelect(i,e,"keyboard")}_axisXLabels(t){if(t.length<=8)return t.map(()=>"visible");const e=Math.max(1,Math.ceil(t.length/6));return t.map((a,r)=>r===0||r===t.length-1||r%e===0?"visible":"hidden")}_buildCartesianTicks(t,e){return[1,.75,.5,.25,0].map(a=>this._formatValue(t+(e-t)*a))}_plotCartesian(t,e,a){const $=t.labels,P=t.series,w=e==="bar",b=P.flatMap(g=>g.data.map(x=>x.value)),_=this._valueDomain(b.map((g,x)=>({label:String(x),value:g})),{includeZero:w}),F=_.min,l=_.max,v=_.span,f=$.length>1?208/($.length-1):0,S=_.zeroInDomain?0:F,h=6+(l-S)/v*48,k=[0,.25,.5,.75,1].map(g=>{const x=6+48*g,I=_.zeroInDomain&&Math.abs(x-h)<.5;return`<line x1="8" y1="${x.toFixed(2)}" x2="${216 .toFixed(2)}" y2="${x.toFixed(2)}" stroke="var(--ui-chart-grid)" stroke-width="${I?"0.75":"0.45"}" />`}).join(""),L=P.map(g=>new Map(g.data.map(x=>[x.label,x]))),j=$.map((g,x)=>{const I=8+f*x,D=L.map(z=>z.get(g)).filter(z=>!!z).map(z=>6+(l-z.value)/v*48),C=D.length?Math.min(...D):6+48/2;return{xPct:M(I/220*100,0,100),yPct:M(C/64*100,0,100)}}),E=$.map((g,x)=>{const I=j[x];return`<button type="button" class="plot-hit" data-role="plot-hit" data-point-index="${x}" data-active="${a===x?"true":"false"}" style="--x:${I.xPct.toFixed(3)};--y:${I.yPct.toFixed(3)};" aria-label="${c(g)}" ${this._isInteractive()?"":"disabled"}></button>`}).join("");if(e==="bar"){const g=208/Math.max(1,$.length),x=M(g*.82,6,22),I=x/Math.max(1,P.length),D=P.map((C,z)=>{const N=this._seriesTone(C,z);return $.map((O,H)=>{const W=L[z].get(O);if(!W)return"";const m=8+H*g+(g-x)/2+I*z,y=6+(l-W.value)/v*48,A=Math.min(y,h),R=Math.max(1,Math.abs(h-y)),B=a===H,Y=a==null||B?C.opacity??1:.72;return`<rect x="${m.toFixed(2)}" y="${A.toFixed(2)}" width="${Math.max(2,I-1).toFixed(2)}" height="${R.toFixed(2)}" rx="1.4" fill="${c(N)}" opacity="${Y}" />`}).join("")}).join("");return{svg:`
           <svg class="plot" part="plot" viewBox="0 0 220 64" width="100%" height="100%" role="img" aria-label="${c(this._ariaLabel())}" preserveAspectRatio="none">
             <g class="plot-grid">${k}</g>
             ${D}

package/dist/chart.esm.js

@@ -1,15 +1,15 @@
-import { E as Y } from "./ElementBase-YlTLMsGk.mjs";
+import { E as Y } from "./ElementBase-BeZT54Hj.mjs";
 const V = 180, Z = `
   :host {
     --ui-chart-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 94%, transparent);
     --ui-chart-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 97%, #ffffff 3%);
     --ui-chart-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 74%, transparent);
     --ui-chart-text: var(--ui-color-text, #0f172a);
-    --ui-chart-muted: var(--ui-color-muted, #64748b);
+    --ui-chart-muted: var(--ui-color-muted, #526175);
     --ui-chart-grid: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 45%, transparent);
     --ui-chart-accent: var(--ui-color-primary, #2563eb);
-    --ui-chart-success: var(--ui-color-success, #16a34a);
-    --ui-chart-warning: var(--ui-color-warning, #d97706);
+    --ui-chart-success: var(--ui-color-success, #15803d);
+    --ui-chart-warning: var(--ui-color-warning, #b45309);
     --ui-chart-danger: var(--ui-color-danger, #dc2626);
     --ui-chart-radius: 16px;
     --ui-chart-shadow: none;
@@ -616,10 +616,10 @@ const V = 180, Z = `
   }
 `, q = [
   "var(--ui-color-primary, #2563eb)",
-  "var(--ui-color-success, #16a34a)",
-  "var(--ui-color-warning, #d97706)",
+  "var(--ui-color-success, #15803d)",
+  "var(--ui-color-warning, #b45309)",
   "var(--ui-color-danger, #dc2626)",
-  "var(--ui-color-info, #0891b2)",
+  "var(--ui-color-info, #0e7490)",
   "var(--ui-color-accent, #7c3aed)"
 ];
 function c(p) {

package/dist/checkbox.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./ElementBase-EV6mVBUV.js"),n=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./ElementBase-DxbvhLJs.js"),n=`
   :host {
     --ui-checkbox-size: 18px;
     --ui-checkbox-hit-area: 24px;
@@ -18,7 +18,7 @@
     --ui-checkbox-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
     --ui-checkbox-disabled-border: 1.5px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-checkbox-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-checkbox-muted: var(--ui-color-muted, #64748b);
+    --ui-checkbox-muted: var(--ui-color-muted, #526175);
     --ui-checkbox-duration: 170ms;
     --ui-checkbox-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
 
@@ -321,7 +321,7 @@
       --ui-checkbox-label-color: CanvasText;
     }
   }
-`;function r(t){return t!==null&&t.toLowerCase()!=="false"&&t!=="0"}function d(t){return t instanceof HTMLElement?!!t.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-checkbox-no-toggle]'):!1}class c extends s.ElementBase{constructor(){super(),this._uid=`ui-checkbox-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","indeterminate","headless","loading","invalid","tabindex"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this._syncA11yState()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,o){if(i!==o){if(e==="tabindex"){this._syncA11yState();return}this.requestRender()}}get checked(){return r(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get indeterminate(){return r(this.getAttribute("indeterminate"))}set indeterminate(e){const i=!!e;i!==this.indeterminate&&(i?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate"))}get disabled(){return r(this.getAttribute("disabled"))}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return r(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get invalid(){return r(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get preset(){return this.getAttribute("preset")||"default"}set preset(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("preset");return}this.setAttribute("preset",i)}_syncA11yState(){const e=this.indeterminate?"mixed":this.checked?"true":"false",i=this.disabled||this.loading,o=i?"-1":this.getAttribute("tabindex")||"0",a=`${this._uid}-label`;this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",e),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.setAttribute("aria-labelledby",a),this.setAttribute("tabindex",o)}_toggleFromUser(){if(this.disabled||this.loading)return;this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked;const e={checked:this.checked,indeterminate:this.indeterminate};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_onClick(e){this.disabled||this.loading||e.composedPath().some(o=>d(o))||this._toggleFromUser()}_onKeyDown(e){this.disabled||this.loading||e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),this._toggleFromUser())}render(){this._syncA11yState(),this.setContent(`
+`;function r(t){return t!==null&&t.toLowerCase()!=="false"&&t!=="0"}function d(t){return t instanceof HTMLElement?!!t.closest('a, button, input, select, textarea, [contenteditable="true"], [data-ui-checkbox-no-toggle]'):!1}class c extends s.ElementBase{constructor(){super(),this._uid=`ui-checkbox-${Math.random().toString(36).slice(2,9)}`,this._onClick=this._onClick.bind(this),this._onKeyDown=this._onKeyDown.bind(this)}static get observedAttributes(){return["checked","disabled","indeterminate","headless","loading","invalid","tabindex"]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onClick),this.addEventListener("keydown",this._onKeyDown),this._syncA11yState()}disconnectedCallback(){this.removeEventListener("click",this._onClick),this.removeEventListener("keydown",this._onKeyDown),super.disconnectedCallback()}attributeChangedCallback(e,i,o){if(i!==o){if(e==="tabindex"){this._syncA11yState();return}this.requestRender()}}get checked(){return r(this.getAttribute("checked"))}set checked(e){const i=!!e;i!==this.checked&&(i?this.setAttribute("checked",""):this.removeAttribute("checked"))}get indeterminate(){return r(this.getAttribute("indeterminate"))}set indeterminate(e){const i=!!e;i!==this.indeterminate&&(i?this.setAttribute("indeterminate",""):this.removeAttribute("indeterminate"))}get disabled(){return r(this.getAttribute("disabled"))}set disabled(e){const i=!!e;i!==this.disabled&&(i?this.setAttribute("disabled",""):this.removeAttribute("disabled"))}get loading(){return r(this.getAttribute("loading"))}set loading(e){const i=!!e;i!==this.loading&&(i?this.setAttribute("loading",""):this.removeAttribute("loading"))}get headless(){return this.hasAttribute("headless")}set headless(e){e!==this.headless&&(e?this.setAttribute("headless",""):this.removeAttribute("headless"))}get invalid(){return r(this.getAttribute("invalid"))}set invalid(e){const i=!!e;i!==this.invalid&&(i?this.setAttribute("invalid",""):this.removeAttribute("invalid"))}get density(){return this.getAttribute("density")||"default"}set density(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("density");return}this.setAttribute("density",i)}get preset(){return this.getAttribute("preset")||"default"}set preset(e){const i=(e||"").trim().toLowerCase();if(!i||i==="default"){this.removeAttribute("preset");return}this.setAttribute("preset",i)}_syncA11yState(){const e=this.indeterminate?"mixed":this.checked?"true":"false",i=this.disabled||this.loading,o=i?"-1":this.getAttribute("tabindex")||"0",a=`${this._uid}-label`;this.setAttribute("role","checkbox"),this.setAttribute("aria-checked",e),this.setAttribute("aria-disabled",i?"true":"false"),this.setAttribute("aria-busy",this.loading?"true":"false"),this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid"),this.getAttribute("aria-labelledby")===a&&this.removeAttribute("aria-labelledby"),this.setAttribute("tabindex",o)}_toggleFromUser(){if(this.disabled||this.loading)return;this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked;const e={checked:this.checked,indeterminate:this.indeterminate};this.dispatchEvent(new CustomEvent("input",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}_onClick(e){this.disabled||this.loading||e.composedPath().some(o=>d(o))||this._toggleFromUser()}_onKeyDown(e){this.disabled||this.loading||e.key!==" "&&e.key!=="Enter"||(e.preventDefault(),this._toggleFromUser())}render(){this._syncA11yState(),this.setContent(`
       <style>${n}</style>
       <span class="row" part="root">
         <span class="control-wrap" part="hit-area" aria-hidden="true">

package/dist/checkbox.esm.js

@@ -1,4 +1,4 @@
-import { E as a } from "./ElementBase-YlTLMsGk.mjs";
+import { E as a } from "./ElementBase-BeZT54Hj.mjs";
 const s = `
   :host {
     --ui-checkbox-size: 18px;
@@ -19,7 +19,7 @@ const s = `
     --ui-checkbox-disabled-bg: color-mix(in srgb, var(--ui-color-surface-alt, #f1f5f9) 88%, #ffffff 12%);
     --ui-checkbox-disabled-border: 1.5px solid color-mix(in srgb, var(--ui-color-border, #cbd5e1) 78%, transparent);
     --ui-checkbox-label-color: var(--ui-color-text, var(--ui-text, #0f172a));
-    --ui-checkbox-muted: var(--ui-color-muted, #64748b);
+    --ui-checkbox-muted: var(--ui-color-muted, #526175);
     --ui-checkbox-duration: 170ms;
     --ui-checkbox-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
 
@@ -416,7 +416,7 @@ class d extends a {
   }
   _syncA11yState() {
     const e = this.indeterminate ? "mixed" : this.checked ? "true" : "false", i = this.disabled || this.loading, o = i ? "-1" : this.getAttribute("tabindex") || "0", c = `${this._uid}-label`;
-    this.setAttribute("role", "checkbox"), this.setAttribute("aria-checked", e), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.setAttribute("aria-labelledby", c), this.setAttribute("tabindex", o);
+    this.setAttribute("role", "checkbox"), this.setAttribute("aria-checked", e), this.setAttribute("aria-disabled", i ? "true" : "false"), this.setAttribute("aria-busy", this.loading ? "true" : "false"), this.invalid ? this.setAttribute("aria-invalid", "true") : this.removeAttribute("aria-invalid"), this.getAttribute("aria-labelledby") === c && this.removeAttribute("aria-labelledby"), this.setAttribute("tabindex", o);
   }
   _toggleFromUser() {
     if (this.disabled || this.loading) return;

package/dist/collapsible.cjs.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./ElementBase-EV6mVBUV.js"),x=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./ElementBase-DxbvhLJs.js"),x=`
   :host {
     --ui-collapsible-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 94%, transparent);
     --ui-collapsible-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, #ffffff 2%);
     --ui-collapsible-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-collapsible-text: var(--ui-color-text, #0f172a);
-    --ui-collapsible-muted: var(--ui-color-muted, #64748b);
+    --ui-collapsible-muted: var(--ui-color-muted, #526175);
     --ui-collapsible-accent: var(--ui-color-primary, #2563eb);
     --ui-collapsible-radius: 14px;
     --ui-collapsible-shadow: none;
@@ -35,7 +35,7 @@
   }
 
   :host([tone="neutral"]) {
-    --ui-collapsible-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 82%, var(--ui-color-text, #0f172a) 18%);
+    --ui-collapsible-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 82%, var(--ui-color-text, #0f172a) 18%);
   }
 
   :host([tone="info"]) {
@@ -43,11 +43,11 @@
   }
 
   :host([tone="success"]) {
-    --ui-collapsible-accent: var(--ui-color-success, #16a34a);
+    --ui-collapsible-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-collapsible-accent: var(--ui-color-warning, #d97706);
+    --ui-collapsible-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -59,7 +59,7 @@
   }
 
   :host([state="success"]) {
-    --ui-collapsible-accent: var(--ui-color-success, #16a34a);
+    --ui-collapsible-accent: var(--ui-color-success, #15803d);
   }
 
   .shell {
@@ -259,7 +259,7 @@
   }
 
   :host([state="loading"]) .state-note {
-    color: var(--ui-color-warning, #d97706);
+    color: var(--ui-color-warning, #b45309);
   }
 
   :host([state="error"]) .state-note {
@@ -267,7 +267,7 @@
   }
 
   :host([state="success"]) .state-note {
-    color: var(--ui-color-success, #16a34a);
+    color: var(--ui-color-success, #15803d);
   }
 
   :host([headless]) .shell {

package/dist/collapsible.esm.js

@@ -1,11 +1,11 @@
-import { E as v } from "./ElementBase-YlTLMsGk.mjs";
+import { E as v } from "./ElementBase-BeZT54Hj.mjs";
 const m = `
   :host {
     --ui-collapsible-bg: color-mix(in srgb, var(--ui-color-surface, #ffffff) 94%, transparent);
     --ui-collapsible-surface: color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, #ffffff 2%);
     --ui-collapsible-border: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 76%, transparent);
     --ui-collapsible-text: var(--ui-color-text, #0f172a);
-    --ui-collapsible-muted: var(--ui-color-muted, #64748b);
+    --ui-collapsible-muted: var(--ui-color-muted, #526175);
     --ui-collapsible-accent: var(--ui-color-primary, #2563eb);
     --ui-collapsible-radius: 14px;
     --ui-collapsible-shadow: none;
@@ -36,7 +36,7 @@ const m = `
   }
 
   :host([tone="neutral"]) {
-    --ui-collapsible-accent: color-mix(in srgb, var(--ui-color-muted, #64748b) 82%, var(--ui-color-text, #0f172a) 18%);
+    --ui-collapsible-accent: color-mix(in srgb, var(--ui-color-muted, #526175) 82%, var(--ui-color-text, #0f172a) 18%);
   }
 
   :host([tone="info"]) {
@@ -44,11 +44,11 @@ const m = `
   }
 
   :host([tone="success"]) {
-    --ui-collapsible-accent: var(--ui-color-success, #16a34a);
+    --ui-collapsible-accent: var(--ui-color-success, #15803d);
   }
 
   :host([tone="warning"]) {
-    --ui-collapsible-accent: var(--ui-color-warning, #d97706);
+    --ui-collapsible-accent: var(--ui-color-warning, #b45309);
   }
 
   :host([tone="danger"]) {
@@ -60,7 +60,7 @@ const m = `
   }
 
   :host([state="success"]) {
-    --ui-collapsible-accent: var(--ui-color-success, #16a34a);
+    --ui-collapsible-accent: var(--ui-color-success, #15803d);
   }
 
   .shell {
@@ -260,7 +260,7 @@ const m = `
   }
 
   :host([state="loading"]) .state-note {
-    color: var(--ui-color-warning, #d97706);
+    color: var(--ui-color-warning, #b45309);
   }
 
   :host([state="error"]) .state-note {
@@ -268,7 +268,7 @@ const m = `
   }
 
   :host([state="success"]) .state-note {
-    color: var(--ui-color-success, #16a34a);
+    color: var(--ui-color-success, #15803d);
   }
 
   :host([headless]) .shell {

package/dist/collection.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./collection-qv8A8rq4.js"),u=require("./selector-BvAh35ve.js");function a(i){if(!i.isConnected||i.hidden)return!1;const e=window.getComputedStyle(i);return!(e.display==="none"||e.visibility==="hidden")}function o(i){const e=i.getAttribute("aria-disabled");return i.hasAttribute("disabled")||e==="true"||i.disabled===!0}function d(i){return i.getAttribute("aria-label")||i.textContent||""}function b(i){return Array.from(i)}const m='[data-collection-item], .menuitem, [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';class h extends HTMLElement{constructor(){super(...arguments),this._container=null,this._items=null,this._observer=null}static get observedAttributes(){return["item-selector","direct-item-selector","item-role"]}connectedCallback(){this.refresh(),this._syncObserver()}disconnectedCallback(){this._disconnectObserver()}attributeChangedCallback(e,r,t){r!==t&&(e==="item-selector"||e==="direct-item-selector"||e==="item-role")&&(this.refresh(),this._syncObserver())}get container(){return this._container}set container(e){this._container!==e&&(this._container=e,this.refresh(),this._syncObserver())}get itemSelector(){const e=this.getAttribute("item-selector");return e&&u.isValidSelector(e)?e:m}set itemSelector(e){this.setAttribute("item-selector",e)}get directItemSelector(){const e=this.getAttribute("direct-item-selector")||"";return u.isValidSelector(e)?e:""}set directItemSelector(e){e?this.setAttribute("direct-item-selector",e):this.removeAttribute("direct-item-selector")}get itemRole(){return this.getAttribute("item-role")||""}set itemRole(e){e?this.setAttribute("item-role",e):this.removeAttribute("item-role")}get items(){return this._items}set items(e){this._items=e?[...e]:null,this.refresh()}refresh(){const e=this.queryItems();return this.syncItemSemantics(),e}queryItems(e={}){if(this._items){const s=[...this._items];return e.includeHidden?s:s.filter(l=>a(l))}const r=this._queryRoot(e.container);if(!r)return[];const t=this.directItemSelector.trim();let n=t?b(r.querySelectorAll(t)):[];return n.length||(n=b(r.querySelectorAll(this.itemSelector))),e.includeHidden?n:n.filter(s=>a(s))}queryEnabledItems(e={}){return this.queryItems(e).filter(r=>!o(r))}indexOf(e,r={}){return e?this.queryItems(r).indexOf(e):-1}findByValue(e,r={}){const t=this.queryItems(r),n=c.findIndexByValue(t,e,s=>s.getAttribute("data-value")||s.getAttribute("value")||"");return n>=0?t[n]:null}findTypeaheadMatch(e,r={}){const t=this.queryEnabledItems({container:r.container}),n=typeof r.startIndex=="number"?r.startIndex:-1,s=c.findTypeaheadMatch(t,e,{startIndex:n,getLabel:r.getLabel||d,getDisabled:r.getDisabled||o});return s>=0?t[s]:null}syncItemSemantics(e={}){const r=this.itemRole;this.queryItems({...e,includeHidden:!0}).forEach((t,n)=>{r&&!t.getAttribute("role")&&t.setAttribute("role",r),t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.setAttribute("data-collection-index",String(n));const s=o(t);t.getAttribute("aria-disabled")!==(s?"true":"false")&&t.setAttribute("aria-disabled",s?"true":"false");const l=t.getAttribute("role");(l==="menuitemcheckbox"||l==="menuitemradio")&&!t.hasAttribute("aria-checked")&&t.setAttribute("aria-checked","false")})}isItemDisabled(e){return o(e)}getItemLabel(e){return d(e)}_queryRoot(e){return e||this._container||this}_disconnectObserver(){this._observer?.disconnect(),this._observer=null}_syncObserver(){const e=this._queryRoot();this._disconnectObserver(),(e instanceof HTMLElement||e instanceof ShadowRoot||e instanceof DocumentFragment)&&(this._observer=new MutationObserver(()=>{this.syncItemSemantics(),this.dispatchEvent(new CustomEvent("collection-change",{bubbles:!0,composed:!0}))}),this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden","disabled","aria-disabled","role","value","data-value","aria-label"]}))}}typeof customElements<"u"&&!customElements.get("ui-collection")&&customElements.define("ui-collection",h);exports.UICollection=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./domElement-DazSZBjV.js"),c=require("./collection-qv8A8rq4.js"),u=require("./selector-BvAh35ve.js");function a(i){if(!i.isConnected||i.hidden)return!1;const e=window.getComputedStyle(i);return!(e.display==="none"||e.visibility==="hidden")}function l(i){const e=i.getAttribute("aria-disabled");return i.hasAttribute("disabled")||e==="true"||i.disabled===!0}function d(i){return i.getAttribute("aria-label")||i.textContent||""}function b(i){return Array.from(i)}const f='[data-collection-item], .menuitem, [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';class h extends m.DOMElement{constructor(){super(...arguments),this._container=null,this._items=null,this._observer=null}static get observedAttributes(){return["item-selector","direct-item-selector","item-role"]}connectedCallback(){this.refresh(),this._syncObserver()}disconnectedCallback(){this._disconnectObserver()}attributeChangedCallback(e,r,t){r!==t&&(e==="item-selector"||e==="direct-item-selector"||e==="item-role")&&(this.refresh(),this._syncObserver())}get container(){return this._container}set container(e){this._container!==e&&(this._container=e,this.refresh(),this._syncObserver())}get itemSelector(){const e=this.getAttribute("item-selector");return e&&u.isValidSelector(e)?e:f}set itemSelector(e){this.setAttribute("item-selector",e)}get directItemSelector(){const e=this.getAttribute("direct-item-selector")||"";return u.isValidSelector(e)?e:""}set directItemSelector(e){e?this.setAttribute("direct-item-selector",e):this.removeAttribute("direct-item-selector")}get itemRole(){return this.getAttribute("item-role")||""}set itemRole(e){e?this.setAttribute("item-role",e):this.removeAttribute("item-role")}get items(){return this._items}set items(e){this._items=e?[...e]:null,this.refresh()}refresh(){const e=this.queryItems();return this.syncItemSemantics(),e}queryItems(e={}){if(this._items){const s=[...this._items];return e.includeHidden?s:s.filter(o=>a(o))}const r=this._queryRoot(e.container);if(!r)return[];const t=this.directItemSelector.trim();let n=t?b(r.querySelectorAll(t)):[];return n.length||(n=b(r.querySelectorAll(this.itemSelector))),e.includeHidden?n:n.filter(s=>a(s))}queryEnabledItems(e={}){return this.queryItems(e).filter(r=>!l(r))}indexOf(e,r={}){return e?this.queryItems(r).indexOf(e):-1}findByValue(e,r={}){const t=this.queryItems(r),n=c.findIndexByValue(t,e,s=>s.getAttribute("data-value")||s.getAttribute("value")||"");return n>=0?t[n]:null}findTypeaheadMatch(e,r={}){const t=this.queryEnabledItems({container:r.container}),n=typeof r.startIndex=="number"?r.startIndex:-1,s=c.findTypeaheadMatch(t,e,{startIndex:n,getLabel:r.getLabel||d,getDisabled:r.getDisabled||l});return s>=0?t[s]:null}syncItemSemantics(e={}){const r=this.itemRole;this.queryItems({...e,includeHidden:!0}).forEach((t,n)=>{r&&!t.getAttribute("role")&&t.setAttribute("role",r),t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.setAttribute("data-collection-index",String(n));const s=l(t);t.getAttribute("aria-disabled")!==(s?"true":"false")&&t.setAttribute("aria-disabled",s?"true":"false");const o=t.getAttribute("role");(o==="menuitemcheckbox"||o==="menuitemradio")&&!t.hasAttribute("aria-checked")&&t.setAttribute("aria-checked","false")})}isItemDisabled(e){return l(e)}getItemLabel(e){return d(e)}_queryRoot(e){return e||this._container||this}_disconnectObserver(){this._observer?.disconnect(),this._observer=null}_syncObserver(){const e=this._queryRoot();this._disconnectObserver(),(e instanceof HTMLElement||e instanceof ShadowRoot||e instanceof DocumentFragment)&&(this._observer=new MutationObserver(()=>{this.syncItemSemantics(),this.dispatchEvent(new CustomEvent("collection-change",{bubbles:!0,composed:!0}))}),this._observer.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["hidden","disabled","aria-disabled","role","value","data-value","aria-label"]}))}}typeof customElements<"u"&&!customElements.get("ui-collection")&&customElements.define("ui-collection",h);exports.UICollection=h;

package/dist/collection.esm.js

@@ -1,4 +1,5 @@
-import { a as b, d as m } from "./collection-C7URGjEI.mjs";
+import { D as b } from "./domElement-ZlSGVP0l.mjs";
+import { a as m, d as h } from "./collection-C7URGjEI.mjs";
 import { i as c } from "./selector-WI8pD7YO.mjs";
 function u(i) {
   if (!i.isConnected || i.hidden) return !1;
@@ -15,8 +16,8 @@ function a(i) {
 function d(i) {
   return Array.from(i);
 }
-const h = '[data-collection-item], .menuitem, [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
-class f extends HTMLElement {
+const f = '[data-collection-item], .menuitem, [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]';
+class y extends b {
   constructor() {
     super(...arguments), this._container = null, this._items = null, this._observer = null;
   }
@@ -40,7 +41,7 @@ class f extends HTMLElement {
   }
   get itemSelector() {
     const e = this.getAttribute("item-selector");
-    return e && c(e) ? e : h;
+    return e && c(e) ? e : f;
   }
   set itemSelector(e) {
     this.setAttribute("item-selector", e);
@@ -86,11 +87,11 @@ class f extends HTMLElement {
     return e ? this.queryItems(r).indexOf(e) : -1;
   }
   findByValue(e, r = {}) {
-    const t = this.queryItems(r), n = b(t, e, (s) => s.getAttribute("data-value") || s.getAttribute("value") || "");
+    const t = this.queryItems(r), n = m(t, e, (s) => s.getAttribute("data-value") || s.getAttribute("value") || "");
     return n >= 0 ? t[n] : null;
   }
   findTypeaheadMatch(e, r = {}) {
-    const t = this.queryEnabledItems({ container: r.container }), n = typeof r.startIndex == "number" ? r.startIndex : -1, s = m(t, e, {
+    const t = this.queryEnabledItems({ container: r.container }), n = typeof r.startIndex == "number" ? r.startIndex : -1, s = h(t, e, {
       startIndex: n,
       getLabel: r.getLabel || a,
       getDisabled: r.getDisabled || l
@@ -131,7 +132,7 @@ class f extends HTMLElement {
     }));
   }
 }
-typeof customElements < "u" && !customElements.get("ui-collection") && customElements.define("ui-collection", f);
+typeof customElements < "u" && !customElements.get("ui-collection") && customElements.define("ui-collection", y);
 export {
-  f as UICollection
+  y as UICollection
 };