@spw-ds/spw-stencil-library 1.4.2 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spw-ds/spw-stencil-library",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "Design System du SPW. Librairie Stencil.",
   "readme": "../../README.md",
   "main": "dist/index.cjs.js",
@@ -13,7 +13,7 @@
   "unpkg": "dist/stencil/stencil.esm.js",
   "repository": {
     "type": "git",
-    "url": "https://pic-git.spw.wallonie.be/spw-digital-sdm/design-system.git"
+    "url": "https://pic-git-ci.spw.wallonie.be/spw-digital/design-system/design-system.git"
   },
   "files": [
     "dist/",

package/dist/components/p-BUhyZix1.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 o}from"./p-C97XJMYx.js";import{d as r}from"./p-CQ8ddUj9.js";import{d as a}from"./p-Dzw3OiMu.js";import{d as l}from"./p-BuAdNN3A.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.showErrorIcon=!0,this.showHintIcon=!0,this.showSuccessIcon=!0,this.showWarningIcon=!0,this.tooltipDirection="top",this.tooltipCursor="help",this.isClearIconVisible=!1}valueChangedHandler(e){this.setValue(e)}async setValue(e){const t=this.mask?this.applyMask(e):e;this.value=t,this.inputElement&&this.inputElement.value!==t&&(this.inputElement.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(){var e;const t=null!==(e=this.value)&&void 0!==e?e:"";this.defaultValue=t,this.inputElement&&(this.inputElement.value=t);const i=this.getTypedValue(t);this.internals.setFormValue(i?String(i):null),this.isClearIconVisible=this.isClear&&!!t}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:"")}handleInput(e){this.setValue(e.target.value)}handleClear(){this.setValue("")}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 s+=n}return s}renderErrorMessage(){if(this.error)return s("spw-field-message",{variant:"error",showIcon:this.showErrorIcon},this.error)}renderHintMessage(){if(this.hint)return s("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderSuccessMessage(){if(this.success)return s("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}renderWarningMessage(){if(this.warning)return s("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}get elementClass(){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--disabled":this.disabled}}render(){return s("div",{key:"7083d10958157d49215925aeb0a91e38865ea620",class:this.elementClass},this.label&&s("spw-field-label",{key:"a65b4e9cb9b33774b789b5b452a0de2341d5b431",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:"6cdd149b18525d9c13ed0c6f546686041416fa00",class:"spw-text-field__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"d6ad2930f121db854c3daa3014abbe0deef1c66e",class:"spw-text-field__container"},s("div",{key:"f9b6b36cae325ac15c17882578df84e9681981fe",class:"spw-text-field__input-container"},s("input",{key:"cd05237403fffb86780283d8992ec097171afa0b",class:"spw-text-field__input",ref:e=>this.inputElement=e,type:this.type,min:this.min,max:this.max,step:this.step,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)}),(this.isSearch||this.isClearIconVisible)&&s("div",{key:"598881fc9aebfa4d07dd0fb4e95bb32a8a213c6a",class:"spw-text-field__icons"},this.isClearIconVisible&&s("span",{key:"5c1e88a68427a673235a50902ad4b163c506837e",class:"spw-text-field__clear",onClick:()=>this.handleClear()},s("spw-icon",{key:"0700a97b40a89a9f06d558e5946b0ad04007638a",class:"spw-text-field__icon spw-text-field__icon--clear",icon:"fa-xmark"})),this.isSearch&&s("spw-icon",{key:"cd446de12bb85191f239ab501918ed8f821d17e9",class:"spw-text-field__icon spw-text-field__icon--search",icon:"fa-magnifying-glass"}))),this.indicator&&s("div",{key:"36d92265b8c8a0c18b23b59f835f0543faf369d1",class:"spw-text-field__indicator"},this.indicator)),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChangedHandler:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block;--spw-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-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);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]{margin:0}.spw-text-field__input[type=number]::-webkit-outer-spin-button,.spw-text-field__input[type=number]::-webkit-inner-spin-button{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;border:2px var(--spw-color-themes-grey-grey-900) solid;border-radius:50%;font-size:12px;transition:all 0.2s ease-in}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.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}'}},[65,"spw-text-field",{value:[1537],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],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"],mask:[1],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"],isClearIconVisible:[32],setValue:[64]},void 0,{value:[{valueChangedHandler:0}]}]);function d(){"undefined"!=typeof customElements&&["spw-text-field","spw-field-label","spw-field-message","spw-icon","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))||o();break;case"spw-field-message":customElements.get(n(e))||r();break;case"spw-icon":customElements.get(n(e))||a();break;case"spw-tooltip":customElements.get(n(e))||l()}}))}export{p as S,d}