@spw-ds/spw-stencil-library 1.14.0 → 1.14.2

package/dist/components/spw-custom-select.js

@@ -1 +1 @@
-import{p as s,H as t,c as e,h as i,t as o}from"./index.js";import{d as c}from"./p-CUBYPgR-.js";import{d as r}from"./p-C-SfAoHb.js";import{d as n}from"./p-DaQA1Uox.js";import{d as l}from"./p-BFQBddHX.js";import{d as a}from"./p-CCD4GNGP.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.valueChanged=e(this,"valueChanged",7),this.optionCreated=e(this,"optionCreated",7),this.optionRemoved=e(this,"optionRemoved",7),this.internals=this.attachInternals(),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=s=>{s.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=s=>{var t,e;if(this.isOpen){const i=s.composedPath(),o=i[0],c=this.host.contains(o),r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const s=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(s&&s.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const s=this.selectContainer.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":s.bottom+200>t&&s.top>200?"up":"down",this.dropdownPosition={top:s.bottom,left:s.left,width:s.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(s){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var s,t;const e=null===(s=this.host)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input");e?e.focus():null===(t=this.selectContainer)||void 0===t||t.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(s){this.multiple?(this.internalValue=Array.isArray(s)?s:[s],this.value=this.internalValue):(this.internalValue=s,this.value=s),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const s=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!s}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let s=this.hostElement;for(;s;){if(s instanceof t&&s.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return s;if(s.parentElement)s=s.parentElement;else{const t=s.getRootNode();if(!(t instanceof ShadowRoot))break;s=t.host}}return null}findScrollContainerInShadowRoot(s){const t=s.shadowRoot;if(!t)return null;const e=t.querySelectorAll("*");let i=null,o=-1;for(const s of Array.from(e)){const e=s,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=s;for(;r&&r!==t;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const s=this.findParentComponent();s&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(s),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(s){try{this.parsedOptions=Array.isArray(s)?s.map((s=>({value:s.value,label:s.label,disabled:s.disabled||!1}))):[],this.updateSelectedOption()}catch(s){this.parsedOptions=[]}}valueChangedHandler(s){this.internalValue=this.multiple?Array.isArray(s)?s:[s]:s,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((s=>this.parsedOptions.some((t=>t.value+""==s+"")))).sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))):this.focusedOptionIndex=this.parsedOptions.findIndex((s=>s.value+""==this.internalValue+""))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>s+"")).join(","):null:this.internalValue?this.internalValue+"":null}toggleDropdown(s){if(!this.disabled){if(s){if(s.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;s.stopPropagation()}this.determineDropdownDirection();const t=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!t&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const s=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(s)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}slugify(s){return this.normalizeString(s).replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")}addCreatedOption(s){const t=s.trim();if(!t)return;const e=this.slugify(t),i={label:t,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(s,t){if(t.stopPropagation(),this.multiple){const t=this.internalValue.findIndex((t=>t+""==s.value+""));t>-1&&(this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else this.internalValue+""==s.value+""&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((t=>t.value+""!=s.value+"")),this.optionRemoved.emit(s)}handleClear(s){s.stopPropagation(),this.resetSelect()}selectOption(s,t){t&&t.stopPropagation();const e=this.parsedOptions.find((t=>t.value+""==s+""));if(!(null==e?void 0:e.disabled)){if(this.multiple){const t=this.internalValue.findIndex((t=>t+""==s+""));this.internalValue=t>-1?[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]:[...this.internalValue,s],this.internalValue=this.internalValue.sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))}else this.internalValue=s,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(s,t){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectOption(t))}handleKeyDown(s){var t,e;if(!s.target.classList.contains("spw-custom-select__search-input"))switch(s.key){case" ":s.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(t=this.parsedOptions[s])||void 0===t?void 0:t.disabled)&&s!==this.focusedOptionIndex;)s=(s+1)%this.parsedOptions.length;this.focusedOptionIndex=s}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[s])||void 0===e?void 0:e.disabled)&&s!==this.focusedOptionIndex;)s=(s-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=s}break;case"Enter":s.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const s=this.showCreateButton();return{"spw-custom-select":!0,["spw-custom-select--"+this.size]:!0,["spw-custom-select--"+this.dropdownDirection]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":s}}normalizeString(s){return s.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>{var t;return null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label})).filter(Boolean).join(", "):null;{const s=this.parsedOptions.find((s=>s.value+""==this.internalValue+""));return s?s.label:null}}getFilteredOptions(){const s=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(s)))}handleSearchInput(s){this.searchText=s.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const s=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((t=>this.normalizeString(t.label)===s))}render(){const s=this.getFilteredOptions(),t=this.showPlaceholder(),e=this.showCreateButton();return i("div",{key:"4bb22979651b6946dd66fc9844f205e59d0a5411",class:this.elementClass,ref:s=>this.host=s},this.label&&i("spw-field-label",{key:"4d9c26597da16ec05bc8aee0c2a03413ea17ff50",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"85594d2693007a09d2d1b70b9f5bc61056548ee2",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"53fe8200e2e8ec025c9148bb76a4bd7418068513",class:"spw-custom-select__wrapper"},i("div",{key:"79b757cffef9f53eb738d2e11aee592e63211841",class:"spw-custom-select__container",id:this.name,ref:s=>this.selectContainer=s,onClick:s=>this.toggleDropdown(s),onKeyDown:s=>this.handleKeyDown(s),tabindex:this.disabled?-1:0},i("div",{key:"c502d3c270203b548990cfab7d45394557314334",class:"spw-custom-select__selected"},this.isSearchVisible()&&i("div",{key:"9134c7f87988d3f0efb6c8095646bb6a1ca8ebd0",class:"spw-custom-select__search"},i("input",{key:"0a5b873ac75d71f480e1209184fa0e63552632b9",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:s=>this.handleSearchInput(s),value:this.searchText}),e&&this.isOpen&&this.hasSelectedValue&&i("button",{key:"7ecf48c56ddb8a7918a38b37b0dbfb47994fc0af",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"078c09832bcce6f476a83be55bc54e4cd19223bc",icon:"fa-plus"}))),t&&i("span",{key:"29e59d519f39c3dcafe60a169b2a01adee8904f7"},this.placeholder),this.multiple&&this.internalValue.length>0&&i("div",{key:"205e9ebc3bf531b76fc0abdbb760c214a08b6623",class:"spw-custom-select__selected-items"},this.internalValue.map((s=>{var t;return i("span",{class:"spw-custom-select__selected-item"},null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label,i("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(s,t)}))}))),!this.multiple&&i("span",{key:"67eb1e59a69443c63cfe030421a45dd9ed98d626"},this.getSelectedLabels()))),i("div",{key:"d36ae8e7dbcbdf5d3895482bf94ce352ccb2deb2",class:"spw-custom-select__icons"},e&&!(this.isOpen&&this.hasSelectedValue)&&i("button",{key:"d5ab27383e5915b3a6a23e2a4c233e37b56bdcda",class:"spw-custom-select__create-btn",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"00e486f257d3576fe5a481320685c0f73ac76b43",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&i("span",{key:"522cc58133eebfc86d8f64ab549905f4d7dc85ea",class:"spw-custom-select__clear",onClick:s=>this.handleClear(s)},i("spw-icon",{key:"4afc256de08bae62efde4d0903a2fa2de4438d89",icon:"fa-xmark"})),i("div",{key:"ae0fb99288bad447c52288df66afdcf042c139d8",class:"spw-custom-select__arrow"},i("spw-icon",{key:"2166910463c05b09b845eab799fbb13b63bcc06f",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&i("div",{key:"2331976d5867174852a1394987bf6bdf8545a3f2",class:{"spw-custom-select__options":!0,["spw-custom-select__options--"+this.dropdownDirection]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:this.dropdownPosition.top+"px",left:this.dropdownPosition.left+"px",width:this.dropdownPosition.width+"px"}:{}},i("div",{key:"43dd9a1b026ff6aac3a4d309e4f4e950156566ef",class:"spw-custom-select__options-list"},!!s.length&&i("ul",{key:"dc42399871b8b4286a440a9c5da7c618301ca330"},s.map(((s,t)=>i("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>t+""==s.value+"")):s.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex,"spw-custom-select__option--disabled":s.disabled,"spw-custom-select__option--created":!!s.created},onClick:()=>this.selectOption(s.value)},this.multiple&&i("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,s.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((t=>t+""==s.value+"")),disabled:s.disabled}),s.label,s.created&&i("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:t=>this.removeCreatedOption(s,t)}))))),!s.length&&i("p",{key:"16b8fc9d36f71937588d8f57ddf593380766a5a8",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&i("div",{key:"c273c08ab20c4d80b26045fba0bc8abca5564851",class:"spw-custom-select__options-footer"},i("slot",{key:"f54f6b94a36cc064f8820a6892cfb02b05e039b1",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged: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}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-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}"}},[321,"spw-custom-select",{value:[1544],label:[1],placeholder:[1],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],disabled:[4],name:[1],required:[4],items:[16],size:[1],multiple:[4],isSearch:[4,"is-search"],assistiveText:[1,"assistive-text"],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"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],fixedDropdown:[4,"fixed-dropdown"],fixedDropdownParent:[1,"fixed-dropdown-parent"],isClear:[4,"is-clear"],direction:[1],allowCreate:[4,"allow-create"],internalValue:[32],isOpen:[32],parsedOptions:[32],focusedOptionIndex:[32],searchText:[32],hasSlottedFooter:[32],dropdownDirection:[32],hasSelectedValue:[32],dropdownPosition:[32],setFocus:[64],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}]),h=p,d=function(){"undefined"!=typeof customElements&&["spw-custom-select","spw-checkbox","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((s=>{switch(s){case"spw-custom-select":customElements.get(o(s))||customElements.define(o(s),p);break;case"spw-checkbox":customElements.get(o(s))||c();break;case"spw-field-label":customElements.get(o(s))||r();break;case"spw-field-message":customElements.get(o(s))||n();break;case"spw-icon":customElements.get(o(s))||l();break;case"spw-tooltip":customElements.get(o(s))||a()}}))};export{h as SpwCustomSelect,d as defineCustomElement}
+import{p as s,H as t,c as e,h as i,t as o}from"./index.js";import{d as c}from"./p-eaT1pNxG.js";import{d as r}from"./p-DYJNpZeH.js";import{d as n}from"./p-UzhhGIpr.js";import{d as l}from"./p-D25JsirJ.js";import{d as a}from"./p-BPhSJ6Z9.js";const p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.valueChanged=e(this,"valueChanged",7),this.optionCreated=e(this,"optionCreated",7),this.optionRemoved=e(this,"optionRemoved",7),this.internals=this.attachInternals(),this.parentScrollContainer=null,this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.hasSlottedFooter=!1,this.dropdownDirection="down",this.hasSelectedValue=!1,this.dropdownPosition={top:0,left:0,width:0},this.value=[],this.label="",this.placeholder="Sélectionnez une option",this.searchPlaceholder="Entrez votre recherche",this.noResultsText="Aucun résultat trouvé",this.required=!1,this.size="medium",this.multiple=!1,this.isSearch=!1,this.error="",this.hint="",this.success="",this.warning="",this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=s=>{s.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=s=>{var t,e;if(this.isOpen){const i=s.composedPath(),o=i[0],c=this.host.contains(o),r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input"),n=null==r?void 0:r.contains(o),l=this.hostElement.querySelector('[slot="footer"]'),a=!!l&&i.includes(l);if(!c&&!n&&!a){if(this.multiple){const s=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(s&&s.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const s=this.selectContainer.getBoundingClientRect(),t=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":s.bottom+200>t&&s.top>200?"up":"down",this.dropdownPosition={top:s.bottom,left:s.left,width:s.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(s){this.internalValue=[]}else this.internalValue=Array.isArray(this.value)?this.value:[];else this.internalValue=this.value;this.defaultValue=this.internalValue,this.items&&this.parseOptions(this.items),this.updateSelectedOption()}async setFocus(){var s,t;const e=null===(s=this.host)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input");e?e.focus():null===(t=this.selectContainer)||void 0===t||t.focus()}async resetSelect(){this.multiple?(this.internalValue=[],this.value=[]):(this.internalValue="",this.value=""),this.searchText="",this.focusedOptionIndex=null,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async setValue(s){this.multiple?(this.internalValue=Array.isArray(s)?s:[s],this.value=this.internalValue):(this.internalValue=s,this.value=s),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}async getValue(){return this.internalValue}formResetCallback(){this.setValue(this.defaultValue)}componentDidLoad(){this.internals.setFormValue(this.getFormValue());const s=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!s}connectedCallback(){document.addEventListener("click",this.handleClickOutside,!0),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.addEventListener("scroll",this.updateDropdownPosition,!0),window.addEventListener("resize",this.updateDropdownPosition)}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside,!0),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),window.removeEventListener("scroll",this.updateDropdownPosition,!0),window.removeEventListener("resize",this.updateDropdownPosition),this.cleanupParentScrollListener(),this.isOpen=!1}findParentComponent(){if(!this.fixedDropdownParent)return null;let s=this.hostElement;for(;s;){if(s instanceof t&&s.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return s;if(s.parentElement)s=s.parentElement;else{const t=s.getRootNode();if(!(t instanceof ShadowRoot))break;s=t.host}}return null}findScrollContainerInShadowRoot(s){const t=s.shadowRoot;if(!t)return null;const e=t.querySelectorAll("*");let i=null,o=-1;for(const s of Array.from(e)){const e=s,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=s;for(;r&&r!==t;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const s=this.findParentComponent();s&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(s),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(s){try{this.parsedOptions=Array.isArray(s)?s.map((s=>({value:s.value,label:s.label,disabled:s.disabled||!1}))):[],this.updateSelectedOption()}catch(s){this.parsedOptions=[]}}valueChangedHandler(s){this.internalValue=this.multiple?Array.isArray(s)?s:[s]:s,this.updateSelectedOption(),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}updateSelectedOption(){this.internals.setFormValue(this.getFormValue()),this.multiple||void 0===this.internalValue?this.multiple&&Array.isArray(this.internalValue)&&(this.internalValue=this.internalValue.filter((s=>this.parsedOptions.some((t=>t.value+""==s+"")))).sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))):this.focusedOptionIndex=this.parsedOptions.findIndex((s=>s.value+""==this.internalValue+""))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:!!this.internalValue}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>s+"")).join(","):null:this.internalValue?this.internalValue+"":null}toggleDropdown(s){if(!this.disabled){if(s){if(s.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;s.stopPropagation()}this.determineDropdownDirection();const t=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!t&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const s=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(s)}determineDropdownDirection(){this.updateDropdownPosition()}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.ensureParentScrollListener(),this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}addCreatedOption(s){const t=s.trim();if(!t)return;const e=t,i={label:t,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(s,t){if(t.stopPropagation(),this.multiple){const t=this.internalValue.findIndex((t=>t+""==s.value+""));t>-1&&(this.internalValue=[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else this.internalValue+""==s.value+""&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((t=>t.value+""!=s.value+"")),this.optionRemoved.emit(s)}handleClear(s){s.stopPropagation(),this.resetSelect()}selectOption(s,t){t&&t.stopPropagation();const e=this.parsedOptions.find((t=>t.value+""==s+""));if(!(null==e?void 0:e.disabled)){if(this.multiple){const t=this.internalValue.findIndex((t=>t+""==s+""));this.internalValue=t>-1?[...this.internalValue.slice(0,t),...this.internalValue.slice(t+1)]:[...this.internalValue,s],this.internalValue=this.internalValue.sort(((s,t)=>this.parsedOptions.findIndex((t=>t.value+""==s+""))-this.parsedOptions.findIndex((s=>s.value+""==t+""))))}else this.internalValue=s,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(s,t){"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectOption(t))}handleKeyDown(s){var t,e;if(!s.target.classList.contains("spw-custom-select__search-input"))switch(s.key){case" ":s.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(t=this.parsedOptions[s])||void 0===t?void 0:t.disabled)&&s!==this.focusedOptionIndex;)s=(s+1)%this.parsedOptions.length;this.focusedOptionIndex=s}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(s.preventDefault(),this.isOpen){let s=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[s])||void 0===e?void 0:e.disabled)&&s!==this.focusedOptionIndex;)s=(s-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=s}break;case"Enter":s.preventDefault(),this.isOpen&&null!==this.focusedOptionIndex&&this.selectOption(this.parsedOptions[this.focusedOptionIndex].value);break;case"Escape":this.isOpen&&this.closeDropdown()}}renderErrorMessage(){if(this.error)return i("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return i("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return i("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return i("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){const s=this.showCreateButton();return{"spw-custom-select":!0,["spw-custom-select--"+this.size]:!0,["spw-custom-select--"+this.dropdownDirection]:!0,"spw-custom-select--is-error":!!this.error,"spw-custom-select--disabled":this.disabled,"spw-custom-select--is-opened":this.isOpen,"spw-custom-select--has-value":this.hasSelectedValue,"spw-custom-select--no-value":!this.hasSelectedValue,"spw-custom-select--is-searchable":this.isSearch,"spw-custom-select--not-searchable":!this.isSearch,"spw-custom-select--is-clear":this.isClear&&(this.hasSelectedValue||!!this.searchText),"spw-custom-select--show-create":s}}normalizeString(s){return s.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((s=>{var t;return null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label})).filter(Boolean).join(", "):null;{const s=this.parsedOptions.find((s=>s.value+""==this.internalValue+""));return s?s.label:null}}getFilteredOptions(){const s=this.normalizeString(this.searchText);return this.parsedOptions.filter((t=>this.normalizeString(t.label).includes(s)))}handleSearchInput(s){this.searchText=s.target.value,this.focusedOptionIndex=0,this.isOpen||(this.isOpen=!0,this.ensureParentScrollListener(),this.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}showCreateButton(){if(!this.allowCreate||!this.isSearch||!this.searchText.trim())return!1;const s=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((t=>this.normalizeString(t.label)===s))}render(){const s=this.getFilteredOptions(),t=this.showPlaceholder(),e=this.showCreateButton();return i("div",{key:"889b30c9db5212a26bff8c0397367cbcbd4ecc22",class:this.elementClass,ref:s=>this.host=s},this.label&&i("spw-field-label",{key:"291861e63f7bf923b11e403e5687d263473c26e3",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),this.assistiveText&&i("spw-field-message",{key:"74629ba1c29ed7cd0008dcf43da37148f60d9252",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"f55c1c7e9eb783270c44bc62ef3c377ff4ba7e07",class:"spw-custom-select__wrapper"},i("div",{key:"12a95215cb5e4a8fb2c80543ec6f74c99cc618af",class:"spw-custom-select__container",id:this.name,ref:s=>this.selectContainer=s,onClick:s=>this.toggleDropdown(s),onKeyDown:s=>this.handleKeyDown(s),tabindex:this.disabled?-1:0},i("div",{key:"89ce6a3800eba2154cba3006471d47c2b252f46a",class:"spw-custom-select__selected"},this.isSearchVisible()&&i("div",{key:"9b510469932bf3839c36af933893ab6bf73294cd",class:"spw-custom-select__search"},i("input",{key:"030fb1ebdeeb66a2d9f54066742b39aaffba0cca",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:s=>this.handleSearchInput(s),value:this.searchText}),e&&this.isOpen&&this.hasSelectedValue&&i("button",{key:"b8ccca1e5d7e9a9f00b6c8acf7591397bf986493",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"e673746e38ab65e1a5f087a3ac954b138310fff1",icon:"fa-plus"}))),t&&i("span",{key:"92e60a4c8c62dc1a3e83964d912e0719c0650844"},this.placeholder),this.multiple&&this.internalValue.length>0&&i("div",{key:"bbefa52f46c725c5d0980bcb62146ba57f0244ae",class:"spw-custom-select__selected-items"},this.internalValue.map((s=>{var t;return i("span",{class:"spw-custom-select__selected-item"},null===(t=this.parsedOptions.find((t=>t.value+""==s+"")))||void 0===t?void 0:t.label,i("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:t=>this.selectOption(s,t)}))}))),!this.multiple&&i("span",{key:"2ed86a218e588621de5b5c760591279e6c6b6548"},this.getSelectedLabels()))),i("div",{key:"b8867f08b591a97b13bf3d8dcc7dc7f338b958ee",class:"spw-custom-select__icons"},e&&!(this.isOpen&&this.hasSelectedValue)&&i("button",{key:"fb411d34c7cee66519409f67a4a3457ec1d8583e",class:"spw-custom-select__create-btn",type:"button",onMouseDown:s=>{s.preventDefault(),s.stopPropagation(),this.addCreatedOption(this.searchText)}},i("spw-icon",{key:"39089d0968d5a71ae971f14d38528aba9e56d6d9",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&i("span",{key:"dfb1382a851ad2ffcce146ca851f19b20439e86d",class:"spw-custom-select__clear",onClick:s=>this.handleClear(s)},i("spw-icon",{key:"5fff7bfaa8ba404111953a88f2d1ac414cae974d",icon:"fa-xmark"})),i("div",{key:"feff32c6321d92ee3b1220402d7fe06840749a99",class:"spw-custom-select__arrow"},i("spw-icon",{key:"f645bc641b5fb9be5f891530b85fba06c40cd90b",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&i("div",{key:"f14b016f2211a7361d5fa3d9601fa9aff340ec75",class:{"spw-custom-select__options":!0,["spw-custom-select__options--"+this.dropdownDirection]:!0,"spw-custom-select__options--fixed":this.fixedDropdown},style:this.fixedDropdown?{position:"fixed",top:this.dropdownPosition.top+"px",left:this.dropdownPosition.left+"px",width:this.dropdownPosition.width+"px"}:{}},i("div",{key:"2fc25d6abe2b4f38674a2a2d359a9f8eb648900e",class:"spw-custom-select__options-list"},!!s.length&&i("ul",{key:"a8de21701bcb5b435e55e809231a97dc9fe5c7b6"},s.map(((s,t)=>i("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((t=>t+""==s.value+"")):s.value===this.internalValue,"spw-custom-select__option--focused":t===this.focusedOptionIndex,"spw-custom-select__option--disabled":s.disabled,"spw-custom-select__option--created":!!s.created},onClick:()=>this.selectOption(s.value)},this.multiple&&i("spw-checkbox",{onKeyDown:t=>this.handleOptionKeyDown(t,s.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((t=>t+""==s.value+"")),disabled:s.disabled}),s.label,s.created&&i("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:t=>this.removeCreatedOption(s,t)}))))),!s.length&&i("p",{key:"7c6835989fb07aba19e5b1f723ab9a18f47aa258",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&i("div",{key:"4390581f828c6e39715a27306203d78664d165d3",class:"spw-custom-select__options-footer"},i("slot",{key:"64855f45ae683a31c02ef04cc9432eb031b83d37",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return this}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged: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}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-custom-select{position:relative}.spw-custom-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-custom-select__checkbox{margin-right:8px}.spw-custom-select__container{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;line-height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff}.spw-custom-select__container:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-custom-select__container:focus-within,.spw-custom-select__container:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-custom-select--disabled .spw-custom-select__container{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-custom-select--disabled .spw-custom-select__container::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-custom-select--disabled .spw-custom-select__container:hover,.spw-custom-select--disabled .spw-custom-select__container:focus,.spw-custom-select--disabled .spw-custom-select__container:focus-visible{outline:none}.spw-custom-select--is-error .spw-custom-select__container{border-color:var(--spw-colors-states-error-error-300)}.spw-custom-select--large .spw-custom-select__container{height:60px;padding:0 24px;line-height:60px}.spw-custom-select--is-opened .spw-custom-select__container{height:auto;line-height:1;min-height:40px}.spw-custom-select--is-opened.spw-custom-select--down .spw-custom-select__container{border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select--is-opened.spw-custom-select--up .spw-custom-select__container{border-radius:0 0 4px 4px;border-top-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.spw-custom-select__selected span{white-space:nowrap}.spw-custom-select--is-clear .spw-custom-select__selected{padding-right:58px}.spw-custom-select__selected-item{display:inline-flex;align-items:center;gap:6px;color:var(--spw-color-themes-grey-grey-900);border:1px solid var(--spw-color-themes-grey-grey-900);background:var(--spw-color-themes-grey-grey-200);line-height:24px;height:24px;padding:0 8px;margin:4px 6px 2px 0;border-radius:999px;font-size:14px;user-select:none}.spw-custom-select__selected-items{flex:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.spw-custom-select--is-opened .spw-custom-select__selected-items{padding-top:3px;padding-bottom:4px;overflow:visible;text-overflow:initial;text-wrap:initial}.spw-custom-select__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;pointer-events:none;transform:translateY(-50%);z-index:12}.spw-custom-select--large .spw-custom-select__icons{right:24px}.spw-custom-select__clear{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:auto;cursor:pointer;padding:2px;font-size:16px;transition:all 0.2s ease-in}.spw-custom-select__clear:hover{color:var(--spw-ds-primary)}.spw-custom-select__arrow{font-size:16px;color:var(--spw-color-themes-grey-grey-900);pointer-events:none}.spw-custom-select__wrapper{position:relative}.spw-custom-select--is-opened .spw-custom-select__search{position:absolute;top:0;left:0;z-index:11;width:100%;margin-top:1px;display:flex;align-items:center}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:100%;margin-top:-3px;padding:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background:white}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:-100%;margin-top:-7px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);background:transparent;text-overflow:ellipsis}.spw-custom-select--is-clear .spw-custom-select__search-input{width:calc(100% - 58px)}.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 66px)}.spw-custom-select--is-clear.spw-custom-select--show-create .spw-custom-select__search-input{width:calc(100% - 94px)}.spw-custom-select__search-input:focus{outline:none}.spw-custom-select--is-opened .spw-custom-select__search-input{border-left:1px solid var(--spw-color-themes-grey-grey-800);padding:0 12px}.spw-custom-select--is-opened.spw-custom-select--has-value .spw-custom-select__search-input{border:1px solid var(--spw-color-themes-grey-grey-800);flex:1;width:auto;border-radius:3px}.spw-custom-select__create-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;padding-top:2px;width:28px;line-height:28px;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:100px;background:#fff;cursor:pointer;color:var(--spw-color-themes-grey-grey-900);font-size:14px;pointer-events:auto;transition:background 0.15s ease, border-color 0.15s ease}.spw-custom-select__create-btn:hover{background:var(--spw-color-themes-grey-grey-200);border-color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__create-btn:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px black}.spw-custom-select__create-btn--big{width:38px;height:38px;border-radius:4px;margin-left:4px;padding-top:0}.spw-custom-select__options{background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;overflow:hidden;z-index:9999;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.spw-custom-select__options:not(.spw-custom-select__options--fixed){position:absolute;top:100%;left:0;width:100%;margin-top:-1px}.spw-custom-select__options--up:not(.spw-custom-select__options--fixed){top:0;transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:0}.spw-custom-select__options--fixed.spw-custom-select__options--down{transform:translateY(0)}.spw-custom-select__options--fixed.spw-custom-select__options--up{transform:translateY(-100%);border-radius:4px 4px 0 0;margin-top:-40px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options--fixed{margin-top:-86px}.spw-custom-select--down.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:44px}.spw-custom-select--up.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options:not(.spw-custom-select__options--fixed){margin-top:-46px}.spw-custom-select__options-list{max-height:200px;overflow-y:auto}.spw-custom-select__options-list::-webkit-scrollbar{width:14px;height:14px}.spw-custom-select__options-list::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-custom-select__options-list::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-custom-select__options-list{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-custom-select__options-footer{border-top:1px solid var(--spw-color-themes-grey-grey-900);padding:8px;background-color:#fff}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{display:flex;align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-900);padding:12px;cursor:pointer}.spw-custom-select__option:hover{background-color:var(--spw-color-themes-grey-grey-200)}.spw-custom-select__option:last-child{border-bottom:none}.spw-custom-select__option--selected{font-weight:700}.spw-custom-select__option--disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.spw-custom-select__option--disabled:hover{background-color:transparent}.spw-custom-select__option--created{justify-content:space-between}.spw-custom-select__option-remove{padding-left:4px;margin-left:auto;flex-shrink:0;font-size:14px;color:var(--spw-color-themes-grey-grey-600);transition:color 0.15s ease}.spw-custom-select__option-remove:hover{color:var(--spw-color-themes-grey-grey-900)}.spw-custom-select__error{display:block;font-size:12px;color:var(--spw-color-themes-grey-grey-600);margin-top:8px}.spw-custom-select__option--focused{background-color:var(--spw-color-themes-grey-grey-300)}"}},[321,"spw-custom-select",{value:[1544],label:[1],placeholder:[1],searchPlaceholder:[1,"search-placeholder"],noResultsText:[1,"no-results-text"],disabled:[4],name:[1],required:[4],items:[16],size:[1],multiple:[4],isSearch:[4,"is-search"],assistiveText:[1,"assistive-text"],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"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],fixedDropdown:[4,"fixed-dropdown"],fixedDropdownParent:[1,"fixed-dropdown-parent"],isClear:[4,"is-clear"],direction:[1],allowCreate:[4,"allow-create"],internalValue:[32],isOpen:[32],parsedOptions:[32],focusedOptionIndex:[32],searchText:[32],hasSlottedFooter:[32],dropdownDirection:[32],hasSelectedValue:[32],dropdownPosition:[32],setFocus:[64],resetSelect:[64],setValue:[64],getValue:[64]},void 0,{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}]),h=p,d=function(){"undefined"!=typeof customElements&&["spw-custom-select","spw-checkbox","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((s=>{switch(s){case"spw-custom-select":customElements.get(o(s))||customElements.define(o(s),p);break;case"spw-checkbox":customElements.get(o(s))||c();break;case"spw-field-label":customElements.get(o(s))||r();break;case"spw-field-message":customElements.get(o(s))||n();break;case"spw-icon":customElements.get(o(s))||l();break;case"spw-tooltip":customElements.get(o(s))||a()}}))};export{h as SpwCustomSelect,d as defineCustomElement}

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-C-SfAoHb.js";import{d}from"./p-DaQA1Uox.js";import{d as c}from"./p-BFQBddHX.js";import{d as l}from"./p-CCD4GNGP.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,A=E&&!d,C=A?"":N.getDate(),T=_===h[0]||_===h[1],I=b!==w,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===b&&w&&I&&(O+=" qs-range-start"),+N>b&&+N<w&&(O+=" qs-range-middle"),+N===w&&b&&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 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 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 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: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;w||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&&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:"532d487da5196336bc86cfa98eb2b0cf4812fdfa"},s("div",{key:"bd0182c0dc06cf9a5ea846513bee1960c4a6b567",class:{"spw-date-picker":!0,"spw-date-picker--is-clear":this.isClearIconVisible}},this.label&&s("spw-field-label",{key:"aa8311ff9e5d1214a8b83613b01dd0fe75981542",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:"ddf1fee6b4ac1e18c8bc6ddf433dcb58d07bfb87",class:"spw-date-picker__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"8445c6f924ce87b0a630b55d15bcf439f7ae208b",class:"spw-date-picker__input-container"},s("input",{key:"2dccede48303f05eba9fa4f37cb179f6dd8eda65",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:"0d2a94739a90dce420005bab0639cadb29444939",class:"spw-date-picker__icons"},this.isClearIconVisible&&s("span",{key:"37b50fb2c43d2ca1be2a39b7ce9dc65e84b1b69c",class:"spw-date-picker__clear",onClick:this.handleClear},s("spw-icon",{key:"4668571785391971ff209c46bf74f71306487f28",class:"spw-date-picker__icon spw-date-picker__icon--clear",icon:"fa-xmark"})),s("span",{key:"14714c220f11d9b223a69354725bddbe36eed30a",class:"spw-date-picker__calendar-trigger",onMouseDown:this.handleCalendarIconMouseDown,onClick:this.handleCalendarIconClick},s("spw-icon",{key:"67ccce624a7aed6324d48be9d3ed7c0adbf2cedf",icon:"fa-calendar",variant:"fa-regular",class:"spw-date-picker__icon spw-date-picker__icon--calendar"})))),this.error&&s("spw-field-message",{key:"7d138427f2e0a4c9863a3f041006cb0113caf038",variant:"error",showIcon:this.showErrorIcon},this.error),this.hint&&s("spw-field-message",{key:"fd3265202be2901f1ad32e8343cfd2193366d201",variant:"hint",showIcon:this.showHintIcon},this.hint),this.success&&s("spw-field-message",{key:"085721c834bf6adfbd45ff15d3bdaaf1b4af72fb",variant:"success",showIcon:this.showSuccessIcon},this.success),this.warning&&s("spw-field-message",{key:"4222fb895d724619a4be4faad50d884ef571e1c9",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}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}]}]),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-DYJNpZeH.js";import{d}from"./p-UzhhGIpr.js";import{d as c}from"./p-D25JsirJ.js";import{d as l}from"./p-BPhSJ6Z9.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,A=E&&!d,I=A?"":N.getDate(),T=_===h[0]||_===h[1],C=b!==w,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===b&&w&&C&&(O+=" qs-range-start"),+N>b&&+N<w&&(O+=" qs-range-middle"),+N===w&&b&&C&&(O+=" qs-range-end"),A&&(O+=" qs-empty",I=""),k.push('<div class="'+O+'" data-direction="'+j+'">'+I+"</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 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 I=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,I.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 I(this,t,!0)}function A(t){return I(this,t)}function I(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 C(){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:C,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=_,I=M.minDate||z.minDate,R=M.maxDate||z.maxDate;z.sibling=M,M.sibling=z,M.minDate=I,M.maxDate=R,z.minDate=I,z.maxDate=R,M.originalMinDate=I,M.originalMaxDate=R,z.originalMinDate=I,z.originalMaxDate=R,M.getRange=T,z.getRange=T}c.dateSelected&&f(p,_);var P=getComputedStyle(q).position;w||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&&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:"532d487da5196336bc86cfa98eb2b0cf4812fdfa"},s("div",{key:"bd0182c0dc06cf9a5ea846513bee1960c4a6b567",class:{"spw-date-picker":!0,"spw-date-picker--is-clear":this.isClearIconVisible}},this.label&&s("spw-field-label",{key:"aa8311ff9e5d1214a8b83613b01dd0fe75981542",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:"ddf1fee6b4ac1e18c8bc6ddf433dcb58d07bfb87",class:"spw-date-picker__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"8445c6f924ce87b0a630b55d15bcf439f7ae208b",class:"spw-date-picker__input-container"},s("input",{key:"2dccede48303f05eba9fa4f37cb179f6dd8eda65",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:"0d2a94739a90dce420005bab0639cadb29444939",class:"spw-date-picker__icons"},this.isClearIconVisible&&s("span",{key:"37b50fb2c43d2ca1be2a39b7ce9dc65e84b1b69c",class:"spw-date-picker__clear",onClick:this.handleClear},s("spw-icon",{key:"4668571785391971ff209c46bf74f71306487f28",class:"spw-date-picker__icon spw-date-picker__icon--clear",icon:"fa-xmark"})),s("span",{key:"14714c220f11d9b223a69354725bddbe36eed30a",class:"spw-date-picker__calendar-trigger",onMouseDown:this.handleCalendarIconMouseDown,onClick:this.handleCalendarIconClick},s("spw-icon",{key:"67ccce624a7aed6324d48be9d3ed7c0adbf2cedf",icon:"fa-calendar",variant:"fa-regular",class:"spw-date-picker__icon spw-date-picker__icon--calendar"})))),this.error&&s("spw-field-message",{key:"7d138427f2e0a4c9863a3f041006cb0113caf038",variant:"error",showIcon:this.showErrorIcon},this.error),this.hint&&s("spw-field-message",{key:"fd3265202be2901f1ad32e8343cfd2193366d201",variant:"hint",showIcon:this.showHintIcon},this.hint),this.success&&s("spw-field-message",{key:"085721c834bf6adfbd45ff15d3bdaaf1b4af72fb",variant:"success",showIcon:this.showSuccessIcon},this.success),this.warning&&s("spw-field-message",{key:"4222fb895d724619a4be4faad50d884ef571e1c9",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}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}]}]),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}

package/dist/components/spw-drawer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwDrawer extends Components.SpwDrawer, HTMLElement {}
+export const SpwDrawer: {
+    prototype: SpwDrawer;
+    new (): SpwDrawer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-drawer.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as s,h as r,a as i,t as a}from"./index.js";import{q as o,i as n,a as d}from"./p-Hi4pwfHU.js";import{a as p}from"./p-BRFNx2DL.js";import{d as l}from"./p-D25JsirJ.js";import{d as w}from"./p-BIUq0sDZ.js";const c={left:{open:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(-100%)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(0)"}],close:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(0)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(-100%)"}]},right:{open:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(100%)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(0)"}],close:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(0)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateX(100%)"}]},top:{open:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(-100%)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(0)"}],close:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(0)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(-100%)"}]},bottom:{open:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(100%)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(0)"}],close:[{offset:0,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(0)"},{offset:1,easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)",transform:"translateY(100%)"}]}},h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwDrawerOpen=s(this,"spwDrawerOpen",7),this.spwDrawerClose=s(this,"spwDrawerClose",7),this.opened=!1,this.showDrawer=this.opened||!1,this.caption="Titre du drawer",this.closeButtonText="Fermer",this.closeOnOverlayClick=!0,this.position="right",this.size="medium",this.showCloseButton=!0,this.showCaption=!0,this.modal=!0,this.slotFooterPresent=!1,this.focusableElements=[],this.handleTriggerClick=e=>{const s=e.composedPath().find((e=>{var s;return e instanceof t&&(null===(s=e.hasAttribute)||void 0===s?void 0:s.call(e,"data-drawer-trigger"))}));s&&s.getAttribute("data-drawer-trigger")===this.hostElement.id&&(this.opened=!0)},this.handleCloseAttribute=e=>{const s=e.composedPath().find((e=>{var s;return e instanceof t&&(null===(s=e.hasAttribute)||void 0===s?void 0:s.call(e,"data-drawer-close"))}));s&&s.getAttribute("data-drawer-close")===this.hostElement.id&&(this.opened=!1)},this.handleKeypress=e=>{this.showDrawer&&"Escape"===e.key&&this.doBeforeClose("ESCAPE_KEY")},this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())}}async openDrawer(){this.opened=!0}async closeDrawer(){this.doBeforeClose("PROGRAMMATIC")}componentDidLoad(){this.focusableElements=o(this.hostElement.shadowRoot,(e=>d(e)||e.matches("[data-focus-trap-edge]")),n),window.addEventListener("click",this.handleTriggerClick,{capture:!0}),window.addEventListener("click",this.handleCloseAttribute,{capture:!0}),window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleTriggerClick),window.removeEventListener("click",this.handleCloseAttribute),window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}attemptFocus(e){null!=e?setTimeout((()=>{e.focus()}),0):setTimeout((()=>{var e;null===(e=this.closeButtonEl)||void 0===e||e.focus()}))}getSiblings(){const e=this.hostElement.parentElement;return e?Array.from(e.children).filter((e=>e!==this.hostElement)):[]}setInert(e){this.getSiblings().forEach((t=>{e?t.setAttribute("inert",""):t.removeAttribute("inert")}))}open(){this.showDrawer=!0,this.setInert(!0),requestAnimationFrame((()=>{this.drawerContent&&(this.drawerContent.scrollTop=0)}));try{p(this.drawerPanel,c[this.position].open,{duration:250}).addEventListener("finish",(()=>{this.attemptFocus(this.getFirstFocusableElement()),this.spwDrawerOpen.emit()}))}catch(e){this.attemptFocus(this.getFirstFocusableElement()),this.spwDrawerOpen.emit()}}close(){this.setInert(!1);try{p(this.drawerPanel,c[this.position].close,{duration:250}).addEventListener("finish",(()=>{this.showDrawer=!1,this.spwDrawerClose.emit()}))}catch(e){this.showDrawer=!1,this.spwDrawerClose.emit()}}openedChanged(e){!0===e?this.open():this.close()}handleOverlayClick(){this.closeOnOverlayClick&&this.doBeforeClose("BACKDROP")}doBeforeClose(e){const t=[];t.push(e),t.some((e=>e.defaultPrevented))||(this.opened=!1)}get containerClass(){return{"spw-drawer":!0,"spw-drawer--opened":this.showDrawer,["spw-drawer--"+this.position]:!0}}get panelClass(){return{"spw-drawer__panel":!0,["spw-drawer__panel--"+this.size]:!0,["spw-drawer__panel--"+this.position]:!0}}render(){return r(i,{key:"1884a1b336c6eb2d225277379c005daf7530be6f"},r("div",{key:"95a7e553242502ad92d70d468cfd69738b27d950",class:this.containerClass},this.modal&&r("div",{key:"68ad5a5c2406036e36a3c22819e7e946dc9abfb9",class:"spw-drawer__overlay",onClick:()=>this.handleOverlayClick()}),r("div",{key:"f3631ae7ddcfd2eeae47f92973d54fea7d2dfc31",ref:e=>this.drawerPanel=e,class:this.panelClass,role:"dialog","aria-modal":"true","aria-label":this.caption},r("div",{key:"3da8046661146882ae1322258dec72d68ba10377",class:"spw-drawer__header"},this.showCaption&&r("h2",{key:"f4a555d0408adb2febc9c30e3d09ac633f7a24e2",class:"spw-drawer__caption"},this.caption),this.showCloseButton&&r("div",{key:"d707889f78f1c13f342771a47f9817bdc852f559",class:"spw-drawer__close-button",ref:e=>this.closeButtonEl=e,tabindex:"0",role:"button",onClick:()=>this.doBeforeClose("CLOSE_BUTTON"),onKeyDown:e=>("Enter"===e.key||" "===e.key)&&this.doBeforeClose("CLOSE_BUTTON")},r("spw-link",{key:"e64251421e038ecbd06e13b18b95e4c2eb91209e","icon-position":"right",icon:"fa-xmark"},this.closeButtonText))),r("div",{key:"d6ae0d5c001a0955f102db7d05f44fcfccd8e852",class:"spw-drawer__body",ref:e=>this.drawerContent=e},r("slot",{key:"c504f66f8bdf8201cd89add6d2be6564cf463def",name:"content"})),r("div",{key:"c48a0840f77d49aa32d509fe8cb5d664019bf323",class:{"spw-drawer__footer":!0,"spw-drawer__footer--present":this.slotFooterPresent}},r("slot",{key:"dd720c1c5d968a07028bc847ec3f2237fbf6a63c",name:"footer",onSlotchange:e=>{this.slotFooterPresent=e.target.assignedNodes({flatten:!0}).length>0}}))),r("div",{key:"7b5c33d211b0555de269c69da4a4136d631ba624","data-focus-trap-edge":!0,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return this}static get watchers(){return{opened:[{openedChanged: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}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:contents;--spw-drawer-width-small:360px;--spw-drawer-width-medium:480px;--spw-drawer-width-large:600px;--spw-drawer-height-small:200px;--spw-drawer-height-medium:360px;--spw-drawer-height-large:520px}.spw-drawer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;pointer-events:none}.spw-drawer--opened{display:block}.spw-drawer__overlay,.spw-drawer__panel{pointer-events:auto}.spw-drawer__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.7;z-index:0}.spw-drawer__panel{position:absolute;display:flex;flex-direction:column;background-color:#fff;box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;z-index:1;overflow:hidden}.spw-drawer__panel--left{top:0;left:0;height:100%;max-width:100%}.spw-drawer__panel--left.spw-drawer__panel--small{width:var(--spw-drawer-width-small)}.spw-drawer__panel--left.spw-drawer__panel--medium{width:var(--spw-drawer-width-medium)}.spw-drawer__panel--left.spw-drawer__panel--large{width:var(--spw-drawer-width-large)}.spw-drawer__panel--left.spw-drawer__panel--full{width:100%}.spw-drawer__panel--right{top:0;right:0;height:100%;max-width:100%}.spw-drawer__panel--right.spw-drawer__panel--small{width:var(--spw-drawer-width-small)}.spw-drawer__panel--right.spw-drawer__panel--medium{width:var(--spw-drawer-width-medium)}.spw-drawer__panel--right.spw-drawer__panel--large{width:var(--spw-drawer-width-large)}.spw-drawer__panel--right.spw-drawer__panel--full{width:100%}.spw-drawer__panel--top{top:0;left:0;width:100%;height:auto;max-height:100%}.spw-drawer__panel--bottom{bottom:0;left:0;width:100%;height:auto;max-height:100%}.spw-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;gap:12px;flex-shrink:0;border-bottom:1px solid var(--spw-color-themes-grey-grey-300);box-sizing:border-box}.spw-drawer__caption{margin:0;font-size:18px;color:var(--spw-colors-support-grey-grey-900);overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.spw-drawer__close-button{cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;font-size:14px;background:white;padding:3px 6px}.spw-drawer__close-button:focus-visible{outline:3px solid black;outline-offset:2px}.spw-drawer__close-button spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-wrap:nowrap}.spw-drawer__body{flex:1;overflow-y:auto;padding:24px;box-sizing:border-box;font-size:16px;color:var(--spw-colors-support-grey-grey-700)}.spw-drawer__body::-webkit-scrollbar{width:14px;height:14px}.spw-drawer__body::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-drawer__body::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-drawer__body{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-drawer__footer{flex-shrink:0}.spw-drawer__footer--present{border-top:1px solid var(--spw-color-themes-grey-grey-300)}.spw-drawer__footer--present ::slotted(*){display:flex;justify-content:flex-end;gap:12px;padding:16px 24px}"}},[257,"spw-drawer",{opened:[1540],caption:[1],closeButtonText:[1,"close-button-text"],closeOnOverlayClick:[4,"close-on-overlay-click"],position:[1],size:[1],showCloseButton:[4,"show-close-button"],showCaption:[4,"show-caption"],modal:[4],showDrawer:[32],slotFooterPresent:[32],openDrawer:[64],closeDrawer:[64]},void 0,{opened:[{openedChanged:0}]}]),f=h,b=function(){"undefined"!=typeof customElements&&["spw-drawer","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-drawer":customElements.get(a(e))||customElements.define(a(e),h);break;case"spw-icon":customElements.get(a(e))||l();break;case"spw-link":customElements.get(a(e))||w()}}))};export{f as SpwDrawer,b 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:"79dc2cc099719ae4705b6b17fa914f137145bbf4"},n("div",{key:"e91b67898f25f782a67681a03c5a7ab6c2ed58a1",class:"spw-dropdown-container"},n("slot",{key:"c3ddaa4ae9f44d5e90cd1e26d93297935910be85"})))}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}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:"48d874f662c7ecf665c4fd8e0bd8b426e7289c87"},n("div",{key:"0cc824dad665cb14da6b12e3b24090ff315cf0fe",class:"spw-dropdown-container"},n("slot",{key:"f8a4c2f3e66128a94deda7b5f00a15949299d8f2"})))}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}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-BFQBddHX.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:"64d51205ea8e220d8d3d22c6163ffae1def82892"},o(this.href&&!this.disabled?"a":"div",{key:"5cfb7b0bd5d57228f49efb175bfa01c2b1678c8c",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":void 0,onClick:this.handleItemClick},this.icon&&o("div",{key:"b397503e12d41f4b3f339d73aa014942ee94b70e",class:"spw-dropdown-item__icon"},o("spw-icon",{key:"0545ea4d6f163007279e315bbb0fd80c6f5e22a2",variant:this.iconVariant,icon:this.icon})),o("div",{key:"eff42c92481ce24a1807f7eb97ce0df4092b3310",class:"spw-dropdown-item__content"},o("div",{key:"8735e69e60341295fdb844af88704ce040aa0cd8",class:"spw-dropdown-item__label"},o("slot",{key:"8f186c331628491298a61ca203e1ef1d9f80825e"})),this.hasSubItems&&o("div",{key:"91c60f4dd34200d5e575a7cec98e6f690c6195ef",class:e,onClick:this.handleToggleSubItems},o("spw-icon",{key:"c563396ee0b6e27f81be1466f2d9c7b8f03b9c70",icon:"fa-chevron-down"})))),this.hasSubItems&&o("div",{key:"41325cd7b9755084a80ed15ebb7e505a1d5ca0a0",class:"spw-dropdown-item__sub-items",style:{display:this.subItemsOpen?"block":"none"}},o("slot",{key:"927d7b7b3b9206ea64a4b930d3f91d76d49128e1",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}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}
+import{p as e,H as t,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-D25JsirJ.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)},this.handleItemKeyDown=e=>{var t;this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.hasSubItems&&!this.href?this.subItemsOpen=!this.subItemsOpen:this.href&&(null===(t=this.el.querySelector("a"))||void 0===t||t.click()))}}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 i(o,{key:"77c0018164181046d760a1b6442e7428683043a3"},i(this.href&&!this.disabled?"a":"div",{key:"bbfce979bcd7984df8e98322200d41ad646a3929",class:this.classes,href:this.href,"aria-disabled":this.disabled?"true":void 0,role:"menuitem",tabindex:this.disabled?-1:0,onClick:this.handleItemClick,onKeyDown:this.handleItemKeyDown},this.icon&&i("div",{key:"66bfddabf7f2b4cbeb47374ab20b36af04c6ba36",class:"spw-dropdown-item__icon"},i("spw-icon",{key:"ab7379b23b55ee580f172c9753de20f293fba609",variant:this.iconVariant,icon:this.icon})),i("div",{key:"8c00965f636f69b33bbc9a70e7226e2ca3a46b05",class:"spw-dropdown-item__content"},i("div",{key:"d3fcee523706d6d17485c41f08a7a60ebbbf0016",class:"spw-dropdown-item__label"},i("slot",{key:"4b5f86480f72daa0a73b4464bb81674b914f9c7f"})),this.hasSubItems&&i("div",{key:"feab6bd1e1b716f9e67539dee9e10044e2bf56ca",class:e,onClick:this.handleToggleSubItems},i("spw-icon",{key:"3b09c91ff1625cf4c7057035f9462cdeda451a57",icon:"fa-chevron-down"})))),this.hasSubItems&&i("div",{key:"151bd6199199c1ecb99a8c757e4a963020229c3b",class:"spw-dropdown-item__sub-items",style:{display:this.subItemsOpen?"block":"none"}},i("slot",{key:"369f2b8c03221c05a42d4ad24df5cddb66f0421f",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}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:focus-visible{outline:2px solid white;outline-offset:0;box-shadow:0 0 0 4px black}.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}