@spw-ds/spw-stencil-library 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/spw-card-content.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-excerpt.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-image.cjs.entry.js +22 -4
- package/dist/cjs/spw-card-subtag-item.cjs.entry.js +1 -1
- package/dist/cjs/spw-card-subtags.cjs.entry.js +5 -2
- package/dist/cjs/spw-card-title.cjs.entry.js +1 -1
- package/dist/cjs/spw-card.cjs.entry.js +2 -2
- package/dist/cjs/spw-custom-select.cjs.entry.js +22 -3
- package/dist/cjs/spw-file-upload.cjs.entry.js +34 -9
- package/dist/cjs/spw-mosaic-item.cjs.entry.js +47 -6
- package/dist/cjs/spw-mosaic.cjs.entry.js +5 -2
- package/dist/cjs/spw-select.cjs.entry.js +16 -10
- package/dist/cjs/spw-stencil-library.cjs.js +1 -1
- package/dist/cjs/spw-tile.cjs.entry.js +1 -1
- package/dist/collection/components/spw-card/spw-card-content/spw-card-content.css +36 -2
- package/dist/collection/components/spw-card/spw-card-excerpt/spw-card-excerpt.css +3 -0
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.css +35 -14
- package/dist/collection/components/spw-card/spw-card-image/spw-card-image.js +79 -4
- package/dist/collection/components/spw-card/spw-card-subtag-item/spw-card-subtag-item.css +3 -0
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.css +3 -0
- package/dist/collection/components/spw-card/spw-card-subtags/spw-card-subtags.js +4 -1
- package/dist/collection/components/spw-card/spw-card-title/spw-card-title.css +10 -2
- package/dist/collection/components/spw-card/spw-card.js +4 -4
- package/dist/collection/components/spw-custom-select/spw-custom-select.js +61 -4
- package/dist/collection/components/spw-file-upload/spw-file-upload.js +55 -10
- package/dist/collection/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.js +111 -6
- package/dist/collection/components/spw-mosaic/spw-mosaic.js +9 -2
- package/dist/collection/components/spw-select/spw-select.js +55 -11
- package/dist/collection/components/spw-tile/spw-tile.css +17 -0
- package/dist/collection/stories/organisms/spw-card/spw-card.stories.js +22 -0
- package/dist/collection/stories/organisms/spw-grid/spw-grid.stories.js +14 -14
- package/dist/collection/stories/organisms/spw-mosaic/spw-mosaic.stories.js +131 -0
- package/dist/components/spw-card-content.js +1 -1
- package/dist/components/spw-card-excerpt.js +1 -1
- package/dist/components/spw-card-image.js +1 -1
- package/dist/components/spw-card-subtag-item.js +1 -1
- package/dist/components/spw-card-subtags.js +1 -1
- package/dist/components/spw-card-title.js +1 -1
- package/dist/components/spw-card.js +1 -1
- package/dist/components/spw-custom-select.js +1 -1
- package/dist/components/spw-file-upload.js +1 -1
- package/dist/components/spw-mosaic-item.js +1 -1
- package/dist/components/spw-mosaic.js +4 -4
- package/dist/components/spw-select.js +1 -1
- package/dist/components/spw-tile.js +1 -1
- package/dist/components_json.json +297 -9
- package/dist/components_vscode.json +3499 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/spw-card-content.entry.js +1 -1
- package/dist/esm/spw-card-excerpt.entry.js +1 -1
- package/dist/esm/spw-card-image.entry.js +22 -4
- package/dist/esm/spw-card-subtag-item.entry.js +1 -1
- package/dist/esm/spw-card-subtags.entry.js +5 -2
- package/dist/esm/spw-card-title.entry.js +1 -1
- package/dist/esm/spw-card.entry.js +2 -2
- package/dist/esm/spw-custom-select.entry.js +22 -3
- package/dist/esm/spw-file-upload.entry.js +34 -9
- package/dist/esm/spw-mosaic-item.entry.js +47 -6
- package/dist/esm/spw-mosaic.entry.js +5 -2
- package/dist/esm/spw-select.entry.js +16 -10
- package/dist/esm/spw-stencil-library.js +1 -1
- package/dist/esm/spw-tile.entry.js +1 -1
- package/dist/spw-stencil-library/p-1318262e.entry.js +1 -0
- package/dist/spw-stencil-library/p-1e806b7c.entry.js +1 -0
- package/dist/spw-stencil-library/{p-70424f67.entry.js → p-24de9d6f.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-fdbda346.entry.js → p-25991392.entry.js} +1 -1
- package/dist/spw-stencil-library/p-36122fda.entry.js +1 -0
- package/dist/spw-stencil-library/{p-c833a6fb.entry.js → p-6a46c406.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-6ccec3e1.entry.js → p-7368447c.entry.js} +1 -1
- package/dist/spw-stencil-library/p-7cb2f275.entry.js +1 -0
- package/dist/spw-stencil-library/p-94aa0e26.entry.js +1 -0
- package/dist/spw-stencil-library/{p-f0c7973a.entry.js → p-bc3ff922.entry.js} +1 -1
- package/dist/spw-stencil-library/p-e0f6f758.entry.js +1 -0
- package/dist/spw-stencil-library/{p-e8294025.entry.js → p-fa4bf37b.entry.js} +1 -1
- package/dist/spw-stencil-library/{p-d8e93516.entry.js → p-fbfb718d.entry.js} +1 -1
- package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
- package/dist/stats.json +618 -113
- package/dist/types/components/spw-card/spw-card-image/spw-card-image.d.ts +8 -1
- package/dist/types/components/spw-card/spw-card.d.ts +1 -1
- package/dist/types/components/spw-custom-select/spw-custom-select.d.ts +5 -0
- package/dist/types/components/spw-file-upload/spw-file-upload.d.ts +3 -1
- package/dist/types/components/spw-mosaic/spw-mosaic-item/spw-mosaic-item.d.ts +11 -0
- package/dist/types/components/spw-select/spw-select.d.ts +5 -1
- package/dist/types/components.d.ts +86 -6
- package/dist/types/stories/organisms/spw-card/spw-card.stories.d.ts +1 -0
- package/dist/types/stories/organisms/spw-mosaic/spw-mosaic.stories.d.ts +1 -0
- package/hydrate/index.js +174 -47
- package/hydrate/index.mjs +174 -47
- package/package.json +1 -1
- package/dist/spw-stencil-library/p-38bd2b93.entry.js +0 -1
- package/dist/spw-stencil-library/p-a5e811f0.entry.js +0 -1
- package/dist/spw-stencil-library/p-a92189cd.entry.js +0 -1
- package/dist/spw-stencil-library/p-aad1a377.entry.js +0 -1
- package/dist/spw-stencil-library/p-d7ed084c.entry.js +0 -1
- package/dist/spw-stencil-library/p-fb0c6681.entry.js +0 -1
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,a as n}from"./p-BhcwOlgO.js";const s=class{constructor(e){t(this,e),this.variant="link"}componentWillLoad(){this.applyVariantToChildren()}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;this.el.querySelectorAll("spw-card-subtag-item").forEach((e=>{e.classList.add(t)}))}))}get elementClass(){return{"spw-card-subtags":!0,[`spw-card-subtags--${this.variant}`]:!0}}render(){return e(i,{key:"f649df17747c0b15e378dc8ed9c8bffd387efc6c"},e("div",{key:"e7fb23264fd9dac808b653faeb293d8f27a56c2d",class:this.elementClass},e("slot",{key:"06c3b96dd8644e797381ffc39ab987080a46bc21"})))}get el(){return n(this)}};s.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:"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:contents}.spw-card-subtags{margin-bottom:8px;color:var(--spw-ds-primary)}.spw-card-subtags spw-card-subtag-item:after,.spw-card-subtags .spw-card-subtag-item:after{content:",";margin-right:2px;display:inline}.spw-card-subtags spw-card-subtag-item:last-child:after,.spw-card-subtags .spw-card-subtag-item:last-child:after{display:none}.spw-card-subtags--tag spw-card-subtag-item:after,.spw-card-subtags--tag .spw-card-subtag-item:after{content:"";margin-right:4px}';export{s as spw_card_subtags}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as e,h as s,a as t}from"./p-BhcwOlgO.js";import{a as o}from"./p-BBi01mKM.js";const a=class{constructor(s){i(this,s),this.spwFileChange=e(this,"spwFileChange",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.disabled=!1,this.error=!1,this.enableDropZone=!1,this.multiple=!1,this.accept="",this.maxFileSize=100,this.maxFiles=1/0,this.selectedFiles=[],this.fileTypeErrors=[],this.fileLimitErrors=[],this.isDragging=!1,this.isMaxFilesReachedExact=!1}componentWillLoad(){this.internalValue=this.value,this.maxFileSize=1024*this.maxFileSize*1024}componentWillUpdate(){this.value!==this.internalValue&&(this.internalValue=this.value)}get isMaxFilesReached(){return this.selectedFiles.length>=this.maxFiles}handleFileChange(i){const e=i.target,s=e.files?Array.from(e.files):[];this.processFiles(s),e.value=""}processFiles(i){this.fileTypeErrors=[],this.fileLimitErrors=[],this.isMaxFilesReachedExact=!1,this.multiple||(this.selectedFiles=[],i=i.slice(0,1));const e=i.filter((i=>{const e=this.isFileAccepted(i),s=this.isFileSizeValid(i);return e||s?e?!!s||(this.fileTypeErrors.push(`${i.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`),!1):(this.fileTypeErrors.push(`${i.name} n'a pas été pris en compte car le format n'est pas autorisé.`),!1):(this.fileTypeErrors.push(`${i.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`),!1)}));if(this.selectedFiles.length+e.length>=this.maxFiles){const i=this.maxFiles-this.selectedFiles.length;this.selectedFiles.length+e.length===this.maxFiles?(this.isMaxFilesReachedExact=!0,this.fileLimitErrors.push("Vous avez atteint la limite autorisée de fichiers.")):(e.splice(i),this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${this.maxFiles>1?"fichiers":"fichier"}.`))}this.selectedFiles=[...this.selectedFiles,...e],this.spwFileChange.emit({files:this.selectedFiles}),this.updateFormValue()}isFileAccepted(i){if(!this.accept)return!0;const e=this.accept.split(",").map((i=>i.trim()));return e.includes(i.type)||e.some((e=>i.name.endsWith(e)))}isFileSizeValid(i){return i.size<=this.maxFileSize}updateFormValue(){if(this.selectedFiles.length>0){const i=new FormData;this.selectedFiles.forEach(((e,s)=>{i.append(`${this.name}[${s}]`,e)})),this.internalValue=i.toString(),this.internals.setFormValue(i)}else this.internalValue="",this.internals.setFormValue(null)}async resetInput(){this.inputElement.value="",this.selectedFiles=[],this.fileLimitErrors=[],this.fileTypeErrors=[],this.updateFormValue()}formResetCallback(){this.resetInput()}handleDragOver(i){i.preventDefault(),this.disabled||!this.enableDropZone||this.isMaxFilesReached||(this.isDragging=!0)}handleDragLeave(){!this.disabled&&this.enableDropZone&&(this.isDragging=!1)}handleDrop(i){var e;if(i.preventDefault(),!this.disabled&&this.enableDropZone&&!this.isMaxFilesReached){this.isDragging=!1;const s=(null===(e=i.dataTransfer)||void 0===e?void 0:e.files)?Array.from(i.dataTransfer.files):[];this.processFiles(s)}}removeFile(i){this.selectedFiles=this.selectedFiles.filter(((e,s)=>s!==i)),this.fileLimitErrors=[],this.updateFormValue(),this.spwFileChange.emit({files:this.selectedFiles})}handleKeydown(i){" "!==i.key&&"Enter"!==i.key||this.isMaxFilesReached||(i.preventDefault(),!this.disabled&&this.inputElement.click())}get elementClass(){return{"spw-file-upload__wrapper":!0,"spw-file-upload__wrapper--disabled":this.disabled||this.isMaxFilesReached,"spw-file-upload__wrapper--error":this.error,"spw-file-upload--has-dropzone":this.enableDropZone,"spw-file-upload--is-dragging":this.isDragging}}get hintsMessages(){const i=this.accept?this.accept:"tous les formats",e=[];let s=`Taille maximale par fichier : ${this.maxFileSize/1048576} Mo`;return s+=this.multiple&&this.maxFiles!==1/0?` - ${this.maxFiles} ${this.maxFiles>1?"fichiers":"fichier"} maximum.`:".",e.push(s),e.push(`Formats autorisés : ${i}.`),e}render(){const i=this.multiple?"Choisir vos fichiers...":"Choisir votre fichier...",e=this.multiple?"Déposez vos fichiers ici":"Déposez votre fichier ici";return s("div",{key:"196c01c219629f7e3c0b916f3961ac26c4b6ff62",class:this.elementClass,onDragOver:this.handleDragOver.bind(this),onDragLeave:this.handleDragLeave.bind(this),onDrop:this.handleDrop.bind(this)},s("input",{key:"bef05fd986b41b0e113952726eec82aa09c18488",type:"file",ref:i=>this.inputElement=i,onChange:this.handleFileChange.bind(this),name:this.name,multiple:this.multiple,accept:this.accept,style:{display:"none"},disabled:this.isMaxFilesReached}),this.enableDropZone?s("div",{tabindex:this.disabled||this.isMaxFilesReached?-1:0,onKeyDown:this.handleKeydown.bind(this),onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),class:"spw-file-upload__dropzone"},e," ou ",s("span",{class:"spw-file-upload__dropzone-link"},"choisissez sur votre ordinateur...")):s("spw-button",{variant:"secondary",onClick:()=>!this.disabled&&!this.isMaxFilesReached&&this.inputElement.click(),disabled:this.disabled||this.isMaxFilesReached},i),s("div",{key:"f0247eae6e516ccf4e5d18e67274056427fe22b3",class:"spw-file-upload__hints"},this.hintsMessages.length>0&&s("ul",{key:"6616bb81473149b200e199f3db8a2e29b940dfec"},this.hintsMessages.map(((i,e)=>s("li",{key:e},i))))),s("div",{key:"1680d3f03ec73d312bf028069f44c7c8dd614bd3",class:"spw-file-upload__info"},this.selectedFiles.length>0?s("ul",{class:"spw-file-upload__info-list"},this.selectedFiles.map(((i,e)=>s("li",{key:e},s("span",{class:"spw-file-upload__info-list-name"},i.name),s("div",{class:"spw-file-upload__info-list-actions"},s("span",{class:"spw-file-upload__spacing"},o(i.size)),s("a",{class:"spw-file-upload__info-list-delete",href:"#",onClick:i=>{i.preventDefault(),this.removeFile(e)}},"Supprimer")))))):"",this.fileLimitErrors.length>0&&s("ul",{key:"07abd61c8d4fe0644b6ef4699828f718f3df74c7",class:"spw-file-upload__errors "+(this.isMaxFilesReachedExact?"spw-file-upload__errors--warning":"")},this.fileLimitErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:this.isMaxFilesReachedExact?"fa-circle-exclamation":"fa-warning"}),i)))),this.fileTypeErrors.length>0&&s("ul",{key:"63ad9f2f1894abe7e512d08bebc453001343200a",class:"spw-file-upload__errors"},this.fileTypeErrors.map(((i,e)=>s("li",{key:e},s("spw-icon",{class:"spw-file-upload__spacing",icon:"fa-warning"}),i))))))}static get formAssociated(){return!0}get el(){return t(this)}};a.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:"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-file-upload{display:block;position:relative}.spw-file-upload__spacing{margin-right:8px}.spw-file-upload__wrapper--error{border-color:#ff4d4d;background-color:#ffe6e6}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{font-size:14px;color:var(--spw-colors-dark-themes-red-red-500);font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{font-size:14px;color:var(--spw-color-themes-grey-grey-600);margin-top:16px}.spw-file-upload__dropzone{cursor:pointer;color:#555;background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);padding:20px;border-radius:8px;border:1px dashed #333;font-weight:bold;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{cursor:not-allowed;background:var(--spw-color-themes-grey-grey-100);color:var(--spw-color-themes-grey-grey-400);border-color:var(--spw-color-themes-grey-grey-300);outline:none !important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{margin-top:16px;border-top:1px solid #eee}.spw-file-upload__info-list li{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:16px 8px;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);font-size:14px}@media (min-width: 768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width: 768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}';export{a as spw_file_upload}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,a as s}from"./p-BhcwOlgO.js";const o=class{constructor(i){t(this,i)}componentDidLoad(){this.el.closest("spw-mosaic").addEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}disconnectedCallback(){this.el.closest("spw-mosaic").removeEventListener("mosaicConfigurationChanged",this.handleConfigurationChange.bind(this))}handleConfigurationChange(t){const{colsMobile:i,colsTablet:e,colsDesktop:s}=t.detail;this.el.style.setProperty("--spw-mosaic-item-width-mobile",`calc(100% / ${i})`),this.el.style.setProperty("--spw-mosaic-item-width-tablet",`calc(100% / ${e})`),this.el.style.setProperty("--spw-mosaic-item-width-desktop",`calc(100% / ${s})`)}render(){return i(e,{key:"9d7ac5809bee8a8ecf58bdee19a341eaffd217ef"},i("slot",{key:"9adf812c99dc0ffcd918327672027395fc3db797"}))}get el(){return s(this)}};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:"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{--spw-mosaic-item-width-mobile:100%;--spw-mosaic-item-width-tablet:100%;--spw-mosaic-item-width-desktop:100%;width:var(--spw-mosaic-item-width-mobile);padding:0 12px;margin-bottom:24px}@media (min-width: 768px){:host{width:var(--spw-mosaic-item-width-tablet)}}@media (min-width: 1024px){:host{width:var(--spw-mosaic-item-width-desktop)}}.spw-mobile-1{--spw-mosaic-item-width-mobile:calc(100% / 1)}.spw-tablet-1{--spw-mosaic-item-width-tablet:calc(100% / 1)}.spw-desktop-1{--spw-mosaic-item-width-desktop:calc(100% / 1)}.spw-mobile-2{--spw-mosaic-item-width-mobile:calc(100% / 2)}.spw-tablet-2{--spw-mosaic-item-width-tablet:calc(100% / 2)}.spw-desktop-2{--spw-mosaic-item-width-desktop:calc(100% / 2)}.spw-mobile-3{--spw-mosaic-item-width-mobile:calc(100% / 3)}.spw-tablet-3{--spw-mosaic-item-width-tablet:calc(100% / 3)}.spw-desktop-3{--spw-mosaic-item-width-desktop:calc(100% / 3)}.spw-mobile-4{--spw-mosaic-item-width-mobile:calc(100% / 4)}.spw-tablet-4{--spw-mosaic-item-width-tablet:calc(100% / 4)}.spw-desktop-4{--spw-mosaic-item-width-desktop:calc(100% / 4)}.spw-mobile-5{--spw-mosaic-item-width-mobile:calc(100% / 5)}.spw-tablet-5{--spw-mosaic-item-width-tablet:calc(100% / 5)}.spw-desktop-5{--spw-mosaic-item-width-desktop:calc(100% / 5)}.spw-mobile-6{--spw-mosaic-item-width-mobile:calc(100% / 6)}.spw-tablet-6{--spw-mosaic-item-width-tablet:calc(100% / 6)}.spw-desktop-6{--spw-mosaic-item-width-desktop:calc(100% / 6)}.spw-mobile-7{--spw-mosaic-item-width-mobile:calc(100% / 7)}.spw-tablet-7{--spw-mosaic-item-width-tablet:calc(100% / 7)}.spw-desktop-7{--spw-mosaic-item-width-desktop:calc(100% / 7)}.spw-mobile-8{--spw-mosaic-item-width-mobile:calc(100% / 8)}.spw-tablet-8{--spw-mosaic-item-width-tablet:calc(100% / 8)}.spw-desktop-8{--spw-mosaic-item-width-desktop:calc(100% / 8)}.spw-mobile-9{--spw-mosaic-item-width-mobile:calc(100% / 9)}.spw-tablet-9{--spw-mosaic-item-width-tablet:calc(100% / 9)}.spw-desktop-9{--spw-mosaic-item-width-desktop:calc(100% / 9)}.spw-mobile-10{--spw-mosaic-item-width-mobile:calc(100% / 10)}.spw-tablet-10{--spw-mosaic-item-width-tablet:calc(100% / 10)}.spw-desktop-10{--spw-mosaic-item-width-desktop:calc(100% / 10)}.spw-mobile-11{--spw-mosaic-item-width-mobile:calc(100% / 11)}.spw-tablet-11{--spw-mosaic-item-width-tablet:calc(100% / 11)}.spw-desktop-11{--spw-mosaic-item-width-desktop:calc(100% / 11)}.spw-mobile-12{--spw-mosaic-item-width-mobile:calc(100% / 12)}.spw-tablet-12{--spw-mosaic-item-width-tablet:calc(100% / 12)}.spw-desktop-12{--spw-mosaic-item-width-desktop:calc(100% / 12)}';export{o as spw_mosaic_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,c as t,h as s,H as i,a as o}from"./p-BhcwOlgO.js";const r=class{constructor(s){e(this,s),this.valueChanged=t(this,"valueChanged",7),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals),this.label="",this.placeholder="Sélectionner une option",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.defaultValue=null}handleItemsChange(){this.selectElement&&this.syncDynamicOptions()}async resetSelect(){this.internalValue="",this.value="",this.selectElement&&(this.selectElement.value=""),this.internals.setFormValue(""),this.valueChanged.emit("")}componentWillLoad(){var e;this.defaultValue=null!==(e=this.value)&&void 0!==e?e:this.getInitialSelectedValue(),this.internalValue=this.value||this.getInitialSelectedValue()}componentDidLoad(){this.internals.setFormValue(this.getFormValue()),this.items?this.syncDynamicOptions():this.moveOptionsToLightDom()}formResetCallback(){var e;this.setValue(null!==(e=this.defaultValue)&&void 0!==e?e:""),this.resetSelect()}setValue(e){this.internalValue=e,this.value=e,this.selectElement&&(this.selectElement.value=String(e)),this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}getFormValue(){return this.internalValue?String(this.internalValue):null}getInitialSelectedValue(){if(this.items&&this.items.length>0)return null;const e=Array.from(this.el.querySelectorAll("option"));for(const t of e)if(t.hasAttribute("selected"))return t.getAttribute("value");return null}handleSelectChange(e){this.internalValue=e.target.value,this.value=this.internalValue,this.internals.setFormValue(this.getFormValue()),this.valueChanged.emit(this.internalValue)}moveOptionsToLightDom(){const e=this.el.shadowRoot.querySelector("slot");e&&e.assignedNodes({flatten:!0}).forEach((e=>{"OPTION"!==e.nodeName&&"OPTGROUP"!==e.nodeName||this.selectElement.appendChild(e)}))}syncDynamicOptions(){for(;this.selectElement.options.length>1;)this.selectElement.remove(1);this.items&&this.items.length>0&&this.items.forEach((e=>{const t=document.createElement("option"),s=this.itemLabel?e[this.itemLabel]:e,i=e.disabled||!1;t.value=String(this.itemValue?e[this.itemValue]:e),t.textContent=String(s),t.disabled=i,this.selectElement.appendChild(t)})),this.selectElement.value!==String(this.internalValue||"")&&(this.selectElement.value=String(this.internalValue||""))}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-select":!0,[`spw-select--${this.size}`]:!0,"spw-select--disabled":this.disabled,"spw-select--is-error":!!this.error}}render(){return s(i,{key:"03a8d7f699a02091c1769f6ea6d01bc6adfc1a5d"},s("div",{key:"e4e8df7f871ce76fdb8f19ea1b10006a5ae50ec0",class:this.elementClass},this.label&&s("spw-field-label",{key:"e73bd6387bd7c647a11684300790f763bd1fea6e",label:this.label,name:this.name,required:this.required}),this.assistiveText&&s("spw-field-message",{key:"df5f4b589ae18374bf50802d4ed8dc923d06c34c",class:"spw-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),s("div",{key:"3f1ee0d1e1e84919b387c14a1833ffe7f2058823",class:"spw-select__container"},s("select",{key:"e8a04cd43db7c56e23acd133a682c4f973194c41",id:this.name,name:this.name,"aria-label":this.accAriaLabel||this.label||this.name,class:"spw-select__trigger",onChange:e=>this.handleSelectChange(e),disabled:this.disabled,ref:e=>this.selectElement=e,tabindex:this.disabled?-1:0},s("option",{key:"bae3d205bc526e60ac00fb492770b2614049b4cf",value:"",disabled:!0,selected:!this.internalValue},this.placeholder)),s("spw-icon",{key:"035d35a7db87d124d3102ff34c694a69bbccf0b3",class:"spw-select__arrow",icon:"fa-chevron-down"})),!this.items&&s("slot",{key:"7efab927c453d175faf60d83eb120ee487427796"})),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{items:[{handleItemsChange:0}]}}};r.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:"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-select{position:relative}.spw-select__container{position:relative}.spw-select__arrow{position:absolute;top:50%;transform:translateY(-50%);right:12px;pointer-events:none;color:var(--spw-color-themes-grey-grey-600);font-size:16px}.spw-select__field-message{margin-bottom:8px;margin-top:-4px}.spw-select__trigger{width:100%;height:40px;border-radius:4px;border:1px solid var(--spw-color-themes-grey-grey-800);background-color:#fff;font-size:16px;color:var(--spw-color-themes-grey-grey-800);position:relative;padding:0;margin:0;appearance:none;padding:0 12px;padding-right:40px}.spw-select__trigger:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-select__trigger:focus-visible{outline:3px solid white;outline-offset:0;box-shadow:0 0 0 6px black}.spw-select__trigger::after{content:"\\f078";font-family:var(--spw-ds-font-icons-solid);font-weight:900;font-size:14px;color:var(--spw-color-themes-grey-grey-800);position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.spw-select--is-error .spw-select__trigger{border-color:var(--spw-colors-states-error-error-300)}.spw-select--large .spw-select__trigger{height:60px;padding:0 24px;font-size:18px}.spw-select--disabled .spw-select__trigger{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-select--disabled .spw-select__trigger::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-select--disabled .spw-select__trigger:hover,.spw-select--disabled .spw-select__trigger:focus,.spw-select--disabled .spw-select__trigger:focus-visible{outline:none}';export{r as spw_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,a as i}from"./p-BhcwOlgO.js";const o=class{constructor(t){e(this,t)}componentDidLoad(){const e=this.el.closest("spw-card");e&&(e.addEventListener("mouseenter",(()=>this.onCardHover(!0))),e.addEventListener("mouseleave",(()=>this.onCardHover(!1))))}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");t&&(e?t.classList.add("--is-hovered"):t.classList.remove("--is-hovered"))}get elementClass(){return{"spw-card-image":!0,"spw-card-image--ratio":!!this.ratio}}render(){return t("div",{key:"cb691336030eaee506f7f5461e4ad4227cf6ee20",class:this.elementClass,style:this.ratio?{"--spw-card-image-ratio":this.ratio}:{}},this.label&&t("span",{key:"237f198be8e6649b755069c9a7c028e24bc3d5dc",class:"spw-card-image__label"},this.label),t("slot",{key:"6e61440a051911ff77cd5101f3ddce679c390a50"}),t("div",{key:"6d3258be72cb36b06050b50b1e28f9e38f1dbfa7",class:"spw-card-image__icon"},t("spw-icon",{key:"3d595d489ce0d1e999bfa33f112da8c0197797b4",icon:"fa-plus"})))}get el(){return i(this)}};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:"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{width:100%;line-height:1;--spw-card-image-display:block}:host(.--people){width:112px;max-width:112px}.spw-card-image{position:relative;overflow:hidden;border-radius:5px 5px 0 0;display:var(--spw-card-image-display)}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{border-radius:5px 0 0 5px}:host(.--people) .spw-card-image{border-radius:5px}:host(.--video) .spw-card-image,:host(.--sidebar) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{width:100%;height:auto;transition:all 0.3s ease;transform-origin:center center}.spw-card-image--ratio{aspect-ratio:var(--spw-card-image-ratio)}.spw-card-image--ratio ::slotted(img),.spw-card-image--ratio img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.spw-card-image__icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--spw-ds-primary);opacity:0.4}.spw-card-image__icon{position:absolute;z-index:2;display:flex;visibility:hidden;width:100%;height:100%;font-size:30px;font-weight:300;opacity:0;top:0;left:0;color:white;justify-content:center;align-items:center;transition:all 0.3s ease}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all 0.3s ease}.spw-card-image__label{position:absolute;top:10px;right:10px;display:inline-flex;padding:8px 12px;align-items:center;border-radius:9999px;color:var(--spw-color-themes-grey-grey-900);box-shadow:var(--spw-effect-elevation-3);font-size:14px;background:var(--spw-ds-white);z-index:3;line-height:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{visibility:visible;opacity:1}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical),:host(.--event){width:170px;min-width:170px;position:relative;overflow:hidden}:host(.--vertical) .spw-card-image,:host(.--event) .spw-card-image{height:100%}:host(.--vertical) .spw-card-image ::slotted(img),:host(.--event) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--sidebar){width:75px;min-width:75px;height:75px;min-height:75px;position:relative;overflow:hidden}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--video){width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}:host(.--video):after{content:"";background:black;opacity:0.4;transition:all linear 0.2s;border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;object-position:center}:host(.--video.--hovered):after{opacity:0.6}';export{o as spw_card_image}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as e}from"./p-BhcwOlgO.js";const i=class{constructor(e){t(this,e),this.valueChanged=s(this,"valueChanged",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.isOpen=!1,this.parsedOptions=[],this.focusedOptionIndex=null,this.searchText="",this.dropdownDirection="down",this.hasSelectedValue=!1,this.value=[],this.label="",this.placeholder="Sélectionnez une option",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.handleOtherSelectOpened=t=>{t.detail.instance!==this.host&&this.isOpen&&this.closeDropdown()},this.handleClickOutside=t=>{var s,e;if(this.isOpen){const i=t.composedPath()[0],o=this.host.contains(i),n=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".spw-custom-select__search-input"),r=null==n?void 0:n.contains(i);if(!o&&!r){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(i))return}this.closeDropdown()}}}}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.items&&this.parseOptions(this.items),this.updateSelectedOption()}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()}formResetCallback(){this.resetSelect()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside),document.addEventListener("spw-custom-select-opened",this.handleOtherSelectOpened),this.internals.setFormValue(this.getFormValue())}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside),document.removeEventListener("spw-custom-select-opened",this.handleOtherSelectOpened)}parseOptions(t){try{this.parsedOptions=Array.isArray(t)?t.map((t=>({value:t.value,label:t.label,disabled:t.disabled||!1}))):"string"==typeof t?JSON.parse(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.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(){const t=this.selectContainer.getBoundingClientRect(),s=window.innerHeight;this.dropdownDirection=t.bottom+200>s&&t.top>200?"up":"down"}openDropdownWithKeyboard(){this.determineDropdownDirection(),this.isOpen=!0,this.focusedOptionIndex=0,this.notifyOtherSelects()}closeDropdown(){this.isOpen=!1,this.focusedOptionIndex=null,this.searchText=""}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},this.error)}renderHintMessage(){if(this.hint)return e("spw-field-message",{variant:"hint",showIcon:this.showHintIcon},this.hint)}renderWarningMessage(){if(this.warning)return e("spw-field-message",{variant:"warning",showIcon:this.showWarningIcon},this.warning)}renderSuccessMessage(){if(this.success)return e("spw-field-message",{variant:"success",showIcon:this.showSuccessIcon},this.success)}get elementClass(){return{"spw-custom-select":!0,[`spw-custom-select--${this.size}`]:!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}}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.notifyOtherSelects())}isSearchVisible(){return!!this.isSearch&&(!this.hasSelectedValue&&!this.isOpen||!(!this.isSearch||!this.isOpen)||this.isOpen)}showPlaceholder(){return!this.isSearch&&!this.hasSelectedValue}render(){const t=this.getFilteredOptions(),s=this.showPlaceholder();return e("div",{key:"b14db7d2386d766368355779964b2aaf1d12883a",class:this.elementClass,ref:t=>this.host=t},this.label&&e("spw-field-label",{key:"23cc951518387d87fb2aac75fcb11d4e386c3a8a",label:this.label,name:this.name,required:this.required}),this.assistiveText&&e("spw-field-message",{key:"5e775c2e0d4f088aeac5936b60fae0d2a53984d5",class:"spw-custom-select__field-message",variant:"hint",showIcon:!1},this.assistiveText),e("div",{key:"09ee394fa2c01bc88fa1d425e21b5873615758b1",class:"spw-custom-select__wrapper"},e("div",{key:"bcfbcc4cbc27591eac8e865af022a60318d42094",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:"a66d964cc6958f878054c80db72f5a8fec38cc53",class:"spw-custom-select__selected"},this.isSearchVisible()&&e("div",{key:"6c6db72cbd2bfba15d144be535449336196555be",class:"spw-custom-select__search"},e("input",{key:"369521168c90323039c48a41689bd9fb71147ea1",class:"spw-custom-select__search-input",placeholder:"Entrez votre recherche",onInput:t=>this.handleSearchInput(t),value:this.searchText})),s&&e("span",{key:"4840d3a851c1c3c2037f87ef2fd7f7d76d17345d"},this.placeholder),this.multiple&&this.internalValue.length>0&&e("div",{key:"83356082df969a094eeb6bd9688301585448b2d5",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:"d3e7903216c507e2fc9fc94bec814a37576b4cc6"},this.getSelectedLabels()))),e("div",{key:"654ca8a8a8b8f57ea7bf9e0488cf1530a03dd646",class:"spw-custom-select__arrow"},e("spw-icon",{key:"c051c6bb9f71ef36e80edda3dd7c9aff4abb8831",icon:this.isOpen?"fa-chevron-up":"fa-chevron-down"})),this.isOpen&&e("div",{key:"ad29aae6e9a08f2e1f56bb570da6fa8cfd3c4ab7",class:`spw-custom-select__options spw-custom-select__options--${this.dropdownDirection}`},!!t.length&&e("ul",{key:"33154a536873077036837e0807cc2cf178df3b3c"},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},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.length&&e("p",{key:"d715b43bee14b967de36fd7798540c82501ee9ff",class:"spw-custom-select__no-results"},"Pas de résultats pour cette recherche."))),this.renderErrorMessage(),this.renderHintMessage(),this.renderSuccessMessage(),this.renderWarningMessage())}static get formAssociated(){return!0}static get watchers(){return{items:[{parseOptions:0}],value:[{valueChangedHandler:0}],internalValue:[{internalValueChanged:0}]}}};i.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:"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-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;border-radius:4px 4px 0 0;border-bottom-color:transparent}.spw-custom-select__selected{flex:1;padding-right:30px;max-width:100%}.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__arrow{position:absolute;right:12px;top:10px;font-size:16px;color:var(--spw-color-themes-grey-grey-600);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}.spw-custom-select--has-value.spw-custom-select--is-opened .spw-custom-select__search{top:auto;top:100%;margin-top:-3px}.spw-custom-select__search-input{padding:0;height:38px;line-height:40px;border:none;margin:0;width:calc(100% - 30px);text-overflow:ellipsis}.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-right:1px solid var(--spw-color-themes-grey-grey-800);width:100%}.spw-custom-select__options{position:absolute;width:100%;background-color:#fff;border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:0 0 4px 4px;max-height:200px;overflow-y:auto;z-index:12}.spw-custom-select__options--down{top:100%;transform:translateY(0)}.spw-custom-select__options--up{top:100%;transform:translateY(0)}.spw-custom-select--has-value.spw-custom-select--is-opened:not(.spw-custom-select--not-searchable) .spw-custom-select__options{margin-top:35px}.spw-custom-select__no-results{padding:12px;cursor:not-allowed;color:var(--spw-color-themes-grey-grey-600)}.spw-custom-select__option{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__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{i as spw_custom_select}
|