stimulus_plumbers 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +24 -0
  3. data/README.md +11 -4
  4. data/app/assets/javascripts/stimulus-plumbers/controllers.manifest.json +125 -12
  5. data/app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.es.js +681 -312
  6. data/app/assets/javascripts/stimulus-plumbers/stimulus-plumbers-controllers.umd.js +1 -1
  7. data/app/assets/stylesheets/stimulus_plumbers/tokens.css +26 -22
  8. data/config/locales/en.yml +21 -0
  9. data/lib/stimulus_plumbers/components/avatar.rb +13 -5
  10. data/lib/stimulus_plumbers/components/calendar/turbo/days_of_month.rb +47 -7
  11. data/lib/stimulus_plumbers/components/calendar/turbo/months_of_year.rb +56 -18
  12. data/lib/stimulus_plumbers/components/calendar/turbo/years_of_decade.rb +44 -16
  13. data/lib/stimulus_plumbers/components/calendar/turbo.rb +59 -12
  14. data/lib/stimulus_plumbers/components/calendar.rb +48 -64
  15. data/lib/stimulus_plumbers/components/card.rb +7 -7
  16. data/lib/stimulus_plumbers/components/combobox/date/navigation.rb +16 -8
  17. data/lib/stimulus_plumbers/components/combobox/date/navigator.rb +3 -1
  18. data/lib/stimulus_plumbers/components/combobox/date.rb +35 -18
  19. data/lib/stimulus_plumbers/components/combobox/time.rb +56 -50
  20. data/lib/stimulus_plumbers/components/input_group.rb +2 -2
  21. data/lib/stimulus_plumbers/components/list/item.rb +2 -2
  22. data/lib/stimulus_plumbers/components/list/section.rb +1 -1
  23. data/lib/stimulus_plumbers/components/popover.rb +1 -1
  24. data/lib/stimulus_plumbers/components/timeline/event/slots.rb +18 -0
  25. data/lib/stimulus_plumbers/components/timeline/event.rb +189 -0
  26. data/lib/stimulus_plumbers/components/timeline/group.rb +42 -0
  27. data/lib/stimulus_plumbers/components/timeline.rb +40 -0
  28. data/lib/stimulus_plumbers/form/builder.rb +11 -3
  29. data/lib/stimulus_plumbers/form/field.rb +4 -5
  30. data/lib/stimulus_plumbers/form/fields/inputs/checkbox.rb +1 -1
  31. data/lib/stimulus_plumbers/form/fields/inputs/combobox.rb +2 -2
  32. data/lib/stimulus_plumbers/form/fields/inputs/datetime.rb +13 -1
  33. data/lib/stimulus_plumbers/form/fields/inputs/file.rb +9 -4
  34. data/lib/stimulus_plumbers/form/fields/inputs/password.rb +35 -24
  35. data/lib/stimulus_plumbers/form/fields/inputs/radio.rb +15 -3
  36. data/lib/stimulus_plumbers/form/fields/inputs/search.rb +62 -31
  37. data/lib/stimulus_plumbers/form/fields/inputs/select.rb +3 -1
  38. data/lib/stimulus_plumbers/form/fields/inputs/submit.rb +4 -4
  39. data/lib/stimulus_plumbers/form/fields/inputs/text.rb +9 -4
  40. data/lib/stimulus_plumbers/form/fields/inputs/text_area.rb +9 -4
  41. data/lib/stimulus_plumbers/form/fields/label/floating.rb +3 -3
  42. data/lib/stimulus_plumbers/helpers/calendar_helper.rb +1 -1
  43. data/lib/stimulus_plumbers/helpers/calendar_turbo_helper.rb +22 -2
  44. data/lib/stimulus_plumbers/helpers/timeline_helper.rb +15 -0
  45. data/lib/stimulus_plumbers/helpers.rb +2 -0
  46. data/lib/stimulus_plumbers/plumber/renderer.rb +2 -2
  47. data/lib/stimulus_plumbers/themes/base.rb +2 -1
  48. data/lib/stimulus_plumbers/themes/schema/form/floating/ranges.rb +15 -0
  49. data/lib/stimulus_plumbers/themes/schema.rb +63 -16
  50. data/lib/stimulus_plumbers/version.rb +1 -1
  51. data/lib/stimulus_plumbers.rb +4 -1
  52. metadata +7 -2
  53. data/lib/stimulus_plumbers/components/combobox/time/drum.rb +0 -43
@@ -1 +1 @@
1
- (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@hotwired/stimulus`)):typeof define==`function`&&define.amd?define([`exports`,`@hotwired/stimulus`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.StimulusPlumbersControllers={},e.Stimulus))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=[`a[href]`,`area[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`,`audio[controls]`,`video[controls]`,`[contenteditable]:not([contenteditable="false"])`].join(`,`);function r(e){return Array.from(e.querySelectorAll(n)).filter(e=>i(e))}function i(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}function a(e){let t=r(e);return t.length>0?(t[0].focus(),!0):!1}var o=class{constructor(e,t={}){this.container=e,this.previouslyFocused=null,this.options=t,this.isActive=!1}activate(){this.isActive||(this.previouslyFocused=document.activeElement,this.isActive=!0,this.options.initialFocus?this.options.initialFocus.focus():a(this.container),this.container.addEventListener(`keydown`,this.handleKeyDown))}deactivate(){if(!this.isActive)return;this.isActive=!1,this.container.removeEventListener(`keydown`,this.handleKeyDown);let e=this.options.returnFocus||this.previouslyFocused;e&&i(e)&&e.focus()}handleKeyDown=e=>{if(e.key===`Escape`&&this.options.escapeDeactivates){e.preventDefault(),this.deactivate();return}if(e.key!==`Tab`)return;let t=r(this.container);if(t.length===0)return;let n=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n.focus())}},s=class{constructor(){this.savedElement=null}save(){this.savedElement=document.activeElement}restore(){this.savedElement&&i(this.savedElement)&&(this.savedElement.focus(),this.savedElement=null)}};function c(e,t){return e.key===t}function l(e){return e.key===`Enter`||e.key===` `}function u(e){return[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)}function d(e){e.preventDefault(),e.stopPropagation()}var f=class{constructor(e,t=0){this.items=e,this.currentIndex=t,this.updateTabIndex()}handleKeyDown(e){let t;switch(e.key){case`ArrowDown`:case`ArrowRight`:e.preventDefault(),t=(this.currentIndex+1)%this.items.length;break;case`ArrowUp`:case`ArrowLeft`:e.preventDefault(),t=this.currentIndex===0?this.items.length-1:this.currentIndex-1;break;case`Home`:e.preventDefault(),t=0;break;case`End`:e.preventDefault(),t=this.items.length-1;break;default:return}this.setCurrentIndex(t)}setCurrentIndex(e){e>=0&&e<this.items.length&&(this.currentIndex=e,this.updateTabIndex(),this.items[e].focus())}updateTabIndex(){this.items.forEach((e,t)=>{e.tabIndex=t===this.currentIndex?0:-1})}updateItems(e){this.items=e,this.currentIndex=Math.min(this.currentIndex,e.length-1),this.updateTabIndex()}},p=(e,t,n)=>{let r=document.querySelector(`[data-live-region="${e}"]`);return r||(r=document.createElement(`div`),r.className=`sr-only`,r.dataset.liveRegion=e,r.setAttribute(`aria-live`,e),r.setAttribute(`aria-atomic`,t.toString()),r.setAttribute(`aria-relevant`,n),document.body.appendChild(r)),r};function m(e,t={}){let{politeness:n=`polite`,atomic:r=!0,relevant:i=`additions text`}=t,a=p(n,r,i);a.textContent=``,setTimeout(()=>{a.textContent=e},100)}var h=(e=`a11y`)=>`${e}-${Math.random().toString(36).substr(2,9)}`,ee=(e,t=`element`)=>e.id||=h(t),g=(e,t,n)=>{e.setAttribute(t,n.toString())},te=(e,t)=>g(e,`aria-expanded`,t),_=(e,t)=>g(e,`aria-pressed`,t),ne=(e,t)=>g(e,`aria-checked`,t);function re(e,t){g(e,`aria-disabled`,t),t?e.setAttribute(`tabindex`,`-1`):e.removeAttribute(`tabindex`)}var v={menu:`menu`,listbox:`listbox`,tree:`tree`,grid:`grid`,dialog:`dialog`},y=(e,t,n)=>{Object.entries(t).forEach(([t,r])=>{e.setAttribute(t,r),n[t]=r})},b=(e,t,n)=>n||!e.hasAttribute(t);function x({trigger:e,target:t,role:n=null,override:r=!1}){let i={trigger:{},target:{}};if(!e||!t)return i;let a={},o={};if(n&&b(t,`role`,r)&&(o.role=n),t.id&&(b(e,`aria-controls`,r)&&(a[`aria-controls`]=t.id),n===`tooltip`&&b(e,`aria-describedby`,r)&&(a[`aria-describedby`]=t.id)),n&&b(e,`aria-haspopup`,r)){let e=v[n]||`true`;e&&(a[`aria-haspopup`]=e)}return y(t,o,i.target),y(e,a,i.trigger),i}var S=(e,t)=>{t.forEach(t=>{e.hasAttribute(t)&&e.removeAttribute(t)})};function ie({trigger:e,target:t,attributes:n=null}){!e||!t||(S(e,n||[`aria-controls`,`aria-haspopup`,`aria-describedby`]),(!n||n.includes(`role`))&&S(t,[`role`]))}var C=class{constructor(){this._abortController=null,this._timer=null}schedule(e,t){clearTimeout(this._timer),this._timer=setTimeout(e,t)}async request(e,t={}){this._abortController?.abort(),this._abortController=new AbortController;let n=await fetch(e,{...t,signal:this._abortController.signal});if(!n.ok)throw Error(`${n.status}`);return n}cancel(){clearTimeout(this._timer),this._abortController?.abort()}};function w(e,t){let n=0;for(let r=0;r<t.length&&n<e.length;r++)t[r]===e[n]&&n++;return n===e.length}function ae(e,t){return t.includes(e)}function oe(e,t){return t.startsWith(e)}function se(e){return e===`contains`?ae:e===`prefix`?oe:w}function ce(e,t){return t===`textContent`?e.textContent?.trim().toLowerCase()??``:(e.getAttribute(t)??``).toLowerCase()}function T(e,t,n={}){let{strategy:r=`fuzzy`,matcher:i,fields:a=[`textContent`]}=n,o=typeof i==`function`?i:se(r),s=t.toLowerCase(),c=0;return e.querySelectorAll(`[role="option"]`).forEach(e=>{let t=a.some(t=>o(s,ce(e,t)));e.hidden=!t,t&&c++}),c}var E={get top(){return`bottom`},get bottom(){return`top`},get left(){return`right`},get right(){return`left`}};function D({x:e,y:t,width:n,height:r}){return{x:e,y:t,width:n,height:r,left:e,right:e+n,top:t,bottom:t+r}}function O(){return D({x:0,y:0,width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight})}function le(e){if(!(e instanceof HTMLElement))return!1;let t=O(),n=e.getBoundingClientRect(),r=n.top<=t.height&&n.top+n.height>0,i=n.left<=t.width&&n.left+n.width>0;return r&&i}var k={get visibleOnly(){return!0},hiddenClass:null},ue={element:null,visible:null,dispatch:!0,prefix:``},A=class{constructor(e,t={}){this.controller=e;let{element:n,visible:r,dispatch:i,prefix:a}=Object.assign({},ue,t);this.element=n||e.element,this.visibleOnly=typeof r==`boolean`?r:k.visibleOnly,this.visibleCallback=typeof r==`string`?r:null,this.notify=!!i,this.prefix=typeof a==`string`&&a?a:e.identifier}get visible(){return this.element instanceof HTMLElement?this.visibleOnly?le(this.element)&&this.isVisible(this.element):!0:!1}isVisible(e){if(this.visibleCallback){let t=this.findCallback(this.visibleCallback);if(typeof t==`function`)return t(e)}return e instanceof HTMLElement?!e.hasAttribute(`hidden`):!1}dispatch(e,{target:t=null,prefix:n=null,detail:r=null}={}){if(this.notify)return this.controller.dispatch(e,{target:t||this.element,prefix:n||this.prefix,detail:r})}findCallback(e){if(typeof e!=`string`)return;let t=this,n=e.split(`.`).reduce((e,t)=>e&&e[t],t.controller);if(typeof n==`function`)return n.bind(t.controller);let r=e.split(`.`).reduce((e,t)=>e&&e[t],t);if(typeof r==`function`)return r.bind(t)}async awaitCallback(e,...t){if(typeof e==`string`&&(e=this.findCallback(e)),typeof e==`function`){let n=e(...t);return n instanceof Promise?await n:n}}},de={normalize(e){return typeof e==`string`?e:``},validate(){return!0}};function fe(e){let t=0,n=!1;for(let r=e.length-1;r>=0;r--){let i=parseInt(e[r],10);n&&(i*=2,i>9&&(i-=9)),t+=i,n=!n}return t%10==0}var pe=/\D/g,me=/^\d{13,19}$/,he=/(.{4})(?=.)/g,ge={normalize(e){return typeof e==`string`?e.replace(pe,``):``},validate(e){return typeof e!=`string`||!me.test(e)?!1:fe(e)},format(e){return typeof e==`string`?e.replace(he,`$1 `):``}},j={1:10},M=/\D/g,_e=/^\+\d{7,15}$/,ve={normalize(e){if(typeof e!=`string`)return``;let t=e.trimStart().startsWith(`+`),n=e.replace(M,``);return t?`+${n}`:n},validate(e){if(typeof e!=`string`)return!1;if(_e.test(e))return!0;let t=e.replace(M,``);return Object.values(j).includes(t.length)},format(e){if(typeof e!=`string`)return``;let t=e.replace(M,``);for(let[e,n]of Object.entries(j)){if(t.length===n)return`(${t.slice(0,3)}) ${t.slice(3,6)}-${t.slice(6)}`;let r=n+e.length;if(t.length===r&&t.startsWith(e)){let n=t.slice(e.length);return`+${e} (${n.slice(0,3)}) ${n.slice(3,6)}-${n.slice(6)}`}}return e}},ye=/[^\d.,-]/g,N=/^-?\d+(\.\d+)?$/,P={normalize(e){if(typeof e!=`string`)return``;let t=e.replace(ye,``);if(!t)return``;let n=t.lastIndexOf(`,`),r=t.lastIndexOf(`.`);return n>-1&&r>-1?n>r?t.replace(/\./g,``).replace(`,`,`.`):t.replace(/,/g,``):n>-1?t.slice(n+1).length<=2?t.replace(`,`,`.`):t.replace(/,/g,``):t},validate(e){return typeof e==`string`?N.test(e):!1},format(e,t={}){if(typeof e!=`string`)return``;let n=parseFloat(e);if(isNaN(n))return e;let r=t.locale||`en-US`,i=t.currency||`USD`,a=t.fractionDigits===void 0?{}:{minimumFractionDigits:t.fractionDigits,maximumFractionDigits:t.fractionDigits};try{return new Intl.NumberFormat(r,{style:`currency`,currency:i,...a}).format(n)}catch{return e}}},F=/^\d{4}-\d{2}-\d{2}$/,be=/^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/,xe=/\D/g,I={normalize(e){if(typeof e!=`string`)return``;let t=e.trim();if(F.test(t))return t;let n=t.match(be);if(n){let[,e,t,r]=n;if(e.length===4)return`${e}-${t.padStart(2,`0`)}-${r.padStart(2,`0`)}`;if(r.length===4)return`${r}-${e.padStart(2,`0`)}-${t.padStart(2,`0`)}`}let r=t.replace(xe,``);if(r.length===8){let e=parseInt(r.slice(0,4),10);return e>=1e3&&e<=9999?`${r.slice(0,4)}-${r.slice(4,6)}-${r.slice(6,8)}`:`${r.slice(4,8)}-${r.slice(0,2)}-${r.slice(2,4)}`}return t},validate(e){if(typeof e!=`string`)return!1;let t=I.normalize(e);if(!F.test(t))return!1;let n=new Date(`${t}T00:00:00Z`);return!isNaN(n.getTime())&&n.toISOString().startsWith(t)},format(e,t={}){if(typeof e!=`string`)return``;let n=new Date(`${e}T00:00:00Z`);if(isNaN(n.getTime()))return e;let r=t.locale||`en-US`;try{return new Intl.DateTimeFormat(r,{year:t.year||`numeric`,month:t.month||`2-digit`,day:t.day||`2-digit`,timeZone:t.timeZone||`UTC`}).format(n)}catch{return e}}},Se=/^([01]?\d|2[0-3]):([0-5]\d)$/,L={normalize(e){if(typeof e!=`string`)return``;let t=e.trim();if(Se.test(t)){let[e,n]=t.split(`:`);return`${String(parseInt(e,10)).padStart(2,`0`)}:${n}`}let n=t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);if(n){let e=parseInt(n[1],10),t=n[2];return e=n[3].toUpperCase()===`AM`?e===12?0:e:e===12?12:e+12,e>23||parseInt(t,10)>59?``:`${String(e).padStart(2,`0`)}:${t}`}return``},validate(e){return L.normalize(e)!==``},format(e,t={}){if(typeof e!=`string`)return``;let n=e.match(/^(\d{2}):(\d{2})$/);if(!n)return e;let r=parseInt(n[1],10),i=n[2];if(t.format===`h24`)return`${String(r).padStart(2,`0`)}:${i}`;let a=r<12?`AM`:`PM`;return`${r%12||12}:${i} ${a}`}},R={PLAIN:`plain`,CREDIT_CARD:`creditCard`,PHONE:`phone`,CURRENCY:`currency`,DATE:`date`,TIME:`time`},z=new Map([[R.PLAIN,de],[R.CREDIT_CARD,ge],[R.PHONE,ve],[R.CURRENCY,P],[R.DATE,I],[R.TIME,L]]),B={type:R.PLAIN,options:{}},V=class extends A{static register(e,t){z.set(e,t)}constructor(e,t={}){super(e,t),this.type=t.type??B.type,this.options=t.options??B.options,this.enhance()}enhance(){let e=this,t=z.get(e.type)??z.get(R.PLAIN),n={normalize:n=>t.normalize?.(n,e.options)??(typeof n==`string`?n:``),validate:n=>t.validate?.(n,e.options)??!0,format:n=>t.format?.(n,e.options)??(typeof n==`string`?n:``),mask:n=>t.mask?.(n,e.options)??null,maskable:()=>typeof t.mask==`function`};Object.defineProperty(this.controller,`formatter`,{get(){return n},configurable:!0})}},H=(e,t)=>new V(e,t),Ce=/^\d{4}-\d{2}-\d{2}$/;function U(e){return e instanceof Date&&!isNaN(e)}function W(...e){if(e.length===0)throw`Missing values to parse as date`;if(e.length===1){let t=e[0];if(!t)return;if(typeof t==`string`&&Ce.test(t)){let[e,n,r]=t.split(`-`).map(Number),i=new Date(e,n-1,r);if(U(i))return i}else{let e=new Date(t);if(U(e))return e}}else{let t=new Date(...e);if(U(t))return t}}var G=7,K={locales:[`default`],today:``,day:null,month:null,year:null,since:null,till:null,disabledDates:[],disabledWeekdays:[],disabledDays:[],disabledMonths:[],disabledYears:[],firstDayOfWeek:0,onNavigated:`navigated`},we=class extends A{constructor(e,t={}){super(e,t);let n=Object.assign({},K,t),{onNavigated:r,since:i,till:a,firstDayOfWeek:o}=n;this.onNavigated=r,this.since=W(i),this.till=W(a),this.firstDayOfWeek=0<=o&&o<7?o:K.firstDayOfWeek;let{disabledDates:s,disabledWeekdays:c,disabledDays:l,disabledMonths:u,disabledYears:d}=n;this.disabledDates=Array.isArray(s)?s:[],this.disabledWeekdays=Array.isArray(c)?c:[],this.disabledDays=Array.isArray(l)?l:[],this.disabledMonths=Array.isArray(u)?u:[],this.disabledYears=Array.isArray(d)?d:[];let{today:f,day:p,month:m,year:h}=n;this.now=W(f)||new Date,typeof h==`number`&&typeof m==`number`&&typeof p==`number`?this.current=W(h,m,p):this.current=this.now,this.build(),this.enhance()}build(){this.daysOfWeek=this.buildDaysOfWeek(),this.daysOfMonth=this.buildDaysOfMonth(),this.monthsOfYear=this.buildMonthsOfYear(),this.yearsOfDecade=this.buildYearsOfDecade()}buildDaysOfWeek(){let e=new Intl.DateTimeFormat(this.localesValue,{weekday:`long`}),t=new Intl.DateTimeFormat(this.localesValue,{weekday:`short`}),n=new Date(`2024-10-06`),r=[];for(let i=this.firstDayOfWeek,a=i+7;i<a;i++){let a=new Date(n);a.setDate(n.getDate()+i),r.push({date:a,value:a.getDay(),long:e.format(a),short:t.format(a)})}return r}buildDaysOfMonth(){let e=this.month,t=this.year,n=[],r=e=>({current:this.month===e.getMonth()&&this.year===e.getFullYear(),date:e,value:e.getDate(),month:e.getMonth(),year:e.getFullYear(),iso:e.toISOString()}),i=new Date(t,e).getDay(),a=this.firstDayOfWeek-i;for(let i=a>0?a-7:a;i<0;i++){let a=new Date(t,e,i+1);n.push(r(a))}let o=new Date(t,e+1,0).getDate();for(let i=1;i<=o;i++){let a=new Date(t,e,i);n.push(r(a))}let s=n.length%G,c=s===0?0:G-s;for(let i=1;i<=c;i++){let a=new Date(t,e+1,i);n.push(r(a))}return n}buildMonthsOfYear(){let e=new Intl.DateTimeFormat(this.localesValue,{month:`long`}),t=new Intl.DateTimeFormat(this.localesValue,{month:`short`}),n=new Intl.DateTimeFormat(this.localesValue,{month:`numeric`}),r=[];for(let i=0;i<12;i++){let a=new Date(this.year,i);r.push({date:a,value:a.getMonth(),long:e.format(a),short:t.format(a),numeric:n.format(a)})}return r}buildYearsOfDecade(){let e=Math.floor(this.year/10)*10,t=[];for(let n=e-1;n<=e+10;n++)t.push({value:n,current:n===this.year,outside:n<e||n>e+9});return t}get today(){return this.now}set today(e){if(!U(e))return;let t=this.month??e.getMonth(),n=this.year??e.getFullYear(),r=t==e.getMonth()&&n==e.getFullYear()?e.getDate():1;this.now=new Date(n,t,r)}get current(){return typeof this.year==`number`&&typeof this.month==`number`&&typeof this.day==`number`?W(this.year,this.month,this.day):null}set current(e){U(e)&&(this.day=e.getDate(),this.month=e.getMonth(),this.year=e.getFullYear())}navigate=async e=>{if(!U(e))return;let t=this.current,n=e.toISOString(),r=t.toISOString();this.dispatch(`navigate`,{detail:{from:r,to:n}}),this.current=e,this.build(),await this.awaitCallback(this.onNavigated,{from:r,to:n}),this.dispatch(`navigated`,{detail:{from:r,to:n}})};step=async(e,t)=>{if(t===0)return;let n=this.current;switch(e){case`year`:n.setFullYear(n.getFullYear()+t);break;case`month`:n.setMonth(n.getMonth()+t);break;case`day`:n.setDate(n.getDate()+t);break;default:return}await this.navigate(n)};isDisabled=e=>{if(!U(e))return!1;if(this.disabledDates.length){let t=e.getTime();for(let e of this.disabledDates)if(t===new Date(e).getTime())return!0}if(this.disabledWeekdays.length){let t=e.getDay(),n=this.daysOfWeek,r=n.findIndex(e=>e.value===t);if(r>=0){let e=n[r];for(let t of this.disabledWeekdays)if(e.value==t||e.short===t||e.long===t)return!0}}if(this.disabledDays.length){let t=e.getDate();for(let e of this.disabledDays)if(t==e)return!0}if(this.disabledMonths.length){let t=e.getMonth(),n=this.monthsOfYear,r=n.findIndex(e=>e.value===t);if(r>=0){let e=n[r];for(let t of this.disabledMonths)if(e.value==t||e.short===t||e.long===t)return!0}}if(this.disabledYears.length){let t=e.getFullYear();for(let e of this.disabledYears)if(t==e)return!0}return!1};isWithinRange=e=>{if(!U(e))return!1;let t=!0;return this.since&&(t&&=e>=this.since),this.till&&(t&&=e<=this.till),t};enhance(){let e=this;Object.assign(this.controller,{get calendar(){return{get today(){return e.today},get current(){return e.current},get day(){return e.day},get month(){return e.month},get year(){return e.year},get since(){return e.since},get till(){return e.till},get firstDayOfWeek(){return e.firstDayOfWeek},get disabledDates(){return e.disabledDates},get disabledWeekdays(){return e.disabledWeekdays},get disabledDays(){return e.disabledDays},get disabledMonths(){return e.disabledMonths},get disabledYears(){return e.disabledYears},get daysOfWeek(){return e.daysOfWeek},get daysOfMonth(){return e.daysOfMonth},get monthsOfYear(){return e.monthsOfYear},get yearsOfDecade(){return e.yearsOfDecade},navigate:async t=>await e.navigate(t),step:async(t,n)=>await e.step(t,n),isDisabled:t=>e.isDisabled(t),isWithinRange:t=>e.isWithinRange(t)}}})}},Te=(e,t)=>new we(e,t),q={content:null,url:``,reload:`never`,stale:3600,onLoad:`canLoad`,onLoaded:`contentLoaded`},Ee=class extends A{constructor(e,t={}){super(e,t);let n=Object.assign({},q,t),{content:r,url:i,reload:a,stale:o}=n;this.content=r,this.url=i,this.reload=typeof a==`string`?a:q.reload,this.stale=typeof o==`number`?o:q.stale;let{onLoad:s,onLoaded:c}=n;this.onLoad=s,this.onLoaded=c,this._requestor=new C,this.enhance()}get reloadable(){switch(this.reload){case`never`:return!1;case`always`:return!0;default:{let e=W(this.loadedAt);return e&&new Date-e>this.stale*1e3}}}contentLoadable=({url:e})=>!!e;contentLoader=async()=>``;remoteContentLoader=async e=>(await this._requestor.request(e)).text();load=async()=>{if(this.loadedAt&&!this.reloadable)return;let e=this.findCallback(this.onLoad),t=await this.awaitCallback(e||this.contentLoadable,{url:this.url});if(this.dispatch(`load`,{detail:{url:this.url}}),!t)return;this.dispatch(`loading`,{detail:{url:this.url}});let n=this.url?await this.remoteContentLoader(this.url):await this.contentLoader();n&&(await this.awaitCallback(this.onLoaded,{url:this.url,content:n}),this.loadedAt=new Date().getTime(),this.dispatch(`loaded`,{detail:{url:this.url,content:n}}))};enhance(){let e=this;Object.assign(this.controller,{load:e.load.bind(e)})}},De=(e,t)=>new Ee(e,t),J=class extends A{observe(e){this._handler=e,this.events.forEach(t=>window.addEventListener(t,e,!0))}unobserve(){this._handler&&this.events.forEach(e=>window.removeEventListener(e,this._handler,!0))}enhance(){let e=this,t=this.controller.disconnect?.bind(this.controller)||(()=>{});this.controller.disconnect=()=>{e.unobserve(),t()}}},Oe={trigger:null,events:[`click`],onDismissed:`dismissed`},ke=class extends J{constructor(e,t={}){super(e,t);let{trigger:n,events:r,onDismissed:i}=Object.assign({},Oe,t);this.onDismissed=i,this.trigger=n||this.element,this.events=r,this.enhance(),this.observe(this.dismiss)}dismiss=async e=>{let{target:t}=e;t instanceof HTMLElement&&(this.element.contains(t)||this.visible&&(this.dispatch(`dismiss`),await this.awaitCallback(this.onDismissed,{target:this.trigger}),this.dispatch(`dismissed`)))}},Y=(e,t)=>new ke(e,t),Ae={anchor:null,events:[`click`],placement:`bottom`,alignment:`start`,onFlipped:`flipped`,ariaRole:null,respectMotion:!0},je=class extends J{constructor(e,t={}){super(e,t);let{anchor:n,events:r,placement:i,alignment:a,onFlipped:o,ariaRole:s,respectMotion:c}=Object.assign({},Ae,t);this.anchor=n,this.events=r,this.placement=i,this.alignment=a,this.onFlipped=o,this.ariaRole=s,this.respectMotion=c,this.prefersReducedMotion=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.anchor&&this.element&&x({trigger:this.anchor,target:this.element,role:this.ariaRole}),this.enhance(),this.observe(this.flip)}flip=async()=>{if(!this.visible)return;this.dispatch(`flip`),window.getComputedStyle(this.element).position!=`absolute`&&(this.element.style.position=`absolute`);let e=this.flippedRect(this.anchor.getBoundingClientRect(),this.element.getBoundingClientRect());this.element.style.transition=this.respectMotion&&this.prefersReducedMotion?`none`:``;for(let[t,n]of Object.entries(e))this.element.style[t]=n;await this.awaitCallback(this.onFlipped,{target:this.element,placement:e}),this.dispatch(`flipped`,{detail:{placement:e}})};flippedRect(e,t){let n=this.quadrumRect(e,O()),r=[this.placement,E[this.placement]],i={};for(;!Object.keys(i).length&&r.length>0;){let a=r.shift();if(!this.biggerRectThan(n[a],t))continue;let o=this.quadrumPlacement(e,a,t),s=this.quadrumAlignment(e,a,o);i.top=`${s.top+window.scrollY}px`,i.left=`${s.left+window.scrollX}px`}return Object.keys(i).length||(i.top=``,i.left=``),i}quadrumRect(e,t){return{left:D({x:t.x,y:t.y,width:e.x-t.x,height:t.height}),right:D({x:e.x+e.width,y:t.y,width:t.width-(e.x+e.width),height:t.height}),top:D({x:t.x,y:t.y,width:t.width,height:e.y-t.y}),bottom:D({x:t.x,y:e.y+e.height,width:t.width,height:t.height-(e.y+e.height)})}}quadrumPlacement(e,t,n){switch(t){case`top`:return D({x:n.x,y:e.y-n.height,width:n.width,height:n.height});case`bottom`:return D({x:n.x,y:e.y+e.height,width:n.width,height:n.height});case`left`:return D({x:e.x-n.width,y:n.y,width:n.width,height:n.height});case`right`:return D({x:e.x+e.width,y:n.y,width:n.width,height:n.height});default:throw`Unable place at the quadrum, ${t}`}}quadrumAlignment(e,t,n){switch(t){case`top`:case`bottom`:{let t=e.x;return this.alignment===`center`?t=e.x+e.width/2-n.width/2:this.alignment===`end`&&(t=e.x+e.width-n.width),D({x:t,y:n.y,width:n.width,height:n.height})}case`left`:case`right`:{let t=e.y;return this.alignment===`center`?t=e.y+e.height/2-n.height/2:this.alignment===`end`&&(t=e.y+e.height-n.height),D({x:n.x,y:t,width:n.width,height:n.height})}default:throw`Unable align at the quadrum, ${t}`}}biggerRectThan(e,t){return e.height>=t.height&&e.width>=t.width}enhance(){super.enhance(),this.controller.flip=this.flip}},Me=(e,t)=>new je(e,t),Ne={events:[`resize`],boundaries:[`top`,`left`,`right`],onShifted:`shifted`,respectMotion:!0},Pe=class extends J{constructor(e,t={}){super(e,t);let{onShifted:n,events:r,boundaries:i,respectMotion:a}=Object.assign({},Ne,t);this.onShifted=n,this.events=r,this.boundaries=i,this.respectMotion=a,this.prefersReducedMotion=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.enhance(),this.observe(this.shift)}shift=async()=>{if(!this.visible)return;this.dispatch(`shift`);let e=this.overflowRect(this.element.getBoundingClientRect(),this.elementTranslations(this.element)),t=e.left||e.right||0,n=e.top||e.bottom||0;this.element.style.transition=this.respectMotion&&this.prefersReducedMotion?`none`:``,this.element.style.transform=`translate(${t}px, ${n}px)`,await this.awaitCallback(this.onShifted,e),this.dispatch(`shifted`,{detail:e})};overflowRect(e,t){let n={},r=O(),i=D({x:e.x-t.x,y:e.y-t.y,width:e.width,height:e.height});for(let e of this.boundaries){let t=this.directionDistance(i,e,r),a=E[e];t<0?i[a]+t>=r[a]&&!n[a]&&(n[e]=t):n[e]=``}return n}directionDistance(e,t,n){switch(t){case`top`:case`left`:return e[t]-n[t];case`bottom`:case`right`:return n[t]-e[t];default:throw`Invalid direction to calcuate distance, ${t}`}}elementTranslations(e){let t=window.getComputedStyle(e),n=t.transform||t.webkitTransform||t.mozTransform;if(n===`none`||n===void 0)return{x:0,y:0};let r=n.includes(`3d`)?`3d`:`2d`,i=n.match(/matrix.*\((.+)\)/)[1].split(`, `);return r===`2d`?{x:Number(i[4]),y:Number(i[5])}:{x:0,y:0}}enhance(){super.enhance(),this.controller.shift=this.shift}},Fe=(e,t)=>new Pe(e,t),X={visibility:`visibility`,onShown:`shown`,onHidden:`hidden`},Ie=class extends A{constructor(e,t={}){let{visibility:n,onShown:r,onHidden:i,activator:a}=Object.assign({},X,t),o=typeof n==`string`?n:X.namespace,s=typeof t.visible==`string`?t.visible:`isVisible`;(typeof t.visible!=`boolean`||t.visible)&&(t.visible=`${o}.${s}`),super(e,t),this.visibility=o,this.visibilityResolver=s,this.onShown=r,this.onHidden=i,this.activator=a instanceof HTMLElement?a:null,this.enhance(),this.element instanceof HTMLElement&&this.activate(this.isVisible(this.element))}isVisible(e){if(!(e instanceof HTMLElement))return!1;let t=k.hiddenClass;return t?!e.classList.contains(t):!e.hasAttribute(`hidden`)}toggle(e,t){if(!(e instanceof HTMLElement))return;let n=k.hiddenClass;n?t?e.classList.remove(n):e.classList.add(n):t?e.removeAttribute(`hidden`):e.setAttribute(`hidden`,!0)}activate(e){this.activator&&this.activator.setAttribute(`aria-expanded`,e?`true`:`false`)}async show(){!(this.element instanceof HTMLElement)||this.isVisible(this.element)||(this.dispatch(`show`),this.toggle(this.element,!0),this.activate(!0),await this.awaitCallback(this.onShown,{target:this.element}),this.dispatch(`shown`))}async hide(){!(this.element instanceof HTMLElement)||!this.isVisible(this.element)||(this.dispatch(`hide`),this.toggle(this.element,!1),this.activate(!1),await this.awaitCallback(this.onHidden,{target:this.element}),this.dispatch(`hidden`))}enhance(){let e=this,t={show:e.show.bind(e),hide:e.hide.bind(e)};Object.defineProperty(t,`visible`,{get(){return e.isVisible(e.element)}}),Object.defineProperty(t,this.visibilityResolver,{value:e.isVisible.bind(e)}),Object.defineProperty(this.controller,this.visibility,{get(){return t}})}},Z=(e,t)=>new Ie(e,t),Le=class extends t.Controller{static targets=[`daysOfWeek`,`daysOfMonth`];static classes=[`dayOfWeek`,`dayOfMonth`,`row`];static values={locales:{type:Array,default:[`default`]},weekdayFormat:{type:String,default:`short`},dayFormat:{type:String,default:`numeric`},daysOfOtherMonth:{type:Boolean,default:!1},today:{type:String,default:``},selected:{type:String,default:``}};initialize(){Te(this,{today:this.todayValue})}connect(){this.draw()}navigated(){this.draw()}selectedValueChanged(){if(!this.hasDaysOfMonthTarget||(this.daysOfMonthTarget.querySelectorAll(`[aria-selected]`).forEach(e=>{e.setAttribute(`aria-selected`,`false`)}),!this.selectedValue))return;let e=W(this.selectedValue);if(!e)return;let t=this.daysOfMonthTarget.querySelector(`time[datetime="${e.toISOString()}"]`);t&&t.closest(`[aria-selected]`).setAttribute(`aria-selected`,`true`)}onSelect(e){let t=e.detail?.iso;t&&(this.selectedValue=t)}draw(){this.drawDaysOfWeek(),this.drawDaysOfMonth(),this.selectedValueChanged()}createDayElement(e,{selectable:t=!1,disabled:n=!1}={}){let r=document.createElement(t?`button`:`div`);return r.tabIndex=-1,e?r.textContent=e:r.setAttribute(`aria-hidden`,`true`),n&&(r instanceof HTMLButtonElement?r.disabled=!0:r.setAttribute(`aria-disabled`,`true`)),r}drawDaysOfWeek(){if(!this.hasDaysOfWeekTarget)return;let e=new Intl.DateTimeFormat(this.localesValue,{weekday:this.weekdayFormatValue}),t=[];for(let n of this.calendar.daysOfWeek){let r=this.createDayElement(e.format(n.date));r.setAttribute(`role`,`columnheader`),r.title=n.long,this.hasDayOfWeekClass&&r.classList.add(...this.dayOfWeekClasses),t.push(r)}let n=document.createElement(`div`);n.setAttribute(`role`,`row`),this.hasRowClass&&n.classList.add(...this.rowClasses),n.replaceChildren(...t),this.daysOfWeekTarget.replaceChildren(n)}drawDaysOfMonth(){if(!this.hasDaysOfMonthTarget)return;let e=this.calendar.today,t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),n=[];for(let e of this.calendar.daysOfMonth){let r=!e.current||this.calendar.isDisabled(e.date)||!this.calendar.isWithinRange(e.date),i=e.current||this.daysOfOtherMonthValue?e.value:``,a=this.createDayElement(i,{selectable:e.current,disabled:r});t===e.date.getTime()&&a.setAttribute(`aria-current`,`date`),(e.current||this.daysOfOtherMonthValue)&&a.setAttribute(`aria-selected`,``),this.hasDayOfMonthClass&&a.classList.add(...this.dayOfMonthClasses);let o=document.createElement(`time`);o.dateTime=e.iso,a.appendChild(o),n.push(a)}let r=[];for(let e=0;e<n.length;e+=7){let t=document.createElement(`div`);t.setAttribute(`role`,`row`),this.hasRowClass&&t.classList.add(...this.rowClasses);for(let r of n.slice(e,e+7))r.setAttribute(`role`,`gridcell`),t.appendChild(r);r.push(t)}this.daysOfMonthTarget.replaceChildren(...r)}},Re=class extends t.Controller{onSelect(e){if(!(e.target instanceof HTMLElement))return;e.preventDefault();let t=e.target instanceof HTMLTimeElement?e.target.parentElement:e.target;if(t.disabled||t.getAttribute(`aria-disabled`)===`true`)return;this.dispatch(`selecting`,{target:t});let n=e.target instanceof HTMLTimeElement?e.target:e.target.querySelector(`time`);if(!n)return console.error(`unable to locate time element within ${t}`);let r=W(n.dateTime);if(!r)return console.error(`unable to parse ${n.dateTime} found within the time element`);this.select(r.toISOString())}select(e){let t=W(e);t&&this.dispatch(`selected`,{detail:{epoch:t.getTime(),iso:e}})}},ze=class extends t.Controller{static targets=[`source`];static values={contentType:{type:String,default:`text/plain`}};onPaste(e){let t=e.clipboardData?.getData(this.contentTypeValue)??``,n=Array.from(e.clipboardData?.types??[]);e.preventDefault(),this.dispatch(`pasted`,{detail:{text:t,types:n},bubbles:!0})}async copy(e){let t=e.params?.text??(this.hasSourceTarget?this.sourceTarget.value??this.sourceTarget.textContent??``:``);try{await navigator.clipboard.writeText(t),this.dispatch(`copied`,{detail:{text:t},bubbles:!0})}catch(e){this.dispatch(`copy-failed`,{detail:{error:e},bubbles:!0})}}},Q=[`month`,`year`,`decade`],Be=class extends t.Controller{static targets=[`previous`,`next`,`day`,`month`,`year`,`viewTitle`,`monthView`,`yearView`,`decadeView`];static outlets=[`calendar-month`];static values={date:String,view:{type:String,default:`month`},locales:{type:Array,default:[`default`]},dayFormat:{type:String,default:`numeric`},monthFormat:{type:String,default:`long`},yearFormat:{type:String,default:`numeric`}};initialize(){this.previous=this.previous.bind(this),this.next=this.next.bind(this),this.selectMonth=this.selectMonth.bind(this),this.selectYear=this.selectYear.bind(this)}async calendarMonthOutletConnected(){if(this.dateValue){let e=W(this.dateValue);e&&await this.calendarMonthOutlet.calendar.navigate(e)}this.draw()}onSelect(e){this.dateValue=e.detail.iso,this.draw(),this.dispatch(`selected`,{detail:{value:e.detail.iso},bubbles:!0})}zoomOut(){let e=Q.indexOf(this.viewValue);e<Q.length-1&&(this.viewValue=Q[e+1],this.draw())}async selectMonth(e){let t=e.target.closest(`button[data-month]`);if(!t)return;let n=parseInt(t.dataset.month,10)-1,{year:r}=this.calendarMonthOutlet.calendar;await this.calendarMonthOutlet.calendar.navigate(new Date(r,n,1)),this.viewValue=`month`,this.draw()}async selectYear(e){let t=e.target.closest(`button[data-year]`);if(!t||t.getAttribute(`aria-disabled`)===`true`)return;let n=parseInt(t.dataset.year,10),{month:r}=this.calendarMonthOutlet.calendar;await this.calendarMonthOutlet.calendar.navigate(new Date(n,r,1)),this.viewValue=`year`,this.draw()}previousTargetConnected(e){e.addEventListener(`click`,this.previous)}previousTargetDisconnected(e){e.removeEventListener(`click`,this.previous)}async previous(){await this.calendarMonthOutlet.calendar.step(...this.stepArgs(-1)),this.draw()}nextTargetConnected(e){e.addEventListener(`click`,this.next)}nextTargetDisconnected(e){e.removeEventListener(`click`,this.next)}async next(){await this.calendarMonthOutlet.calendar.step(...this.stepArgs(1)),this.draw()}yearViewTargetConnected(e){e.addEventListener(`click`,this.selectMonth)}yearViewTargetDisconnected(e){e.removeEventListener(`click`,this.selectMonth)}decadeViewTargetConnected(e){e.addEventListener(`click`,this.selectYear)}decadeViewTargetDisconnected(e){e.removeEventListener(`click`,this.selectYear)}draw(){this.drawDay(),this.drawMonth(),this.drawYear(),this.drawViewTitle(),this.drawYearView(),this.drawDecadeView(),this.drawView()}drawDay(){if(!this.hasDayTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t,day:n}=this.calendarMonthOutlet.calendar;this.dayTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{day:this.dayFormatValue}).format(new Date(e,t,n))}drawMonth(){if(!this.hasMonthTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t}=this.calendarMonthOutlet.calendar;this.monthTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{month:this.monthFormatValue}).format(new Date(e,t))}drawYear(){if(!this.hasYearTarget||!this.hasCalendarMonthOutlet)return;let{year:e}=this.calendarMonthOutlet.calendar;this.yearTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{year:this.yearFormatValue}).format(new Date(e,0))}drawViewTitle(){if(!this.hasViewTitleTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t}=this.calendarMonthOutlet.calendar;this.viewTitleTarget.textContent=this.viewTitleLabel(e,t)}drawYearView(){if(!this.hasYearViewTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t,monthsOfYear:n}=this.calendarMonthOutlet.calendar,r=this.calendarMonthOutlet.calendar.today,i=[];for(let a of n){let n=document.createElement(`button`);n.type=`button`,n.textContent=a.short,n.dataset.month=a.value+1,n.setAttribute(`role`,`gridcell`),n.setAttribute(`aria-selected`,a.value===t?`true`:`false`),a.value===r.getMonth()&&e===r.getFullYear()&&n.setAttribute(`aria-current`,`month`),i.push(n)}this.yearViewTarget.replaceChildren(...i)}drawDecadeView(){if(!this.hasDecadeViewTarget||!this.hasCalendarMonthOutlet)return;let{year:e,yearsOfDecade:t}=this.calendarMonthOutlet.calendar,n=this.calendarMonthOutlet.calendar.today.getFullYear(),r=[];for(let i of t){let t=document.createElement(`button`);t.type=`button`,t.textContent=i.value,t.dataset.year=i.value,t.setAttribute(`role`,`gridcell`),t.setAttribute(`aria-selected`,i.value===e?`true`:`false`),i.value===n&&t.setAttribute(`aria-current`,`year`),i.outside&&t.setAttribute(`aria-disabled`,`true`),r.push(t)}this.decadeViewTarget.replaceChildren(...r)}viewTitleLabel(e,t){if(this.viewValue===`year`)return String(e);if(this.viewValue===`decade`){let t=Math.floor(e/10)*10;return`${t}–${t+9}`}return new Intl.DateTimeFormat(this.localesValue,{month:`long`,year:`numeric`}).format(new Date(e,t))}stepArgs(e){return this.viewValue===`year`?[`year`,e]:this.viewValue===`decade`?[`year`,e*10]:[`month`,e]}drawView(){if(this.hasMonthViewTarget&&(this.monthViewTarget.hidden=this.viewValue!==`month`),this.hasYearViewTarget&&(this.yearViewTarget.hidden=this.viewValue!==`year`),this.hasDecadeViewTarget&&(this.decadeViewTarget.hidden=this.viewValue!==`decade`),this.hasCalendarMonthOutlet){let e=this.calendarMonthOutlet,t=this.viewValue===`month`;e.hasDaysOfWeekTarget&&(e.daysOfWeekTarget.hidden=!t),e.hasDaysOfMonthTarget&&(e.daysOfMonthTarget.hidden=!t)}}},Ve=class extends t.Controller{static targets=[`listbox`,`loading`,`empty`];static values={url:{type:String,default:``},field:{type:String,default:`q`},delay:{type:Number,default:300}};initialize(){this._requestor=new C}onSelect(e){let t=e.target.closest(`[role="option"]`);!t||t.getAttribute(`aria-disabled`)===`true`||this.select(t.dataset.value??``)}select(e){let t=this.listboxTarget.querySelectorAll(`[role="option"]`);t.forEach(e=>e.setAttribute(`aria-selected`,`false`));let n=[...t].find(t=>t.dataset.value===e);n&&n.setAttribute(`aria-selected`,`true`),this.dispatch(`selected`,{detail:{value:e},bubbles:!0})}onNavigate(e){if([`ArrowUp`,`ArrowDown`,`Enter`,` `].includes(e.key)){if(e.preventDefault(),e.key===`Enter`||e.key===` `){this.listboxTarget.querySelector(`[aria-selected="true"]`)?.click();return}this.step(e.key===`ArrowDown`?1:-1)}}step(e){let t=[...this.listboxTarget.querySelectorAll(`[role="option"]:not([aria-disabled="true"]):not([hidden])`)];if(!t.length)return;let n=this.listboxTarget.querySelector(`[aria-selected="true"]`),r=t.indexOf(n),i=e>0?t[Math.min(r+1,t.length-1)]:t[Math.max(r-1,0)];!i||i===n||(t.forEach(e=>e.setAttribute(`aria-selected`,`false`)),i.setAttribute(`aria-selected`,`true`),i.scrollIntoView({block:`nearest`}))}filter(e){if(this.urlValue){let t=new URL(this.urlValue,window.location.href);t.searchParams.set(this.fieldValue,e),this.setLoading(!0),this._requestor.schedule(()=>this._requestor.request(t).then(e=>e.text()).then(e=>{this.listboxTarget.innerHTML=e,this.setEmpty(this.listboxTarget.querySelectorAll(`[role="option"]`).length===0)}).catch(e=>{e.name!==`AbortError`&&console.error(`[combobox-dropdown] fetch failed`,e)}).finally(()=>this.setLoading(!1)),this.delayValue)}else{let t=T(this.listboxTarget,e);this.setEmpty(t===0)}}showAll(){this.listboxTarget.querySelectorAll(`[role="option"]`).forEach(e=>e.hidden=!1),this.setEmpty(!1)}setLoading(e){this.hasLoadingTarget&&(this.loadingTarget.hidden=!e)}setEmpty(e){this.hasEmptyTarget&&(this.emptyTarget.hidden=!e)}disconnect(){this._requestor.cancel()}},$=class extends t.Controller{static targets=[`hour`,`minute`,`period`];connect(){this.select(this.toH24())}onSelect(e){let t=e.target.closest(`[role="option"]`);t&&(t.closest(`[role="listbox"]`).querySelectorAll(`[role="option"]`).forEach(e=>e.setAttribute(`aria-selected`,`false`)),t.setAttribute(`aria-selected`,`true`),this.select(this.toH24()))}select(e){e&&this.dispatch(`selected`,{detail:{value:e},bubbles:!0})}onNavigate(e){[`ArrowUp`,`ArrowDown`].includes(e.key)&&(e.preventDefault(),this.step(e.currentTarget,e.key===`ArrowDown`?1:-1))}step(e,t){let n=[...e.querySelectorAll(`[role="option"]`)],r=e.querySelector(`[aria-selected="true"]`),i=n.indexOf(r),a=t>0?n[Math.min(i+1,n.length-1)]:n[Math.max(i-1,0)];!a||a===r||(n.forEach(e=>e.setAttribute(`aria-selected`,`false`)),a.setAttribute(`aria-selected`,`true`),a.scrollIntoView({block:`nearest`}),this.select(this.toH24()))}toH24(){let e=this.selectedValue(this.hourTarget),t=this.selectedValue(this.minuteTarget);if(!e||!t)return null;if(!this.hasPeriodTarget)return`${e}:${t}`;let n=this.selectedValue(this.periodTarget),r=parseInt(e,10);return r=n===`AM`?r===12?0:r:r===12?12:r+12,`${String(r).padStart(2,`0`)}:${t}`}selectedValue(e){return e?.querySelector(`[aria-selected="true"]`)?.dataset.value??null}},He=class extends t.Controller{static targets=[`trigger`];connect(){Y(this,{trigger:this.hasTriggerTarget?this.triggerTarget:null})}},Ue=class extends t.Controller{static targets=[`anchor`,`reference`];static values={placement:{type:String,default:`bottom`},alignment:{type:String,default:`start`},role:{type:String,default:`tooltip`}};connect(){if(!this.hasReferenceTarget){console.error(`FlipperController requires a reference target. Add data-flipper-target="reference" to your element.`);return}if(!this.hasAnchorTarget){console.error(`FlipperController requires an anchor target. Add data-flipper-target="anchor" to your element.`);return}Me(this,{element:this.referenceTarget,anchor:this.anchorTarget,placement:this.placementValue,alignment:this.alignmentValue,ariaRole:this.roleValue})}},We=class extends t.Controller{static targets=[`trigger`,`input`];static values={value:String,minLength:{type:Number,default:1}};static outlets=[`combobox-dropdown`];onSelect(e){e.detail?.value!==void 0&&(this.valueValue=e.detail.value)}onInput(e){if(e.target!==this.triggerTarget)return;let t=e.target.value.trim();if(t.length<this.minLengthValue){this.hasComboboxDropdownOutlet&&this.comboboxDropdownOutlet.showAll();return}this.hasComboboxDropdownOutlet&&this.comboboxDropdownOutlet.filter(t)}valueValueChanged(e){this.hasInputTarget&&(this.inputTarget.value=e),this.dispatch(`changed`,{detail:{value:e}})}},Ge=class extends t.Controller{static targets=[`input`,`toggle`];static values={format:{type:String,default:`plain`},options:{type:Object,default:{}},revealed:{type:Boolean,default:!1}};connect(){H(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()),this.drawToggle()}formatValueChanged(){this.formatter&&(H(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()),this.drawToggle())}optionsValueChanged(){this.formatter&&(H(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()))}revealedValueChanged(){this.formatter&&(this.format(this.readValue()),this.drawToggle())}onChange(e){this.format(e?.detail?.value??``)}format(e){this.formatter&&this.onFormatting(e)}toggle(){!this.formatter.maskable()&&this.formatValue!==`password`||(this.revealedValue=!this.revealedValue)}onPaste(e){let t=e.detail?.text??``;if(!this.formatter||!t)return;let n=this.formatter.normalize(t);this.formatter.validate(n)&&this.format(n)}drawToggle(){if(!this.hasToggleTarget)return;let e=this.formatter?.maskable()||this.formatValue===`password`;this.toggleTarget.hidden=!e,e&&_(this.toggleTarget,this.revealedValue)}readValue(){return this.hasInputTarget?this.inputTarget instanceof HTMLInputElement?this.inputTarget.value:this.inputTarget.textContent:``}onFormatting(e){if(!this.formatter)return;if(this.formatValue===`password`){this.hasInputTarget&&(this.inputTarget.type=this.revealedValue?`text`:`password`);return}let t=this.formatter.normalize(e),n=this.revealedValue||!this.formatter.maskable()?this.formatter.format(t):this.formatter.mask(t);this.hasInputTarget&&(this.inputTarget instanceof HTMLInputElement?this.inputTarget.value=n:this.inputTarget.textContent=n),this.dispatch(`formatted`,{detail:{value:n}})}},Ke=class extends t.Controller{static targets=[`input`,`clear`];initialize(){this.onInput=this.draw.bind(this),this.onEscape=this.handleEscape.bind(this)}connect(){this.draw()}inputTargetConnected(e){e.addEventListener(`input`,this.onInput),e.addEventListener(`keydown`,this.onEscape)}inputTargetDisconnected(e){e.removeEventListener(`input`,this.onInput),e.removeEventListener(`keydown`,this.onEscape)}clear(){this.hasInputTarget&&(this.inputTarget.value=``,this.draw(),this.inputTarget.focus(),this.inputTarget.dispatchEvent(new Event(`input`,{bubbles:!0})))}draw(){!this.hasInputTarget||!this.hasClearTarget||(this.clearTarget.hidden=this.inputTarget.value.length===0)}handleEscape(e){e.key===`Escape`&&this.inputTarget.value!==``&&(e.preventDefault(),this.clear())}},qe=class extends t.Controller{static targets=[`modal`,`overlay`];initialize(){this.onCancel=this.close.bind(this)}connect(){this.hasModalTarget||console.error(`ModalController requires a modal target. Add data-modal-target="modal" to your element.`)}modalTargetConnected(e){this.isNativeDialog=e instanceof HTMLDialogElement,this.isNativeDialog?(e.addEventListener(`cancel`,this.onCancel),e.addEventListener(`click`,this.onBackdropClick)):(this.focusTrap=new o(e,{escapeDeactivates:!0}),Y(this,{element:e}))}modalTargetDisconnected(e){this.isNativeDialog&&(e.removeEventListener(`cancel`,this.onCancel),e.removeEventListener(`click`,this.onBackdropClick))}dismissed=()=>{this.close()};open(e){if(e&&e.preventDefault(),this.hasModalTarget){if(this.isNativeDialog)this.previouslyFocused=document.activeElement,this.modalTarget.showModal();else{let e=this.hasOverlayTarget?this.overlayTarget:this.modalTarget;e.hidden=!1,document.body.style.overflow=`hidden`,this.focusTrap&&this.focusTrap.activate()}m(`Modal opened`)}}close(e){if(e&&e.preventDefault(),this.hasModalTarget){if(this.isNativeDialog)this.modalTarget.close(),this.previouslyFocused&&this.previouslyFocused.isConnected&&setTimeout(()=>{this.previouslyFocused.focus()},0);else{let e=this.hasOverlayTarget?this.overlayTarget:this.modalTarget;e.hidden=!0,document.body.style.overflow=``,this.focusTrap&&this.focusTrap.deactivate()}m(`Modal closed`)}}onBackdropClick=e=>{let t=this.modalTarget.getBoundingClientRect();(e.clientY<t.top||e.clientY>t.bottom||e.clientX<t.left||e.clientX>t.right)&&this.close()}},Je=class extends t.Controller{static targets=[`content`];connect(){Fe(this,{element:this.hasContentTarget?this.contentTarget:null})}},Ye=class extends t.Controller{static targets=[`trigger`,`panel`,`template`,`loader`];static classes=[`hidden`];static values={url:String,loadedAt:String,reload:{type:String,default:`never`},staleAfter:{type:Number,default:3600},closeOnSelect:{type:Boolean,default:!0}};connect(){De(this,{element:this.hasPanelTarget?this.panelTarget:null,url:this.hasUrlValue?this.urlValue:null}),this.hasPanelTarget&&(Z(this,{element:this.panelTarget,activator:this.hasTriggerTarget?this.triggerTarget:null}),Y(this)),this.hasLoaderTarget&&Z(this,{element:this.loaderTarget,visibility:`contentLoaderVisibility`})}async dismissed(){await this.close()}async open(){this.hasPanelTarget&&await this.visibility.show()}async close(){this.hasPanelTarget&&await this.visibility.hide()}async toggle(){this.visibility?.visible?await this.close():await this.open()}async closeOnSelect(){this.closeOnSelectValue&&await this.close()}async shown(){await this.load(),this.hasPanelTarget&&a(this.panelTarget)}async hidden(){this.hasTriggerTarget&&this.triggerTarget.focus()}canLoad(){return this.hasPanelTarget&&this.panelTarget.tagName.toLowerCase()===`turbo-frame`?(this.hasUrlValue&&this.panelTarget.setAttribute(`src`,this.urlValue),!1):!0}async contentLoading(){this.hasLoaderTarget&&await this.contentLoaderVisibility.show()}async contentLoaded({content:e}){this.hasPanelTarget&&this.panelTarget.replaceChildren(this.getContentNode(e)),this.hasLoaderTarget&&await this.contentLoaderVisibility.hide()}getContentNode(e){if(typeof e==`string`){let t=document.createElement(`template`);return t.innerHTML=e,document.importNode(t.content,!0)}return document.importNode(e,!0)}contentLoader(){if(this.hasTemplateTarget)return this.templateTarget instanceof HTMLTemplateElement?this.templateTarget.content:this.templateTarget.innerHTML}};e.ARIA_HASPOPUP_VALUES=v,e.CalendarMonthController=Le,e.CalendarObserverController=Re,e.ClipboardController=ze,e.ComboboxDateController=Be,e.ComboboxDropdownController=Ve,e.ComboboxTimeController=$,e.DismisserController=He,e.FOCUSABLE_SELECTOR=n,e.FORMATTER_TYPES=R,e.FlipperController=Ue,e.FocusRestoration=s,e.FocusTrap=o,e.Formatter=V,e.InputClearableController=Ke,e.InputComboboxController=We,e.InputFormatterController=Ge,e.ModalController=qe,e.PannerController=Je,e.PopoverController=Ye,e.Requestor=C,e.RovingTabIndex=f,e.announce=m,e.connectTriggerToTarget=x,e.disconnectTriggerFromTarget=ie,e.ensureId=ee,e.filterOptions=T,e.focusFirst=a,e.fuzzyMatcher=w,e.generateId=h,e.getFocusableElements=r,e.isActivationKey=l,e.isArrowKey=u,e.isKey=c,e.isVisible=i,e.preventDefault=d,e.setAriaState=g,e.setChecked=ne,e.setDisabled=re,e.setExpanded=te,e.setPressed=_});
1
+ (function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@hotwired/stimulus`)):typeof define==`function`&&define.amd?define([`exports`,`@hotwired/stimulus`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.StimulusPlumbersControllers={},e.Stimulus))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=[`a[href]`,`area[href]`,`button:not([disabled])`,`input:not([disabled])`,`select:not([disabled])`,`textarea:not([disabled])`,`[tabindex]:not([tabindex="-1"])`,`audio[controls]`,`video[controls]`,`[contenteditable]:not([contenteditable="false"])`].join(`,`);function r(e){return Array.from(e.querySelectorAll(n)).filter(e=>i(e))}function i(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)}function a(e){let t=r(e);return t.length>0?(t[0].focus(),!0):!1}var o=class{constructor(e,t={}){this.container=e,this.previouslyFocused=null,this.options=t,this.isActive=!1}activate(){this.isActive||(this.previouslyFocused=document.activeElement,this.isActive=!0,this.options.initialFocus?this.options.initialFocus.focus():a(this.container),this.container.addEventListener(`keydown`,this.handleKeyDown))}deactivate(){if(!this.isActive)return;this.isActive=!1,this.container.removeEventListener(`keydown`,this.handleKeyDown);let e=this.options.returnFocus||this.previouslyFocused;e&&i(e)&&e.focus(),typeof this.options.onDeactivate==`function`&&this.options.onDeactivate()}handleKeyDown=e=>{if(e.key===`Escape`&&this.options.escapeDeactivates){e.preventDefault(),this.deactivate();return}if(e.key!==`Tab`)return;let t=r(this.container);if(t.length===0)return;let n=t[0],i=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),i.focus()):!e.shiftKey&&document.activeElement===i&&(e.preventDefault(),n.focus())}};function s(e,t){return e.key===t}function c(e){return e.key===`Enter`||e.key===` `}function l(e){return[`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key)}function u(e){e.preventDefault(),e.stopPropagation()}var d=class{constructor(e,t={}){this.items=Array.from(e),this.currentIndex=t.initialIndex??0,this.orientation=t.orientation??`both`,this.wrap=t.wrap??!0,this._handleKeyDown=this._handleKeyDown.bind(this),this._handleClick=this._handleClick.bind(this)}activate(){return this.updateTabIndex(),this.items.forEach(e=>{e.addEventListener(`keydown`,this._handleKeyDown),e.addEventListener(`click`,this._handleClick)}),this}deactivate(){this.items.forEach(e=>{e.removeEventListener(`keydown`,this._handleKeyDown),e.removeEventListener(`click`,this._handleClick)})}updateItems(e){this.deactivate(),this.items=Array.from(e),this.currentIndex=Math.min(this.currentIndex,Math.max(0,this.items.length-1)),this.activate()}setCurrentIndex(e){e>=0&&e<this.items.length&&(this.currentIndex=e,this.updateTabIndex(),this.items[e].focus())}updateTabIndex(){this.items.forEach((e,t)=>{e.tabIndex=t===this.currentIndex?0:-1})}_handleClick(e){let t=this.items.indexOf(e.currentTarget);t!==-1&&(this.currentIndex=t,this.updateTabIndex())}_handleKeyDown(e){let t=this.items.indexOf(e.currentTarget);t!==-1&&t!==this.currentIndex&&(this.currentIndex=t,this.updateTabIndex());let n=this.orientation===`horizontal`?[]:[`ArrowUp`,`ArrowDown`],r=this.orientation===`vertical`?[]:[`ArrowLeft`,`ArrowRight`];if(![...n,...r,`Home`,`End`].includes(e.key))return;e.preventDefault();let i=t===-1?this.currentIndex:t,a;switch(e.key){case`ArrowDown`:case`ArrowRight`:a=this.wrap?(i+1)%this.items.length:Math.min(i+1,this.items.length-1);break;case`ArrowUp`:case`ArrowLeft`:a=this.wrap?(i-1+this.items.length)%this.items.length:Math.max(i-1,0);break;case`Home`:a=0;break;case`End`:a=this.items.length-1;break}this.setCurrentIndex(a)}},f=class{constructor(e,t={}){this.listbox=e,this.itemSelector=t.itemSelector??`[role="option"]:not([aria-disabled="true"]):not([hidden])`,this.wrap=t.wrap??!1,this.orientation=t.orientation??`vertical`}get selectedItem(){return this.listbox.querySelector(`${this.itemSelector}[aria-selected="true"]`)??null}get currentIndex(){return Array.from(this.listbox.querySelectorAll(this.itemSelector)).indexOf(this.selectedItem)}_selectItem(e){Array.from(this.listbox.querySelectorAll(this.itemSelector)).forEach(e=>e.setAttribute(`aria-selected`,`false`)),e.setAttribute(`aria-selected`,`true`),e.scrollIntoView({block:`nearest`})}step(e){let t=Array.from(this.listbox.querySelectorAll(this.itemSelector));if(!t.length)return;let n=this.listbox.querySelector(`${this.itemSelector}[aria-selected="true"]`),r=t.indexOf(n),i;i=e>0?this.wrap?t[(r+1)%t.length]:t[Math.min(r+1,t.length-1)]:this.wrap?t[(r-1+t.length)%t.length]:t[Math.max(r-1,0)],!(!i||i===n)&&this._selectItem(i)}handleKeyDown(e){let t=this.orientation===`horizontal`?[]:[`ArrowUp`,`ArrowDown`],n=this.orientation===`vertical`?[]:[`ArrowLeft`,`ArrowRight`];if(![...t,...n,`Home`,`End`,`Enter`,` `].includes(e.key))return;e.preventDefault();let r=Array.from(this.listbox.querySelectorAll(this.itemSelector));switch(e.key){case`ArrowDown`:case`ArrowRight`:this.step(1);break;case`ArrowUp`:case`ArrowLeft`:this.step(-1);break;case`Home`:r.length&&this._selectItem(r[0]);break;case`End`:r.length&&this._selectItem(r[r.length-1]);break;case`Enter`:case` `:this.listbox.querySelector(`${this.itemSelector}[aria-selected="true"]`)?.click();break}}},p=(e,t,n)=>{let r=document.querySelector(`[data-live-region="${e}"]`);return r||(r=document.createElement(`div`),r.className=`sr-only`,r.dataset.liveRegion=e,r.setAttribute(`aria-live`,e),r.setAttribute(`aria-atomic`,t.toString()),r.setAttribute(`aria-relevant`,n),document.body.appendChild(r)),r};function m(e,t={}){let{politeness:n=`polite`,atomic:r=!0,relevant:i=`additions text`}=t,a=p(n,r,i);a.textContent=``,setTimeout(()=>{a.textContent=e},100)}var h=(e=`a11y`)=>`${e}-${Math.random().toString(36).substr(2,9)}`,ee=(e,t=`element`)=>e.id||=h(t),g=(e,t,n)=>{e.setAttribute(t,n.toString())},_=(e,t)=>g(e,`aria-expanded`,t),v=(e,t)=>g(e,`aria-pressed`,t),te=(e,t)=>g(e,`aria-checked`,t),y=(e,t)=>t?e.setAttribute(`hidden`,``):e.removeAttribute(`hidden`);function ne(e,t){g(e,`aria-disabled`,t),t?e.setAttribute(`tabindex`,`-1`):e.removeAttribute(`tabindex`)}var b={menu:`menu`,listbox:`listbox`,tree:`tree`,grid:`grid`,dialog:`dialog`},x=(e,t,n)=>{Object.entries(t).forEach(([t,r])=>{e.setAttribute(t,r),n[t]=r})},S=(e,t,n)=>n||!e.hasAttribute(t);function C({trigger:e,target:t,role:n=null,override:r=!1}){let i={trigger:{},target:{}};if(!e||!t)return i;let a={},o={};if(n&&S(t,`role`,r)&&(o.role=n),t.id&&(S(e,`aria-controls`,r)&&(a[`aria-controls`]=t.id),n===`tooltip`&&S(e,`aria-describedby`,r)&&(a[`aria-describedby`]=t.id)),n&&S(e,`aria-haspopup`,r)){let e=b[n]||`true`;e&&(a[`aria-haspopup`]=e)}return x(t,o,i.target),x(e,a,i.trigger),i}var w=(e,t)=>{t.forEach(t=>{e.hasAttribute(t)&&e.removeAttribute(t)})};function re({trigger:e,target:t,attributes:n=null}){!e||!t||(w(e,n||[`aria-controls`,`aria-haspopup`,`aria-describedby`]),(!n||n.includes(`role`))&&w(t,[`role`]))}var T=class{constructor(){this._abortController=null,this._timer=null}schedule(e,t){clearTimeout(this._timer),this._timer=setTimeout(e,t)}async request(e,t={}){this._abortController?.abort(),this._abortController=new AbortController;let n=await fetch(e,{...t,signal:this._abortController.signal});if(!n.ok)throw Error(`${n.status}`);return n}cancel(){clearTimeout(this._timer),this._abortController?.abort()}};function ie(e,t){let n=0;for(let r=0;r<t.length&&n<e.length;r++)t[r]===e[n]&&n++;return n===e.length}function ae(e,t){return t.includes(e)}function oe(e,t){return t.startsWith(e)}function se(e){return e===`contains`?ae:e===`prefix`?oe:ie}function ce(e,t){return t===`textContent`?e.textContent?.trim().toLowerCase()??``:(e.getAttribute(t)??``).toLowerCase()}function E(e,t,n={}){let{strategy:r=`fuzzy`,matcher:i,fields:a=[`textContent`]}=n,o=typeof i==`function`?i:se(r),s=t.toLowerCase(),c=0;return e.querySelectorAll(`[role="option"]`).forEach(e=>{let t=a.some(t=>o(s,ce(e,t)));e.hidden=!t,t&&c++}),c}var D={get top(){return`bottom`},get bottom(){return`top`},get left(){return`right`},get right(){return`left`}};function O({x:e,y:t,width:n,height:r}){return{x:e,y:t,width:n,height:r,left:e,right:e+n,top:t,bottom:t+r}}function k(){return O({x:0,y:0,width:window.innerWidth||document.documentElement.clientWidth,height:window.innerHeight||document.documentElement.clientHeight})}function le(e){if(!(e instanceof HTMLElement))return!1;let t=k(),n=e.getBoundingClientRect(),r=n.top<=t.height&&n.top+n.height>0,i=n.left<=t.width&&n.left+n.width>0;return r&&i}var A={get visibleOnly(){return!0},hiddenClass:null},ue={element:null,visible:null,dispatch:!0,prefix:``},j=class{constructor(e,t={}){this.controller=e;let{element:n,visible:r,dispatch:i,prefix:a}=Object.assign({},ue,t);this.element=n||e.element,this.visibleOnly=typeof r==`boolean`?r:A.visibleOnly,this.visibleCallback=typeof r==`string`?r:null,this.notify=!!i,this.prefix=typeof a==`string`&&a?a:e.identifier}get visible(){return this.element instanceof HTMLElement?this.visibleOnly?le(this.element)&&this.isVisible(this.element):!0:!1}isVisible(e){if(this.visibleCallback){let t=this.findCallback(this.visibleCallback);if(typeof t==`function`)return t(e)}return e instanceof HTMLElement?!e.hasAttribute(`hidden`):!1}dispatch(e,{target:t=null,prefix:n=null,detail:r=null}={}){if(this.notify)return this.controller.dispatch(e,{target:t||this.element,prefix:n||this.prefix,detail:r})}findCallback(e){if(typeof e!=`string`)return;let t=this,n=e.split(`.`).reduce((e,t)=>e&&e[t],t.controller);if(typeof n==`function`)return n.bind(t.controller);let r=e.split(`.`).reduce((e,t)=>e&&e[t],t);if(typeof r==`function`)return r.bind(t)}async awaitCallback(e,...t){if(typeof e==`string`&&(e=this.findCallback(e)),typeof e==`function`){let n=e(...t);return n instanceof Promise?await n:n}}},de={normalize(e){return typeof e==`string`?e:``},validate(){return!0}};function fe(e){let t=0,n=!1;for(let r=e.length-1;r>=0;r--){let i=parseInt(e[r],10);n&&(i*=2,i>9&&(i-=9)),t+=i,n=!n}return t%10==0}var pe=/\D/g,me=/^\d{13,19}$/,he=/(.{4})(?=.)/g,ge={normalize(e){return typeof e==`string`?e.replace(pe,``):``},validate(e){return typeof e!=`string`||!me.test(e)?!1:fe(e)},format(e){return typeof e==`string`?e.replace(he,`$1 `):``}},_e={1:10},M=/\D/g,ve=/^\+\d{7,15}$/,ye={normalize(e){if(typeof e!=`string`)return``;let t=e.trimStart().startsWith(`+`),n=e.replace(M,``);return t?`+${n}`:n},validate(e){if(typeof e!=`string`)return!1;if(ve.test(e))return!0;let t=e.replace(M,``);return Object.values(_e).includes(t.length)},format(e){if(typeof e!=`string`)return``;let t=e.replace(M,``);for(let[e,n]of Object.entries(_e)){if(t.length===n)return`(${t.slice(0,3)}) ${t.slice(3,6)}-${t.slice(6)}`;let r=n+e.length;if(t.length===r&&t.startsWith(e)){let n=t.slice(e.length);return`+${e} (${n.slice(0,3)}) ${n.slice(3,6)}-${n.slice(6)}`}}return e}},be=/[^\d.,-]/g,xe=/^-?\d+(\.\d+)?$/,Se={normalize(e){if(typeof e!=`string`)return``;let t=e.replace(be,``);if(!t)return``;let n=t.lastIndexOf(`,`),r=t.lastIndexOf(`.`);return n>-1&&r>-1?n>r?t.replace(/\./g,``).replace(`,`,`.`):t.replace(/,/g,``):n>-1?t.slice(n+1).length<=2?t.replace(`,`,`.`):t.replace(/,/g,``):t},validate(e){return typeof e==`string`?xe.test(e):!1},format(e,t={}){if(typeof e!=`string`)return``;let n=parseFloat(e);if(isNaN(n))return e;let r=t.locale||`en-US`,i=t.currency||`USD`,a=t.fractionDigits===void 0?{}:{minimumFractionDigits:t.fractionDigits,maximumFractionDigits:t.fractionDigits};try{return new Intl.NumberFormat(r,{style:`currency`,currency:i,...a}).format(n)}catch{return e}}},N=/^\d{4}-\d{2}-\d{2}$/,Ce=/^(\d{1,4})[/\-.](\d{1,2})[/\-.](\d{1,4})$/,we=/\D/g,P={normalize(e){if(typeof e!=`string`)return``;let t=e.trim();if(N.test(t))return t;let n=t.match(Ce);if(n){let[,e,t,r]=n;if(e.length===4)return`${e}-${t.padStart(2,`0`)}-${r.padStart(2,`0`)}`;if(r.length===4)return`${r}-${e.padStart(2,`0`)}-${t.padStart(2,`0`)}`}let r=t.replace(we,``);if(r.length===8){let e=parseInt(r.slice(0,4),10);return e>=1e3&&e<=9999?`${r.slice(0,4)}-${r.slice(4,6)}-${r.slice(6,8)}`:`${r.slice(4,8)}-${r.slice(0,2)}-${r.slice(2,4)}`}return t},validate(e){if(typeof e!=`string`)return!1;let t=P.normalize(e);if(!N.test(t))return!1;let n=new Date(`${t}T00:00:00Z`);return!isNaN(n.getTime())&&n.toISOString().startsWith(t)},format(e,t={}){if(typeof e!=`string`)return``;let n=new Date(`${e}T00:00:00Z`);if(isNaN(n.getTime()))return e;let r=t.locale||`en-US`;try{return new Intl.DateTimeFormat(r,{year:t.year||`numeric`,month:t.month||`2-digit`,day:t.day||`2-digit`,timeZone:t.timeZone||`UTC`}).format(n)}catch{return e}}},Te=/^([01]?\d|2[0-3]):([0-5]\d)$/,F={normalize(e){if(typeof e!=`string`)return``;let t=e.trim();if(Te.test(t)){let[e,n]=t.split(`:`);return`${String(parseInt(e,10)).padStart(2,`0`)}:${n}`}let n=t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);if(n){let e=parseInt(n[1],10),t=n[2];return e=n[3].toUpperCase()===`AM`?e===12?0:e:e===12?12:e+12,e>23||parseInt(t,10)>59?``:`${String(e).padStart(2,`0`)}:${t}`}return``},validate(e){return F.normalize(e)!==``},format(e,t={}){if(typeof e!=`string`)return``;let n=e.match(/^(\d{2}):(\d{2})$/);if(!n)return e;let r=parseInt(n[1],10),i=n[2];if(t.format===`h24`)return`${String(r).padStart(2,`0`)}:${i}`;let a=r<12?`AM`:`PM`;return`${r%12||12}:${i} ${a}`}},I={PLAIN:`plain`,CREDIT_CARD:`creditCard`,PHONE:`phone`,CURRENCY:`currency`,DATE:`date`,TIME:`time`},L=new Map([[I.PLAIN,de],[I.CREDIT_CARD,ge],[I.PHONE,ye],[I.CURRENCY,Se],[I.DATE,P],[I.TIME,F]]),R={type:I.PLAIN,options:{}},z=class extends j{static register(e,t){L.set(e,t)}constructor(e,t={}){super(e,t),this.type=t.type??R.type,this.options=t.options??R.options,this.enhance()}enhance(){let e=this,t=L.get(e.type)??L.get(I.PLAIN),n={normalize:n=>t.normalize?.(n,e.options)??(typeof n==`string`?n:``),validate:n=>t.validate?.(n,e.options)??!0,format:n=>t.format?.(n,e.options)??(typeof n==`string`?n:``),mask:n=>t.mask?.(n,e.options)??null,maskable:()=>typeof t.mask==`function`};Object.defineProperty(this.controller,`formatter`,{get(){return n},configurable:!0})}},B=(e,t)=>new z(e,t),Ee=/^\d{4}-\d{2}-\d{2}$/;function V(e){return e instanceof Date&&!isNaN(e)}function H(...e){if(e.length===0)throw`Missing values to parse as date`;if(e.length===1){let t=e[0];if(!t)return;if(typeof t==`string`&&Ee.test(t)){let[e,n,r]=t.split(`-`).map(Number),i=new Date(e,n-1,r);if(V(i))return i}else{let e=new Date(t);if(V(e))return e}}else{let t=new Date(...e);if(V(t))return t}}var U=7,De=12,W=10,G={locales:[`default`],today:``,day:null,month:null,year:null,since:null,till:null,disabledDates:[],disabledWeekdays:[],disabledDays:[],disabledMonths:[],disabledYears:[],firstDayOfWeek:0,onNavigated:`navigated`},Oe=class extends j{constructor(e,t={}){super(e,t);let n=Object.assign({},G,t),{onNavigated:r,since:i,till:a,firstDayOfWeek:o}=n;this.onNavigated=r,this.since=H(i),this.till=H(a),this.firstDayOfWeek=0<=o&&o<7?o:G.firstDayOfWeek;let{disabledDates:s,disabledWeekdays:c,disabledDays:l,disabledMonths:u,disabledYears:d}=n;this.disabledDates=Array.isArray(s)?s:[],this.disabledWeekdays=Array.isArray(c)?c:[],this.disabledDays=Array.isArray(l)?l:[],this.disabledMonths=Array.isArray(u)?u:[],this.disabledYears=Array.isArray(d)?d:[];let{today:f,day:p,month:m,year:h}=n;this.now=H(f)||new Date,typeof h==`number`&&typeof m==`number`&&typeof p==`number`?this.current=H(h,m,p):this.current=this.now,this.build(),this.enhance()}build(){this.daysOfWeek=this.buildDaysOfWeek(),this.daysOfMonth=this.buildDaysOfMonth(),this.monthsOfYear=this.buildMonthsOfYear(),this.yearsOfDecade=this.buildYearsOfDecade()}buildDaysOfWeek(){let e=new Intl.DateTimeFormat(this.localesValue,{weekday:`long`}),t=new Intl.DateTimeFormat(this.localesValue,{weekday:`short`}),n=new Date(`2024-10-06`),r=[];for(let i=this.firstDayOfWeek,a=i+7;i<a;i++){let a=new Date(n);a.setDate(n.getDate()+i),r.push({date:a,value:a.getDay(),long:e.format(a),short:t.format(a)})}return r}buildDaysOfMonth(){let e=this.month,t=this.year,n=[],r=e=>({current:this.month===e.getMonth()&&this.year===e.getFullYear(),date:e,value:e.getDate(),month:e.getMonth(),year:e.getFullYear(),iso:e.toISOString()}),i=new Date(t,e).getDay(),a=this.firstDayOfWeek-i;for(let i=a>0?a-7:a;i<0;i++){let a=new Date(t,e,i+1);n.push(r(a))}let o=new Date(t,e+1,0).getDate();for(let i=1;i<=o;i++){let a=new Date(t,e,i);n.push(r(a))}let s=n.length%U,c=s===0?0:U-s;for(let i=1;i<=c;i++){let a=new Date(t,e+1,i);n.push(r(a))}return n}buildMonthsOfYear(){let e=new Intl.DateTimeFormat(this.localesValue,{month:`long`}),t=new Intl.DateTimeFormat(this.localesValue,{month:`short`}),n=new Intl.DateTimeFormat(this.localesValue,{month:`numeric`}),r=[];for(let i=0;i<De;i++){let a=new Date(this.year,i),o=new Date(this.year,i,1),s=new Date(this.year,i+1,0),c=t.format(a),l=e.format(a),u=this.since&&s<this.since||this.till&&o>this.till,d=this.disabledMonths.some(e=>i==e||c===e||l===e);r.push({date:a,value:a.getMonth(),long:l,short:c,numeric:n.format(a),disabled:u||d})}return r}buildYearsOfDecade(){let e=Math.floor(this.year/W)*W,t=[];for(let n=e-1;n<=e+W;n++){let r=n<e||n>e+W-1,i=this.since&&n<this.since.getFullYear()||this.till&&n>this.till.getFullYear(),a=this.disabledYears.some(e=>n==e);t.push({value:n,current:n===this.year,disabled:r||i||a})}return t}get today(){return this.now}set today(e){if(!V(e))return;let t=this.month??e.getMonth(),n=this.year??e.getFullYear(),r=t==e.getMonth()&&n==e.getFullYear()?e.getDate():1;this.now=new Date(n,t,r)}get current(){return typeof this.year==`number`&&typeof this.month==`number`&&typeof this.day==`number`?H(this.year,this.month,this.day):null}set current(e){V(e)&&(this.day=e.getDate(),this.month=e.getMonth(),this.year=e.getFullYear())}navigate=async e=>{if(!V(e))return;let t=this.current,n=e.toISOString(),r=t.toISOString();this.dispatch(`navigate`,{detail:{from:r,to:n}}),this.current=e,this.build(),await this.awaitCallback(this.onNavigated,{from:r,to:n}),this.dispatch(`navigated`,{detail:{from:r,to:n}})};step=async(e,t)=>{if(t===0)return;let n=this.current;switch(e){case`year`:n.setFullYear(n.getFullYear()+t);break;case`month`:n.setMonth(n.getMonth()+t);break;case`day`:n.setDate(n.getDate()+t);break;default:return}await this.navigate(n)};isDisabled=e=>{if(!V(e))return!1;if(this.disabledDates.length){let t=e.getTime();for(let e of this.disabledDates)if(t===new Date(e).getTime())return!0}if(this.disabledWeekdays.length){let t=e.getDay(),n=this.daysOfWeek,r=n.findIndex(e=>e.value===t);if(r>=0){let e=n[r];for(let t of this.disabledWeekdays)if(e.value==t||e.short===t||e.long===t)return!0}}if(this.disabledDays.length){let t=e.getDate();for(let e of this.disabledDays)if(t==e)return!0}if(this.disabledMonths.length){let t=e.getMonth(),n=this.monthsOfYear,r=n.findIndex(e=>e.value===t);if(r>=0){let e=n[r];for(let t of this.disabledMonths)if(e.value==t||e.short===t||e.long===t)return!0}}if(this.disabledYears.length){let t=e.getFullYear();for(let e of this.disabledYears)if(t==e)return!0}return!1};isWithinRange=e=>{if(!V(e))return!1;let t=!0;return this.since&&(t&&=e>=this.since),this.till&&(t&&=e<=this.till),t};enhance(){let e=this;Object.assign(this.controller,{get calendar(){return{get today(){return e.today},get current(){return e.current},get day(){return e.day},get month(){return e.month},get year(){return e.year},get since(){return e.since},get till(){return e.till},get firstDayOfWeek(){return e.firstDayOfWeek},get disabledDates(){return e.disabledDates},get disabledWeekdays(){return e.disabledWeekdays},get disabledDays(){return e.disabledDays},get disabledMonths(){return e.disabledMonths},get disabledYears(){return e.disabledYears},get daysOfWeek(){return e.daysOfWeek},get daysOfMonth(){return e.daysOfMonth},get monthsOfYear(){return e.monthsOfYear},get yearsOfDecade(){return e.yearsOfDecade},navigate:async t=>await e.navigate(t),step:async(t,n)=>await e.step(t,n),isDisabled:t=>e.isDisabled(t),isWithinRange:t=>e.isWithinRange(t)}}})}},K=(e,t)=>new Oe(e,t),ke=class extends j{constructor(e,t={}){super(e,t),this.handle=this.handle.bind(this),this.onSelect=t.onSelect||null}attach(){this.element.addEventListener(`click`,this.handle)}detach(){this.element.removeEventListener(`click`,this.handle)}handle(e){if(!(e.target instanceof HTMLElement))return;e.preventDefault();let t=e.target instanceof HTMLTimeElement?e.target.parentElement:e.target;if(t.disabled||t.getAttribute(`aria-disabled`)===`true`)return;let n=e.target instanceof HTMLTimeElement?e.target:e.target.querySelector(`time`);if(!n)return;let r=H(n.dateTime);if(!r)return;this.dispatch(`selecting`,{target:t});let i=r.toISOString();this.onSelect?this.awaitCallback(this.onSelect,i):this.dispatch(`selected`,{detail:{epoch:r.getTime(),iso:i}})}},Ae=class extends j{constructor(e,t={}){super(e,t),this.handle=this.handle.bind(this)}attach(){this.element.addEventListener(`click`,this.handle)}detach(){this.element.removeEventListener(`click`,this.handle)}handle(e){let t=e.target.closest(`button[data-month]`);if(!t||t.disabled||t.getAttribute(`aria-disabled`)===`true`)return;e.preventDefault();let n=parseInt(t.dataset.month,10);isNaN(n)||this.dispatch(`selected`,{detail:{month:n}})}},je=class extends j{constructor(e,t={}){super(e,t),this.handle=this.handle.bind(this)}attach(){this.element.addEventListener(`click`,this.handle)}detach(){this.element.removeEventListener(`click`,this.handle)}handle(e){let t=e.target.closest(`button[data-year]`);if(!t||t.disabled||t.getAttribute(`aria-disabled`)===`true`)return;e.preventDefault();let n=parseInt(t.dataset.year,10);isNaN(n)||this.dispatch(`selected`,{detail:{year:n}})}},q=(e,t)=>new ke(e,t),J=(e,t)=>new Ae(e,t),Y=(e,t)=>new je(e,t),X={content:null,url:``,reload:`never`,stale:3600,onLoad:`canLoad`,onLoaded:`contentLoaded`},Me=class extends j{constructor(e,t={}){super(e,t);let n=Object.assign({},X,t),{content:r,url:i,reload:a,stale:o}=n;this.content=r,this.url=i,this.reload=typeof a==`string`?a:X.reload,this.stale=typeof o==`number`?o:X.stale;let{onLoad:s,onLoaded:c}=n;this.onLoad=s,this.onLoaded=c,this._requestor=new T,this.enhance()}get reloadable(){switch(this.reload){case`never`:return!1;case`always`:return!0;default:{let e=H(this.loadedAt);return e&&new Date-e>this.stale*1e3}}}contentLoadable=({url:e})=>!!e;contentLoader=async()=>``;remoteContentLoader=async e=>(await this._requestor.request(e)).text();load=async()=>{if(this.loadedAt&&!this.reloadable)return;let e=this.findCallback(this.onLoad),t=await this.awaitCallback(e||this.contentLoadable,{url:this.url});if(this.dispatch(`load`,{detail:{url:this.url}}),!t)return;this.dispatch(`loading`,{detail:{url:this.url}});let n=this.url?await this.remoteContentLoader(this.url):await this.contentLoader();n&&(await this.awaitCallback(this.onLoaded,{url:this.url,content:n}),this.loadedAt=new Date().getTime(),this.dispatch(`loaded`,{detail:{url:this.url,content:n}}))};enhance(){let e=this;Object.assign(this.controller,{load:e.load.bind(e)})}},Ne=(e,t)=>new Me(e,t),Z=class extends j{observe(e){this._handler=e,this.events.forEach(t=>window.addEventListener(t,e,!0))}unobserve(){this._handler&&this.events.forEach(e=>window.removeEventListener(e,this._handler,!0))}enhance(){let e=this,t=this.controller.disconnect?.bind(this.controller)||(()=>{});this.controller.disconnect=()=>{e.unobserve(),t()}}},Pe={trigger:null,events:[`click`],onDismissed:`dismissed`},Fe=class extends Z{constructor(e,t={}){super(e,t);let{trigger:n,events:r,onDismissed:i}=Object.assign({},Pe,t);this.onDismissed=i,this.trigger=n||this.element,this.events=r,this.enhance(),this.observe(this.dismiss)}dismiss=async e=>{let{target:t}=e;t instanceof HTMLElement&&(this.element.contains(t)||this.visible&&(this.dispatch(`dismiss`),await this.awaitCallback(this.onDismissed,{target:this.trigger}),this.dispatch(`dismissed`)))}},Q=(e,t)=>new Fe(e,t),Ie={anchor:null,events:[`click`],placement:`bottom`,alignment:`start`,onFlipped:`flipped`,ariaRole:null,respectMotion:!0},Le=class extends Z{constructor(e,t={}){super(e,t);let{anchor:n,events:r,placement:i,alignment:a,onFlipped:o,ariaRole:s,respectMotion:c}=Object.assign({},Ie,t);this.anchor=n,this.events=r,this.placement=i,this.alignment=a,this.onFlipped=o,this.ariaRole=s,this.respectMotion=c,this.prefersReducedMotion=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.anchor&&this.element&&C({trigger:this.anchor,target:this.element,role:this.ariaRole}),this.enhance(),this.observe(this.flip)}flip=async()=>{if(!this.visible)return;this.dispatch(`flip`),window.getComputedStyle(this.element).position!=`absolute`&&(this.element.style.position=`absolute`);let e=this.flippedRect(this.anchor.getBoundingClientRect(),this.element.getBoundingClientRect());this.element.style.transition=this.respectMotion&&this.prefersReducedMotion?`none`:``;for(let[t,n]of Object.entries(e))this.element.style[t]=n;await this.awaitCallback(this.onFlipped,{target:this.element,placement:e}),this.dispatch(`flipped`,{detail:{placement:e}})};flippedRect(e,t){let n=this.quadrumRect(e,k()),r=[this.placement,D[this.placement]],i={};for(;!Object.keys(i).length&&r.length>0;){let a=r.shift();if(!this.biggerRectThan(n[a],t))continue;let o=this.quadrumPlacement(e,a,t),s=this.quadrumAlignment(e,a,o);i.top=`${s.top+window.scrollY}px`,i.left=`${s.left+window.scrollX}px`}return Object.keys(i).length||(i.top=``,i.left=``),i}quadrumRect(e,t){return{left:O({x:t.x,y:t.y,width:e.x-t.x,height:t.height}),right:O({x:e.x+e.width,y:t.y,width:t.width-(e.x+e.width),height:t.height}),top:O({x:t.x,y:t.y,width:t.width,height:e.y-t.y}),bottom:O({x:t.x,y:e.y+e.height,width:t.width,height:t.height-(e.y+e.height)})}}quadrumPlacement(e,t,n){switch(t){case`top`:return O({x:n.x,y:e.y-n.height,width:n.width,height:n.height});case`bottom`:return O({x:n.x,y:e.y+e.height,width:n.width,height:n.height});case`left`:return O({x:e.x-n.width,y:n.y,width:n.width,height:n.height});case`right`:return O({x:e.x+e.width,y:n.y,width:n.width,height:n.height});default:throw`Unable place at the quadrum, ${t}`}}quadrumAlignment(e,t,n){switch(t){case`top`:case`bottom`:{let t=e.x;return this.alignment===`center`?t=e.x+e.width/2-n.width/2:this.alignment===`end`&&(t=e.x+e.width-n.width),O({x:t,y:n.y,width:n.width,height:n.height})}case`left`:case`right`:{let t=e.y;return this.alignment===`center`?t=e.y+e.height/2-n.height/2:this.alignment===`end`&&(t=e.y+e.height-n.height),O({x:n.x,y:t,width:n.width,height:n.height})}default:throw`Unable align at the quadrum, ${t}`}}biggerRectThan(e,t){return e.height>=t.height&&e.width>=t.width}enhance(){super.enhance(),this.controller.flip=this.flip}},Re=(e,t)=>new Le(e,t),ze={events:[`resize`],boundaries:[`top`,`left`,`right`],onShifted:`shifted`,respectMotion:!0},Be=class extends Z{constructor(e,t={}){super(e,t);let{onShifted:n,events:r,boundaries:i,respectMotion:a}=Object.assign({},ze,t);this.onShifted=n,this.events=r,this.boundaries=i,this.respectMotion=a,this.prefersReducedMotion=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.enhance(),this.observe(this.shift)}shift=async()=>{if(!this.visible)return;this.dispatch(`shift`);let e=this.overflowRect(this.element.getBoundingClientRect(),this.elementTranslations(this.element)),t=e.left||e.right||0,n=e.top||e.bottom||0;this.element.style.transition=this.respectMotion&&this.prefersReducedMotion?`none`:``,this.element.style.transform=`translate(${t}px, ${n}px)`,await this.awaitCallback(this.onShifted,e),this.dispatch(`shifted`,{detail:e})};overflowRect(e,t){let n={},r=k(),i=O({x:e.x-t.x,y:e.y-t.y,width:e.width,height:e.height});for(let e of this.boundaries){let t=this.directionDistance(i,e,r),a=D[e];t<0?i[a]+t>=r[a]&&!n[a]&&(n[e]=t):n[e]=``}return n}directionDistance(e,t,n){switch(t){case`top`:case`left`:return e[t]-n[t];case`bottom`:case`right`:return n[t]-e[t];default:throw`Invalid direction to calcuate distance, ${t}`}}elementTranslations(e){let t=window.getComputedStyle(e),n=t.transform||t.webkitTransform||t.mozTransform;if(n===`none`||n===void 0)return{x:0,y:0};let r=n.includes(`3d`)?`3d`:`2d`,i=n.match(/matrix.*\((.+)\)/)[1].split(`, `);return r===`2d`?{x:Number(i[4]),y:Number(i[5])}:{x:0,y:0}}enhance(){super.enhance(),this.controller.shift=this.shift}},Ve=(e,t)=>new Be(e,t),He={visibility:`visibility`,onShown:`shown`,onHidden:`hidden`},Ue=class extends j{constructor(e,t={}){let{visibility:n,onShown:r,onHidden:i,activator:a}=Object.assign({},He,t),o=typeof n==`string`?n:He.namespace,s=typeof t.visible==`string`?t.visible:`isVisible`;(typeof t.visible!=`boolean`||t.visible)&&(t.visible=`${o}.${s}`),super(e,t),this.visibility=o,this.visibilityResolver=s,this.onShown=r,this.onHidden=i,this.activator=a instanceof HTMLElement?a:null,this.enhance(),this.element instanceof HTMLElement&&this.activate(this.isVisible(this.element))}isVisible(e){if(!(e instanceof HTMLElement))return!1;let t=A.hiddenClass;return t?!e.classList.contains(t):!e.hasAttribute(`hidden`)}toggle(e,t){if(!(e instanceof HTMLElement))return;let n=A.hiddenClass;n?t?e.classList.remove(n):e.classList.add(n):y(e,!t)}activate(e){this.activator&&_(this.activator,e)}async show(){!(this.element instanceof HTMLElement)||this.isVisible(this.element)||(this.dispatch(`show`),this.toggle(this.element,!0),this.activate(!0),await this.awaitCallback(this.onShown,{target:this.element}),this.dispatch(`shown`))}async hide(){!(this.element instanceof HTMLElement)||!this.isVisible(this.element)||(this.dispatch(`hide`),this.toggle(this.element,!1),this.activate(!1),await this.awaitCallback(this.onHidden,{target:this.element}),this.dispatch(`hidden`))}enhance(){let e=this,t={show:e.show.bind(e),hide:e.hide.bind(e)};Object.defineProperty(t,`visible`,{get(){return e.isVisible(e.element)}}),Object.defineProperty(t,this.visibilityResolver,{value:e.isVisible.bind(e)}),Object.defineProperty(this.controller,this.visibility,{get(){return t}})}},We=(e,t)=>new Ue(e,t),Ge=4,Ke=class extends t.Controller{static targets=[`grid`];static values={current:Number,today:{type:String,default:``},selected:{type:String,default:``},since:{type:String,default:``},till:{type:String,default:``}};initialize(){this.selector=Y(this),K(this,{today:this.todayValue,year:this.currentValue||void 0,since:this.sinceValue||null,till:this.tillValue||null})}connect(){this.selector.attach(),this.navigated()}disconnect(){this.selector.detach()}currentValueChanged(){!this.calendar||!this.hasCurrentValue||this.calendar.navigate(this.currentDate)}selectedValueChanged(){if(!this.hasGridTarget)return;let e=H(this.selectedValue),t=e?e.getFullYear():null;this.gridTarget.querySelectorAll(`button[data-year]`).forEach(e=>{let n=parseInt(e.dataset.year,10);e.setAttribute(`aria-selected`,n===t?`true`:`false`)})}navigate(e){this.currentValue=e.getFullYear()}step(e,t){return this.calendar.step(e,t)}navigated(){this.drawGrid()}get currentDate(){return new Date(this.currentValue,0,1)}drawGrid(){if(!this.hasGridTarget)return;let{yearsOfDecade:e}=this.calendar,t=this.calendar.today.getFullYear(),n=H(this.selectedValue),r=n?n.getFullYear():null,i=[];for(let n of e){let e=document.createElement(`button`);e.type=`button`,e.textContent=n.value,e.dataset.year=n.value,e.setAttribute(`role`,`gridcell`),e.setAttribute(`aria-selected`,n.value===r?`true`:`false`),n.value===t&&e.setAttribute(`aria-current`,`year`),n.disabled&&e.setAttribute(`aria-disabled`,`true`),i.push(e)}let a=document.createElement(`div`);a.setAttribute(`role`,`rowgroup`);for(let e=0;e<i.length;e+=Ge){let t=document.createElement(`div`);t.setAttribute(`role`,`row`);for(let n of i.slice(e,e+Ge))t.appendChild(n);a.appendChild(t)}this.gridTarget.replaceChildren(a)}},qe=class extends t.Controller{initialize(){this.selector=Y(this)}connect(){this.selector.attach()}disconnect(){this.selector.detach()}},Je=class extends t.Controller{static targets=[`daysOfWeek`,`daysOfMonth`];static classes=[`dayOfWeek`,`dayOfMonth`,`dayOfOtherMonth`,`row`];static values={year:Number,month:Number,today:{type:String,default:``},selected:{type:String,default:``},since:{type:String,default:``},till:{type:String,default:``},locales:{type:Array,default:[`default`]},weekdayFormat:{type:String,default:`short`},dayFormat:{type:String,default:`numeric`},daysOfOtherMonth:{type:Boolean,default:!1}};initialize(){this.selector=q(this,{onSelect:`select`}),K(this,{today:this.todayValue,since:this.sinceValue||null,till:this.tillValue||null})}connect(){this.selector.attach(),this.navigated()}disconnect(){this.selector.detach()}yearValueChanged(){!this.calendar||!this.hasYearValue||this._scheduleNavigate()}monthValueChanged(){!this.calendar||!this.hasYearValue||this._scheduleNavigate()}_scheduleNavigate(){this._navigatePending||(this._navigatePending=!0,queueMicrotask(async()=>{this._navigatePending=!1,await this.calendar.navigate(this.currentDate),this.navigated()}))}selectedValueChanged(){if(!this.hasDaysOfMonthTarget||(this.daysOfMonthTarget.querySelectorAll(`[aria-selected]`).forEach(e=>{e.setAttribute(`aria-selected`,`false`)}),!this.selectedValue))return;let e=H(this.selectedValue);if(!e)return;let t=this.daysOfMonthTarget.querySelector(`time[datetime="${e.toISOString()}"]`);t&&t.closest(`[aria-selected]`)?.setAttribute(`aria-selected`,`true`)}navigate(e){this.yearValue=e.getFullYear(),this.monthValue=e.getMonth()}step(e,t){return this.calendar.step(e,t)}select(e){let t=H(e);t&&(this.selectedValue=e,(t.getMonth()!==this.calendar.month||t.getFullYear()!==this.calendar.year)&&this.calendar.navigate(t),this.dispatch(`selected`,{detail:{epoch:t.getTime(),iso:e}}))}navigated(){this.drawDaysOfWeek(),this.drawDaysOfMonth(),this.selectedValueChanged()}get currentDate(){return new Date(this.yearValue,this.monthValue,1)}createDayElement(e,{selectable:t=!1,disabled:n=!1}={}){let r=document.createElement(t?`button`:`div`);return r.tabIndex=-1,e?r.textContent=e:r.setAttribute(`aria-hidden`,`true`),n&&(r instanceof HTMLButtonElement?r.disabled=!0:r.setAttribute(`aria-disabled`,`true`)),r}drawDaysOfWeek(){if(!this.hasDaysOfWeekTarget)return;let e=new Intl.DateTimeFormat(this.localesValue,{weekday:this.weekdayFormatValue}),t=[];for(let n of this.calendar.daysOfWeek){let r=this.createDayElement(e.format(n.date));r.setAttribute(`role`,`columnheader`),r.title=n.long,this.hasDayOfWeekClass&&r.classList.add(...this.dayOfWeekClasses),t.push(r)}let n=document.createElement(`div`);n.setAttribute(`role`,`row`),this.hasRowClass&&n.classList.add(...this.rowClasses),n.replaceChildren(...t),this.daysOfWeekTarget.replaceChildren(n)}drawDaysOfMonth(){if(!this.hasDaysOfMonthTarget)return;let e=this.calendar.today,t=new Date(e.getFullYear(),e.getMonth(),e.getDate()).getTime(),n=[];for(let e of this.calendar.daysOfMonth){let r=this.calendar.isDisabled(e.date)||!this.calendar.isWithinRange(e.date),i=!e.current&&this.daysOfOtherMonthValue&&!r,a=e.current||this.daysOfOtherMonthValue?e.value:``,o=this.createDayElement(a,{selectable:e.current||i,disabled:e.current?r:!i});t===e.date.getTime()&&o.setAttribute(`aria-current`,`date`),(e.current||this.daysOfOtherMonthValue)&&o.setAttribute(`aria-selected`,``),!e.current&&this.daysOfOtherMonthValue&&this.hasDayOfOtherMonthClass?o.classList.add(...this.dayOfOtherMonthClasses):this.hasDayOfMonthClass&&o.classList.add(...this.dayOfMonthClasses);let s=document.createElement(`time`);s.dateTime=e.iso,o.appendChild(s),n.push(o)}let r=[];for(let e=0;e<n.length;e+=7){let t=document.createElement(`div`);t.setAttribute(`role`,`row`),this.hasRowClass&&t.classList.add(...this.rowClasses);for(let r of n.slice(e,e+7))r.setAttribute(`role`,`gridcell`),t.appendChild(r);r.push(t)}this.daysOfMonthTarget.replaceChildren(...r)}},Ye=class extends t.Controller{initialize(){this.selector=q(this)}connect(){this.selector.attach()}disconnect(){this.selector.detach()}},Xe=4,Ze=class extends t.Controller{static targets=[`grid`];static values={current:Number,today:{type:String,default:``},selected:{type:String,default:``},since:{type:String,default:``},till:{type:String,default:``},locales:{type:Array,default:[`default`]},monthFormat:{type:String,default:`short`}};initialize(){this.selector=J(this),K(this,{today:this.todayValue,year:this.currentValue||void 0,since:this.sinceValue||null,till:this.tillValue||null})}connect(){this.selector.attach(),this.navigated()}disconnect(){this.selector.detach()}currentValueChanged(){!this.calendar||!this.hasCurrentValue||this.calendar.navigate(this.currentDate)}selectedValueChanged(){if(!this.hasGridTarget)return;let e=H(this.selectedValue);this.gridTarget.querySelectorAll(`button[data-month]`).forEach(t=>{let n=parseInt(t.dataset.month,10)-1;t.setAttribute(`aria-selected`,e&&e.getMonth()===n?`true`:`false`)})}navigate(e){this.currentValue=e.getFullYear()}step(e,t){return this.calendar.step(e,t)}navigated(){this.drawGrid()}get currentDate(){return new Date(this.currentValue,0,1)}drawGrid(){if(!this.hasGridTarget)return;let{year:e,monthsOfYear:t}=this.calendar,n=this.calendar.today,r=H(this.selectedValue),i=[],a=new Intl.DateTimeFormat(this.localesValue,{month:this.monthFormatValue});for(let o of t){let t=document.createElement(`button`);t.type=`button`,t.textContent=a.format(o.date),t.dataset.month=o.value+1,t.setAttribute(`role`,`gridcell`);let s=r&&r.getMonth()===o.value;t.setAttribute(`aria-selected`,s?`true`:`false`),o.value===n.getMonth()&&e===n.getFullYear()&&t.setAttribute(`aria-current`,`month`),o.disabled&&t.setAttribute(`aria-disabled`,`true`),i.push(t)}let o=document.createElement(`div`);o.setAttribute(`role`,`rowgroup`);for(let e=0;e<i.length;e+=Xe){let t=document.createElement(`div`);t.setAttribute(`role`,`row`);for(let n of i.slice(e,e+Xe))t.appendChild(n);o.appendChild(t)}this.gridTarget.replaceChildren(o)}},Qe=class extends t.Controller{initialize(){this.selector=J(this)}connect(){this.selector.attach()}disconnect(){this.selector.detach()}},$e=class extends t.Controller{static targets=[`source`];static values={contentType:{type:String,default:`text/plain`}};onPaste(e){let t=e.clipboardData?.getData(this.contentTypeValue)??``,n=Array.from(e.clipboardData?.types??[]);e.preventDefault(),this.dispatch(`pasted`,{detail:{text:t,types:n},bubbles:!0})}async copy(e){let t=e.params?.text??(this.hasSourceTarget?this.sourceTarget.value??this.sourceTarget.textContent??``:``);try{await navigator.clipboard.writeText(t),this.dispatch(`copied`,{detail:{text:t},bubbles:!0})}catch(e){this.dispatch(`copy-failed`,{detail:{error:e},bubbles:!0})}}},$=[`month`,`year`,`decade`],et=class extends t.Controller{static targets=[`previous`,`next`,`day`,`month`,`year`,`viewTitle`];static outlets=[`calendar-month`,`calendar-year`,`calendar-decade`];static values={date:String,view:{type:String,default:`month`},locales:{type:Array,default:[`default`]},dayFormat:{type:String,default:`numeric`},monthFormat:{type:String,default:`long`},yearFormat:{type:String,default:`numeric`}};initialize(){this.previous=this.previous.bind(this),this.next=this.next.bind(this)}async calendarMonthOutletConnected(){if(this.dateValue){let e=H(this.dateValue);e&&await this.calendarMonthOutlet.calendar.navigate(e)}this.draw()}onDaySelect(e){this.dateValue=e.detail.iso,this.draw(),this.dispatch(`selected`,{detail:{value:e.detail.iso},bubbles:!0})}zoomOut(){let e=$.indexOf(this.viewValue);e<$.length-1&&(this.viewValue=$[e+1],this.draw())}async onMonthSelect(e){let{month:t}=e.detail;if(!this.hasCalendarMonthOutlet)return;let{year:n}=this.calendarMonthOutlet.calendar;await this.calendarMonthOutlet.calendar.navigate(new Date(n,t-1,1)),this.viewValue=`month`,this.draw()}async onYearSelect(e){let{year:t}=e.detail;if(!this.hasCalendarMonthOutlet)return;let{month:n}=this.calendarMonthOutlet.calendar;await this.calendarMonthOutlet.calendar.navigate(new Date(t,n,1)),this.hasCalendarYearOutlet&&this.calendarYearOutlet.navigate(this.calendarMonthOutlet.calendar.current),this.viewValue=`year`,this.draw()}previousTargetConnected(e){e.addEventListener(`click`,this.previous)}previousTargetDisconnected(e){e.removeEventListener(`click`,this.previous)}async previous(){await this.calendarMonthOutlet.calendar.step(...this.stepArgs(-1)),this.syncOutletValues(),this.draw()}nextTargetConnected(e){e.addEventListener(`click`,this.next)}nextTargetDisconnected(e){e.removeEventListener(`click`,this.next)}async next(){await this.calendarMonthOutlet.calendar.step(...this.stepArgs(1)),this.syncOutletValues(),this.draw()}draw(){this.drawDay(),this.drawMonth(),this.drawYear(),this.drawViewTitle(),this.drawView()}drawDay(){if(!this.hasDayTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t,day:n}=this.calendarMonthOutlet.calendar;this.dayTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{day:this.dayFormatValue}).format(new Date(e,t,n))}drawMonth(){if(!this.hasMonthTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t}=this.calendarMonthOutlet.calendar;this.monthTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{month:this.monthFormatValue}).format(new Date(e,t))}drawYear(){if(!this.hasYearTarget||!this.hasCalendarMonthOutlet)return;let{year:e}=this.calendarMonthOutlet.calendar;this.yearTarget.textContent=new Intl.DateTimeFormat(this.localesValue,{year:this.yearFormatValue}).format(new Date(e,0))}drawViewTitle(){if(!this.hasViewTitleTarget||!this.hasCalendarMonthOutlet)return;let{year:e,month:t}=this.calendarMonthOutlet.calendar;this.viewTitleTarget.textContent=this.viewTitleLabel(e,t)}syncOutletValues(){if(!this.hasCalendarMonthOutlet)return;let{current:e}=this.calendarMonthOutlet.calendar;e&&(this.hasCalendarYearOutlet&&this.calendarYearOutlet.navigate(e),this.hasCalendarDecadeOutlet&&this.calendarDecadeOutlet.navigate(e))}stepArgs(e){return this.viewValue===`year`?[`year`,e]:this.viewValue===`decade`?[`year`,e*10]:[`month`,e]}viewTitleLabel(e,t){if(this.viewValue===`year`)return String(e);if(this.viewValue===`decade`){let t=Math.floor(e/10)*10;return`${t}–${t+9}`}return new Intl.DateTimeFormat(this.localesValue,{month:`long`,year:`numeric`}).format(new Date(e,t))}drawView(){let e=this.viewValue===`month`,t=this.viewValue===`year`,n=this.viewValue===`decade`;if(this.hasCalendarMonthOutlet){let t=this.calendarMonthOutlet;t.hasDaysOfWeekTarget&&(t.daysOfWeekTarget.hidden=!e),t.hasDaysOfMonthTarget&&(t.daysOfMonthTarget.hidden=!e)}this.hasCalendarYearOutlet&&(this.calendarYearOutletElement.hidden=!t),this.hasCalendarDecadeOutlet&&(this.calendarDecadeOutletElement.hidden=!n)}},tt=class extends t.Controller{static targets=[`listbox`,`loading`,`empty`];static values={url:{type:String,default:``},field:{type:String,default:`q`},delay:{type:Number,default:300}};initialize(){this._requestor=new T}connect(){this.hasListboxTarget&&(this.listboxNav=new f(this.listboxTarget))}disconnect(){this._requestor.cancel()}onSelect(e){let t=e.target.closest(`[role="option"]`);!t||t.getAttribute(`aria-disabled`)===`true`||this.select(t.dataset.value??``)}select(e){let t=this.listboxTarget.querySelectorAll(`[role="option"]`);t.forEach(e=>e.setAttribute(`aria-selected`,`false`));let n=[...t].find(t=>t.dataset.value===e);n&&n.setAttribute(`aria-selected`,`true`),this.dispatch(`selected`,{detail:{value:e},bubbles:!0})}onNavigate(e){this.listboxNav?.handleKeyDown(e)}filter(e){if(this.urlValue){let t=new URL(this.urlValue,window.location.href);t.searchParams.set(this.fieldValue,e),this.setLoading(!0),this._requestor.schedule(()=>this._requestor.request(t).then(e=>e.text()).then(e=>{this.listboxTarget.innerHTML=e,this.setEmpty(this.listboxTarget.querySelectorAll(`[role="option"]`).length===0)}).catch(e=>{e.name!==`AbortError`&&console.error(`[combobox-dropdown] fetch failed`,e)}).finally(()=>this.setLoading(!1)),this.delayValue)}else{let t=E(this.listboxTarget,e);this.setEmpty(t===0)}}showAll(){this.listboxTarget.querySelectorAll(`[role="option"]`).forEach(e=>e.hidden=!1),this.setEmpty(!1)}setLoading(e){this.hasLoadingTarget&&(this.loadingTarget.hidden=!e)}setEmpty(e){this.hasEmptyTarget&&(this.emptyTarget.hidden=!e)}},nt=class extends t.Controller{static targets=[`hour`,`minute`,`period`];connect(){this.select(this.toH24())}onSelect(e){let t=e.target.closest(`[role="option"]`);t&&(t.closest(`[role="listbox"]`).querySelectorAll(`[role="option"]`).forEach(e=>e.setAttribute(`aria-selected`,`false`)),t.setAttribute(`aria-selected`,`true`),this.select(this.toH24()))}select(e){e&&this.dispatch(`selected`,{detail:{value:e},bubbles:!0})}onNavigate(e){[`ArrowUp`,`ArrowDown`].includes(e.key)&&(e.preventDefault(),this.step(e.currentTarget,e.key===`ArrowDown`?1:-1))}step(e,t){let n=[...e.querySelectorAll(`[role="option"]`)],r=e.querySelector(`[aria-selected="true"]`),i=n.indexOf(r),a=t>0?n[Math.min(i+1,n.length-1)]:n[Math.max(i-1,0)];!a||a===r||(n.forEach(e=>e.setAttribute(`aria-selected`,`false`)),a.setAttribute(`aria-selected`,`true`),a.scrollIntoView({block:`nearest`}),this.select(this.toH24()))}toH24(){let e=this.selectedValue(this.hourTarget),t=this.selectedValue(this.minuteTarget);if(!e||!t)return null;if(!this.hasPeriodTarget)return`${e}:${t}`;let n=this.selectedValue(this.periodTarget),r=parseInt(e,10);return r=n===`AM`?r===12?0:r:r===12?12:r+12,`${String(r).padStart(2,`0`)}:${t}`}selectedValue(e){return e?.querySelector(`[aria-selected="true"]`)?.dataset.value??null}},rt=class extends t.Controller{static targets=[`trigger`];connect(){Q(this,{trigger:this.hasTriggerTarget?this.triggerTarget:null})}},it=class extends t.Controller{static targets=[`anchor`,`reference`];static values={placement:{type:String,default:`bottom`},alignment:{type:String,default:`start`},role:{type:String,default:`tooltip`}};connect(){if(!this.hasReferenceTarget){console.error(`FlipperController requires a reference target. Add data-flipper-target="reference" to your element.`);return}if(!this.hasAnchorTarget){console.error(`FlipperController requires an anchor target. Add data-flipper-target="anchor" to your element.`);return}Re(this,{element:this.referenceTarget,anchor:this.anchorTarget,placement:this.placementValue,alignment:this.alignmentValue,ariaRole:this.roleValue})}},at=class extends t.Controller{static targets=[`trigger`,`input`];static values={value:String,minLength:{type:Number,default:1}};static outlets=[`combobox-dropdown`];onSelect(e){e.detail?.value!==void 0&&(this.valueValue=e.detail.value)}onInput(e){if(e.target!==this.triggerTarget)return;let t=e.target.value.trim();if(t.length<this.minLengthValue){this.hasComboboxDropdownOutlet&&this.comboboxDropdownOutlet.showAll();return}this.hasComboboxDropdownOutlet&&this.comboboxDropdownOutlet.filter(t)}valueValueChanged(e){this.hasInputTarget&&(this.inputTarget.value=e),this.dispatch(`changed`,{detail:{value:e}})}},ot=class extends t.Controller{static targets=[`input`,`toggle`];static values={format:{type:String,default:`plain`},options:{type:Object,default:{}},revealed:{type:Boolean,default:!1}};connect(){B(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()),this.drawToggle()}formatValueChanged(){this.formatter&&(B(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()),this.drawToggle())}optionsValueChanged(){this.formatter&&(B(this,{type:this.formatValue,options:this.optionsValue}),this.format(this.readValue()))}revealedValueChanged(){this.formatter&&(this.format(this.readValue()),this.drawToggle())}onChange(e){this.format(e?.detail?.value??``)}format(e){this.formatter&&this.onFormatting(e)}toggle(){!this.formatter.maskable()&&this.formatValue!==`password`||(this.revealedValue=!this.revealedValue)}onPaste(e){let t=e.detail?.text??``;if(!this.formatter||!t)return;let n=this.formatter.normalize(t);this.formatter.validate(n)&&this.format(n)}drawToggle(){if(!this.hasToggleTarget)return;let e=this.formatter?.maskable()||this.formatValue===`password`;this.toggleTarget.hidden=!e,e&&v(this.toggleTarget,this.revealedValue)}readValue(){return this.hasInputTarget?this.inputTarget instanceof HTMLInputElement?this.inputTarget.value:this.inputTarget.textContent:``}onFormatting(e){if(!this.formatter)return;if(this.formatValue===`password`){this.hasInputTarget&&(this.inputTarget.type=this.revealedValue?`text`:`password`);return}let t=this.formatter.normalize(e),n=this.revealedValue||!this.formatter.maskable()?this.formatter.format(t):this.formatter.mask(t);this.hasInputTarget&&(this.inputTarget instanceof HTMLInputElement?this.inputTarget.value=n:this.inputTarget.textContent=n),this.dispatch(`formatted`,{detail:{value:n}})}},st=class extends t.Controller{static targets=[`input`,`clear`];initialize(){this.onInput=this.draw.bind(this),this.onEscape=this.handleEscape.bind(this)}connect(){this.draw()}inputTargetConnected(e){e.addEventListener(`input`,this.onInput),e.addEventListener(`keydown`,this.onEscape)}inputTargetDisconnected(e){e.removeEventListener(`input`,this.onInput),e.removeEventListener(`keydown`,this.onEscape)}clear(){this.hasInputTarget&&(this.inputTarget.value=``,this.draw(),this.inputTarget.focus(),this.inputTarget.dispatchEvent(new Event(`input`,{bubbles:!0})))}draw(){!this.hasInputTarget||!this.hasClearTarget||(this.clearTarget.hidden=this.inputTarget.value.length===0)}handleEscape(e){e.key===`Escape`&&this.inputTarget.value!==``&&(e.preventDefault(),this.clear())}},ct=class extends t.Controller{static targets=[`modal`,`overlay`];initialize(){this.onCancel=this.close.bind(this)}connect(){this.hasModalTarget||console.error(`ModalController requires a modal target. Add data-modal-target="modal" to your element.`)}modalTargetConnected(e){this.isNativeDialog=e instanceof HTMLDialogElement,this.isNativeDialog?(e.addEventListener(`cancel`,this.onCancel),e.addEventListener(`click`,this.onBackdropClick)):(this.focusTrap=new o(e,{escapeDeactivates:!0,onDeactivate:()=>this.close()}),Q(this,{element:e}))}modalTargetDisconnected(e){this.isNativeDialog&&(e.removeEventListener(`cancel`,this.onCancel),e.removeEventListener(`click`,this.onBackdropClick))}dismissed=()=>{this.close()};open(e){if(e&&e.preventDefault(),this.hasModalTarget){if(this.isNativeDialog)this.previouslyFocused=document.activeElement,this.modalTarget.showModal();else{let e=this.hasOverlayTarget?this.overlayTarget:this.modalTarget;e.hidden=!1,document.body.style.overflow=`hidden`,this.focusTrap&&this.focusTrap.activate()}m(`Modal opened`)}}close(e){if(e&&e.preventDefault(),this.hasModalTarget){if(this.isNativeDialog)this.modalTarget.close(),this.previouslyFocused&&this.previouslyFocused.isConnected&&setTimeout(()=>{this.previouslyFocused.focus()},0);else{let e=this.hasOverlayTarget?this.overlayTarget:this.modalTarget;e.hidden=!0,document.body.style.overflow=``,this.focusTrap&&this.focusTrap.deactivate()}m(`Modal closed`)}}onBackdropClick=e=>{let t=this.modalTarget.getBoundingClientRect();(e.clientY<t.top||e.clientY>t.bottom||e.clientX<t.left||e.clientX>t.right)&&this.close()}},lt=class extends t.Controller{static targets=[`content`];connect(){Ve(this,{element:this.hasContentTarget?this.contentTarget:null})}},ut=class extends t.Controller{static targets=[`trigger`,`panel`,`template`,`loader`];static classes=[`hidden`];static values={url:String,loadedAt:String,reload:{type:String,default:`never`},staleAfter:{type:Number,default:3600},closeOnSelect:{type:Boolean,default:!0},announceOpen:{type:String,default:`Panel opened`},announceClose:{type:String,default:`Panel closed`}};connect(){Ne(this,{element:this.hasPanelTarget?this.panelTarget:null,url:this.hasUrlValue?this.urlValue:null}),this.hasPanelTarget&&(We(this,{element:this.panelTarget,activator:this.hasTriggerTarget?this.triggerTarget:null}),Q(this)),this.hasLoaderTarget&&We(this,{element:this.loaderTarget,visibility:`contentLoaderVisibility`})}async dismissed(){await this.close()}async open(){this.hasPanelTarget&&await this.visibility.show()}async close(){this.hasPanelTarget&&await this.visibility.hide()}async toggle(){this.visibility?.visible?await this.close():await this.open()}async closeOnSelect(){this.closeOnSelectValue&&await this.close()}async shown(){await this.load(),this.hasPanelTarget&&a(this.panelTarget),m(this.announceOpenValue)}async hidden(){this.hasTriggerTarget&&this.triggerTarget.focus(),m(this.announceCloseValue)}canLoad(){return this.hasPanelTarget&&this.panelTarget.tagName.toLowerCase()===`turbo-frame`?(this.hasUrlValue&&this.panelTarget.setAttribute(`src`,this.urlValue),!1):!0}async contentLoading(){this.hasLoaderTarget&&await this.contentLoaderVisibility.show()}async contentLoaded({content:e}){this.hasPanelTarget&&this.panelTarget.replaceChildren(this.getContentNode(e)),this.hasLoaderTarget&&await this.contentLoaderVisibility.hide()}getContentNode(e){if(typeof e==`string`){let t=document.createElement(`template`);return t.innerHTML=e,document.importNode(t.content,!0)}return document.importNode(e,!0)}contentLoader(){if(this.hasTemplateTarget)return this.templateTarget instanceof HTMLTemplateElement?this.templateTarget.content:this.templateTarget.innerHTML}},dt=class extends t.Controller{static targets=[`trigger`,`detail`,`time`];static values={dateFormat:{type:Object,default:{}}};connect(){this.rovingTabIndex=new d(this.triggerTargets,{orientation:`vertical`}),this.rovingTabIndex.activate()}disconnect(){this.rovingTabIndex?.deactivate(),this.rovingTabIndex=null}toggle(e){let t=e.currentTarget;t.getAttribute(`aria-expanded`)===`true`?this.collapseItem(t):this.expandItem(t)}expand(e){this.expandItem(e.currentTarget)}collapse(e){this.collapseItem(e.currentTarget)}expandItem(e){let t=this.detailTargets.find(t=>t.id===e.getAttribute(`aria-controls`))??null;this.dispatch(`expand`,{detail:{trigger:e,detail:t}}),_(e,!0),t&&(y(t,!1),m(`${e.textContent.trim()} expanded`)),this.dispatch(`expanded`,{detail:{trigger:e,detail:t}})}collapseItem(e){let t=this.detailTargets.find(t=>t.id===e.getAttribute(`aria-controls`))??null;this.dispatch(`collapse`,{detail:{trigger:e,detail:t}}),_(e,!1),t&&(y(t,!0),m(`${e.textContent.trim()} collapsed`)),this.dispatch(`collapsed`,{detail:{trigger:e,detail:t}})}triggerTargetConnected(e){e.hasAttribute(`aria-expanded`)||e.setAttribute(`aria-expanded`,`false`),this.rovingTabIndex?.updateItems(this.triggerTargets)}triggerTargetDisconnected(){this.rovingTabIndex?.updateItems(this.triggerTargets)}timeTargetConnected(e){if(!Object.keys(this.dateFormatValue).length||e.textContent.trim())return;let t=P.format(e.getAttribute(`datetime`),this.dateFormatValue);t&&(e.textContent=t)}};e.ARIA_HASPOPUP_VALUES=b,e.CalendarDecadeController=Ke,e.CalendarDecadeSelectorController=qe,e.CalendarMonthController=Je,e.CalendarMonthSelectorController=Ye,e.CalendarYearController=Ze,e.CalendarYearSelectorController=Qe,e.ClipboardController=$e,e.ComboboxDateController=et,e.ComboboxDropdownController=tt,e.ComboboxTimeController=nt,e.DismisserController=rt,e.FOCUSABLE_SELECTOR=n,e.FORMATTER_TYPES=I,e.FlipperController=it,e.FocusTrap=o,e.Formatter=z,e.InputClearableController=st,e.InputComboboxController=at,e.InputFormatterController=ot,e.ListboxNavigation=f,e.ModalController=ct,e.PannerController=lt,e.PopoverController=ut,e.Requestor=T,e.RovingTabIndex=d,e.TimelineController=dt,e.announce=m,e.connectTriggerToTarget=C,e.disconnectTriggerFromTarget=re,e.ensureId=ee,e.filterOptions=E,e.focusFirst=a,e.fuzzyMatcher=ie,e.generateId=h,e.getFocusableElements=r,e.isActivationKey=c,e.isArrowKey=l,e.isKey=s,e.isVisible=i,e.preventDefault=u,e.setAriaState=g,e.setChecked=te,e.setDisabled=ne,e.setExpanded=_,e.setHidden=y,e.setPressed=v});
@@ -26,20 +26,17 @@
26
26
  --sp-color-success: oklch(52% 0.18 145);
27
27
  --sp-color-success-fg: oklch(98% 0.01 145);
28
28
  --sp-color-success-border: oklch(62% 0.18 145);
29
- --sp-color-success-ring: oklch(82% 0.12 145);
29
+ --sp-color-success-ring: oklch(72% 0.12 145);
30
30
 
31
31
  --sp-color-warning: oklch(68% 0.17 65);
32
32
  --sp-color-warning-fg: oklch(98% 0.01 65);
33
33
  --sp-color-warning-border: oklch(78% 0.17 65);
34
34
  --sp-color-warning-ring: oklch(88% 0.10 65);
35
35
 
36
- --sp-color-dark: oklch(18% 0.02 250);
37
- --sp-color-dark-fg: oklch(98% 0.01 250);
38
-
39
36
  --sp-color-info: oklch(55% 0.18 220);
40
37
  --sp-color-info-fg: oklch(98% 0.01 220);
41
38
  --sp-color-info-border: oklch(65% 0.18 220);
42
- --sp-color-info-ring: oklch(82% 0.12 220);
39
+ --sp-color-info-ring: oklch(75% 0.12 220);
43
40
 
44
41
  --sp-color-error: oklch(40% 0.20 25);
45
42
 
@@ -51,9 +48,14 @@
51
48
  --sp-color-border: oklch(90% 0.02 250);
52
49
  --sp-color-border-strong: oklch(75% 0.03 250);
53
50
  --sp-color-bg: oklch(100% 0 0);
51
+ --sp-color-bg-muted: oklch(96% 0.02 250);
54
52
  --sp-color-fg: oklch(10% 0.02 250);
55
53
 
56
54
 
55
+ /* ── Component tokens ───────────────────────────────────────────────── */
56
+ --sp-color-indicator: oklch(75% 0.02 250); /* timeline dot fill */
57
+
58
+
57
59
  /* ── Focus ring ──────────────────────────────────────────────────────── */
58
60
  --sp-focus-ring-color: var(--sp-color-primary);
59
61
  --sp-focus-ring-width: 2px;
@@ -61,17 +63,17 @@
61
63
 
62
64
 
63
65
  /* ── Avatar palette (10 slots, index chosen by name hash) ────────────── */
64
- --sp-avatar-color-1: #b45309;
65
- --sp-avatar-color-2: #4d7c0f;
66
- --sp-avatar-color-3: #0369a1;
67
- --sp-avatar-color-4: #0e7490;
68
- --sp-avatar-color-5: #0f766e;
69
- --sp-avatar-color-6: #047857;
70
- --sp-avatar-color-7: #4338ca;
71
- --sp-avatar-color-8: #a21caf;
72
- --sp-avatar-color-9: #be123c;
73
- --sp-avatar-color-10: #be185d;
74
- --sp-avatar-fg: #ffffff;
66
+ --sp-avatar-color-1: oklch(55% 0.15 58);
67
+ --sp-avatar-color-2: oklch(54% 0.16 129);
68
+ --sp-avatar-color-3: oklch(51% 0.13 233);
69
+ --sp-avatar-color-4: oklch(53% 0.10 209);
70
+ --sp-avatar-color-5: oklch(53% 0.09 186);
71
+ --sp-avatar-color-6: oklch(51% 0.13 161);
72
+ --sp-avatar-color-7: oklch(46% 0.22 277);
73
+ --sp-avatar-color-8: oklch(49% 0.23 316);
74
+ --sp-avatar-color-9: oklch(44% 0.21 16);
75
+ --sp-avatar-color-10: oklch(48% 0.22 348);
76
+ --sp-avatar-fg: oklch(100% 0 0);
75
77
 
76
78
 
77
79
  /* ── Spacing ─────────────────────────────────────────────────────────── */
@@ -113,12 +115,14 @@
113
115
 
114
116
 
115
117
  /* ── Sizing ──────────────────────────────────────────────────────────── */
116
- --sp-avatar-size: 2rem; /* 32px */
117
- --sp-avatar-size-lg: 3rem; /* 48px */
118
- --sp-icon-size: 1.25rem; /* 20px — icon slot within other components */
119
- --sp-icon-default: 1.5rem; /* 24px — standalone icon */
120
- --sp-control-size: 1rem; /* 16pxcheckbox, radio */
121
- --sp-calendar-day-size: 2rem; /* 32px */
118
+ --sp-avatar-size-sm: 1.25rem; /* 20px */
119
+ --sp-avatar-size-md: 2rem; /* 32px */
120
+ --sp-avatar-size-lg: 3rem; /* 48px */
121
+ --sp-icon-size-sm: 1rem; /* 16px */
122
+ --sp-icon-size-md: 1.25rem; /* 20pxicon slot within other components */
123
+ --sp-icon-size-lg: 1.5rem; /* 24px — standalone icon */
124
+ --sp-control-size: 1rem; /* 16px — checkbox, radio */
125
+ --sp-calendar-day-size: 2rem; /* 32px */
122
126
 
123
127
 
124
128
  /* ── Z-index ─────────────────────────────────────────────────────────── */
@@ -1,8 +1,29 @@
1
1
  en:
2
2
  stimulus_plumbers:
3
+ avatar:
4
+ image_alt: "%{name}'s avatar"
5
+ calendar:
6
+ year_view: "Year view"
7
+ decade_view: "Decade view"
3
8
  combobox:
4
9
  typeahead:
5
10
  empty: "No results"
11
+ time:
12
+ dialog_label: "Picker"
13
+ hour_label: "Hour"
14
+ minute_label: "Minute"
15
+ period_label: "Period"
16
+ am: "AM"
17
+ pm: "PM"
18
+ date:
19
+ dialog_label: "Picker"
20
+ navigation_label: "Date picker navigation"
21
+ previous_month: "Previous month"
22
+ previous_year: "Previous year"
23
+ previous_decade: "Previous decade"
24
+ next_month: "Next month"
25
+ next_year: "Next year"
26
+ next_decade: "Next decade"
6
27
  form:
7
28
  password:
8
29
  show: "Show password"
@@ -27,11 +27,7 @@ module StimulusPlumbers
27
27
  if block_given?
28
28
  template.capture(&block)
29
29
  elsif url
30
- img_options = merge_html_options(
31
- theme.resolve(:avatar_image),
32
- { src: url, alt: name.present? ? "#{name}'s avatar" : "", onerror: "this.src=''" }
33
- )
34
- template.tag.img(**img_options)
30
+ img_avatar(name, url)
35
31
  elsif initials
36
32
  initials_svg(initials)
37
33
  else
@@ -39,6 +35,18 @@ module StimulusPlumbers
39
35
  end
40
36
  end
41
37
 
38
+ def img_avatar(name, url)
39
+ img_options = merge_html_options(
40
+ theme.resolve(:avatar_image),
41
+ {
42
+ src: url,
43
+ alt: name.present? ? I18n.t("stimulus_plumbers.avatar.image_alt", name: name) : "",
44
+ onerror: "this.src=''"
45
+ }
46
+ )
47
+ template.tag.img(**img_options)
48
+ end
49
+
42
50
  def resolve_variant(variant, name, initials)
43
51
  range = theme.avatar_variant_range
44
52
  if variant
@@ -5,9 +5,9 @@ module StimulusPlumbers
5
5
  class Calendar
6
6
  class Turbo
7
7
  class DaysOfMonth < Plumber::Base
8
- DAYS_IN_WEEK = 7
8
+ DAYS_PER_ROW = 7
9
9
 
10
- attr_reader :date, :today, :selectable, :selected_date, :show_other_months
10
+ attr_reader :date, :today, :selectable, :selected_date, :show_other_months, :since, :till
11
11
 
12
12
  def initialize(
13
13
  template,
@@ -15,7 +15,9 @@ module StimulusPlumbers
15
15
  today: Date.today,
16
16
  selectable: false,
17
17
  selected_date: nil,
18
- show_other_months: false
18
+ show_other_months: false,
19
+ since: nil,
20
+ till: nil
19
21
  )
20
22
  super(template)
21
23
  @date = date
@@ -23,6 +25,8 @@ module StimulusPlumbers
23
25
  @selectable = selectable
24
26
  @selected_date = selected_date
25
27
  @show_other_months = show_other_months
28
+ @since = since
29
+ @till = till
26
30
  end
27
31
 
28
32
  def render(...)
@@ -45,7 +49,7 @@ module StimulusPlumbers
45
49
  { role: "row" }
46
50
  )
47
51
  template.safe_join(
48
- build_days.each_slice(DAYS_IN_WEEK).map do |days|
52
+ build_days.each_slice(DAYS_PER_ROW).map do |days|
49
53
  template.content_tag(:div, **week_options) { days_in_row(days) }
50
54
  end
51
55
  )
@@ -76,7 +80,7 @@ module StimulusPlumbers
76
80
  def next_filler_days(last_day_of_month, days_in_month)
77
81
  week_start_offset = last_day_of_month.beginning_of_month.wday
78
82
  total = week_start_offset + days_in_month
79
- next_count = (DAYS_IN_WEEK - (total % DAYS_IN_WEEK)) % DAYS_IN_WEEK
83
+ next_count = (DAYS_PER_ROW - (total % DAYS_PER_ROW)) % DAYS_PER_ROW
80
84
  next_count.positive? ? (last_day_of_month + 1).upto(last_day_of_month + next_count).to_a : []
81
85
  end
82
86
 
@@ -113,8 +117,22 @@ module StimulusPlumbers
113
117
  end
114
118
 
115
119
  def current_month_day_cell(date)
116
- tag = selectable ? :button : :span
117
- template.content_tag(tag, **day_cell_html_options(date)) do
120
+ if in_range?(date)
121
+ tag = selectable ? :button : :span
122
+ template.content_tag(tag, **day_cell_html_options(date)) do
123
+ template.content_tag(:time, date.day.to_s, datetime: date.iso8601)
124
+ end
125
+ else
126
+ disabled_current_month_day_cell(date)
127
+ end
128
+ end
129
+
130
+ def disabled_current_month_day_cell(date)
131
+ html_options = merge_html_options(
132
+ theme.resolve(:calendar_day),
133
+ { role: "gridcell", tabindex: -1, aria: { disabled: "true" } }
134
+ )
135
+ template.content_tag(:span, **html_options) do
118
136
  template.content_tag(:time, date.day.to_s, datetime: date.iso8601)
119
137
  end
120
138
  end
@@ -136,6 +154,24 @@ module StimulusPlumbers
136
154
  end
137
155
 
138
156
  def other_month_day_cell(date)
157
+ if selectable && in_range?(date)
158
+ navigable_other_month_day_cell(date)
159
+ else
160
+ disabled_other_month_day_cell(date)
161
+ end
162
+ end
163
+
164
+ def navigable_other_month_day_cell(date)
165
+ options = merge_html_options(
166
+ theme.resolve(:calendar_day, outside: true),
167
+ { role: "gridcell", tabindex: -1, aria: { selected: "false" } }
168
+ )
169
+ template.content_tag(:button, **options, type: "button") do
170
+ template.content_tag(:time, date.day.to_s, datetime: date.iso8601)
171
+ end
172
+ end
173
+
174
+ def disabled_other_month_day_cell(date)
139
175
  options = merge_html_options(
140
176
  theme.resolve(:calendar_day, outside: true),
141
177
  { role: "gridcell", tabindex: -1, aria: { disabled: "true", selected: "false" } }
@@ -144,6 +180,10 @@ module StimulusPlumbers
144
180
  template.content_tag(:time, date.day.to_s, datetime: date.iso8601)
145
181
  end
146
182
  end
183
+
184
+ def in_range?(date)
185
+ (since.nil? || date >= since) && (till.nil? || date <= till)
186
+ end
147
187
  end
148
188
  end
149
189
  end
@@ -5,17 +5,30 @@ module StimulusPlumbers
5
5
  class Calendar
6
6
  class Turbo
7
7
  class MonthsOfYear < Plumber::Base
8
+ YEAR_SIZE = 12
8
9
  MONTHS_PER_ROW = 4
9
10
  MONTH_FORMATS = %i[narrow short long].freeze
10
11
 
11
- attr_reader :date, :today, :selected_date, :format
12
+ attr_reader :date, :today, :selected_date, :format, :since, :till, :disabled_months
12
13
 
13
- def initialize(template, date: Date.today, today: Date.today, selected_date: nil, format: :short)
14
+ def initialize(
15
+ template,
16
+ date: Date.today,
17
+ today: Date.today,
18
+ selected_date: nil,
19
+ format: :short,
20
+ since: nil,
21
+ till: nil,
22
+ disabled_months: []
23
+ )
14
24
  super(template)
15
- @date = date
16
- @today = today
17
- @selected_date = selected_date
18
- @format = format
25
+ @date = date
26
+ @today = today
27
+ @selected_date = selected_date
28
+ @format = format
29
+ @since = since
30
+ @till = till
31
+ @disabled_months = disabled_months
19
32
  end
20
33
 
21
34
  def render(...)
@@ -45,17 +58,20 @@ module StimulusPlumbers
45
58
  end
46
59
 
47
60
  def month_names
48
- I18n.t("date.abbr_month_names").compact
49
- .zip(I18n.t("date.month_names").compact)
50
- .each_with_index.map { |(abbr, full), i| [i + 1, abbr, full] }
61
+ I18n.t("date.abbr_month_names").compact.first(YEAR_SIZE)
62
+ .zip(I18n.t("date.month_names").compact.first(YEAR_SIZE))
63
+ .each_with_index.map do |(abbr, full), i|
64
+ month_num = i + 1
65
+ [month_num, abbr, full, month_disabled?(month_num, abbr, full)]
66
+ end
51
67
  end
52
68
 
53
69
  def months_in_row(months)
54
- template.safe_join(months.map { |number, abbr, full| month_cell(number, abbr, full) })
70
+ template.safe_join(months.map { |number, abbr, full, disabled| month_cell(number, abbr, full, disabled) })
55
71
  end
56
72
 
57
- def month_cell(month_number, abbr, full)
58
- options = month_cell_html_options(month_number)
73
+ def month_cell(month_number, abbr, full, disabled)
74
+ options = month_cell_html_options(month_number, disabled)
59
75
  options[:aria][:label] = abbr if format == :narrow
60
76
  template.content_tag(:button, display_name(abbr, full), **options)
61
77
  end
@@ -68,23 +84,45 @@ module StimulusPlumbers
68
84
  end
69
85
  end
70
86
 
71
- def month_cell_html_options(month_number)
72
- is_current_month = month_number == today.month && date.year == today.year
73
- is_focused = selected_date_in_month?(month_number) || (is_current_month && !selected_date_in_current_year?)
87
+ def month_cell_html_options(month_number, disabled)
74
88
  merge_html_options(
75
89
  theme.resolve(:calendar_month),
76
90
  {
77
91
  role: "gridcell",
78
- tabindex: is_focused ? 0 : -1,
92
+ tabindex: focused_month?(month_number, disabled) ? 0 : -1,
79
93
  data: { month: month_number },
80
94
  aria: {
81
- current: is_current_month ? "month" : nil,
82
- selected: selected_date_in_month?(month_number) ? "true" : "false"
95
+ current: current_month?(month_number) ? "month" : nil,
96
+ selected: selected_date_in_month?(month_number) ? "true" : "false",
97
+ disabled: disabled ? "true" : nil
83
98
  }
84
99
  }
85
100
  )
86
101
  end
87
102
 
103
+ def month_disabled?(month_num, abbr, full)
104
+ month_start = Date.new(date.year, month_num, 1)
105
+ month_end = Date.new(date.year, month_num, -1)
106
+ (since && month_end < since) ||
107
+ (till && month_start > till) ||
108
+ month_in_disabled_list?(month_num, abbr, full)
109
+ end
110
+
111
+ def month_in_disabled_list?(month_num, abbr, full)
112
+ disabled_months.any? { |v| v.to_s == month_num.to_s } ||
113
+ disabled_months.include?(abbr) ||
114
+ disabled_months.include?(full)
115
+ end
116
+
117
+ def current_month?(month_number)
118
+ month_number == today.month && date.year == today.year
119
+ end
120
+
121
+ def focused_month?(month_number, disabled)
122
+ !disabled && (selected_date_in_month?(month_number) ||
123
+ (current_month?(month_number) && !selected_date_in_current_year?))
124
+ end
125
+
88
126
  def selected_date_in_current_year?
89
127
  selected_date && selected_date.year == date.year
90
128
  end