@pg-labs-incubator/cobweb 0.0.5 → 0.0.6

package/target/esbuild/input/date-picker.jsx

@@ -1,13 +1,13 @@
-import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,createSelector as G,createSignal as w,createUniqueId as q,on as Y,onCleanup as xe,onMount as Ye,untrack as u}from"solid-js";import{defineDomComponent as ne}from"..";import{DomController as _e}from"../dom/client";import{Icon as E}from"../icon";import{applyMotion as W}from"../motion";import{observeFormReset as Ne}from"./base";import{TextField as He}from"./text-field";import"./date-picker.css";const $e={selectDate:"Select date",selectRange:"Select dates",enterDate:"Enter date",enterRange:"Enter dates",selectedDate:"Selected date",enteredDate:"Entered date",date:"Date",startDate:"Start date",endDate:"End date",previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",month:"Month",year:"Year",yearSelection:"Switch to selecting a year",daySelection:"Switch to selecting a day",switchToInput:"Switch to date input",switchToCalendar:"Switch to calendar",invalidPattern:"Date does not match expected pattern: {pattern}",invalidYearRange:"Date out of expected year range {start} - {end}",notAllowed:"Date not allowed: {date}",invalidRange:"Invalid date range input"},Z="en-US",Ve="1900-01-01",Ue="2100-12-31",p=7,re=6,T=3,_=201,j=5,N=4800,Ke=366,$={year:4,month:2,day:2},Je={year:"YYYY",month:"MM",day:"DD"},ae=8,Be="/",se=/^[\s\u061c\u200e\u200f]$/u,Xe=/^[0-9]$/u,U="2023-01-01",Ge=new Set(["AG","AS","BD","BR","BS","BT","BW","BZ","CA","CN","CO","DM","DO","ET","GT","GU","HK","HN","ID","IL","IN","JM","JP","KE","KH","KR","LA","MH","MM","MO","MT","MX","MZ","NI","NP","PA","PE","PH","PK","PR","PT","PY","SA","SG","SV","TH","TT","TW","UM","US","VE","VI","WS","YE","ZA","ZW"]),qe=new Set(["AF","BH","DJ","DZ","EG","IQ","IR","JO","KW","LY","OM","QA","SD","SY"]),z={sun:0,mon:1,tue:2,wed:3,thu:4,fri:5,sat:6};function D(r){if(r===void 0||!/^\d{4}-\d{2}-\d{2}$/u.test(r)||r.startsWith("0000"))return;const e=new Date(`${r}T00:00:00.000Z`);return Number.isFinite(e.getTime())&&oe(e)===r?e:void 0}function oe(r){return r.toISOString().slice(0,10)}function A(r,e,t=0){const n=D(r);if(t!==0){const a=n.getUTCDate();n.setUTCDate(1),n.setUTCMonth(n.getUTCMonth()+t+1,0),n.setUTCDate(Math.min(a,n.getUTCDate()))}return n.setUTCDate(n.getUTCDate()+e),oe(n)}function g(r){return Number(r.slice(0,4))*12+Number(r.slice(5,7))-1}function V(r){return`${String(Math.floor(r/12)).padStart(4,"0")}-${String(r%12+1).padStart(2,"0")}`}function k(r,e,t){return Math.min(t,Math.max(e,r))}function F(r,e){return D(r)===void 0?e:r}function We(){const r=new Date,e=String(r.getFullYear()).padStart(4,"0"),t=String(r.getMonth()+1).padStart(2,"0");return`${e}-${t}-${String(r.getDate()).padStart(2,"0")}`}function Ze(r){const e=/-u(?:-[a-z0-9]{2,8})*?-fw-([a-z]{3})(?:-|$)/u.exec(r.toLowerCase());let t;if(e!==null&&e[1]in z)return z[e[1]];try{t=new Intl.Locale(r).maximize().region}catch{t=void 0}return t===void 0?1:Ge.has(t)?0:qe.has(t)?6:t==="MV"?5:1}function H(r,e){return r.replace(/\{(\w+)\}/gu,(t,n)=>e[n]??t)}function je(r){const e=t=>new Intl.DateTimeFormat(r,{...t,calendar:"gregory",timeZone:"UTC"});return{monthYear:e({month:"long",year:"numeric"}),monthShort:e({month:"short"}),monthLong:e({month:"long"}),year:e({year:"numeric"}),date:e({dateStyle:"full"}),headline:e({day:"numeric",month:"short",year:"numeric"}),day:e({day:"numeric"}),weekday:e({weekday:"narrow"}),weekdayLong:e({weekday:"long"}),entry:ze(r)}}function ze(r){const e=new Intl.DateTimeFormat(r,{calendar:"gregory",day:"2-digit",month:"2-digit",timeZone:"UTC",year:"numeric"}),t=e.formatToParts(D(U)),n=t.map(o=>o.type).filter(o=>o==="year"||o==="month"||o==="day"),a=t.filter(o=>o.type==="literal").flatMap(o=>Array.from(o.value)).find(o=>!se.test(o))??Be,s=new Intl.NumberFormat(r,{numberingSystem:e.resolvedOptions().numberingSystem});return{fields:n,delimiter:a,pattern:n.map(o=>Je[o]).join(a),digits:Array.from({length:10},(o,i)=>s.format(i))}}function C(r,e){const t={year:r.slice(0,4),month:r.slice(5,7),day:r.slice(8,10)};return D(r)===void 0?"":e.fields.map(n=>t[n]).join("")}function K(r,e){const t=e.digits.indexOf(r);return t>=0?String(t):Xe.test(r)?r:void 0}function Qe(r,e){let t="";for(const n of r){const a=K(n,e);if(a!==void 0)t+=a;else if(n!==e.delimiter&&!se.test(n))return}return t}function Q(r,e){return Array.from(r).filter(t=>K(t,e)!==void 0).length}function et(r,e){let t="",n=0;for(const a of e.fields){const s=n+$[a];for(const o of r.slice(n,s))t+=e.digits[Number(o)];r.length>s&&(t+=e.delimiter),n=s}return t}function ee(r,e){const t={year:"",month:"",day:""};let n=0;for(const a of e.fields)t[a]=r.slice(n,n+$[a]),n+=$[a];return F(`${t.year}-${t.month}-${t.day}`,"")}function tt(r,e,t){let n=0,a=0;for(const s of r){if(n===e)return a;K(s,t)!==void 0&&n++,a+=s.length}return a}function m(r,e){return r.format(D(e.length===7?`${e}-01`:e))}class nt{range;today;props;selection;minimum;maximum;format;firstDay;month;focused;inputMode;overlay;yearsShown;focusedYear;drafts;errors;listStart;windowStart;#a;#u;#h;#m;#s;#t;#n;#o;#i;#c;#e;#d;#D;#f;constructor(e,t,n,a,s,o){const[i,c]=w(n),l=y(()=>F(e.min,Ve)),d=y(()=>F(e.max,Ue)),h=u(()=>F(e.today,We())),f=u(()=>D(n[0])===void 0?h:n[0]),S=u(()=>this.#g(f,l(),d())),R=u(()=>{const b=`${e.defaultMonth}-01`;return D(b)===void 0?S.slice(0,7):this.#g(b,l(),d()).slice(0,7)}),[I,ye]=w(R),[pe,De]=w(S),[be,we]=w(u(()=>e.defaultDisplayMode==="input")),[ve,Pe]=w("none"),[Se,ke]=w(!1),[Ee,Me]=w(Number(R.slice(0,4))),O=y(()=>je(e.locale??Z)),B=u(O).entry,[Te,Re]=w([C(n[0],B),C(n[1],B)]),[Ce,Ae]=w([void 0,void 0]),[Le,Ie]=w(g(R)),[Fe,Oe]=w(g(R));this.range=s,this.today=h,this.props=e,this.selection=y(()=>a?t():i(),n,{equals:(b,X)=>b[0]===X[0]&&b[1]===X[1]}),this.minimum=l,this.maximum=d,this.format=O,this.firstDay=y(()=>e.firstDayOfWeek??Ze(e.locale??Z)),this.month=I,this.focused=pe,this.inputMode=be,this.overlay=ve,this.yearsShown=Se,this.focusedYear=Ee,this.drafts=Te,this.errors=Ce,this.listStart=Le,this.windowStart=Fe,this.#a=a,this.#u=n,this.#h=o,this.#m=c,this.#s=ye,this.#t=De,this.#n=we,this.#o=Pe,this.#i=ke,this.#c=Me,this.#e=Re,this.#d=Ae,this.#D=Ie,this.#f=Oe,x(Y(()=>this.selection()[0],b=>{D(b)!==void 0&&(this.#t(b),this.continuous()||this.#s(b.slice(0,7)))},{defer:!0})),x(Y(this.selection,b=>this.#b(b),{defer:!0})),x(Y(O,()=>this.#r(this.selection()),{defer:!0}))}#g(e,t,n){return e<t?t:e>n?n:e}label(e){return this.props.labels?.[e]??$e[e]}docked(){return this.props.presentation==="docked"}continuous(){return this.range&&!this.docked()&&this.props.rangeLayout!=="paged"}minimumMonth(){return g(this.minimum())}maximumMonth(){return g(this.maximum())}listEnd(){return Math.min(this.maximumMonth(),this.listStart()+N-1)}windowMonths(){const e=this.windowStart(),t=Math.max(0,Math.min(j,this.listEnd()-e+1));return Array.from({length:t},(n,a)=>V(e+a))}isSelectable(e){return D(e)!==void 0&&e>=this.minimum()&&e<=this.maximum()&&this.props.disabled!==!0&&this.props.isDateDisabled?.(e)!==!0}flagsOf(e,t,n){const[a,s]=this.selection(),o=this.range&&a!==""&&s!=="";return e===""?0:(e===a||e===s?1:0)|(o&&e===a?2:0)|(o&&e===s?4:0)|(o&&e>=a&&e<=s?8:0)|(e===this.today?16:0)|(t?0:32)|(e.slice(0,7)===n?0:64)}daysOf(e){const t=`${e}-01`,n=(D(t).getUTCDay()-this.firstDay()+p)%p,a=this.docked();return Array.from({length:re*p},(s,o)=>{const i=A(t,o-n);return a||i.slice(0,7)===e?i:""})}#y(e,t){this.props.disabled===!0||this.props.readOnly===!0||(this.#a||this.#m(e),this.#h(e,t))}select(e,t){const[n,a]=this.selection();this.isSelectable(e)&&this.#y(this.range&&n!==""&&a===""&&e>=n?[n,e]:[e,""],t)}showMonth(e){const t=this.#g(`${e}-01`,this.minimum(),this.maximum());v(()=>{this.#s(t.slice(0,7)),this.#t(t)})}focus(e){v(()=>{this.#t(e),this.continuous()||this.#s(e.slice(0,7))})}trackFocus(e){this.#t(e)}scrollTo(e){const t=V(k(e,this.minimumMonth(),this.maximumMonth()));t!==u(this.month)&&this.#s(t)}centerList(e){const t=k(e-N/2,this.minimumMonth(),Math.max(this.minimumMonth(),this.maximumMonth()-N+1));this.#D(t)}renderFrom(e){const t=k(e,this.listStart(),Math.max(this.listStart(),this.listEnd()-j+1));t!==u(this.windowStart)&&this.#f(t)}setInputMode(e){v(()=>{this.#o("none"),this.#r(this.selection()),this.#n(e)})}setOverlay(e){v(()=>{e==="years"&&(this.#c(Number(this.month().slice(0,4))),this.#i(!0)),this.#o(e)})}years(){return[Number(this.minimum().slice(0,4)),Number(this.maximum().slice(0,4))]}yearPage(){const[e,t]=this.years(),n=this.focusedYear()-(_-1)/2,a=k(n,e,Math.max(e,t-_+1));return[a,Math.min(t,a+_-1)]}focusYear(e){const[t,n]=this.years();this.#c(k(e,t,n))}edit(e,t,n){const a=this.selection(),s=e===0?[t,this.drafts()[1]]:[this.drafts()[0],t],o=[this.#p(s[0]),this.#p(s[1])],i=[this.#l(s[0],o[0]),this.#l(s[1],o[1])];this.range&&i[0]!==""&&i[1]!==""&&i[0]>i[1]&&(o[e]=this.label("invalidRange"),i[e]=""),v(()=>{this.#e(s),this.#d(o)}),(i[0]!==a[0]||i[1]!==a[1])&&this.#y(i,n)}#p(e){const t=this.format(),n=ee(e,t.entry),a=n.slice(0,4);if(!(e.length<ae))return n===""?H(this.label("invalidPattern"),{pattern:t.entry.pattern}):a<this.minimum().slice(0,4)||a>this.maximum().slice(0,4)?H(this.label("invalidYearRange"),{start:m(t.year,this.minimum()),end:m(t.year,this.maximum())}):this.isSelectable(n)?void 0:H(this.label("notAllowed"),{date:m(t.headline,n)})}#l(e,t){return t===void 0?ee(e,this.format().entry):""}#r(e){const t=this.format().entry,[n,a]=e;v(()=>{this.#e([C(n,t),C(a,t)]),this.#d([void 0,void 0])})}#b(e){const t=this.format().entry,n=this.drafts(),a=this.errors(),s=o=>this.#l(n[o],a[o])===e[o];s(0)&&s(1)||v(()=>{this.#e([s(0)?n[0]:C(e[0],t),s(1)?n[1]:C(e[1],t)]),this.#d([s(0)?a[0]:void 0,s(1)?a[1]:void 0])})}reset(){v(()=>{this.#a||this.#m(this.#u),this.#r(this.#a?this.selection():this.#u)})}}const rt=Array.from({length:re},(r,e)=>e),J=Array.from({length:p},(r,e)=>e),at=Array.from({length:12},(r,e)=>e);function ie(r){const e=y(()=>{const a=r.focused(),s=r.continuous()?r.windowMonths():[r.month()];if(s.includes(a.slice(0,7))&&r.isSelectable(a))return a;for(const o of s)for(let i=`${o}-01`;i.startsWith(o);i=A(i,1))if(r.isSelectable(i))return i;return a}),t=G(e),n=G(r.focusedYear);return{model:r,isTabStop:t,isYearStop:n,descriptionId:q(),yearDescriptionId:q()}}function L(r){return<button aria-label={r.label}class={r.class}data-cw-action={r.action}disabled={r.disabled}type="button">{r.children}</button>}function st(r){const e=r.model,t=()=>e.label(e.inputMode()?e.range?"enterRange":"enterDate":e.range?"selectRange":"selectDate"),n=()=>{const a=e.format().headline,[s,o]=e.selection(),i=(d,h)=>D(d)===void 0?h:m(a,d),c=e.inputMode()?"enteredDate":"selectedDate",l=i(s,e.label(e.range?"startDate":c));return e.range?`${l} \u2013 ${i(o,e.label("endDate"))}`:l};return<>
+import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,createSelector as G,createSignal as w,createUniqueId as q,on as Y,onCleanup as xe,onMount as Ye,untrack as u}from"solid-js";import{defineDomComponent as ne}from"..";import{DomController as _e}from"../dom/client";import{Icon as E}from"../icon";import{applyMotion as W}from"../motion";import{observeFormReset as Ne}from"./base";import{TextField as He}from"./text-field";import"./date-picker.css";const $e={selectDate:"Select date",selectRange:"Select dates",enterDate:"Enter date",enterRange:"Enter dates",selectedDate:"Selected date",enteredDate:"Entered date",date:"Date",startDate:"Start date",endDate:"End date",previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",month:"Month",year:"Year",yearSelection:"Switch to selecting a year",daySelection:"Switch to selecting a day",switchToInput:"Switch to date input",switchToCalendar:"Switch to calendar",invalidPattern:"Date does not match expected pattern: {pattern}",invalidYearRange:"Date out of expected year range {start} - {end}",notAllowed:"Date not allowed: {date}",invalidRange:"Invalid date range input"},Z="en-US",Ve="1900-01-01",Ue="2100-12-31",p=7,re=6,T=3,_=201,j=5,N=4800,Ke=366,$={year:4,month:2,day:2},Je={year:"YYYY",month:"MM",day:"DD"},ae=8,Be="/",se=/^[\s\u061c\u200e\u200f]$/u,Xe=/^[0-9]$/u,U="2023-01-01",Ge=/* @__PURE__ */new Set(["AG","AS","BD","BR","BS","BT","BW","BZ","CA","CN","CO","DM","DO","ET","GT","GU","HK","HN","ID","IL","IN","JM","JP","KE","KH","KR","LA","MH","MM","MO","MT","MX","MZ","NI","NP","PA","PE","PH","PK","PR","PT","PY","SA","SG","SV","TH","TT","TW","UM","US","VE","VI","WS","YE","ZA","ZW"]),qe=/* @__PURE__ */new Set(["AF","BH","DJ","DZ","EG","IQ","IR","JO","KW","LY","OM","QA","SD","SY"]),z={sun:0,mon:1,tue:2,wed:3,thu:4,fri:5,sat:6};function D(r){if(r===void 0||!/^\d{4}-\d{2}-\d{2}$/u.test(r)||r.startsWith("0000"))return;const e=/* @__PURE__ */new Date(`${r}T00:00:00.000Z`);return Number.isFinite(e.getTime())&&oe(e)===r?e:void 0;}function oe(r){return r.toISOString().slice(0,10);}function A(r,e,t=0){const n=D(r);if(t!==0){const a=n.getUTCDate();n.setUTCDate(1),n.setUTCMonth(n.getUTCMonth()+t+1,0),n.setUTCDate(Math.min(a,n.getUTCDate()));}return n.setUTCDate(n.getUTCDate()+e),oe(n);}function g(r){return Number(r.slice(0,4))*12+Number(r.slice(5,7))-1;}function V(r){return`${String(Math.floor(r/12)).padStart(4,"0")}-${String(r%12+1).padStart(2,"0")}`;}function k(r,e,t){return Math.min(t,Math.max(e,r));}function F(r,e){return D(r)===void 0?e:r;}function We(){const r=/* @__PURE__ */new Date(),e=String(r.getFullYear()).padStart(4,"0"),t=String(r.getMonth()+1).padStart(2,"0");return`${e}-${t}-${String(r.getDate()).padStart(2,"0")}`;}function Ze(r){const e=/-u(?:-[a-z0-9]{2,8})*?-fw-([a-z]{3})(?:-|$)/u.exec(r.toLowerCase());let t;if(e!==null&&e[1]in z)return z[e[1]];try{t=new Intl.Locale(r).maximize().region;}catch{t=void 0;}return t===void 0?1:Ge.has(t)?0:qe.has(t)?6:t==="MV"?5:1;}function H(r,e){return r.replace(/\{(\w+)\}/gu,(t,n)=>e[n]??t);}function je(r){const e=t=>new Intl.DateTimeFormat(r,{...t,calendar:"gregory",timeZone:"UTC"});return{monthYear:e({month:"long",year:"numeric"}),monthShort:e({month:"short"}),monthLong:e({month:"long"}),year:e({year:"numeric"}),date:e({dateStyle:"full"}),headline:e({day:"numeric",month:"short",year:"numeric"}),day:e({day:"numeric"}),weekday:e({weekday:"narrow"}),weekdayLong:e({weekday:"long"}),entry:ze(r)};}function ze(r){const e=new Intl.DateTimeFormat(r,{calendar:"gregory",day:"2-digit",month:"2-digit",timeZone:"UTC",year:"numeric"}),t=e.formatToParts(D(U)),n=t.map(o=>o.type).filter(o=>o==="year"||o==="month"||o==="day"),a=t.filter(o=>o.type==="literal").flatMap(o=>Array.from(o.value)).find(o=>!se.test(o))??Be,s=new Intl.NumberFormat(r,{numberingSystem:e.resolvedOptions().numberingSystem});return{fields:n,delimiter:a,pattern:n.map(o=>Je[o]).join(a),digits:Array.from({length:10},(o,i)=>s.format(i))};}function C(r,e){const t={year:r.slice(0,4),month:r.slice(5,7),day:r.slice(8,10)};return D(r)===void 0?"":e.fields.map(n=>t[n]).join("");}function K(r,e){const t=e.digits.indexOf(r);return t>=0?String(t):Xe.test(r)?r:void 0;}function Qe(r,e){let t="";for(const n of r){const a=K(n,e);if(a!==void 0)t+=a;else if(n!==e.delimiter&&!se.test(n))return;}return t;}function Q(r,e){return Array.from(r).filter(t=>K(t,e)!==void 0).length;}function et(r,e){let t="",n=0;for(const a of e.fields){const s=n+$[a];for(const o of r.slice(n,s))t+=e.digits[Number(o)];r.length>s&&(t+=e.delimiter),n=s;}return t;}function ee(r,e){const t={year:"",month:"",day:""};let n=0;for(const a of e.fields)t[a]=r.slice(n,n+$[a]),n+=$[a];return F(`${t.year}-${t.month}-${t.day}`,"");}function tt(r,e,t){let n=0,a=0;for(const s of r){if(n===e)return a;K(s,t)!==void 0&&n++,a+=s.length;}return a;}function m(r,e){return r.format(D(e.length===7?`${e}-01`:e));}class nt{range;today;props;selection;minimum;maximum;format;firstDay;month;focused;inputMode;overlay;yearsShown;focusedYear;drafts;errors;listStart;windowStart;#a;#u;#h;#m;#s;#t;#n;#o;#i;#c;#e;#d;#D;#f;constructor(e,t,n,a,s,o){const[i,c]=w(n),l=y(()=>F(e.min,Ve)),d=y(()=>F(e.max,Ue)),h=u(()=>F(e.today,We())),f=u(()=>D(n[0])===void 0?h:n[0]),S=u(()=>this.#g(f,l(),d())),R=u(()=>{const b=`${e.defaultMonth}-01`;return D(b)===void 0?S.slice(0,7):this.#g(b,l(),d()).slice(0,7);}),[I,ye]=w(R),[pe,De]=w(S),[be,we]=w(u(()=>e.defaultDisplayMode==="input")),[ve,Pe]=w("none"),[Se,ke]=w(!1),[Ee,Me]=w(Number(R.slice(0,4))),O=y(()=>je(e.locale??Z)),B=u(O).entry,[Te,Re]=w([C(n[0],B),C(n[1],B)]),[Ce,Ae]=w([void 0,void 0]),[Le,Ie]=w(g(R)),[Fe,Oe]=w(g(R));this.range=s,this.today=h,this.props=e,this.selection=y(()=>a?t():i(),n,{equals:(b,X)=>b[0]===X[0]&&b[1]===X[1]}),this.minimum=l,this.maximum=d,this.format=O,this.firstDay=y(()=>e.firstDayOfWeek??Ze(e.locale??Z)),this.month=I,this.focused=pe,this.inputMode=be,this.overlay=ve,this.yearsShown=Se,this.focusedYear=Ee,this.drafts=Te,this.errors=Ce,this.listStart=Le,this.windowStart=Fe,this.#a=a,this.#u=n,this.#h=o,this.#m=c,this.#s=ye,this.#t=De,this.#n=we,this.#o=Pe,this.#i=ke,this.#c=Me,this.#e=Re,this.#d=Ae,this.#D=Ie,this.#f=Oe,x(Y(()=>this.selection()[0],b=>{D(b)!==void 0&&(this.#t(b),this.continuous()||this.#s(b.slice(0,7)));},{defer:!0})),x(Y(this.selection,b=>this.#b(b),{defer:!0})),x(Y(O,()=>this.#r(this.selection()),{defer:!0}));}#g(e,t,n){return e<t?t:e>n?n:e;}label(e){return this.props.labels?.[e]??$e[e];}docked(){return this.props.presentation==="docked";}continuous(){return this.range&&!this.docked()&&this.props.rangeLayout!=="paged";}minimumMonth(){return g(this.minimum());}maximumMonth(){return g(this.maximum());}listEnd(){return Math.min(this.maximumMonth(),this.listStart()+N-1);}windowMonths(){const e=this.windowStart(),t=Math.max(0,Math.min(j,this.listEnd()-e+1));return Array.from({length:t},(n,a)=>V(e+a));}isSelectable(e){return D(e)!==void 0&&e>=this.minimum()&&e<=this.maximum()&&this.props.disabled!==!0&&this.props.isDateDisabled?.(e)!==!0;}flagsOf(e,t,n){const[a,s]=this.selection(),o=this.range&&a!==""&&s!=="";return e===""?0:(e===a||e===s?1:0)|(o&&e===a?2:0)|(o&&e===s?4:0)|(o&&e>=a&&e<=s?8:0)|(e===this.today?16:0)|(t?0:32)|(e.slice(0,7)===n?0:64);}daysOf(e){const t=`${e}-01`,n=(D(t).getUTCDay()-this.firstDay()+p)%p,a=this.docked();return Array.from({length:re*p},(s,o)=>{const i=A(t,o-n);return a||i.slice(0,7)===e?i:"";});}#y(e,t){this.props.disabled===!0||this.props.readOnly===!0||(this.#a||this.#m(e),this.#h(e,t));}select(e,t){const[n,a]=this.selection();this.isSelectable(e)&&this.#y(this.range&&n!==""&&a===""&&e>=n?[n,e]:[e,""],t);}showMonth(e){const t=this.#g(`${e}-01`,this.minimum(),this.maximum());v(()=>{this.#s(t.slice(0,7)),this.#t(t);});}focus(e){v(()=>{this.#t(e),this.continuous()||this.#s(e.slice(0,7));});}trackFocus(e){this.#t(e);}scrollTo(e){const t=V(k(e,this.minimumMonth(),this.maximumMonth()));t!==u(this.month)&&this.#s(t);}centerList(e){const t=k(e-N/2,this.minimumMonth(),Math.max(this.minimumMonth(),this.maximumMonth()-N+1));this.#D(t);}renderFrom(e){const t=k(e,this.listStart(),Math.max(this.listStart(),this.listEnd()-j+1));t!==u(this.windowStart)&&this.#f(t);}setInputMode(e){v(()=>{this.#o("none"),this.#r(this.selection()),this.#n(e);});}setOverlay(e){v(()=>{e==="years"&&(this.#c(Number(this.month().slice(0,4))),this.#i(!0)),this.#o(e);});}years(){return[Number(this.minimum().slice(0,4)),Number(this.maximum().slice(0,4))];}yearPage(){const[e,t]=this.years(),n=this.focusedYear()-(_-1)/2,a=k(n,e,Math.max(e,t-_+1));return[a,Math.min(t,a+_-1)];}focusYear(e){const[t,n]=this.years();this.#c(k(e,t,n));}edit(e,t,n){const a=this.selection(),s=e===0?[t,this.drafts()[1]]:[this.drafts()[0],t],o=[this.#p(s[0]),this.#p(s[1])],i=[this.#l(s[0],o[0]),this.#l(s[1],o[1])];this.range&&i[0]!==""&&i[1]!==""&&i[0]>i[1]&&(o[e]=this.label("invalidRange"),i[e]=""),v(()=>{this.#e(s),this.#d(o);}),(i[0]!==a[0]||i[1]!==a[1])&&this.#y(i,n);}#p(e){const t=this.format(),n=ee(e,t.entry),a=n.slice(0,4);if(!(e.length<ae))return n===""?H(this.label("invalidPattern"),{pattern:t.entry.pattern}):a<this.minimum().slice(0,4)||a>this.maximum().slice(0,4)?H(this.label("invalidYearRange"),{start:m(t.year,this.minimum()),end:m(t.year,this.maximum())}):this.isSelectable(n)?void 0:H(this.label("notAllowed"),{date:m(t.headline,n)});}#l(e,t){return t===void 0?ee(e,this.format().entry):"";}#r(e){const t=this.format().entry,[n,a]=e;v(()=>{this.#e([C(n,t),C(a,t)]),this.#d([void 0,void 0]);});}#b(e){const t=this.format().entry,n=this.drafts(),a=this.errors(),s=o=>this.#l(n[o],a[o])===e[o];s(0)&&s(1)||v(()=>{this.#e([s(0)?n[0]:C(e[0],t),s(1)?n[1]:C(e[1],t)]),this.#d([s(0)?a[0]:void 0,s(1)?a[1]:void 0]);});}reset(){v(()=>{this.#a||this.#m(this.#u),this.#r(this.#a?this.selection():this.#u);});}}const rt=Array.from({length:re},(r,e)=>e),J=Array.from({length:p},(r,e)=>e),at=Array.from({length:12},(r,e)=>e);function ie(r){const e=y(()=>{const a=r.focused(),s=r.continuous()?r.windowMonths():[r.month()];if(s.includes(a.slice(0,7))&&r.isSelectable(a))return a;for(const o of s)for(let i=`${o}-01`;i.startsWith(o);i=A(i,1))if(r.isSelectable(i))return i;return a;}),t=G(e),n=G(r.focusedYear);return{model:r,isTabStop:t,isYearStop:n,descriptionId:q(),yearDescriptionId:q()};}function L(r){return<button aria-label={r.label}class={r.class}data-cw-action={r.action}disabled={r.disabled}type="button">{r.children}</button>;}function st(r){const e=r.model,t=()=>e.label(e.inputMode()?e.range?"enterRange":"enterDate":e.range?"selectRange":"selectDate"),n=()=>{const a=e.format().headline,[s,o]=e.selection(),i=(d,h)=>D(d)===void 0?h:m(a,d),c=e.inputMode()?"enteredDate":"selectedDate",l=i(s,e.label(e.range?"startDate":c));return e.range?`${l} \u2013 ${i(o,e.label("endDate"))}`:l;};return<>
 		<div class="cw-DatePicker-header">
 			<span class="cw-DatePicker-title">{t()}</span>
 			<div class="cw-DatePicker-headlineRow">
 				<span class="cw-DatePicker-headline"aria-live="polite">{n()}</span>
-				{L({action:"mode",class:"cw-DatePicker-iconButton cw-DatePicker-mode",get label(){const a=e.inputMode()?"switchToCalendar":"switchToInput";return e.label(a)},get disabled(){return e.props.disabled},get children(){return<E name={e.inputMode()?"calendar_today":"edit"}/>}})}
+				{L({action:"mode",class:"cw-DatePicker-iconButton cw-DatePicker-mode",get label(){const a=e.inputMode()?"switchToCalendar":"switchToInput";return e.label(a);},get disabled(){return e.props.disabled;},get children(){return<E name={e.inputMode()?"calendar_today":"edit"}/>;}})}
 			</div>
 		</div>
 		<div class="cw-DatePicker-divider"aria-hidden="true"/>
-	</>}function ot(r){const e=r.model,t=()=>e.overlay()==="years",n=()=>g(e.month());return<div class="cw-DatePicker-navigation">
+	</>;}function ot(r){const e=r.model,t=()=>e.overlay()==="years",n=()=>g(e.month());return<div class="cw-DatePicker-navigation">
 		<button aria-describedby={r.descriptionId}aria-expanded={t()?"true":"false"}class="cw-DatePicker-yearToggle"data-cw-action="years"disabled={e.props.disabled}type="button">
 			<span>{m(e.format().monthYear,e.month())}</span>
 			<E name={t()?"arrow_drop_up":"arrow_drop_down"}/>
@@ -16,12 +16,12 @@ import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,cre
 			{e.label(t()?"daySelection":"yearSelection")}
 		</span>
 		<span class="cw-DatePicker-arrows"hidden={t()}>
-			{L({action:"previousMonth",class:"cw-DatePicker-iconButton",get label(){return e.label("previousMonth")},get disabled(){return e.props.disabled===!0||n()<=e.minimumMonth()},children:<E autoMirror name="chevron_left"/>})}
-			{L({action:"nextMonth",class:"cw-DatePicker-iconButton",get label(){return e.label("nextMonth")},get disabled(){return e.props.disabled===!0||n()>=e.maximumMonth()},children:<E autoMirror name="chevron_right"/>})}
+			{L({action:"previousMonth",class:"cw-DatePicker-iconButton",get label(){return e.label("previousMonth");},get disabled(){return e.props.disabled===!0||n()<=e.minimumMonth();},children:<E autoMirror name="chevron_left"/>})}
+			{L({action:"nextMonth",class:"cw-DatePicker-iconButton",get label(){return e.label("nextMonth");},get disabled(){return e.props.disabled===!0||n()>=e.maximumMonth();},children:<E autoMirror name="chevron_right"/>})}
 		</span>
-	</div>}function it(r){const e=r.model,t=()=>g(e.month()),n=()=>e.overlay()!=="none",a=(s,o,i,c)=>{const l=s==="Month"?"months":"years",d=h=>e.props.disabled===!0||h<e.minimumMonth()||h>e.maximumMonth();return<span class="cw-DatePicker-menuGroup">
+	</div>;}function it(r){const e=r.model,t=()=>g(e.month()),n=()=>e.overlay()!=="none",a=(s,o,i,c)=>{const l=s==="Month"?"months":"years",d=h=>e.props.disabled===!0||h<e.minimumMonth()||h>e.maximumMonth();return<span class="cw-DatePicker-menuGroup">
 			<span class="cw-DatePicker-arrows"hidden={n()}>
-				{L({action:`previous${s}`,class:"cw-DatePicker-iconButton",get label(){return e.label(s==="Month"?"previousMonth":"previousYear")},get disabled(){return d(t()-o)},children:<E autoMirror name="chevron_left"/>})}
+				{L({action:`previous${s}`,class:"cw-DatePicker-iconButton",get label(){return e.label(s==="Month"?"previousMonth":"previousYear");},get disabled(){return d(t()-o);},children:<E autoMirror name="chevron_left"/>})}
 			</span>
 			<button aria-describedby={i}aria-expanded={e.overlay()===l?"true":"false"}aria-haspopup="listbox"class="cw-DatePicker-menuButton"data-cw-action={l}disabled={e.props.disabled===!0||n()&&e.overlay()!==l}type="button">
 				<span>{c()}</span>
@@ -29,27 +29,27 @@ import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,cre
 			</button>
 			<span id={i}hidden>{e.label(s==="Month"?"month":"year")}</span>
 			<span class="cw-DatePicker-arrows"hidden={n()}>
-				{L({action:`next${s}`,class:"cw-DatePicker-iconButton",get label(){return e.label(s==="Month"?"nextMonth":"nextYear")},get disabled(){return d(t()+o)},children:<E autoMirror name="chevron_right"/>})}
+				{L({action:`next${s}`,class:"cw-DatePicker-iconButton",get label(){return e.label(s==="Month"?"nextMonth":"nextYear");},get disabled(){return d(t()+o);},children:<E autoMirror name="chevron_right"/>})}
 			</span>
-		</span>};return<div class="cw-DatePicker-navigation">
+		</span>;};return<div class="cw-DatePicker-navigation">
 		{a("Month",1,r.descriptionId,()=>m(e.format().monthShort,e.month()))}
 		{a("Year",12,r.yearDescriptionId,()=>m(e.format().year,e.month()))}
-	</div>}function ct(r){const e=t=>A(U,(r.firstDay()+t)%p);return<thead>
+	</div>;}function ct(r){const e=t=>A(U,(r.firstDay()+t)%p);return<thead>
 		<tr>
 			<P each={J}>{t=><th aria-label={m(r.format().weekdayLong,e(t))}scope="col">{m(r.format().weekday,e(t))}</th>}</P>
 		</tr>
-	</thead>}function dt(r,e,t,n){const a=r.model,s=y(()=>e()[t]),o=y(()=>a.isSelectable(s())),i=y(()=>a.flagsOf(s(),o(),n())),c=d=>(i()&d)!==0,l=()=>s()==="";return<td aria-current={c(16)?"date":void 0}aria-disabled={!l()&&c(32)?"true":void 0}aria-label={l()?void 0:m(a.format().date,s())}aria-selected={l()?void 0:c(1)||c(8)}class="cw-DatePicker-date"classList={{"cw-DatePicker-selected":c(1),"cw-DatePicker-inRange":c(8),"cw-DatePicker-rangeStart":c(2),"cw-DatePicker-rangeEnd":c(4),"cw-DatePicker-today":c(16),"cw-DatePicker-outside":c(64)}}data-cw-date={l()?void 0:s()}data-cw-initial-focus={!l()&&r.isTabStop(s())?"":void 0}role="gridcell"tabIndex={l()?void 0:r.isTabStop(s())?0:-1}>
+	</thead>;}function dt(r,e,t,n){const a=r.model,s=y(()=>e()[t]),o=y(()=>a.isSelectable(s())),i=y(()=>a.flagsOf(s(),o(),n())),c=d=>(i()&d)!==0,l=()=>s()==="";return<td aria-current={c(16)?"date":void 0}aria-disabled={!l()&&c(32)?"true":void 0}aria-label={l()?void 0:m(a.format().date,s())}aria-selected={l()?void 0:c(1)||c(8)}class="cw-DatePicker-date"classList={{"cw-DatePicker-selected":c(1),"cw-DatePicker-inRange":c(8),"cw-DatePicker-rangeStart":c(2),"cw-DatePicker-rangeEnd":c(4),"cw-DatePicker-today":c(16),"cw-DatePicker-outside":c(64)}}data-cw-date={l()?void 0:s()}data-cw-initial-focus={!l()&&r.isTabStop(s())?"":void 0}role="gridcell"tabIndex={l()?void 0:r.isTabStop(s())?0:-1}>
 		<span class="cw-DatePicker-day">
 			{l()?"":m(a.format().day,s())}
 		</span>
-	</td>}function ce(r,e){const t=r.model,n=y(()=>t.daysOf(e()));return<table aria-label={m(t.format().monthYear,e())}aria-multiselectable={t.range?"true":void 0}aria-readonly={t.props.readOnly===!0?"true":void 0}class="cw-DatePicker-grid"role="grid">
+	</td>;}function ce(r,e){const t=r.model,n=y(()=>t.daysOf(e()));return<table aria-label={m(t.format().monthYear,e())}aria-multiselectable={t.range?"true":void 0}aria-readonly={t.props.readOnly===!0?"true":void 0}class="cw-DatePicker-grid"role="grid">
 		{ct(t)}
 		<tbody>
 			<P each={rt}>{a=><tr>
 				<P each={J}>{s=>dt(r,n,a*p+s,e)}</P>
 			</tr>}</P>
 		</tbody>
-	</table>}function lt(r){const e=r.model,t=()=>e.listEnd()-e.windowStart()-e.windowMonths().length+1;return<>
+	</table>;}function lt(r){const e=r.model,t=()=>e.listEnd()-e.windowStart()-e.windowMonths().length+1;return<>
 		<div class="cw-DatePicker-weekdays"aria-hidden="true">
 			<P each={J}>{n=><span>
 				{m(e.format().weekday,A(U,(e.firstDay()+n)%p))}
@@ -63,7 +63,7 @@ import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,cre
 			</section>}</P>
 			<div class="cw-DatePicker-spacer"style={{"--cw-datepicker-months":t()}}/>
 		</div>
-	</>}function ut(r){const e=r.model,t=y(()=>{const[a,s]=e.yearPage(),o=s-a+1;return Array.from({length:Math.ceil(o/T)},(i,c)=>Array.from({length:Math.min(T,o-c*T)},(l,d)=>a+c*T+d))}),n=()=>Number(e.month().slice(0,4));return<table aria-label={e.label("year")}class="cw-DatePicker-yearGrid"role="grid">
+	</>;}function ut(r){const e=r.model,t=y(()=>{const[a,s]=e.yearPage(),o=s-a+1;return Array.from({length:Math.ceil(o/T)},(i,c)=>Array.from({length:Math.min(T,o-c*T)},(l,d)=>a+c*T+d));}),n=()=>Number(e.month().slice(0,4));return<table aria-label={e.label("year")}class="cw-DatePicker-yearGrid"role="grid">
 		<tbody>
 			<P each={t()}>{a=><tr>
 				<P each={a}>{s=><td aria-selected={s===n()}class="cw-DatePicker-year"classList={{"cw-DatePicker-selected":s===n(),"cw-DatePicker-current":s===Number(e.today.slice(0,4))}}data-cw-year={s}role="gridcell"tabIndex={r.isYearStop(s)?0:-1}>
@@ -73,14 +73,14 @@ import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,cre
 				</td>}</P>
 			</tr>}</P>
 		</tbody>
-	</table>}function te(r,e){const t=r.model,n=y(()=>{const[o,i]=t.yearPage();return e==="months"?at:Array.from({length:i-o+1},(c,l)=>o+l)}),a=o=>e==="months"?Number(t.month().slice(5,7))-1===o:Number(t.month().slice(0,4))===o,s=o=>{const i=`2023-${String(o+1).padStart(2,"0")}`,c=`${String(o).padStart(4,"0")}-01`;return e==="months"?m(t.format().monthLong,i):m(t.format().year,c)};return<ul aria-label={t.label(e==="months"?"month":"year")}class="cw-DatePicker-menu"role="listbox">
+	</table>;}function te(r,e){const t=r.model,n=y(()=>{const[o,i]=t.yearPage();return e==="months"?at:Array.from({length:i-o+1},(c,l)=>o+l);}),a=o=>e==="months"?Number(t.month().slice(5,7))-1===o:Number(t.month().slice(0,4))===o,s=o=>{const i=`2023-${String(o+1).padStart(2,"0")}`,c=`${String(o).padStart(4,"0")}-01`;return e==="months"?m(t.format().monthLong,i):m(t.format().year,c);};return<ul aria-label={t.label(e==="months"?"month":"year")}class="cw-DatePicker-menu"role="listbox">
 		<P each={n()}>{o=><li aria-selected={a(o)}class="cw-DatePicker-menuItem"data-cw-option={e==="months"?`month-${o}`:`year-${o}`}role="option"tabIndex={(e==="months"?a(o):r.isYearStop(o))?0:-1}>
 			<span class="cw-DatePicker-menuCheck">
 				<M when={a(o)}><E name="check"/></M>
 			</span>
 			<span>{s(o)}</span>
 		</li>}</P>
-	</ul>}function mt(r){const e=r.model,t=<M when={e.docked()}fallback={ot(r)}>
+	</ul>;}function mt(r){const e=r.model,t=<M when={e.docked()}fallback={ot(r)}>
 		{it(r)}
 	</M>,n=<div class="cw-DatePicker-days"inert={e.overlay()!=="none"||void 0}>
 		<M when={e.continuous()}fallback={ce(r,e.month)}>
@@ -97,8 +97,8 @@ import{For as P,Show as M,batch as v,createMemo as y,createRenderEffect as x,cre
 	</div>;return<div class="cw-DatePicker-picker"hidden={e.inputMode()}>
 		{t}
 		<div class="cw-DatePicker-body">{n}{a}{s}</div>
-	</div>}function ht(r,e,t,n){const a=n.target,s=r.format().entry,o=r.drafts()[e],i=Qe(t,s),c=i===void 0||i.length>ae,l=Q(t,s)-o.length,d=Q(t.slice(0,a.selectionStart??t.length),s),h=n.inputType,f=i!==o?-1:h==="deleteContentBackward"?d-1:h==="deleteContentForward"?d:-1,S=c?o:f>=0?o.slice(0,f)+o.slice(f+1):i,R=c?d-Math.max(0,l):f>=0?f:d;S!==o&&r.edit(e,S,n),queueMicrotask(()=>{const I=tt(a.value,R,s);a.ownerDocument.activeElement===a&&a.setSelectionRange(I,I)})}function ft(r){const e=r.model,t=n=>e.label(e.range?n===0?"startDate":"endDate":"date");return<div class="cw-DatePicker-inputs"hidden={!e.inputMode()}>
+	</div>;}function ht(r,e,t,n){const a=n.target,s=r.format().entry,o=r.drafts()[e],i=Qe(t,s),c=i===void 0||i.length>ae,l=Q(t,s)-o.length,d=Q(t.slice(0,a.selectionStart??t.length),s),h=n.inputType,f=i!==o?-1:h==="deleteContentBackward"?d-1:h==="deleteContentForward"?d:-1,S=c?o:f>=0?o.slice(0,f)+o.slice(f+1):i,R=c?d-Math.max(0,l):f>=0?f:d;S!==o&&r.edit(e,S,n),queueMicrotask(()=>{const I=tt(a.value,R,s);a.ownerDocument.activeElement===a&&a.setSelectionRange(I,I);});}function ft(r){const e=r.model,t=n=>e.label(e.range?n===0?"startDate":"endDate":"date");return<div class="cw-DatePicker-inputs"hidden={!e.inputMode()}>
 		<P each={e.range?[0,1]:[0]}>{n=><He autocomplete="off"disabled={e.props.disabled}errorText={e.errors()[n]}inputMode="numeric"label={t(n)}onValueChange={(a,s)=>ht(e,n,a,s)}placeholder={e.format().entry.pattern}readOnly={e.props.readOnly}spellCheck={!1}value={et(e.drafts()[n],e.format().entry)}variant="outlined"/>}</P>
-	</div>}function gt(r){return<P each={r.range?[0,1]:[0]}>{e=><input disabled={r.props.disabled===!0||r.props.name===void 0}form={r.props.form}name={r.props.name}type="hidden"value={r.selection()[e]}/>}</P>}function de(r){const e=r.model,t=<M when={!e.docked()}>{st(r)}</M>,n=mt(r),a=ft(r),s=gt(e),o=<div class="cw-DatePicker-panes">{n}{a}</div>;return<>{t}{o}{s}</>}function le(r){return{"cw-DatePicker":!0,"cw-DateRangePicker":r.range,"cw-DatePicker-docked":r.docked(),"cw-DatePicker-disabled":r.props.disabled===!0,"_cw-DatePicker-continuous":r.continuous()}}const ue={range:!1,valueOf:(r,e)=>[(e?r.defaultValue:r.value)??"",""],notify:(r,e,t)=>r.onChange?.(e[0],t)},me={range:!0,valueOf:(r,e)=>(e?r.defaultValue:r.value)??["",""],notify:(r,e,t)=>r.onChange?.(e,t)};function he(r,e){const t="value"in r;return new nt(r,()=>e.valueOf(r,!1),u(()=>e.valueOf(r,!t)),t,e.range,(n,a)=>e.notify(r,n,a))}function fe(r){return(e,t)=>{const n=he(t,r),a=de(ie(n)),s=e,o=Object.fromEntries(Object.keys(s).filter(i=>i!=="children").map(i=>[i,s[i]]));return<div{...o}classList={{...o.classList,...le(n)}}data-cw-calendar="">{a}{e.children}</div>}}class ge extends _e{#a;#u;#h;#m;#s;#t;#n;#o;#i;#c;constructor(e,t){super(e,{styleElementIsFunction:!0}),this.#a=ie(he(e,t)),this.#u=n=>this.#C(n),this.#h=n=>this.#L(n),this.#m=n=>this.#A(n),this.#s=n=>{n.target.classList?.contains("cw-DatePicker-months")===!0&&this.#b(n.target)},this.#t=void 0,this.#n=!1,this.#o=void 0,this.#i=!1,this.#c=()=>{},Ye(()=>this.#D()),xe(()=>this.#c())}get#e(){return this.#a.model}#d(){return this.functionElement?.querySelector(".cw-DatePicker-inputs input")?.matches(":disabled")===!0}#D(){const e=this.functionElement,t=e?.ownerDocument.defaultView,n=e?.querySelector(":scope > input[type=hidden]"),a=t?.ResizeObserver,s=n==null?()=>{}:Ne(n,()=>this.#e.reset()),o=a===void 0?void 0:new a(i=>this.#g(i));this.#o=o,this.#c=()=>{s(),o?.disconnect()},this.#f(),this.#e.continuous()&&this.#r(g(u(this.#e.month)),"top")}#f(){const e=this.functionElement,t=this.#y(),n=this.#o;if(!(e===null||n===void 0)&&(n.disconnect(),n.observe(e),t!==null)){n.observe(t);for(const a of Array.from(t.querySelectorAll(":scope > .cw-DatePicker-spacer")))n.observe(a)}}#g(e){const t=e.every(n=>n.target.classList.contains("cw-DatePicker-spacer"));(this.#n||!t)&&this.#l()}#y(){return this.functionElement?.querySelector(".cw-DatePicker-months")??null}#p(e){return e.querySelector(".cw-DatePicker-month")?.offsetHeight??0}#l(){const e=this.#e,t=this.#y(),n=this.#t;if(t===null||n===void 0)return;const a=this.#p(t),s=t.firstElementChild?.style.getPropertyValue("--cw-datepicker-months");this.#n=a===0||s!==String(e.windowStart()-e.listStart()),this.#n||(t.scrollTop=(n-e.listStart())*a)}#r(e,t){const n=this.#e;v(()=>{(!this.#i||e<n.listStart()||e>n.listEnd())&&n.centerList(e),n.renderFrom(t==="top"?e:e-1),t==="top"&&n.scrollTo(e)}),this.#i=!0,t==="top"&&(this.#t=k(e,n.listStart(),n.listEnd()),this.#l(),this.#n&&queueMicrotask(()=>this.#l()))}#b(e){const t=this.#e,n=this.#p(e),a=e.ownerDocument.activeElement;if(n===0||this.#n)return;const s=t.listStart()+e.scrollTop/n,o=Math.floor(s);this.#t=s,v(()=>{t.scrollTo(o),t.renderFrom(o)}),a!==null&&!a.isConnected&&e.focus({preventScroll:!0})}#S(e){return this.functionElement?.querySelector(`.cw-DatePicker-days [data-cw-date="${e}"]`)??null}#w(){this.functionElement?.querySelector(".cw-DatePicker-days [data-cw-date][tabindex='0']")?.focus()}#k(e,t){const n=this.functionElement,a=n?.querySelector(".cw-DatePicker-days > .cw-DatePicker-grid");if(n==null||a===null||a===void 0||!n.isConnected){t();return}const s=a.cloneNode(!0),i=(n.ownerDocument.defaultView?.getComputedStyle(n).direction==="rtl"?-e:e)*100,c={duration:"--cw-datepicker-page-duration",easing:"--cw-datepicker-page-easing"};s.removeAttribute("role"),s.setAttribute("aria-hidden","true"),s.classList.add("_cw-DatePicker-ghost"),s.inert=!0;for(const l of Array.from(s.querySelectorAll("[data-cw-date]")))for(const d of["data-cw-date","data-cw-initial-focus","role","tabindex"])l.removeAttribute(d);a.after(s),t(),W(a,[{translate:`${i}% 0`},{translate:"0 0"}],c),W(s,[{translate:"0 0"},{translate:`${-i}% 0`}],c).finished.then(()=>s.remove(),()=>s.remove())}#M(e){const t=this.#e,n=u(t.month);t.continuous()?(this.#r(g(e),"top"),t.focus(`${e}-01`)):e!==n&&this.#k(e>n?1:-1,()=>t.showMonth(e))}#T(e){const t=this.#e,n=e.slice(0,7),a=u(t.month);t.continuous()?(t.focus(e),this.#S(e)===null&&this.#r(g(n),"nearest")):n!==a?this.#k(n>a?1:-1,()=>t.focus(e)):t.focus(e);const s=this.#S(e);s?.focus({preventScroll:!0}),s?.scrollIntoView({block:"nearest",inline:"nearest"})}#v(e){const t=this.#e,n=this.functionElement;if(t.setOverlay(e),e==="none"){this.#w();return}const a=n?.querySelector(`.cw-DatePicker-${e==="years"?"years":"monthMenu"} [tabindex='0']`);a?.focus({preventScroll:!0}),a?.scrollIntoView({block:"center",inline:"nearest"})}#P(e){const t=this.#e;if(t.continuous()){t.setOverlay("none"),this.#r(g(e),"top"),t.focus(`${e}-01`),this.#w();return}t.showMonth(e),this.#v("none")}#R(e){const t=this.#e,n=u(t.month),a=this.functionElement,s={previousMonth:-1,nextMonth:1,previousYear:-12,nextYear:12};e in s?this.#M(V(g(n)+s[e])):e==="years"||e==="months"?this.#v(u(t.overlay)===e?"none":e):e==="mode"&&(t.setInputMode(!u(t.inputMode)),u(t.inputMode)?a?.querySelector(".cw-DatePicker-inputs input")?.focus():this.#w())}#C(e){const n=e.target.closest("[data-cw-date], [data-cw-year], [data-cw-option], [data-cw-action]")?.dataset,a=u(this.#e.month);n===void 0||e.defaultPrevented||this.#d()||(n.cwDate!==void 0?this.#e.select(n.cwDate,e):n.cwYear!==void 0?this.#P(`${n.cwYear.padStart(4,"0")}${a.slice(4)}`):n.cwOption!==void 0?this.#E(n.cwOption):n.cwAction!==void 0&&this.#R(n.cwAction))}#E(e){const t=u(this.#e.month),[n,a]=e.split("-");this.#P(n==="month"?`${t.slice(0,5)}${String(Number(a)+1).padStart(2,"0")}`:`${a.padStart(4,"0")}${t.slice(4)}`)}#A(e){const t=e.target.dataset;t?.cwDate!==void 0?this.#e.trackFocus(t.cwDate):t?.cwYear!==void 0&&this.#e.focusYear(Number(t.cwYear))}#L(e){const t=e.target,n=t.dataset;if(!(e.defaultPrevented||this.#d()))if(e.key==="Escape"&&u(this.#e.overlay)!=="none"){const a=this.functionElement?.querySelector(`[data-cw-action="${u(this.#e.overlay)}"]`);e.preventDefault(),this.#v("none"),this.#e.docked()&&a?.focus()}else n.cwDate!==void 0?this.#I(e,t,n.cwDate):n.cwYear!==void 0?this.#F(e,t,Number(n.cwYear)):n.cwOption!==void 0&&this.#O(e,t)}#I(e,t,n){const a=this.#e,o=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl"?-1:1,i=(D(n).getUTCDay()-a.firstDay()+p)%p,c=e.shiftKey?12:1,d={ArrowRight:[o,0],ArrowLeft:[-o,0],ArrowDown:[p,0],ArrowUp:[-p,0],Home:[-i,0],End:[p-1-i,0],PageDown:[0,c],PageUp:[0,-c]}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),a.select(n,e);return}if(d===void 0)return;e.preventDefault();const h=d[0]<0||d[1]<0?-1:1;for(let f=A(n,d[0],d[1]),S=0;S<Ke&&f>=a.minimum()&&f<=a.maximum();f=A(f,h),S++)if(a.isSelectable(f)){this.#T(f);return}}#F(e,t,n){const a=this.#e,s=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl",[o,i]=a.years(),c=T*4,d={ArrowRight:n+(s?-1:1),ArrowLeft:n+(s?1:-1),ArrowDown:n+T,ArrowUp:n-T,Home:o,End:i,PageDown:n+c,PageUp:n-c}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.#P(`${String(n).padStart(4,"0")}${u(a.month).slice(4)}`);return}if(d===void 0)return;e.preventDefault(),a.focusYear(d);const h=this.functionElement?.querySelector(`.cw-DatePicker-years [data-cw-year="${k(d,o,i)}"]`);h?.focus({preventScroll:!0}),h?.scrollIntoView({block:"nearest",inline:"nearest"})}#O(e,t){const n=Array.from(t.parentElement?.querySelectorAll("[data-cw-option]")??[]),a=n.indexOf(t),o={ArrowDown:a+1,ArrowUp:a-1,Home:0,End:n.length-1}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.#E(t.dataset.cwOption);return}if(o===void 0)return;e.preventDefault();const i=n[k(o,0,n.length-1)];for(const c of n)c.tabIndex=c===i?0:-1;i.focus({preventScroll:!0}),i.scrollIntoView({block:"nearest",inline:"nearest"})}applyComponentProps(){const e=super.readProps(["disabled","presentation","rangeLayout"]),t=this.#e,n=e.presentationChanged||e.rangeLayoutChanged;if(e.disabledChanged||n)for(const[a,s]of Object.entries(le(t)))this.setClass(a,s);n&&this.functionElement?.isConnected===!0&&(this.#i=!1,queueMicrotask(()=>{this.#f(),t.continuous()&&this.#r(g(u(t.month)),"top")}))}render(e){const t=de(this.#a),n=<div class="cw-DatePicker"data-cw-calendar="">
+	</div>;}function gt(r){return<P each={r.range?[0,1]:[0]}>{e=><input disabled={r.props.disabled===!0||r.props.name===void 0}form={r.props.form}name={r.props.name}type="hidden"value={r.selection()[e]}/>}</P>;}function de(r){const e=r.model,t=<M when={!e.docked()}>{st(r)}</M>,n=mt(r),a=ft(r),s=gt(e),o=<div class="cw-DatePicker-panes">{n}{a}</div>;return<>{t}{o}{s}</>;}function le(r){return{"cw-DatePicker":!0,"cw-DateRangePicker":r.range,"cw-DatePicker-docked":r.docked(),"cw-DatePicker-disabled":r.props.disabled===!0,"_cw-DatePicker-continuous":r.continuous()};}const ue={range:!1,valueOf:(r,e)=>[(e?r.defaultValue:r.value)??"",""],notify:(r,e,t)=>r.onChange?.(e[0],t)},me={range:!0,valueOf:(r,e)=>(e?r.defaultValue:r.value)??["",""],notify:(r,e,t)=>r.onChange?.(e,t)};function he(r,e){const t="value"in r;return new nt(r,()=>e.valueOf(r,!1),u(()=>e.valueOf(r,!t)),t,e.range,(n,a)=>e.notify(r,n,a));}function fe(r){return(e,t)=>{const n=he(t,r),a=de(ie(n)),s=e,o=Object.fromEntries(Object.keys(s).filter(i=>i!=="children").map(i=>[i,s[i]]));return<div{...o}classList={{...o.classList,...le(n)}}data-cw-calendar="">{a}{e.children}</div>;};}class ge extends _e{#a;#u;#h;#m;#s;#t;#n;#o;#i;#c;constructor(e,t){super(e,{styleElementIsFunction:!0}),this.#a=ie(he(e,t)),this.#u=n=>this.#C(n),this.#h=n=>this.#L(n),this.#m=n=>this.#A(n),this.#s=n=>{n.target.classList?.contains("cw-DatePicker-months")===!0&&this.#b(n.target);},this.#t=void 0,this.#n=!1,this.#o=void 0,this.#i=!1,this.#c=()=>{},Ye(()=>this.#D()),xe(()=>this.#c());}get#e(){return this.#a.model;}#d(){return this.functionElement?.querySelector(".cw-DatePicker-inputs input")?.matches(":disabled")===!0;}#D(){const e=this.functionElement,t=e?.ownerDocument.defaultView,n=e?.querySelector(":scope > input[type=hidden]"),a=t?.ResizeObserver,s=n==null?()=>{}:Ne(n,()=>this.#e.reset()),o=a===void 0?void 0:new a(i=>this.#g(i));this.#o=o,this.#c=()=>{s(),o?.disconnect();},this.#f(),this.#e.continuous()&&this.#r(g(u(this.#e.month)),"top");}#f(){const e=this.functionElement,t=this.#y(),n=this.#o;if(!(e===null||n===void 0)&&(n.disconnect(),n.observe(e),t!==null)){n.observe(t);for(const a of Array.from(t.querySelectorAll(":scope > .cw-DatePicker-spacer")))n.observe(a);}}#g(e){const t=e.every(n=>n.target.classList.contains("cw-DatePicker-spacer"));(this.#n||!t)&&this.#l();}#y(){return this.functionElement?.querySelector(".cw-DatePicker-months")??null;}#p(e){return e.querySelector(".cw-DatePicker-month")?.offsetHeight??0;}#l(){const e=this.#e,t=this.#y(),n=this.#t;if(t===null||n===void 0)return;const a=this.#p(t),s=t.firstElementChild?.style.getPropertyValue("--cw-datepicker-months");this.#n=a===0||s!==String(e.windowStart()-e.listStart()),this.#n||(t.scrollTop=(n-e.listStart())*a);}#r(e,t){const n=this.#e;v(()=>{(!this.#i||e<n.listStart()||e>n.listEnd())&&n.centerList(e),n.renderFrom(t==="top"?e:e-1),t==="top"&&n.scrollTo(e);}),this.#i=!0,t==="top"&&(this.#t=k(e,n.listStart(),n.listEnd()),this.#l(),this.#n&&queueMicrotask(()=>this.#l()));}#b(e){const t=this.#e,n=this.#p(e),a=e.ownerDocument.activeElement;if(n===0||this.#n)return;const s=t.listStart()+e.scrollTop/n,o=Math.floor(s);this.#t=s,v(()=>{t.scrollTo(o),t.renderFrom(o);}),a!==null&&!a.isConnected&&e.focus({preventScroll:!0});}#S(e){return this.functionElement?.querySelector(`.cw-DatePicker-days [data-cw-date="${e}"]`)??null;}#w(){this.functionElement?.querySelector(".cw-DatePicker-days [data-cw-date][tabindex='0']")?.focus();}#k(e,t){const n=this.functionElement,a=n?.querySelector(".cw-DatePicker-days > .cw-DatePicker-grid");if(n==null||a===null||a===void 0||!n.isConnected){t();return;}const s=a.cloneNode(!0),i=(n.ownerDocument.defaultView?.getComputedStyle(n).direction==="rtl"?-e:e)*100,c={duration:"--cw-datepicker-page-duration",easing:"--cw-datepicker-page-easing"};s.removeAttribute("role"),s.setAttribute("aria-hidden","true"),s.classList.add("_cw-DatePicker-ghost"),s.inert=!0;for(const l of Array.from(s.querySelectorAll("[data-cw-date]")))for(const d of["data-cw-date","data-cw-initial-focus","role","tabindex"])l.removeAttribute(d);a.after(s),t(),W(a,[{translate:`${i}% 0`},{translate:"0 0"}],c),W(s,[{translate:"0 0"},{translate:`${-i}% 0`}],c).finished.then(()=>s.remove(),()=>s.remove());}#M(e){const t=this.#e,n=u(t.month);t.continuous()?(this.#r(g(e),"top"),t.focus(`${e}-01`)):e!==n&&this.#k(e>n?1:-1,()=>t.showMonth(e));}#T(e){const t=this.#e,n=e.slice(0,7),a=u(t.month);t.continuous()?(t.focus(e),this.#S(e)===null&&this.#r(g(n),"nearest")):n!==a?this.#k(n>a?1:-1,()=>t.focus(e)):t.focus(e);const s=this.#S(e);s?.focus({preventScroll:!0}),s?.scrollIntoView({block:"nearest",inline:"nearest"});}#v(e){const t=this.#e,n=this.functionElement;if(t.setOverlay(e),e==="none"){this.#w();return;}const a=n?.querySelector(`.cw-DatePicker-${e==="years"?"years":"monthMenu"} [tabindex='0']`);a?.focus({preventScroll:!0}),a?.scrollIntoView({block:"center",inline:"nearest"});}#P(e){const t=this.#e;if(t.continuous()){t.setOverlay("none"),this.#r(g(e),"top"),t.focus(`${e}-01`),this.#w();return;}t.showMonth(e),this.#v("none");}#R(e){const t=this.#e,n=u(t.month),a=this.functionElement,s={previousMonth:-1,nextMonth:1,previousYear:-12,nextYear:12};e in s?this.#M(V(g(n)+s[e])):e==="years"||e==="months"?this.#v(u(t.overlay)===e?"none":e):e==="mode"&&(t.setInputMode(!u(t.inputMode)),u(t.inputMode)?a?.querySelector(".cw-DatePicker-inputs input")?.focus():this.#w());}#C(e){const n=e.target.closest("[data-cw-date], [data-cw-year], [data-cw-option], [data-cw-action]")?.dataset,a=u(this.#e.month);n===void 0||e.defaultPrevented||this.#d()||(n.cwDate!==void 0?this.#e.select(n.cwDate,e):n.cwYear!==void 0?this.#P(`${n.cwYear.padStart(4,"0")}${a.slice(4)}`):n.cwOption!==void 0?this.#E(n.cwOption):n.cwAction!==void 0&&this.#R(n.cwAction));}#E(e){const t=u(this.#e.month),[n,a]=e.split("-");this.#P(n==="month"?`${t.slice(0,5)}${String(Number(a)+1).padStart(2,"0")}`:`${a.padStart(4,"0")}${t.slice(4)}`);}#A(e){const t=e.target.dataset;t?.cwDate!==void 0?this.#e.trackFocus(t.cwDate):t?.cwYear!==void 0&&this.#e.focusYear(Number(t.cwYear));}#L(e){const t=e.target,n=t.dataset;if(!(e.defaultPrevented||this.#d()))if(e.key==="Escape"&&u(this.#e.overlay)!=="none"){const a=this.functionElement?.querySelector(`[data-cw-action="${u(this.#e.overlay)}"]`);e.preventDefault(),this.#v("none"),this.#e.docked()&&a?.focus();}else n.cwDate!==void 0?this.#I(e,t,n.cwDate):n.cwYear!==void 0?this.#F(e,t,Number(n.cwYear)):n.cwOption!==void 0&&this.#O(e,t);}#I(e,t,n){const a=this.#e,o=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl"?-1:1,i=(D(n).getUTCDay()-a.firstDay()+p)%p,c=e.shiftKey?12:1,d={ArrowRight:[o,0],ArrowLeft:[-o,0],ArrowDown:[p,0],ArrowUp:[-p,0],Home:[-i,0],End:[p-1-i,0],PageDown:[0,c],PageUp:[0,-c]}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),a.select(n,e);return;}if(d===void 0)return;e.preventDefault();const h=d[0]<0||d[1]<0?-1:1;for(let f=A(n,d[0],d[1]),S=0;S<Ke&&f>=a.minimum()&&f<=a.maximum();f=A(f,h),S++)if(a.isSelectable(f)){this.#T(f);return;}}#F(e,t,n){const a=this.#e,s=t.ownerDocument.defaultView?.getComputedStyle(t).direction==="rtl",[o,i]=a.years(),c=T*4,d={ArrowRight:n+(s?-1:1),ArrowLeft:n+(s?1:-1),ArrowDown:n+T,ArrowUp:n-T,Home:o,End:i,PageDown:n+c,PageUp:n-c}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.#P(`${String(n).padStart(4,"0")}${u(a.month).slice(4)}`);return;}if(d===void 0)return;e.preventDefault(),a.focusYear(d);const h=this.functionElement?.querySelector(`.cw-DatePicker-years [data-cw-year="${k(d,o,i)}"]`);h?.focus({preventScroll:!0}),h?.scrollIntoView({block:"nearest",inline:"nearest"});}#O(e,t){const n=Array.from(t.parentElement?.querySelectorAll("[data-cw-option]")??[]),a=n.indexOf(t),o={ArrowDown:a+1,ArrowUp:a-1,Home:0,End:n.length-1}[e.key];if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.#E(t.dataset.cwOption);return;}if(o===void 0)return;e.preventDefault();const i=n[k(o,0,n.length-1)];for(const c of n)c.tabIndex=c===i?0:-1;i.focus({preventScroll:!0}),i.scrollIntoView({block:"nearest",inline:"nearest"});}applyComponentProps(){const e=super.readProps(["disabled","presentation","rangeLayout"]),t=this.#e,n=e.presentationChanged||e.rangeLayoutChanged;if(e.disabledChanged||n)for(const[a,s]of Object.entries(le(t)))this.setClass(a,s);n&&this.functionElement?.isConnected===!0&&(this.#i=!1,queueMicrotask(()=>{this.#f(),t.continuous()&&this.#r(g(u(t.month)),"top");}));}render(e){const t=de(this.#a),n=<div class="cw-DatePicker"data-cw-calendar="">
 			{t}{e}
-		</div>;return n.addEventListener("click",this.#u),n.addEventListener("keydown",this.#h),n.addEventListener("focusin",this.#m),n.addEventListener("scroll",this.#s,!0),n}}class yt extends ge{constructor(e){super(e,ue)}}class pt extends ge{constructor(e){super(e,me)}}const Mt=ne(()=>fe(ue),()=>yt),Tt=ne(()=>fe(me),()=>pt);export{Mt as DatePicker,Tt as DateRangePicker};
+		</div>;return n.addEventListener("click",this.#u),n.addEventListener("keydown",this.#h),n.addEventListener("focusin",this.#m),n.addEventListener("scroll",this.#s,!0),n;}}class yt extends ge{constructor(e){super(e,ue);}}class pt extends ge{constructor(e){super(e,me);}}const Mt=/* @__PURE__ */ne(()=>fe(ue),()=>yt),Tt=/* @__PURE__ */ne(()=>fe(me),()=>pt);export{Mt as DatePicker,Tt as DateRangePicker};

package/target/esbuild/input/date-time.jsx

@@ -1,4 +1,4 @@
-import{createUniqueId as w,mergeProps as b}from"solid-js";import{insert as i}from"solid-js/web";import{defineDomComponent as A}from"..";import{firstInputSlot as p,hasInputError as H,supportingSlot as M}from"./base";import{PairedInputController as O,pairedInputAttributes as _,resolveInputPair as F,splitFieldProps as J}from"./paired-input";import{TextField as X}from"./text-field";import"./date-range-input.css";const s="cw-DateRangeInput",D="cw-DateRangeInput-input",x=["Start date","End date"],h={start:["startValue"],end:["endValue"]};function E(n,e){return X(b({type:e},n))}function K(n){return E(n,"date")}function Q(n){return E(n,"time")}function y(n,e,a){return n===""?n:e!==void 0&&n<e?e:a!==void 0&&n>a?a:n}function P(n,e){return n===""||e===""?void 0:n<e?-1:n>e?1:0}function $(n,e){return{[s]:!0,[`_${s}-${n.variant??"filled"}`]:!0,[`${s}-disabled`]:n.disabled===!0,[`${s}-error`]:e,[`${s}-readOnly`]:n.readOnly===!0}}function k(n,e){const a=w(),t=J(n),[r,o]=F(e,h,!0,["",""],L=>y(L??"",e.min,e.max),P),d=<legend class="cw-DateRangeInput-label">
+import{createUniqueId as w,mergeProps as b}from"solid-js";import{insert as i}from"solid-js/web";import{defineDomComponent as A}from"..";import{firstInputSlot as p,hasInputError as H,supportingSlot as M}from"./base";import{PairedInputController as O,pairedInputAttributes as _,resolveInputPair as F,splitFieldProps as J}from"./paired-input";import{TextField as X}from"./text-field";import"./date-range-input.css";const s="cw-DateRangeInput",D="cw-DateRangeInput-input",x=["Start date","End date"],h={start:["startValue"],end:["endValue"]};function E(n,e){return X(b({type:e},n));}function K(n){return E(n,"date");}function Q(n){return E(n,"time");}function y(n,e,a){return n===""?n:e!==void 0&&n<e?e:a!==void 0&&n>a?a:n;}function P(n,e){return n===""||e===""?void 0:n<e?-1:n>e?1:0;}function $(n,e){return{[s]:!0,[`_${s}-${n.variant??"filled"}`]:!0,[`${s}-disabled`]:n.disabled===!0,[`${s}-error`]:e,[`${s}-readOnly`]:n.readOnly===!0};}function k(n,e){const a=w(),t=J(n),[r,o]=F(e,h,!0,["",""],L=>y(L??"",e.min,e.max),P),d=<legend class="cw-DateRangeInput-label">
 		{p(e.label)??n.children}
 	</legend>,u=<span class="cw-DateRangeInput-leading">
 		{p(e.leading,e.leadingIcon)}
@@ -12,10 +12,10 @@ import{createUniqueId as w,mergeProps as b}from"solid-js";import{insert as i}fro
 		{d}
 		{S}
 		{f}
-	</fieldset>}class N extends O{constructor(e){super(e,s,x,h,{parse:a=>a.value,compare:P},["",""])}normalize(e){return y(e??"",this.props.min,this.props.max)}applyConstraints(e,a){const t=super.readProps(["max","min"]);if(!t.minChanged&&!t.maxChanged)return!1;for(const r of[e,a])t.min===void 0?r.removeAttribute("min"):r.min=t.min,t.max===void 0?r.removeAttribute("max"):r.max=t.max;return!0}applyReadOnly(e,a,t){e.readOnly=t,a.readOnly=t}changeCallbacks(){return[this.props.onValueChange,this.props.onDateRangeChange,this.props.onChange]}applyComponentProps(){super.applyComponentProps();const e=super.readProps(["variant"]);e.variantChanged&&this.setClass("variant",`_${s}-${e.variant??"filled"}`)}render(e,a){const t=<legend class="cw-DateRangeInput-label"/>;i(t,()=>p(this.props.label)??e);const r=<span class="cw-DateRangeInput-leading"/>;i(r,()=>p(this.props.leading,this.props.leadingIcon));const o=<span class="cw-DateRangeInput-prefix"/>;i(o,()=>this.props.prefix);const d=<span class="cw-DateRangeInput-suffix"/>;i(d,()=>this.props.suffix);const u=<span class="cw-DateRangeInput-trailing"/>;i(u,()=>p(this.props.trailing,this.props.trailingIcon));const l=<span class="cw-DateRangeInput-supporting"aria-live="polite"id={this.supportingId}/>;this.insertSupporting(l);const g=<input class={D}ref={a}type="date"/>,m=<input class={D}ref={c=>this.setEndInput(c)}type="date"/>,f=<span class="cw-DateRangeInput-separator"aria-hidden="true">–</span>,I=<span class="cw-DateRangeInput-control">
+	</fieldset>;}class N extends O{constructor(e){super(e,s,x,h,{parse:a=>a.value,compare:P},["",""]);}normalize(e){return y(e??"",this.props.min,this.props.max);}applyConstraints(e,a){const t=super.readProps(["max","min"]);if(!t.minChanged&&!t.maxChanged)return!1;for(const r of[e,a])t.min===void 0?r.removeAttribute("min"):r.min=t.min,t.max===void 0?r.removeAttribute("max"):r.max=t.max;return!0;}applyReadOnly(e,a,t){e.readOnly=t,a.readOnly=t;}changeCallbacks(){return[this.props.onValueChange,this.props.onDateRangeChange,this.props.onChange];}applyComponentProps(){super.applyComponentProps();const e=super.readProps(["variant"]);e.variantChanged&&this.setClass("variant",`_${s}-${e.variant??"filled"}`);}render(e,a){const t=<legend class="cw-DateRangeInput-label"/>;i(t,()=>p(this.props.label)??e);const r=<span class="cw-DateRangeInput-leading"/>;i(r,()=>p(this.props.leading,this.props.leadingIcon));const o=<span class="cw-DateRangeInput-prefix"/>;i(o,()=>this.props.prefix);const d=<span class="cw-DateRangeInput-suffix"/>;i(d,()=>this.props.suffix);const u=<span class="cw-DateRangeInput-trailing"/>;i(u,()=>p(this.props.trailing,this.props.trailingIcon));const l=<span class="cw-DateRangeInput-supporting"aria-live="polite"id={this.supportingId}/>;this.insertSupporting(l);const g=<input class={D}ref={a}type="date"/>,m=<input class={D}ref={c=>this.setEndInput(c)}type="date"/>,f=<span class="cw-DateRangeInput-separator"aria-hidden="true">–</span>,I=<span class="cw-DateRangeInput-control">
 			{r}{o}{g}{f}{m}{d}{u}
 		</span>;return<fieldset class={s}>
 			{t}
 			{I}
 			{l}
-		</fieldset>}}const W=A(()=>k,()=>N);export{K as DateInput,W as DateRangeInput,N as DateRangeInputController,Q as TimeInput};
+		</fieldset>;}}const W=/* @__PURE__ */A(()=>k,()=>N);export{K as DateInput,W as DateRangeInput,N as DateRangeInputController,Q as TimeInput};

package/target/esbuild/input/index.jsx

@@ -1 +1 @@
-import{Autocomplete as t,AutocompleteController as o}from"./autocomplete";import{DatePicker as p,DateRangePicker as a}from"./date-picker";import{DateInput as n,DateRangeInput as d,DateRangeInputController as m,TimeInput as c}from"./date-time";import{PickerDialog as P}from"./picker-dialog";import{ExposedDropdownMenu as u,Select as S,SelectController as g}from"./select";import{RangeSlider as D,RangeSliderController as k,Slider as T,SliderController as C}from"./slider";import{FilledTextField as I,OutlinedTextField as R,PasswordField as y,SecureField as h,TextField as H,TextFieldController as O}from"./text-field";import{TimePicker as b}from"./time-picker";export{t as Autocomplete,o as AutocompleteController,n as DateInput,p as DatePicker,d as DateRangeInput,m as DateRangeInputController,a as DateRangePicker,u as ExposedDropdownMenu,I as FilledTextField,R as OutlinedTextField,y as PasswordField,P as PickerDialog,D as RangeSlider,k as RangeSliderController,h as SecureField,S as Select,g as SelectController,T as Slider,C as SliderController,H as TextField,O as TextFieldController,c as TimeInput,b as TimePicker};
+import{Autocomplete as t,AutocompleteController as o}from"./autocomplete";import{DatePicker as p,DateRangePicker as a}from"./date-picker";import{DateInput as n,DateRangeInput as d,DateRangeInputController as m,TimeInput as c}from"./date-time";import{PickerDialog as P}from"./picker-dialog";import{ExposedDropdownMenu as u,Select as S,SelectController as g}from"./select";import{RangeSlider as D,RangeSliderController as k,Slider as T,SliderController as C}from"./slider";import{FilledTextField as I,OutlinedTextField as R,PasswordField as y,SecureField as h,TextField as H,TextFieldController as O}from"./text-field";import{TimePicker as b}from"./time-picker";export{t as Autocomplete,o as AutocompleteController,n as DateInput,p as DatePicker,d as DateRangeInput,m as DateRangeInputController,a as DateRangePicker,u as ExposedDropdownMenu,I as FilledTextField,R as OutlinedTextField,y as PasswordField,P as PickerDialog,D as RangeSlider,k as RangeSliderController,h as SecureField,S as Select,g as SelectController,T as Slider,C as SliderController,H as TextField,O as TextFieldController,c as TimeInput,b as TimePicker};

package/target/esbuild/input/paired-input.jsx

@@ -1 +1 @@
-import{createMemo as g,createUniqueId as y,onCleanup as I,onMount as v}from"solid-js";import{insert as T}from"solid-js/web";import{DomController as P}from"../dom/client";import{dedupeCallbacks as C}from"../navigation/base";import{firstInputSlot as c,hasInputError as E,observeFormReset as b,supportingSlot as A}from"./base";const m={error:!1,content:void 0};function o(a,e){return e in a}function L(a){return g(()=>{const t=a.errorText,n=a.error,r=a.supportingText,s=a.helperText,d=c(t,n);return{error:n===!0||d!==void 0,content:d??c(r,s)}},m,{equals:(t,n)=>t.error===n.error&&t.content===n.content})}function S(a,e,t,n){const r=a?.content===void 0!=(e.content===void 0);return{error:n||a?.error!==e.error?t||e.error:void 0,described:a===void 0||r?e.content!==void 0:void 0}}function M(a){const e=a,t={},n={};for(const r of Object.keys(e))r!=="children"&&(r==="class"||r==="classList"||r==="style"?t[r]=e[r]:n[r]=e[r]);return{container:t,input:n}}function k(a,e,t,n,r,s){const d=[!1,!1],i=[0,1].map(u=>{const p=(u===0?e.start:e.end).find(h=>o(a,h));return d[u]=o(a,"value")||p!==void 0,r(o(a,"value")?a.value?.[u]:p!==void 0?a[p]:t?a.defaultValue?.[u]??(u===0?a.defaultStartValue:a.defaultEndValue):n[u],u)}),l=s(i[0],i[1]);return l===void 0||l<=0?i:d[0]&&!d[1]?[i[0],i[0]]:d[1]&&!d[0]?[i[1],i[1]]:[i[1],i[0]]}function N(a,e,t,n){const r=e.invalid===!0||E(e),s=A(e)===void 0?void 0:n,d=(l,u)=>o(a,l)?a[l]:u,i={"aria-describedby":s,"aria-invalid":r?"true":void 0,"aria-readonly":e.readOnly===!0?"true":void 0,disabled:e.disabled===!0||void 0,required:e.required===!0||void 0};return{start:{...a,...i,"aria-describedby":d("aria-describedby",i["aria-describedby"]),"aria-invalid":d("aria-invalid",i["aria-invalid"]),"aria-label":d("aria-label",e.startLabel??t[0]),"aria-readonly":d("aria-readonly",i["aria-readonly"]),id:e.startId??e.id??a.id,name:e.startName??e.name},end:{...i,"aria-label":e.endLabel??t[1],form:a.form,id:e.endId,name:e.endName??e.name}}}class x extends P{#a;#l;#i;#t;#d;#s;#m;#g;#y;#I;#v;#p;#o;#u;#h;#f;#c;#b;#e;#r;#n;constructor(e,t,n,r,s,d){super(e),this.#a=t,this.#l=n,this.#i=r,this.#t=s,this.#d=o(e,"value")||r.start.some(i=>o(e,i)),this.#s=o(e,"value")||r.end.some(i=>o(e,i)),this.#m=o(e,"attr:aria-label"),this.#g=o(e,"attr:aria-describedby"),this.#y=o(e,"attr:aria-invalid"),this.#I=o(e,"attr:aria-readonly"),this.#v=o(e,"attr:form"),this.#p=y(),this.#o=i=>this.#E(0,i),this.#u=i=>this.#E(1,i),this.#h=()=>this.#C(),this.#f=()=>m,this.#c=void 0,this.#b=!1,this.#e=null,this.#r=d,this.#n=()=>{},v(()=>{const i=this.functionElement;i!==null&&(this.#n(),this.#n=b(i,this.#h))}),I(()=>{this.#n(),this.functionElement?.removeEventListener("input",this.#o),this.#e?.removeEventListener("input",this.#u),this.#e=null})}get values(){const e=this.functionElement,t=this.#e;return e===null||t===null?this.#r:[this.#t.parse(e),this.#t.parse(t)]}get supportingId(){return this.#p}get endInput(){return this.#e}setEndInput(e){this.#e?.removeEventListener("input",this.#u),this.#e=e,e.addEventListener("input",this.#u),this.#A(),this.#L()}insertSupporting(e){const t=L(this.props);this.#f=t,T(e,()=>t().content)}onPairApplied(e){}applyReadOnly(e,t,n){}applyPair(e){const t=this.functionElement,n=this.#e;t===null||n===null||(t.value=String(e[0]),n.value=String(e[1]),this.#r=[this.#t.parse(t),this.#t.parse(n)],this.onPairApplied(this.#r))}#T(e,t){return k(this.props,this.#i,e,t,(n,r)=>this.normalize(n,r),this.#t.compare)}#P(){const e=this.values;this.applyPair(this.#T(!1,[this.#d?void 0:e[0],this.#s?void 0:e[1]]))}#C(){if(this.#d||this.#s){this.#P();return}const[e,t]=this.values,n=[this.normalize(e,0),this.normalize(t,1)],r=this.#t.compare(n[0],n[1]);this.applyPair(r===void 0||r<=0?n:[n[1],n[0]])}#E(e,t){const n=this.functionElement,r=this.#e;if(n===null||r===null||n.disabled)return;if(this.props.readOnly===!0){this.applyPair(this.#r);return}const s=e===0?1:0,d=this.normalize(this.#t.parse(e===0?n:r),e),i=this.normalize(this.#t.parse(e===0?r:n),s),[l,u]=e===0?[d,i]:[i,d],f=this.#t.compare(l,u),p=f!==void 0&&f>0?i:d,h=e===0?[p,i]:[i,p];this.applyPair(h),C(this.changeCallbacks(),h,t),(this.#d||this.#s)&&this.#P()}#A(){const e=this.functionElement,t=this.#m?this.props["attr:aria-label"]:this.props.startLabel??this.#l[0];e!==null&&(t===void 0?e.removeAttribute("aria-label"):e.setAttribute("aria-label",t)),this.#e?.setAttribute("aria-label",this.props.endLabel??this.#l[1])}#L(){const e=this.#e,t=this.props["attr:form"];!this.#v||e===null||(t===void 0?e.removeAttribute("form"):e.setAttribute("form",t))}#S(e,t){const n=this.#f(),r=S(this.#c,n,this.props.invalid===!0,t);if(this.#c=n,r.error!==void 0&&(this.setClass(`${this.#a}-error`,r.error),this.#y||this.setAttribute("aria-invalid",r.error?"true":void 0),r.error?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid")),r.described!==void 0){const s=r.described?this.#p:void 0;this.#g||this.setAttribute("aria-describedby",s),s===void 0?e.removeAttribute("aria-describedby"):e.setAttribute("aria-describedby",s)}}applyComponentProps(){const e=super.readProps(["attr:id","attr:form","defaultEndValue","defaultStartValue","defaultValue","disabled","endId","endLabel","endName","id","invalid","name","readOnly","required","startId","startLabel","startName","value",...this.#i.start,...this.#i.end]),t=this.functionElement,n=this.#e;if(t===null||n===null)return;const r=this.applyConstraints(t,n),s=[...this.#i.start,...this.#i.end].some(i=>e[`${i}Changed`]===!0),d=e.startId??e.id??e["attr:id"];if(!this.#b){const i=this.#T(!0,[void 0,void 0]);this.#b=!0,t.defaultValue=String(i[0]),n.defaultValue=String(i[1]),this.applyPair(i)}if((e.valueChanged===!0||s||r)&&this.#C(),e.disabledChanged===!0&&(t.disabled=e.disabled===!0,n.disabled=e.disabled===!0,this.setClass(`${this.#a}-disabled`,e.disabled===!0)),e.readOnlyChanged===!0){const i=e.readOnly===!0?"true":void 0;this.setClass(`${this.#a}-readOnly`,i!==void 0),this.#I||this.setAttribute("aria-readonly",i),i===void 0?n.removeAttribute("aria-readonly"):n.setAttribute("aria-readonly",i),this.applyReadOnly(t,n,i!==void 0)}if(e.requiredChanged===!0&&(t.required=e.required===!0,n.required=e.required===!0),e.nameChanged===!0||e.startNameChanged===!0){const i=e.startName??e.name;this.setAttribute("name",i===""?void 0:i)}if(e.nameChanged===!0||e.endNameChanged===!0){const i=e.endName??e.name;i===void 0||i===""?n.removeAttribute("name"):n.name=i}(o(this.props,"startId")||o(this.props,"id"))&&t.getAttribute("id")!==(d??null)&&this.setAttribute("id",d),e.endIdChanged===!0&&(e.endId===void 0||e.endId===""?n.removeAttribute("id"):n.id=e.endId),(e.startLabelChanged===!0||e.endLabelChanged===!0)&&this.#A(),t.getAttribute("form")!==n.getAttribute("form")&&this.#L(),this.#S(n,e.invalidChanged===!0)}onFunctionElementChanged(e){const t=this.functionElement;this.#n(),super.onFunctionElementChanged(e),t?.removeEventListener("input",this.#o),e?.addEventListener("input",this.#o),this.#n=()=>{},e!==null&&(this.#n=b(e,this.#h))}}export{m as NO_SUPPORTING_CONTENT,x as PairedInputController,L as createSupportingContent,N as pairedInputAttributes,k as resolveInputPair,M as splitFieldProps,S as supportingChangesOf};
+import{createMemo as g,createUniqueId as y,onCleanup as I,onMount as v}from"solid-js";import{insert as T}from"solid-js/web";import{DomController as P}from"../dom/client";import{dedupeCallbacks as C}from"../navigation/base";import{firstInputSlot as c,hasInputError as E,observeFormReset as b,supportingSlot as A}from"./base";const m={error:!1,content:void 0};function o(a,e){return e in a;}function L(a){return g(()=>{const t=a.errorText,n=a.error,r=a.supportingText,s=a.helperText,d=c(t,n);return{error:n===!0||d!==void 0,content:d??c(r,s)};},m,{equals:(t,n)=>t.error===n.error&&t.content===n.content});}function S(a,e,t,n){const r=a?.content===void 0!=(e.content===void 0);return{error:n||a?.error!==e.error?t||e.error:void 0,described:a===void 0||r?e.content!==void 0:void 0};}function M(a){const e=a,t={},n={};for(const r of Object.keys(e))r!=="children"&&(r==="class"||r==="classList"||r==="style"?t[r]=e[r]:n[r]=e[r]);return{container:t,input:n};}function k(a,e,t,n,r,s){const d=[!1,!1],i=[0,1].map(u=>{const p=(u===0?e.start:e.end).find(h=>o(a,h));return d[u]=o(a,"value")||p!==void 0,r(o(a,"value")?a.value?.[u]:p!==void 0?a[p]:t?a.defaultValue?.[u]??(u===0?a.defaultStartValue:a.defaultEndValue):n[u],u);}),l=s(i[0],i[1]);return l===void 0||l<=0?i:d[0]&&!d[1]?[i[0],i[0]]:d[1]&&!d[0]?[i[1],i[1]]:[i[1],i[0]];}function N(a,e,t,n){const r=e.invalid===!0||E(e),s=A(e)===void 0?void 0:n,d=(l,u)=>o(a,l)?a[l]:u,i={"aria-describedby":s,"aria-invalid":r?"true":void 0,"aria-readonly":e.readOnly===!0?"true":void 0,disabled:e.disabled===!0||void 0,required:e.required===!0||void 0};return{start:{...a,...i,"aria-describedby":d("aria-describedby",i["aria-describedby"]),"aria-invalid":d("aria-invalid",i["aria-invalid"]),"aria-label":d("aria-label",e.startLabel??t[0]),"aria-readonly":d("aria-readonly",i["aria-readonly"]),id:e.startId??e.id??a.id,name:e.startName??e.name},end:{...i,"aria-label":e.endLabel??t[1],form:a.form,id:e.endId,name:e.endName??e.name}};}class x extends P{#a;#l;#i;#t;#d;#s;#m;#g;#y;#I;#v;#p;#o;#u;#h;#f;#c;#b;#e;#r;#n;constructor(e,t,n,r,s,d){super(e),this.#a=t,this.#l=n,this.#i=r,this.#t=s,this.#d=o(e,"value")||r.start.some(i=>o(e,i)),this.#s=o(e,"value")||r.end.some(i=>o(e,i)),this.#m=o(e,"attr:aria-label"),this.#g=o(e,"attr:aria-describedby"),this.#y=o(e,"attr:aria-invalid"),this.#I=o(e,"attr:aria-readonly"),this.#v=o(e,"attr:form"),this.#p=y(),this.#o=i=>this.#E(0,i),this.#u=i=>this.#E(1,i),this.#h=()=>this.#C(),this.#f=()=>m,this.#c=void 0,this.#b=!1,this.#e=null,this.#r=d,this.#n=()=>{},v(()=>{const i=this.functionElement;i!==null&&(this.#n(),this.#n=b(i,this.#h));}),I(()=>{this.#n(),this.functionElement?.removeEventListener("input",this.#o),this.#e?.removeEventListener("input",this.#u),this.#e=null;});}get values(){const e=this.functionElement,t=this.#e;return e===null||t===null?this.#r:[this.#t.parse(e),this.#t.parse(t)];}get supportingId(){return this.#p;}get endInput(){return this.#e;}setEndInput(e){this.#e?.removeEventListener("input",this.#u),this.#e=e,e.addEventListener("input",this.#u),this.#A(),this.#L();}insertSupporting(e){const t=L(this.props);this.#f=t,T(e,()=>t().content);}onPairApplied(e){}applyReadOnly(e,t,n){}applyPair(e){const t=this.functionElement,n=this.#e;t===null||n===null||(t.value=String(e[0]),n.value=String(e[1]),this.#r=[this.#t.parse(t),this.#t.parse(n)],this.onPairApplied(this.#r));}#T(e,t){return k(this.props,this.#i,e,t,(n,r)=>this.normalize(n,r),this.#t.compare);}#P(){const e=this.values;this.applyPair(this.#T(!1,[this.#d?void 0:e[0],this.#s?void 0:e[1]]));}#C(){if(this.#d||this.#s){this.#P();return;}const[e,t]=this.values,n=[this.normalize(e,0),this.normalize(t,1)],r=this.#t.compare(n[0],n[1]);this.applyPair(r===void 0||r<=0?n:[n[1],n[0]]);}#E(e,t){const n=this.functionElement,r=this.#e;if(n===null||r===null||n.disabled)return;if(this.props.readOnly===!0){this.applyPair(this.#r);return;}const s=e===0?1:0,d=this.normalize(this.#t.parse(e===0?n:r),e),i=this.normalize(this.#t.parse(e===0?r:n),s),[l,u]=e===0?[d,i]:[i,d],f=this.#t.compare(l,u),p=f!==void 0&&f>0?i:d,h=e===0?[p,i]:[i,p];this.applyPair(h),C(this.changeCallbacks(),h,t),(this.#d||this.#s)&&this.#P();}#A(){const e=this.functionElement,t=this.#m?this.props["attr:aria-label"]:this.props.startLabel??this.#l[0];e!==null&&(t===void 0?e.removeAttribute("aria-label"):e.setAttribute("aria-label",t)),this.#e?.setAttribute("aria-label",this.props.endLabel??this.#l[1]);}#L(){const e=this.#e,t=this.props["attr:form"];!this.#v||e===null||(t===void 0?e.removeAttribute("form"):e.setAttribute("form",t));}#S(e,t){const n=this.#f(),r=S(this.#c,n,this.props.invalid===!0,t);if(this.#c=n,r.error!==void 0&&(this.setClass(`${this.#a}-error`,r.error),this.#y||this.setAttribute("aria-invalid",r.error?"true":void 0),r.error?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid")),r.described!==void 0){const s=r.described?this.#p:void 0;this.#g||this.setAttribute("aria-describedby",s),s===void 0?e.removeAttribute("aria-describedby"):e.setAttribute("aria-describedby",s);}}applyComponentProps(){const e=super.readProps(["attr:id","attr:form","defaultEndValue","defaultStartValue","defaultValue","disabled","endId","endLabel","endName","id","invalid","name","readOnly","required","startId","startLabel","startName","value",...this.#i.start,...this.#i.end]),t=this.functionElement,n=this.#e;if(t===null||n===null)return;const r=this.applyConstraints(t,n),s=[...this.#i.start,...this.#i.end].some(i=>e[`${i}Changed`]===!0),d=e.startId??e.id??e["attr:id"];if(!this.#b){const i=this.#T(!0,[void 0,void 0]);this.#b=!0,t.defaultValue=String(i[0]),n.defaultValue=String(i[1]),this.applyPair(i);}if((e.valueChanged===!0||s||r)&&this.#C(),e.disabledChanged===!0&&(t.disabled=e.disabled===!0,n.disabled=e.disabled===!0,this.setClass(`${this.#a}-disabled`,e.disabled===!0)),e.readOnlyChanged===!0){const i=e.readOnly===!0?"true":void 0;this.setClass(`${this.#a}-readOnly`,i!==void 0),this.#I||this.setAttribute("aria-readonly",i),i===void 0?n.removeAttribute("aria-readonly"):n.setAttribute("aria-readonly",i),this.applyReadOnly(t,n,i!==void 0);}if(e.requiredChanged===!0&&(t.required=e.required===!0,n.required=e.required===!0),e.nameChanged===!0||e.startNameChanged===!0){const i=e.startName??e.name;this.setAttribute("name",i===""?void 0:i);}if(e.nameChanged===!0||e.endNameChanged===!0){const i=e.endName??e.name;i===void 0||i===""?n.removeAttribute("name"):n.name=i;}(o(this.props,"startId")||o(this.props,"id"))&&t.getAttribute("id")!==(d??null)&&this.setAttribute("id",d),e.endIdChanged===!0&&(e.endId===void 0||e.endId===""?n.removeAttribute("id"):n.id=e.endId),(e.startLabelChanged===!0||e.endLabelChanged===!0)&&this.#A(),t.getAttribute("form")!==n.getAttribute("form")&&this.#L(),this.#S(n,e.invalidChanged===!0);}onFunctionElementChanged(e){const t=this.functionElement;this.#n(),super.onFunctionElementChanged(e),t?.removeEventListener("input",this.#o),e?.addEventListener("input",this.#o),this.#n=()=>{},e!==null&&(this.#n=b(e,this.#h));}}export{m as NO_SUPPORTING_CONTENT,x as PairedInputController,L as createSupportingContent,N as pairedInputAttributes,k as resolveInputPair,M as splitFieldProps,S as supportingChangesOf};

package/target/esbuild/input/picker-dialog.jsx

@@ -1,9 +1,9 @@
-import{Show as R,onCleanup as M,splitProps as O,untrack as A}from"solid-js";import{defineDomComponent as H}from"..";import{Button as E}from"../action/button";import{DomController as T}from"../dom/client";import{Dialog as F}from"../surface/dialog";import"../container/elevation-shadow.css";import"./picker-dialog.css";const w="[data-cw-initial-focus]",D=4,a=8;function P(i,e,t){return Math.max(e,Math.min(i,t))}function I(i,e){const t=i,o=Object.fromEntries(Object.keys(t).filter(n=>n!=="children").map(n=>[n,t[n]]));return<div{...o}aria-label={"aria-label"in o?o["aria-label"]:e.label}classList={{...o.classList,"cw-PickerDialog":!0,"cw-PickerDialog-docked":!0,"cw-elevationShadow":!0}}popover="manual"role={e.role??"dialog"}tabIndex={-1}>{i.children}</div>}class J extends T{#a;#o;#c;#n;#e;#r;#l;#t;#i;constructor(e){super(e,{styleElementIsFunction:!0}),this.#a="open"in e,this.#o=t=>this.#v(t),this.#c=t=>this.#b(t),this.#n=()=>this.#d(),this.#e=!1,this.#r=null,this.#l=!0,this.#t=void 0,this.#i=()=>{},M(()=>this.#i())}isOpen(){return this.#e}open(){this.#s(!0,"programmatic")}close(e="programmatic",t){this.#s(!1,e,t)}toggle(){this.#s(!this.#e,"programmatic")}#s(e,t,o){e!==this.#e&&(this.#l=t!=="backdrop",this.#a||this.#u(e,this.#l),this.props.onOpenChange?.(e,o,e?void 0:t))}#u(e,t){const o=this.functionElement;e===this.#e||o===null||!o.isConnected||(this.#e=e,e?this.#m(o):this.#f(o,t))}#m(e){const t=e.ownerDocument,o=t.defaultView,n=o?.ResizeObserver,r=n===void 0?void 0:new n(()=>this.#d());this.#r=t.activeElement,e.showPopover(),this.#h(),r?.observe(e),t.addEventListener("pointerdown",this.#o,!0),t.addEventListener("focusin",this.#o,!0),t.addEventListener("scroll",this.#n,!0),o?.addEventListener("resize",this.#n),this.#i=()=>{t.removeEventListener("pointerdown",this.#o,!0),t.removeEventListener("focusin",this.#o,!0),t.removeEventListener("scroll",this.#n,!0),o?.removeEventListener("resize",this.#n),r?.disconnect(),this.#t!==void 0&&o?.cancelAnimationFrame(this.#t),this.#t=void 0,this.#i=()=>{}},e.addEventListener("keydown",this.#c),this.#p(e)}#f(e,t){const o=this.#r??this.props.anchor??null,n=e.contains(e.ownerDocument.activeElement);this.#i(),e.removeEventListener("keydown",this.#c),e.hidePopover(),t&&n&&this.props.returnFocus!==!1&&o?.isConnected===!0&&o.focus(),this.#r=null,this.props.onClose?.(new Event("close"))}#p(e){const t=this.props.initialFocus;(t instanceof HTMLElement?t:e.querySelector(t??w)??e.querySelector("button:not(:disabled), [tabindex]:not([tabindex='-1']), input:not(:disabled)")??e).focus({preventScroll:!0})}#d(){const e=this.functionElement?.ownerDocument.defaultView;this.#t!==void 0||e===null||e===void 0||(this.#t=e.requestAnimationFrame(()=>{this.#t=void 0,this.#h()}))}#h(){const e=this.functionElement,t=this.props.anchor,o=e?.ownerDocument.defaultView;if(!this.#e||e===null||t===void 0||o===null||o===void 0)return;const n=t.getBoundingClientRect(),r=e.offsetWidth,l=e.offsetHeight,s=o.getComputedStyle(t).direction==="rtl",c=n.bottom+D,d=n.top-D-l,C=c+l<=o.innerHeight-a||d<a?c:d,L=s?n.right-r:n.left,S=o.innerWidth-r-a,y=o.innerHeight-l-a;this.setStyle("left",`${P(L,a,S)}px`),this.setStyle("top",`${P(C,a,y)}px`)}#v(e){const t=this.functionElement,o=e.composedPath(),n=this.props.anchor;t===null||o.includes(t)||n!==void 0&&o.includes(n)||this.#s(!1,"backdrop",e)}#b(e){e.key!=="Escape"||e.defaultPrevented||(this.props.onCancel?.(e),!e.defaultPrevented&&(e.preventDefault(),this.#s(!1,"cancel",e)))}applyComponentProps(){const e=super.readProps(["anchor","defaultOpen","label","open","role"]);if(e.labelChanged&&!("attr:aria-label"in this.props)&&this.setAttribute("aria-label",e.label),e.roleChanged&&this.setAttribute("role",e.role??"dialog"),e.openChanged||e.defaultOpenChanged){const t=this.#a?e.open===!0:A(()=>this.#e||e.defaultOpen===!0);queueMicrotask(()=>this.#u(t,this.#l))}e.anchorChanged&&this.#d()}render(e){return<div class="cw-PickerDialog cw-PickerDialog-docked cw-elevationShadow"popover="manual"tabIndex={-1}>{e}</div>}}const X=H(()=>I,()=>J);function k(i,e){const t=n=>{i.onDismiss?.(n),n.defaultPrevented||e("dismiss",n)},o=n=>{i.onConfirm?.(n),n.defaultPrevented||e("confirm",n)};return<div class="cw-PickerDialog-actions"hidden={i.showActions===!1||i.showActions===void 0&&i.presentation==="docked"}>
+import{Show as R,onCleanup as M,splitProps as O,untrack as A}from"solid-js";import{defineDomComponent as H}from"..";import{Button as E}from"../action/button";import{DomController as T}from"../dom/client";import{Dialog as F}from"../surface/dialog";import"../container/elevation-shadow.css";import"./picker-dialog.css";const w="[data-cw-initial-focus]",D=4,a=8;function P(i,e,t){return Math.max(e,Math.min(i,t));}function I(i,e){const t=i,o=Object.fromEntries(Object.keys(t).filter(n=>n!=="children").map(n=>[n,t[n]]));return<div{...o}aria-label={"aria-label"in o?o["aria-label"]:e.label}classList={{...o.classList,"cw-PickerDialog":!0,"cw-PickerDialog-docked":!0,"cw-elevationShadow":!0}}popover="manual"role={e.role??"dialog"}tabIndex={-1}>{i.children}</div>;}class J extends T{#a;#o;#c;#n;#e;#r;#l;#t;#i;constructor(e){super(e,{styleElementIsFunction:!0}),this.#a="open"in e,this.#o=t=>this.#v(t),this.#c=t=>this.#b(t),this.#n=()=>this.#d(),this.#e=!1,this.#r=null,this.#l=!0,this.#t=void 0,this.#i=()=>{},M(()=>this.#i());}isOpen(){return this.#e;}open(){this.#s(!0,"programmatic");}close(e="programmatic",t){this.#s(!1,e,t);}toggle(){this.#s(!this.#e,"programmatic");}#s(e,t,o){e!==this.#e&&(this.#l=t!=="backdrop",this.#a||this.#u(e,this.#l),this.props.onOpenChange?.(e,o,e?void 0:t));}#u(e,t){const o=this.functionElement;e===this.#e||o===null||!o.isConnected||(this.#e=e,e?this.#m(o):this.#f(o,t));}#m(e){const t=e.ownerDocument,o=t.defaultView,n=o?.ResizeObserver,r=n===void 0?void 0:new n(()=>this.#d());this.#r=t.activeElement,e.showPopover(),this.#h(),r?.observe(e),t.addEventListener("pointerdown",this.#o,!0),t.addEventListener("focusin",this.#o,!0),t.addEventListener("scroll",this.#n,!0),o?.addEventListener("resize",this.#n),this.#i=()=>{t.removeEventListener("pointerdown",this.#o,!0),t.removeEventListener("focusin",this.#o,!0),t.removeEventListener("scroll",this.#n,!0),o?.removeEventListener("resize",this.#n),r?.disconnect(),this.#t!==void 0&&o?.cancelAnimationFrame(this.#t),this.#t=void 0,this.#i=()=>{};},e.addEventListener("keydown",this.#c),this.#p(e);}#f(e,t){const o=this.#r??this.props.anchor??null,n=e.contains(e.ownerDocument.activeElement);this.#i(),e.removeEventListener("keydown",this.#c),e.hidePopover(),t&&n&&this.props.returnFocus!==!1&&o?.isConnected===!0&&o.focus(),this.#r=null,this.props.onClose?.(new Event("close"));}#p(e){const t=this.props.initialFocus;(t instanceof HTMLElement?t:e.querySelector(t??w)??e.querySelector("button:not(:disabled), [tabindex]:not([tabindex='-1']), input:not(:disabled)")??e).focus({preventScroll:!0});}#d(){const e=this.functionElement?.ownerDocument.defaultView;this.#t!==void 0||e===null||e===void 0||(this.#t=e.requestAnimationFrame(()=>{this.#t=void 0,this.#h();}));}#h(){const e=this.functionElement,t=this.props.anchor,o=e?.ownerDocument.defaultView;if(!this.#e||e===null||t===void 0||o===null||o===void 0)return;const n=t.getBoundingClientRect(),r=e.offsetWidth,l=e.offsetHeight,s=o.getComputedStyle(t).direction==="rtl",c=n.bottom+D,d=n.top-D-l,C=c+l<=o.innerHeight-a||d<a?c:d,L=s?n.right-r:n.left,S=o.innerWidth-r-a,y=o.innerHeight-l-a;this.setStyle("left",`${P(L,a,S)}px`),this.setStyle("top",`${P(C,a,y)}px`);}#v(e){const t=this.functionElement,o=e.composedPath(),n=this.props.anchor;t===null||o.includes(t)||n!==void 0&&o.includes(n)||this.#s(!1,"backdrop",e);}#b(e){e.key!=="Escape"||e.defaultPrevented||(this.props.onCancel?.(e),!e.defaultPrevented&&(e.preventDefault(),this.#s(!1,"cancel",e)));}applyComponentProps(){const e=super.readProps(["anchor","defaultOpen","label","open","role"]);if(e.labelChanged&&!("attr:aria-label"in this.props)&&this.setAttribute("aria-label",e.label),e.roleChanged&&this.setAttribute("role",e.role??"dialog"),e.openChanged||e.defaultOpenChanged){const t=this.#a?e.open===!0:A(()=>this.#e||e.defaultOpen===!0);queueMicrotask(()=>this.#u(t,this.#l));}e.anchorChanged&&this.#d();}render(e){return<div class="cw-PickerDialog cw-PickerDialog-docked cw-elevationShadow"popover="manual"tabIndex={-1}>{e}</div>;}}const X=/* @__PURE__ */H(()=>I,()=>J);function k(i,e){const t=n=>{i.onDismiss?.(n),n.defaultPrevented||e("dismiss",n);},o=n=>{i.onConfirm?.(n),n.defaultPrevented||e("confirm",n);};return<div class="cw-PickerDialog-actions"hidden={i.showActions===!1||i.showActions===void 0&&i.presentation==="docked"}>
 		<E variant="text"size="sm"onClick={t}>{i.dismissLabel??"Cancel"}</E>
 		<E variant="text"size="sm"disabled={i.confirmDisabled}onClick={o}>
 			{i.confirmLabel??"OK"}
 		</E>
-	</div>}const W=i=>{const[e,t]=O(i,["anchor","children","confirmDisabled","confirmLabel","controllerRef","dismissLabel","onConfirm","onDismiss","presentation","showActions"]);let o;const n=(s,c)=>o?.close(s,c),r=s=>{o=s,e.controllerRef?.(s)},l=()=>{const s=e.children;return typeof s=="function"?s():s};return<R when={e.presentation==="docked"}fallback={<F{...t}classList={{...t.classList,"cw-PickerDialog":!0}}controllerRef={r}initialFocus={t.initialFocus??w}modal>
+	</div>;}const W=i=>{const[e,t]=O(i,["anchor","children","confirmDisabled","confirmLabel","controllerRef","dismissLabel","onConfirm","onDismiss","presentation","showActions"]);let o;const n=(s,c)=>o?.close(s,c),r=s=>{o=s,e.controllerRef?.(s);},l=()=>{const s=e.children;return typeof s=="function"?s():s;};return<R when={e.presentation==="docked"}fallback={<F{...t}classList={{...t.classList,"cw-PickerDialog":!0}}controllerRef={r}initialFocus={t.initialFocus??w}modal>
 			{l()}
 			{k(i,n)}
 		</F>}>
@@ -11,4 +11,4 @@ import{Show as R,onCleanup as M,splitProps as O,untrack as A}from"solid-js";impo
 			{l()}
 			{k(i,n)}
 		</X>
-	</R>};export{W as PickerDialog};
+	</R>;};export{W as PickerDialog};

package/target/esbuild/input/select.jsx

@@ -1,6 +1,6 @@
-import{For as E,createMemo as S,createUniqueId as f,onCleanup as L,onMount as V,untrack as p}from"solid-js";import{defineDomComponent as J}from"..";import{DomController as X}from"../dom/client";import{createFieldLabel as O,firstInputSlotOf as h,idReferencesOf as w,inputErrorOf as A,observeFormReset as q,observeLabelInlineSize as K,splitInputElementProps as G,supportingSlotOf as I}from"./base";import"./text-field.css";import"./select.css";const o="cw-Select",H="cw-Select-disabled",T="cw-Select-error",M="cw-Select-readOnly",D="_cw-Select-noAsterisk",k="cw-Select-select",b="cw-Select-placeholder",P=new Set([" ","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Enter","F4","Home","PageDown","PageUp"]);function _(d){return`_cw-Select-${d??"filled"}`}function N(d){return"options"in d}function x(d,e){return<E each={d()}>{t=>{if(!N(t))return e(t);const{disabled:i,label:n}=t;return<optgroup disabled={i===!0}label={n}>
+import{For as E,createMemo as S,createUniqueId as f,onCleanup as L,onMount as V,untrack as p}from"solid-js";import{defineDomComponent as J}from"..";import{DomController as X}from"../dom/client";import{createFieldLabel as O,firstInputSlotOf as h,idReferencesOf as w,inputErrorOf as A,observeFormReset as q,observeLabelInlineSize as K,splitInputElementProps as G,supportingSlotOf as I}from"./base";import"./text-field.css";import"./select.css";const o="cw-Select",H="cw-Select-disabled",T="cw-Select-error",M="cw-Select-readOnly",D="_cw-Select-noAsterisk",k="cw-Select-select",b="cw-Select-placeholder",P=/* @__PURE__ */new Set([" ","ArrowDown","ArrowLeft","ArrowRight","ArrowUp","End","Enter","F4","Home","PageDown","PageUp"]);function _(d){return`_cw-Select-${d??"filled"}`;}function N(d){return"options"in d;}function x(d,e){return<E each={d()}>{t=>{if(!N(t))return e(t);const{disabled:i,label:n}=t;return<optgroup disabled={i===!0}label={n}>
 			<E each={t.options}>{e}</E>
-		</optgroup>}}</E>}function U(d,e){const t=f(),i=f(),n=A(e),s=I(e,n),a=G(d),{containerProps:l,elementProps:r}=a,v=e.invalid===!0||n!==void 0,m=e.disabled===!0,g=e.readOnly===!0,u="value"in e?e.value??"":e.defaultValue,y=e.id??r.id??t,R={...r,"aria-describedby":w(r["aria-describedby"],s===void 0?void 0:i),"aria-invalid":"aria-invalid"in r?r["aria-invalid"]:v?"true":void 0,"aria-readonly":"aria-readonly"in r?r["aria-readonly"]:g?"true":void 0,class:k,disabled:m,id:y,name:e.name,required:e.required===!0},F=c=><option disabled={c.disabled===!0}selected={u!==void 0&&c.value===u}value={c.value}>{c.label}</option>,C=O(o);return<div{...l}classList={{...l.classList,[_(e.variant)]:!0,[H]:m,[T]:v,[D]:e.noAsterisk===!0,[M]:g,[o]:!0}}>
+		</optgroup>;}}</E>;}function U(d,e){const t=f(),i=f(),n=A(e),s=I(e,n),a=G(d),{containerProps:l,elementProps:r}=a,v=e.invalid===!0||n!==void 0,m=e.disabled===!0,g=e.readOnly===!0,u="value"in e?e.value??"":e.defaultValue,y=e.id??r.id??t,R={...r,"aria-describedby":w(r["aria-describedby"],s===void 0?void 0:i),"aria-invalid":"aria-invalid"in r?r["aria-invalid"]:v?"true":void 0,"aria-readonly":"aria-readonly"in r?r["aria-readonly"]:g?"true":void 0,class:k,disabled:m,id:y,name:e.name,required:e.required===!0},F=c=><option disabled={c.disabled===!0}selected={u!==void 0&&c.value===u}value={c.value}>{c.label}</option>,C=O(o);return<div{...l}classList={{...l.classList,[_(e.variant)]:!0,[H]:m,[T]:v,[D]:e.noAsterisk===!0,[M]:g,[o]:!0}}>
 		<div class="cw-Select-control">
 			<span class="cw-Select-leading">
 				{h(()=>e.leading,()=>e.leadingIcon)}
@@ -29,7 +29,7 @@ import{For as E,createMemo as S,createUniqueId as f,onCleanup as L,onMount as V,
 				{s}
 			</span>
 		</div>
-	</div>}class z extends X{#s;#c;#d;#o;#u;#t;#e;#n;#l;constructor(e){super(e,{functionElementIsStatic:!0}),this.#s="value"in e,this.#c=f(),this.#d=f(),this.#o=S(()=>A(e)),this.#u=S(()=>I(e,this.#o())),this.#t=null,this.#e=void 0,this.#n=null,this.#l=()=>{},V(()=>{const t=this.#r();t!==null&&this.#p(t),L(K(this,o))}),L(()=>{this.#n?.disconnect(),this.#l()})}#r(){return this.functionElement}#a(e){const t=`attr:${e}`;return t in this.props?[super.readProp(t)[0],!0]:[void 0,!1]}#h(){const[e]=this.#a("id");return this.props.id??e??this.#c}#p(e){this.#l(),this.#l=q(e,this.#v)}#i(e,t){(e.value!==t||e.selectedIndex<0)&&(e.value=t);const i=e.selectedIndex<0?null:e.options[e.selectedIndex];for(const n of Array.from(e.options))n.defaultSelected!==(n===i)&&(n.defaultSelected=n===i);this.#n?.takeRecords(),this.#e=t}#S(e){const t=Array.from(e.options),i=t.find(a=>a.defaultSelected),n=e.selectedIndex<0?void 0:t[e.selectedIndex],s=p(()=>this.props.defaultValue);if(i!==void 0&&n!==void 0&&n!==i){this.#e=n.value;return}s!==void 0?this.#i(e,s):i===void 0&&t[0]?.classList.contains(b)?this.#i(e,""):this.#e=e.value}#b=()=>{const e=this.#r();e!==null&&(this.#s?this.#i(e,p(()=>this.props.value)??""):this.#e!==void 0&&e.value!==this.#e&&(e.value=this.#e))};#v=()=>{const e=this.#r();e!==null&&(this.#e=e.value)};#m=e=>{const t=e.currentTarget,{onChange:i,onSelectedChange:n,onValueChange:s,readOnly:a}=this.props,l=t.value;if(a===!0){this.#e!==void 0&&(t.value=this.#e);return}this.#e=l,s?.(l,e),n!==s&&n?.(l,e),i!==s&&i!==n&&i?.(l,e),this.#s&&this.#i(t,p(()=>this.props.value)??"")};#f=e=>{this.props.readOnly===!0&&e.preventDefault()};#g=e=>{const t=e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey;this.props.readOnly===!0&&(t||P.has(e.key))&&e.preventDefault()};applyComponentProps(){const e=super.readProps(["disabled","id","invalid","name","noAsterisk","readOnly","required","value","variant"]),t=this.#r(),[i]=this.#a("aria-describedby"),[,n]=this.#a("aria-invalid"),[,s]=this.#a("aria-readonly"),a=e.invalid===!0||this.#o()!==void 0,l=this.#h();e.variantChanged&&super.setClass("variant",_(e.variant)),e.disabledChanged&&(super.setClass(H,e.disabled===!0),super.setAttribute("disabled",e.disabled===!0)),e.readOnlyChanged&&(super.setClass(M,e.readOnly===!0),s||super.setAttribute("aria-readonly",e.readOnly===!0?"true":void 0)),super.setClass(T,a),n||super.setAttribute("aria-invalid",a?"true":void 0),super.setAttribute("aria-describedby",w(i,this.#u()===void 0?void 0:this.#d)),super.setAttribute("id",l),this.#t!==null&&(this.#t.htmlFor=l),e.requiredChanged&&super.setAttribute("required",e.required===!0),e.noAsteriskChanged&&super.setClass(D,e.noAsterisk===!0),e.nameChanged&&super.setAttribute("name",e.name),t!==null&&(this.#s?e.valueChanged&&this.#i(t,e.value??""):this.#e===void 0&&this.#S(t))}onFunctionElementChanged(e){super.onFunctionElementChanged(e),e!==null&&(e.addEventListener("change",this.#m),e.addEventListener("click",this.#f),e.addEventListener("keydown",this.#g),e.addEventListener("mousedown",this.#f),this.#n=new MutationObserver(this.#b),this.#n.observe(e,{attributeFilter:["selected","value"],childList:!0,subtree:!0}),this.#p(e))}render(e,t){const i="placeholder"in this.props,n=S(()=>this.props.options!==void 0),s=this.#d,a=r=><option disabled={r.disabled===!0}value={r.value}>{r.label}</option>,l=O(o);return<div class={o}>
+	</div>;}class z extends X{#s;#c;#d;#o;#u;#t;#e;#n;#l;constructor(e){super(e,{functionElementIsStatic:!0}),this.#s="value"in e,this.#c=f(),this.#d=f(),this.#o=S(()=>A(e)),this.#u=S(()=>I(e,this.#o())),this.#t=null,this.#e=void 0,this.#n=null,this.#l=()=>{},V(()=>{const t=this.#r();t!==null&&this.#p(t),L(K(this,o));}),L(()=>{this.#n?.disconnect(),this.#l();});}#r(){return this.functionElement;}#a(e){const t=`attr:${e}`;return t in this.props?[super.readProp(t)[0],!0]:[void 0,!1];}#h(){const[e]=this.#a("id");return this.props.id??e??this.#c;}#p(e){this.#l(),this.#l=q(e,this.#v);}#i(e,t){(e.value!==t||e.selectedIndex<0)&&(e.value=t);const i=e.selectedIndex<0?null:e.options[e.selectedIndex];for(const n of Array.from(e.options))n.defaultSelected!==(n===i)&&(n.defaultSelected=n===i);this.#n?.takeRecords(),this.#e=t;}#S(e){const t=Array.from(e.options),i=t.find(a=>a.defaultSelected),n=e.selectedIndex<0?void 0:t[e.selectedIndex],s=p(()=>this.props.defaultValue);if(i!==void 0&&n!==void 0&&n!==i){this.#e=n.value;return;}s!==void 0?this.#i(e,s):i===void 0&&t[0]?.classList.contains(b)?this.#i(e,""):this.#e=e.value;}#b=()=>{const e=this.#r();e!==null&&(this.#s?this.#i(e,p(()=>this.props.value)??""):this.#e!==void 0&&e.value!==this.#e&&(e.value=this.#e));};#v=()=>{const e=this.#r();e!==null&&(this.#e=e.value);};#m=e=>{const t=e.currentTarget,{onChange:i,onSelectedChange:n,onValueChange:s,readOnly:a}=this.props,l=t.value;if(a===!0){this.#e!==void 0&&(t.value=this.#e);return;}this.#e=l,s?.(l,e),n!==s&&n?.(l,e),i!==s&&i!==n&&i?.(l,e),this.#s&&this.#i(t,p(()=>this.props.value)??"");};#f=e=>{this.props.readOnly===!0&&e.preventDefault();};#g=e=>{const t=e.key.length===1&&!e.altKey&&!e.ctrlKey&&!e.metaKey;this.props.readOnly===!0&&(t||P.has(e.key))&&e.preventDefault();};applyComponentProps(){const e=super.readProps(["disabled","id","invalid","name","noAsterisk","readOnly","required","value","variant"]),t=this.#r(),[i]=this.#a("aria-describedby"),[,n]=this.#a("aria-invalid"),[,s]=this.#a("aria-readonly"),a=e.invalid===!0||this.#o()!==void 0,l=this.#h();e.variantChanged&&super.setClass("variant",_(e.variant)),e.disabledChanged&&(super.setClass(H,e.disabled===!0),super.setAttribute("disabled",e.disabled===!0)),e.readOnlyChanged&&(super.setClass(M,e.readOnly===!0),s||super.setAttribute("aria-readonly",e.readOnly===!0?"true":void 0)),super.setClass(T,a),n||super.setAttribute("aria-invalid",a?"true":void 0),super.setAttribute("aria-describedby",w(i,this.#u()===void 0?void 0:this.#d)),super.setAttribute("id",l),this.#t!==null&&(this.#t.htmlFor=l),e.requiredChanged&&super.setAttribute("required",e.required===!0),e.noAsteriskChanged&&super.setClass(D,e.noAsterisk===!0),e.nameChanged&&super.setAttribute("name",e.name),t!==null&&(this.#s?e.valueChanged&&this.#i(t,e.value??""):this.#e===void 0&&this.#S(t));}onFunctionElementChanged(e){super.onFunctionElementChanged(e),e!==null&&(e.addEventListener("change",this.#m),e.addEventListener("click",this.#f),e.addEventListener("keydown",this.#g),e.addEventListener("mousedown",this.#f),this.#n=new MutationObserver(this.#b),this.#n.observe(e,{attributeFilter:["selected","value"],childList:!0,subtree:!0}),this.#p(e));}render(e,t){const i="placeholder"in this.props,n=S(()=>this.props.options!==void 0),s=this.#d,a=r=><option disabled={r.disabled===!0}value={r.value}>{r.label}</option>,l=O(o);return<div class={o}>
 			<div class="cw-Select-control">
 				<span class="cw-Select-leading">
 					{h(()=>this.props.leading,()=>this.props.leadingIcon)}
@@ -60,4 +60,4 @@ import{For as E,createMemo as S,createUniqueId as f,onCleanup as L,onMount as V,
 					{this.#u()}
 				</span>
 			</div>
-		</div>}}const B=J(()=>U,()=>z),ee=B;export{ee as ExposedDropdownMenu,B as Select,z as SelectController};
+		</div>;}}const B=/* @__PURE__ */J(()=>U,()=>z),ee=B;export{ee as ExposedDropdownMenu,B as Select,z as SelectController};

package/target/esbuild/input/slider.jsx

@@ -1,6 +1,6 @@
-import{createUniqueId as x,onCleanup as H,onMount as se}from"solid-js";import{insert as p}from"solid-js/web";import{defineDomComponent as G}from"..";import{DomController as ae}from"../dom/client";import{dedupeCallbacks as de}from"../navigation/base";import{firstInputSlot as m,hasInputError as B,observeFormReset as z,supportingSlot as A}from"./base";import{NO_SUPPORTING_CONTENT as oe,PairedInputController as le,createSupportingContent as ue,pairedInputAttributes as ce,resolveInputPair as pe,splitFieldProps as U,supportingChangesOf as he}from"./paired-input";import"./slider.css";const b="cw-Slider",L="cw-RangeSlider",k=0,j=100,X=8,W=["Minimum","Maximum"],Y={start:["startValue","start"],end:["endValue","end"]};function g(i,e){const n=typeof i=="number"?i:Number(i);return Number.isFinite(n)?n:e}function f(i,e,n){return Math.min(n,Math.max(e,Number.isFinite(i)?i:e))}function K(i){const e=i.map(r=>{const[s,a="0"]=r.toString().split("e"),d=s.split(".")[1]?.length??0;return[BigInt(s.replace(".","")),Number(a)-d]}),n=Math.min(...e.map(([,r])=>r));return{coefficients:e.map(([r,s])=>r*10n**BigInt(s-n)),exponent:n}}function h(i){const e=g(i.min,k),n=Math.max(e,g(i.max,j)),t=i.step==="any"||typeof i.step=="number"&&Number.isFinite(i.step)&&i.step>0?i.step:void 0;if(typeof t!="number")return{min:e,max:n,step:t,steps:0};const{coefficients:[r,s,a]}=K([e,n,t]),d=Number((s-r)/a);return{min:e,max:n,step:t,steps:d>=2?d:0}}function R(i,e){const n=f(e,i.min,i.max),t=i.step??1;if(t==="any")return n;const{coefficients:[r,s,a,d],exponent:o}=K([i.min,i.max,t,n]),l=(s-r)/a,u=((d-r)*2n+a)/(a*2n);return+`${r+(u>l?l:u)*a}e${o}`}function D(i){return i.steps===0?i.max:R(i,i.max)}function E(i,e){const n=D(i);return n===i.min?0:(f(e,i.min,n)-i.min)/(n-i.min)}function V(i,e){return i.steps!==0&&e>i.min&&e<D(i)?1:0}function Q(i,e,n,t){const r=V(i,e);return E(i,e)*(n-2*t*r)+t*r}function me(i,e,n,t){const r=D(i);if(n<=0)return i.min;if(i.steps===0)return i.min+f(e/n,0,1)*(r-i.min);const s=(n-2*t)/i.steps,a=s>0?Math.round((e-t)/s):1,d=f(a,1,i.steps-1),o=[[0,0],[d,t+d*s],[i.steps,n]],[l]=o.reduce((u,c)=>Math.abs(c[1]-e)<Math.abs(u[1]-e)?c:u);return R(i,i.min+l*i.step)}function v(i){return i.vertical===!0?"vertical":i.orientation??"horizontal"}function Z(i,e){const n=E(i,e);return n<.5?"_cw-Slider-belowCenter":n>.5?"_cw-Slider-aboveCenter":void 0}function ee(i,e,n){if(n===void 0)return{inactive:E(i,e)<.5,hidden:!1};const t=Q(i,e,n.length,n.corner),r=n.iconSize+2*n.iconPadding+n.gap,s=t>=r;return{inactive:!s,hidden:!s&&n.length-t<r}}function N(i,e){const n=e.length===2?e[0]:i.min,t=e[e.length-1];return{"--cw-slider-start":`${E(i,n)}`,"--cw-slider-end":`${E(i,t)}`,"--cw-slider-start-inset":`${V(i,n)}`,"--cw-slider-end-inset":`${V(i,t)}`,"--cw-slider-steps":`${Math.max(1,i.steps)}`}}function ne(i,e,n,t,r){const s=e.centered===!0?Z(n,t):void 0;return{[i]:!0,[`${i}-${v(e)}`]:!0,[`${i}-disabled`]:e.disabled===!0,[`${i}-error`]:r,[`${i}-readOnly`]:e.readOnly===!0,[`_${i}-${e.size??"xs"}`]:!0,[`_${i}-${e.shape??"standard"}`]:!0,"_cw-Slider-discrete":n.steps!==0,"_cw-Slider-noValueIndicator":e.valueIndicator===!1,"cw-Slider-centered":e.centered===!0,"_cw-Slider-belowCenter":s==="_cw-Slider-belowCenter","_cw-Slider-aboveCenter":s==="_cw-Slider-aboveCenter"}}function J(i){return<span class={`cw-Slider-handle cw-Slider-handle-${i}`}>
+import{createUniqueId as x,onCleanup as H,onMount as se}from"solid-js";import{insert as p}from"solid-js/web";import{defineDomComponent as G}from"..";import{DomController as ae}from"../dom/client";import{dedupeCallbacks as de}from"../navigation/base";import{firstInputSlot as m,hasInputError as B,observeFormReset as z,supportingSlot as A}from"./base";import{NO_SUPPORTING_CONTENT as oe,PairedInputController as le,createSupportingContent as ue,pairedInputAttributes as ce,resolveInputPair as pe,splitFieldProps as U,supportingChangesOf as he}from"./paired-input";import"./slider.css";const b="cw-Slider",L="cw-RangeSlider",k=0,j=100,X=8,W=["Minimum","Maximum"],Y={start:["startValue","start"],end:["endValue","end"]};function g(i,e){const n=typeof i=="number"?i:Number(i);return Number.isFinite(n)?n:e;}function f(i,e,n){return Math.min(n,Math.max(e,Number.isFinite(i)?i:e));}function K(i){const e=i.map(r=>{const[s,a="0"]=r.toString().split("e"),d=s.split(".")[1]?.length??0;return[BigInt(s.replace(".","")),Number(a)-d];}),n=Math.min(...e.map(([,r])=>r));return{coefficients:e.map(([r,s])=>r*10n**BigInt(s-n)),exponent:n};}function h(i){const e=g(i.min,k),n=Math.max(e,g(i.max,j)),t=i.step==="any"||typeof i.step=="number"&&Number.isFinite(i.step)&&i.step>0?i.step:void 0;if(typeof t!="number")return{min:e,max:n,step:t,steps:0};const{coefficients:[r,s,a]}=K([e,n,t]),d=Number((s-r)/a);return{min:e,max:n,step:t,steps:d>=2?d:0};}function R(i,e){const n=f(e,i.min,i.max),t=i.step??1;if(t==="any")return n;const{coefficients:[r,s,a,d],exponent:o}=K([i.min,i.max,t,n]),l=(s-r)/a,u=((d-r)*2n+a)/(a*2n);return+`${r+(u>l?l:u)*a}e${o}`;}function D(i){return i.steps===0?i.max:R(i,i.max);}function E(i,e){const n=D(i);return n===i.min?0:(f(e,i.min,n)-i.min)/(n-i.min);}function V(i,e){return i.steps!==0&&e>i.min&&e<D(i)?1:0;}function Q(i,e,n,t){const r=V(i,e);return E(i,e)*(n-2*t*r)+t*r;}function me(i,e,n,t){const r=D(i);if(n<=0)return i.min;if(i.steps===0)return i.min+f(e/n,0,1)*(r-i.min);const s=(n-2*t)/i.steps,a=s>0?Math.round((e-t)/s):1,d=f(a,1,i.steps-1),o=[[0,0],[d,t+d*s],[i.steps,n]],[l]=o.reduce((u,c)=>Math.abs(c[1]-e)<Math.abs(u[1]-e)?c:u);return R(i,i.min+l*i.step);}function v(i){return i.vertical===!0?"vertical":i.orientation??"horizontal";}function Z(i,e){const n=E(i,e);return n<0.5?"_cw-Slider-belowCenter":n>0.5?"_cw-Slider-aboveCenter":void 0;}function ee(i,e,n){if(n===void 0)return{inactive:E(i,e)<0.5,hidden:!1};const t=Q(i,e,n.length,n.corner),r=n.iconSize+2*n.iconPadding+n.gap,s=t>=r;return{inactive:!s,hidden:!s&&n.length-t<r};}function N(i,e){const n=e.length===2?e[0]:i.min,t=e[e.length-1];return{"--cw-slider-start":`${E(i,n)}`,"--cw-slider-end":`${E(i,t)}`,"--cw-slider-start-inset":`${V(i,n)}`,"--cw-slider-end-inset":`${V(i,t)}`,"--cw-slider-steps":`${Math.max(1,i.steps)}`};}function ne(i,e,n,t,r){const s=e.centered===!0?Z(n,t):void 0;return{[i]:!0,[`${i}-${v(e)}`]:!0,[`${i}-disabled`]:e.disabled===!0,[`${i}-error`]:r,[`${i}-readOnly`]:e.readOnly===!0,[`_${i}-${e.size??"xs"}`]:!0,[`_${i}-${e.shape??"standard"}`]:!0,"_cw-Slider-discrete":n.steps!==0,"_cw-Slider-noValueIndicator":e.valueIndicator===!1,"cw-Slider-centered":e.centered===!0,"_cw-Slider-belowCenter":s==="_cw-Slider-belowCenter","_cw-Slider-aboveCenter":s==="_cw-Slider-aboveCenter"};}function J(i){return<span class={`cw-Slider-handle cw-Slider-handle-${i}`}>
 		<span class="cw-Slider-value"/>
-	</span>}function M(i,e,n){const t=i?J("start"):void 0,r=J("end");return<span class="cw-Slider-control">
+	</span>;}function M(i,e,n){const t=i?J("start"):void 0,r=J("end");return<span class="cw-Slider-control">
 		{e}
 		<span class="cw-Slider-rail"aria-hidden="true">
 			<span class="_cw-Slider-segment cw-Slider-inactiveBefore"/>
@@ -10,7 +10,7 @@ import{createUniqueId as x,onCleanup as H,onMount as se}from"solid-js";import{in
 			{t}
 			{r}
 		</span>
-	</span>}function _(i,e){i.min=`${e.min}`,i.max=`${e.max}`,e.step===void 0?i.removeAttribute("step"):i.step=`${e.step}`}function $(i,e,n){const t=e.formatValue?.(n);t===void 0?i.removeAttribute("aria-valuetext"):i.setAttribute("aria-valuetext",t)}function te(i,e,n,t){const r=i.styleElement?.querySelectorAll(".cw-Slider-value")??[],s=t[t.length-1];for(const[a,d]of Object.entries(N(n,t)))i.setStyle(a,d);i.setClass("center",e.centered===!0?Z(n,s):void 0),i.setClass("_cw-Slider-discrete",n.steps!==0);for(const[a,d]of Array.from(r).entries()){const o=e.formatValue?.(t[a])??`${t[a]}`;d.textContent!==o&&(d.textContent=o)}}function q(i,e){const n=i.ownerDocument.defaultView?.Event??Event;i.dispatchEvent(new n(e,{bubbles:!0}))}class ie{#e;#l;#u;#f;#a;#t;#n;#d;#o;#i;constructor(e){this.#e=e,this.#l=n=>this.#r(n),this.#u=n=>{n.pointerId===this.#t&&this.#s(n)},this.#f=n=>{n.pointerId===this.#t&&this.#g(n.type==="pointerup"?n:void 0)},this.#a=null,this.#t=void 0,this.#n=void 0,this.#d=0,this.#o=[],this.#i=void 0}attach(e){const n=this.#a;if(n!==e){this.#g(void 0);for(const t of["pointerup","pointercancel","lostpointercapture"])n?.removeEventListener(t,this.#f),e?.addEventListener(t,this.#f);n?.removeEventListener("pointerdown",this.#l),n?.removeEventListener("pointermove",this.#u),e?.addEventListener("pointerdown",this.#l),e?.addEventListener("pointermove",this.#u),this.#a=e}}#c(){return!this.#e.readOnly()&&!this.#e.inputs().some(e=>e.matches(":disabled"))}#p(e){const n=this.#i,t=n.vertical?e.clientY:e.clientX;return n.reversed?n.origin-t:t-n.origin}#h(e){const n=this.#i,t=Number(this.#e.inputs()[e].value);return Q(this.#e.scale(),t,n.length,n.corner)}#b(e){if(this.#e.inputs().length===1)return 0;const n=this.#h(0),t=this.#h(1),r=Math.abs(n-e)-Math.abs(t-e);return r<0?0:r>0||n!==t?1:Math.abs(e-n)>X?e<n?0:1:void 0}#m(e,n){const t=this.#i,r=this.#e.inputs()[e],s=r.value,a=this.#p(n),d=me(this.#e.scale(),a,t.length,t.corner);r.value=`${d}`,r.value!==s&&q(r,"input")}#S(e){this.#e.inputs()[e].focus({preventScroll:!0}),this.#e.setPressed(e)}#r(e){const n=this.#a,t=n?.querySelector(".cw-Slider-rail")??null,r=this.#e.inputs();if(n===null||t===null||r.length===0||this.#t!==void 0||e.button!==0||!e.isPrimary||e.defaultPrevented||!this.#c())return;const s=t.getBoundingClientRect(),a=t.ownerDocument.defaultView.getComputedStyle(t),d=a.writingMode.startsWith("vertical"),o=!d&&a.direction==="rtl";e.preventDefault(),this.#i={vertical:d,reversed:d||o,origin:d?s.bottom:o?s.right:s.left,length:d?s.height:s.width,corner:Number.parseFloat(a.borderTopLeftRadius)||0},this.#o=r.map(l=>l.value),this.#t=e.pointerId,this.#d=this.#p(e),this.#n=this.#b(this.#d);try{n.setPointerCapture(e.pointerId)}catch{}this.#S(this.#n??r.length-1),this.#n!==void 0&&this.#m(this.#n,e)}#s(e){if(!this.#c()){this.#g(void 0);return}if(this.#n===void 0){const n=this.#p(e)-this.#d;if(Math.abs(n)<=X)return;this.#n=n<0?0:1,this.#S(this.#n)}this.#m(this.#n,e)}#g(e){const n=this.#t,t=this.#a;if(n!==void 0){e!==void 0&&this.#n!==void 0&&this.#c()&&this.#m(this.#n,e),this.#t=void 0,this.#i=void 0,this.#n=void 0,this.#e.setPressed(void 0),t?.hasPointerCapture(n)===!0&&t.releasePointerCapture(n);for(const[r,s]of this.#e.inputs().entries())s.value!==this.#o[r]&&q(s,"change")}}}function fe(i,e){const n=x(),t=x(),r=U(i),s=r.input,a=h(e),d=R(a,g("value"in e?e.value:e.defaultValue,a.min)),o=(F,re)=>F in s?s[F]:re,l=<span class="cw-Slider-label"id={n}>
+	</span>;}function _(i,e){i.min=`${e.min}`,i.max=`${e.max}`,e.step===void 0?i.removeAttribute("step"):i.step=`${e.step}`;}function $(i,e,n){const t=e.formatValue?.(n);t===void 0?i.removeAttribute("aria-valuetext"):i.setAttribute("aria-valuetext",t);}function te(i,e,n,t){const r=i.styleElement?.querySelectorAll(".cw-Slider-value")??[],s=t[t.length-1];for(const[a,d]of Object.entries(N(n,t)))i.setStyle(a,d);i.setClass("center",e.centered===!0?Z(n,s):void 0),i.setClass("_cw-Slider-discrete",n.steps!==0);for(const[a,d]of Array.from(r).entries()){const o=e.formatValue?.(t[a])??`${t[a]}`;d.textContent!==o&&(d.textContent=o);}}function q(i,e){const n=i.ownerDocument.defaultView?.Event??Event;i.dispatchEvent(new n(e,{bubbles:!0}));}class ie{#e;#l;#u;#f;#a;#t;#n;#d;#o;#i;constructor(e){this.#e=e,this.#l=n=>this.#r(n),this.#u=n=>{n.pointerId===this.#t&&this.#s(n);},this.#f=n=>{n.pointerId===this.#t&&this.#g(n.type==="pointerup"?n:void 0);},this.#a=null,this.#t=void 0,this.#n=void 0,this.#d=0,this.#o=[],this.#i=void 0;}attach(e){const n=this.#a;if(n!==e){this.#g(void 0);for(const t of["pointerup","pointercancel","lostpointercapture"])n?.removeEventListener(t,this.#f),e?.addEventListener(t,this.#f);n?.removeEventListener("pointerdown",this.#l),n?.removeEventListener("pointermove",this.#u),e?.addEventListener("pointerdown",this.#l),e?.addEventListener("pointermove",this.#u),this.#a=e;}}#c(){return!this.#e.readOnly()&&!this.#e.inputs().some(e=>e.matches(":disabled"));}#p(e){const n=this.#i,t=n.vertical?e.clientY:e.clientX;return n.reversed?n.origin-t:t-n.origin;}#h(e){const n=this.#i,t=Number(this.#e.inputs()[e].value);return Q(this.#e.scale(),t,n.length,n.corner);}#b(e){if(this.#e.inputs().length===1)return 0;const n=this.#h(0),t=this.#h(1),r=Math.abs(n-e)-Math.abs(t-e);return r<0?0:r>0||n!==t?1:Math.abs(e-n)>X?e<n?0:1:void 0;}#m(e,n){const t=this.#i,r=this.#e.inputs()[e],s=r.value,a=this.#p(n),d=me(this.#e.scale(),a,t.length,t.corner);r.value=`${d}`,r.value!==s&&q(r,"input");}#S(e){this.#e.inputs()[e].focus({preventScroll:!0}),this.#e.setPressed(e);}#r(e){const n=this.#a,t=n?.querySelector(".cw-Slider-rail")??null,r=this.#e.inputs();if(n===null||t===null||r.length===0||this.#t!==void 0||e.button!==0||!e.isPrimary||e.defaultPrevented||!this.#c())return;const s=t.getBoundingClientRect(),a=t.ownerDocument.defaultView.getComputedStyle(t),d=a.writingMode.startsWith("vertical"),o=!d&&a.direction==="rtl";e.preventDefault(),this.#i={vertical:d,reversed:d||o,origin:d?s.bottom:o?s.right:s.left,length:d?s.height:s.width,corner:Number.parseFloat(a.borderTopLeftRadius)||0},this.#o=r.map(l=>l.value),this.#t=e.pointerId,this.#d=this.#p(e),this.#n=this.#b(this.#d);try{n.setPointerCapture(e.pointerId);}catch{}this.#S(this.#n??r.length-1),this.#n!==void 0&&this.#m(this.#n,e);}#s(e){if(!this.#c()){this.#g(void 0);return;}if(this.#n===void 0){const n=this.#p(e)-this.#d;if(Math.abs(n)<=X)return;this.#n=n<0?0:1,this.#S(this.#n);}this.#m(this.#n,e);}#g(e){const n=this.#t,t=this.#a;if(n!==void 0){e!==void 0&&this.#n!==void 0&&this.#c()&&this.#m(this.#n,e),this.#t=void 0,this.#i=void 0,this.#n=void 0,this.#e.setPressed(void 0),t?.hasPointerCapture(n)===!0&&t.releasePointerCapture(n);for(const[r,s]of this.#e.inputs().entries())s.value!==this.#o[r]&&q(s,"change");}}}function fe(i,e){const n=x(),t=x(),r=U(i),s=r.input,a=h(e),d=R(a,g("value"in e?e.value:e.defaultValue,a.min)),o=(F,re)=>F in s?s[F]:re,l=<span class="cw-Slider-label"id={n}>
 		{m(e.label)??i.children}
 	</span>,u=<span class="cw-Slider-leading">
 		{m(e.leading,e.leadingIcon)}
@@ -22,11 +22,11 @@ import{createUniqueId as x,onCleanup as H,onMount as se}from"solid-js";import{in
 		{l}
 		<span class="cw-Slider-track">{u}{c}{C}{S}{P}</span>
 		{I}
-	</label>}class Se extends ae{#e;#l;#u;#f;#a;#t;#n;#d;#o;#i;#c;#p;#h;#b;#m;#S;#r;#s;constructor(e){super(e),this.#e="value"in e,this.#l=x(),this.#u=x(),this.#f="attr:aria-label"in e||"attr:aria-labelledby"in e,this.#a="attr:aria-describedby"in e,this.#t="attr:aria-invalid"in e,this.#n="attr:aria-readonly"in e,this.#d=new ie({inputs:()=>{const n=this.functionElement;return n===null?[]:[n]},scale:()=>h(this.props),readOnly:()=>this.props.readOnly===!0,setPressed:n=>this.setClass("_cw-Slider-endPressed",n!==void 0)}),this.#o=n=>this.#C(n),this.#i=()=>this.#y(),this.#c=()=>oe,this.#p=void 0,this.#h=null,this.#b=null,this.#m=void 0,this.#S=!1,this.#r=k,this.#s=()=>{},se(()=>{const n=this.functionElement,t=this.#h,s=t?.ownerDocument.defaultView?.ResizeObserver;if(n!==null&&(this.#s(),this.#s=z(n,this.#i)),t!==null&&s!==void 0){const a=new s(()=>this.#g());a.observe(t),H(()=>a.disconnect())}}),H(()=>{this.#s(),this.#d.attach(null),this.functionElement?.removeEventListener("input",this.#o)})}#g(){const e=this.#h,n=this.#b,t=e?.ownerDocument.defaultView;if(e===null||n===null||t===null||t===void 0||!e.isConnected)return;const r=t.getComputedStyle(e),s=t.getComputedStyle(n),a=e.getBoundingClientRect(),d=o=>Number.parseFloat(s.getPropertyValue(o))||0;this.#m={length:r.writingMode.startsWith("vertical")?a.height:a.width,corner:Number.parseFloat(r.borderTopLeftRadius)||0,gap:d("--cw-slider-handle-gap")+d("--cw-slider-handle-width")/2,iconSize:d("--cw-slider-inset-icon-size"),iconPadding:d("--cw-slider-inset-icon-padding")},this.#w()}#w(){const e=ee(h(this.props),this.#r,this.#m);this.setClass("_cw-Slider-iconInactive",e.inactive),this.setClass("_cw-Slider-iconHidden",e.hidden)}#v(){const e=this.functionElement;e!==null&&(te(this,this.props,h(this.props),[this.#r]),$(e,this.props,this.#r),this.#w())}#y(){const e=this.functionElement,n=h(this.props);e!==null&&(e.value=`${f(this.#e?g(this.props.value,n.min):Number(e.value),n.min,n.max)}`,this.#r=Number(e.value),this.#v())}#C(e){const n=this.functionElement,t=h(this.props);if(!(n===null||n.disabled)){if(this.props.readOnly===!0){n.value=`${this.#r}`;return}this.#r=f(Number(n.value),t.min,t.max),this.#v(),de([this.props.onValueChange,this.props.onChange],this.#r,e),this.#e&&this.#y()}}#x(e){const n=this.#c(),t=he(this.#p,n,this.props.invalid===!0,e);if(this.#p=n,t.error!==void 0&&(this.setClass(`${b}-error`,t.error),this.#t||this.setAttribute("aria-invalid",t.error?"true":void 0)),t.described!==void 0&&!this.#a){const r=t.described?this.#u:void 0;this.setAttribute("aria-describedby",r)}}applyComponentProps(){const e=super.readProps(["attr:id","centered","defaultValue","disabled","formatValue","id","invalid","max","min","name","orientation","readOnly","required","shape","size","step","value","valueIndicator","vertical"]),n=this.functionElement,t=h(this.props),r=e.id??e["attr:id"];if(n!==null){if((e.minChanged||e.maxChanged||e.stepChanged)&&_(n,t),!this.#S){const s=g(e.defaultValue,t.min);this.#S=!0,n.defaultValue=`${f(s,t.min,t.max)}`,this.#e||(n.value=n.defaultValue)}e.valueChanged||e.minChanged||e.maxChanged||e.stepChanged?this.#y():(e.centeredChanged||e.formatValueChanged)&&this.#v(),e.disabledChanged&&(n.disabled=e.disabled===!0,this.setClass(`${b}-disabled`,e.disabled===!0)),e.readOnlyChanged&&(this.setClass(`${b}-readOnly`,e.readOnly===!0),this.#n||this.setAttribute("aria-readonly",e.readOnly===!0?"true":void 0)),e.requiredChanged&&(n.required=e.required===!0),e.nameChanged&&this.setAttribute("name",e.name===""?void 0:e.name),"id"in this.props&&n.getAttribute("id")!==(r??null)&&this.setAttribute("id",r),(e.orientationChanged||e.verticalChanged)&&(this.setClass("orientation",`${b}-${v(this.props)}`),this.setAttribute("aria-orientation",v(this.props))),e.sizeChanged&&this.setClass("size",`_cw-Slider-${e.size??"xs"}`),e.shapeChanged&&(this.setClass("shape",`_cw-Slider-${e.shape??"standard"}`),this.#g()),e.centeredChanged&&this.setClass("cw-Slider-centered",e.centered===!0),e.valueIndicatorChanged&&this.setClass("_cw-Slider-noValueIndicator",e.valueIndicator===!1),this.#x(e.invalidChanged)}}onFunctionElementChanged(e){const n=this.functionElement;this.#s(),super.onFunctionElementChanged(e),n?.removeEventListener("input",this.#o),e?.addEventListener("input",this.#o),this.#s=()=>{},e!==null&&(this.#s=z(e,this.#i))}render(e,n){const t=<span class="cw-Slider-label"id={this.#l}/>;p(t,()=>m(this.props.label)??e);const r=<span class="cw-Slider-leading"/>;p(r,()=>m(this.props.leading,this.props.leadingIcon));const s=<span class="cw-Slider-prefix"/>;p(s,()=>this.props.prefix);const a=<span class="cw-Slider-suffix"/>;p(a,()=>this.props.suffix);const d=<span class="cw-Slider-trailing"/>;p(d,()=>m(this.props.trailing,this.props.trailingIcon));const o=<span class="cw-Slider-supporting"aria-live="polite"id={this.#u}/>,l=ue(this.props);this.#c=l,p(o,()=>l().content);const u=<input aria-labelledby={this.#f?void 0:this.#l}class="cw-Slider-input _cw-Slider-end"ref={n}type="range"/>,c=<span class="cw-Slider-insetIcon"><span/></span>;p(c.firstChild,()=>this.props.insetIcon);const S=M(!1,u,c);return this.#h=S.querySelector(".cw-Slider-rail"),this.#b=c,this.#d.attach(S),<label class={b}>
+	</label>;}class Se extends ae{#e;#l;#u;#f;#a;#t;#n;#d;#o;#i;#c;#p;#h;#b;#m;#S;#r;#s;constructor(e){super(e),this.#e="value"in e,this.#l=x(),this.#u=x(),this.#f="attr:aria-label"in e||"attr:aria-labelledby"in e,this.#a="attr:aria-describedby"in e,this.#t="attr:aria-invalid"in e,this.#n="attr:aria-readonly"in e,this.#d=new ie({inputs:()=>{const n=this.functionElement;return n===null?[]:[n];},scale:()=>h(this.props),readOnly:()=>this.props.readOnly===!0,setPressed:n=>this.setClass("_cw-Slider-endPressed",n!==void 0)}),this.#o=n=>this.#C(n),this.#i=()=>this.#y(),this.#c=()=>oe,this.#p=void 0,this.#h=null,this.#b=null,this.#m=void 0,this.#S=!1,this.#r=k,this.#s=()=>{},se(()=>{const n=this.functionElement,t=this.#h,s=t?.ownerDocument.defaultView?.ResizeObserver;if(n!==null&&(this.#s(),this.#s=z(n,this.#i)),t!==null&&s!==void 0){const a=new s(()=>this.#g());a.observe(t),H(()=>a.disconnect());}}),H(()=>{this.#s(),this.#d.attach(null),this.functionElement?.removeEventListener("input",this.#o);});}#g(){const e=this.#h,n=this.#b,t=e?.ownerDocument.defaultView;if(e===null||n===null||t===null||t===void 0||!e.isConnected)return;const r=t.getComputedStyle(e),s=t.getComputedStyle(n),a=e.getBoundingClientRect(),d=o=>Number.parseFloat(s.getPropertyValue(o))||0;this.#m={length:r.writingMode.startsWith("vertical")?a.height:a.width,corner:Number.parseFloat(r.borderTopLeftRadius)||0,gap:d("--cw-slider-handle-gap")+d("--cw-slider-handle-width")/2,iconSize:d("--cw-slider-inset-icon-size"),iconPadding:d("--cw-slider-inset-icon-padding")},this.#w();}#w(){const e=ee(h(this.props),this.#r,this.#m);this.setClass("_cw-Slider-iconInactive",e.inactive),this.setClass("_cw-Slider-iconHidden",e.hidden);}#v(){const e=this.functionElement;e!==null&&(te(this,this.props,h(this.props),[this.#r]),$(e,this.props,this.#r),this.#w());}#y(){const e=this.functionElement,n=h(this.props);e!==null&&(e.value=`${f(this.#e?g(this.props.value,n.min):Number(e.value),n.min,n.max)}`,this.#r=Number(e.value),this.#v());}#C(e){const n=this.functionElement,t=h(this.props);if(!(n===null||n.disabled)){if(this.props.readOnly===!0){n.value=`${this.#r}`;return;}this.#r=f(Number(n.value),t.min,t.max),this.#v(),de([this.props.onValueChange,this.props.onChange],this.#r,e),this.#e&&this.#y();}}#x(e){const n=this.#c(),t=he(this.#p,n,this.props.invalid===!0,e);if(this.#p=n,t.error!==void 0&&(this.setClass(`${b}-error`,t.error),this.#t||this.setAttribute("aria-invalid",t.error?"true":void 0)),t.described!==void 0&&!this.#a){const r=t.described?this.#u:void 0;this.setAttribute("aria-describedby",r);}}applyComponentProps(){const e=super.readProps(["attr:id","centered","defaultValue","disabled","formatValue","id","invalid","max","min","name","orientation","readOnly","required","shape","size","step","value","valueIndicator","vertical"]),n=this.functionElement,t=h(this.props),r=e.id??e["attr:id"];if(n!==null){if((e.minChanged||e.maxChanged||e.stepChanged)&&_(n,t),!this.#S){const s=g(e.defaultValue,t.min);this.#S=!0,n.defaultValue=`${f(s,t.min,t.max)}`,this.#e||(n.value=n.defaultValue);}e.valueChanged||e.minChanged||e.maxChanged||e.stepChanged?this.#y():(e.centeredChanged||e.formatValueChanged)&&this.#v(),e.disabledChanged&&(n.disabled=e.disabled===!0,this.setClass(`${b}-disabled`,e.disabled===!0)),e.readOnlyChanged&&(this.setClass(`${b}-readOnly`,e.readOnly===!0),this.#n||this.setAttribute("aria-readonly",e.readOnly===!0?"true":void 0)),e.requiredChanged&&(n.required=e.required===!0),e.nameChanged&&this.setAttribute("name",e.name===""?void 0:e.name),"id"in this.props&&n.getAttribute("id")!==(r??null)&&this.setAttribute("id",r),(e.orientationChanged||e.verticalChanged)&&(this.setClass("orientation",`${b}-${v(this.props)}`),this.setAttribute("aria-orientation",v(this.props))),e.sizeChanged&&this.setClass("size",`_cw-Slider-${e.size??"xs"}`),e.shapeChanged&&(this.setClass("shape",`_cw-Slider-${e.shape??"standard"}`),this.#g()),e.centeredChanged&&this.setClass("cw-Slider-centered",e.centered===!0),e.valueIndicatorChanged&&this.setClass("_cw-Slider-noValueIndicator",e.valueIndicator===!1),this.#x(e.invalidChanged);}}onFunctionElementChanged(e){const n=this.functionElement;this.#s(),super.onFunctionElementChanged(e),n?.removeEventListener("input",this.#o),e?.addEventListener("input",this.#o),this.#s=()=>{},e!==null&&(this.#s=z(e,this.#i));}render(e,n){const t=<span class="cw-Slider-label"id={this.#l}/>;p(t,()=>m(this.props.label)??e);const r=<span class="cw-Slider-leading"/>;p(r,()=>m(this.props.leading,this.props.leadingIcon));const s=<span class="cw-Slider-prefix"/>;p(s,()=>this.props.prefix);const a=<span class="cw-Slider-suffix"/>;p(a,()=>this.props.suffix);const d=<span class="cw-Slider-trailing"/>;p(d,()=>m(this.props.trailing,this.props.trailingIcon));const o=<span class="cw-Slider-supporting"aria-live="polite"id={this.#u}/>,l=ue(this.props);this.#c=l,p(o,()=>l().content);const u=<input aria-labelledby={this.#f?void 0:this.#l}class="cw-Slider-input _cw-Slider-end"ref={n}type="range"/>,c=<span class="cw-Slider-insetIcon"><span/></span>;p(c.firstChild,()=>this.props.insetIcon);const S=M(!1,u,c);return this.#h=S.querySelector(".cw-Slider-rail"),this.#b=c,this.#d.attach(S),<label class={b}>
 			{t}
 			<span class="cw-Slider-track">{r}{s}{S}{a}{d}</span>
 			{o}
-		</label>}}const Re=G(()=>fe,()=>Se);function ge(i,e){const n=x(),t=U(i),r=h(e),[s,a]=pe(e,Y,!0,[void 0,void 0],(w,C)=>R(r,g(w,C===0?r.min:r.max)),(w,C)=>w-C),d=<legend class="cw-RangeSlider-label">
+		</label>;}}const Re=/* @__PURE__ */G(()=>fe,()=>Se);function ge(i,e){const n=x(),t=U(i),r=h(e),[s,a]=pe(e,Y,!0,[void 0,void 0],(w,C)=>R(r,g(w,C===0?r.min:r.max)),(w,C)=>w-C),d=<legend class="cw-RangeSlider-label">
 		{m(e.label)??i.children}
 	</legend>,o=<span class="cw-RangeSlider-leading">
 		{m(e.leading,e.leadingIcon)}
@@ -41,11 +41,11 @@ import{createUniqueId as x,onCleanup as H,onMount as se}from"solid-js";import{in
 		{d}
 		<span class="cw-RangeSlider-track">{o}{l}{O}{u}{c}</span>
 		{S}
-	</fieldset>}class be extends le{#e;constructor(e){super(e,L,W,Y,{parse:n=>Number(n.value),compare:(n,t)=>n-t},[k,j]),this.#e=new ie({inputs:()=>{const n=this.functionElement,t=this.endInput;return n===null||t===null?[]:[n,t]},scale:()=>h(this.props),readOnly:()=>this.props.readOnly===!0,setPressed:n=>{this.setClass("_cw-Slider-startPressed",n===0),this.setClass("_cw-Slider-endPressed",n===1)}}),H(()=>this.#e.attach(null))}normalize(e,n){const t=h(this.props),r=n===0?t.min:t.max;return f(g(e,r),t.min,t.max)}applyConstraints(e,n){const t=super.readProps(["max","min","step"]),r=h(this.props);return!t.minChanged&&!t.maxChanged&&!t.stepChanged?!1:(_(e,r),_(n,r),!0)}changeCallbacks(){return[this.props.onValueChange,this.props.onRangeChange,this.props.onChange]}onPairApplied(e){const n=this.functionElement,t=this.endInput,r=h(this.props);n===null||t===null||(n.setAttribute("aria-valuemin",`${r.min}`),n.setAttribute("aria-valuemax",`${e[1]}`),t.setAttribute("aria-valuemin",`${e[0]}`),t.setAttribute("aria-valuemax",`${r.max}`),$(n,this.props,e[0]),$(t,this.props,e[1]),te(this,this.props,r,e))}applyComponentProps(){super.applyComponentProps();const e=super.readProps(["formatValue","orientation","shape","size","valueIndicator","vertical"]),n=this.endInput,t=v(this.props);(e.orientationChanged||e.verticalChanged)&&(this.setClass("orientation",`${L}-${t}`),this.setAttribute("aria-orientation",t),n?.setAttribute("aria-orientation",t)),e.sizeChanged&&this.setClass("size",`_cw-RangeSlider-${e.size??"xs"}`),e.shapeChanged&&this.setClass("shape",`_cw-RangeSlider-${e.shape??"standard"}`),e.valueIndicatorChanged&&this.setClass("_cw-Slider-noValueIndicator",e.valueIndicator===!1),e.formatValueChanged&&this.onPairApplied(this.values)}render(e,n){const t=<legend class="cw-RangeSlider-label"/>;p(t,()=>m(this.props.label)??e);const r=<span class="cw-RangeSlider-leading"/>;p(r,()=>m(this.props.leading,this.props.leadingIcon));const s=<span class="cw-RangeSlider-prefix"/>;p(s,()=>this.props.prefix);const a=<span class="cw-RangeSlider-suffix"/>;p(a,()=>this.props.suffix);const d=<span class="cw-RangeSlider-trailing"/>;p(d,()=>m(this.props.trailing,this.props.trailingIcon));const o=<span class="cw-RangeSlider-supporting"aria-live="polite"id={this.supportingId}/>;this.insertSupporting(o);const l=<>
+	</fieldset>;}class be extends le{#e;constructor(e){super(e,L,W,Y,{parse:n=>Number(n.value),compare:(n,t)=>n-t},[k,j]),this.#e=new ie({inputs:()=>{const n=this.functionElement,t=this.endInput;return n===null||t===null?[]:[n,t];},scale:()=>h(this.props),readOnly:()=>this.props.readOnly===!0,setPressed:n=>{this.setClass("_cw-Slider-startPressed",n===0),this.setClass("_cw-Slider-endPressed",n===1);}}),H(()=>this.#e.attach(null));}normalize(e,n){const t=h(this.props),r=n===0?t.min:t.max;return f(g(e,r),t.min,t.max);}applyConstraints(e,n){const t=super.readProps(["max","min","step"]),r=h(this.props);return!t.minChanged&&!t.maxChanged&&!t.stepChanged?!1:(_(e,r),_(n,r),!0);}changeCallbacks(){return[this.props.onValueChange,this.props.onRangeChange,this.props.onChange];}onPairApplied(e){const n=this.functionElement,t=this.endInput,r=h(this.props);n===null||t===null||(n.setAttribute("aria-valuemin",`${r.min}`),n.setAttribute("aria-valuemax",`${e[1]}`),t.setAttribute("aria-valuemin",`${e[0]}`),t.setAttribute("aria-valuemax",`${r.max}`),$(n,this.props,e[0]),$(t,this.props,e[1]),te(this,this.props,r,e));}applyComponentProps(){super.applyComponentProps();const e=super.readProps(["formatValue","orientation","shape","size","valueIndicator","vertical"]),n=this.endInput,t=v(this.props);(e.orientationChanged||e.verticalChanged)&&(this.setClass("orientation",`${L}-${t}`),this.setAttribute("aria-orientation",t),n?.setAttribute("aria-orientation",t)),e.sizeChanged&&this.setClass("size",`_cw-RangeSlider-${e.size??"xs"}`),e.shapeChanged&&this.setClass("shape",`_cw-RangeSlider-${e.shape??"standard"}`),e.valueIndicatorChanged&&this.setClass("_cw-Slider-noValueIndicator",e.valueIndicator===!1),e.formatValueChanged&&this.onPairApplied(this.values);}render(e,n){const t=<legend class="cw-RangeSlider-label"/>;p(t,()=>m(this.props.label)??e);const r=<span class="cw-RangeSlider-leading"/>;p(r,()=>m(this.props.leading,this.props.leadingIcon));const s=<span class="cw-RangeSlider-prefix"/>;p(s,()=>this.props.prefix);const a=<span class="cw-RangeSlider-suffix"/>;p(a,()=>this.props.suffix);const d=<span class="cw-RangeSlider-trailing"/>;p(d,()=>m(this.props.trailing,this.props.trailingIcon));const o=<span class="cw-RangeSlider-supporting"aria-live="polite"id={this.supportingId}/>;this.insertSupporting(o);const l=<>
 			<input class="cw-RangeSlider-input _cw-Slider-start"ref={n}type="range"/>
 			<input class="cw-RangeSlider-input _cw-Slider-end"ref={c=>this.setEndInput(c)}type="range"/>
 		</>,u=M(!0,l);return this.#e.attach(u),<fieldset class={L}>
 			{t}
 			<span class="cw-RangeSlider-track">{r}{s}{u}{a}{d}</span>
 			{o}
-		</fieldset>}}const Me=G(()=>ge,()=>be);export{Me as RangeSlider,be as RangeSliderController,Re as Slider,Se as SliderController};
+		</fieldset>;}}const Me=/* @__PURE__ */G(()=>ge,()=>be);export{Me as RangeSlider,be as RangeSliderController,Re as Slider,Se as SliderController};

package/target/esbuild/input/text-field.jsx

@@ -1,4 +1,4 @@
-import{createMemo as w,createUniqueId as p,mergeProps as I,onCleanup as N,onMount as ee,untrack as o}from"solid-js";import{defineDomComponent as te}from"..";import{DomController as ne}from"../dom/client";import{Icon as T}from"../icon";import{createFieldLabel as J,firstInputSlotOf as c,idReferencesOf as P,inputErrorOf as q,observeFormReset as ie,observeLabelInlineSize as se,splitInputElementProps as re,supportingSlotOf as B}from"./base";import"./text-field.css";const m="cw-TextField",z="cw-TextField-disabled",$="cw-TextField-error",Y="cw-TextField-readOnly",U="_cw-TextField-noAsterisk",y="cw-TextField-input",W=" ",j="Show password",K="visibility",G="visibility_off",Q="--_cw-TextField-rows",de="a[href], button, input, select, textarea, [contenteditable], [tabindex]";let V;function le(){return V??=typeof CSS<"u"&&CSS.supports("field-sizing","content"),V}function Z(i){return`_cw-TextField-${i??"filled"}`}function E(i){const{multiline:e,revealPassword:t,secure:n,type:s}=i;return e===!0||t===!1?!1:t===!0||n===!0||s==="password"}function L(i,e){const t=i.type??(i.secure===!0?"password":"text");return e&&E(i)?"text":t}function A(i,e){return e===void 0||e<=0?void 0:`${i} / ${e}`}function X(i){return i.localName==="textarea"}function ae(i){return typeof i=="function"?i():i}function oe(i,e,t){const n=p(),s=p(),r=p(),l=q(e),u=B(e,l),a=t?.(),f=re(i),{containerProps:h,elementProps:d}=f,k=e.invalid===!0||l!==void 0,S=("value"in e?e.value:e.defaultValue)??"",O=A(S.length,e.maxLength),F=e.disabled===!0,M=e.readOnly===!0,C=e.id??d.id??n,R={...d,"aria-describedby":P(d["aria-describedby"],u===void 0?void 0:s,O===void 0?void 0:r),"aria-invalid":"aria-invalid"in d?d["aria-invalid"]:k?"true":void 0,class:y,disabled:F,id:C,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder??W,readOnly:M||void 0,required:e.required===!0,spellcheck:e.spellCheck},D=e.multiline===!0,H=J(m);return<div{...h}classList={{...h.classList,[Z(e.variant)]:!0,[z]:F,[$]:k,[U]:e.noAsterisk===!0,[Y]:M,[m]:!0,...a===void 0?void 0:{[a.className]:!0}}}style={D?{...h.style,[Q]:`${e.rows??1}`}:h.style}>
+import{createMemo as w,createUniqueId as p,mergeProps as I,onCleanup as N,onMount as ee,untrack as o}from"solid-js";import{defineDomComponent as te}from"..";import{DomController as ne}from"../dom/client";import{Icon as T}from"../icon";import{createFieldLabel as J,firstInputSlotOf as c,idReferencesOf as P,inputErrorOf as q,observeFormReset as ie,observeLabelInlineSize as se,splitInputElementProps as re,supportingSlotOf as B}from"./base";import"./text-field.css";const m="cw-TextField",z="cw-TextField-disabled",$="cw-TextField-error",Y="cw-TextField-readOnly",U="_cw-TextField-noAsterisk",y="cw-TextField-input",W=" ",j="Show password",K="visibility",G="visibility_off",Q="--_cw-TextField-rows",de="a[href], button, input, select, textarea, [contenteditable], [tabindex]";let V;function le(){return V??=typeof CSS<"u"&&CSS.supports("field-sizing","content"),V;}function Z(i){return`_cw-TextField-${i??"filled"}`;}function E(i){const{multiline:e,revealPassword:t,secure:n,type:s}=i;return e===!0||t===!1?!1:t===!0||n===!0||s==="password";}function L(i,e){const t=i.type??(i.secure===!0?"password":"text");return e&&E(i)?"text":t;}function A(i,e){return e===void 0||e<=0?void 0:`${i} / ${e}`;}function X(i){return i.localName==="textarea";}function ae(i){return typeof i=="function"?i():i;}function oe(i,e,t){const n=p(),s=p(),r=p(),l=q(e),u=B(e,l),a=t?.(),f=re(i),{containerProps:h,elementProps:d}=f,k=e.invalid===!0||l!==void 0,S=("value"in e?e.value:e.defaultValue)??"",O=A(S.length,e.maxLength),F=e.disabled===!0,M=e.readOnly===!0,C=e.id??d.id??n,R={...d,"aria-describedby":P(d["aria-describedby"],u===void 0?void 0:s,O===void 0?void 0:r),"aria-invalid":"aria-invalid"in d?d["aria-invalid"]:k?"true":void 0,class:y,disabled:F,id:C,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder??W,readOnly:M||void 0,required:e.required===!0,spellcheck:e.spellCheck},D=e.multiline===!0,H=J(m);return<div{...h}classList={{...h.classList,[Z(e.variant)]:!0,[z]:F,[$]:k,[U]:e.noAsterisk===!0,[Y]:M,[m]:!0,...(a===void 0?void 0:{[a.className]:!0})}}style={D?{...h.style,[Q]:`${e.rows??1}`}:h.style}>
 		<div class="cw-TextField-control">
 			<span class="cw-TextField-leading">
 				{c(()=>e.leading,()=>e.leadingIcon)}
@@ -34,10 +34,10 @@ import{createMemo as w,createUniqueId as p,mergeProps as I,onCleanup as N,onMoun
 			<span class="cw-TextField-counter"id={r}>{O}</span>
 		</div>
 		{a?.content()}
-	</div>}class ue extends ne{#d;#x;#a;#o;#u;#p;#n;#c;#i;#e;#s;#r;constructor(e){super(e),this.#d="value"in e,this.#x=p(),this.#a=p(),this.#o=p(),this.#u=w(()=>q(e)),this.#p=w(()=>B(e,this.#u())),this.#n=null,this.#c=null,this.#i=null,this.#e=!1,this.#s=!1,this.#r=()=>{},ee(()=>{const t=this.#t();t!==null&&this.#b(t),N(se(this,m))}),N(()=>this.#r())}#t(){return this.functionElement}#f(e){const t=`attr:${e}`;return t in this.props?[super.readProp(t)[0],!0]:[void 0,!1]}#v(){const[e]=this.#f("id");return this.props.id??e??this.#x}#b(e){this.#r(),this.#r=ie(e,this.#h)}#g(e,t){const{onChange:n,onTextChange:s,onValueChange:r}=this.props;r?.(e,t),s!==r&&s?.(e,t),n!==r&&n!==s&&n?.(e,t)}#l(){const e=this.#t();if(!(e===null||this.#s)){if(this.#d){const t=o(()=>this.props.value)??"";e.defaultValue!==t&&(e.defaultValue=t),e.value!==t&&(e.value=t)}this.#h()}}#h=()=>{const e=this.#t(),t=this.#c;if(e!==null){if(t!==null){const n=o(()=>this.props.maxLength);t.textContent=A(e.value.length,n)??""}X(e)&&!le()&&(e.style.blockSize="auto",e.style.blockSize=`${e.scrollHeight}px`)}};commitValue(e,t){const n=this.#t();n!==null&&(this.#d||(n.value=e),this.#g(e,t),this.#l())}#T=e=>{const t=e.currentTarget;this.#g(t.value,e),e.isComposing?this.#h():this.#l()};#E=()=>{this.#s=!0};#S=()=>{this.#s=!1,setTimeout(()=>this.#l(),0)};#F=e=>{const t=this.#t();t===null||e.button!==0||e.target.closest(de)!==null||(e.preventDefault(),t.focus())};#C=e=>{e.preventDefault()};#w=()=>{this.#e=!this.#e,this.#y(),this.#m()};#y(){const e=this.#t();if(e===null||X(e))return;const t=L(o(()=>this.props),this.#e),n=e.getRootNode().activeElement===e,{selectionDirection:s,selectionEnd:r,selectionStart:l}=e;e.type!==t&&(super.setAttribute("type",t),n&&l!==null&&r!==null&&(e.offsetWidth,e.setSelectionRange(l,r,s??void 0)))}#m(){const e=this.#i;e!==null&&(o(()=>{e.disabled=this.props.disabled===!0,e.setAttribute("aria-controls",this.#v()),e.setAttribute("aria-label",this.props.revealPasswordLabel??j)}),e.setAttribute("aria-pressed",this.#e?"true":"false"))}applyComponentProps(){const e=super.readProps(["autocomplete","cols","disabled","id","inputMode","invalid","max","maxLength","min","minLength","multiline","name","noAsterisk","pattern","placeholder","readOnly","required","revealPassword","revealPasswordLabel","rows","secure","spellCheck","step","type","value","variant"]),t=e.multiline===!0,n=e.multilineChanged||void 0,[s]=this.#f("aria-describedby"),[,r]=this.#f("aria-invalid"),l=e.invalid===!0||this.#u()!==void 0,u=A(0,e.maxLength)!==void 0,a=this.#v();e.variantChanged&&super.setClass("variant",Z(e.variant)),e.disabledChanged&&(super.setClass(z,e.disabled===!0),super.setAttribute("disabled",e.disabled===!0)),e.readOnlyChanged&&(super.setClass(Y,e.readOnly===!0),super.setAttribute("readonly",e.readOnly===!0)),super.setClass($,l),r||super.setAttribute("aria-invalid",l?"true":void 0),super.setAttribute("aria-describedby",P(s,this.#p()===void 0?void 0:this.#a,u?this.#o:void 0)),super.setAttribute("id",a),this.#n!==null&&(this.#n.htmlFor=a),e.requiredChanged&&super.setAttribute("required",e.required===!0),e.noAsteriskChanged&&super.setClass(U,e.noAsterisk===!0),e.nameChanged&&super.setAttribute("name",e.name),e.placeholderChanged&&super.setAttribute("placeholder",e.placeholder??W),e.maxLengthChanged&&super.setAttribute("maxlength",e.maxLength),e.minLengthChanged&&super.setAttribute("minlength",e.minLength),e.spellCheckChanged&&super.setAttribute("spellcheck",e.spellCheck),(e.autocompleteChanged||n)&&super.setAttribute("autocomplete",t?void 0:e.autocomplete),(e.inputModeChanged||n)&&super.setAttribute("inputmode",t?void 0:e.inputMode),(e.patternChanged||n)&&super.setAttribute("pattern",t?void 0:e.pattern),(e.minChanged||n)&&super.setAttribute("min",t?void 0:e.min),(e.maxChanged||n)&&super.setAttribute("max",t?void 0:e.max),(e.stepChanged||n)&&super.setAttribute("step",t?void 0:e.step),(e.colsChanged||n)&&super.setAttribute("cols",t?e.cols:void 0),(e.rowsChanged||n)&&(super.setAttribute("rows",t?e.rows??1:void 0),super.setStyle(Q,t?e.rows??1:void 0)),(e.typeChanged||e.secureChanged||e.revealPasswordChanged||n)&&(E(e)||(this.#e=!1),super.setAttribute("type",t?void 0:L(e,this.#e))),(e.valueChanged||e.maxLengthChanged||n)&&this.#l(),this.#m()}onFunctionElementChanged(e){const t=e,n=this.#t();super.onFunctionElementChanged(e),this.#r(),n?.removeEventListener("input",this.#T),n?.removeEventListener("compositionstart",this.#E),n?.removeEventListener("compositionend",this.#S),this.#s=!1,t!==null&&(t.addEventListener("input",this.#T),t.addEventListener("compositionstart",this.#E),t.addEventListener("compositionend",this.#S),o(()=>{n!==null?(t.defaultValue=n.defaultValue,t.value=n.value):this.#d?(t.defaultValue=this.props.value??"",t.value=this.props.value??""):this.props.defaultValue!==void 0&&(t.defaultValue=this.props.defaultValue)}),this.#b(t))}render(e,t){const n=t,s=w(()=>E(this.props)),r=()=>{const d=this.props.multiline===!0;return o(()=>d?<textarea class={y}ref={n}/>:<input class={y}ref={n}/>)},l=()=>{if(!s()){this.#i=null;return}return this.#i=<button aria-pressed="false"class="cw-TextField-reveal"on:click={this.#w}on:mousedown={this.#C}type="button">
+	</div>;}class ue extends ne{#d;#x;#a;#o;#u;#p;#n;#c;#i;#e;#s;#r;constructor(e){super(e),this.#d="value"in e,this.#x=p(),this.#a=p(),this.#o=p(),this.#u=w(()=>q(e)),this.#p=w(()=>B(e,this.#u())),this.#n=null,this.#c=null,this.#i=null,this.#e=!1,this.#s=!1,this.#r=()=>{},ee(()=>{const t=this.#t();t!==null&&this.#b(t),N(se(this,m));}),N(()=>this.#r());}#t(){return this.functionElement;}#f(e){const t=`attr:${e}`;return t in this.props?[super.readProp(t)[0],!0]:[void 0,!1];}#v(){const[e]=this.#f("id");return this.props.id??e??this.#x;}#b(e){this.#r(),this.#r=ie(e,this.#h);}#g(e,t){const{onChange:n,onTextChange:s,onValueChange:r}=this.props;r?.(e,t),s!==r&&s?.(e,t),n!==r&&n!==s&&n?.(e,t);}#l(){const e=this.#t();if(!(e===null||this.#s)){if(this.#d){const t=o(()=>this.props.value)??"";e.defaultValue!==t&&(e.defaultValue=t),e.value!==t&&(e.value=t);}this.#h();}}#h=()=>{const e=this.#t(),t=this.#c;if(e!==null){if(t!==null){const n=o(()=>this.props.maxLength);t.textContent=A(e.value.length,n)??"";}X(e)&&!le()&&(e.style.blockSize="auto",e.style.blockSize=`${e.scrollHeight}px`);}};commitValue(e,t){const n=this.#t();n!==null&&(this.#d||(n.value=e),this.#g(e,t),this.#l());}#T=e=>{const t=e.currentTarget;this.#g(t.value,e),e.isComposing?this.#h():this.#l();};#E=()=>{this.#s=!0;};#S=()=>{this.#s=!1,setTimeout(()=>this.#l(),0);};#F=e=>{const t=this.#t();t===null||e.button!==0||e.target.closest(de)!==null||(e.preventDefault(),t.focus());};#C=e=>{e.preventDefault();};#w=()=>{this.#e=!this.#e,this.#y(),this.#m();};#y(){const e=this.#t();if(e===null||X(e))return;const t=L(o(()=>this.props),this.#e),n=e.getRootNode().activeElement===e,{selectionDirection:s,selectionEnd:r,selectionStart:l}=e;e.type!==t&&(super.setAttribute("type",t),n&&l!==null&&r!==null&&(e.offsetWidth,e.setSelectionRange(l,r,s??void 0)));}#m(){const e=this.#i;e!==null&&(o(()=>{e.disabled=this.props.disabled===!0,e.setAttribute("aria-controls",this.#v()),e.setAttribute("aria-label",this.props.revealPasswordLabel??j);}),e.setAttribute("aria-pressed",this.#e?"true":"false"));}applyComponentProps(){const e=super.readProps(["autocomplete","cols","disabled","id","inputMode","invalid","max","maxLength","min","minLength","multiline","name","noAsterisk","pattern","placeholder","readOnly","required","revealPassword","revealPasswordLabel","rows","secure","spellCheck","step","type","value","variant"]),t=e.multiline===!0,n=e.multilineChanged||void 0,[s]=this.#f("aria-describedby"),[,r]=this.#f("aria-invalid"),l=e.invalid===!0||this.#u()!==void 0,u=A(0,e.maxLength)!==void 0,a=this.#v();e.variantChanged&&super.setClass("variant",Z(e.variant)),e.disabledChanged&&(super.setClass(z,e.disabled===!0),super.setAttribute("disabled",e.disabled===!0)),e.readOnlyChanged&&(super.setClass(Y,e.readOnly===!0),super.setAttribute("readonly",e.readOnly===!0)),super.setClass($,l),r||super.setAttribute("aria-invalid",l?"true":void 0),super.setAttribute("aria-describedby",P(s,this.#p()===void 0?void 0:this.#a,u?this.#o:void 0)),super.setAttribute("id",a),this.#n!==null&&(this.#n.htmlFor=a),e.requiredChanged&&super.setAttribute("required",e.required===!0),e.noAsteriskChanged&&super.setClass(U,e.noAsterisk===!0),e.nameChanged&&super.setAttribute("name",e.name),e.placeholderChanged&&super.setAttribute("placeholder",e.placeholder??W),e.maxLengthChanged&&super.setAttribute("maxlength",e.maxLength),e.minLengthChanged&&super.setAttribute("minlength",e.minLength),e.spellCheckChanged&&super.setAttribute("spellcheck",e.spellCheck),(e.autocompleteChanged||n)&&super.setAttribute("autocomplete",t?void 0:e.autocomplete),(e.inputModeChanged||n)&&super.setAttribute("inputmode",t?void 0:e.inputMode),(e.patternChanged||n)&&super.setAttribute("pattern",t?void 0:e.pattern),(e.minChanged||n)&&super.setAttribute("min",t?void 0:e.min),(e.maxChanged||n)&&super.setAttribute("max",t?void 0:e.max),(e.stepChanged||n)&&super.setAttribute("step",t?void 0:e.step),(e.colsChanged||n)&&super.setAttribute("cols",t?e.cols:void 0),(e.rowsChanged||n)&&(super.setAttribute("rows",t?e.rows??1:void 0),super.setStyle(Q,t?e.rows??1:void 0)),(e.typeChanged||e.secureChanged||e.revealPasswordChanged||n)&&(E(e)||(this.#e=!1),super.setAttribute("type",t?void 0:L(e,this.#e))),(e.valueChanged||e.maxLengthChanged||n)&&this.#l(),this.#m();}onFunctionElementChanged(e){const t=e,n=this.#t();super.onFunctionElementChanged(e),this.#r(),n?.removeEventListener("input",this.#T),n?.removeEventListener("compositionstart",this.#E),n?.removeEventListener("compositionend",this.#S),this.#s=!1,t!==null&&(t.addEventListener("input",this.#T),t.addEventListener("compositionstart",this.#E),t.addEventListener("compositionend",this.#S),o(()=>{n!==null?(t.defaultValue=n.defaultValue,t.value=n.value):this.#d?(t.defaultValue=this.props.value??"",t.value=this.props.value??""):this.props.defaultValue!==void 0&&(t.defaultValue=this.props.defaultValue);}),this.#b(t));}render(e,t){const n=t,s=w(()=>E(this.props)),r=()=>{const d=this.props.multiline===!0;return o(()=>d?<textarea class={y}ref={n}/>:<input class={y}ref={n}/>);},l=()=>{if(!s()){this.#i=null;return;}return this.#i=<button aria-pressed="false"class="cw-TextField-reveal"on:click={this.#w}on:mousedown={this.#C}type="button">
 				<T class="_cw-TextField-revealEye"name={K}/>
 				<T class="_cw-TextField-revealSlash"name={G}/>
-			</button>,o(()=>this.#m()),this.#i},u=this.#o,a=this.#a,f=J(m);return<div class={m}>
+			</button>,o(()=>this.#m()),this.#i;},u=this.#o,a=this.#a,f=J(m);return<div class={m}>
 			<div class="cw-TextField-control"on:mousedown={this.#F}>
 				<span class="cw-TextField-leading">
 					{c(()=>this.props.leading,()=>this.props.leadingIcon)}
@@ -70,4 +70,4 @@ import{createMemo as w,createUniqueId as p,mergeProps as I,onCleanup as N,onMoun
 				<span class="cw-TextField-counter"id={u}ref={d=>this.#c=d}/>
 			</div>
 			{this.renderExtension()}
-		</div>}get labelElement(){return this.#n}renderExtension(){}}const _=te(()=>oe,()=>ue);function be(i){return _(I({variant:"outlined"},i))}function ge(i){return _(I({variant:"filled"},i))}function pe(i){return _(I({secure:!0,type:"password"},i))}const Te=pe;export{ge as FilledTextField,be as OutlinedTextField,pe as PasswordField,Te as SecureField,_ as TextField,ue as TextFieldController,oe as renderTextField};
+		</div>;}get labelElement(){return this.#n;}renderExtension(){}}const _=/* @__PURE__ */te(()=>oe,()=>ue);function be(i){return _(I({variant:"outlined"},i));}function ge(i){return _(I({variant:"filled"},i));}function pe(i){return _(I({secure:!0,type:"password"},i));}const Te=pe;export{ge as FilledTextField,be as OutlinedTextField,pe as PasswordField,Te as SecureField,_ as TextField,ue as TextFieldController,oe as renderTextField};