npm - @spw-ds/spw-stencil-library - Versions diffs - 1.11.0 → 1.12.1 - Mend

@spw-ds/spw-stencil-library 1.11.0 → 1.12.1

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.

Files changed (491) hide show

package/dist/components/spw-grid.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,a as o,t as s}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.gap="medium"}emitConfigurationChanged(){const e=new CustomEvent("gridConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(e)}configurationChanged(){this.emitConfigurationChanged()}componentDidLoad(){this.emitConfigurationChanged()}render(){return i(o,{key:"~~ad0e97677e8c55b59184abdaac623093fe7e7588~~"},i("div",{key:"~~4be3c4a40a875d4f28ab0782946e4395e6840c8a~~",class:{"spw-grid":!0,["spw-grid--gap-"+this.gap]:!!this.gap},style:{"--spw-grid-cols-mobile":""+this.colsMobile,"--spw-grid-cols-tablet":""+this.colsTablet,"--spw-grid-cols-desktop":""+this.colsDesktop}},i("slot",{key:"~~6798bd94b943d57049d30027247cee68ce4d44be~~"})))}get el(){return this}static get watchers(){return{colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-grid-gap-small:8px;--spw-grid-gap-medium:24px;--spw-grid-gap-large:48px}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr)}.spw-grid--gap-none{gap:0}.spw-grid--gap-small{gap:var(--spw-grid-gap-small)}.spw-grid--gap-medium{gap:var(--spw-grid-gap-medium)}.spw-grid--gap-large{gap:var(--spw-grid-gap-large)}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}"}},[257,"spw-grid",{colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],gap:[1]},void 0,{colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),a=n,r=function(){"undefined"!=typeof customElements&&["spw-grid"].forEach((e=>{"spw-grid"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),n))}))};export{a as SpwGrid,r as defineCustomElement}
1	+ import{p as e,H as t,h as i,a as o,t as s}from"./index.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.colsMobile=1,this.colsTablet=2,this.colsDesktop=3,this.gap="medium"}emitConfigurationChanged(){const e=new CustomEvent("gridConfigurationChanged",{detail:{colsMobile:this.colsMobile,colsTablet:this.colsTablet,colsDesktop:this.colsDesktop},bubbles:!0,composed:!0});this.el.dispatchEvent(e)}configurationChanged(){this.emitConfigurationChanged()}componentDidLoad(){this.emitConfigurationChanged()}render(){return i(o,{key:"e3b1f2084c0ee57485f9fa19f2a55c24d6be564e"},i("div",{key:"351ab4d7a6fa6888ca7dc84387a9569f5764d4dd",class:{"spw-grid":!0,["spw-grid--gap-"+this.gap]:!!this.gap},style:{"--spw-grid-cols-mobile":""+this.colsMobile,"--spw-grid-cols-tablet":""+this.colsTablet,"--spw-grid-cols-desktop":""+this.colsDesktop}},i("slot",{key:"1fcb8e4df8931825d68301b35ae5e9d53f216418"})))}get el(){return this}static get watchers(){return{colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-grid-gap-small:8px;--spw-grid-gap-medium:24px;--spw-grid-gap-large:48px}.spw-grid{display:grid;grid-template-columns:repeat(var(--spw-grid-cols-mobile, 1), 1fr)}.spw-grid--gap-none{gap:0}.spw-grid--gap-small{gap:var(--spw-grid-gap-small)}.spw-grid--gap-medium{gap:var(--spw-grid-gap-medium)}.spw-grid--gap-large{gap:var(--spw-grid-gap-large)}@media (min-width: 768px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-tablet, 2), 1fr)}}@media (min-width: 1024px){.spw-grid{grid-template-columns:repeat(var(--spw-grid-cols-desktop, 3), 1fr)}}"}},[257,"spw-grid",{colsMobile:[2,"cols-mobile"],colsTablet:[2,"cols-tablet"],colsDesktop:[2,"cols-desktop"],gap:[1]},void 0,{colsMobile:[{configurationChanged:0}],colsTablet:[{configurationChanged:0}],colsDesktop:[{configurationChanged:0}]}]),a=n,r=function(){"undefined"!=typeof customElements&&["spw-grid"].forEach((e=>{"spw-grid"===e&&(customElements.get(s(e))\|\|customElements.define(s(e),n))}))};export{a as SpwGrid,r as defineCustomElement}

package/dist/components/spw-group.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as n}from"./p-~~CNmnvMAU~~.js";import{d as r}from"./p-oVOlDrOp.js";import{d as p}from"./p-~~D2bR89OY~~.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="buttons",this.orientation="horizontal",this.alignment="left",this.disabled=!1,this.label="",this.isReversed=!1,this.isFullWidth=!1,this.flexWrap="nowrap",this.tooltipDirection="top",this.tooltipCursor="help",this.handleSlotChange=()=>{var t;((null===(t=this.slotEl)\|\|void 0===t?void 0:t.assignedElements)?this.slotEl.assignedElements():Array.from(this.host.querySelectorAll(""))).forEach((t=>{this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled")~~}))}}componentDidLoad~~()~~{this~~.~~handleSlotChange~~()}get groupClasses(){return{"spw-group":!0,"spw-group--horizontal":"horizontal"===this.orientation,"spw-group--vertical":"vertical"===this.orientation,"spw-group--reversed":this.isReversed,"spw-group--disabled":this.disabled,"spw-group--is-full-width":this.isFullWidth,["spw-group--"+this.type]:!0,["spw-group--align-"+this.alignment]:!0}}render(){return i(o,{key:"~~e41360b16f6cc5dc9d658f242631f89f3d4f852d~~"},i("div",{key:"~~4d607514ef227223d17c803bf5eb1e666cc09ba1~~",class:this.groupClasses},this.label&&i("spw-field-label",{key:"~~2ee090e6fcccc719ff61816c5c0fc18e63635b27~~",class:"spw-group__field-label",label:this.label,name:this.name,required:this.required,tooltipTitle:this.tooltipTitle,tooltipText:this.tooltipText,tooltipMaxWidth:this.tooltipMaxWidth,tooltipDirection:this.tooltipDirection,tooltipCursor:this.tooltipCursor}),i("div",{key:"~~73a3e5e024d69c5c472acddabec3ce62d7a63bf1~~",class:"spw-group__container",style:{flexWrap:this.flexWrap}},i("slot",{key:"~~7abab1853fc3d1306359e9fe4a3585a49957b322~~",ref:t=>this.slotEl=t}))))}get host(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host ::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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;width:100%}.spw-group spw-button:not[is-fullwidth-mobile=false]{display:block;width:100%}@media (min-width: 768px){.spw-group spw-button:not[is-fullwidth-mobile=false]{display:initial;width:auto}}.spw-group__field-label{margin-bottom:12px}.spw-group__container{display:flex;width:fit-content}.spw-group--is-full-width .spw-group__container{width:100% !important}@media (min-width: 768px){.spw-group--buttons.spw-group--align-center .spw-group__container{justify-content:center;align-items:center}}@media (min-width: 768px){.spw-group__container{align-items:center}}.spw-group--buttons .spw-group__container{gap:12px;width:100%}@media (min-width: 768px){.spw-group--buttons .spw-group__container{width:fit-content}}.spw-group--links .spw-group__container,.spw-group--checkboxes .spw-group__container,.spw-group--radios .spw-group__container{gap:16px}.spw-group--checkboxes.spw-group--horizontal .spw-group__container,.spw-group--radios.spw-group--horizontal .spw-group__container{gap:16px}@media (min-width: 768px){.spw-group--checkboxes.spw-group--horizontal .spw-group__container,.spw-group--radios.spw-group--horizontal .spw-group__container{gap:24px}}.spw-group--buttons.spw-group--align-right.spw-group--horizontal .spw-group__container{flex-direction:column}@media (min-width: 768px){.spw-group--buttons.spw-group--align-right.spw-group--horizontal .spw-group__container{flex-direction:row-reverse}}.spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed .spw-group__container{flex-direction:column-reverse}@media (min-width: 768px){.spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed .spw-group__container{flex-direction:row}}.spw-group--align-left .spw-group__container{margin-right:auto}.spw-group--align-center .spw-group__container{margin-left:auto;margin-right:auto}.spw-group--align-right .spw-group__container{margin-left:auto}.spw-group--vertical .spw-group__container{flex-direction:column;align-items:flex-start}.spw-group--align-center .spw-group--vertical .spw-group__container{align-items:center}.spw-group--align-right .spw-group--vertical .spw-group__container{align-items:flex-end}.spw-group--horizontal .spw-group__container{flex-direction:column}@media (min-width: 768px){.spw-group--horizontal .spw-group__container{flex-direction:row}}.spw-group--disabled{opacity:0.5;pointer-events:none}"}},[260,"spw-group",{type:[1],orientation:[1],alignment:[1],disabled:[4],label:[1],required:[4],isReversed:[4,"is-reversed"],name:[1],isFullWidth:[4,"is-full-width"],flexWrap:[1,"flex-wrap"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"]}]),l=a,u=function(){"undefined"!=typeof customElements&&["spw-group","spw-field-label","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-group":customElements.get(s(t))\|\|customElements.define(s(t),a);break;case"spw-field-label":customElements.get(s(t))\|\|n();break;case"spw-icon":customElements.get(s(t))\|\|r();break;case"spw-tooltip":customElements.get(s(t))\|\|p()}}))};export{l as SpwGroup,u as defineCustomElement}
1	+ import{p as t,H as e,h as i,a as o,t as s}from"./index.js";import{d as r}from"./p-rvgnHRf7.js";import{d as n}from"./p-CLCgZYzK.js";import{d as p}from"./p-oVOlDrOp.js";import{d as a}from"./p-BwzaPX9J.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.type="buttons",this.orientation="horizontal",this.alignment="left",this.disabled=!1,this.label="",this.isReversed=!1,this.isFullWidth=!1,this.flexWrap="nowrap",this.error="",this.hint="",this.success="",this.warning="",this.tooltipDirection="top",this.tooltipCursor="help"}get isCheckboxOrRadio(){return"checkboxes"===this.type\|\|"radios"===this.type}componentDidLoad(){this.handleSlotChange()}handleSlotChange(){var t;((null===(t=this.slotEl)\|\|void 0===t?void 0:t.assignedElements)?this.slotEl.assignedElements():Array.from(this.host.querySelectorAll(""))).forEach((t=>{this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"),this.isCheckboxOrRadio&&this.error?t.setAttribute("error",""):t.removeAttribute("error")}))}get groupClasses(){return{"spw-group":!0,"spw-group--horizontal":"horizontal"===this.orientation,"spw-group--vertical":"vertical"===this.orientation,"spw-group--reversed":this.isReversed,"spw-group--disabled":this.disabled,"spw-group--is-error":!(!this.error\|\|!this.isCheckboxOrRadio),"spw-group--is-full-width":this.isFullWidth,["spw-group--"+this.type]:!0,["spw-group--align-"+this.alignment]:!0}}renderMessages(){if(this.isCheckboxOrRadio)return[this.error&&i("spw-field-message",{variant:"error"},this.error),this.hint&&i("spw-field-message",{variant:"hint"},this.hint),this.success&&i("spw-field-message",{variant:"success"},this.success),this.warning&&i("spw-field-message",{variant:"warning"},this.warning)]}render(){return i(o,{key:"2d8438c4e41a748a04c282991d6fa0c9811626ef"},i("div",{key:"3cedc33a257bdb112e0b03dbf703d3eba07f262f",class:this.groupClasses},this.label&&i("spw-field-label",{key:"9b9988718669bc2f832d280549f32f72b2580e0e",class:"spw-group__field-label",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.isCheckboxOrRadio&&this.assistiveText&&i("spw-field-message",{key:"3ffbe7cdc69048a63fbd89342024c86787502a0e",class:"spw-group__field-message",variant:"hint",showIcon:!1},this.assistiveText),i("div",{key:"50533c9bd5cca52ba2620e005a86a19e23237daa",class:"spw-group__container",style:{flexWrap:this.flexWrap}},i("slot",{key:"91c0a8fd562f4eaa2edacb5489fc14703c8f88f8",ref:t=>this.slotEl=t})),this.renderMessages()))}get host(){return this}static get watchers(){return{disabled:[{handleSlotChange:0}],error:[{handleSlotChange:0}]}}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host ::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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;width:100%}.spw-group spw-button:not[is-fullwidth-mobile=false]{display:block;width:100%}@media (min-width: 768px){.spw-group spw-button:not[is-fullwidth-mobile=false]{display:initial;width:auto}}.spw-group__field-label{margin-bottom:12px}.spw-group__field-message{margin-bottom:8px;margin-top:-8px}.spw-group__container{display:flex;width:fit-content}.spw-group--is-full-width .spw-group__container{width:100% !important}@media (min-width: 768px){.spw-group--buttons.spw-group--align-center .spw-group__container{justify-content:center;align-items:center}}@media (min-width: 768px){.spw-group__container{align-items:center}}.spw-group--buttons .spw-group__container{gap:12px;width:100%}@media (min-width: 768px){.spw-group--buttons .spw-group__container{width:fit-content}}.spw-group--links .spw-group__container,.spw-group--checkboxes .spw-group__container,.spw-group--radios .spw-group__container{gap:16px}.spw-group--checkboxes.spw-group--horizontal .spw-group__container,.spw-group--radios.spw-group--horizontal .spw-group__container{gap:16px}@media (min-width: 768px){.spw-group--checkboxes.spw-group--horizontal .spw-group__container,.spw-group--radios.spw-group--horizontal .spw-group__container{gap:24px}}.spw-group--buttons.spw-group--align-right.spw-group--horizontal .spw-group__container{flex-direction:column}@media (min-width: 768px){.spw-group--buttons.spw-group--align-right.spw-group--horizontal .spw-group__container{flex-direction:row-reverse}}.spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed .spw-group__container{flex-direction:column-reverse}@media (min-width: 768px){.spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed .spw-group__container{flex-direction:row}}.spw-group--align-left .spw-group__container{margin-right:auto}.spw-group--align-center .spw-group__container{margin-left:auto;margin-right:auto}.spw-group--align-right .spw-group__container{margin-left:auto}.spw-group--vertical .spw-group__container{flex-direction:column;align-items:flex-start}.spw-group--align-center .spw-group--vertical .spw-group__container{align-items:center}.spw-group--align-right .spw-group--vertical .spw-group__container{align-items:flex-end}.spw-group--horizontal .spw-group__container{flex-direction:column}@media (min-width: 768px){.spw-group--horizontal .spw-group__container{flex-direction:row}}.spw-group--disabled{opacity:0.5;pointer-events:none}"}},[260,"spw-group",{type:[1],orientation:[1],alignment:[1],disabled:[4],label:[1],required:[4],isReversed:[4,"is-reversed"],name:[1],isFullWidth:[4,"is-full-width"],flexWrap:[1,"flex-wrap"],assistiveText:[1,"assistive-text"],error:[1],hint:[1],success:[1],warning:[1],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],tooltipMaxWidth:[1,"tooltip-max-width"],tooltipDirection:[1,"tooltip-direction"],tooltipCursor:[1,"tooltip-cursor"]},void 0,{disabled:[{handleSlotChange:0}],error:[{handleSlotChange:0}]}]),d=l,u=function(){"undefined"!=typeof customElements&&["spw-group","spw-field-label","spw-field-message","spw-icon","spw-tooltip"].forEach((t=>{switch(t){case"spw-group":customElements.get(s(t))\|\|customElements.define(s(t),l);break;case"spw-field-label":customElements.get(s(t))\|\|r();break;case"spw-field-message":customElements.get(s(t))\|\|n();break;case"spw-icon":customElements.get(s(t))\|\|p();break;case"spw-tooltip":customElements.get(s(t))\|\|a()}}))};export{d as SpwGroup,u as defineCustomElement}

package/dist/components/spw-header-lang.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as i,h as n,a,t as o}from"./index.js";import{d as s}from"./p-~~D3lAXshq~~.js";import{d}from"./p-oVOlDrOp.js";import{d as r}from"./p-~~CyuzNTuL~~.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.langChange=i(this,"langChange",7),this.activeLang="",this.options=[],this.handleButtonKeyDown=e=>{var t;" "!==e.key&&"Enter"!==e.key\|\|(e.preventDefault(),null===(t=this.selectEl)\|\|void 0===t\|\|t.click())},this.handleButtonClick=()=>{var e;null===(e=this.selectEl)\|\|void 0===e\|\|e.click()},this.handleOptionClick=e=>{this.setActiveLangAndRedirect(e)}}componentDidLoad(){this.moveOptionsToSelect()}moveOptionsToSelect(){var e;const t=Array.from(this.el.querySelectorAll("option"));this.options=t;const i=t.find((e=>e.hasAttribute("selected")\|\|e.selected));t.forEach((e=>{this.selectEl.appendChild(e)})),i&&(this.activeLang=(null===(e=i.textContent)\|\|void 0===e?void 0:e.trim())\|\|"")}handleChange(e){this.setActiveLangAndRedirect(e.target.selectedOptions[0])}setActiveLangAndRedirect(e){var t;this.activeLang=(null===(t=null==e?void 0:e.textContent)\|\|void 0===t?void 0:t.trim())\|\|"";const i=(null==e?void 0:e.getAttribute("value"))\|\|"";this.langChange.emit(i);const n=null==e?void 0:e.getAttribute("data-link");n&&"#"!==n&&(window.location.href=n)}render(){return n(a,{key:"~~f412be59ad362fcbf7090e1b237a59523d7e3877~~"},n("div",{key:"~~0918815cda392973071528bb7c458351e18cf1aa~~",class:"spw-header-lang"},n("spw-button",{key:"~~ab16aec8e90a32acba575d2592b89e832cd1ef87~~",variant:"tertiary",surface:"light",icon:"fa-chevron-down",class:"spw-header-lang__active-lang",onKeyDown:this.handleButtonKeyDown,onClick:this.handleButtonClick},this.activeLang),n("select",{key:"~~362ca222b6978aff3eed72ec898defc92a80edd6~~","aria-label":this.accAriaLabel\|\|"Lang",class:"spw-header-lang__select",onChange:e=>this.handleChange(e),ref:e=>this.selectEl=e,tabIndex:-1}),n("ul",{key:"~~d2eb3baa05b6df90cdcfe0e31826af1b156076d9~~",class:"spw-header-lang__options"},this.options.map((e=>{var t;const i=(null===(t=e.textContent)\|\|void 0===t?void 0:t.trim())\|\|"",a=e.getAttribute("value")\|\|"";return n("li",{class:{"spw-header-lang__option":!0,"spw-header-lang__option--selected":i===this.activeLang},"data-value":a,onClick:()=>this.handleOptionClick(e)},i)})))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}"}},[1,"spw-header-lang",{accAriaLabel:[1,"acc-aria-label"],activeLang:[32],options:[32]}]),l=p,c=function(){"undefined"!=typeof customElements&&["spw-header-lang","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-header-lang":customElements.get(o(e))\|\|customElements.define(o(e),p);break;case"spw-button":customElements.get(o(e))\|\|s();break;case"spw-icon":customElements.get(o(e))\|\|d();break;case"spw-loading":customElements.get(o(e))\|\|r()}}))};export{l as SpwHeaderLang,c as defineCustomElement}
1	+ import{p as e,H as t,c as i,h as n,a,t as o}from"./index.js";import{d as s}from"./p-CnGo7W4h.js";import{d}from"./p-oVOlDrOp.js";import{d as r}from"./p-CCD1i9Et.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.langChange=i(this,"langChange",7),this.activeLang="",this.options=[],this.handleButtonKeyDown=e=>{var t;" "!==e.key&&"Enter"!==e.key\|\|(e.preventDefault(),null===(t=this.selectEl)\|\|void 0===t\|\|t.click())},this.handleButtonClick=()=>{var e;null===(e=this.selectEl)\|\|void 0===e\|\|e.click()},this.handleOptionClick=e=>{this.setActiveLangAndRedirect(e)}}componentDidLoad(){this.moveOptionsToSelect()}moveOptionsToSelect(){var e;const t=Array.from(this.el.querySelectorAll("option"));this.options=t;const i=t.find((e=>e.hasAttribute("selected")\|\|e.selected));t.forEach((e=>{this.selectEl.appendChild(e)})),i&&(this.activeLang=(null===(e=i.textContent)\|\|void 0===e?void 0:e.trim())\|\|"")}handleChange(e){this.setActiveLangAndRedirect(e.target.selectedOptions[0])}setActiveLangAndRedirect(e){var t;this.activeLang=(null===(t=null==e?void 0:e.textContent)\|\|void 0===t?void 0:t.trim())\|\|"";const i=(null==e?void 0:e.getAttribute("value"))\|\|"";this.langChange.emit(i);const n=null==e?void 0:e.getAttribute("data-link");n&&"#"!==n&&(window.location.href=n)}render(){return n(a,{key:"06242ab720bf430b9fc2b2f3dee6792465511ab9"},n("div",{key:"bb3a9606231b8bf69b6e19346223b52044bfb280",class:"spw-header-lang"},n("spw-button",{key:"02c5b7db54c98c34a5a67c2ed50a42b43bb43861",variant:"tertiary",surface:"light",icon:"fa-chevron-down",class:"spw-header-lang__active-lang",onKeyDown:this.handleButtonKeyDown,onClick:this.handleButtonClick},this.activeLang),n("select",{key:"247fe0ac8ac870da425f52e41f239921529fdf70","aria-label":this.accAriaLabel\|\|"Lang",class:"spw-header-lang__select",onChange:e=>this.handleChange(e),ref:e=>this.selectEl=e,tabIndex:-1}),n("ul",{key:"a5b041a4630a55593243ff102ee0738eb8efb2ea",class:"spw-header-lang__options"},this.options.map((e=>{var t;const i=(null===(t=e.textContent)\|\|void 0===t?void 0:t.trim())\|\|"",a=e.getAttribute("value")\|\|"";return n("li",{class:{"spw-header-lang__option":!0,"spw-header-lang__option--selected":i===this.activeLang},"data-value":a,onClick:()=>this.handleOptionClick(e)},i)})))))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-lang{position:relative}@media (max-width: 1023px){.spw-header-lang{margin-bottom:0}}@media (min-width: 1024px){.spw-header-lang:hover .spw-header-lang__dropdown{display:block}}.spw-header-lang__select{display:none}@media (min-width: 1024px){.spw-header-lang__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}}.spw-header-lang__active-lang{display:none}@media (min-width: 1024px){.spw-header-lang__active-lang{display:block}}.spw-header-lang__options{display:flex;gap:24px;text-transform:uppercase}@media (min-width: 1024px){.spw-header-lang__options{display:none}}.spw-header-lang__option{padding:16px 0;font-weight:bold;text-decoration:underline}.spw-header-lang__option--selected{color:var(--spw-ds-primary);text-decoration:none}@media (min-width: 1024px){.spw-header-lang__option{padding:24px 0}}.spw-header-lang__dropdown{display:flex}@media (min-width: 1024px){.spw-header-lang__dropdown{display:none;z-index:99999;position:absolute;overflow:hidden;top:100%;width:max-content;right:0;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}"}},[1,"spw-header-lang",{accAriaLabel:[1,"acc-aria-label"],activeLang:[32],options:[32]}]),l=p,h=function(){"undefined"!=typeof customElements&&["spw-header-lang","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-header-lang":customElements.get(o(e))\|\|customElements.define(o(e),p);break;case"spw-button":customElements.get(o(e))\|\|s();break;case"spw-icon":customElements.get(o(e))\|\|d();break;case"spw-loading":customElements.get(o(e))\|\|r()}}))};export{l as SpwHeaderLang,h as defineCustomElement}

package/dist/components/spw-header-navigation-dropdown.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,a as n,t as o}from"./index.js";import{d as s}from"./p-oVOlDrOp.js";import{d as a}from"./p-~~D0jLTe4Y~~.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.viewMoreText="Voir plus",this.shouldShowViewMore=!1,this.parentHref="#",this.parentTarget="_self",this.dropdownLevel=1,this.isMegamenu=!1}componentDidLoad(){this.calculateDropdownLevel(),this.isMegamenu=this.isParentMegamenu(),this.checkIfShouldShowViewMore();const e=this.el.shadowRoot.querySelector("slot");e&&new MutationObserver((()=>{this.checkIfShouldShowViewMore()})).observe(e,{childList:!0,subtree:!0})}calculateDropdownLevel(){let e=1,t=this.el.parentElement;for(;t&&"SPW-HEADER-NAVIGATION"!==t.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName&&e++,t=t.parentElement;this.dropdownLevel=e}checkIfShouldShowViewMore(){if(2!==this.dropdownLevel)return void(this.shouldShowViewMore=!1);if(!this.isMegamenu)return void(this.shouldShowViewMore=!1);const e=this.el.shadowRoot.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}),i=Array.from(t).filter((e=>"SPW-HEADER-NAVIGATION-ITEM"===e.tagName)).filter((e=>"3"===e.getAttribute("data-level")));this.getParentLink(),this.shouldShowViewMore=i.length>7\|\|0===i.length}isParentMegamenu(){let e=this.el.parentElement;for(;e;){if("SPW-HEADER-NAVIGATION-ITEM"===e.tagName&&"1"===e.getAttribute("data-level"))return"megamenu"===e.getAttribute("variant");e=e.parentElement}return!1}getParentLink(){let e=this.el.parentElement;for(;e;){if("SPW-HEADER-NAVIGATION-ITEM"===e.tagName){const t=e.querySelector("a");t&&(this.parentHref=t.getAttribute("href")\|\|"#",this.parentTarget=t.getAttribute("target")\|\|"_self");break}e=e.parentElement}}render(){return i(n,{key:"~~fd920b86e9c31a738b6ce2e2031dcc7a13fbd10b~~",class:{"spw-header-navigation-dropdown--is-megamenu":this.isMegamenu}},i("div",{key:"~~ba0cc67dadf4488f8840050fbbfda37c2cbdfc12~~",class:"spw-header-navigation-dropdown"},i("slot",{key:"~~53679c89bfaacfce3d4e3f112a2f61b0eeb1a43c~~"}),this.shouldShowViewMore&&i("spw-link",{key:"~~fbe282a2d64afad936e06dcfb908cb1acf636981~~",icon:"fa-arrow-right",class:"spw-header-navigation-item--view-more",href:this.parentHref,target:this.parentTarget},this.viewMoreText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}'}},[257,"spw-header-navigation-dropdown",{viewMoreText:[1,"view-more-text"],shouldShowViewMore:[32],parentHref:[32],parentTarget:[32],dropdownLevel:[32],isMegamenu:[32]}]),d=r,p=function(){"undefined"!=typeof customElements&&["spw-header-navigation-dropdown","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-header-navigation-dropdown":customElements.get(o(e))\|\|customElements.define(o(e),r);break;case"spw-icon":customElements.get(o(e))\|\|s();break;case"spw-link":customElements.get(o(e))\|\|a()}}))};export{d as SpwHeaderNavigationDropdown,p as defineCustomElement}
1	+ import{p as e,H as t,h as i,a as n,t as o}from"./index.js";import{d as s}from"./p-oVOlDrOp.js";import{d as a}from"./p-1uE1Qo3N.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.viewMoreText="Voir plus",this.shouldShowViewMore=!1,this.parentHref="#",this.parentTarget="_self",this.dropdownLevel=1,this.isMegamenu=!1}componentDidLoad(){this.calculateDropdownLevel(),this.isMegamenu=this.isParentMegamenu(),this.checkIfShouldShowViewMore();const e=this.el.shadowRoot.querySelector("slot");e&&new MutationObserver((()=>{this.checkIfShouldShowViewMore()})).observe(e,{childList:!0,subtree:!0})}calculateDropdownLevel(){let e=1,t=this.el.parentElement;for(;t&&"SPW-HEADER-NAVIGATION"!==t.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName&&e++,t=t.parentElement;this.dropdownLevel=e}checkIfShouldShowViewMore(){if(2!==this.dropdownLevel)return void(this.shouldShowViewMore=!1);if(!this.isMegamenu)return void(this.shouldShowViewMore=!1);const e=this.el.shadowRoot.querySelector("slot");if(!e)return;const t=e.assignedElements({flatten:!0}),i=Array.from(t).filter((e=>"SPW-HEADER-NAVIGATION-ITEM"===e.tagName)).filter((e=>"3"===e.getAttribute("data-level")));this.getParentLink(),this.shouldShowViewMore=i.length>7\|\|0===i.length}isParentMegamenu(){let e=this.el.parentElement;for(;e;){if("SPW-HEADER-NAVIGATION-ITEM"===e.tagName&&"1"===e.getAttribute("data-level"))return"megamenu"===e.getAttribute("variant");e=e.parentElement}return!1}getParentLink(){let e=this.el.parentElement;for(;e;){if("SPW-HEADER-NAVIGATION-ITEM"===e.tagName){const t=e.querySelector("a");t&&(this.parentHref=t.getAttribute("href")\|\|"#",this.parentTarget=t.getAttribute("target")\|\|"_self");break}e=e.parentElement}}render(){return i(n,{key:"ba7103f29234e8bae802d8aecf08f942b9fa5481",class:{"spw-header-navigation-dropdown--is-megamenu":this.isMegamenu}},i("div",{key:"7371574a8be7084a053cf9fa91eb5c5239fd0769",class:"spw-header-navigation-dropdown"},i("slot",{key:"1609aa6db756e127e8cd5ca954fee0c4c0b63486"}),this.shouldShowViewMore&&i("spw-link",{key:"226401939eb4327ebe413c73860e58439fb7e7c7",icon:"fa-arrow-right",class:"spw-header-navigation-item--view-more",href:this.parentHref,target:this.parentTarget},this.viewMoreText)))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-navigation-dropdown--is-megamenu{display:contents}@media (min-width: 1024px){.spw-header-navigation-dropdown--is-megamenu{width:100%;max-width:var(--spw-ds-container-lg);margin:0 auto;display:flex;flex-wrap:wrap;padding:16px 0}}@media (min-width: 1350px){.spw-header-navigation-dropdown--is-megamenu{max-width:var(--spw-ds-container-xl)}}@media (min-width: 1024px){:host(.spw-header-navigation-dropdown--is-megamenu) ::slotted(spw-header-navigation-item[data-level="3"]:nth-child(n+8)){display:none}}.spw-header-navigation-item--view-more{display:none !important}@media (min-width: 1024px){.spw-header-navigation-item--view-more{display:block !important;padding:8px 16px;border-left:1px solid var(--spw-colors-support-grey-grey-300);font-size:14px}}'}},[257,"spw-header-navigation-dropdown",{viewMoreText:[1,"view-more-text"],shouldShowViewMore:[32],parentHref:[32],parentTarget:[32],dropdownLevel:[32],isMegamenu:[32]}]),d=r,p=function(){"undefined"!=typeof customElements&&["spw-header-navigation-dropdown","spw-icon","spw-link"].forEach((e=>{switch(e){case"spw-header-navigation-dropdown":customElements.get(o(e))\|\|customElements.define(o(e),r);break;case"spw-icon":customElements.get(o(e))\|\|s();break;case"spw-link":customElements.get(o(e))\|\|a()}}))};export{d as SpwHeaderNavigationDropdown,p as defineCustomElement}

package/dist/components/spw-header-navigation-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as i,h as a,a as o,t as n}from"./index.js";import{d as s}from"./p-oVOlDrOp.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwHeaderNavigationNavigate=i(this,"spwHeaderNavigationNavigate",7),this.isActive=!1,this.variant="default",this.internalIsActive=!1,this.hasSubnav=!1,this.level=1,this.isSubnavVisible=!1,this.lastClickedLevel1Item=null,this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive,this.checkForSubnav(),this.calculateLevel(),this.updateLevelClass()}componentWillUpdate(){this.isActive!==this.internalIsActive&&(this.internalIsActive=this.isActive),this.updateLevelClass()}componentDidUpdate(){this.propagateMegamenuClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0}).some((t=>"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName));e!==this.hasSubnav&&(this.hasSubnav=e)}}calculateLevel(){let t=1,e=this.el.parentElement;for(;e&&"SPW-HEADER-NAVIGATION"!==e.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===e.tagName&&t++,e=e.parentElement;this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{e.startsWith("spw-ds-nav-level-")&&t.classList.remove(e)})),t.classList.add("spw-ds-nav-level-"+this.level),this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){this.isMobile&&(t.stopPropagation(),this.hasSubnav&&!this.isSubnavVisible)&&(window.matchMedia("(max-width: 1024px)").matches&&t.preventDefault(),1===this.level&&(this.lastClickedLevel1Item=this.el.innerText,document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)),this.isSubnavVisible=!this.isSubnavVisible,this.isSubnavVisible&&(this.level++,this.updateLevelClass()))}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")\|\|""}handleBackClick(t){t.stopPropagation(),this.isSubnavVisible=!1,this.level>1&&(this.level--,this.updateLevelClass()),this.internalIsActive=!1,1!==this.level\|\|this.isSubnavVisible\|\|(this.lastClickedLevel1Item=null,document.documentElement.removeAttribute("data-ds-nav-level1"))}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0});if(e.length>0){const t=e[0];return{title:t.innerText\|\|"",link:t.href\|\|null,target:t.target\|\|null}}}return null}propagateMegamenuClass(){if("megamenu"===this.variant&&1===this.level){const t=this.el.shadowRoot.querySelector("slot");t&&t.assignedElements({flatten:!0}).forEach((t=>{if("SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName){const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-dropdown");t&&t.classList.add("spw-header-navigation-dropdown--is-megamenu")}t.querySelectorAll("spw-header-navigation-item").forEach((t=>{const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-item");t&&t.classList.add("spw-header-navigation-item--is-megamenu")}}))}}))}}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav(),this.propagateMegamenuClass()}),0);const t=this.el.shadowRoot.querySelector("slot");t&&new MutationObserver((()=>{this.checkForSubnav(),this.propagateMegamenuClass()})).observe(t,{childList:!0,subtree:!0})}render(){const t=this.getPageTitle(),e=this.getStoredLevel1Item();return a(o,{key:"856dfa01b6a909e25dc3f8b76a3c38756556a8dc","data-level":this.level},a("div",{key:"24547c4fdf8d08a2a88e2cc24455d3816fd99ba4",class:{"spw-header-navigation-item":!0,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible,"spw-header-navigation-item--is-megamenu":"megamenu"===this.variant}},a("div",{key:"3509b51ea619fbedf67650fdc5794ad38a8f7b08",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&a("div",{key:"1c4c174e4332229dbb951130ff95be07a8646c74",class:"spw-header-navigation-item__top spw-header-navigation-item__top--"+this.level},a("div",{key:"2341055ac9fd8de1c4af599efea5ffa087dfb56c",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},a("spw-icon",{key:"5b7b0cab514c661ee06aa7de45ddf927aed78bb8",icon:"fa-chevron-left"})," ",a("span",{key:"d58c7f6930439b7feb8e6fcfe93b470034e86f9c"},1===this.level?"":2===this.level?"Menu principal":e)),a("div",{key:"4fbb695354cc118ba19f38cf4fdaa67086ade767",class:"spw-header-navigation-item__top-title"},a("a",{key:"b3b12b919c4d319d5f32a7331a5b6b2152252925",href:(null==t?void 0:t.link)\|\|"#",target:(null==t?void 0:t.target)\|\|"_self"},(null==t?void 0:t.title)\|\|""))),a("slot",{key:"95676ec2658dd63e917f6f387d1d7a0299cfc78f"}))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}'}},[257,"spw-header-navigation-item",{isActive:[4,"is-active"],variant:[1],internalIsActive:[32],hasSubnav:[32],level:[32],isSubnavVisible:[32],lastClickedLevel1Item:[32],isMobile:[32]}]),p=d,r=function(){"undefined"!=typeof customElements&&["spw-header-navigation-item","spw-icon"].forEach((t=>{switch(t){case"spw-header-navigation-item":customElements.get(n(t))\|\|customElements.define(n(t),d);break;case"spw-icon":customElements.get(n(t))\|\|s()}}))};export{p as SpwHeaderNavigationItem,r as defineCustomElement}
1	+ import{p as t,H as e,c as i,h as a,a as o,t as n}from"./index.js";import{d as s}from"./p-oVOlDrOp.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.spwHeaderNavigationNavigate=i(this,"spwHeaderNavigationNavigate",7),this.isActive=!1,this.variant="default",this.internalIsActive=!1,this.hasSubnav=!1,this.level=1,this.isSubnavVisible=!1,this.lastClickedLevel1Item=null,this.isMobile=window.innerWidth<1024}componentWillLoad(){this.internalIsActive=this.isActive,this.checkForSubnav(),this.calculateLevel(),this.updateLevelClass()}componentWillUpdate(){this.isActive!==this.internalIsActive&&(this.internalIsActive=this.isActive),this.updateLevelClass()}componentDidUpdate(){this.propagateMegamenuClass()}checkForSubnav(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0}).some((t=>"SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName));e!==this.hasSubnav&&(this.hasSubnav=e)}}calculateLevel(){let t=1,e=this.el.parentElement;for(;e&&"SPW-HEADER-NAVIGATION"!==e.tagName;)"SPW-HEADER-NAVIGATION-DROPDOWN"===e.tagName&&t++,e=e.parentElement;this.level=t}updateLevelClass(){const t=document.documentElement;Array.from(t.classList).forEach((e=>{e.startsWith("spw-ds-nav-level-")&&t.classList.remove(e)})),t.classList.add("spw-ds-nav-level-"+this.level),this.spwHeaderNavigationNavigate.emit({level:this.level,element:this.el})}toggleSubnavVisibility(t){this.isMobile&&(t.stopPropagation(),this.hasSubnav&&!this.isSubnavVisible)&&(window.matchMedia("(max-width: 1024px)").matches&&t.preventDefault(),1===this.level&&(this.lastClickedLevel1Item=this.el.innerText,document.documentElement.setAttribute("data-ds-nav-level1",this.lastClickedLevel1Item)),this.isSubnavVisible=!this.isSubnavVisible,this.isSubnavVisible&&(this.level++,this.updateLevelClass()))}getStoredLevel1Item(){return document.documentElement.getAttribute("data-ds-nav-level1")\|\|""}handleBackClick(t){t.stopPropagation(),this.isSubnavVisible=!1,this.level>1&&(this.level--,this.updateLevelClass()),this.internalIsActive=!1,1!==this.level\|\|this.isSubnavVisible\|\|(this.lastClickedLevel1Item=null,document.documentElement.removeAttribute("data-ds-nav-level1"))}getPageTitle(){const t=this.el.shadowRoot.querySelector("slot");if(t){const e=t.assignedElements({flatten:!0});if(e.length>0){const t=e[0];return{title:t.innerText\|\|"",link:t.href\|\|null,target:t.target\|\|null}}}return null}propagateMegamenuClass(){if("megamenu"===this.variant&&1===this.level){const t=this.el.shadowRoot.querySelector("slot");t&&t.assignedElements({flatten:!0}).forEach((t=>{if("SPW-HEADER-NAVIGATION-DROPDOWN"===t.tagName){const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-dropdown");t&&t.classList.add("spw-header-navigation-dropdown--is-megamenu")}t.querySelectorAll("spw-header-navigation-item").forEach((t=>{const e=t.shadowRoot;if(e){const t=e.querySelector(".spw-header-navigation-item");t&&t.classList.add("spw-header-navigation-item--is-megamenu")}}))}}))}}async componentDidLoad(){setTimeout((()=>{this.checkForSubnav(),this.propagateMegamenuClass()}),0);const t=this.el.shadowRoot.querySelector("slot");t&&new MutationObserver((()=>{this.checkForSubnav(),this.propagateMegamenuClass()})).observe(t,{childList:!0,subtree:!0})}render(){const t=this.getPageTitle(),e=this.getStoredLevel1Item();return a(o,{key:"e952c4870e1aa4939b14a210565fa3509460256a","data-level":this.level},a("div",{key:"7c038d9fd7c6c055b76bd59b05d4b3994a7be2e0",class:{"spw-header-navigation-item":!0,"spw-header-navigation-item--has-subnav":this.hasSubnav,"spw-header-navigation-item--is-active":this.internalIsActive,"spw-header-navigation-item--is-subnav-visible":this.isSubnavVisible,"spw-header-navigation-item--is-megamenu":"megamenu"===this.variant}},a("div",{key:"3e94692f9383cefaaf46aaf74f9106265524ef3b",class:"spw-header-navigation-item__content",onClick:t=>this.toggleSubnavVisibility(t)},this.isSubnavVisible&&a("div",{key:"ddce685e6067f559f94dfd2b325d2a795ebe94a3",class:"spw-header-navigation-item__top spw-header-navigation-item__top--"+this.level},a("div",{key:"387d26e8a57da5d4369d800b763cc8e0062d084f",class:"spw-header-navigation-item__top-back",onClick:t=>this.handleBackClick(t)},a("spw-icon",{key:"5beca235171ae596b17bb79776db39af855f4fd0",icon:"fa-chevron-left"})," ",a("span",{key:"b9006b33470692e209ba3c6139181616f9488ab3"},1===this.level?"":2===this.level?"Menu principal":e)),a("div",{key:"4b682e1f1a1ef92b695f5b50cb9b7cd4b411fde6",class:"spw-header-navigation-item__top-title"},a("a",{key:"7bd2492d5b62b58be3f074a11651e3287ece5f91",href:(null==t?void 0:t.link)\|\|"#",target:(null==t?void 0:t.target)\|\|"_self"},(null==t?void 0:t.title)\|\|""))),a("slot",{key:"c57027af3472e46897c0fc0a05e097b4b2f1b1ca"}))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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;width:100%}@media (min-width: 1024px){:host{display:contents;width:auto}}.spw-header-navigation-item{color:var(--spw-colors-support-grey-grey-900);font-size:16px;font-weight:700;background:white}@media (max-width: 1023px){.spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){position:relative;padding:24px 16px !important;font-size:20px}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item ::slotted(a){padding:20px 16px !important;font-size:16px;border-bottom:0}:host([data-level="1"]) .spw-header-navigation-item ::slotted(a):before{content:"";position:absolute;top:auto;bottom:0;left:16px;width:calc(100% - 32px);height:0;background:var(--spw-ds-primary)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;top:100%;margin-left:16px !important;transition:opacity 0.1s ease-in}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important}:host([data-level="1"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="1"]) .spw-header-navigation-item:focus-within ::slotted(a):before{width:calc(100% - 32px);height:3px}}:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-size:18px}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{content:"\\f078";font-size:14px}}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:10}:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f078"}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item{position:relative}}:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:18px}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(spw-header-navigation-dropdown){pointer-events:auto;opacity:1;left:100%;top:0;transition:opacity 0.1s ease-in;z-index:38}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a),:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a){color:var(--spw-ds-primary) !important;background:var(--spw-colors-support-grey-grey-100)}:host([data-level="2"]) .spw-header-navigation-item:hover ::slotted(a):before,:host([data-level="2"]) .spw-header-navigation-item:focus-within ::slotted(a):before{display:none}}:host([data-level="2"]) .spw-header-navigation-item--has-subnav ::slotted(a):after{font-family:var(--spw-ds-font-icons-solid);content:"\\f054";font-weight:700}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:11}:host([data-level="2"]) .spw-header-navigation-item--is-subnav-visible ::slotted(a):after{content:"\\f054"}:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:12px 16px !important;font-weight:400;font-size:16px}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a){padding:20px !important;font-weight:700;font-size:16px}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item ::slotted(a:hover){color:var(--spw-ds-primary) !important}}:host([data-level="3"]) .spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){z-index:12}.spw-header-navigation-item ::slotted(a){display:inline-flex;position:relative;color:var(--spw-colors-support-grey-grey-900) !important;text-decoration:none;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:16px 0 !important}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a){padding:16px !important}}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(a):before{content:"";transition:height 0.2s ease-in;bottom:0;left:16px;height:5px;width:0;position:absolute;background:var(--spw-ds-primary)}}.spw-header-navigation-item--is-active ::slotted(a){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:focus-visible){outline:3px solid white;outline-offset:-3px;box-shadow:0 0 0 3px black}.spw-header-navigation-item ::slotted(a:active){color:var(--spw-ds-primary) !important}.spw-header-navigation-item ::slotted(a:hover){text-decoration:none !important}.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:none;opacity:0}@media (min-width: 1024px){.spw-header-navigation-item ::slotted(spw-header-navigation-dropdown){display:block;pointer-events:none;opacity:0;position:absolute;width:320px;box-shadow:var(--spw-effect-elevation-8)}}@media (max-width: 1023px){.spw-header-navigation-item--is-subnav-visible ::slotted(spw-header-navigation-dropdown){display:block;opacity:1;position:absolute;background:white;width:100%;margin-top:0 !important;padding-top:132px !important;top:0;left:0;min-height:100%;overflow-y:auto}}.spw-header-navigation-item__top{position:absolute;display:flex;justify-content:space-between;flex-direction:column;top:0;left:16px;height:118px;z-index:9999999;width:calc(100% - 32px);padding:24px 0;background:white;border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}.spw-header-navigation-item__top-back{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation-item__top-back span{text-decoration:underline}.spw-header-navigation-item__top-back spw-icon{font-size:18px}.spw-header-navigation-item__top-title a{font-size:20px;font-weight:700;text-decoration:underline;color:var(--spw-colors-support-grey-grey-900);display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:flex}@media (min-width: 1024px){:host([data-level-visible="1"]) .spw-header-navigation-item__top--1{display:none}}:host([data-level-visible="2"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--1{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:flex}@media (min-width: 1024px){:host([data-level-visible="2"]) .spw-header-navigation-item__top--2{display:none}}:host([data-level-visible="3"]) .spw-header-navigation-item__top--2{display:none}:host([data-level-visible="1"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="2"]) .spw-header-navigation-item__top--3{display:none}:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:flex}@media (min-width: 1024px){:host([data-level-visible="3"]) .spw-header-navigation-item__top--3{display:none}}@media (min-width: 1024px){.spw-header-navigation-item__top{display:none}}.spw-header-navigation-item--is-megamenu{position:static}@media (min-width: 1024px){.spw-header-navigation-item--is-megamenu ::slotted(a){position:static}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){width:100vw;left:50%;transform:translateX(-50%);top:100%;display:flex;box-shadow:none;background:white;border-top:1px solid var(--spw-colors-support-grey-grey-300);border-bottom:1px solid var(--spw-colors-support-grey-grey-300)}}@media (min-width: 1024px){:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="1"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){margin-left:0 !important;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu{width:20%;padding:16px !important}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:0 !important}:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(a):after{display:none}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;left:0;top:0;padding:8px 0 !important;background:none;box-shadow:none;transition:opacity 0.1s ease-in;z-index:38}}@media (min-width: 1024px){:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:hover ::slotted(spw-header-navigation-dropdown),:host([data-level="2"]) .spw-header-navigation-item--is-megamenu:focus-within ::slotted(spw-header-navigation-dropdown){position:relative;left:0}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(spw-header-navigation-dropdown){position:relative;width:100%;opacity:1;pointer-events:auto}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a){padding:6px 16px !important;font-size:14px;font-weight:normal;border-left:1px solid var(--spw-colors-support-grey-grey-300) !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:hover){text-decoration:underline !important}}@media (min-width: 1024px){:host([data-level="3"]) .spw-header-navigation-item--is-megamenu ::slotted(a:active){color:var(--spw-ds-active) !important}}'}},[257,"spw-header-navigation-item",{isActive:[4,"is-active"],variant:[1],internalIsActive:[32],hasSubnav:[32],level:[32],isSubnavVisible:[32],lastClickedLevel1Item:[32],isMobile:[32]}]),p=d,r=function(){"undefined"!=typeof customElements&&["spw-header-navigation-item","spw-icon"].forEach((t=>{switch(t){case"spw-header-navigation-item":customElements.get(n(t))\|\|customElements.define(n(t),d);break;case"spw-icon":customElements.get(n(t))\|\|s()}}))};export{p as SpwHeaderNavigationItem,r as defineCustomElement}

package/dist/components/spw-header-navigation.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,a,t as n}from"./index.js";import{d as s}from"./p-~~D3lAXshq~~.js";import{d as o}from"./p-oVOlDrOp.js";import{d as r}from"./p-~~CyuzNTuL~~.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.level=0,this.element=null,this.alignment="flex-start",this.extraButton=!1,this.extraButtonTarget="_self",this.extraButtonVariant="primary"}componentDidLoad(){this.updateHeightVar(),this.resizeObserver=new ResizeObserver((()=>this.updateHeightVar())),this.resizeObserver.observe(this.navEl)}disconnectedCallback(){var e;null===(e=this.resizeObserver)\|\|void 0===e\|\|e.disconnect()}updateHeightVar(){document.documentElement.style.setProperty("--spw-header-navigation-height",this.navEl.offsetHeight+"px")}redirectToHome(e){e.preventDefault(),window.location.href="/"}handleNavigation(e){e.stopPropagation(),this.element=e.detail.element,this.level=e.detail.level,setTimeout((()=>{this.updateNavigationItems()}),0)}updateNavigationItems(){this.getAllNavigationItems().forEach(((e,t)=>{e.setAttribute("data-id",""+(t+1)),e.setAttribute("data-level-visible",""+this.level)}))}getAllNavigationItems(){const e=[];return this.el.querySelectorAll("spw-header-navigation-item").forEach((t=>{e.push(t);const i=t.shadowRoot;i&&i.querySelectorAll("spw-header-navigation-item").forEach((t=>e.push(t)))})),e}get elementClass(){return{"spw-header-navigation":!0,["spw-header-navigation--"+this.alignment]:!0}}render(){return i(a,{key:"~~6078e4f7dee4bd27fb66e76998118e6d784c7bf9~~"},i("nav",{key:"~~bf13eaba0a759615db788ea43aa097026a7d3f58~~",class:this.elementClass,ref:e=>this.navEl=e},i("div",{key:"~~5d706bf947dcdd651f94a4edef15b32ddbaf8e67~~",class:"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between"},i("div",{key:"~~f6ccb3d16f4151a9bfc7a6447488e5c75457cf88~~",class:"spw-header-navigation__list"},i("div",{key:"~~8e78d8179fa7d1e57c84d817646fefa456f23094~~",class:"spw-header-navigation__list-back"},i("a",{key:"~~ae55b50e963cb8f3ceed6a0f3e902f8db46b5d0a~~",href:"#",onClick:e=>this.redirectToHome(e)},i("spw-icon",{key:"~~3b29e66fb542672671b2c1bb860eb3609aaac51d~~",icon:"fa-chevron-left"})," ",i("span",{key:"~~b71a900baba8b011aef72b9a1c69cb459030892b~~"},"Page d'accueil"))),i("slot",{key:"~~988fbb3969d55bad2400525bc9dbfd668bb83c3b~~"})),this.extraButton&&i("div",{key:"~~7b4c88fdd7c0d8422e9b84b439a64dedf1418127~~",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop"},i("spw-button",{key:"~~f61edd3010339198ed0b74c65dd134865c942c27~~",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))),this.extraButton&&i("div",{key:"~~a04257238d8e4e03e77ea5e723c1b6e4f2422a79~~",class:"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile"},i("div",{key:"~~b351dda9a09df7e6b7e47934d8302e1b4dc07a8c~~",class:"spw-ds-container"},i("div",{key:"~~9b4153a7d1df5d4173255ed37850d5049e5e5b5b~~",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile"},i("spw-button",{key:"~~36a492ec47b5f7a521a3533698a3a786f914ed20~~","is-full-width":"true",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}'}},[257,"spw-header-navigation",{alignment:[1],extraButton:[4,"extra-button"],extraButtonHref:[1,"extra-button-href"],extraButtonTarget:[1,"extra-button-target"],extraButtonText:[1,"extra-button-text"],extraButtonVariant:[1,"extra-button-variant"],extraButtonIcon:[1,"extra-button-icon"],level:[32],element:[32]},[[2,"spwHeaderNavigationNavigate","handleNavigation"]]]),p=d,l=function(){"undefined"!=typeof customElements&&["spw-header-navigation","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-header-navigation":customElements.get(n(e))\|\|customElements.define(n(e),d);break;case"spw-button":customElements.get(n(e))\|\|s();break;case"spw-icon":customElements.get(n(e))\|\|o();break;case"spw-loading":customElements.get(n(e))\|\|r()}}))};export{p as SpwHeaderNavigation,l as defineCustomElement}
1	+ import{p as e,H as t,h as i,a,t as n}from"./index.js";import{d as s}from"./p-CnGo7W4h.js";import{d as o}from"./p-oVOlDrOp.js";import{d as r}from"./p-CCD1i9Et.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.level=0,this.element=null,this.alignment="flex-start",this.extraButton=!1,this.extraButtonTarget="_self",this.extraButtonVariant="primary"}componentDidLoad(){this.updateHeightVar(),this.resizeObserver=new ResizeObserver((()=>this.updateHeightVar())),this.resizeObserver.observe(this.navEl)}disconnectedCallback(){var e;null===(e=this.resizeObserver)\|\|void 0===e\|\|e.disconnect()}updateHeightVar(){document.documentElement.style.setProperty("--spw-header-navigation-height",this.navEl.offsetHeight+"px")}redirectToHome(e){e.preventDefault(),window.location.href="/"}handleNavigation(e){e.stopPropagation(),this.element=e.detail.element,this.level=e.detail.level,setTimeout((()=>{this.updateNavigationItems()}),0)}updateNavigationItems(){this.getAllNavigationItems().forEach(((e,t)=>{e.setAttribute("data-id",""+(t+1)),e.setAttribute("data-level-visible",""+this.level)}))}getAllNavigationItems(){const e=[];return this.el.querySelectorAll("spw-header-navigation-item").forEach((t=>{e.push(t);const i=t.shadowRoot;i&&i.querySelectorAll("spw-header-navigation-item").forEach((t=>e.push(t)))})),e}get elementClass(){return{"spw-header-navigation":!0,["spw-header-navigation--"+this.alignment]:!0}}render(){return i(a,{key:"7e02a00c46b7de989dbd4a0d36249805a494c2bf"},i("nav",{key:"c596b8719bcda2890122ab6a490d2ea150153905",class:this.elementClass,ref:e=>this.navEl=e},i("div",{key:"42c2579e00a97af469c2a66731928741ed56390e",class:"spw-ds-container spw-tw-flex spw-tw-items-center spw-tw-justify-between"},i("div",{key:"9c8e5a295fb0e9f84227b512920306056ff0d1ea",class:"spw-header-navigation__list"},i("div",{key:"9da5ef2b5e1c8b95e1bde00a00634a90fde0bda2",class:"spw-header-navigation__list-back"},i("a",{key:"33c922fb8117da033fa637a3e62d9d3db07506dd",href:"#",onClick:e=>this.redirectToHome(e)},i("spw-icon",{key:"6f852439825b6876b2fd1bf1a9ff17c813a81406",icon:"fa-chevron-left"})," ",i("span",{key:"7551d645db0058b12143cc0372227fe698b9825e"},"Page d'accueil"))),i("slot",{key:"0deb7663476d76b6f68e00135c95ccef1bc2cb72"})),this.extraButton&&i("div",{key:"3e2aee21e622c5b12f0d9c888866a1f32ac1d008",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--desktop"},i("spw-button",{key:"5776b2f283fda296733c628463cfdebe8fd25cd1",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))),this.extraButton&&i("div",{key:"d08a05c44a043ded59aaab0ddabd4f21d1fa77ff",class:"spw-header-navigation__extra-button-parent spw-header-navigation__extra-button--mobile"},i("div",{key:"4f350aae01ee1e5ce4e666a5941d7b20b13fc97b",class:"spw-ds-container"},i("div",{key:"ef7553fe6cf2e24470ee42936d184415667233da",class:"spw-header-navigation__extra-button spw-header-navigation__extra-button--mobile"},i("spw-button",{key:"2eb3cde318b2f5d6ba299375a2b6210dfec78f48","is-full-width":"true",variant:this.extraButtonVariant,icon:this.extraButtonIcon,href:this.extraButtonHref,target:this.extraButtonTarget,size:"small"},this.extraButtonText)))))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-navigation{display:none;left:0;width:100%;height:calc(100% - 80px);background:white;z-index:9999;overflow-y:auto;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}:host(.spw-ds-nav-open) .spw-header-navigation{display:flex;flex-direction:column}@media (min-width: 1024px){.spw-header-navigation{order:initial;display:block;height:auto;width:auto;overflow-y:initial;top:auto;left:auto;z-index:30}}@media (min-width: 1024px){:host(.spw-ds-search-open) .spw-header-navigation{display:none}}.spw-header-navigation__extra-button-parent{padding:16px;order:2;border-top:1px solid var(--spw-colors-support-grey-grey-300)}@media (min-width: 1024px){.spw-header-navigation__extra-button{padding-left:32px}}.spw-header-navigation__extra-button--desktop{display:none}@media (min-width: 1024px){.spw-header-navigation__extra-button--desktop{display:block}}.spw-header-navigation__extra-button--mobile{display:none}@media (max-width: 1023px){:host(.spw-ds-nav-open) .spw-header-navigation__extra-button--mobile{display:block}}.spw-header-navigation .spw-ds-container{position:relative}.spw-header-navigation__list{position:static;display:flex;flex:1;align-items:center;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}@media (min-width: 1024px){.spw-header-navigation__list{flex-direction:row}.spw-header-navigation--flex-start .spw-header-navigation__list{justify-content:flex-start}.spw-header-navigation--space-between .spw-header-navigation__list{justify-content:space-between}}@media (min-width: 1350px){.spw-header-navigation__list{gap:24px}}.spw-header-navigation__list-back{display:flex;justify-content:left;width:100%;padding:24px 16px;padding-bottom:0;position:relative;z-index:3}.spw-header-navigation__list-back:after{content:"";position:absolute;bottom:-1px;width:100%;left:0;height:1px;background:white}.spw-header-navigation__list-back a{gap:8px;display:flex;justify-content:left;align-items:center;font-weight:700;font-size:14px;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}.spw-header-navigation__list-back a span{text-decoration:underline}.spw-header-navigation__list-back a spw-icon{font-size:18px}@media (min-width: 1024px){.spw-header-navigation__list-back{display:none}}.spw-tw-flex{display:flex}.spw-tw-items-center{align-items:center}.spw-tw-justify-between{justify-content:space-between}'}},[257,"spw-header-navigation",{alignment:[1],extraButton:[4,"extra-button"],extraButtonHref:[1,"extra-button-href"],extraButtonTarget:[1,"extra-button-target"],extraButtonText:[1,"extra-button-text"],extraButtonVariant:[1,"extra-button-variant"],extraButtonIcon:[1,"extra-button-icon"],level:[32],element:[32]},[[2,"spwHeaderNavigationNavigate","handleNavigation"]]]),p=d,l=function(){"undefined"!=typeof customElements&&["spw-header-navigation","spw-button","spw-icon","spw-loading"].forEach((e=>{switch(e){case"spw-header-navigation":customElements.get(n(e))\|\|customElements.define(n(e),d);break;case"spw-button":customElements.get(n(e))\|\|s();break;case"spw-icon":customElements.get(n(e))\|\|o();break;case"spw-loading":customElements.get(n(e))\|\|r()}}))};export{p as SpwHeaderNavigation,l as defineCustomElement}

package/dist/components/spw-header-persona-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){return i(n,{key:"~~7440cfe471a4ba75af3979c305a98d5ee47961f6~~"},i("div",{key:"~~aed89b4c846cc871a3236a9d5f8d39f668de64fa~~",class:{"spw-header-persona-item":!0,"spw-header-persona-item--active":this.active}},i("slot",{key:"~~78313623a80425922f11b453299ba2a2ea0be5a4~~"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-persona-item{position:relative;transition:background 0.3s}@media (min-width: 1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;padding:4px 0;margin-top:6px}@media (min-width: 1024px){.spw-header-persona-item ::slotted(a){padding:12px 24px;display:block;text-transform:none;text-decoration:none !important}}.spw-header-persona-item--active{display:none;font-weight:bold}@media (min-width: 1024px){.spw-header-persona-item--active{display:block}}@media (max-width: 1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary) !important;text-decoration:none !important}}"}},[257,"spw-header-persona-item",{active:[516]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-header-persona-item"].forEach((e=>{"spw-header-persona-item"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),a))}))};export{s as SpwHeaderPersonaItem,r as defineCustomElement}
1	+ import{p as e,H as t,h as i,a as n,t as o}from"./index.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.active=!1}render(){return i(n,{key:"d6834360f2865641ce06cd779f6850bd02c00f14"},i("div",{key:"33b3a2dba14ee2acbdc70058120a312c071f4110",class:{"spw-header-persona-item":!0,"spw-header-persona-item--active":this.active}},i("slot",{key:"e253c7aa5959c74d23d552a2a4316fa53b365b16"})))}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-persona-item{position:relative;transition:background 0.3s}@media (min-width: 1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;padding:4px 0;margin-top:6px}@media (min-width: 1024px){.spw-header-persona-item ::slotted(a){padding:12px 24px;display:block;text-transform:none;text-decoration:none !important}}.spw-header-persona-item--active{display:none;font-weight:bold}@media (min-width: 1024px){.spw-header-persona-item--active{display:block}}@media (max-width: 1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary) !important;text-decoration:none !important}}"}},[257,"spw-header-persona-item",{active:[516]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-header-persona-item"].forEach((e=>{"spw-header-persona-item"===e&&(customElements.get(o(e))\|\|customElements.define(o(e),a))}))};export{s as SpwHeaderPersonaItem,r as defineCustomElement}

package/dist/components/spw-header-persona.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,h as o,a as n,t as i}from"./index.js";import{d as s}from"./p-oVOlDrOp.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.personaLabel="Je suis :",this.activePersona="",this.options=[],this.handleButtonClick=()=>{var e;null===(e=this.selectEl)\|\|void 0===e\|\|e.click()},this.handleButtonKeyDown=e=>{var t;" "!==e.key&&"Enter"!==e.key\|\|(e.preventDefault(),null===(t=this.selectEl)\|\|void 0===t\|\|t.click())}}componentWillLoad(){this.setInitialPersona()}componentDidLoad(){this.moveOptionsToSelect()}setInitialPersona(){var e;const t=this.el.querySelector("option[selected]");this.activePersona=(null===(e=null==t?void 0:t.textContent)\|\|void 0===e?void 0:e.trim())\|\|""}moveOptionsToSelect(){const e=Array.from(this.el.querySelectorAll("option"));this.options=e,e.forEach((e=>{this.selectEl.appendChild(e)}))}handleChange(e){var t;const o=e.target.selectedOptions[0];this.activePersona=(null===(t=null==o?void 0:o.textContent)\|\|void 0===t?void 0:t.trim())\|\|"";const n=null==o?void 0:o.getAttribute("data-link");n&&(window.location.href=n)}render(){return o(n,{key:"~~21a7ec1d9e39faa17a6e0c55e57d08dce2930342~~"},o("div",{key:"~~04a1759c756ffb367a7156edc8d27867fb7ccf00~~",class:"spw-header-persona",onClick:this.handleButtonClick,onKeyDown:this.handleButtonKeyDown},o("span",{key:"~~11c5653feed8408eb17ae2a957b2a36f3b263b41~~",class:"spw-header-persona__label"},this.personaLabel),o("div",{key:"~~6905e4ec31232e1bf5fa9b6b988c4abb51e0def3~~",class:"spw-header-persona__active-persona"},this.activePersona," ",o("spw-icon",{key:"~~47277eb14c2ee2756f058260a2f858072ea0bb41~~",icon:"fa-chevron-down"})),o("select",{key:"~~c7382be1ce6a7e9417d0b175134075d05ab6ca1b~~","aria-label":this.accAriaLabel\|\|this.personaLabel,class:"spw-header-persona__select",ref:e=>this.selectEl=e,onChange:e=>this.handleChange(e),tabIndex:-1})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{padding-left:24px;margin-left:24px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;~~margin-bottom:2px;~~display:block;color:var(--spw-colors-support-grey-grey-700)}@media (max-width: 1023px){.spw-header-persona__label{display:none}}.spw-header-persona__active-persona{position:relative;display:flex;gap:6px;justify-content:space-between;cursor:pointer;font-weight:bold;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}@media (min-width: 1024px){.spw-header-persona__active-persona{~~text~~-~~decoration~~:~~underline~~}.spw-header-persona:hover .spw-header-persona__active-persona{~~text~~-~~decoration~~:~~none~~}}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width: 1024px){.spw-header-persona--opened .spw-header-persona__dropdown{position:absolute;width:max-content;z-index:99999;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}"}},[1,"spw-header-persona",{personaLabel:[1,"persona-label"],accAriaLabel:[1,"acc-aria-label"],activePersona:[32],options:[32]}]),r=a,p=function(){"undefined"!=typeof customElements&&["spw-header-persona","spw-icon"].forEach((e=>{switch(e){case"spw-header-persona":customElements.get(i(e))\|\|customElements.define(i(e),a);break;case"spw-icon":customElements.get(i(e))\|\|s()}}))};export{r as SpwHeaderPersona,p as defineCustomElement}
1	+ import{p as e,H as t,h as o,a as s,t as a}from"./index.js";import{d as i}from"./p-oVOlDrOp.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.personaLabel="Je suis :",this.activePersona="",this.options=[],this.handleButtonClick=()=>{var e;null===(e=this.selectEl)\|\|void 0===e\|\|e.click()},this.handleButtonKeyDown=e=>{var t;" "!==e.key&&"Enter"!==e.key\|\|(e.preventDefault(),null===(t=this.selectEl)\|\|void 0===t\|\|t.click())}}componentWillLoad(){this.setInitialPersona()}componentDidLoad(){this.moveOptionsToSelect()}setInitialPersona(){var e;const t=this.el.querySelector("option[selected]");this.activePersona=(null===(e=null==t?void 0:t.textContent)\|\|void 0===e?void 0:e.trim())\|\|""}moveOptionsToSelect(){const e=Array.from(this.el.querySelectorAll("option"));this.options=e,e.forEach((e=>{this.selectEl.appendChild(e)}))}handleChange(e){var t;const o=e.target.selectedOptions[0];this.activePersona=(null===(t=null==o?void 0:o.textContent)\|\|void 0===t?void 0:t.trim())\|\|"";const s=null==o?void 0:o.getAttribute("data-link");s&&(window.location.href=s)}render(){return o(s,{key:"e4b59a2e369219aaa37bd9feda07a8ea744b2237"},o("div",{key:"1052b05e702b3a5ac280aaece9943960f40aece8",class:"spw-header-persona",onClick:this.handleButtonClick,onKeyDown:this.handleButtonKeyDown},o("span",{key:"a49eda95727e18bbde6a8b5da032d1232e31ac1b",class:"spw-header-persona__label"},this.personaLabel),o("div",{key:"4193bf378aaf026f5b6f3fc645e8b780d947e854",class:"spw-header-persona__active-persona"},this.activePersona," ",o("spw-icon",{key:"d78a9e006c8c84126d219c229235247efbd513e7",icon:"fa-chevron-down"})),o("select",{key:"3d8af10298b497fcd10f9428b3bdef0277d4b11c","aria-label":this.accAriaLabel\|\|this.personaLabel,class:"spw-header-persona__select",ref:e=>this.selectEl=e,onChange:e=>this.handleChange(e),tabIndex:-1})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host ,:host ::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}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-header-persona{position:relative}@media (max-width: 1023px){.spw-header-persona{border-bottom:1px solid var(--spw-colors-support-grey-grey-300);padding-top:16px;padding-bottom:16px}}@media (min-width: 1024px){.spw-header-persona{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-left:24px;margin-left:24px;margin-right:12px;border-left:1px solid var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__label{font-size:14px;display:block;color:var(--spw-colors-support-grey-grey-700)}@media (max-width: 1023px){.spw-header-persona__label{display:none}}.spw-header-persona__active-persona{position:relative;display:flex;gap:6px;justify-content:space-between;cursor:pointer;font-weight:bold;text-decoration:none;color:var(--spw-colors-support-grey-grey-900)}@media (min-width: 1024px){.spw-header-persona__active-persona{transition:all ease 0.15s;border-radius:var(--spw-ds-border-radius-full);background:var(--spw-colors-support-grey-grey-100);padding:8px 12px;font-size:14px}}@media (min-width: 1024px){.spw-header-persona__active-persona:has(~.spw-header-persona__select:hover),.spw-header-persona__active-persona:hover{background:var(--spw-colors-support-grey-grey-300)}}.spw-header-persona__active-persona:focus-visible{outline:2px solid var(--spw-ds-focus);outline-offset:2px;border-radius:var(--spw-ds-border-radius-full)}.spw-header-persona__trigger{display:block}.spw-header-persona--opened .spw-header-persona__trigger{transform:rotate(180deg)}.spw-header-persona__select{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.spw-header-persona__dropdown{display:none;overflow:hidden}.spw-header-persona--opened .spw-header-persona__dropdown{display:block}@media (min-width: 1024px){.spw-header-persona--opened .spw-header-persona__dropdown{position:absolute;width:max-content;z-index:99999;background:white;border-radius:4px;box-shadow:var(--spw-effect-elevation-8)}}"}},[1,"spw-header-persona",{personaLabel:[1,"persona-label"],accAriaLabel:[1,"acc-aria-label"],activePersona:[32],options:[32]}]),r=n,p=function(){"undefined"!=typeof customElements&&["spw-header-persona","spw-icon"].forEach((e=>{switch(e){case"spw-header-persona":customElements.get(a(e))\|\|customElements.define(a(e),n);break;case"spw-icon":customElements.get(a(e))\|\|i()}}))};export{r as SpwHeaderPersona,p as defineCustomElement}