@spw-ds/spw-stencil-library 1.9.0 → 1.10.0

package/dist/components/spw-date-picker.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,a as r,t as o}from"./index.js";import{g as n}from"./p-B85MJLTf.js";import{d as a}from"./p-pZQnbZwX.js";import{d}from"./p-CYC9FMY4.js";import{d as c}from"./p-B1SCChor.js";import{d as l}from"./p-p1L06Ar7.js";var p,h={exports:{}},u=(p||(p=1,window,h.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var r=e[s]={i:s,l:!1,exports:{}};return t[s].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)i.d(s,r,function(e){return t[e]}.bind(null,r));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){i.r(e);var s=[],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o=["January","February","March","April","May","June","July","August","September","October","November","December"],n={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function a(){}var d=["click","focusin","keydown","input"];function c(t){d.forEach((function(e){t.addEventListener(e,t===document?_:M)}))}function l(t){return Array.isArray(t)?t.map(l):"[object Object]"===x(t)?Object.keys(t).reduce((function(e,i){return e[i]=l(t[i]),e}),{}):t}function p(t,e){var i=t.calendar.querySelector(".qs-overlay"),s=i&&!i.classList.contains("qs-hidden");t.calendar.innerHTML=""+function(t,e,i){return'<div class="qs-controls'+(i?" qs-blur":"")+'"><div class="qs-arrow qs-left"></div><div class="qs-month-year'+(e.disableYearOverlay?" qs-disabled-year-overlay":"")+'"><span class="qs-month">'+e.months[t.getMonth()]+'</span><span class="qs-year">'+t.getFullYear()+'</span></div><div class="qs-arrow qs-right"></div></div>'}(e=e||new Date(t.currentYear,t.currentMonth),t,s)+function(t,e,i){var s=e.currentMonth,r=e.currentYear,o=e.dateSelected,n=e.maxDate,a=e.minDate,d=e.showAllDates,c=e.days,l=e.disabledDates,p=e.startDay,h=e.weekendIndices,u=e.events,f=e.getRange?e.getRange():{},b=+f.start,w=+f.end,m=g(new Date(t).setDate(1)),v=m.getDay()-p,y=v<0?7:0;m.setMonth(m.getMonth()+1),m.setDate(0);var q=m.getDate(),k=[],x=y+7*((v+q)/7|0);x+=(v+q)%7?7:0;for(var D=1;D<=x;D++){var _=(D-1)%7,M=c[_],z=D-(v>=0?v:7+v),N=new Date(r,s,z),S=u[+N],E=z<1||z>q,j=E?z<1?-1:1:0,C=E&&!d,A=C?"":N.getDate(),T=_===h[0]||_===h[1],I=b!==w,O="qs-square "+M;S&&!C&&(O+=" qs-event"),E&&(O+=" qs-outside-current-month"),!d&&E||(O+=" qs-num"),+N==+o&&(O+=" qs-active"),(l[+N]||e.disabler(N)||T&&e.noWeekends||a&&+N<+a||n&&+N>+n)&&!C&&(O+=" qs-disabled"),+g(new Date)==+N&&(O+=" qs-current"),+N===b&&w&&I&&(O+=" qs-range-start"),+N>b&&+N<w&&(O+=" qs-range-middle"),+N===w&&b&&I&&(O+=" qs-range-end"),C&&(O+=" qs-empty",A=""),k.push('<div class="'+O+'" data-direction="'+j+'">'+A+"</div>")}var J=c.map((function(t){return'<div class="qs-square qs-day">'+t+"</div>"})).concat(k);return J.unshift('<div class="qs-squares'+(i?" qs-blur":"")+'">'),J.push("</div>"),J.join("")}(e,t,s)+function(t,e){var i=t.overlayButton;return'<div class="qs-overlay'+(e?"":" qs-hidden")+'"><div><input class="qs-overlay-year" placeholder="'+t.overlayPlaceholder+'" inputmode="numeric" /><div class="qs-close">&#10005;</div></div><div class="qs-overlay-month-container">'+t.overlayMonths.map((function(t,e){return'<div class="qs-overlay-month" data-month-num="'+e+'">'+t+"</div>"})).join("")+'</div><div class="qs-submit qs-disabled">'+i+"</div></div>"}(t,s),s&&window.requestAnimationFrame((function(){q(!0,t)}))}function h(t,e,i){var s=e.el,r=e.calendar.querySelector(".qs-active"),o=e.sibling;(s.disabled||s.readOnly)&&e.respectDisabledReadOnly||(e.dateSelected=i?void 0:new Date(e.currentYear,e.currentMonth,t.textContent),r&&r.classList.remove("qs-active"),i||t.classList.add("qs-active"),f(s,e,i),i||v(e),o&&(u({instance:e,deselect:i}),e.first&&!o.dateSelected&&(o.currentYear=e.currentYear,o.currentMonth=e.currentMonth,o.currentMonthName=e.currentMonthName),p(e),p(o)),e.onSelect(e,i?void 0:new Date(e.dateSelected)))}function u(t){var e=t.instance.first?t.instance:t.instance.sibling,i=e.sibling;e===t.instance?t.deselect?(e.minDate=e.originalMinDate,i.minDate=i.originalMinDate):i.minDate=e.dateSelected:t.deselect?(i.maxDate=i.originalMaxDate,e.maxDate=e.originalMaxDate):e.maxDate=i.dateSelected}function f(t,e,i){if(!e.nonInput)return i?t.value="":e.formatter!==a?e.formatter(t,e.dateSelected,e):void(t.value=e.dateSelected.toDateString())}function b(t,e,i,s){i||s?(i&&(e.currentYear=+i),s&&(e.currentMonth=+s)):(e.currentMonth+=t.contains("qs-right")?1:-1,12===e.currentMonth?(e.currentMonth=0,e.currentYear++):-1===e.currentMonth&&(e.currentMonth=11,e.currentYear--)),e.currentMonthName=e.months[e.currentMonth],p(e),e.onMonthChange(e)}function w(t){if(!t.noPosition){var e=t.position.top,i=t.position.right;if(t.position.centered)return t.calendarContainer.classList.add("qs-centered");var s=t.positionedEl.getBoundingClientRect(),r=t.el.getBoundingClientRect(),o=t.calendarContainer.getBoundingClientRect(),n=r.left-s.left+(i?r.width-o.width:0)+"px";t.calendarContainer.style.setProperty("top",r.top-s.top+(e?-1*o.height:r.height)+"px"),t.calendarContainer.style.setProperty("left",n)}}function m(t){return"[object Date]"===x(t)&&"Invalid Date"!=""+t}function g(t){if(m(t)||"number"==typeof t&&!isNaN(t)){var e=new Date(+t);return new Date(e.getFullYear(),e.getMonth(),e.getDate())}}function v(t){t.disabled||!t.calendarContainer.classList.contains("qs-hidden")&&!t.alwaysShow&&("overlay"!==t.defaultView&&q(!0,t),t.calendarContainer.classList.add("qs-hidden"),t.onHide(t))}function y(t){t.disabled||(t.calendarContainer.classList.remove("qs-hidden"),"overlay"===t.defaultView&&q(!1,t),w(t),t.onShow(t))}function q(t,e){var i=e.calendar,s=i.querySelector(".qs-overlay"),r=s.querySelector(".qs-overlay-year"),o=i.querySelector(".qs-controls"),n=i.querySelector(".qs-squares");t?(s.classList.add("qs-hidden"),o.classList.remove("qs-blur"),n.classList.remove("qs-blur"),r.value=""):(s.classList.remove("qs-hidden"),o.classList.add("qs-blur"),n.classList.add("qs-blur"),r.focus())}function k(t,e,i,s){var r=isNaN(+(new Date).setFullYear(e.value||void 0)),o=r?null:e.value;13===t.which||13===t.keyCode||"click"===t.type?s?b(null,i,o,s):r||e.classList.contains("qs-disabled")||b(null,i,o):i.calendar.contains(e)&&i.calendar.querySelector(".qs-submit").classList[r?"add":"remove"]("qs-disabled")}function x(t){return{}.toString.call(t)}function D(t){s.forEach((function(e){e!==t&&v(e)}))}function _(t){if(!t.__qs_shadow_dom){var e=t.which||t.keyCode,i=t.type,r=t.target,n=r.classList,a=s.filter((function(t){return t.calendar.contains(r)||t.el===r}))[0],d=a&&a.calendar.contains(r);if(!(a&&a.isMobile&&a.disableMobile))if("click"===i){if(!a)return s.forEach(v);if(a.disabled)return;var c=a.calendar,l=a.calendarContainer,u=a.disableYearOverlay,f=a.nonInput,w=c.querySelector(".qs-overlay-year"),m=!!c.querySelector(".qs-hidden"),g=c.querySelector(".qs-month-year").contains(r),x=r.dataset.monthNum;if(a.noPosition&&!d)(l.classList.contains("qs-hidden")?y:v)(a);else if(n.contains("qs-arrow"))b(n,a);else if(g||n.contains("qs-close"))u||q(!m,a);else if(x)k(t,w,a,x);else{if(n.contains("qs-disabled"))return;if(n.contains("qs-num")){var _=r.textContent,M=+r.dataset.direction,z=new Date(a.currentYear,a.currentMonth+M,_);if(M){a.currentYear=z.getFullYear(),a.currentMonth=z.getMonth(),a.currentMonthName=o[a.currentMonth],p(a);for(var N,S=a.calendar.querySelectorAll('[data-direction="0"]'),E=0;!N;){var j=S[E];j.textContent===_&&(N=j),E++}r=N}return void(+z==+a.dateSelected?h(r,a,!0):r.classList.contains("qs-disabled")||h(r,a))}n.contains("qs-submit")?k(t,w,a):f&&r===a.el&&(y(a),D(a))}}else if("focusin"===i&&a)y(a),D(a);else if("keydown"===i&&9===e&&a)v(a);else if("keydown"===i&&a&&!a.disabled){var C=!a.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===e&&C&&d?k(t,r,a):27===e&&C&&d&&q(!0,a)}else if("input"===i){if(!a||!a.calendar.contains(r))return;var A=a.calendar.querySelector(".qs-submit"),T=r.value.split("").reduce((function(t,e){return t||"0"!==e?t+(e.match(/[0-9]/)?e:""):""}),"").slice(0,4);r.value=T,A.classList[4===T.length?"remove":"add"]("qs-disabled")}}}function M(t){_(t),t.__qs_shadow_dom=!0}function z(t,e){d.forEach((function(i){t.removeEventListener(i,e)}))}function N(){y(this)}function S(){v(this)}function E(t,e){var i=g(t),s=this.currentYear,r=this.currentMonth,o=this.sibling;if(null==t)return this.dateSelected=void 0,f(this.el,this,!0),o&&(u({instance:this,deselect:!0}),p(o)),p(this),this;if(!m(t))throw Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+i]||i<this.minDate||i>this.maxDate)throw Error("You can't manually set a date that's disabled.");this.dateSelected=i,e&&(this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),this.currentMonthName=this.months[i.getMonth()]),f(this.el,this),o&&(u({instance:this}),p(o));var n=s===i.getFullYear()&&r===i.getMonth();return n||e?p(this,i):n||p(this,new Date(s,r,1)),this}function j(t){return A(this,t,!0)}function C(t){return A(this,t)}function A(t,e,i){var s=t.dateSelected,r=t.first,o=t.sibling,n=t.minDate,a=t.maxDate,d=g(e),c=i?"Min":"Max";function l(){return"original"+c+"Date"}function h(){return c.toLowerCase()+"Date"}function u(){return"set"+c}function f(){throw Error("Out-of-range date passed to "+u())}if(null==e)t[l()]=void 0,o?(o[l()]=void 0,i?(r&&!s||!r&&!o.dateSelected)&&(t.minDate=void 0,o.minDate=void 0):(r&&!o.dateSelected||!r&&!s)&&(t.maxDate=void 0,o.maxDate=void 0)):t[h()]=void 0;else{if(!m(e))throw Error("Invalid date passed to "+u());o?((r&&i&&d>(s||a)||r&&!i&&d<(o.dateSelected||n)||!r&&i&&d>(o.dateSelected||a)||!r&&!i&&d<(s||n))&&f(),t[l()]=d,o[l()]=d,(i&&(r&&!s||!r&&!o.dateSelected)||!i&&(r&&!o.dateSelected||!r&&!s))&&(t[h()]=d,o[h()]=d)):((i&&d>(s||a)||!i&&d<(s||n))&&f(),t[h()]=d)}return o&&p(o),p(t),t}function T(){var t=this.first?this:this.sibling;return{start:t.dateSelected,end:t.sibling.dateSelected}}function I(){var t=this.shadowDom,e=this.positionedEl,i=this.calendarContainer,r=this.sibling,o=this;this.inlinePosition&&(s.some((function(t){return t!==o&&t.positionedEl===e}))||e.style.setProperty("position",null)),i.remove(),s=s.filter((function(t){return t!==o})),r&&delete r.sibling,s.length||z(document,_);var n=s.some((function(e){return e.shadowDom===t}));for(var a in t&&!n&&z(t,M),this)delete this[a];s.length||d.forEach((function(t){document.removeEventListener(t,_)}))}function O(t,e){var i=new Date(t);if(!m(i))throw Error("Invalid date passed to `navigate`");this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),p(this),e&&this.onMonthChange(this)}function J(){var t=!this.calendarContainer.classList.contains("qs-hidden"),e=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");t&&q(e,this)}e.default=function(t,e){var i=function(t,e){var i,d,c=function(t){var e=l(t);e.events&&(e.events=e.events.reduce((function(t,e){if(!m(e))throw Error('"options.events" must only contain valid JavaScript Date objects.');return t[+g(e)]=!0,t}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(t){var i=e[t];if(i&&!m(i))throw Error('"options.'+t+'" needs to be a valid JavaScript Date object.');e[t]=g(i)}));var i=e.position,o=e.maxDate,d=e.minDate,c=e.dateSelected,p=e.overlayPlaceholder,h=e.overlayButton,u=e.startDay,f=e.id;if(e.startDate=g(e.startDate||c||new Date),e.disabledDates=(e.disabledDates||[]).reduce((function(t,e){var i=+g(e);if(!m(e))throw Error('You supplied an invalid date to "options.disabledDates".');if(i===+g(c))throw Error('"disabledDates" cannot contain the same date as "dateSelected".');return t[i]=1,t}),{}),e.hasOwnProperty("id")&&null==f)throw Error("`id` cannot be `null` or `undefined`");if(null!=f){var b=s.filter((function(t){return t.id===f}));if(b.length>1)throw Error("Only two datepickers can share an id.");b.length?(e.second=!0,e.sibling=b[0]):e.first=!0}var w=["tr","tl","br","bl","c"].some((function(t){return i===t}));if(i&&!w)throw Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function v(t){throw Error('"dateSelected" in options is '+(t?"less":"greater")+' than "'+(t||"max")+'Date".')}if(e.position=function(t){var e=t[1],i={};return i[n[t[0]]]=1,e&&(i[n[e]]=1),i}(i||"bl"),o<d)throw Error('"maxDate" in options is less than "minDate".');if(c&&(d>c&&v("min"),o<c&&v()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(t){"function"!=typeof e[t]&&(e[t]=a)})),["customDays","customMonths","customOverlayMonths"].forEach((function(t,i){var s=e[t],r=i?12:7;if(s){if(!Array.isArray(s)||s.length!==r||s.some((function(t){return"string"!=typeof t})))throw Error('"'+t+'" must be an array with '+r+" strings.");e[i?i<2?"months":"overlayMonths":"days"]=s}})),u&&u>0&&u<7){var y=(e.customDays||r).slice(),q=y.splice(0,u);e.customDays=y.concat(q),e.startDay=+u,e.weekendIndices=[y.length-1,y.length]}else e.startDay=0,e.weekendIndices=[6,0];"string"!=typeof p&&delete e.overlayPlaceholder,"string"!=typeof h&&delete e.overlayButton;var k=e.defaultView;if(k&&"calendar"!==k&&"overlay"!==k)throw Error('options.defaultView must either be "calendar" or "overlay".');return e.defaultView=k||"calendar",e}(e||{startDate:g(new Date),position:"bl",defaultView:"calendar"}),p=t;if("string"==typeof p)p="#"===p[0]?document.getElementById(p.slice(1)):document.querySelector(p);else{if("[object ShadowRoot]"===x(p))throw Error("Using a shadow DOM as your selector is not supported.");for(var h,u=p.parentNode;!h;){var b=x(u);"[object HTMLDocument]"===b?h=!0:"[object ShadowRoot]"===b?(h=!0,i=u,d=u.host):u=u.parentNode}}if(!p)throw Error("No selector / element found.");if(s.some((function(t){return t.el===p})))throw Error("A datepicker already exists on that element.");var w=p===document.body,v=i?p.parentElement||i:w?document.body:p.parentElement,q=i?p.parentElement||d:v,k=document.createElement("div"),D=document.createElement("div");k.className="qs-datepicker-container qs-hidden",D.className="qs-datepicker";var _={shadowDom:i,customElement:d,positionedEl:q,el:p,parent:v,nonInput:"INPUT"!==p.nodeName,noPosition:w,position:!w&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:k,calendar:D,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||o)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:E,remove:I,setMin:j,setMax:C,show:N,hide:S,navigate:O,toggleOverlay:J,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||o,days:c.customDays||r,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||o).map((function(t){return t.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var M=c.sibling,z=_,A=M.minDate||z.minDate,R=M.maxDate||z.maxDate;z.sibling=M,M.sibling=z,M.minDate=A,M.maxDate=R,z.minDate=A,z.maxDate=R,M.originalMinDate=A,M.originalMaxDate=R,z.originalMinDate=A,z.originalMaxDate=R,M.getRange=T,z.getRange=T}c.dateSelected&&f(p,_);var L=getComputedStyle(q).position;w||L&&"static"!==L||(_.inlinePosition=!0,q.style.setProperty("position","relative"));var P=s.filter((function(t){return t.positionedEl===_.positionedEl}));return P.some((function(t){return t.inlinePosition}))&&(_.inlinePosition=!0,P.forEach((function(t){t.inlinePosition=!0}))),k.appendChild(D),v.appendChild(k),_.alwaysShow&&y(_),_}(t,e);if(s.length||c(document),i.shadowDom&&(s.some((function(t){return t.shadowDom===i.shadowDom}))||c(i.shadowDom)),s.push(i),i.second){var d=i.sibling;u({instance:i,deselect:!i.dateSelected}),u({instance:d,deselect:!d.dateSelected}),p(d)}return p(i,i.startDate||i.dateSelected),i.alwaysShow&&w(i),i}}]).default),h.exports),f=n(u);const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateChange=i(this,"dateChange",7),this.datePickerOpen=i(this,"datePickerOpen",7),this.datePickerClose=i(this,"datePickerClose",7),this.internals=this.attachInternals(),this.placeholder="JJ/MM/AAAA",this.required=!1,this.disabled=!1,this.dateFormat="dd/MM/yyyy",this.disabledDays=[],this.disabledDates=[],this.position="bl",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isClear=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.range=!1,this.isStart=!1,this.fixedCalendar=!1,this.isOpen=!1,this.hasError=!1,this.internalValue="",this.isClearIconVisible=!1,this.lastInputValue="",this.isDeleting=!1,this.parentScrollContainer=null,this.updateCalendarPosition=()=>{var t;if(!this.fixedCalendar||!(null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendarContainer)||!this.inputElement)return;const e=this.inputElement.getBoundingClientRect(),i=this.datepickerInstance.calendarContainer,s=i.offsetHeight||320,r=window.innerHeight-e.bottom;let o,n;o=r<s&&e.top>r?e.top-s-6:e.bottom+6,n="tr"===this.position||"br"===this.position?e.right-i.offsetWidth:e.left,i.style.position="fixed",i.style.top=o+"px",i.style.left=n+"px",i.style.zIndex="9999"},this.handleMaskedInput=t=>{const e=t.target,i=e.value,s=e.selectionStart||0;if(this.isDeleting=i.length<this.lastInputValue.length,this.isDeleting)this.internalValue=i,e.value=i,this.lastInputValue=i,setTimeout((()=>{this.inputElement&&this.inputElement.setSelectionRange(s,s)}),0);else{const t=this.unmask(this.lastInputValue).length,r=this.applyMaskSmart(i),o=this.unmask(r).length;this.internalValue=r,e.value=r,this.lastInputValue=r,setTimeout((()=>{if(this.inputElement){let e=s;o>t&&(3===o&&2===t||5===o&&4===t)&&(e=s+1),e=Math.min(e,r.length),this.inputElement.setSelectionRange(e,e)}}),0)}if(8===this.unmask(this.internalValue).length){const t=this.parseDate(this.internalValue);if(t&&!isNaN(t.getTime())){const e=this.toISODateString(t);this.value=e,this.internals.setFormValue(e),this.isClearIconVisible=this.isClear&&!!e,this.dateChange.emit({value:e,date:new Date(e)}),this.datepickerInstance&&this.datepickerInstance.setDate(t,!0)}}else this.internalValue||(this.value="",this.internals.setFormValue(null),this.isClearIconVisible=!1,this.dateChange.emit({value:"",date:null}),this.datepickerInstance&&this.datepickerInstance.setDate(void 0,!0))},this.handleInputChange=t=>{this.handleMaskedInput(t)},this.handleInputFocus=()=>{if(!this.disabled&&(this.datepickerInstance||this.initializeDatepicker(),this.datepickerInstance&&"function"==typeof this.datepickerInstance.show))try{this.datepickerInstance.show()}catch(t){console.warn("Erreur lors de l'ouverture du datepicker, réinitialisation...",t),this.datepickerInstance=null,this.initializeDatepicker(),this.datepickerInstance&&"function"==typeof this.datepickerInstance.show&&this.datepickerInstance.show()}},this.handleClear=()=>{this.resetInput()},this.handleCalendarIconClick=t=>{var e,i;t.stopPropagation(),this.disabled||(this.isOpen?null===(e=this.datepickerInstance)||void 0===e||e.hide():(this.datepickerInstance||this.initializeDatepicker(),null===(i=this.datepickerInstance)||void 0===i||i.show()))},this.handleCalendarIconMouseDown=t=>{t.preventDefault()},this.handleKeyDown=t=>{const e=t.target,i=e===this.inputElement,s=null!==e.closest(".qs-datepicker");if(i)switch(t.key){case"Tab":!t.shiftKey&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),setTimeout((()=>{var t;const e=null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendarContainer;if(e){const t=[...Array.from(e.querySelectorAll(".qs-arrow")),e.querySelector(".qs-month-year"),...Array.from(e.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);t[0]&&t[0].focus()}}),0));break;case"Enter":this.isOpen&&(t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.blur());break;case"Escape":this.isOpen&&(t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.focus())}else if(s)switch(t.key){case"Escape":t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.focus();break;case"Tab":t.shiftKey&&(t.preventDefault(),this.inputElement.focus())}}}componentWillLoad(){if(this.uniqueId="spw-date-picker-"+Math.random().toString(36).substr(2,9),"string"==typeof this.disabledDays)try{const t=JSON.parse(this.disabledDays);this.disabledDays=Array.isArray(t)&&t.every((t=>"number"==typeof t))?t:[]}catch(t){this.disabledDays=[]}if("string"==typeof this.disabledDates)try{const t=JSON.parse(this.disabledDates);this.disabledDates=Array.isArray(t)&&t.every((t=>"string"==typeof t))?t:[]}catch(t){this.disabledDates=[]}const t=this.value?this.formatDate(new Date(this.value)):"";this.internalValue=t,this.lastInputValue=this.internalValue,this.defaultValue=this.value,this.isClearIconVisible=this.isClear&&!!this.value}componentDidLoad(){var t;if(this.initializeDatepicker(),this.value){const e=new Date(this.value);isNaN(e.getTime())||(null===(t=this.datepickerInstance)||void 0===t||t.setDate(e,!0),this.inputElement&&(this.inputElement.value=this.formatDate(e),this.internalValue=this.formatDate(e)))}this.internals.setFormValue(this.value?this.value:null)}connectedCallback(){!this.datepickerInstance&&this.inputElement&&requestAnimationFrame((()=>{this.initializeDatepicker()})),this.fixedCalendar&&(window.addEventListener("scroll",this.updateCalendarPosition,!0),window.addEventListener("resize",this.updateCalendarPosition))}disconnectedCallback(){this.datepickerInstance&&"function"==typeof this.datepickerInstance.remove&&setTimeout((()=>{!this.el.isConnected&&this.datepickerInstance&&(this.datepickerInstance.remove(),this.datepickerInstance=null)}),100),this.fixedCalendar&&(window.removeEventListener("scroll",this.updateCalendarPosition,!0),window.removeEventListener("resize",this.updateCalendarPosition),this.cleanupParentScrollListener())}findParentComponent(){if(!this.fixedCalendarParent)return null;let t=this.el;for(;t;){if(t instanceof e&&t.tagName.toLowerCase()===this.fixedCalendarParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const e=t.getRootNode();if(!(e instanceof ShadowRoot))break;t=e.host}}return null}findScrollContainerInShadowRoot(t){const e=t.shadowRoot;if(!e)return null;const i=e.querySelectorAll("*");let s=null,r=-1;for(const t of Array.from(i)){const i=t,o=window.getComputedStyle(i);if("auto"===o.overflow||"scroll"===o.overflow||"auto"===o.overflowY||"scroll"===o.overflowY){let o=0,n=t;for(;n&&n!==e;)o++,n=n.parentNode;o>r&&(r=o,s=i)}}return s}ensureParentScrollListener(){if(!this.fixedCalendarParent||!this.fixedCalendar)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateCalendarPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateCalendarPosition),this.parentScrollContainer=null)}watchValue(t){if(this.datepickerInstance&&t){const e=new Date(t);if(!isNaN(e.getTime())){this.datepickerInstance.setDate(e,!0);const t=this.formatDate(e);this.inputElement.value=t,this.internalValue=t,this.lastInputValue=t}}else this.datepickerInstance&&(this.datepickerInstance.setDate(void 0,!0),this.inputElement.value="",this.internalValue="",this.lastInputValue="");this.internals.setFormValue(t||null),this.isClearIconVisible=this.isClear&&!!t,this.updateRangeConstraints()}watchDisabled(t){this.inputElement&&(this.inputElement.disabled=t)}watchMinDate(t){this.datepickerInstance&&t?this.datepickerInstance.setMin(new Date(t)):this.datepickerInstance&&this.datepickerInstance.setMin(void 0)}watchMaxDate(t){this.datepickerInstance&&t?this.datepickerInstance.setMax(new Date(t)):this.datepickerInstance&&this.datepickerInstance.setMax(void 0)}async open(){this.datepickerInstance&&this.datepickerInstance.show()}async close(){this.datepickerInstance&&this.datepickerInstance.hide()}async setDate(t){this.datepickerInstance&&this.datepickerInstance.setDate("string"==typeof t?new Date(t):t,!0)}async getDate(){return this.datepickerInstance?this.datepickerInstance.dateSelected:null}async getRange(){if(!this.range||!this.rangeId)return{start:null,end:null};const{start:t,end:e}=this.getRangeSiblings(),i=(null==t?void 0:t.value)?new Date(t.value):null,s=(null==e?void 0:e.value)?new Date(e.value):null;return{start:i&&!isNaN(i.getTime())?i:null,end:s&&!isNaN(s.getTime())?s:null}}async updateConstraints(t,e){this.datepickerInstance&&(void 0!==t&&("function"==typeof this.datepickerInstance.setMin?this.datepickerInstance.setMin(t):this.datepickerInstance.minDate=t),void 0!==e&&("function"==typeof this.datepickerInstance.setMax?this.datepickerInstance.setMax(e):this.datepickerInstance.maxDate=e),this.isOpen&&this.datepickerInstance.calendar&&(this.datepickerInstance.hide(),setTimeout((()=>{this.datepickerInstance.show()}),0)))}async resetInput(){this.value="",this.internalValue="",this.lastInputValue="",this.internals.setFormValue(null),this.isClearIconVisible=!1,this.inputElement&&(this.inputElement.value=""),this.datepickerInstance&&this.datepickerInstance.setDate(void 0,!0),this.dateChange.emit({value:"",date:null}),this.updateRangeConstraints()}async resetConstraints(){this.datepickerInstance&&("function"==typeof this.datepickerInstance.setMin?this.datepickerInstance.setMin(this.minDate?new Date(this.minDate):void 0):this.datepickerInstance.minDate=this.minDate?new Date(this.minDate):void 0,"function"==typeof this.datepickerInstance.setMax?this.datepickerInstance.setMax(this.maxDate?new Date(this.maxDate):void 0):this.datepickerInstance.maxDate=this.maxDate?new Date(this.maxDate):void 0,this.isOpen&&this.datepickerInstance.calendar&&(this.datepickerInstance.hide(),setTimeout((()=>{this.datepickerInstance.show()}),0)))}toISODateString(t){const e=t.getFullYear(),i=(""+(t.getMonth()+1)).padStart(2,"0"),s=(""+t.getDate()).padStart(2,"0");return this.range&&!this.isStart?`${e}-${i}-${s}T23:59:59`:`${e}-${i}-${s}T00:00:00`}getRangeSiblings(){if(!this.range||!this.rangeId)return{start:null,end:null};const t=Array.from(document.querySelectorAll(`spw-date-picker[range][range-id="${this.rangeId}"]`));let e=null,i=null;return t.forEach((t=>{t.hasAttribute("is-start")?e=t:i=t})),{start:e,end:i}}highlightRangeInCalendar(){var t;if(!this.range||!this.rangeId||!(null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendar))return;const{start:e,end:i}=this.getRangeSiblings();if(!e||!i)return;const s=e.value,r=i.value;if(!s||!r)return void this.datepickerInstance.calendar.querySelectorAll(".qs-square").forEach((t=>{t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}));const o=new Date(s),n=new Date(r);isNaN(o.getTime())||isNaN(n.getTime())||this.datepickerInstance.calendar.querySelectorAll(".qs-square:not(.qs-empty)").forEach((t=>{const e=parseInt(t.textContent||"0",10);if(!e)return;const i=new Date(this.datepickerInstance.currentYear,this.datepickerInstance.currentMonth,e),s=new Date(i.getFullYear(),i.getMonth(),i.getDate()),r=new Date(o.getFullYear(),o.getMonth(),o.getDate()),a=new Date(n.getFullYear(),n.getMonth(),n.getDate());s>=r&&s<=a?s.getTime()===r.getTime()?(t.classList.add("spw-date-range-start"),t.classList.remove("spw-date-range-middle","spw-date-range-end")):s.getTime()===a.getTime()?(t.classList.add("spw-date-range-end"),t.classList.remove("spw-date-range-middle","spw-date-range-start")):(t.classList.add("spw-date-range-middle"),t.classList.remove("spw-date-range-start","spw-date-range-end")):t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}))}async updateRangeConstraints(){var t,e;if(!this.range||!this.rangeId)return;const{start:i,end:s}=this.getRangeSiblings();if(this.isStart&&s){await(null===(t=s.componentOnReady)||void 0===t?void 0:t.call(s));const e=this.value?new Date(this.value):null;if(e&&!isNaN(e.getTime()))await s.updateConstraints(e,void 0);else{const t=s.minDate?new Date(s.minDate):void 0;await s.updateConstraints(t,void 0)}}if(!this.isStart&&i){await(null===(e=i.componentOnReady)||void 0===e?void 0:e.call(i));const t=this.value?new Date(this.value):null;if(t&&!isNaN(t.getTime()))await i.updateConstraints(void 0,t);else{const t=i.maxDate?new Date(i.maxDate):void 0;await i.updateConstraints(void 0,t)}}}unmask(t){return t?t.replace(/[^0-9]/g,""):""}applyMaskSmart(t){if(!t)return"";const e=this.unmask(t);let i="";for(let t=0;t<e.length&&t<8;t++)2!==t&&4!==t||(i+="/"),i+=e[t];return i}setupCalendarNavigation(){if(!this.datepickerInstance)return;const t=this.datepickerInstance.calendarContainer;if(!t)return;const e=[...Array.from(t.querySelectorAll(".qs-arrow")),t.querySelector(".qs-month-year"),...Array.from(t.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);e.forEach((t=>{t.setAttribute("tabindex","0"),t.addEventListener("keydown",(i=>{this.handleCalendarKeyDown(i,t,e)}))}))}handleCalendarKeyDown(t,e,i){const s=i.indexOf(e);let r=s;switch(t.key){case"ArrowRight":t.preventDefault(),r=Math.min(s+1,i.length-1);break;case"ArrowLeft":t.preventDefault(),r=Math.max(s-1,0);break;case"ArrowDown":t.preventDefault(),r=e.classList.contains("qs-square")?Math.min(s+7,i.length-1):Math.min(s+1,i.length-1);break;case"ArrowUp":t.preventDefault(),r=e.classList.contains("qs-square")?Math.max(s-7,0):Math.max(s-1,0);break;case"Home":t.preventDefault(),r=0;break;case"End":t.preventDefault(),r=i.length-1;break;case"Enter":case" ":return t.preventDefault(),void(e.classList.contains("qs-arrow")?(e.click(),setTimeout((()=>e.focus()),0)):e.click());case"Escape":return t.preventDefault(),this.datepickerInstance.hide(),void this.inputElement.focus()}if(r!==s){const t=i[r];t&&!t.matches(".qs-day, .qs-disabled, .qs-empty")&&t.focus()}}initializeDatepicker(){var t;if(!this.inputElement){const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="text"]');if(!e)return;this.inputElement=e}const e={position:this.position,startDay:1,customDays:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],customMonths:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],overlayPlaceholder:"Année",overlayButton:"Valider",formatter:(t,e)=>{const i=this.formatDate(e);t.value=i,this.internalValue=i,this.lastInputValue=i},disabler:t=>{if(this.disabledDays.includes(t.getDay()))return!0;const e=t.toISOString().split("T")[0];return this.disabledDates.includes(e)},onSelect:t=>{const e=t instanceof Date?t:null==t?void 0:t.dateSelected;if(!e||isNaN(e.getTime()))return;const i=this.toISODateString(e);this.value=i;const s=this.formatDate(e);this.inputElement.value=s,this.internalValue=s,this.lastInputValue=s,this.internals.setFormValue(i),this.isClearIconVisible=this.isClear&&!!i,this.dateChange.emit({value:i,date:new Date(i)}),this.updateRangeConstraints(),setTimeout((()=>{var t,e;this.highlightRangeInCalendar();const{start:i,end:s}=this.getRangeSiblings(),r=this.isStart?s:i;r&&r.isOpen&&(null===(e=(t=r).highlightRangeInCalendar)||void 0===e||e.call(t))}),50)},onShow:()=>{this.isOpen=!0,this.datePickerOpen.emit(),this.fixedCalendar&&(this.ensureParentScrollListener(),requestAnimationFrame((()=>{this.updateCalendarPosition()}))),setTimeout((()=>{this.setupCalendarNavigation(),this.highlightRangeInCalendar(),setTimeout((()=>this.highlightRangeInCalendar()),50),setTimeout((()=>this.highlightRangeInCalendar()),150)}),100)},onHide:()=>{this.isOpen=!1,this.datePickerClose.emit()}};if(this.range&&this.rangeId){const{start:t,end:i}=this.getRangeSiblings();if(this.isStart){if(i&&i.value){const t=new Date(i.value);isNaN(t.getTime())||(e.maxDate=t)}}else if(t&&t.value){const i=new Date(t.value);isNaN(i.getTime())||(e.minDate=i)}}else this.minDate&&(e.minDate=new Date(this.minDate)),this.maxDate&&(e.maxDate=new Date(this.maxDate));if(this.datepickerInstance&&"function"==typeof this.datepickerInstance.remove&&this.datepickerInstance.remove(),this.datepickerInstance=f(this.inputElement,e),this.value){const t=new Date(this.value);if(!isNaN(t.getTime()))try{this.datepickerInstance.setDate(t,!0);const e=this.formatDate(t);this.inputElement.value=e,this.internalValue=e,this.lastInputValue=e}catch(t){}}}formatDate(t){if(!(t instanceof Date)||isNaN(t.getTime()))return"";const e=(""+t.getDate()).padStart(2,"0"),i=(""+(t.getMonth()+1)).padStart(2,"0"),s=t.getFullYear();return this.dateFormat.replace("dd",e).replace("MM",i).replace("yyyy",""+s)}parseDate(t){const e=t.split("/");if(3===e.length){const t=parseInt(e[0],10),i=parseInt(e[1],10)-1,s=parseInt(e[2],10);if(!isNaN(t)&&!isNaN(i)&&!isNaN(s))return new Date(s,i,t)}return null}formResetCallback(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:"",this.internalValue=this.defaultValue?this.formatDate(new Date(this.defaultValue)):"",this.lastInputValue=this.internalValue,this.internals.setFormValue(this.defaultValue?this.defaultValue:null),this.isClearIconVisible=this.isClear&&!!this.defaultValue,this.inputElement&&(this.inputElement.value=this.internalValue),this.datepickerInstance&&this.datepickerInstance.setDate(this.defaultValue?new Date(this.defaultValue):void 0,!0),this.dateChange.emit({value:this.value,date:this.defaultValue?new Date(this.defaultValue):null}),this.updateRangeConstraints()}render(){const t={"spw-date-picker__input":!0,"spw-date-picker__input--error":this.hasError,"spw-date-picker__input--disabled":this.disabled,"spw-date-picker__input--open":this.isOpen},e=this.error||this.internalError;return s(r,{key:"0166db15ed91f3a679b201ed8cd170efb087526b"},s("div",{key:"eb2f7bfbc6dca0217a1b2f8b6208e5a9ebd89b12",class:{"spw-date-picker":!0,"spw-date-picker--is-clear":this.isClearIconVisible}},this.label&&s("spw-field-label",{key:"36f9ee171649fe3ce83554b51c05d6b968839faf",label:this.label,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"9e3c3fa46e2d953ce4f4746554e73bbc39f79df1",class:"spw-date-picker__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"c8258b0a85f4f9137d3ea1c7fd3887afac6cbb3f",class:"spw-date-picker__input-container"},s("input",{key:"a18d797519d70a5c6ba8d14167462a5cd24b5a23",ref:t=>this.inputElement=t,id:this.uniqueId,type:"text",class:t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,required:this.required,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,"aria-label":this.accAriaLabel||this.label||this.name,"aria-describedby":this.assistiveText||e?`${this.uniqueId}-help ${this.uniqueId}-error`:void 0,"aria-invalid":this.hasError}),s("div",{key:"5413c1530c9de454e63b483d8030f2d779645816",class:"spw-date-picker__icons"},this.isClearIconVisible&&s("span",{key:"70abf2032f4191e1bbe27d2ca9b3b5ccfadea4c1",class:"spw-date-picker__clear",onClick:this.handleClear},s("spw-icon",{key:"1e12acf218589748f95a743e826a754b04f4b4cc",class:"spw-date-picker__icon spw-date-picker__icon--clear",icon:"fa-xmark"})),s("span",{key:"1ce34e9fcdbf5cf823e57d73abf96f510f4e97d3",class:"spw-date-picker__calendar-trigger",onMouseDown:this.handleCalendarIconMouseDown,onClick:this.handleCalendarIconClick},s("spw-icon",{key:"0e4a84c25a2e4c407f8c5ce37dfff3686acad60e",icon:"fa-calendar",class:"spw-date-picker__icon spw-date-picker__icon--calendar"})))),this.error&&s("spw-field-message",{key:"196f3d4c2931c329002e1fb342dfb30395dd4fe9",variant:"error",showIcon:this.showErrorIcon},this.error),this.hint&&s("spw-field-message",{key:"2f1451d32f226cc9dddc68940e8c527aa6da28dd",variant:"hint",showIcon:this.showHintIcon},this.hint),this.success&&s("spw-field-message",{key:"bfb08cdd69d1b95ba095a6947533ab99b9b087a4",variant:"success",showIcon:this.showSuccessIcon},this.success),this.warning&&s("spw-field-message",{key:"9595c15d7a17ecfb1f3e22a20fab37b0b50f2af4",variant:"warning",showIcon:this.showWarningIcon},this.warning)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabled:0}],minDate:[{watchMinDate:0}],maxDate:[{watchMaxDate:0}]}}static get style(){return'@charset "UTF-8";.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px;transition:all 0.2s ease-in}.spw-date-picker__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{font-size:16px;cursor:pointer;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}'}},[65,"spw-date-picker",{value:[1537],placeholder:[1],label:[1],name:[1],accAriaLabel:[1,"acc-aria-label"],required:[4],disabled:[4],dateFormat:[1,"date-format"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disabledDays:[1,"disabled-days"],disabledDates:[1,"disabled-dates"],position:[1],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],assistiveText:[1,"assistive-text"],isClear:[4,"is-clear"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],range:[4],rangeId:[1,"range-id"],isStart:[4,"is-start"],fixedCalendar:[4,"fixed-calendar"],fixedCalendarParent:[1,"fixed-calendar-parent"],isOpen:[32],hasError:[32],internalError:[32],internalValue:[32],isClearIconVisible:[32],open:[64],close:[64],setDate:[64],getDate:[64],getRange:[64],updateConstraints:[64],resetInput:[64],resetConstraints:[64]},void 0,{value:[{watchValue:0}],disabled:[{watchDisabled:0}],minDate:[{watchMinDate:0}],maxDate:[{watchMaxDate:0}]}]),w=b,m=function(){"undefined"!=typeof customElements&&["spw-date-picker","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-date-picker":customElements.get(o(t))||customElements.define(o(t),b);break;case"spw-field-label":customElements.get(o(t))||a();break;case"spw-field-message":customElements.get(o(t))||d();break;case"spw-icon":customElements.get(o(t))||c();break;case"spw-tooltip":customElements.get(o(t))||l()}}))};export{w as SpwDatePicker,m as defineCustomElement}
+import{p as t,H as e,c as i,h as s,a as r,t as o}from"./index.js";import{g as n}from"./p-B85MJLTf.js";import{d as a}from"./p-BxRsJDtg.js";import{d}from"./p-CDlTW4jP.js";import{d as c}from"./p-DiO72wMf.js";import{d as l}from"./p-DwCnnHgn.js";var p,h={exports:{}},u=(p||(p=1,window,h.exports=function(t){var e={};function i(s){if(e[s])return e[s].exports;var r=e[s]={i:s,l:!1,exports:{}};return t[s].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=t,i.c=e,i.d=function(t,e,s){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)i.d(s,r,function(e){return t[e]}.bind(null,r));return s},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,i){i.r(e);var s=[],r=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],o=["January","February","March","April","May","June","July","August","September","October","November","December"],n={t:"top",r:"right",b:"bottom",l:"left",c:"centered"};function a(){}var d=["click","focusin","keydown","input"];function c(t){d.forEach((function(e){t.addEventListener(e,t===document?_:M)}))}function l(t){return Array.isArray(t)?t.map(l):"[object Object]"===x(t)?Object.keys(t).reduce((function(e,i){return e[i]=l(t[i]),e}),{}):t}function p(t,e){var i=t.calendar.querySelector(".qs-overlay"),s=i&&!i.classList.contains("qs-hidden");t.calendar.innerHTML=""+function(t,e,i){return'<div class="qs-controls'+(i?" qs-blur":"")+'"><div class="qs-arrow qs-left"></div><div class="qs-month-year'+(e.disableYearOverlay?" qs-disabled-year-overlay":"")+'"><span class="qs-month">'+e.months[t.getMonth()]+'</span><span class="qs-year">'+t.getFullYear()+'</span></div><div class="qs-arrow qs-right"></div></div>'}(e=e||new Date(t.currentYear,t.currentMonth),t,s)+function(t,e,i){var s=e.currentMonth,r=e.currentYear,o=e.dateSelected,n=e.maxDate,a=e.minDate,d=e.showAllDates,c=e.days,l=e.disabledDates,p=e.startDay,h=e.weekendIndices,u=e.events,f=e.getRange?e.getRange():{},w=+f.start,b=+f.end,m=g(new Date(t).setDate(1)),v=m.getDay()-p,y=v<0?7:0;m.setMonth(m.getMonth()+1),m.setDate(0);var q=m.getDate(),k=[],x=y+7*((v+q)/7|0);x+=(v+q)%7?7:0;for(var D=1;D<=x;D++){var _=(D-1)%7,M=c[_],z=D-(v>=0?v:7+v),N=new Date(r,s,z),S=u[+N],E=z<1||z>q,j=E?z<1?-1:1:0,A=E&&!d,C=A?"":N.getDate(),T=_===h[0]||_===h[1],I=w!==b,O="qs-square "+M;S&&!A&&(O+=" qs-event"),E&&(O+=" qs-outside-current-month"),!d&&E||(O+=" qs-num"),+N==+o&&(O+=" qs-active"),(l[+N]||e.disabler(N)||T&&e.noWeekends||a&&+N<+a||n&&+N>+n)&&!A&&(O+=" qs-disabled"),+g(new Date)==+N&&(O+=" qs-current"),+N===w&&b&&I&&(O+=" qs-range-start"),+N>w&&+N<b&&(O+=" qs-range-middle"),+N===b&&w&&I&&(O+=" qs-range-end"),A&&(O+=" qs-empty",C=""),k.push('<div class="'+O+'" data-direction="'+j+'">'+C+"</div>")}var J=c.map((function(t){return'<div class="qs-square qs-day">'+t+"</div>"})).concat(k);return J.unshift('<div class="qs-squares'+(i?" qs-blur":"")+'">'),J.push("</div>"),J.join("")}(e,t,s)+function(t,e){var i=t.overlayButton;return'<div class="qs-overlay'+(e?"":" qs-hidden")+'"><div><input class="qs-overlay-year" placeholder="'+t.overlayPlaceholder+'" inputmode="numeric" /><div class="qs-close">&#10005;</div></div><div class="qs-overlay-month-container">'+t.overlayMonths.map((function(t,e){return'<div class="qs-overlay-month" data-month-num="'+e+'">'+t+"</div>"})).join("")+'</div><div class="qs-submit qs-disabled">'+i+"</div></div>"}(t,s),s&&window.requestAnimationFrame((function(){q(!0,t)}))}function h(t,e,i){var s=e.el,r=e.calendar.querySelector(".qs-active"),o=e.sibling;(s.disabled||s.readOnly)&&e.respectDisabledReadOnly||(e.dateSelected=i?void 0:new Date(e.currentYear,e.currentMonth,t.textContent),r&&r.classList.remove("qs-active"),i||t.classList.add("qs-active"),f(s,e,i),i||v(e),o&&(u({instance:e,deselect:i}),e.first&&!o.dateSelected&&(o.currentYear=e.currentYear,o.currentMonth=e.currentMonth,o.currentMonthName=e.currentMonthName),p(e),p(o)),e.onSelect(e,i?void 0:new Date(e.dateSelected)))}function u(t){var e=t.instance.first?t.instance:t.instance.sibling,i=e.sibling;e===t.instance?t.deselect?(e.minDate=e.originalMinDate,i.minDate=i.originalMinDate):i.minDate=e.dateSelected:t.deselect?(i.maxDate=i.originalMaxDate,e.maxDate=e.originalMaxDate):e.maxDate=i.dateSelected}function f(t,e,i){if(!e.nonInput)return i?t.value="":e.formatter!==a?e.formatter(t,e.dateSelected,e):void(t.value=e.dateSelected.toDateString())}function w(t,e,i,s){i||s?(i&&(e.currentYear=+i),s&&(e.currentMonth=+s)):(e.currentMonth+=t.contains("qs-right")?1:-1,12===e.currentMonth?(e.currentMonth=0,e.currentYear++):-1===e.currentMonth&&(e.currentMonth=11,e.currentYear--)),e.currentMonthName=e.months[e.currentMonth],p(e),e.onMonthChange(e)}function b(t){if(!t.noPosition){var e=t.position.top,i=t.position.right;if(t.position.centered)return t.calendarContainer.classList.add("qs-centered");var s=t.positionedEl.getBoundingClientRect(),r=t.el.getBoundingClientRect(),o=t.calendarContainer.getBoundingClientRect(),n=r.left-s.left+(i?r.width-o.width:0)+"px";t.calendarContainer.style.setProperty("top",r.top-s.top+(e?-1*o.height:r.height)+"px"),t.calendarContainer.style.setProperty("left",n)}}function m(t){return"[object Date]"===x(t)&&"Invalid Date"!=""+t}function g(t){if(m(t)||"number"==typeof t&&!isNaN(t)){var e=new Date(+t);return new Date(e.getFullYear(),e.getMonth(),e.getDate())}}function v(t){t.disabled||!t.calendarContainer.classList.contains("qs-hidden")&&!t.alwaysShow&&("overlay"!==t.defaultView&&q(!0,t),t.calendarContainer.classList.add("qs-hidden"),t.onHide(t))}function y(t){t.disabled||(t.calendarContainer.classList.remove("qs-hidden"),"overlay"===t.defaultView&&q(!1,t),b(t),t.onShow(t))}function q(t,e){var i=e.calendar,s=i.querySelector(".qs-overlay"),r=s.querySelector(".qs-overlay-year"),o=i.querySelector(".qs-controls"),n=i.querySelector(".qs-squares");t?(s.classList.add("qs-hidden"),o.classList.remove("qs-blur"),n.classList.remove("qs-blur"),r.value=""):(s.classList.remove("qs-hidden"),o.classList.add("qs-blur"),n.classList.add("qs-blur"),r.focus())}function k(t,e,i,s){var r=isNaN(+(new Date).setFullYear(e.value||void 0)),o=r?null:e.value;13===t.which||13===t.keyCode||"click"===t.type?s?w(null,i,o,s):r||e.classList.contains("qs-disabled")||w(null,i,o):i.calendar.contains(e)&&i.calendar.querySelector(".qs-submit").classList[r?"add":"remove"]("qs-disabled")}function x(t){return{}.toString.call(t)}function D(t){s.forEach((function(e){e!==t&&v(e)}))}function _(t){if(!t.__qs_shadow_dom){var e=t.which||t.keyCode,i=t.type,r=t.target,n=r.classList,a=s.filter((function(t){return t.calendar.contains(r)||t.el===r}))[0],d=a&&a.calendar.contains(r);if(!(a&&a.isMobile&&a.disableMobile))if("click"===i){if(!a)return s.forEach(v);if(a.disabled)return;var c=a.calendar,l=a.calendarContainer,u=a.disableYearOverlay,f=a.nonInput,b=c.querySelector(".qs-overlay-year"),m=!!c.querySelector(".qs-hidden"),g=c.querySelector(".qs-month-year").contains(r),x=r.dataset.monthNum;if(a.noPosition&&!d)(l.classList.contains("qs-hidden")?y:v)(a);else if(n.contains("qs-arrow"))w(n,a);else if(g||n.contains("qs-close"))u||q(!m,a);else if(x)k(t,b,a,x);else{if(n.contains("qs-disabled"))return;if(n.contains("qs-num")){var _=r.textContent,M=+r.dataset.direction,z=new Date(a.currentYear,a.currentMonth+M,_);if(M){a.currentYear=z.getFullYear(),a.currentMonth=z.getMonth(),a.currentMonthName=o[a.currentMonth],p(a);for(var N,S=a.calendar.querySelectorAll('[data-direction="0"]'),E=0;!N;){var j=S[E];j.textContent===_&&(N=j),E++}r=N}return void(+z==+a.dateSelected?h(r,a,!0):r.classList.contains("qs-disabled")||h(r,a))}n.contains("qs-submit")?k(t,b,a):f&&r===a.el&&(y(a),D(a))}}else if("focusin"===i&&a)y(a),D(a);else if("keydown"===i&&9===e&&a)v(a);else if("keydown"===i&&a&&!a.disabled){var A=!a.calendar.querySelector(".qs-overlay").classList.contains("qs-hidden");13===e&&A&&d?k(t,r,a):27===e&&A&&d&&q(!0,a)}else if("input"===i){if(!a||!a.calendar.contains(r))return;var C=a.calendar.querySelector(".qs-submit"),T=r.value.split("").reduce((function(t,e){return t||"0"!==e?t+(e.match(/[0-9]/)?e:""):""}),"").slice(0,4);r.value=T,C.classList[4===T.length?"remove":"add"]("qs-disabled")}}}function M(t){_(t),t.__qs_shadow_dom=!0}function z(t,e){d.forEach((function(i){t.removeEventListener(i,e)}))}function N(){y(this)}function S(){v(this)}function E(t,e){var i=g(t),s=this.currentYear,r=this.currentMonth,o=this.sibling;if(null==t)return this.dateSelected=void 0,f(this.el,this,!0),o&&(u({instance:this,deselect:!0}),p(o)),p(this),this;if(!m(t))throw Error("`setDate` needs a JavaScript Date object.");if(this.disabledDates[+i]||i<this.minDate||i>this.maxDate)throw Error("You can't manually set a date that's disabled.");this.dateSelected=i,e&&(this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),this.currentMonthName=this.months[i.getMonth()]),f(this.el,this),o&&(u({instance:this}),p(o));var n=s===i.getFullYear()&&r===i.getMonth();return n||e?p(this,i):n||p(this,new Date(s,r,1)),this}function j(t){return C(this,t,!0)}function A(t){return C(this,t)}function C(t,e,i){var s=t.dateSelected,r=t.first,o=t.sibling,n=t.minDate,a=t.maxDate,d=g(e),c=i?"Min":"Max";function l(){return"original"+c+"Date"}function h(){return c.toLowerCase()+"Date"}function u(){return"set"+c}function f(){throw Error("Out-of-range date passed to "+u())}if(null==e)t[l()]=void 0,o?(o[l()]=void 0,i?(r&&!s||!r&&!o.dateSelected)&&(t.minDate=void 0,o.minDate=void 0):(r&&!o.dateSelected||!r&&!s)&&(t.maxDate=void 0,o.maxDate=void 0)):t[h()]=void 0;else{if(!m(e))throw Error("Invalid date passed to "+u());o?((r&&i&&d>(s||a)||r&&!i&&d<(o.dateSelected||n)||!r&&i&&d>(o.dateSelected||a)||!r&&!i&&d<(s||n))&&f(),t[l()]=d,o[l()]=d,(i&&(r&&!s||!r&&!o.dateSelected)||!i&&(r&&!o.dateSelected||!r&&!s))&&(t[h()]=d,o[h()]=d)):((i&&d>(s||a)||!i&&d<(s||n))&&f(),t[h()]=d)}return o&&p(o),p(t),t}function T(){var t=this.first?this:this.sibling;return{start:t.dateSelected,end:t.sibling.dateSelected}}function I(){var t=this.shadowDom,e=this.positionedEl,i=this.calendarContainer,r=this.sibling,o=this;this.inlinePosition&&(s.some((function(t){return t!==o&&t.positionedEl===e}))||e.style.setProperty("position",null)),i.remove(),s=s.filter((function(t){return t!==o})),r&&delete r.sibling,s.length||z(document,_);var n=s.some((function(e){return e.shadowDom===t}));for(var a in t&&!n&&z(t,M),this)delete this[a];s.length||d.forEach((function(t){document.removeEventListener(t,_)}))}function O(t,e){var i=new Date(t);if(!m(i))throw Error("Invalid date passed to `navigate`");this.currentYear=i.getFullYear(),this.currentMonth=i.getMonth(),p(this),e&&this.onMonthChange(this)}function J(){var t=!this.calendarContainer.classList.contains("qs-hidden"),e=!this.calendarContainer.querySelector(".qs-overlay").classList.contains("qs-hidden");t&&q(e,this)}e.default=function(t,e){var i=function(t,e){var i,d,c=function(t){var e=l(t);e.events&&(e.events=e.events.reduce((function(t,e){if(!m(e))throw Error('"options.events" must only contain valid JavaScript Date objects.');return t[+g(e)]=!0,t}),{})),["startDate","dateSelected","minDate","maxDate"].forEach((function(t){var i=e[t];if(i&&!m(i))throw Error('"options.'+t+'" needs to be a valid JavaScript Date object.');e[t]=g(i)}));var i=e.position,o=e.maxDate,d=e.minDate,c=e.dateSelected,p=e.overlayPlaceholder,h=e.overlayButton,u=e.startDay,f=e.id;if(e.startDate=g(e.startDate||c||new Date),e.disabledDates=(e.disabledDates||[]).reduce((function(t,e){var i=+g(e);if(!m(e))throw Error('You supplied an invalid date to "options.disabledDates".');if(i===+g(c))throw Error('"disabledDates" cannot contain the same date as "dateSelected".');return t[i]=1,t}),{}),e.hasOwnProperty("id")&&null==f)throw Error("`id` cannot be `null` or `undefined`");if(null!=f){var w=s.filter((function(t){return t.id===f}));if(w.length>1)throw Error("Only two datepickers can share an id.");w.length?(e.second=!0,e.sibling=w[0]):e.first=!0}var b=["tr","tl","br","bl","c"].some((function(t){return i===t}));if(i&&!b)throw Error('"options.position" must be one of the following: tl, tr, bl, br, or c.');function v(t){throw Error('"dateSelected" in options is '+(t?"less":"greater")+' than "'+(t||"max")+'Date".')}if(e.position=function(t){var e=t[1],i={};return i[n[t[0]]]=1,e&&(i[n[e]]=1),i}(i||"bl"),o<d)throw Error('"maxDate" in options is less than "minDate".');if(c&&(d>c&&v("min"),o<c&&v()),["onSelect","onShow","onHide","onMonthChange","formatter","disabler"].forEach((function(t){"function"!=typeof e[t]&&(e[t]=a)})),["customDays","customMonths","customOverlayMonths"].forEach((function(t,i){var s=e[t],r=i?12:7;if(s){if(!Array.isArray(s)||s.length!==r||s.some((function(t){return"string"!=typeof t})))throw Error('"'+t+'" must be an array with '+r+" strings.");e[i?i<2?"months":"overlayMonths":"days"]=s}})),u&&u>0&&u<7){var y=(e.customDays||r).slice(),q=y.splice(0,u);e.customDays=y.concat(q),e.startDay=+u,e.weekendIndices=[y.length-1,y.length]}else e.startDay=0,e.weekendIndices=[6,0];"string"!=typeof p&&delete e.overlayPlaceholder,"string"!=typeof h&&delete e.overlayButton;var k=e.defaultView;if(k&&"calendar"!==k&&"overlay"!==k)throw Error('options.defaultView must either be "calendar" or "overlay".');return e.defaultView=k||"calendar",e}(e||{startDate:g(new Date),position:"bl",defaultView:"calendar"}),p=t;if("string"==typeof p)p="#"===p[0]?document.getElementById(p.slice(1)):document.querySelector(p);else{if("[object ShadowRoot]"===x(p))throw Error("Using a shadow DOM as your selector is not supported.");for(var h,u=p.parentNode;!h;){var w=x(u);"[object HTMLDocument]"===w?h=!0:"[object ShadowRoot]"===w?(h=!0,i=u,d=u.host):u=u.parentNode}}if(!p)throw Error("No selector / element found.");if(s.some((function(t){return t.el===p})))throw Error("A datepicker already exists on that element.");var b=p===document.body,v=i?p.parentElement||i:b?document.body:p.parentElement,q=i?p.parentElement||d:v,k=document.createElement("div"),D=document.createElement("div");k.className="qs-datepicker-container qs-hidden",D.className="qs-datepicker";var _={shadowDom:i,customElement:d,positionedEl:q,el:p,parent:v,nonInput:"INPUT"!==p.nodeName,noPosition:b,position:!b&&c.position,startDate:c.startDate,dateSelected:c.dateSelected,disabledDates:c.disabledDates,minDate:c.minDate,maxDate:c.maxDate,noWeekends:!!c.noWeekends,weekendIndices:c.weekendIndices,calendarContainer:k,calendar:D,currentMonth:(c.startDate||c.dateSelected).getMonth(),currentMonthName:(c.months||o)[(c.startDate||c.dateSelected).getMonth()],currentYear:(c.startDate||c.dateSelected).getFullYear(),events:c.events||{},defaultView:c.defaultView,setDate:E,remove:I,setMin:j,setMax:A,show:N,hide:S,navigate:O,toggleOverlay:J,onSelect:c.onSelect,onShow:c.onShow,onHide:c.onHide,onMonthChange:c.onMonthChange,formatter:c.formatter,disabler:c.disabler,months:c.months||o,days:c.customDays||r,startDay:c.startDay,overlayMonths:c.overlayMonths||(c.months||o).map((function(t){return t.slice(0,3)})),overlayPlaceholder:c.overlayPlaceholder||"4-digit year",overlayButton:c.overlayButton||"Submit",disableYearOverlay:!!c.disableYearOverlay,disableMobile:!!c.disableMobile,isMobile:"ontouchstart"in window,alwaysShow:!!c.alwaysShow,id:c.id,showAllDates:!!c.showAllDates,respectDisabledReadOnly:!!c.respectDisabledReadOnly,first:c.first,second:c.second};if(c.sibling){var M=c.sibling,z=_,C=M.minDate||z.minDate,R=M.maxDate||z.maxDate;z.sibling=M,M.sibling=z,M.minDate=C,M.maxDate=R,z.minDate=C,z.maxDate=R,M.originalMinDate=C,M.originalMaxDate=R,z.originalMinDate=C,z.originalMaxDate=R,M.getRange=T,z.getRange=T}c.dateSelected&&f(p,_);var P=getComputedStyle(q).position;b||P&&"static"!==P||(_.inlinePosition=!0,q.style.setProperty("position","relative"));var V=s.filter((function(t){return t.positionedEl===_.positionedEl}));return V.some((function(t){return t.inlinePosition}))&&(_.inlinePosition=!0,V.forEach((function(t){t.inlinePosition=!0}))),k.appendChild(D),v.appendChild(k),_.alwaysShow&&y(_),_}(t,e);if(s.length||c(document),i.shadowDom&&(s.some((function(t){return t.shadowDom===i.shadowDom}))||c(i.shadowDom)),s.push(i),i.second){var d=i.sibling;u({instance:i,deselect:!i.dateSelected}),u({instance:d,deselect:!d.dateSelected}),p(d)}return p(i,i.startDate||i.dateSelected),i.alwaysShow&&b(i),i}}]).default),h.exports),f=n(u);const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateChange=i(this,"dateChange",7),this.datePickerOpen=i(this,"datePickerOpen",7),this.datePickerClose=i(this,"datePickerClose",7),this.internals=this.attachInternals(),this.placeholder="JJ/MM/AAAA",this.required=!1,this.disabled=!1,this.dateFormat="dd/MM/yyyy",this.disabledDays=[],this.disabledDates=[],this.position="bl",this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.isClear=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.range=!1,this.isStart=!1,this.fixedCalendar=!1,this.isOpen=!1,this.hasError=!1,this.internalValue="",this.isClearIconVisible=!1,this.lastInputValue="",this.isDeleting=!1,this.parentScrollContainer=null,this.updateCalendarPosition=()=>{var t;if(!this.fixedCalendar||!(null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendarContainer)||!this.inputElement)return;const e=this.inputElement.getBoundingClientRect(),i=this.datepickerInstance.calendarContainer,s=i.offsetHeight||320,r=window.innerHeight-e.bottom;let o,n;o=r<s&&e.top>r?e.top-s-6:e.bottom+6,n="tr"===this.position||"br"===this.position?e.right-i.offsetWidth:e.left,i.style.position="fixed",i.style.top=o+"px",i.style.left=n+"px",i.style.zIndex="9999"},this.handleMaskedInput=t=>{const e=t.target,i=e.value,s=e.selectionStart||0;if(this.isDeleting=i.length<this.lastInputValue.length,this.isDeleting)this.internalValue=i,e.value=i,this.lastInputValue=i,setTimeout((()=>{this.inputElement&&this.inputElement.setSelectionRange(s,s)}),0);else{const t=this.unmask(this.lastInputValue).length,r=this.applyMaskSmart(i),o=this.unmask(r).length;this.internalValue=r,e.value=r,this.lastInputValue=r,setTimeout((()=>{if(this.inputElement){let e=s;o>t&&(3===o&&2===t||5===o&&4===t)&&(e=s+1),e=Math.min(e,r.length),this.inputElement.setSelectionRange(e,e)}}),0)}if(8===this.unmask(this.internalValue).length){const t=this.parseDate(this.internalValue);if(t&&!isNaN(t.getTime())){const e=this.toISODateString(t);this.value=e,this.internals.setFormValue(e),this.isClearIconVisible=this.isClear&&!!e,this.dateChange.emit({value:e,date:new Date(e)}),this.datepickerInstance&&this.datepickerInstance.setDate(t,!0)}}else this.internalValue||(this.value="",this.internals.setFormValue(null),this.isClearIconVisible=!1,this.dateChange.emit({value:"",date:null}),this.datepickerInstance&&this.datepickerInstance.setDate(void 0,!0))},this.handleInputChange=t=>{this.handleMaskedInput(t)},this.handleInputFocus=()=>{if(!this.disabled&&(this.datepickerInstance||this.initializeDatepicker(),this.datepickerInstance&&"function"==typeof this.datepickerInstance.show))try{this.datepickerInstance.show()}catch(t){console.warn("Erreur lors de l'ouverture du datepicker, réinitialisation...",t),this.datepickerInstance=null,this.initializeDatepicker(),this.datepickerInstance&&"function"==typeof this.datepickerInstance.show&&this.datepickerInstance.show()}},this.handleClear=()=>{this.resetInput()},this.handleCalendarIconClick=t=>{var e,i;t.stopPropagation(),this.disabled||(this.isOpen?null===(e=this.datepickerInstance)||void 0===e||e.hide():(this.datepickerInstance||this.initializeDatepicker(),null===(i=this.datepickerInstance)||void 0===i||i.show()))},this.handleCalendarIconMouseDown=t=>{t.preventDefault()},this.handleKeyDown=t=>{const e=t.target,i=e===this.inputElement,s=null!==e.closest(".qs-datepicker");if(i)switch(t.key){case"Tab":!t.shiftKey&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),setTimeout((()=>{var t;const e=null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendarContainer;if(e){const t=[...Array.from(e.querySelectorAll(".qs-arrow")),e.querySelector(".qs-month-year"),...Array.from(e.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);t[0]&&t[0].focus()}}),0));break;case"Enter":this.isOpen&&(t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.blur());break;case"Escape":this.isOpen&&(t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.focus())}else if(s)switch(t.key){case"Escape":t.preventDefault(),this.datepickerInstance.hide(),this.inputElement.focus();break;case"Tab":t.shiftKey&&(t.preventDefault(),this.inputElement.focus())}}}componentWillLoad(){if(this.uniqueId="spw-date-picker-"+Math.random().toString(36).substr(2,9),"string"==typeof this.disabledDays)try{const t=JSON.parse(this.disabledDays);this.disabledDays=Array.isArray(t)&&t.every((t=>"number"==typeof t))?t:[]}catch(t){this.disabledDays=[]}if("string"==typeof this.disabledDates)try{const t=JSON.parse(this.disabledDates);this.disabledDates=Array.isArray(t)&&t.every((t=>"string"==typeof t))?t:[]}catch(t){this.disabledDates=[]}const t=this.value?this.formatDate(new Date(this.value)):"";this.internalValue=t,this.lastInputValue=this.internalValue,this.defaultValue=this.value,this.isClearIconVisible=this.isClear&&!!this.value}componentDidLoad(){var t;if(this.initializeDatepicker(),this.value){const e=new Date(this.value);isNaN(e.getTime())||(null===(t=this.datepickerInstance)||void 0===t||t.setDate(e,!0),this.inputElement&&(this.inputElement.value=this.formatDate(e),this.internalValue=this.formatDate(e)))}this.internals.setFormValue(this.value?this.value:null)}connectedCallback(){!this.datepickerInstance&&this.inputElement&&requestAnimationFrame((()=>{this.initializeDatepicker()})),this.fixedCalendar&&(window.addEventListener("scroll",this.updateCalendarPosition,!0),window.addEventListener("resize",this.updateCalendarPosition))}disconnectedCallback(){this.datepickerInstance&&"function"==typeof this.datepickerInstance.remove&&setTimeout((()=>{!this.el.isConnected&&this.datepickerInstance&&(this.datepickerInstance.remove(),this.datepickerInstance=null)}),100),this.fixedCalendar&&(window.removeEventListener("scroll",this.updateCalendarPosition,!0),window.removeEventListener("resize",this.updateCalendarPosition),this.cleanupParentScrollListener())}findParentComponent(){if(!this.fixedCalendarParent)return null;let t=this.el;for(;t;){if(t instanceof e&&t.tagName.toLowerCase()===this.fixedCalendarParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const e=t.getRootNode();if(!(e instanceof ShadowRoot))break;t=e.host}}return null}findScrollContainerInShadowRoot(t){const e=t.shadowRoot;if(!e)return null;const i=e.querySelectorAll("*");let s=null,r=-1;for(const t of Array.from(i)){const i=t,o=window.getComputedStyle(i);if("auto"===o.overflow||"scroll"===o.overflow||"auto"===o.overflowY||"scroll"===o.overflowY){let o=0,n=t;for(;n&&n!==e;)o++,n=n.parentNode;o>r&&(r=o,s=i)}}return s}ensureParentScrollListener(){if(!this.fixedCalendarParent||!this.fixedCalendar)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateCalendarPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateCalendarPosition),this.parentScrollContainer=null)}watchValue(t){if(this.datepickerInstance&&t){const e=new Date(t);if(!isNaN(e.getTime())){this.datepickerInstance.setDate(e,!0);const t=this.formatDate(e);this.inputElement.value=t,this.internalValue=t,this.lastInputValue=t}}else this.datepickerInstance&&(this.datepickerInstance.setDate(void 0,!0),this.inputElement.value="",this.internalValue="",this.lastInputValue="");this.internals.setFormValue(t||null),this.isClearIconVisible=this.isClear&&!!t,this.updateRangeConstraints()}watchDisabled(t){this.inputElement&&(this.inputElement.disabled=t)}watchMinDate(t){this.datepickerInstance&&t?this.datepickerInstance.setMin(new Date(t)):this.datepickerInstance&&this.datepickerInstance.setMin(void 0)}watchMaxDate(t){this.datepickerInstance&&t?this.datepickerInstance.setMax(new Date(t)):this.datepickerInstance&&this.datepickerInstance.setMax(void 0)}async open(){this.datepickerInstance&&this.datepickerInstance.show()}async close(){this.datepickerInstance&&this.datepickerInstance.hide()}async setDate(t){this.datepickerInstance&&this.datepickerInstance.setDate("string"==typeof t?new Date(t):t,!0)}async getDate(){return this.datepickerInstance?this.datepickerInstance.dateSelected:null}async getRange(){if(!this.range||!this.rangeId)return{start:null,end:null};const{start:t,end:e}=this.getRangeSiblings(),i=(null==t?void 0:t.value)?new Date(t.value):null,s=(null==e?void 0:e.value)?new Date(e.value):null;return{start:i&&!isNaN(i.getTime())?i:null,end:s&&!isNaN(s.getTime())?s:null}}async updateConstraints(t,e){this.datepickerInstance&&(void 0!==t&&("function"==typeof this.datepickerInstance.setMin?this.datepickerInstance.setMin(t):this.datepickerInstance.minDate=t),void 0!==e&&("function"==typeof this.datepickerInstance.setMax?this.datepickerInstance.setMax(e):this.datepickerInstance.maxDate=e),this.isOpen&&this.datepickerInstance.calendar&&(this.datepickerInstance.hide(),setTimeout((()=>{this.datepickerInstance.show()}),0)))}async resetInput(){this.value="",this.internalValue="",this.lastInputValue="",this.internals.setFormValue(null),this.isClearIconVisible=!1,this.inputElement&&(this.inputElement.value=""),this.datepickerInstance&&this.datepickerInstance.setDate(void 0,!0),this.dateChange.emit({value:"",date:null}),this.updateRangeConstraints()}async resetConstraints(){this.datepickerInstance&&("function"==typeof this.datepickerInstance.setMin?this.datepickerInstance.setMin(this.minDate?new Date(this.minDate):void 0):this.datepickerInstance.minDate=this.minDate?new Date(this.minDate):void 0,"function"==typeof this.datepickerInstance.setMax?this.datepickerInstance.setMax(this.maxDate?new Date(this.maxDate):void 0):this.datepickerInstance.maxDate=this.maxDate?new Date(this.maxDate):void 0,this.isOpen&&this.datepickerInstance.calendar&&(this.datepickerInstance.hide(),setTimeout((()=>{this.datepickerInstance.show()}),0)))}toISODateString(t){const e=t.getFullYear(),i=(""+(t.getMonth()+1)).padStart(2,"0"),s=(""+t.getDate()).padStart(2,"0");return this.range&&!this.isStart?`${e}-${i}-${s}T23:59:59`:`${e}-${i}-${s}T00:00:00`}getRangeSiblings(){if(!this.range||!this.rangeId)return{start:null,end:null};const t=Array.from(document.querySelectorAll(`spw-date-picker[range][range-id="${this.rangeId}"]`));let e=null,i=null;return t.forEach((t=>{t.hasAttribute("is-start")?e=t:i=t})),{start:e,end:i}}highlightRangeInCalendar(){var t;if(!this.range||!this.rangeId||!(null===(t=this.datepickerInstance)||void 0===t?void 0:t.calendar))return;const{start:e,end:i}=this.getRangeSiblings();if(!e||!i)return;const s=e.value,r=i.value;if(!s||!r)return void this.datepickerInstance.calendar.querySelectorAll(".qs-square").forEach((t=>{t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}));const o=new Date(s),n=new Date(r);isNaN(o.getTime())||isNaN(n.getTime())||this.datepickerInstance.calendar.querySelectorAll(".qs-square:not(.qs-empty)").forEach((t=>{const e=parseInt(t.textContent||"0",10);if(!e)return;const i=new Date(this.datepickerInstance.currentYear,this.datepickerInstance.currentMonth,e),s=new Date(i.getFullYear(),i.getMonth(),i.getDate()),r=new Date(o.getFullYear(),o.getMonth(),o.getDate()),a=new Date(n.getFullYear(),n.getMonth(),n.getDate());s>=r&&s<=a?s.getTime()===r.getTime()?(t.classList.add("spw-date-range-start"),t.classList.remove("spw-date-range-middle","spw-date-range-end")):s.getTime()===a.getTime()?(t.classList.add("spw-date-range-end"),t.classList.remove("spw-date-range-middle","spw-date-range-start")):(t.classList.add("spw-date-range-middle"),t.classList.remove("spw-date-range-start","spw-date-range-end")):t.classList.remove("spw-date-range-start","spw-date-range-end","spw-date-range-middle")}))}async updateRangeConstraints(){var t,e;if(!this.range||!this.rangeId)return;const{start:i,end:s}=this.getRangeSiblings();if(this.isStart&&s){await(null===(t=s.componentOnReady)||void 0===t?void 0:t.call(s));const e=this.value?new Date(this.value):null;if(e&&!isNaN(e.getTime()))await s.updateConstraints(e,void 0);else{const t=s.minDate?new Date(s.minDate):void 0;await s.updateConstraints(t,void 0)}}if(!this.isStart&&i){await(null===(e=i.componentOnReady)||void 0===e?void 0:e.call(i));const t=this.value?new Date(this.value):null;if(t&&!isNaN(t.getTime()))await i.updateConstraints(void 0,t);else{const t=i.maxDate?new Date(i.maxDate):void 0;await i.updateConstraints(void 0,t)}}}unmask(t){return t?t.replace(/[^0-9]/g,""):""}applyMaskSmart(t){if(!t)return"";const e=this.unmask(t);let i="";for(let t=0;t<e.length&&t<8;t++)2!==t&&4!==t||(i+="/"),i+=e[t];return i}setupCalendarNavigation(){if(!this.datepickerInstance)return;const t=this.datepickerInstance.calendarContainer;if(!t)return;const e=[...Array.from(t.querySelectorAll(".qs-arrow")),t.querySelector(".qs-month-year"),...Array.from(t.querySelectorAll(".qs-square:not(.qs-day):not(.qs-empty)"))].filter(Boolean);e.forEach((t=>{t.setAttribute("tabindex","0"),t.addEventListener("keydown",(i=>{this.handleCalendarKeyDown(i,t,e)}))}))}handleCalendarKeyDown(t,e,i){const s=i.indexOf(e);let r=s;switch(t.key){case"ArrowRight":t.preventDefault(),r=Math.min(s+1,i.length-1);break;case"ArrowLeft":t.preventDefault(),r=Math.max(s-1,0);break;case"ArrowDown":t.preventDefault(),r=e.classList.contains("qs-square")?Math.min(s+7,i.length-1):Math.min(s+1,i.length-1);break;case"ArrowUp":t.preventDefault(),r=e.classList.contains("qs-square")?Math.max(s-7,0):Math.max(s-1,0);break;case"Home":t.preventDefault(),r=0;break;case"End":t.preventDefault(),r=i.length-1;break;case"Enter":case" ":return t.preventDefault(),void(e.classList.contains("qs-arrow")?(e.click(),setTimeout((()=>e.focus()),0)):e.click());case"Escape":return t.preventDefault(),this.datepickerInstance.hide(),void this.inputElement.focus()}if(r!==s){const t=i[r];t&&!t.matches(".qs-day, .qs-disabled, .qs-empty")&&t.focus()}}initializeDatepicker(){var t;if(!this.inputElement){const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('input[type="text"]');if(!e)return;this.inputElement=e}const e={position:this.position,startDay:1,customDays:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],customMonths:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],overlayPlaceholder:"Année",overlayButton:"Valider",formatter:(t,e)=>{const i=this.formatDate(e);t.value=i,this.internalValue=i,this.lastInputValue=i},disabler:t=>{if(this.disabledDays.includes(t.getDay()))return!0;const e=t.toISOString().split("T")[0];return this.disabledDates.includes(e)},onSelect:t=>{const e=t instanceof Date?t:null==t?void 0:t.dateSelected;if(!e||isNaN(e.getTime()))return;const i=this.toISODateString(e);this.value=i;const s=this.formatDate(e);this.inputElement.value=s,this.internalValue=s,this.lastInputValue=s,this.internals.setFormValue(i),this.isClearIconVisible=this.isClear&&!!i,this.dateChange.emit({value:i,date:new Date(i)}),this.updateRangeConstraints(),setTimeout((()=>{var t,e;this.highlightRangeInCalendar();const{start:i,end:s}=this.getRangeSiblings(),r=this.isStart?s:i;r&&r.isOpen&&(null===(e=(t=r).highlightRangeInCalendar)||void 0===e||e.call(t))}),50)},onShow:()=>{this.isOpen=!0,this.datePickerOpen.emit(),this.fixedCalendar&&(this.ensureParentScrollListener(),requestAnimationFrame((()=>{this.updateCalendarPosition()}))),setTimeout((()=>{this.setupCalendarNavigation(),this.highlightRangeInCalendar(),setTimeout((()=>this.highlightRangeInCalendar()),50),setTimeout((()=>this.highlightRangeInCalendar()),150)}),100)},onHide:()=>{this.isOpen=!1,this.datePickerClose.emit()}};if(this.range&&this.rangeId){const{start:t,end:i}=this.getRangeSiblings();if(this.isStart){if(i&&i.value){const t=new Date(i.value);isNaN(t.getTime())||(e.maxDate=t)}}else if(t&&t.value){const i=new Date(t.value);isNaN(i.getTime())||(e.minDate=i)}}else this.minDate&&(e.minDate=new Date(this.minDate)),this.maxDate&&(e.maxDate=new Date(this.maxDate));if(this.datepickerInstance&&"function"==typeof this.datepickerInstance.remove&&this.datepickerInstance.remove(),this.datepickerInstance=f(this.inputElement,e),this.value){const t=new Date(this.value);if(!isNaN(t.getTime()))try{this.datepickerInstance.setDate(t,!0);const e=this.formatDate(t);this.inputElement.value=e,this.internalValue=e,this.lastInputValue=e}catch(t){}}}formatDate(t){if(!(t instanceof Date)||isNaN(t.getTime()))return"";const e=(""+t.getDate()).padStart(2,"0"),i=(""+(t.getMonth()+1)).padStart(2,"0"),s=t.getFullYear();return this.dateFormat.replace("dd",e).replace("MM",i).replace("yyyy",""+s)}parseDate(t){const e=t.split("/");if(3===e.length){const t=parseInt(e[0],10),i=parseInt(e[1],10)-1,s=parseInt(e[2],10);if(!isNaN(t)&&!isNaN(i)&&!isNaN(s))return new Date(s,i,t)}return null}formResetCallback(){var t;this.value=null!==(t=this.defaultValue)&&void 0!==t?t:"",this.internalValue=this.defaultValue?this.formatDate(new Date(this.defaultValue)):"",this.lastInputValue=this.internalValue,this.internals.setFormValue(this.defaultValue?this.defaultValue:null),this.isClearIconVisible=this.isClear&&!!this.defaultValue,this.inputElement&&(this.inputElement.value=this.internalValue),this.datepickerInstance&&this.datepickerInstance.setDate(this.defaultValue?new Date(this.defaultValue):void 0,!0),this.dateChange.emit({value:this.value,date:this.defaultValue?new Date(this.defaultValue):null}),this.updateRangeConstraints()}render(){const t={"spw-date-picker__input":!0,"spw-date-picker__input--error":this.hasError,"spw-date-picker__input--disabled":this.disabled,"spw-date-picker__input--open":this.isOpen},e=this.error||this.internalError;return s(r,{key:"32fda3ad55541f1f01f642767f858d34d6a0024e"},s("div",{key:"a0faea1339d67bcb275aeee5376931074ccc2868",class:{"spw-date-picker":!0,"spw-date-picker--is-clear":this.isClearIconVisible}},this.label&&s("spw-field-label",{key:"1863da889dcb1b82a0d49f69be999b667fb5c91e",label:this.label,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&s("spw-field-message",{key:"a5aa7018207c305640ee07dc92b251f2cd439565",class:"spw-date-picker__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"5a23a4432a0a0ed30594fd0845f983f3ec6cbf88",class:"spw-date-picker__input-container"},s("input",{key:"04a9b370e0ffb263aa798cc6b6d084dcace2b5a2",ref:t=>this.inputElement=t,id:this.uniqueId,type:"text",class:t,value:this.internalValue,placeholder:this.placeholder,disabled:this.disabled,required:this.required,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,"aria-label":this.accAriaLabel||this.label||this.name,"aria-describedby":this.assistiveText||e?`${this.uniqueId}-help ${this.uniqueId}-error`:void 0,"aria-invalid":this.hasError}),s("div",{key:"a635b1611eb9183972ee38174e828d08893193eb",class:"spw-date-picker__icons"},this.isClearIconVisible&&s("span",{key:"d64c8fb2c387354808a701f8a3872107a87a65ad",class:"spw-date-picker__clear",onClick:this.handleClear},s("spw-icon",{key:"ae39233eec8f792eef57cb8fa29b86520d695e78",class:"spw-date-picker__icon spw-date-picker__icon--clear",icon:"fa-xmark"})),s("span",{key:"ff01a8db8582dd9ce909609524fc481bfb3be24a",class:"spw-date-picker__calendar-trigger",onMouseDown:this.handleCalendarIconMouseDown,onClick:this.handleCalendarIconClick},s("spw-icon",{key:"c8ffae53c5dad546abf185e63ab6210801d7f31f",icon:"fa-calendar",variant:"fa-regular",class:"spw-date-picker__icon spw-date-picker__icon--calendar"})))),this.error&&s("spw-field-message",{key:"0605af92c5d84c8d6feab3a0425f49c3f2945b75",variant:"error",showIcon:this.showErrorIcon},this.error),this.hint&&s("spw-field-message",{key:"38acac99be7fc4485a11b5b08f98c8f7fd480b4d",variant:"hint",showIcon:this.showHintIcon},this.hint),this.success&&s("spw-field-message",{key:"3b7205d8e7586167766ec97f444f2f8aff8c5aeb",variant:"success",showIcon:this.showSuccessIcon},this.success),this.warning&&s("spw-field-message",{key:"5e0c60fc788013422d0f25de6ee178a0d64a77c2",variant:"warning",showIcon:this.showWarningIcon},this.warning)))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabled:0}],minDate:[{watchMinDate:0}],maxDate:[{watchMaxDate:0}]}}static get style(){return'@charset "UTF-8";.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;font-family:inherit;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800)}.qs-datepicker-container .qs-overlay .qs-overlay-year,.spw-date-picker__input{flex:1;width:100%;height:var(--spw-input-height);padding:var(--spw-input-padding);text-overflow:ellipsis;line-height:var(--spw-input-height);border-radius:var(--spw-input-radius);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.qs-datepicker-container .qs-overlay .qs-overlay-year:hover,.spw-date-picker__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.qs-datepicker-container .qs-overlay .qs-overlay-year:focus,.spw-date-picker__input:focus,.qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible,.spw-date-picker__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.qs-datepicker-container .qs-overlay .qs-overlay-year:active,.spw-date-picker__input:active{border-color:var(--spw-input-border)}.spw-date-picker{position:relative}.spw-date-picker__field-message{margin-bottom:8px;margin-top:-4px}.spw-date-picker__input-container{position:relative;display:flex;align-items:center}.spw-date-picker--is-clear .spw-date-picker__input{padding-right:70px}.spw-date-picker__input--error{border-color:var(--spw-color-error, #dc2626)}.spw-date-picker__input--error:focus{border-color:var(--spw-color-error, #dc2626);box-shadow:0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1))}.spw-date-picker__input--disabled{border-color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-date-picker__input--disabled::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__input--disabled:hover,.spw-date-picker__input--disabled:focus,.spw-date-picker__input--disabled:focus-visible{outline:none}.spw-date-picker__input--open{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-date-picker__input::placeholder{color:var(--spw-color-text-placeholder, #9ca3af)}.spw-date-picker__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-date-picker--disabled .spw-date-picker__icons{pointer-events:none}.spw-date-picker__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-date-picker--disabled .spw-date-picker__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon{color:var(--spw-input-icon-search-color)}.spw-date-picker--disabled .spw-date-picker__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-date-picker__icon--calendar{font-size:16px;cursor:pointer;color:var(--spw-color-themes-grey-grey-900)}.spw-date-picker__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:16px}.spw-date-picker__icon--clear:hover{color:var(--spw-ds-primary)}.spw-date-picker__help{margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-text-secondary, #6b7280)}.spw-date-picker__error{display:flex;align-items:center;margin-top:0.25rem;font-size:0.75rem;line-height:1rem;color:var(--spw-color-error, #dc2626)}.spw-date-picker__error spw-icon{margin-right:0.25rem;font-size:0.75rem}.qs-datepicker-container{box-shadow:var(--spw-effect-elevation-6);border:none;width:320px;margin-top:6px}.qs-datepicker-container .qs-controls{padding:24px;padding-bottom:0;background:none;margin-bottom:16px;position:relative}.qs-datepicker-container .qs-month-year{font-size:14px;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;padding:8px 16px}.qs-datepicker-container .qs-month-year:hover{border-color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow{position:absolute;top:24px;width:36px;height:36px;color:transparent}.qs-datepicker-container .qs-arrow:before{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;font-size:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-arrow:after{display:none}.qs-datepicker-container .qs-arrow:hover{background:var(--spw-colors-support-grey-grey-200)}.qs-datepicker-container .qs-arrow:active{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-left{right:60px}.qs-datepicker-container .qs-left:before{content:"\\f053"}.qs-datepicker-container .qs-right{right:24px}.qs-datepicker-container .qs-right:before{content:"\\f054"}.qs-datepicker-container .qs-squares{padding:24px;padding-top:0;gap:4px 0}.qs-datepicker-container .qs-square{font-size:14px;text-transform:lowercase;height:36px}.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:var(--spw-colors-support-grey-grey-400)}.qs-datepicker-container .qs-range-end:hover,.qs-datepicker-container .qr-range-start:hover{background:var(--spw-colors-support-grey-grey-800)}.qs-datepicker-container .qs-active,.qs-datepicker-container .qs-range-end,.qs-datepicker-container .qs-range-start,.qs-datepicker-container .qs-range-start.qs-disabled{background:var(--spw-colors-support-grey-grey-900);color:white;opacity:1}.qs-datepicker-container .qs-range-middle{background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .spw-date-range-start{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:4px 0 0 4px !important}.qs-datepicker-container .spw-date-range-start:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-end{background:var(--spw-colors-support-grey-grey-900) !important;color:white !important;opacity:1 !important;font-weight:700;border-radius:0 4px 4px 0 !important}.qs-datepicker-container .spw-date-range-end:hover{background:var(--spw-colors-support-grey-grey-800) !important}.qs-datepicker-container .spw-date-range-middle{background:var(--spw-colors-support-grey-grey-300) !important;border-radius:0 !important}.qs-datepicker-container .spw-date-range-middle:hover{background:var(--spw-colors-support-grey-grey-400) !important}.qs-datepicker-container .qs-day{font-weight:400;color:var(--spw-colors-support-grey-grey-800);padding-bottom:12px;border-radius:0;position:relative}.qs-datepicker-container .qs-day:after{content:"";position:absolute;bottom:0;left:0;width:68px;height:1px;background:var(--spw-colors-support-grey-grey-300)}.qs-datepicker-container .qs-day:nth-child(7):after{display:none}.qs-datepicker-container .qs-overlay{padding:24px;background:#fff}.qs-datepicker-container .qs-overlay-month{font-size:14px;color:var(--spw-colors-support-grey-grey-800);width:25%}.qs-datepicker-container .qs-close{color:var(--spw-colors-support-grey-grey-600);top:24px;left:24px;right:auto;padding:0;height:40px;width:32px;text-indent:-9999px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-close:after{position:absolute;top:50%;transform:translateY(-50%);left:0;font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f060";font-size:14px;text-indent:0}.qs-datepicker-container .qs-close:hover{color:var(--spw-colors-support-grey-grey-900)}.qs-datepicker-container .qs-blur{filter:none}.qs-datepicker-container .qs-overlay{transition:none}.qs-datepicker-container .qs-overlay .qs-overlay-year{color:var(--spw-colors-support-grey-grey-900);margin-bottom:24px;width:calc(100% - 80px);margin-left:28px}.qs-datepicker-container .qs-submit{position:absolute;text-indent:-9999px;top:24px;right:24px;width:40px;height:40px;border-radius:9999px;border:2px solid transparent;color:white;background:var(--spw-ds-primary);font-weight:700;font-size:14px;transition:all ease-in 0.2s}.qs-datepicker-container .qs-submit:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--spw-ds-font-icons-solid);font-weight:700;content:"\\f00c";font-size:14px;text-indent:0}.qs-datepicker-container .qs-submit:hover{background:var(--spw-ds-variant)}.qs-datepicker-container .qs-submit:active{background:var(--spw-ds-active)}.qs-datepicker-container .qs-submit.qs-disabled{background:var(--spw-colors-support-grey-grey-400);border-color:var(--spw-colors-support-grey-grey-400);color:var(--spw-colors-support-grey-grey-500);opacity:1}'}},[65,"spw-date-picker",{value:[1537],placeholder:[1],label:[1],name:[1],accAriaLabel:[1,"acc-aria-label"],required:[4],disabled:[4],dateFormat:[1,"date-format"],minDate:[1,"min-date"],maxDate:[1,"max-date"],disabledDays:[1,"disabled-days"],disabledDates:[1,"disabled-dates"],position:[1],error:[1],hint:[1],success:[1],warning:[1],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],assistiveText:[1,"assistive-text"],isClear:[4,"is-clear"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],range:[4],rangeId:[1,"range-id"],isStart:[4,"is-start"],fixedCalendar:[4,"fixed-calendar"],fixedCalendarParent:[1,"fixed-calendar-parent"],isOpen:[32],hasError:[32],internalError:[32],internalValue:[32],isClearIconVisible:[32],open:[64],close:[64],setDate:[64],getDate:[64],getRange:[64],updateConstraints:[64],resetInput:[64],resetConstraints:[64]},void 0,{value:[{watchValue:0}],disabled:[{watchDisabled:0}],minDate:[{watchMinDate:0}],maxDate:[{watchMaxDate:0}]}]),b=w,m=function(){"undefined"!=typeof customElements&&["spw-date-picker","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-date-picker":customElements.get(o(t))||customElements.define(o(t),w);break;case"spw-field-label":customElements.get(o(t))||a();break;case"spw-field-message":customElements.get(o(t))||d();break;case"spw-icon":customElements.get(o(t))||c();break;case"spw-tooltip":customElements.get(o(t))||l()}}))};export{b as SpwDatePicker,m as defineCustomElement}

package/dist/components/spw-dropdown-container.js

@@ -1 +1 @@
-import{p as e,H as t,h as n,a as o,t as i}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"f32b9cfb6175c45e09c54aaf0d84b1584f5922de"},n("div",{key:"aeed248057b80b9fe32268bfe626f60528f9eda5",class:"spw-dropdown-container"},n("slot",{key:"b8b91107d4d1de0f882256b4a2578766c5017e5a"})))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-container{padding:16px}'}},[257,"spw-dropdown-container"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-dropdown-container"].forEach((e=>{"spw-dropdown-container"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwDropdownContainer,r as defineCustomElement}
+import{p as e,H as t,h as n,a as o,t as i}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"c8265cb8d5ef7243be690ea271f3c8c579bb083c"},n("div",{key:"8b2873be6609a2ad2e786208cfea172d881f9756",class:"spw-dropdown-container"},n("slot",{key:"cd56093ab34e849d28743645757378822849f802"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-container{padding:16px}"}},[257,"spw-dropdown-container"]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-dropdown-container"].forEach((e=>{"spw-dropdown-container"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwDropdownContainer,r as defineCustomElement}

package/dist/components/spw-dropdown-item.js

@@ -1 +1 @@
-import{p as e,H as t,h as o,a as i,t as s}from"./index.js";import{d as n}from"./p-B1SCChor.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.iconVariant="fa-regular",this.hasSubItems=!1,this.subItemsOpen=!1,this.handleToggleSubItems=e=>{e.preventDefault(),e.stopPropagation(),this.disabled||(this.subItemsOpen=!this.subItemsOpen)},this.handleItemClick=e=>{this.disabled||this.hasSubItems&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.subItemsOpen=!this.subItemsOpen)}}componentDidLoad(){this.checkForSubItems(),this.setupMutationObserver(),setTimeout((()=>{this.checkForSubItems()}),0)}componentDidUpdate(){this.checkForSubItems()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForSubItems()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}checkForSubItems(){const e=this.el.querySelector('[slot="sub-items"]'),t=null!==e&&(e.children.length>0||e.childNodes.length>0);this.hasSubItems!==t&&(this.hasSubItems=t)}get classes(){return{"spw-dropdown-item":!0,"spw-dropdown-item--disabled":this.disabled,"spw-dropdown-item--has-sub-items":this.hasSubItems,"spw-dropdown-item--sub-items-open":this.subItemsOpen}}render(){const e={"spw-dropdown-item__toggle":!0,"spw-dropdown-item__toggle--open":this.subItemsOpen};return o(i,{key:"1596a4172e1e8eefbfa765546719c55e2c98f3d5"},o(this.href&&!this.disabled?"a":"div",{key:"24ae4e7ba274e59218030e38153d7c4c0493a835",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":void 0,onClick:this.handleItemClick},this.icon&&o("div",{key:"4b8b5d3739afbabc92d67182a4a9a978f9af6a6b",class:"spw-dropdown-item__icon"},o("spw-icon",{key:"fed0d8d7561105acca93330014763cb1fe812b71",variant:this.iconVariant,icon:this.icon})),o("div",{key:"6e9f0758fa21309ebf4a26143987510e2c610cf3",class:"spw-dropdown-item__content"},o("div",{key:"a0d0da494fc950e1fd06214143b7aa87af92bfec",class:"spw-dropdown-item__label"},o("slot",{key:"6d8c7a857150d96359abd2a1c856905a7c170ae9"})),this.hasSubItems&&o("div",{key:"19cd50f2dde61fadb6e121b831c1518abf0e54e9",class:e,onClick:this.handleToggleSubItems},o("spw-icon",{key:"f04c856a18d549c40b68d702f2d27a2b930bd881",icon:"fa-chevron-down"})))),this.hasSubItems&&o("div",{key:"11b2e9dac24ea9232cb03d8e6332f056408f657d",class:"spw-dropdown-item__sub-items",style:{display:this.subItemsOpen?"block":"none"}},o("slot",{key:"fa0fa7f551ef87ab9ad0a8fe16e5fb5f21244fbc",name:"sub-items"})))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-item{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--spw-colors-support-grey-grey-900);text-decoration:none;transition:background-color 0.2s ease;font-size:14px;border-radius:4px}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--spw-colors-support-grey-grey-700)}.spw-dropdown-item__content{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spw-dropdown-item__toggle{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{font-size:12px;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{padding-left:16px;margin-top:4px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}'}},[260,"spw-dropdown-item",{href:[1],disabled:[4],icon:[1],iconVariant:[1,"icon-variant"],hasSubItems:[32],subItemsOpen:[32]}]),a=r,p=function(){"undefined"!=typeof customElements&&["spw-dropdown-item","spw-icon"].forEach((e=>{switch(e){case"spw-dropdown-item":customElements.get(s(e))||customElements.define(s(e),r);break;case"spw-icon":customElements.get(s(e))||n()}}))};export{a as SpwDropdownItem,p as defineCustomElement}
+import{p as e,H as t,h as o,a as i,t as s}from"./index.js";import{d as n}from"./p-DiO72wMf.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.disabled=!1,this.iconVariant="fa-regular",this.hasSubItems=!1,this.subItemsOpen=!1,this.handleToggleSubItems=e=>{e.preventDefault(),e.stopPropagation(),this.disabled||(this.subItemsOpen=!this.subItemsOpen)},this.handleItemClick=e=>{this.disabled||this.hasSubItems&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.subItemsOpen=!this.subItemsOpen)}}componentDidLoad(){this.checkForSubItems(),this.setupMutationObserver(),setTimeout((()=>{this.checkForSubItems()}),0)}componentDidUpdate(){this.checkForSubItems()}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}setupMutationObserver(){this.mutationObserver=new MutationObserver((()=>{this.checkForSubItems()})),this.mutationObserver.observe(this.el,{childList:!0,subtree:!0})}checkForSubItems(){const e=this.el.querySelector('[slot="sub-items"]'),t=null!==e&&(e.children.length>0||e.childNodes.length>0);this.hasSubItems!==t&&(this.hasSubItems=t)}get classes(){return{"spw-dropdown-item":!0,"spw-dropdown-item--disabled":this.disabled,"spw-dropdown-item--has-sub-items":this.hasSubItems,"spw-dropdown-item--sub-items-open":this.subItemsOpen}}render(){const e={"spw-dropdown-item__toggle":!0,"spw-dropdown-item__toggle--open":this.subItemsOpen};return o(i,{key:"5e2c9770daee538a1f0495d289f4eccdacdbe72c"},o(this.href&&!this.disabled?"a":"div",{key:"412276eb62185db2e27421286235cc2970a837c5",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":void 0,onClick:this.handleItemClick},this.icon&&o("div",{key:"1ad97be19239600527f1b6149d156091fc01fd92",class:"spw-dropdown-item__icon"},o("spw-icon",{key:"aec2cb8b6c404263a99b9e67ad356a63df619428",variant:this.iconVariant,icon:this.icon})),o("div",{key:"44b396930499798cff1acc822efe7cb790ac5b90",class:"spw-dropdown-item__content"},o("div",{key:"7f36c99ebb87ee48c0dcc6979a862e30c2bf0bcf",class:"spw-dropdown-item__label"},o("slot",{key:"cb64dd00921722adea1cc3806a6a5607d16270bd"})),this.hasSubItems&&o("div",{key:"282fb73f722d57cc48ce45cd1d789a0dc3772175",class:e,onClick:this.handleToggleSubItems},o("spw-icon",{key:"788fc6c235c3471e0fafa52a4a97eb26b08adb50",icon:"fa-chevron-down"})))),this.hasSubItems&&o("div",{key:"d9401d49db1fb458b53a7e115c96e5c18ccd6ad5",class:"spw-dropdown-item__sub-items",style:{display:this.subItemsOpen?"block":"none"}},o("slot",{key:"2f44d2f20d907c1d3883a1d9fb36d39001f66faf",name:"sub-items"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-dropdown-item{cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--spw-colors-support-grey-grey-900);text-decoration:none;transition:background-color 0.2s ease;font-size:14px;border-radius:4px}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:14px;color:var(--spw-colors-support-grey-grey-700)}.spw-dropdown-item__content{flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spw-dropdown-item__toggle{position:absolute;right:-24px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{font-size:12px;color:var(--spw-colors-support-grey-grey-900);transition:transform 0.2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{padding-left:16px;margin-top:4px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}"}},[260,"spw-dropdown-item",{href:[1],disabled:[4],icon:[1],iconVariant:[1,"icon-variant"],hasSubItems:[32],subItemsOpen:[32]}]),a=r,d=function(){"undefined"!=typeof customElements&&["spw-dropdown-item","spw-icon"].forEach((e=>{switch(e){case"spw-dropdown-item":customElements.get(s(e))||customElements.define(s(e),r);break;case"spw-icon":customElements.get(s(e))||n()}}))};export{a as SpwDropdownItem,d as defineCustomElement}

package/dist/components/spw-dropdown.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as o,t as s}from"./index.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwDropdownOpen=i(this,"spwDropdownOpen",7),this.spwDropdownClose=i(this,"spwDropdownClose",7),this.direction="bottom",this.hasPadding=!0,this.contentWidth=300,this.open=!1,this.isVisible=!1,this.dropdownEl=null,this.movedContentEl=null,this.showDropdown=()=>{if(this.isVisible)return;const t=this.host.querySelector('[slot="dropdownContent"]');t&&(this.isVisible=!0,this.spwDropdownOpen.emit(),this.dropdownEl=document.createElement("div"),this.dropdownEl.className="spw-dropdown-fixed spw-dropdown-fixed--"+this.direction,this.hasPadding&&this.dropdownEl.classList.add("spw-dropdown-fixed--padded"),this.dropdownEl.setAttribute("role","menu"),this.dropdownEl.style.width=(this.contentWidth||200)+"px",this.movedContentEl=t,this.dropdownEl.appendChild(this.movedContentEl),document.body.appendChild(this.dropdownEl),requestAnimationFrame((()=>{this.positionDropdown(),this.addListeners()})))},this.hideDropdown=()=>{var t;this.isVisible&&(this.isVisible=!1,this.open=!1,this.spwDropdownClose.emit(),this.dropdownEl&&this.movedContentEl&&this.host.appendChild(this.movedContentEl),(null===(t=this.dropdownEl)||void 0===t?void 0:t.parentNode)&&this.dropdownEl.parentNode.removeChild(this.dropdownEl),this.dropdownEl=null,this.movedContentEl=null,this.removeListeners())}}async close(){this.open=!1,this.hideDropdown()}onOpenChange(t){t?this.showDropdown():this.hideDropdown()}connectedCallback(){this.handleClickOutside=this.handleClickOutside.bind(this),this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}componentDidLoad(){this.open&&this.showDropdown()}disconnectedCallback(){this.removeListeners()}addListeners(){document.addEventListener("click",this.handleClickOutside,!0),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize)}removeListeners(){document.removeEventListener("click",this.handleClickOutside,!0),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}handleClickOutside(t){var e;this.host.contains(t.target)||(null===(e=this.dropdownEl)||void 0===e?void 0:e.contains(t.target))||this.close()}handleScrollOrResize(){this.isVisible&&this.positionDropdown()}positionDropdown(){var t;if(!this.dropdownEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-dropdown__trigger");if(!e)return;const i=e.getBoundingClientRect(),o=this.dropdownEl;o.style.visibility="hidden",o.style.position="fixed",o.style.display="flex";const s=o.getBoundingClientRect();let n=0,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=n+"px",o.style.left=r+"px",o.style.zIndex="9999",o.style.visibility="visible"}render(){return o("div",{key:"69f5c85c85f197d1e2627f51f38026a124c8adc9",class:"spw-dropdown__trigger",onClick:()=>this.open=!this.open},o("slot",{key:"4738589550833682aa02288bde77dbfc248caf51"}))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}'}},[257,"spw-dropdown",{direction:[1],hasPadding:[4,"has-padding"],contentWidth:[2,"content-width"],open:[1540],isVisible:[32],close:[64]},void 0,{open:[{onOpenChange:0}]}]),r=n,d=function(){"undefined"!=typeof customElements&&["spw-dropdown"].forEach((t=>{"spw-dropdown"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{r as SpwDropdown,d as defineCustomElement}
+import{p as t,H as e,c as i,h as o,t as s}from"./index.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwDropdownOpen=i(this,"spwDropdownOpen",7),this.spwDropdownClose=i(this,"spwDropdownClose",7),this.direction="bottom",this.hasPadding=!0,this.contentWidth=300,this.open=!1,this.isVisible=!1,this.dropdownEl=null,this.movedContentEl=null,this.showDropdown=()=>{if(this.isVisible)return;const t=this.host.querySelector('[slot="dropdownContent"]');t&&(this.isVisible=!0,this.spwDropdownOpen.emit(),this.dropdownEl=document.createElement("div"),this.dropdownEl.className="spw-dropdown-fixed spw-dropdown-fixed--"+this.direction,this.hasPadding&&this.dropdownEl.classList.add("spw-dropdown-fixed--padded"),this.dropdownEl.setAttribute("role","menu"),this.dropdownEl.style.width=(this.contentWidth||200)+"px",this.movedContentEl=t,this.dropdownEl.appendChild(this.movedContentEl),document.body.appendChild(this.dropdownEl),requestAnimationFrame((()=>{this.positionDropdown(),this.addListeners()})))},this.hideDropdown=()=>{var t;this.isVisible&&(this.isVisible=!1,this.open=!1,this.spwDropdownClose.emit(),this.dropdownEl&&this.movedContentEl&&this.host.appendChild(this.movedContentEl),(null===(t=this.dropdownEl)||void 0===t?void 0:t.parentNode)&&this.dropdownEl.parentNode.removeChild(this.dropdownEl),this.dropdownEl=null,this.movedContentEl=null,this.removeListeners())}}async close(){this.open=!1,this.hideDropdown()}onOpenChange(t){t?this.showDropdown():this.hideDropdown()}connectedCallback(){this.handleClickOutside=this.handleClickOutside.bind(this),this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}componentDidLoad(){this.open&&this.showDropdown()}disconnectedCallback(){this.removeListeners()}addListeners(){document.addEventListener("click",this.handleClickOutside,!0),window.addEventListener("scroll",this.handleScrollOrResize,!0),window.addEventListener("resize",this.handleScrollOrResize)}removeListeners(){document.removeEventListener("click",this.handleClickOutside,!0),window.removeEventListener("scroll",this.handleScrollOrResize,!0),window.removeEventListener("resize",this.handleScrollOrResize)}handleClickOutside(t){var e;this.host.contains(t.target)||(null===(e=this.dropdownEl)||void 0===e?void 0:e.contains(t.target))||this.close()}handleScrollOrResize(){this.isVisible&&this.positionDropdown()}positionDropdown(){var t;if(!this.dropdownEl)return;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-dropdown__trigger");if(!e)return;const i=e.getBoundingClientRect(),o=this.dropdownEl;o.style.visibility="hidden",o.style.position="fixed",o.style.display="flex";const s=o.getBoundingClientRect();let n=0,r=0;switch(this.direction){case"top":n=i.top-s.height-8,r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8,r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2,r=i.left-s.width-8;break;default:n=i.top+(i.height-s.height)/2,r=i.right+8}o.style.top=n+"px",o.style.left=r+"px",o.style.zIndex="9999",o.style.visibility="visible"}render(){return o("div",{key:"83e9a1d892ed855f3d9551608e6bf039a90b7829",class:"spw-dropdown__trigger",onClick:()=>this.open=!this.open},o("slot",{key:"5bfed1101e78bd94b312751367f4b9998da53049"}))}get host(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:inline-block;line-height:1}:host([open]){--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger{cursor:pointer}.spw-dropdown__trigger:hover{--spw-dropdown-icon-color:var(--spw-color-themes-grey-grey-900)}.spw-dropdown__trigger ::slotted(spw-icon){color:var(--spw-dropdown-icon-color, inherit)}"}},[257,"spw-dropdown",{direction:[1],hasPadding:[4,"has-padding"],contentWidth:[2,"content-width"],open:[1540],isVisible:[32],close:[64]},void 0,{open:[{onOpenChange:0}]}]),r=n,d=function(){"undefined"!=typeof customElements&&["spw-dropdown"].forEach((t=>{"spw-dropdown"===t&&(customElements.get(s(t))||customElements.define(s(t),n))}))};export{r as SpwDropdown,d as defineCustomElement}

package/dist/components/spw-field-label.js

@@ -1 +1 @@
-import{S as o,d as p}from"./p-pZQnbZwX.js";const s=o,r=p;export{s as SpwFieldLabel,r as defineCustomElement}
+import{S as s,d as o}from"./p-BxRsJDtg.js";const t=s,p=o;export{t as SpwFieldLabel,p as defineCustomElement}

package/dist/components/spw-field-message.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CYC9FMY4.js";const p=o,r=s;export{p as SpwFieldMessage,r as defineCustomElement}
+import{S as o,d as s}from"./p-CDlTW4jP.js";const p=o,r=s;export{p as SpwFieldMessage,r as defineCustomElement}

package/dist/components/spw-file-upload.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as s,t as o}from"./index.js";import{a}from"./p-BBi01mKM.js";import{d as r}from"./p--N4W3bqs.js";import{d as l}from"./p-B1SCChor.js";import{d as n}from"./p-hlgutkqg.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwFileChange=i(this,"spwFileChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.error=!1,this.value=[],this.enableDropZone=!1,this.multiple=!1,this.accept="",this.refuse="",this.maxFileSize=100,this.maxFileSizeUnit="mo",this.maxFiles=1/0,this.textChooseFile="Choisir votre fichier...",this.textChooseFiles="Choisir vos fichiers...",this.textDropFile="Déposez votre fichier ici ou",this.textDropFiles="Déposez vos fichiers ici ou",this.textChooseFromComputer="choisissez sur votre ordinateur...",this.textDelete="Supprimer",this.textMaxFileSize="Taille maximale par fichier : {size} {unit}",this.textMaxFiles="{count} fichier(s) maximum",this.textAcceptedFormats="Formats autorisés : {formats}.",this.textRefusedFormats="Formats refusés : {formats}.",this.textAllFormats="Formats autorisés : tous les formats.",this.textErrorFormat="{filename} n'a pas été pris en compte car le format n'est pas autorisé.",this.textErrorSize="{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée.",this.textErrorFormatAndSize="{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée.",this.textLimitReached="Vous avez atteint la limite autorisée de fichiers.",this.textLimitExceeded="Vous ne pouvez pas télécharger plus de {count} fichier(s).",this.selectedFiles=[],this.fileTypeErrors=[],this.fileLimitErrors=[],this.isDragging=!1,this.isMaxFilesReachedExact=!1}watchValueHandler(e){e&&e.length>0?this.selectedFiles=[...e]:e&&0===e.length&&(this.selectedFiles=[])}componentWillLoad(){this.value&&this.value.length>0&&(this.selectedFiles=[...this.value]),this.maxFileSize="go"===this.maxFileSizeUnit?1024*this.maxFileSize*1024*1024:1024*this.maxFileSize*1024,this.accept&&this.refuse&&console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.')}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(e){const t=e.target,i=t.files?Array.from(t.files):[];this.processFiles(i),t.value=""}processFiles(e){this.fileTypeErrors=[],this.fileLimitErrors=[],this.isMaxFilesReachedExact=!1,this.multiple||(this.selectedFiles=[],e=e.slice(0,1));const t=e.filter((e=>{const t=this.isFileAccepted(e),i=this.isFileSizeValid(e);return t||i?t?!!i||(this.fileTypeErrors.push(this.textErrorSize.replace("{filename}",e.name)),!1):(this.fileTypeErrors.push(this.textErrorFormat.replace("{filename}",e.name)),!1):(this.fileTypeErrors.push(this.textErrorFormatAndSize.replace("{filename}",e.name)),!1)}));if(this.selectedFiles.length+t.length>=this.maxFiles){const e=this.maxFiles-this.selectedFiles.length;this.selectedFiles.length+t.length===this.maxFiles?(this.isMaxFilesReachedExact=!0,this.fileLimitErrors.push(this.textLimitReached)):(t.splice(e),this.fileLimitErrors.push(this.textLimitExceeded.replace("{count}",this.maxFiles+"")))}this.selectedFiles=[...this.selectedFiles,...t],this.spwFileChange.emit({files:this.selectedFiles}),this.updateFormValue()}isFileAccepted(e){if(this.accept&&this.refuse){const t=this.accept.split(",").map((e=>e.trim()));return t.includes(e.type)||t.some((t=>e.name.endsWith(t)))}if(this.accept){const t=this.accept.split(",").map((e=>e.trim()));return t.includes(e.type)||t.some((t=>e.name.endsWith(t)))}if(this.refuse){const t=this.refuse.split(",").map((e=>e.trim()));return!(t.includes(e.type)||t.some((t=>e.name.endsWith(t))))}return!0}isFileSizeValid(e){return e.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const e=new FormData;this.selectedFiles.forEach(((t,i)=>{e.append(`${this.name}[${i}]`,t)})),this.internals.setFormValue(e)}else this.internals.setFormValue(null)}async resetInput(){this.inputElement.value="",this.selectedFiles=[],this.fileLimitErrors=[],this.fileTypeErrors=[],this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(e){e.preventDefault(),this.disabled||!this.enableDropZone||this.isMaxFilesReached||(this.isDragging=!0)}handleDragLeave(){!this.disabled&&this.enableDropZone&&(this.isDragging=!1)}handleDrop(e){var t;if(e.preventDefault(),!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=!1;const i=(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)?Array.from(e.dataTransfer.files):[];this.processFiles(i)}}removeFile(e){this.selectedFiles=this.selectedFiles.filter(((t,i)=>i!==e)),this.fileLimitErrors=[],this.updateFormValue(),this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||this.isMaxFilesReached||(e.preventDefault(),!this.disabled&&this.inputElement.click())}get elementClass(){return{"spw-file-upload__wrapper":!0,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload__wrapper--error":this.error,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){let e,t;"go"===this.maxFileSizeUnit?(e=this.maxFileSize/1073741824,t="Go"):(e=this.maxFileSize/1048576,t="Mo");const i=[];let s=this.textMaxFileSize.replace("{size}",e+"").replace("{unit}",t);return s+=this.multiple&&this.maxFiles!==1/0?" - "+this.textMaxFiles.replace("{count}",this.maxFiles+""):".",i.push(s),i.push(this.accept&&this.refuse||this.accept?this.textAcceptedFormats.replace("{formats}",this.accept):this.refuse?this.textRefusedFormats.replace("{formats}",this.refuse):this.textAllFormats),i}render(){const e=this.multiple?this.textChooseFiles:this.textChooseFile,t=this.multiple?this.textDropFiles:this.textDropFile;return s("div",{key:"505f4f2d6aa2d442a45b5ec2d2e729a2313de04c",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"24055c9bb0f2c869419e95a817234e65eedeb46b",type:"file",ref:e=>this.inputElement=e,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},t," ",s("span",{class:"spw-file-upload__dropzone-link"},this.textChooseFromComputer)):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},e),s("div",{key:"9569626601644db17667cea3574258f4fd13837d",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"1476d60ef9abe415082cbb15ac4c0a22daebe5ac"},this.hintsMessages.map(((e,t)=>s("li",{key:t},e))))),s("div",{key:"22541db49e6bc2d632d692e4ee3a6c5ae358165b",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((e,t)=>s("li",{key:t},s("span",{class:"spw-file-upload__info-list-name"},e.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-file-upload__spacing"},a(e.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:e=>{e.preventDefault(),this.removeFile(t)}},this.textDelete)))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"0385dc3a5d5364c34b13fa1755cef60672771572",class:"spw-file-upload__errors "+(this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":"")},this.fileLimitErrors.map(((e,t)=>s("li",{key:t},s("spw-icon",{class:"spw-file-upload__spacing",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),e)))),this.fileTypeErrors.length>0&&s("ul",{key:"21940862b6d7bf95a631aa9bf2a750aecf64e934",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((e,t)=>s("li",{key:t},s("spw-icon",{class:"spw-file-upload__spacing",icon:"fa-warning"}),e))))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}'}},[65,"spw-file-upload",{disabled:[4],error:[4],name:[1],value:[16],enableDropZone:[4,"enable-drop-zone"],multiple:[4],accept:[1],refuse:[1],maxFileSize:[2,"max-file-size"],maxFileSizeUnit:[1,"max-file-size-unit"],maxFiles:[2,"max-files"],textChooseFile:[1,"text-choose-file"],textChooseFiles:[1,"text-choose-files"],textDropFile:[1,"text-drop-file"],textDropFiles:[1,"text-drop-files"],textChooseFromComputer:[1,"text-choose-from-computer"],textDelete:[1,"text-delete"],textMaxFileSize:[1,"text-max-file-size"],textMaxFiles:[1,"text-max-files"],textAcceptedFormats:[1,"text-accepted-formats"],textRefusedFormats:[1,"text-refused-formats"],textAllFormats:[1,"text-all-formats"],textErrorFormat:[1,"text-error-format"],textErrorSize:[1,"text-error-size"],textErrorFormatAndSize:[1,"text-error-format-and-size"],textLimitReached:[1,"text-limit-reached"],textLimitExceeded:[1,"text-limit-exceeded"],selectedFiles:[32],fileTypeErrors:[32],fileLimitErrors:[32],isDragging:[32],isMaxFilesReachedExact:[32],resetInput:[64]},void 0,{value:[{watchValueHandler:0}]}]),h=p,d=function(){"undefined"!=typeof customElements&&["spw-file-upload","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-file-upload":customElements.get(o(e))||customElements.define(o(e),p);break;case"spw-button":customElements.get(o(e))||r();break;case"spw-icon":customElements.get(o(e))||l();break;case"spw-loading":customElements.get(o(e))||n()}}))};export{h as SpwFileUpload,d as defineCustomElement}
+import{p as e,H as t,c as i,h as s,t as o}from"./index.js";import{a}from"./p-BBi01mKM.js";import{d as r}from"./p-zC_WKoBo.js";import{d as l}from"./p-DiO72wMf.js";import{d as n}from"./p-B1EwYspq.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwFileChange=i(this,"spwFileChange",7),this.internals=this.attachInternals(),this.disabled=!1,this.error=!1,this.value=[],this.enableDropZone=!1,this.multiple=!1,this.accept="",this.refuse="",this.maxFileSize=100,this.maxFileSizeUnit="mo",this.maxFiles=1/0,this.textChooseFile="Choisir votre fichier...",this.textChooseFiles="Choisir vos fichiers...",this.textDropFile="Déposez votre fichier ici ou",this.textDropFiles="Déposez vos fichiers ici ou",this.textChooseFromComputer="choisissez sur votre ordinateur...",this.textDelete="Supprimer",this.textMaxFileSize="Taille maximale par fichier : {size} {unit}",this.textMaxFiles="{count} fichier(s) maximum",this.textAcceptedFormats="Formats autorisés : {formats}.",this.textRefusedFormats="Formats refusés : {formats}.",this.textAllFormats="Formats autorisés : tous les formats.",this.textErrorFormat="{filename} n'a pas été pris en compte car le format n'est pas autorisé.",this.textErrorSize="{filename} n'a pas été pris en compte car il dépasse la taille maximale autorisée.",this.textErrorFormatAndSize="{filename} n'a pas été pris en compte car le format n'est pas autorisé et la limite de poids est dépassée.",this.textLimitReached="Vous avez atteint la limite autorisée de fichiers.",this.textLimitExceeded="Vous ne pouvez pas télécharger plus de {count} fichier(s).",this.selectedFiles=[],this.fileTypeErrors=[],this.fileLimitErrors=[],this.isDragging=!1,this.isMaxFilesReachedExact=!1}watchValueHandler(e){e&&e.length>0?this.selectedFiles=[...e]:e&&0===e.length&&(this.selectedFiles=[])}componentWillLoad(){this.value&&this.value.length>0&&(this.selectedFiles=[...this.value]),this.maxFileSize="go"===this.maxFileSizeUnit?1024*this.maxFileSize*1024*1024:1024*this.maxFileSize*1024,this.accept&&this.refuse&&console.warn('spw-file-upload: Vous ne pouvez pas utiliser "accept" et "refuse" en même temps. Seul "accept" sera pris en compte.')}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(e){const t=e.target,i=t.files?Array.from(t.files):[];this.processFiles(i),t.value=""}processFiles(e){this.fileTypeErrors=[],this.fileLimitErrors=[],this.isMaxFilesReachedExact=!1,this.multiple||(this.selectedFiles=[],e=e.slice(0,1));const t=e.filter((e=>{const t=this.isFileAccepted(e),i=this.isFileSizeValid(e);return t||i?t?!!i||(this.fileTypeErrors.push(this.textErrorSize.replace("{filename}",e.name)),!1):(this.fileTypeErrors.push(this.textErrorFormat.replace("{filename}",e.name)),!1):(this.fileTypeErrors.push(this.textErrorFormatAndSize.replace("{filename}",e.name)),!1)}));if(this.selectedFiles.length+t.length>=this.maxFiles){const e=this.maxFiles-this.selectedFiles.length;this.selectedFiles.length+t.length===this.maxFiles?(this.isMaxFilesReachedExact=!0,this.fileLimitErrors.push(this.textLimitReached)):(t.splice(e),this.fileLimitErrors.push(this.textLimitExceeded.replace("{count}",this.maxFiles+"")))}this.selectedFiles=[...this.selectedFiles,...t],this.spwFileChange.emit({files:this.selectedFiles}),this.updateFormValue()}isFileAccepted(e){if(this.accept&&this.refuse){const t=this.accept.split(",").map((e=>e.trim()));return t.includes(e.type)||t.some((t=>e.name.endsWith(t)))}if(this.accept){const t=this.accept.split(",").map((e=>e.trim()));return t.includes(e.type)||t.some((t=>e.name.endsWith(t)))}if(this.refuse){const t=this.refuse.split(",").map((e=>e.trim()));return!(t.includes(e.type)||t.some((t=>e.name.endsWith(t))))}return!0}isFileSizeValid(e){return e.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const e=new FormData;this.selectedFiles.forEach(((t,i)=>{e.append(`${this.name}[${i}]`,t)})),this.internals.setFormValue(e)}else this.internals.setFormValue(null)}async resetInput(){this.inputElement.value="",this.selectedFiles=[],this.fileLimitErrors=[],this.fileTypeErrors=[],this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(e){e.preventDefault(),this.disabled||!this.enableDropZone||this.isMaxFilesReached||(this.isDragging=!0)}handleDragLeave(){!this.disabled&&this.enableDropZone&&(this.isDragging=!1)}handleDrop(e){var t;if(e.preventDefault(),!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=!1;const i=(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)?Array.from(e.dataTransfer.files):[];this.processFiles(i)}}removeFile(e){this.selectedFiles=this.selectedFiles.filter(((t,i)=>i!==e)),this.fileLimitErrors=[],this.updateFormValue(),this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||this.isMaxFilesReached||(e.preventDefault(),!this.disabled&&this.inputElement.click())}get elementClass(){return{"spw-file-upload__wrapper":!0,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload__wrapper--error":this.error,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){let e,t;"go"===this.maxFileSizeUnit?(e=this.maxFileSize/1073741824,t="Go"):(e=this.maxFileSize/1048576,t="Mo");const i=[];let s=this.textMaxFileSize.replace("{size}",e+"").replace("{unit}",t);return s+=this.multiple&&this.maxFiles!==1/0?" - "+this.textMaxFiles.replace("{count}",this.maxFiles+""):".",i.push(s),i.push(this.accept&&this.refuse||this.accept?this.textAcceptedFormats.replace("{formats}",this.accept):this.refuse?this.textRefusedFormats.replace("{formats}",this.refuse):this.textAllFormats),i}render(){const e=this.multiple?this.textChooseFiles:this.textChooseFile,t=this.multiple?this.textDropFiles:this.textDropFile;return s("div",{key:"119fcdb457be0960d4e09962ff69b13fd62ae107",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"bc5ff74a94e3c017f8a420b839d7fd2e68fa778b",type:"file",ref:e=>this.inputElement=e,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},t," ",s("span",{class:"spw-file-upload__dropzone-link"},this.textChooseFromComputer)):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},e),s("div",{key:"049a263dbc1122e7c0d2d42d2db472f2b08c0ee6",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"970ebda1d832282f39d1c8fd7ce06cbca535d208"},this.hintsMessages.map(((e,t)=>s("li",{key:t},e))))),s("div",{key:"6ad016fe3698c91c45a3ff80dd755d5da8b21fde",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((e,t)=>s("li",{key:t},s("span",{class:"spw-file-upload__info-list-name"},e.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-file-upload__spacing"},a(e.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:e=>{e.preventDefault(),this.removeFile(t)}},this.textDelete)))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"99e425da348f4e1d334f04548c1acabc63a1d94b",class:"spw-file-upload__errors "+(this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":"")},this.fileLimitErrors.map(((e,t)=>s("li",{key:t},s("spw-icon",{class:"spw-file-upload__spacing",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),e)))),this.fileTypeErrors.length>0&&s("ul",{key:"5fa327feeb9f5f1a6fa064024fd18fd663ce4a72",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((e,t)=>s("li",{key:t},s("spw-icon",{class:"spw-file-upload__spacing",icon:"fa-warning"}),e))))))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{watchValueHandler:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}"}},[65,"spw-file-upload",{disabled:[4],error:[4],name:[1],value:[16],enableDropZone:[4,"enable-drop-zone"],multiple:[4],accept:[1],refuse:[1],maxFileSize:[2,"max-file-size"],maxFileSizeUnit:[1,"max-file-size-unit"],maxFiles:[2,"max-files"],textChooseFile:[1,"text-choose-file"],textChooseFiles:[1,"text-choose-files"],textDropFile:[1,"text-drop-file"],textDropFiles:[1,"text-drop-files"],textChooseFromComputer:[1,"text-choose-from-computer"],textDelete:[1,"text-delete"],textMaxFileSize:[1,"text-max-file-size"],textMaxFiles:[1,"text-max-files"],textAcceptedFormats:[1,"text-accepted-formats"],textRefusedFormats:[1,"text-refused-formats"],textAllFormats:[1,"text-all-formats"],textErrorFormat:[1,"text-error-format"],textErrorSize:[1,"text-error-size"],textErrorFormatAndSize:[1,"text-error-format-and-size"],textLimitReached:[1,"text-limit-reached"],textLimitExceeded:[1,"text-limit-exceeded"],selectedFiles:[32],fileTypeErrors:[32],fileLimitErrors:[32],isDragging:[32],isMaxFilesReachedExact:[32],resetInput:[64]},void 0,{value:[{watchValueHandler:0}]}]),d=p,h=function(){"undefined"!=typeof customElements&&["spw-file-upload","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-file-upload":customElements.get(o(e))||customElements.define(o(e),p);break;case"spw-button":customElements.get(o(e))||r();break;case"spw-icon":customElements.get(o(e))||l();break;case"spw-loading":customElements.get(o(e))||n()}}))};export{d as SpwFileUpload,h as defineCustomElement}