@ds-autonomie/web-components 2.20.0 → 2.21.1

package/cdn/chunks/{chunk.2FAAI4ZJ.js → chunk.HYQVCAH7.js}

@@ -1,4 +1,4 @@
-import{a as U}from"./chunk.ZMRIQCNQ.js";import{a as k}from"./chunk.DBXX64Q4.js";import{a as P}from"./chunk.4XCZGVYA.js";import{a as f}from"./chunk.EFB2SY45.js";import{a as K}from"./chunk.CUYQOZPJ.js";import{a as _}from"./chunk.67UP3FZD.js";import{e as T,f as u,h as l,i as N}from"./chunk.IFSGAJQ4.js";import{a as L}from"./chunk.LYLTFAFC.js";import{a as D}from"./chunk.KLRPP4NQ.js";import{a as y,c as v}from"./chunk.HHVNQNCC.js";import{a as b,c as $}from"./chunk.TV2TMO2H.js";import{c as I}from"./chunk.LBAIMDY3.js";import{b as m}from"./chunk.QTD6NQFL.js";import{a}from"./chunk.2RF4WD6T.js";import{d as g}from"./chunk.ZBHHLRFH.js";import{a as z}from"./chunk.BWEPOOQP.js";import{a as V,b as d,c as B,d as p}from"./chunk.KBZ32KWP.js";import{a as c}from"./chunk.GP725TPQ.js";import{a as O,b as x,f as s}from"./chunk.IZ2HVRME.js";var i=class extends k{constructor(){super(...arguments);this.localize=new I(this);this.isDatepickerOpen=!1;this.hideCalendarButton=!1;this.range=!1;this.hoist=!1}get valueAsDate(){var t;return this.range?null:(t=this.inputStart)==null?void 0:t.valueAsDate}set valueAsDate(t){if(!this.range){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}}get valueAsNumber(){return this.range?NaN:this.inputStart.valueAsNumber}set valueAsNumber(t){this.range||(this.inputStart.valueAsNumber=t,this.value=this.inputStart.value)}get validity(){let t=this.inputStart.validity;if(this.range){let e=this.inputEnd.validity;return{badInput:t.badInput||e.badInput,customError:t.customError||e.customError,patternMismatch:t.patternMismatch||e.patternMismatch,rangeOverflow:t.rangeOverflow||e.rangeOverflow,rangeUnderflow:t.rangeUnderflow||e.rangeUnderflow,stepMismatch:t.stepMismatch||e.stepMismatch,tooLong:t.tooLong||e.tooLong,tooShort:t.tooShort||e.tooShort,typeMismatch:t.typeMismatch||e.typeMismatch,valid:t.valid&&e.valid,valueMissing:t.valueMissing||e.valueMissing}}else return t}get validationMessage(){var t;return`${this.inputStart.validationMessage}${(t=this.inputEnd)==null?void 0:t.validationMessage}`}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.shouldDisableDate=this.shouldDisableDate.bind(this)}async firstUpdated(){await this.updateComplete,this.datepickerButton&&m(this.datepickerButton.button,"aria-expanded","false"),this.formControlController.updateValidity()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleSelectedDate(t){let{detail:e}=t;(!this.range||e.dates.length!==1)&&(this.value=e.dates.map(r=>T(r)).join(","),this.hideDatepicker(),await this.updateComplete,this.emit("dsa-change"))}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleInputClick(t){!this.disabled&&t.currentTarget===t.target&&this.focus()}handleDefaultKeyDown(t){this.isDatepickerOpen&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.hideDatepicker()),this.isDatepickerOpen&&t.key==="Tab"&&setTimeout(()=>{var n,h;let o=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(h=(n=document.activeElement)==null?void 0:n.shadowRoot)==null?void 0:h.activeElement:document.activeElement;(!this||(o==null?void 0:o.closest(this.tagName.toLowerCase()))!==this)&&this.hideDatepicker()});let r=t.composedPath().some(o=>o===this.datepickerButton);if(r&&(t.key==="Enter"||t.key===" ")){if(t.preventDefault(),!this.isDatepickerOpen){this.showDatepicker();return}r&&this.hideDatepicker()}}handleDateFieldKeydown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handleChange(){let t="",e="";t=this.inputStart.value,this.range?(e=this.inputEnd.value,this.value=N(t,e)):this.value=t,this.formControlController.updateValidity()}handleDateFieldFocus(){setTimeout(()=>{this.hasFocus=!0})}handleDateFieldBlur(){this.hasFocus=!1}getFullDateFromISO(t){return u(t).toLocaleDateString(this.lang||this.localize.lang(),{year:"numeric",month:"long",day:"numeric"})}getDescriptionText(t){let e=typeof this.errorMessage=="string"?this.errorMessage:this.errorMessage.join(", "),r="";if(this.value!=="")if(t==="calendarButton"&&this.range){let n=l(this.value)[0],h=l(this.value)[1];r=`${this.localize.term("selectedDates")}${this.getFullDateFromISO(n)} - ${this.getFullDateFromISO(h)}`}else{let n="";t==="end"?n=l(this.value)[1]:n=this.range?l(this.value)[0]:this.value,r=`${this.localize.term("selectedDate")}${this.getFullDateFromISO(n)}`}return[...e.length>0&&this.error?[e]:[],...this.value?[r]:[],...this.helpText?[this.helpText]:[],...this.description?[this.description]:[]].join(", ")}shouldDisableDate(t){var o,n;let e=typeof this.min=="string"&&t<u(this.min),r=typeof this.max=="string"&&t>u(this.max);return e||r||((n=(o=this.disableDate)==null?void 0:o.call(this,t))!=null?n:!1)}updateInputsValidity(){if(this.disableDate!==void 0){let t=this.inputStart.value;if(this.disableDate(u(t))?this.inputStart.setCustomValidity(this.disabledDateError||this.localize.term(this.range?"invalidStartDate":"invalidDate")):this.inputStart.setCustomValidity(""),this.range){let e=this.inputEnd.value;this.disableDate(u(e))?this.inputEnd.setCustomValidity(this.disabledDateError||this.localize.term("invalidEndDate")):this.inputEnd.setCustomValidity("")}}}async handleOpenChange(){if(this.isDatepickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await v(this),this.popup.active=!0,m(this.datepickerButton.button,"aria-expanded","true");let{keyframes:t,options:e}=$(this,"date-popup.show",{dir:this.localize.dir()});await y(this.popup.popup,t,e),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await v(this),this.popup.active=!1,m(this.datepickerButton.button,"aria-expanded","false"),this.datepickerButton.focus({preventScroll:!0});let{keyframes:t,options:e}=$(this,"date-popup.hide",{dir:this.localize.dir()});await y(this.popup.popup,t,e),this.emit("dsa-after-hide")}}async showDatepicker(){if(this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!0,await D(this,"dsa-after-show")}async hideDatepicker(){if(!this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!1,await D(this,"dsa-after-hide")}async getUpdateComplete(){let t=await super.getUpdateComplete();return await Promise.allSettled([this.inputStart.updateComplete,...this.range?[this.inputEnd.updateComplete]:[]]),t}handleLabelClick(){this.focus()}focus(t){this.inputStart.focus(t)}blur(){var t,e;this.inputStart.blur(),(t=this.inputEnd)==null||t.blur(),(e=this.datepickerButton)==null||e.blur()}stepUp(t){this.inputStart.stepUp(t),this.handleChange()}stepDown(t){this.inputStart.stepDown(t),this.handleChange()}checkValidity(){var t;return this.updateInputsValidity(),this.inputStart.checkValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.checkValidity()))}reportValidity(){var t;return this.updateInputsValidity(),this.inputStart.reportValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.reportValidity()))}setCustomValidity(t){this.inputStart.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var o,n,h,w,C,S,F,E,M;let t=this.hasSlotController.test("prefix"),e=this.clearable&&!this.disabled&&!this.readonly,r=e&&(typeof this.value=="number"||this.value.length>0);return c`
+import{a as U}from"./chunk.HLXIBAA3.js";import{a as k}from"./chunk.DYFOZ46Z.js";import{a as P}from"./chunk.5BVWK6K3.js";import{a as K}from"./chunk.PAYML2WU.js";import{a as f}from"./chunk.2TZ4LFPJ.js";import{a as _}from"./chunk.ONUDFMLG.js";import{c as T,d as u,f as l,g as N}from"./chunk.NHMFB7ET.js";import{a as L}from"./chunk.2FPBPQUJ.js";import{a as D}from"./chunk.KLRPP4NQ.js";import{a as y,c as v}from"./chunk.HHVNQNCC.js";import{a as b,c as $}from"./chunk.TV2TMO2H.js";import{c as I}from"./chunk.Q54GPNUS.js";import{b as m}from"./chunk.QTD6NQFL.js";import{a}from"./chunk.2RF4WD6T.js";import{d as g}from"./chunk.ZBHHLRFH.js";import{a as z}from"./chunk.BWEPOOQP.js";import{a as V,b as d,c as B,d as p}from"./chunk.KBZ32KWP.js";import{a as c}from"./chunk.GP725TPQ.js";import{a as O,b as x,f as s}from"./chunk.IZ2HVRME.js";var i=class extends k{constructor(){super(...arguments);this.localize=new I(this);this.isDatepickerOpen=!1;this.hideCalendarButton=!1;this.range=!1;this.hoist=!1}get valueAsDate(){var t;return this.range?null:(t=this.inputStart)==null?void 0:t.valueAsDate}set valueAsDate(t){if(!this.range){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}}get valueAsNumber(){return this.range?NaN:this.inputStart.valueAsNumber}set valueAsNumber(t){this.range||(this.inputStart.valueAsNumber=t,this.value=this.inputStart.value)}get validity(){let t=this.inputStart.validity;if(this.range){let e=this.inputEnd.validity;return{badInput:t.badInput||e.badInput,customError:t.customError||e.customError,patternMismatch:t.patternMismatch||e.patternMismatch,rangeOverflow:t.rangeOverflow||e.rangeOverflow,rangeUnderflow:t.rangeUnderflow||e.rangeUnderflow,stepMismatch:t.stepMismatch||e.stepMismatch,tooLong:t.tooLong||e.tooLong,tooShort:t.tooShort||e.tooShort,typeMismatch:t.typeMismatch||e.typeMismatch,valid:t.valid&&e.valid,valueMissing:t.valueMissing||e.valueMissing}}else return t}get validationMessage(){var t;return`${this.inputStart.validationMessage}${(t=this.inputEnd)==null?void 0:t.validationMessage}`}connectedCallback(){super.connectedCallback(),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.shouldDisableDate=this.shouldDisableDate.bind(this)}async firstUpdated(){await this.updateComplete,this.datepickerButton&&m(this.datepickerButton.button,"aria-expanded","false"),this.formControlController.updateValidity()}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleSelectedDate(t){let{detail:e}=t;(!this.range||e.dates.length!==1)&&(this.value=e.dates.map(r=>T(r)).join(","),this.hideDatepicker(),await this.updateComplete,this.emit("dsa-change"))}handleDocumentFocusIn(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleDocumentMouseDown(t){let e=t.composedPath();this&&!e.includes(this)&&this.hideDatepicker()}handleInputClick(t){!this.disabled&&t.currentTarget===t.target&&this.focus()}handleDefaultKeyDown(t){this.isDatepickerOpen&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.hideDatepicker()),this.isDatepickerOpen&&t.key==="Tab"&&setTimeout(()=>{var n,h;let o=(this==null?void 0:this.getRootNode())instanceof ShadowRoot?(h=(n=document.activeElement)==null?void 0:n.shadowRoot)==null?void 0:h.activeElement:document.activeElement;(!this||(o==null?void 0:o.closest(this.tagName.toLowerCase()))!==this)&&this.hideDatepicker()});let r=t.composedPath().some(o=>o===this.datepickerButton);if(r&&(t.key==="Enter"||t.key===" ")){if(t.preventDefault(),!this.isDatepickerOpen){this.showDatepicker();return}r&&this.hideDatepicker()}}handleDateFieldKeydown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handleChange(){let t="",e="";t=this.inputStart.value,this.range?(e=this.inputEnd.value,this.value=N(t,e)):this.value=t,this.formControlController.updateValidity()}handleDateFieldFocus(){setTimeout(()=>{this.hasFocus=!0})}handleDateFieldBlur(){this.hasFocus=!1}getFullDateFromISO(t){return u(t).toLocaleDateString(this.lang||this.localize.lang(),{year:"numeric",month:"long",day:"numeric"})}getDescriptionText(t){let e=typeof this.errorMessage=="string"?this.errorMessage:this.errorMessage.join(", "),r="";if(this.value!=="")if(t==="calendarButton"&&this.range){let n=l(this.value)[0],h=l(this.value)[1];r=`${this.localize.term("selectedDates")}${this.getFullDateFromISO(n)} - ${this.getFullDateFromISO(h)}`}else{let n="";t==="end"?n=l(this.value)[1]:n=this.range?l(this.value)[0]:this.value,r=`${this.localize.term("selectedDate")}${this.getFullDateFromISO(n)}`}return[...e.length>0&&this.error?[e]:[],...this.value?[r]:[],...this.helpText?[this.helpText]:[],...this.description?[this.description]:[]].join(", ")}shouldDisableDate(t){var o,n;let e=typeof this.min=="string"&&t<u(this.min),r=typeof this.max=="string"&&t>u(this.max);return e||r||((n=(o=this.disableDate)==null?void 0:o.call(this,t))!=null?n:!1)}updateInputsValidity(){if(this.disableDate!==void 0){let t=this.inputStart.value;if(this.disableDate(u(t))?this.inputStart.setCustomValidity(this.disabledDateError||this.localize.term(this.range?"invalidStartDate":"invalidDate")):this.inputStart.setCustomValidity(""),this.range){let e=this.inputEnd.value;this.disableDate(u(e))?this.inputEnd.setCustomValidity(this.disabledDateError||this.localize.term("invalidEndDate")):this.inputEnd.setCustomValidity("")}}}async handleOpenChange(){if(this.isDatepickerOpen){this.emit("dsa-show"),this.addOpenListeners(),await v(this),this.popup.active=!0,m(this.datepickerButton.button,"aria-expanded","true");let{keyframes:t,options:e}=$(this,"date-popup.show",{dir:this.localize.dir()});await y(this.popup.popup,t,e),this.emit("dsa-after-show")}else{this.emit("dsa-hide"),this.removeOpenListeners(),await v(this),this.popup.active=!1,m(this.datepickerButton.button,"aria-expanded","false"),this.datepickerButton.focus({preventScroll:!0});let{keyframes:t,options:e}=$(this,"date-popup.hide",{dir:this.localize.dir()});await y(this.popup.popup,t,e),this.emit("dsa-after-hide")}}async showDatepicker(){if(this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!0,await D(this,"dsa-after-show")}async hideDatepicker(){if(!this.isDatepickerOpen){this.isDatepickerOpen=!1;return}return this.isDatepickerOpen=!1,await D(this,"dsa-after-hide")}async getUpdateComplete(){let t=await super.getUpdateComplete();return await Promise.allSettled([this.inputStart.updateComplete,...this.range?[this.inputEnd.updateComplete]:[]]),t}handleLabelClick(){this.focus()}focus(t){this.inputStart.focus(t)}blur(){var t,e;this.inputStart.blur(),(t=this.inputEnd)==null||t.blur(),(e=this.datepickerButton)==null||e.blur()}stepUp(t){this.inputStart.stepUp(t),this.handleChange()}stepDown(t){this.inputStart.stepDown(t),this.handleChange()}checkValidity(){var t;return this.updateInputsValidity(),this.inputStart.checkValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.checkValidity()))}reportValidity(){var t;return this.updateInputsValidity(),this.inputStart.reportValidity()&&(!this.range||((t=this.inputEnd)==null?void 0:t.reportValidity()))}setCustomValidity(t){this.inputStart.setCustomValidity(t),this.formControlController.updateValidity()}renderInput(){var o,n,h,w,C,S,F,E,M;let t=this.hasSlotController.test("prefix"),e=this.clearable&&!this.disabled&&!this.readonly,r=e&&(typeof this.value=="number"||this.value.length>0);return c`
       <div
         part="base"
         class=${g({input:!0,"input--date":!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--error":this.error,"input--success":this.success&&!this.error,"input--on-layer":this.variant==="layer","input--on-base":this.variant==="base","input--disabled":this.disabled,"input--readonly":this.readonly,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-calendar":this.hideCalendarButton,"form-control--has-prefix-icon":t})}