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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",

package/dist/components/p-B2P8l7B3.js

@@ -1 +0,0 @@
-import{p as e,H as s,h as a,a as i,t}from"./index.js";import{d as p}from"./p-2AbKLqDf.js";import{d as l}from"./p-CnzSr9Im.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.showIcon=!0,this.isExpandable=!1,this.expandLabel="Plus d'informations",this.collapseLabel="Moins d'informations",this.isExpanded=!1,this.toggleExpanded=e=>{e.preventDefault(),this.isExpanded=!this.isExpanded}}get variantIcon(){switch(this.variant){case"error":return"fa-warning";case"hint":return"fa-exclamation-circle";case"success":return"fa-check-circle";case"warning":return"fa-triangle-exclamation";default:return""}}get elementClass(){return{"spw-field-message":!0,[`spw-field-message--${this.variant}`]:!0}}render(){const{isExpandable:e,isExpanded:s,expandLabel:t,collapseLabel:p}=this;return a(i,{key:"b38c0aa42f009699030e3ee86140eab077e599c9"},a("div",{key:"5ee40f9390f1029192b3d23eed4215fa33a8602b",class:this.elementClass},this.showIcon&&a("div",{key:"d8b45a7b87fa01a6b63f754dda7a313cb0633a49",class:"spw-field-message__icon"},a("spw-icon",{key:"6517e220995aeabeb8684ac8aba8f7f3e5526195",icon:this.variantIcon})),a("span",{key:"6473b11a31c69cb7dbd648218c5b62f0a6c199a5",class:"spw-field-message__text"},a("slot",{key:"228dff3a239c19348d20ebf0f28ec063b1545981"}),e&&a("div",{key:"833936731b2374a41bf89c149cb72bc74e2656a3",class:"spw-field-message__expandable"},a("div",{key:"da953e19879ce23254463dcafebd9c21ce3d16bf",class:{"spw-field-message__details":!0,"spw-field-message__details--hidden":!s}},a("slot",{key:"116d71e3546d38805f4ee26627d5d506df1b564b",name:"details"})),a("spw-link",{key:"617265971ba78f7a4f4c0bcfeb665b37370a7327",href:"#",icon:s?"fa-chevron-up":"fa-chevron-down",onClick:this.toggleExpanded},s?p:t)))))}static get style(){return"html.sc-spw-field-message{line-height:1.3;-webkit-text-size-adjust:100%}h1.sc-spw-field-message,h2.sc-spw-field-message,h3.sc-spw-field-message,h4.sc-spw-field-message,h5.sc-spw-field-message,h6.sc-spw-field-message,p.sc-spw-field-message,ul.sc-spw-field-message,li.sc-spw-field-message{padding:0;margin:0}ul.sc-spw-field-message{list-style:none}.sc-spw-field-message-h{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}.sc-spw-field-message-h *.sc-spw-field-message,.sc-spw-field-message-h *.sc-spw-field-message::before,.sc-spw-field-message-h *.sc-spw-field-message::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body.sc-spw-field-message{margin:0}hr.sc-spw-field-message{box-sizing:content-box;height:0;overflow:visible}pre.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}a.sc-spw-field-message{background-color:transparent}abbr[title].sc-spw-field-message{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b.sc-spw-field-message,strong.sc-spw-field-message{font-weight:bolder}code.sc-spw-field-message,kbd.sc-spw-field-message,samp.sc-spw-field-message{font-family:monospace, monospace;font-size:1em}small.sc-spw-field-message{font-size:80%}sub.sc-spw-field-message,sup.sc-spw-field-message{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-spw-field-message{bottom:-0.25em}sup.sc-spw-field-message{top:-0.5em}img.sc-spw-field-message{border-style:none}button.sc-spw-field-message,input.sc-spw-field-message,optgroup.sc-spw-field-message,select.sc-spw-field-message,textarea.sc-spw-field-message{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-spw-field-message,input.sc-spw-field-message{overflow:visible}button.sc-spw-field-message,select.sc-spw-field-message{text-transform:none}button.sc-spw-field-message,[type=button].sc-spw-field-message,[type=reset].sc-spw-field-message,[type=submit].sc-spw-field-message{-webkit-appearance:button}button.sc-spw-field-message::-moz-focus-inner,[type=button].sc-spw-field-message::-moz-focus-inner,[type=reset].sc-spw-field-message::-moz-focus-inner,[type=submit].sc-spw-field-message::-moz-focus-inner{border-style:none;padding:0}button.sc-spw-field-message:-moz-focusring,[type=button].sc-spw-field-message:-moz-focusring,[type=reset].sc-spw-field-message:-moz-focusring,[type=submit].sc-spw-field-message:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-spw-field-message{padding:0.35em 0.75em 0.625em}legend.sc-spw-field-message{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-spw-field-message{vertical-align:baseline}textarea.sc-spw-field-message{overflow:auto}[type=checkbox].sc-spw-field-message,[type=radio].sc-spw-field-message{box-sizing:border-box;padding:0}[type=number].sc-spw-field-message::-webkit-inner-spin-button,[type=number].sc-spw-field-message::-webkit-outer-spin-button{height:auto}[type=search].sc-spw-field-message{-webkit-appearance:textfield;outline-offset:-2px}[type=search].sc-spw-field-message::-webkit-search-decoration{-webkit-appearance:none}.sc-spw-field-message::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-spw-field-message{display:block}summary.sc-spw-field-message{display:list-item}template.sc-spw-field-message{display:none}[hidden].sc-spw-field-message{display:none}.sc-spw-field-message:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container.sc-spw-field-message{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container.sc-spw-field-message{max-width:var(--spw-ds-container-xl)}}.sc-spw-field-message-h{display:block}.spw-field-message.sc-spw-field-message{display:block;margin-top:8px;display:flex;gap:8px}.spw-field-message--error.sc-spw-field-message{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint.sc-spw-field-message{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success.sc-spw-field-message{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning.sc-spw-field-message{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon.sc-spw-field-message{position:relative;top:1px}.spw-field-message__text.sc-spw-field-message{flex:1;font-size:14px;line-height:1.5}.spw-field-message__expandable.sc-spw-field-message{margin-top:4px}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message{user-select:none;--spw-link-text-decoration:none;--spw-link-color:var(--spw-colors-support-grey-grey-800)}.spw-field-message__expandable.sc-spw-field-message spw-link.sc-spw-field-message:hover{--spw-link-text-decoration:underline}.spw-field-message__details.sc-spw-field-message{margin:6px 0;padding:16px;border:1px solid transparent;background:var(--spw-colors-support-grey-grey-50);border-radius:4px;color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--error.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-states-error-error-300)}.spw-field-message--warning.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-themes-orange-orange-500)}.spw-field-message--success.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-color-states-success-success-500)}.spw-field-message--hint.sc-spw-field-message .spw-field-message__details.sc-spw-field-message{border-color:var(--spw-colors-support-grey-grey-300)}.spw-field-message__details--hidden.sc-spw-field-message{display:none}"}},[262,"spw-field-message",{showIcon:[4,"show-icon"],variant:[1],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],isExpanded:[32]}]);function o(){"undefined"!=typeof customElements&&["spw-field-message","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-field-message":customElements.get(t(e))||customElements.define(t(e),d);break;case"spw-icon":customElements.get(t(e))||p();break;case"spw-link":customElements.get(t(e))||l()}}))}export{d as S,o as d}

package/dist/components/p-B43Zutdz.js

@@ -1 +0,0 @@
-import{p as e,H as t,c as i,h as s,t as n}from"./index.js";import{d as r}from"./p-DlhwYK4n.js";import{d as o}from"./p-B2P8l7B3.js";import{d as a}from"./p-2AbKLqDf.js";import{d as l}from"./p-CnzSr9Im.js";import{d}from"./p-aWQ1v8BH.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=i(this,"valueChanged",7),this.internals=this.attachInternals(),this.type="text",this.label="",this.isSearch=!1,this.isClear=!1,this.required=!1,this.size="medium",this.error="",this.hint="",this.success="",this.warning="",this.isExpandable=!1,this.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.accAriaLabelIncrement="Incrémenter",this.accAriaLabelDecrement="Décrémenter",this.hasControls=!0,this.hasSubmitButton=!1,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}async setFocus(){var e;null===(e=this.inputElement)||void 0===e||e.focus()}valueChangedHandler(e){this.setValue(this.normalizeDecimalSeparator(null!=e?String(e):""))}async setValue(e){const t=this.mask?this.applyMask(e):e;if(this.inputElement&&this.inputElement.value!==t&&(this.inputElement.value=t),this.value===t)return;this.value=t;const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t,this.valueChanged.emit(i)}getTypedValue(e){return e?"number"!==this.type||isNaN(Number(e))?e:Number(e):""}componentDidLoad(){const e=this.normalizeDecimalSeparator(null!=this.value?String(this.value):"");this.defaultValue=e,this.inputElement&&(this.inputElement.value=e);const t=this.getTypedValue(e);this.internals.setFormValue(t?String(t):null),this.isClearIconVisible=this.isClear&&!!e}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}handleKeyDown(e){var t,i,s,n,r;if("Enter"===e.key&&this.hasSubmitButton&&(e.preventDefault(),this.handleSubmit()),"number"===this.type&&null!=this.decimalPrecision){const o=this.inputElement,a=null!==(t=null==o?void 0:o.value)&&void 0!==t?t:"",l=e.key;if(["Backspace","Delete","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Tab","Enter","Home","End"].includes(l))return;if(e.ctrlKey||e.metaKey)return;if(","===l||"."===l){if(e.preventDefault(),!a.includes(".")){const e=null!==(i=o.selectionStart)&&void 0!==i?i:a.length,t=null!==(s=o.selectionEnd)&&void 0!==s?s:a.length,n=a.slice(0,e)+"."+a.slice(t);o.value=n,o.setSelectionRange(e+1,e+1),this.setValue(n)}return}if("-"===l)return void((0!==o.selectionStart||a.includes("-"))&&e.preventDefault());if(!/^[0-9]$/.test(l))return void e.preventDefault();const d=a.indexOf(".");if(-1!==d){const t=null!==(n=null==o?void 0:o.selectionStart)&&void 0!==n?n:a.length,i=(null!==(r=null==o?void 0:o.selectionEnd)&&void 0!==r?r:a.length)-t,s=a.slice(d+1);t>d&&s.length-i>=this.decimalPrecision&&e.preventDefault()}}}handleSubmit(){const e=this.el.closest("form");e&&e.requestSubmit()}normalizeDecimalSeparator(e){return"number"===this.type&&null!=this.decimalPrecision?e.replace(",","."):e}roundToPrecision(e){if(null==this.decimalPrecision)return e;const t=Math.pow(10,this.decimalPrecision);return Math.round(e*t)/t}getCurrentNumericValue(){var e,t,i,s;const n=null!=this.decimalPrecision?null!==(t=null===(e=this.inputElement)||void 0===e?void 0:e.value)&&void 0!==t?t:String(null!==(i=this.value)&&void 0!==i?i:""):String(null!==(s=this.value)&&void 0!==s?s:""),r=Number(n);return isNaN(r)?0:r}increment(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()+t);null!=this.max&&i>this.max&&(i=this.max),this.setValue(String(i))}decrement(){var e;if(this.disabled)return;const t=null!==(e=this.step)&&void 0!==e?e:1;let i=this.roundToPrecision(this.getCurrentNumericValue()-t);null!=this.min&&i<this.min&&(i=this.min),this.setValue(String(i))}unmask(e){return e?e.replace("number"===this.type?/[^0-9.,\-]/g:/[^0-9A-Za-z]/g,""):""}matchesPlaceholder(e,t){switch(t){case"9":return/[0-9]/.test(e);case"A":case"a":return/[A-Za-z]/.test(e);case"X":return/[0-9A-Za-z]/.test(e);default:return!1}}transformForPlaceholder(e,t){return"A"===t?e.toUpperCase():e}applyMask(e){if(!this.mask)return e;const t=this.unmask(e).split("");let i=0,s="";for(let e=0;e<this.mask.length;e++){const n=this.mask[e];if(["9","A","a","X"].includes(n)){for(;i<t.length&&!this.matchesPlaceholder(t[i],n);)i++;if(i>=t.length)break;s+=this.transformForPlaceholder(t[i],n),i++}else{if(i>=t.length)break;s+=n}}return s}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.error,s("slot",{name:"details",slot:"details"}))}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.hint,s("slot",{name:"details",slot:"details"}))}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.success,s("slot",{name:"details",slot:"details"}))}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon,isExpandable:this.isExpandable,expandLabel:this.expandLabel,collapseLabel:this.collapseLabel},this.warning,s("slot",{name:"details",slot:"details"}))}get elementClass(){const e="number"===this.type;return{"spw-text-field":!0,[`spw-text-field--${this.size}`]:!0,"spw-text-field--is-search":this.isSearch,"spw-text-field--is-error":!!this.error,"spw-text-field--is-clear":this.isClearIconVisible,"spw-text-field--is-number":e,"spw-text-field--has-controls":e&&this.hasControls,"spw-text-field--has-submit-button":this.hasSubmitButton,"spw-text-field--disabled":this.disabled}}render(){return s("div",{key:"e4bd9a7658360bb809fea011c1be848d410fd4ac",class:this.elementClass},this.label&&s("spw-field-label",{key:"966ebc8ec9fc846bb3bbddd5872ea9dadf57f559",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&&s("spw-field-message",{key:"89cda5a205c9e6ebbc559e244df8b2f09af824a6",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"b9117308948f17fef393c1342e02b838cbb8d1f3",class:"spw-text-field__container"},"number"===this.type&&this.hasControls&&s("button",{key:"3e9e5115840166cf7d725f6be9353d820ab49752",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--decrement",onClick:()=>this.decrement(),disabled:this.disabled||null!=this.min&&Number(this.value)<=this.min,"aria-label":this.accAriaLabelDecrement},s("spw-icon",{key:"cccf7aa4bce081ed985bd29a90d9d9f0fcd7df87",icon:"fa-minus"})),s("div",{key:"ce2962bd886e188465abfb7e882ca1e6bebc1844",class:"spw-text-field__input-container"},s("input",{key:"9266a73c59ff0625e9bb444af04f1966ae3295bf",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:"number"!==this.type||null==this.decimalPrecision&&null==this.mask?this.type:"text",inputMode:"number"!==this.type||null==this.decimalPrecision&&null==this.mask?void 0:"decimal",min:"number"===this.type&&null==this.decimalPrecision&&null==this.mask?this.min:void 0,max:"number"===this.type&&null==this.decimalPrecision&&null==this.mask?this.max:void 0,step:"number"===this.type&&null==this.decimalPrecision&&null==this.mask?this.step:void 0,placeholder:this.placeholder,"aria-label":this.accAriaLabel||this.name,disabled:this.disabled,name:this.name,id:this.name,minLength:this.minLength,maxLength:this.maxLength,required:this.required,onInput:e=>this.handleInput(e),onKeyDown:e=>this.handleKeyDown(e)}),(this.isSearch||this.isClearIconVisible)&&s("div",{key:"2e0e41f825ef7b54057e9f8eac56dbbd1692b0eb",class:"spw-text-field__icons"},this.isClearIconVisible&&s("span",{key:"8c289f6d07ab2a494b8379bb4dd96b7913b636dc",class:"spw-text-field__clear",onClick:()=>this.handleClear()},s("spw-icon",{key:"45cee755cd23114506a58e6ed8f84547e6531a47",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&!this.hasSubmitButton&&s("spw-icon",{key:"6e50f234680a9b77143dbd8d247afab10b262976",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}),this.hasSubmitButton&&s("button",{key:"4fbcdab588dce86c0498badad56cd378cf1bede5",type:"button",class:"spw-text-field__submit",onClick:()=>this.handleSubmit(),"aria-label":"Rechercher"},s("spw-icon",{key:"9d0df46e6f24a1c321ccdd9dd883e18907241017",icon:"fa-magnifying-glass"})))),"number"===this.type&&this.hasControls&&s("button",{key:"415467e32e7940ccdb3c79b6eac874e1a249c977",type:"button",class:"spw-text-field__number-btn spw-text-field__number-btn--increment",onClick:()=>this.increment(),disabled:this.disabled||null!=this.max&&Number(this.value)>=this.max,"aria-label":this.accAriaLabelIncrement},s("spw-icon",{key:"f854ab9b9b580b0e995991d5ae8dfaa4e1258caa",icon:"fa-plus"})),this.indicator&&s("div",{key:"23924b26b55b036341038b3a6dd18df9fd3d650e",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return'@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-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);--spw-input-shadow:none}.spw-text-field{position:relative}.spw-text-field__input-container{flex:1;position:relative;display:flex}.spw-text-field__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);box-shadow:var(--spw-input-shadow);font-size:var(--spw-input-font-size);text-align:var(--spw-input-text-align);border:1px solid var(--spw-input-border)}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{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-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:hover,.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;padding:0 24px;line-height:60px}.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{display:flex;align-items:center}.spw-text-field__indicator{padding-left:12px}.spw-text-field__field-message{margin-bottom:8px;margin-top:-4px}.spw-text-field__icons{display:flex;align-items:center;position:absolute;top:50%;right:12px;gap:8px;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__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-text-field__clear:hover{color:var(--spw-ds-primary)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{pointer-events:none;font-size:18px}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.spw-text-field__submit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all 0.2s ease;color:var(--spw-input-icon-search-color);font-size:18px}.spw-text-field__submit:focus,.spw-text-field__submit:focus-visible{outline:1px solid white;outline-offset:0;box-shadow:0 0 0 3px black}.spw-text-field--large .spw-text-field__submit{width:36px;height:36px;font-size:24px}.spw-text-field--disabled .spw-text-field__submit{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__number-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--spw-input-height);height:var(--spw-input-height);padding:0;border:1px solid var(--spw-input-border);background:var(--spw-color-themes-grey-grey-100);cursor:pointer;transition:all 0.2s ease-in-out;color:var(--spw-color-themes-grey-grey-900);font-size:14px}.spw-text-field__number-btn--decrement{border-radius:var(--spw-input-radius) 0 0 var(--spw-input-radius);border-right:none}.spw-text-field__number-btn--increment{border-radius:0 var(--spw-input-radius) var(--spw-input-radius) 0;border-left:none}.spw-text-field__number-btn:hover:not(:disabled){background:var(--spw-color-themes-grey-grey-200)}.spw-text-field__number-btn:focus,.spw-text-field__number-btn:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black;z-index:1}.spw-text-field__number-btn:disabled{cursor:not-allowed;color:var(--spw-color-themes-grey-grey-400);background:var(--spw-color-themes-grey-grey-100)}.spw-text-field--large .spw-text-field__number-btn{width:60px;height:60px;font-size:18px}.spw-text-field--disabled .spw-text-field__number-btn{border-color:var(--spw-color-themes-grey-grey-400)}.spw-text-field--is-error .spw-text-field__number-btn{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--has-controls .spw-text-field__input{border-radius:0;border-left:none;border-right:none;text-align:center}'}},[321,"spw-text-field",{value:[1544],type:[1],label:[1],placeholder:[1],disabled:[4],name:[1],min:[2],max:[2],step:[2],minLength:[2,"min-length"],maxLength:[2,"max-length"],isSearch:[4,"is-search"],isClear:[4,"is-clear"],required:[4],size:[1],indicator:[1],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],isExpandable:[4,"is-expandable"],expandLabel:[1,"expand-label"],collapseLabel:[1,"collapse-label"],showErrorIcon:[4,"show-error-icon"],showHintIcon:[4,"show-hint-icon"],showSuccessIcon:[4,"show-success-icon"],showWarningIcon:[4,"show-warning-icon"],accAriaLabel:[1,"acc-aria-label"],accAriaLabelIncrement:[1,"acc-aria-label-increment"],accAriaLabelDecrement:[1,"acc-aria-label-decrement"],hasControls:[4,"has-controls"],hasSubmitButton:[4,"has-submit-button"],mask:[1],decimalPrecision:[2,"decimal-precision"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClearIconVisible:[32],setFocus:[64],setValue:[64]},void 0,{value:[{valueChangedHandler:0}]}]);function h(){"undefined"!=typeof customElements&&["spw-text-field","spw-field-label","spw-field-message","spw-icon","spw-link","spw-tooltip"].forEach((e=>{switch(e){case"spw-text-field":customElements.get(n(e))||customElements.define(n(e),p);break;case"spw-field-label":customElements.get(n(e))||r();break;case"spw-field-message":customElements.get(n(e))||o();break;case"spw-icon":customElements.get(n(e))||a();break;case"spw-link":customElements.get(n(e))||l();break;case"spw-tooltip":customElements.get(n(e))||d()}}))}export{p as S,h as d}