@spw-ds/spw-stencil-library 1.15.0 → 1.17.0

package/dist/spw-stencil-library/p-d35fb0e2.entry.js

@@ -1 +0,0 @@
-import{r as s,c as e,h as o,H as t,a as r}from"./p-C5N6FAxf.js";const a=(s,e="default")=>({"spw-message":!0,[`spw-message--${s}`]:!0,[`spw-message--${e}`]:!0}),i=class{constructor(o){s(this,o),this.spwDismiss=e(this,"spwDismiss",7),this.variant="default",this.isDismissable=!0,this.dismissableText="Masquer",this.messageTitle="Notification",this.size="default",this.isVisible=!0,this.hasSlotContent=!1,this.handleKeyDown=s=>{"Enter"===s.key&&(s.preventDefault(),this.handleDismiss())},this.handleDismiss=()=>{this.spwDismiss.emit({messageId:this.messageId}),this.isVisible=!1},this.handleSlotChange=()=>{if(this.slotElement){const s=this.slotElement.assignedNodes({flatten:!0});this.hasSlotContent=s.some((s=>{var e;return s.nodeType===Node.ELEMENT_NODE||s.nodeType===Node.TEXT_NODE&&""!==(null===(e=s.textContent)||void 0===e?void 0:e.trim())}))}}}async showMessage(){this.isVisible=!0}async hideMessage(){this.isVisible=!1}render(){const s=this.icon||(()=>{const s={default:"fa-lightbulb",success:"fa-check",info:"fa-info-circle",warning:"fa-exclamation-triangle",alert:"fa-exclamation-triangle"};return s[this.variant]||s.default})(),e="compact"===this.size;return this.isVisible?o(t,null,o("div",{class:a(this.variant,this.size),role:"alert","aria-live":"polite","aria-label":this.messageTitle},o("div",{class:"spw-message__title-container"},o("strong",{class:"spw-message__title"},o("spw-icon",{icon:s})," ",this.messageTitle,e&&this.hasSlotContent&&o("span",{class:"spw-message__separator"}," : "),e&&o("span",{class:"spw-message__inline-content"},o("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange}))),this.isDismissable&&o("spw-link",{tabindex:"0",icon:"fa-close",class:"spw-message__close","aria-label":this.dismissableText,onClick:this.handleDismiss,onKeyDown:this.handleKeyDown},this.dismissableText)),!e&&o("div",{class:"spw-message__text"},o("slot",{ref:s=>this.slotElement=s,onSlotchange:this.handleSlotChange})))):null}get el(){return r(this)}};i.style='@charset "UTF-8";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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-message-margin-top-content:12px;--spw-message-title-color:var(--spw-colors-support-grey-grey-900);--spw-message-body-color:var(--spw-colors-support-grey-grey-900);--spw-message-font-size:16px;--spw-message-default-background-color:var(--spw-colors-support-grey-grey-100);--spw-message-default-icon-color:var(--spw-colors-support-grey-grey-900);--spw-message-default-border-color:var(--spw-colors-support-grey-grey-300);--spw-message-success-background-color:var(--spw-colors-multi-branding-green-green-50);--spw-message-success-icon-color:var(--spw-colors-multi-branding-green-green-600);--spw-message-success-border-color:var(--spw-colors-multi-branding-green-green-300);--spw-message-alert-background-color:var(--spw-colors-multi-branding-red-red-50);--spw-message-alert-icon-color:var(--spw-colors-multi-branding-red-red-accent-3);--spw-message-alert-border-color:var(--spw-colors-multi-branding-red-red-300);--spw-message-info-background-color:var(--spw-colors-multi-branding-blue-blue-50);--spw-message-info-icon-color:var(--spw-colors-multi-branding-blue-blue-accent-3);--spw-message-info-border-color:var(--spw-colors-multi-branding-blue-blue-300);--spw-message-warning-background-color:#ffeee0;--spw-message-warning-icon-color:#d84300;--spw-message-warning-border-color:#f4b095}.spw-message{padding:24px;border-radius:16px;border:2px solid transparent;color:var(--spw-message-title-color);font-size:var(--spw-message-font-size)}.spw-message__title-container{display:flex;gap:24px;flex-wrap:nowrap;justify-content:space-between;flex-direction:column}@media (min-width: 1024px){.spw-message__title-container{flex-direction:row}}.spw-message__close{order:-1}@media (min-width: 1024px){.spw-message__close{order:initial}}.spw-message__title{font-size:18px;flex:1;display:block}.spw-message__title spw-icon,.spw-message__title .spw-icon{position:relative;margin-right:6px;top:1px}.spw-message__text{margin-top:var(--spw-message-margin-top-content);color:var(--spw-message-body-color)}.spw-message__separator{font-weight:normal}.spw-message__inline-content{font-weight:normal}.spw-message--compact{padding:16px}.spw-message--compact .spw-message__title{font-size:16px;display:inline}.spw-message--compact .spw-message__title spw-icon{margin-right:4px}.spw-message--default{background:var(--spw-message-default-background-color);border-color:var(--spw-message-default-border-color)}.spw-message--default .spw-icon{color:var(--spw-message-default-icon-color)}.spw-message--success{background:var(--spw-message-success-background-color);border-color:var(--spw-message-success-border-color)}.spw-message--success spw-icon,.spw-message--success .spw-icon{color:var(--spw-message-success-icon-color)}.spw-message--alert{background:var(--spw-message-alert-background-color);border-color:var(--spw-message-alert-border-color)}.spw-message--alert spw-icon,.spw-message--alert .spw-icon{color:var(--spw-message-alert-icon-color)}.spw-message--info{background:var(--spw-message-info-background-color);border-color:var(--spw-message-info-border-color)}.spw-message--info spw-icon,.spw-message--info .spw-icon{color:var(--spw-message-info-icon-color)}.spw-message--warning{background:var(--spw-message-warning-background-color);border-color:var(--spw-message-warning-border-color)}.spw-message--warning spw-icon,.spw-message--warning .spw-icon{color:var(--spw-message-warning-icon-color)}.spw-message spw-link{--spw-link-color:var(--spw-colors-support-grey-grey-900);--spw-link-hover-color:var(--spw-colors-support-grey-grey-900);--spw-link-active-color:var(--spw-colors-support-grey-grey-800);--spw-link-padding:12px}.spw-message spw-link:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}';export{i as spw_message}

package/dist/spw-stencil-library/p-ee61dc7a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,a as i}from"./p-C5N6FAxf.js";const o=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",7),this.optionCreated=s(this,"optionCreated",7),this.optionRemoved=s(this,"optionRemoved",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),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.isExpandable=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.fixedDropdown=!1,this.isClear=!1,this.direction="auto",this.allowCreate=!1,this.handleOtherSelectOpened=t=>{t.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=t=>{var s,e;if(this.isOpen){const i=t.composedPath(),o=i[0],c=this.host.contains(o),r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.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 t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".spw-custom-select__options");if(t&&t.contains(o))return}this.closeDropdown()}}},this.updateDropdownPosition=()=>{if(!this.selectContainer)return;const t=this.selectContainer.getBoundingClientRect(),s=window.innerHeight;this.dropdownDirection="top"===this.direction?"up":"bottom"===this.direction?"down":t.bottom+200>s&&t.top>200?"up":"down",this.dropdownPosition={top:t.bottom,left:t.left,width:t.width}}}componentWillLoad(){if(this.multiple)if("string"==typeof this.value)try{this.internalValue=JSON.parse(this.value)}catch(t){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 t,s;const e=null===(t=this.host)||void 0===t?void 0:t.querySelector(".spw-custom-select__search-input");e?e.focus():null===(s=this.selectContainer)||void 0===s||s.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(t){this.multiple?(this.internalValue=Array.isArray(t)?t:[t],this.value=this.internalValue):(this.internalValue=t,this.value=t),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 t=this.hostElement.querySelector('[slot="footer"]');this.hasSlottedFooter=!!t}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 t=this.hostElement;for(;t;){if(t instanceof HTMLElement&&t.tagName.toLowerCase()===this.fixedDropdownParent.toLowerCase())return t;if(t.parentElement)t=t.parentElement;else{const s=t.getRootNode();if(!(s instanceof ShadowRoot))break;t=s.host}}return null}findScrollContainerInShadowRoot(t){const s=t.shadowRoot;if(!s)return null;const e=s.querySelectorAll("*");let i=null,o=-1;for(const t of Array.from(e)){const e=t,c=window.getComputedStyle(e);if("auto"===c.overflow||"scroll"===c.overflow||"auto"===c.overflowY||"scroll"===c.overflowY){let c=0,r=t;for(;r&&r!==s;)c++,r=r.parentNode;c>o&&(o=c,i=e)}}return i}ensureParentScrollListener(){if(!this.fixedDropdownParent||!this.fixedDropdown)return;if(this.parentScrollContainer)return;const t=this.findParentComponent();t&&(this.parentScrollContainer=this.findScrollContainerInShadowRoot(t),this.parentScrollContainer&&this.parentScrollContainer.addEventListener("scroll",this.updateDropdownPosition))}cleanupParentScrollListener(){this.parentScrollContainer&&(this.parentScrollContainer.removeEventListener("scroll",this.updateDropdownPosition),this.parentScrollContainer=null)}parseOptions(t){try{this.parsedOptions=Array.isArray(t)?t.map((t=>({value:t.value,label:t.label,disabled:t.disabled||!1}))):[],this.updateSelectedOption()}catch(t){this.parsedOptions=[]}}valueChangedHandler(t){this.internalValue=this.multiple?Array.isArray(t)?t:[t]:t,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((t=>this.parsedOptions.some((s=>String(s.value)===String(t))))).sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))):this.focusedOptionIndex=this.parsedOptions.findIndex((t=>String(t.value)===String(this.internalValue)))}internalValueChanged(){this.hasSelectedValue=Array.isArray(this.internalValue)?this.internalValue.length>0:Boolean(this.internalValue)}getFormValue(){return this.multiple?Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>String(t))).join(","):null:this.internalValue?String(this.internalValue):null}toggleDropdown(t){if(!this.disabled){if(t){if(t.composedPath()[0].classList.contains("spw-custom-select__search-input"))return;t.stopPropagation()}this.determineDropdownDirection();const s=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!s&&(this.ensureParentScrollListener(),this.notifyOtherSelects()),this.isOpen||(this.focusedOptionIndex=null)}}notifyOtherSelects(){const t=new CustomEvent("spw-custom-select-opened",{detail:{instance:this.host},bubbles:!0,composed:!0});document.dispatchEvent(t)}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(t){const s=t.trim();if(!s)return;const e=s,i={label:s,value:e,created:!0};this.parsedOptions=[...this.parsedOptions,i],this.optionCreated.emit(i),this.selectOption(e),this.searchText=""}removeCreatedOption(t,s){if(s.stopPropagation(),this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t.value)));s>-1&&(this.internalValue=[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)],this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue))}else String(this.internalValue)===String(t.value)&&(this.internalValue="",this.value="",this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue));this.parsedOptions=this.parsedOptions.filter((s=>String(s.value)!==String(t.value))),this.optionRemoved.emit(t)}handleClear(t){t.stopPropagation(),this.resetSelect()}selectOption(t,s){s&&s.stopPropagation();const e=this.parsedOptions.find((s=>String(s.value)===String(t)));if(!(null==e?void 0:e.disabled)){if(this.multiple){const s=this.internalValue.findIndex((s=>String(s)===String(t)));this.internalValue=s>-1?[...this.internalValue.slice(0,s),...this.internalValue.slice(s+1)]:[...this.internalValue,t],this.internalValue=this.internalValue.sort(((t,s)=>this.parsedOptions.findIndex((s=>String(s.value)===String(t)))-this.parsedOptions.findIndex((t=>String(t.value)===String(s)))))}else this.internalValue=t,this.closeDropdown();this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue),this.updateSelectedOption()}}handleOptionKeyDown(t,s){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.selectOption(s))}handleKeyDown(t){var s,e;if(!t.target.classList.contains("spw-custom-select__search-input"))switch(t.key){case" ":t.preventDefault(),this.isOpen||this.openDropdownWithKeyboard();break;case"ArrowDown":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?0:(this.focusedOptionIndex+1)%this.parsedOptions.length;for(;(null===(s=this.parsedOptions[t])||void 0===s?void 0:s.disabled)&&t!==this.focusedOptionIndex;)t=(t+1)%this.parsedOptions.length;this.focusedOptionIndex=t}else this.openDropdownWithKeyboard();break;case"ArrowUp":if(t.preventDefault(),this.isOpen){let t=null===this.focusedOptionIndex?this.parsedOptions.length-1:(this.focusedOptionIndex-1+this.parsedOptions.length)%this.parsedOptions.length;for(;(null===(e=this.parsedOptions[t])||void 0===e?void 0:e.disabled)&&t!==this.focusedOptionIndex;)t=(t-1+this.parsedOptions.length)%this.parsedOptions.length;this.focusedOptionIndex=t}break;case"Enter":t.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 e("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,e("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,e("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,e("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,e("slot",{name:"details",slot:"details"}))}get elementClass(){const t=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":t}}normalizeString(t){return t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()}getSelectedLabels(){if(this.multiple)return Array.isArray(this.internalValue)&&this.internalValue.length>0?this.internalValue.map((t=>{var s;return null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label})).filter(Boolean).join(", "):null;{const t=this.parsedOptions.find((t=>String(t.value)===String(this.internalValue)));return t?t.label:null}}getFilteredOptions(){const t=this.normalizeString(this.searchText);return this.parsedOptions.filter((s=>this.normalizeString(s.label).includes(t)))}handleSearchInput(t){this.searchText=t.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 t=this.normalizeString(this.searchText.trim());return!this.parsedOptions.some((s=>this.normalizeString(s.label)===t))}render(){const t=this.getFilteredOptions(),s=this.showPlaceholder(),i=this.showCreateButton();return e("div",{key:"075816be82b83e4ff87e3b8acb699331e1b93873",class:this.elementClass,ref:t=>this.host=t},this.label&&e("spw-field-label",{key:"9243de1d006313839fd75cdfd960135608e19802",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&&e("spw-field-message",{key:"b9187b59eae8c1cb618ef72fbf2057a80890717d",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"eb3d52c7e08d22a6824b861a423e41473add308c",class:"spw-custom-select__wrapper"},e("div",{key:"3ea2df7f2171d795fc681e1e54f4a15abe5ce6a3",class:"spw-custom-select__container",id:this.name,ref:t=>this.selectContainer=t,onClick:t=>this.toggleDropdown(t),onKeyDown:t=>this.handleKeyDown(t),tabindex:this.disabled?-1:0},e("div",{key:"02a97e4e274bdfb8edc3018efc3f69277e16e6a2",class:"spw-custom-select__selected"},this.isSearchVisible()&&e("div",{key:"93275dd4f05996654df1a4cdce1aa0b0c35ede52",class:"spw-custom-select__search"},e("input",{key:"495ebc87298b60ce23adafa5970dd7068d1ba51a",class:"spw-custom-select__search-input",placeholder:this.searchPlaceholder,onInput:t=>this.handleSearchInput(t),value:this.searchText}),i&&this.isOpen&&this.hasSelectedValue&&e("button",{key:"19e031a37c9416f08dc8f86d82e5126b678e4915",class:"spw-custom-select__create-btn spw-custom-select__create-btn--big",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"23bb75e44c6a1f74274c87be82ca5ef55ce1272c",icon:"fa-plus"}))),s&&e("span",{key:"a80921899ec9687857323eee0296ad44b6c775e0"},this.placeholder),this.multiple&&this.internalValue.length>0&&e("div",{key:"1bfa5decab9a3051d6c3641b0cc01e5d93c863a9",class:"spw-custom-select__selected-items"},this.internalValue.map((t=>{var s;return e("span",{class:"spw-custom-select__selected-item"},null===(s=this.parsedOptions.find((s=>String(s.value)===String(t))))||void 0===s?void 0:s.label,e("spw-icon",{icon:"fa-times",class:"spw-custom-select__deselect-icon",onClick:s=>this.selectOption(t,s)}))}))),!this.multiple&&e("span",{key:"0a386c27e0eba81c3580d49618d61f218b27133a"},this.getSelectedLabels()))),e("div",{key:"deb6c2cd37ce5db9586c7f3d0b5a51f7871d1b15",class:"spw-custom-select__icons"},i&&!(this.isOpen&&this.hasSelectedValue)&&e("button",{key:"eb087835e04d9010419c7bade6655ebb54fdd166",class:"spw-custom-select__create-btn",type:"button",onMouseDown:t=>{t.preventDefault(),t.stopPropagation(),this.addCreatedOption(this.searchText)}},e("spw-icon",{key:"51245fd24e580561380ad325f7d712e5c2e4c6c5",icon:"fa-plus"})),this.isClear&&(this.hasSelectedValue||!!this.searchText)&&e("span",{key:"b3c328e3303be083386a573e2f0531bcf3b3fd8c",class:"spw-custom-select__clear",onClick:t=>this.handleClear(t)},e("spw-icon",{key:"901f42f0b454d290e3e5083de84f930493795dce",icon:"fa-xmark"})),e("div",{key:"ae1a3dc6f013d68f359a5030e2515e6e82130d92",class:"spw-custom-select__arrow"},e("spw-icon",{key:"cf6e35d678d4e89d5d4c41f3729a440e257d1bde",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"}))),this.isOpen&&e("div",{key:"2756a3d722f0ea5b999a982e2dca80bfb5a31f0f",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`}:{}},e("div",{key:"068f62410b9cd62d382e3158eec764a046b57a72",class:"spw-custom-select__options-list"},!!t.length&&e("ul",{key:"f6cf9b974716fa92042ab6b07c5e5d4337d8b1e1"},t.map(((t,s)=>e("li",{class:{"spw-custom-select__option":!0,"spw-custom-select__option--selected":this.multiple?this.internalValue.some((s=>String(s)===String(t.value))):t.value===this.internalValue,"spw-custom-select__option--focused":s===this.focusedOptionIndex,"spw-custom-select__option--disabled":t.disabled,"spw-custom-select__option--created":!!t.created},onClick:()=>this.selectOption(t.value)},this.multiple&&e("spw-checkbox",{onKeyDown:s=>this.handleOptionKeyDown(s,t.value),class:"spw-custom-select__checkbox",checked:this.internalValue.some((s=>String(s)===String(t.value))),disabled:t.disabled}),t.label,t.created&&e("spw-icon",{class:"spw-custom-select__option-remove",icon:"fa-trash",onClick:s=>this.removeCreatedOption(t,s)}))))),!t.length&&e("p",{key:"f20a6196114b89a9e69cdce4f50e7107078c5ee1",class:"spw-custom-select__no-results"},this.noResultsText)),this.hasSlottedFooter&&e("div",{key:"fd36a7e651b572c32aa0340d3edff0e1d5b0e31b",class:"spw-custom-select__options-footer"},e("slot",{key:"6601ff4fcfb2c51fa1b8fddcd9ff6f9f5fdcebec",name:"footer"})))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get hostElement(){return i(this)}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}}};o.style="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);letter-spacing:-0.18px}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:1200px;--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: 360px){.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: 1200px){.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)}";export{o as spw_custom_select}