@spw-ds/spw-stencil-library 1.2.1 → 1.2.3

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";const r="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-hero-content-max-width:578px;--spw-hero-ratio-picture:initial;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-hero{overflow:hidden;position:relative}.spw-hero:not(.spw-hero--maxi){border-radius:12px}.spw-hero--surface-dark{color:#fff}.spw-hero--surface-light{color:var(--spw-color-themes-grey-grey-900)}.spw-hero--grey{background:var(--spw-color-themes-grey-grey-100)}.spw-hero--white{background:#fff}.spw-hero--grey,.spw-hero--white{display:flex;flex-direction:column;gap:24px;padding:24px}@media (min-width:1024px){.spw-hero--grey,.spw-hero--white{align-items:center;flex-direction:row;padding:64px}}.spw-hero--has-picture-full{gap:0;padding:0}.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:column}@media (min-width:1024px){.spw-hero.spw-hero--grey.spw-hero--left,.spw-hero.spw-hero--white.spw-hero--left{flex-direction:row-reverse}}.spw-hero__container{display:flex;margin:0 auto;position:relative;z-index:3}.spw-hero--photo .spw-hero__container{padding:48px 24px}@media (min-width:1024px){.spw-hero--photo .spw-hero__container{padding:64px}}.spw-hero--has-picture-full .spw-hero__container{padding:24px}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__container{padding:80px 60px}.spw-hero--has-picture-full.spw-hero--left .spw-hero__container{padding-left:calc(48% + 60px)}.spw-hero--has-picture-full.spw-hero--right .spw-hero__container{padding-right:calc(48% + 60px)}}.spw-hero--maxi .spw-hero__container{padding:80px 24px}@media (min-width:1024px){.spw-hero--maxi .spw-hero__container{padding:148px 24px}}.spw-hero--left .spw-hero__container{justify-content:flex-start}.spw-hero--center .spw-hero__container{justify-content:center}.spw-hero--right .spw-hero__container{justify-content:flex-end}.spw-hero__image,.spw-hero__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-hero__overlay{z-index:2}.spw-hero--surface-dark .spw-hero__overlay{background:var(--spw-color-themes-grey-grey-900)}.spw-hero--surface-light .spw-hero__overlay{background:#fff}.spw-hero__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--grey .spw-hero__image,.spw-hero--white .spw-hero__image{max-width:435px}}.spw-hero--has-picture-full .spw-hero__image{aspect-ratio:var(--spw-hero-ratio-picture);border-radius:6px;display:block;position:relative;width:100%}@media (min-width:1024px){.spw-hero--has-picture-full .spw-hero__image{max-width:48%;position:absolute}}.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--right .spw-hero__image{border-bottom-left-radius:0;border-top-left-radius:0;left:auto;right:0}}.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:1024px){.spw-hero--has-picture-full.spw-hero--left .spw-hero__image{border-bottom-right-radius:0;border-top-right-radius:0}}.spw-hero__content{max-width:var(--spw-hero-content-max-width);width:100%}.spw-hero--maxi .spw-hero__content{--spw-hero-content-max-width:784px;margin:0 auto;text-align:center}.spw-hero--photo .spw-hero__content{background-color:var(--spw-ds-white);border-radius:8px;box-shadow:var(--spw-effect-elevation-8);padding:32px}";const i=class{constructor(t){e(this,t);this.imageAlt="";this.surface="light";this.hasPictureFull=false;this.variant="grey";this.alignment="left";this.overlayOpacity=0}get elementClass(){return{"spw-hero":true,[`spw-hero--surface-${this.surface}`]:true,[`spw-hero--has-picture-full`]:this.hasPictureFull,[`spw-hero--${this.variant}`]:true,[`spw-hero--${this.alignment}`]:true}}get overlayStyle(){return{opacity:`${this.overlayOpacity/100}`}}render(){return t(o,{key:"1988a93f7c53c7bdbb2c7113fdfd2cf598ef757f"},t("div",{key:"a8d22fb241d65bef8092f2e7bb64f46edd9d8da3",class:this.elementClass},this.imageSrc&&t("img",{key:"17a025f04fd5a4aebec663520078e4a5057679ae",src:this.imageSrc,alt:this.imageAlt,class:"spw-hero__image"}),t("div",{key:"c3e40321448c425beb852df050412fba7861d75a",class:"spw-hero__overlay",style:this.overlayStyle}),t("div",{key:"cef98ae7595cb7fc8f427ea0f15f71997b4389fe",class:"spw-ds-container spw-hero__container"},t("div",{key:"972a952f42576fe35d44f4432f5ca0ba479253c7",class:"spw-hero__content"},t("slot",{key:"fb9bb9ece775f6d0b7612f7085ad7adacfbee2c3"})))))}};i.style=r;export{i as spw_hero};
-//# sourceMappingURL=p-cfd71d4a.entry.js.map

package/dist/spw-stencil-library/p-cfd71d4a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeroCss","SpwHero","constructor","hostRef","this","imageAlt","surface","hasPictureFull","variant","alignment","overlayOpacity","elementClass","overlayStyle","opacity","render","h","Host","key","class","imageSrc","src","alt","style"],"sources":["src/components/spw-hero/spw-hero.scss?tag=spw-hero&encapsulation=shadow","src/components/spw-hero/spw-hero.tsx"],"sourcesContent":[":host {\n  display: block;\n  --spw-hero-content-max-width: 578px;\n  --spw-hero-ratio-picture: initial;\n}\n\n.spw-hero {\n  position: relative;\n  overflow: hidden;\n  &:not(.spw-hero--maxi) {\n    border-radius: 12px;\n  }\n  &--surface-dark {\n    color: white;\n  }\n  &--surface-light {\n    color: var(--spw-color-themes-grey-grey-900);\n  }\n  &--grey {\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--white {\n    background: white;\n  }\n  &--grey,\n  &--white {\n    display: flex;\n    flex-direction: column;\n    padding: 24px;\n    gap: 24px;\n    @include breakpoint(lg) {\n      padding: 64px;\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n  &--has-picture-full {\n    padding: 0;\n    gap: 0;\n  }\n  &.spw-hero--grey.spw-hero--left,\n  &.spw-hero--white.spw-hero--left {\n    flex-direction: column;\n    @include breakpoint(lg) {\n      flex-direction: row-reverse;\n    }\n  }\n  &__container {\n    display: flex;\n    position: relative;\n    margin: 0 auto;\n    z-index: 3;\n    .spw-hero--photo & {\n      padding: 48px 24px;\n      @include breakpoint(lg) {\n        padding: 64px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      padding: 24px;\n      @include breakpoint(lg) {\n        padding: 80px 60px;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      @include breakpoint(lg) {\n        padding-left: calc(48% + 60px);\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      @include breakpoint(lg) {\n        padding-right: calc(48% + 60px);\n      }\n    }\n    .spw-hero--maxi & {\n      padding: 80px 24px;\n      @include breakpoint(lg) {\n        padding: 148px 24px;\n      }\n    }\n    .spw-hero--left & {\n      justify-content: flex-start;\n    }\n    .spw-hero--center & {\n      justify-content: center;\n    }\n    .spw-hero--right & {\n      justify-content: flex-end;\n    }\n  }\n  &__overlay,\n  &__image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n  &__overlay {\n    z-index: 2;\n    .spw-hero--surface-dark & {\n      background: var(--spw-color-themes-grey-grey-900);\n    }\n    .spw-hero--surface-light & {\n      background: white;\n    }\n  }\n  &__image {\n    z-index: 1;\n    object-fit: cover;\n    .spw-hero--white &,\n    .spw-hero--grey & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        max-width: 435px;\n      }\n    }\n    .spw-hero--has-picture-full & {\n      display: block;\n      position: relative;\n      aspect-ratio: var(--spw-hero-ratio-picture);\n      width: 100%;\n      border-radius: 6px;\n      @include breakpoint(lg) {\n        position: absolute;\n        max-width: 48%;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--right & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        right: 0;\n        left: auto;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n    }\n    .spw-hero--has-picture-full.spw-hero--left & {\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n      @include breakpoint(lg) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n    }\n  }\n  &__content {\n    max-width: var(--spw-hero-content-max-width);\n    width: 100%;\n    .spw-hero--maxi & {\n      --spw-hero-content-max-width: 784px;\n      margin: 0 auto;\n      text-align: center;\n    }\n    .spw-hero--photo & {\n      padding: 32px;\n      background-color: var(--spw-ds-white);\n      border-radius: 8px;\n      box-shadow: var(--spw-effect-elevation-8);\n    }\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'spw-hero',\n  styleUrl: 'spw-hero.scss',\n  shadow: true,\n})\nexport class SpwHero {\n  /** Image du hero banner */\n  @Prop() imageSrc?: string;\n  /** Texte alternatif de l'image du hero banner */\n  @Prop() imageAlt?: string = '';\n  /** Permet de choisir la surface d'arrière-plan du hero */\n  @Prop() surface?: 'dark' | 'light' = 'light';\n  /** Permet de définir l'image de gauche/droite (en fonction de l'alignement choisi) sans padding */\n  @Prop() hasPictureFull?: boolean = false;\n  /** Permet de choisir le variant du hero */\n  @Prop() variant?: 'grey' | 'white' | 'maxi' | 'photo' = 'grey';\n  /** Permet de choisir l'alignement du contenu */\n  @Prop() alignment?: 'left' | 'center' | 'right' = 'left';\n  /** Permet de spécifier l'opacité de l'overlay (0 à 100) */\n  @Prop() overlayOpacity?: number = 0;\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-hero': true,\n      [`spw-hero--surface-${this.surface}`]: true,\n      [`spw-hero--has-picture-full`]: this.hasPictureFull,\n      [`spw-hero--${this.variant}`]: true,\n      [`spw-hero--${this.alignment}`]: true,\n    };\n  }\n\n  private get overlayStyle(): { [key: string]: string } {\n    return {\n      opacity: `${this.overlayOpacity! / 100}`,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.imageSrc && <img src={this.imageSrc} alt={this.imageAlt} class=\"spw-hero__image\" />}\n          <div class=\"spw-hero__overlay\" style={this.overlayStyle}></div>\n          <div class=\"spw-ds-container spw-hero__container\">\n            <div class=\"spw-hero__content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,68L,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UASUC,KAAQC,SAAY,GAEpBD,KAAOE,QAAsB,QAE7BF,KAAcG,eAAa,MAE3BH,KAAOI,QAAyC,OAEhDJ,KAASK,UAAiC,OAE1CL,KAAcM,eAAY,CAiCnC,CA/BC,gBAAYC,GACV,MAAO,CACL,WAAY,KACZ,CAAC,qBAAqBP,KAAKE,WAAY,KACvC,CAAC,8BAA+BF,KAAKG,eACrC,CAAC,aAAaH,KAAKI,WAAY,KAC/B,CAAC,aAAaJ,KAAKK,aAAc,K,CAIrC,gBAAYG,GACV,MAAO,CACLC,QAAS,GAAGT,KAAKM,eAAkB,M,CAIvC,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOd,KAAKO,cACdP,KAAKe,UAAYJ,EAAA,OAAAE,IAAA,2CAAKG,IAAKhB,KAAKe,SAAUE,IAAKjB,KAAKC,SAAUa,MAAM,oBACrEH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBAAoBI,MAAOlB,KAAKQ,eAC3CG,EAAK,OAAAE,IAAA,2CAAAC,MAAM,wCACTH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,g as r}from"./p-BYM_CUUH.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-ds-checkbox-checked-color:var(--spw-ds-primary);box-sizing:border-box;display:inline-flex;font-size:100%;line-height:1.3;vertical-align:top}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-checkbox{align-items:flex-start;display:inline-flex;flex-direction:row;padding:0}.spw-checkbox__wrapper{align-items:center;background-color:var(--spw-ds-white);border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:var(--spw-spacings-border-radius-2-xs);display:flex;flex:none;flex-grow:0;font-size:var(--spw-typography-body-body-3-font-size);height:20px;justify-content:center;order:0;position:relative;width:20px}.spw-checkbox__wrapper spw-icon{font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spw-checkbox__wrapper--error{border-color:var(--spw-colors-dark-states-error-error-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):active,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-visible,.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled):focus-within{box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__wrapper--disabled{border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--checked{border-color:var(--spw-ds-checkbox-checked-color);color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper--checked--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper--toggle{background:var(--spw-color-themes-grey-grey-500);border-color:var(--spw-color-themes-grey-grey-500);border-radius:40px;height:20px;width:32px}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;opacity:0;transition:all .2s ease .3s}.spw-checkbox__wrapper--toggle:before{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:14px}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle{background:var(--spw-ds-checkbox-checked-color);border-color:var(--spw-ds-checkbox-checked-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:before{background:#fff;left:calc(100% - 16px)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle spw-icon{color:var(--spw-ds-checkbox-checked-color);display:block;font-size:10px;margin-left:5px}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled{background:#fff;border-color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__wrapper.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled:before{background:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label{word-wrap:break-word;color:var(--spw-color-themes-grey-grey-900);order:1;padding-left:var(--spw-spacings-spacing-sm);padding-top:1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-checkbox__label:hover~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-checkbox__label:active~.spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled){box-shadow:0 0 0 4px #000;outline:2px solid #fff;outline-offset:0}.spw-checkbox__label--disabled{color:var(--spw-color-themes-grey-grey-500)}.spw-checkbox__label:hover,.spw-checkbox__wrapper:hover{cursor:pointer}.spw-checkbox__label--disabled:hover,.spw-checkbox__wrapper--disabled:hover{cursor:not-allowed}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}';const i=class{constructor(t){e(this,t);this.spwChange=o(this,"spwChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.icon="fa-check";this.variant="default"}handleCheckbox(){if(!this.disabled){this.internalChecked=!this.internalChecked;this.checked=this.internalChecked;this.updateFormValue();this.spwChange.emit(this.internalChecked)}}async toggleCheckedState(e){this.internalChecked=e;this.checked=e;this.updateFormValue()}checkedChanged(e){this.internalChecked=e;this.inputElement.checked=e;this.updateFormValue()}updateFormValue(){if(this.internalChecked){this.internals.setFormValue("on")}else{this.internals.setFormValue(null)}}handleKeydown(e){if(e.key===" "||e.key==="Enter"){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.updateFormValue()}componentDidLoad(){var e;(e=this.el.closest("form"))===null||e===void 0?void 0:e.addEventListener("formdata",(e=>{if(this.internalChecked){e.formData.set(this.name,"on")}}))}formResetCallback(){this.internalChecked=false;this.checked=false;this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":true,[`spw-checkbox__wrapper--${this.variant}`]:true,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=this.el.innerHTML;const o=Boolean(e);return t("div",{key:"51a08401d10268179bf2c4cb7724c16c429f59f6",class:"spw-checkbox"},t("input",{key:"b667048ec9264d847c11adc97c14b46c46996d1d",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),o&&t("label",{key:"03ccc8358b7d53064db1486fdd3b774adc682667",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},t("slot",{key:"2f6b5d7a74f9c41bf91ed9f482fd67e9596f6d72"})),t("div",{key:"5bd4f661b54525388bb2f3b554de712775197833",tabindex:this.disabled?-1:0,onClick:this.handleCheckbox.bind(this),onKeyDown:this.handleKeydown.bind(this),role:"checkbox","aria-checked":this.internalChecked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":"label",class:this.elementClass},this.internalChecked&&t("spw-icon",{key:"aec767de94d5fe31cb9fad4f124fb0a7eada5810",icon:this.icon})))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{checked:["checkedChanged"]}}};i.style=s;export{i as spw_checkbox};
-//# sourceMappingURL=p-d6b76976.entry.js.map

package/dist/spw-stencil-library/p-d6b76976.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwCheckboxCss","SpwCheckbox","constructor","hostRef","this","disabled","checked","error","icon","variant","handleCheckbox","internalChecked","updateFormValue","spwChange","emit","toggleCheckedState","newVal","checkedChanged","newChecked","inputElement","internals","setFormValue","handleKeydown","event","key","preventDefault","componentWillLoad","componentDidLoad","_a","el","closest","addEventListener","e","formData","set","name","formResetCallback","elementClass","render","slot","innerHTML","hasSlot","Boolean","h","class","type","ref","onChange","bind","style","display","htmlFor","onClick","tabindex","onKeyDown","role"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n  --spw-ds-checkbox-checked-color: var(--spw-ds-primary);\n}\n\n.spw-checkbox {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  &__wrapper {\n    display: flex;\n    position: relative;\n    justify-content: center;\n    align-items: center;\n    width: 20px;\n    height: 20px;\n    background-color: var(--spw-ds-white);\n    border: 2px solid var(--spw-color-themes-grey-grey-900);\n    border-radius: var(--spw-spacings-border-radius-2-xs);\n    font-size: var(--spw-typography-body-body-3-font-size);\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n\n    spw-icon {\n      font-size: 14px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &--error {\n      border-color: var(--spw-colors-dark-states-error-error-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:not(.spw-checkbox__wrapper--disabled):focus-visible,\n    &:not(.spw-checkbox__wrapper--disabled):active,\n    &:not(.spw-checkbox__wrapper--disabled):focus-within,\n    &:not(.spw-checkbox__wrapper--disabled):active {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n    }\n\n    &--checked {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n\n      &--disabled {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n\n    &--toggle {\n      width: 32px;\n      height: 20px;\n      border-radius: 40px;\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: var(--spw-color-themes-grey-grey-500);\n      // transition: border-color 0.2s ease;\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n      }\n      &:before {\n        content: '';\n        position: absolute;\n        width: 14px;\n        height: 14px;\n        background: white;\n        border-radius: 50%;\n        top: 50%;\n        left: 2px;\n        transform: translateY(-50%);\n        transition: all 0.2s ease;\n      }\n    }\n    &.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle {\n      border-color: var(--spw-ds-checkbox-checked-color);\n      background: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        display: block;\n        color: var(--spw-ds-checkbox-checked-color);\n        font-size: 10px;\n        margin-left: 5px;\n        // opacity: 1;\n      }\n    }\n    &.spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--disabled {\n      border-color: var(--spw-color-themes-grey-grey-500);\n      background: white;\n      &:before {\n        background: var(--spw-color-themes-grey-grey-500);\n      }\n    }\n  }\n\n  &__label {\n    color: var(--spw-color-themes-grey-grey-900);\n    word-wrap: break-word;\n    order: 1;\n    padding-top: 1px;\n    user-select: none;\n    padding-left: var(--spw-spacings-spacing-sm);\n\n    &:hover ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:active ~ .spw-checkbox__wrapper:not(.spw-checkbox__wrapper--disabled) {\n      outline: 2px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 4px black;\n    }\n\n    &--disabled {\n      color: var(--spw-color-themes-grey-grey-500);\n    }\n  }\n\n  &__wrapper,\n  &__label {\n    &:hover {\n      cursor: pointer;\n    }\n    &--disabled:hover {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'spw-checkbox',\n  styleUrl: 'spw-checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwCheckbox {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwCheckboxElement;\n\n  /** Détermine si la case à cocher est désactivée, rendant l'élément inutilisable */\n  @Prop() disabled: boolean = false;\n  /** Propriété mutable qui reflète si la case à cocher est cochée ou non */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n  /** Indique s'il y a une erreur associée à la case à cocher, pour un affichage visuel */\n  @Prop() error: boolean = false;\n  /** Icône à afficher lorsque la case à cocher est cochée */\n  @Prop() icon: string = 'fa-check';\n  /** Nom de l'élément utilisé dans les formulaires */\n  @Prop() name: string;\n  /** Type de variant pour la checkbox */\n  @Prop() variant?: 'default' | 'toggle' = 'default';\n\n  @State() internalChecked: boolean;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement déclenché lors d'un changement d'état de la case à cocher (cochée ou décochée) */\n  @Event({ bubbles: true, composed: true }) spwChange: EventEmitter<boolean>;\n\n  private handleCheckbox() {\n    if (!this.disabled) {\n      this.internalChecked = !this.internalChecked;\n      this.checked = this.internalChecked;\n      this.updateFormValue();\n      this.spwChange.emit(this.internalChecked);\n    }\n  }\n\n  /** Méthode publique pour changer l'état de la case à cocher. */\n  @Method()\n  async toggleCheckedState(newVal: boolean) {\n    this.internalChecked = newVal;\n    this.checked = newVal;\n    this.updateFormValue();\n  }\n\n  @Watch('checked')\n  checkedChanged(newChecked: boolean) {\n    this.internalChecked = newChecked;\n    this.inputElement.checked = newChecked;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    if (this.internalChecked) {\n      this.internals.setFormValue('on');\n    } else {\n      this.internals.setFormValue(null);\n    }\n  }\n\n  private handleKeydown(event) {\n    if (event.key === ' ' || event.key === 'Enter') {\n      // Space or Enter keys\n      this.handleCheckbox();\n      event.preventDefault();\n    }\n  }\n\n  componentWillLoad() {\n    this.internalChecked = this.checked;\n    this.updateFormValue();\n  }\n\n  componentDidLoad() {\n    this.el.closest('form')?.addEventListener('formdata', (e: FormDataEvent) => {\n      if (this.internalChecked) {\n        e.formData.set(this.name, 'on');\n      }\n    });\n  }\n\n  formResetCallback() {\n    this.internalChecked = false;\n    this.checked = false;\n    this.updateFormValue();\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-checkbox__wrapper': true,\n      [`spw-checkbox__wrapper--${this.variant}`]: true,\n      'spw-checkbox__wrapper--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,wgM,MCQVC,EAAW,MANxB,WAAAC,CAAAC,G,6MAYUC,KAAQC,SAAY,MAEYD,KAAOE,QAAY,MAEnDF,KAAKG,MAAY,MAEjBH,KAAII,KAAW,WAIfJ,KAAOK,QAA0B,SAiH1C,CAxGS,cAAAC,GACN,IAAKN,KAAKC,SAAU,CAClBD,KAAKO,iBAAmBP,KAAKO,gBAC7BP,KAAKE,QAAUF,KAAKO,gBACpBP,KAAKQ,kBACLR,KAAKS,UAAUC,KAAKV,KAAKO,gB,EAM7B,wBAAMI,CAAmBC,GACvBZ,KAAKO,gBAAkBK,EACvBZ,KAAKE,QAAUU,EACfZ,KAAKQ,iB,CAIP,cAAAK,CAAeC,GACbd,KAAKO,gBAAkBO,EACvBd,KAAKe,aAAab,QAAUY,EAC5Bd,KAAKQ,iB,CAGC,eAAAA,GACN,GAAIR,KAAKO,gBAAiB,CACxBP,KAAKgB,UAAUC,aAAa,K,KACvB,CACLjB,KAAKgB,UAAUC,aAAa,K,EAIxB,aAAAC,CAAcC,GACpB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAE9CpB,KAAKM,iBACLa,EAAME,gB,EAIV,iBAAAC,GACEtB,KAAKO,gBAAkBP,KAAKE,QAC5BF,KAAKQ,iB,CAGP,gBAAAe,G,OACEC,EAAAxB,KAAKyB,GAAGC,QAAQ,WAAS,MAAAF,SAAA,SAAAA,EAAAG,iBAAiB,YAAaC,IACrD,GAAI5B,KAAKO,gBAAiB,CACxBqB,EAAEC,SAASC,IAAI9B,KAAK+B,KAAM,K,KAKhC,iBAAAC,GACEhC,KAAKO,gBAAkB,MACvBP,KAAKE,QAAU,MACfF,KAAKQ,iB,CAGP,gBAAYyB,GACV,MAAO,CACL,wBAAyB,KACzB,CAAC,0BAA0BjC,KAAKK,WAAY,KAC5C,kCAAmCL,KAAKC,SACxC,iCAAkCD,KAAKO,gBACvC,+BAAgCP,KAAKG,M,CAIzC,MAAA+B,GACE,MAAMC,EAAOnC,KAAKyB,GAAGW,UACrB,MAAMC,EAAUC,QAAQH,GAExB,OACEI,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBACTD,EACE,SAAAnB,IAAA,2CAAAqB,KAAK,WACLC,IAAKjB,GAAOzB,KAAKe,aAAeU,EAChCvB,QAASF,KAAKO,gBACdoC,SAAU3C,KAAKM,eAAesC,KAAK5C,MACnC+B,KAAM/B,KAAK+B,KACX9B,SAAUD,KAAKC,SACf4C,MAAO,CAAEC,QAAS,UAEnBT,GACCE,EAAO,SAAAnB,IAAA,2CAAA2B,QAAS/C,KAAK+B,KAAMS,MAAO,uBAAuBxC,KAAKC,SAAW,gCAAkC,KAAM+C,QAAShD,KAAKM,eAAesC,KAAK5C,OACjJuC,EAAA,QAAAnB,IAAA,8CAGJmB,EAAA,OAAAnB,IAAA,2CACE6B,SAAUjD,KAAKC,UAAW,EAAK,EAC/B+C,QAAShD,KAAKM,eAAesC,KAAK5C,MAClCkD,UAAWlD,KAAKkB,cAAc0B,KAAK5C,MACnCmD,KAAK,WAAU,eACDnD,KAAKO,gBAAkB,OAAS,QAC/B,gBAAAP,KAAKC,SAAW,OAAS,QACxB,0BAChBuC,MAAOxC,KAAKiC,cAEXjC,KAAKO,iBAAmBgC,EAAA,YAAAnB,IAAA,2CAAUhB,KAAMJ,KAAKI,Q","ignoreList":[]}

package/dist/spw-stencil-library/p-e5178e47.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwHeaderPersonaCss","SpwHeaderPersona","constructor","hostRef","this","activePersona","options","handleButtonClick","_a","selectEl","click","handleButtonKeyDown","event","key","preventDefault","componentWillLoad","setInitialPersona","componentDidLoad","moveOptionsToSelect","selected","el","querySelector","textContent","trim","lightDomOptions","Array","from","querySelectorAll","forEach","option","appendChild","handleChange","select","target","selectedOption","selectedOptions","link","getAttribute","window","location","href","render","h","Host","class","onClick","onKeyDown","icon","ref","onChange","e","tabIndex"],"sources":["src/components/spw-header/spw-header-persona/spw-header-persona.scss?tag=spw-header-persona&encapsulation=shadow","src/components/spw-header/spw-header-persona/spw-header-persona.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-header-persona {\n  position: relative;\n  @include under-breakpoint(lg) {\n    border-bottom: 1px solid var(--spw-colors-support-grey-grey-300);\n    padding-top: 24px;\n    padding-bottom: 24px;\n  }\n  @include breakpoint(lg) {\n    padding-left: 24px;\n    margin-left: 24px;\n    border-left: 1px solid var(--spw-colors-support-grey-grey-300);\n  }\n\n  &__label {\n    font-size: 14px;\n    margin-bottom: 2px;\n    display: block;\n    color: var(--spw-colors-support-grey-grey-700);\n    @include under-breakpoint(lg) {\n      display: none;\n    }\n  }\n\n  &__active-persona {\n    position: relative;\n    display: flex;\n    gap: 6px;\n    justify-content: space-between;\n    cursor: pointer;\n    font-weight: bold;\n    text-decoration: none;\n    color: var(--spw-colors-support-grey-grey-900);\n    @include breakpoint(lg) {\n      text-decoration: underline;\n      .spw-header-persona:hover & {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &__trigger {\n    display: block;\n    .spw-header-persona--opened & {\n      transform: rotate(180deg);\n    }\n  }\n\n  &__select {\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    cursor: pointer;\n    z-index: 2;\n  }\n\n  &__dropdown {\n    display: none;\n    overflow: hidden;\n    .spw-header-persona--opened & {\n      display: block;\n      @include breakpoint(lg) {\n        position: absolute;\n        width: max-content;\n        z-index: 99999;\n        background: white;\n        border-radius: 4px;\n        box-shadow: var(--spw-effect-elevation-8);\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-header-persona',\n  styleUrl: 'spw-header-persona.scss',\n  shadow: true,\n})\nexport class SpwHeaderPersona {\n  @Element() el!: HTMLElement;\n  @State() activePersona: string = '';\n  @State() options: HTMLOptionElement[] = [];\n\n  private selectEl!: HTMLSelectElement;\n\n  componentWillLoad() {\n    this.setInitialPersona();\n  }\n\n  componentDidLoad() {\n    this.moveOptionsToSelect();\n  }\n\n  private setInitialPersona() {\n    const selected = this.el.querySelector('option[selected]');\n    this.activePersona = selected?.textContent?.trim() || '';\n  }\n\n  private moveOptionsToSelect() {\n    const lightDomOptions = Array.from(this.el.querySelectorAll('option'));\n    this.options = lightDomOptions;\n    lightDomOptions.forEach(option => {\n      this.selectEl.appendChild(option);\n    });\n  }\n\n  private handleChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    const selectedOption = select.selectedOptions[0];\n    this.activePersona = selectedOption?.textContent?.trim() || '';\n    const link = selectedOption?.getAttribute('data-link');\n    if (link) {\n      window.location.href = link;\n    }\n  }\n\n  private handleButtonClick = () => {\n    this.selectEl?.click();\n  };\n\n  private handleButtonKeyDown = (event: KeyboardEvent) => {\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.selectEl?.click();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-header-persona\" onClick={this.handleButtonClick} onKeyDown={this.handleButtonKeyDown}>\n          <span class=\"spw-header-persona__label\">Je suis :</span>\n          <div class=\"spw-header-persona__active-persona\">\n            {this.activePersona} <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <select class=\"spw-header-persona__select\" ref={el => (this.selectEl = el as HTMLSelectElement)} onChange={e => this.handleChange(e)} tabIndex={-1} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,qjI,MCOfC,EAAgB,MAL7B,WAAAC,CAAAC,G,UAOWC,KAAaC,cAAW,GACxBD,KAAOE,QAAwB,GAmChCF,KAAiBG,kBAAG,K,OAC1BC,EAAAJ,KAAKK,YAAU,MAAAD,SAAA,SAAAA,EAAAE,OAAO,EAGhBN,KAAAO,oBAAuBC,I,MAC7B,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAC9CD,EAAME,kBACNN,EAAAJ,KAAKK,YAAU,MAAAD,SAAA,SAAAA,EAAAE,O,EAiBpB,CAvDC,iBAAAK,GACEX,KAAKY,mB,CAGP,gBAAAC,GACEb,KAAKc,qB,CAGC,iBAAAF,G,MACN,MAAMG,EAAWf,KAAKgB,GAAGC,cAAc,oBACvCjB,KAAKC,gBAAgBG,EAAAW,IAAA,MAAAA,SAAA,SAAAA,EAAUG,eAAW,MAAAd,SAAA,SAAAA,EAAEe,SAAU,E,CAGhD,mBAAAL,GACN,MAAMM,EAAkBC,MAAMC,KAAKtB,KAAKgB,GAAGO,iBAAiB,WAC5DvB,KAAKE,QAAUkB,EACfA,EAAgBI,SAAQC,IACtBzB,KAAKK,SAASqB,YAAYD,EAAO,G,CAI7B,YAAAE,CAAanB,G,MACnB,MAAMoB,EAASpB,EAAMqB,OACrB,MAAMC,EAAiBF,EAAOG,gBAAgB,GAC9C/B,KAAKC,gBAAgBG,EAAA0B,IAAA,MAAAA,SAAA,SAAAA,EAAgBZ,eAAW,MAAAd,SAAA,SAAAA,EAAEe,SAAU,GAC5D,MAAMa,EAAOF,IAAc,MAAdA,SAAc,SAAdA,EAAgBG,aAAa,aAC1C,GAAID,EAAM,CACRE,OAAOC,SAASC,KAAOJ,C,EAe3B,MAAAK,GACE,OACEC,EAACC,EAAI,CAAA9B,IAAA,4CACH6B,EAAA,OAAA7B,IAAA,2CAAK+B,MAAM,qBAAqBC,QAASzC,KAAKG,kBAAmBuC,UAAW1C,KAAKO,qBAC/E+B,EAAM,QAAA7B,IAAA,2CAAA+B,MAAM,6BAA4C,aACxDF,EAAK,OAAA7B,IAAA,2CAAA+B,MAAM,sCACRxC,KAAKC,cAAa,IAAEqC,EAAA,YAAA7B,IAAA,2CAAUkC,KAAK,qBAEtCL,EAAA,UAAA7B,IAAA,2CAAQ+B,MAAM,6BAA6BI,IAAK5B,GAAOhB,KAAKK,SAAWW,EAA0B6B,SAAUC,GAAK9C,KAAK2B,aAAamB,GAAIC,UAAU,K","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as s}from"./p-BYM_CUUH.js";const a="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative;width:100%}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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[data-modal-trigger]{cursor:pointer}:host(.--is-full-height){height:100%}.spw-card{background:var(--spw-ds-white);border-radius:5px;box-shadow:var(--spw-effect-elevation-2);display:block;transition:all .3s ease-in-out}:host(.--is-full-height) .spw-card{height:100%}.spw-card--hoverable:hover{box-shadow:var(--spw-effect-elevation-4);transform:translateY(-5px)}.spw-card__dates{align-items:center;background:var(--spw-ds-primary);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-size:18px;height:80px;justify-content:center;left:0;line-height:1.1;position:absolute;text-align:center;text-decoration:none;top:50%;transform:translate(-50%,-50%);width:80px}.spw-card__date-item span:first-of-type{font-weight:700}.spw-card__link{color:inherit;display:block;height:100%;text-decoration:none;width:100%}.spw-card--no-image .spw-card__link{padding-top:15px}.spw-card__link:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-card--vertical .spw-card__link,.spw-card--video .spw-card__link{display:flex;min-height:240px}.spw-card--sidebar,.spw-card--sidebar:hover{box-shadow:none}.spw-card--sidebar .spw-card__link{display:flex;gap:16px}.spw-card--event{left:40px;position:relative;width:calc(100% - 40px)}";const n=class{constructor(e){t(this,e);this.hasImage=false;this.variant="news";this.elementType="a";this.target="_self";this.fullHeight=false;this.disabled=false}componentWillLoad(){this.checkForImage();this.applyVariantToChildren()}slotChanged(){this.checkForImage();this.applyVariantToChildren()}onMouseEnter(){this.setImageHovered(true)}onMouseLeave(){this.setImageHovered(false)}checkForImage(){requestAnimationFrame((()=>{const t=this.el.querySelector("spw-card-image");const e=this.el.querySelector("spw-card-content");this.hasImage=!!t;if(!this.hasImage){e.classList.add("--no-image")}}))}formatDate(t){if(!t)return[];const i=t.split("/");return i.flatMap(((t,s)=>s<i.length-1?[e("span",null,t),e("span",null,"/")]:[e("span",null,t)]))}applyVariantToChildren(){requestAnimationFrame((()=>{const t=`--${this.variant}`;const e=this.el.querySelector("spw-card-content");const i=this.el.querySelector("spw-card-image");const s=this.el.querySelector("spw-card-title");const a=this.el.querySelector("spw-card-excerpt");const n=this.el.querySelector("spw-card-subtags");e&&e.classList.add(t);i&&i.classList.add(t);s&&s.classList.add(t);a&&a.classList.add(t);n&&n.classList.add(t)}))}setImageHovered(t){const e=this.el.querySelector("spw-card-image");const i=this.el.querySelector("spw-card-title");if(e&&this.href){e.classList.toggle("--hovered",t)}if(i&&this.href){i.classList.toggle("--hovered",t)}}get elementClass(){return{"spw-card":true,"spw-card--hoverable":!!this.href,"spw-card--no-image":!this.hasImage,[`spw-card--${this.variant}`]:true}}render(){const{href:t,rel:s,target:a,dateStart:n,dateEnd:o,variant:r}=this;const d=this.href===undefined?"div":"a";const c=d==="div"?{}:{href:t,rel:s,target:a};const p={"aria-label":this===null||this===void 0?void 0:this.accAriaLabel,"aria-disabled":this.disabled?"true":null};return e(i,{key:"414b823a8a824f866571819908c4279481f4b4bd",class:{"--is-full-height":this.fullHeight}},e("article",{key:"550b1c32da3f917ca8e78194b13592d3265db0b1",class:this.elementClass},r==="event"&&e(d,Object.assign({key:"3988de2a54183a0eff3cea43de9904c094790110"},c,{class:"spw-card__dates"}),n&&e("div",{key:"7840de1b38ec0300f5dbb8213241c1b6c2d1917d",class:"spw-card__date-item"},this.formatDate(n)),o&&e("div",{key:"f542560e0505e84676c1b3a2e7910c2ba18b9970",class:"spw-card__date-item"},this.formatDate(o))),e(d,Object.assign({key:"f7bdcf4575a95303ed2dc06ac141e7424a24760d"},c,p,{class:"spw-card__link"}),e("slot",{key:"608fc7a34d3060dff797cf273d7cd7c09c24c520"}))))}get el(){return s(this)}};n.style=a;export{n as spw_card};
-//# sourceMappingURL=p-e771bb8e.entry.js.map

package/dist/spw-stencil-library/p-e771bb8e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardCss","SpwCard","constructor","hostRef","this","hasImage","variant","elementType","target","fullHeight","disabled","componentWillLoad","checkForImage","applyVariantToChildren","slotChanged","onMouseEnter","setImageHovered","onMouseLeave","requestAnimationFrame","imageElement","el","querySelector","contentElement","classList","add","formatDate","date","parts","split","flatMap","part","index","length","h","variantClass","titleElement","excerptElement","subtagsElement","isHovered","href","toggle","elementClass","render","rel","dateStart","dateEnd","TagType","undefined","attrs","ariaAttributes","accAriaLabel","Host","key","class","Object","assign"],"sources":["src/components/spw-card/spw-card.scss?tag=spw-card&encapsulation=shadow","src/components/spw-card/spw-card.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  &[data-modal-trigger] {\n    cursor: pointer;\n  }\n}\n\n:host(.--is-full-height) {\n  height: 100%;\n}\n\n.spw-card {\n  display: block;\n  border-radius: 5px;\n  background: var(--spw-ds-white);\n  box-shadow: var(--spw-effect-elevation-2);\n  transition: all 0.3s ease-in-out;\n\n  :host(.--is-full-height) & {\n    height: 100%;\n  }\n\n  &--hoverable:hover {\n    box-shadow: var(--spw-effect-elevation-4);\n    transform: translateY(-5px);\n  }\n\n  &__dates {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translate(-50%, -50%);\n    flex-direction: column;\n    line-height: 1.1;\n    width: 80px;\n    height: 80px;\n    text-align: center;\n    color: white;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--spw-ds-primary);\n    border-radius: 50%;\n    font-size: 18px;\n    text-decoration: none;\n  }\n  &__date-item {\n    span:first-of-type {\n      font-weight: bold;\n    }\n  }\n}\n\n.spw-card__link {\n  display: block;\n  height: 100%;\n  width: 100%;\n  color: inherit;\n  text-decoration: none;\n\n  .spw-card--no-image & {\n    padding-top: 15px;\n  }\n\n  &:focus-visible {\n    outline: 3px solid white;\n    outline-offset: -1px;\n    box-shadow: 0 0 0 5px black;\n    border-radius: 5px;\n  }\n}\n\n.spw-card--vertical,\n.spw-card--video {\n  .spw-card__link {\n    display: flex;\n    min-height: 240px;\n  }\n}\n\n.spw-card--sidebar {\n  box-shadow: none;\n  &:hover {\n    box-shadow: none;\n  }\n  .spw-card__link {\n    display: flex;\n    gap: 16px;\n  }\n}\n\n.spw-card--event {\n  position: relative;\n  width: calc(100% - 40px);\n  left: 40px;\n}\n","import { Element, Listen, State, Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card',\n  styleUrl: 'spw-card.scss',\n  shadow: true,\n})\nexport class SpwCard {\n  @Element() el: HTMLSpwCardElement;\n  @State() hasImage: boolean = false;\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' = 'news';\n  /** Type d'élément du bouton */\n  @Prop() elementType: string = 'a';\n  /** Spécifie le lien si nécessaire */\n  @Prop() href?: string;\n  /** Attribut target, s'applique uniquement si href est rempli */\n  @Prop() target: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Définir une date de début si la carte est un évènement */\n  @Prop() dateStart?: string;\n  /** Définir une date de fin si la carte est un évènement */\n  @Prop() dateEnd?: string;\n\n  /** Si vrai, les cartes ont la même hauteur */\n  @Prop() fullHeight: boolean = false;\n  /** Si désactivée, la carte n'est pas utilisable */\n  @Prop() disabled: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n\n  componentWillLoad() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    this.setImageHovered(true);\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private checkForImage() {\n    requestAnimationFrame(() => {\n      const imageElement = this.el.querySelector('spw-card-image');\n      const contentElement = this.el.querySelector('spw-card-content');\n      this.hasImage = !!imageElement;\n      if (!this.hasImage) {\n        contentElement.classList.add('--no-image');\n      }\n    });\n  }\n\n  private formatDate(date?: string): any[] {\n    if (!date) return [];\n    const parts = date.split('/');\n    return parts.flatMap((part, index) => (index < parts.length - 1 ? [<span>{part}</span>, <span>/</span>] : [<span>{part}</span>]));\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const contentElement = this.el.querySelector('spw-card-content');\n      const imageElement = this.el.querySelector('spw-card-image');\n      const titleElement = this.el.querySelector('spw-card-title');\n      const excerptElement = this.el.querySelector('spw-card-excerpt');\n      const subtagsElement = this.el.querySelector('spw-card-subtags');\n\n      contentElement && contentElement.classList.add(variantClass);\n      imageElement && imageElement.classList.add(variantClass);\n      titleElement && titleElement.classList.add(variantClass);\n      excerptElement && excerptElement.classList.add(variantClass);\n      subtagsElement && subtagsElement.classList.add(variantClass);\n    });\n  }\n\n  private setImageHovered(isHovered: boolean) {\n    const imageElement = this.el.querySelector('spw-card-image');\n    const titleElement = this.el.querySelector('spw-card-title');\n    if (imageElement && this.href) {\n      imageElement.classList.toggle('--hovered', isHovered);\n    }\n    if (titleElement && this.href) {\n      titleElement.classList.toggle('--hovered', isHovered);\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-card': true,\n      'spw-card--hoverable': !!this.href,\n      'spw-card--no-image': !this.hasImage,\n      [`spw-card--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    const { href, rel, target, dateStart, dateEnd, variant } = this;\n    const TagType = this.href === undefined ? 'div' : 'a';\n    const attrs =\n      TagType === 'div'\n        ? {}\n        : {\n            href,\n            rel,\n            target,\n          };\n\n    const ariaAttributes = {\n      'aria-label': this?.accAriaLabel,\n      'aria-disabled': this.disabled ? 'true' : null,\n    };\n\n    return (\n      <Host class={{ '--is-full-height': this.fullHeight }}>\n        <article class={this.elementClass}>\n          {variant === 'event' && (\n            <TagType {...attrs} class=\"spw-card__dates\">\n              {dateStart && <div class=\"spw-card__date-item\">{this.formatDate(dateStart)}</div>}\n              {dateEnd && <div class=\"spw-card__date-item\">{this.formatDate(dateEnd)}</div>}\n            </TagType>\n          )}\n          <TagType {...attrs} {...ariaAttributes} class=\"spw-card__link\">\n            <slot></slot>\n          </TagType>\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,63H,MCONC,EAAO,MALpB,WAAAC,CAAAC,G,UAOWC,KAAQC,SAAY,MAGrBD,KAAOE,QAAyD,OAEhEF,KAAWG,YAAW,IAItBH,KAAMI,OAAW,QASjBJ,KAAUK,WAAY,MAEtBL,KAAQM,SAAY,KAgH7B,CA5GC,iBAAAC,GACEP,KAAKQ,gBACLR,KAAKS,wB,CAIP,WAAAC,GACEV,KAAKQ,gBACLR,KAAKS,wB,CAIP,YAAAE,GACEX,KAAKY,gBAAgB,K,CAIvB,YAAAC,GACEb,KAAKY,gBAAgB,M,CAGf,aAAAJ,GACNM,uBAAsB,KACpB,MAAMC,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMC,EAAiBlB,KAAKgB,GAAGC,cAAc,oBAC7CjB,KAAKC,WAAac,EAClB,IAAKf,KAAKC,SAAU,CAClBiB,EAAeC,UAAUC,IAAI,a,KAK3B,UAAAC,CAAWC,GACjB,IAAKA,EAAM,MAAO,GAClB,MAAMC,EAAQD,EAAKE,MAAM,KACzB,OAAOD,EAAME,SAAQ,CAACC,EAAMC,IAAWA,EAAQJ,EAAMK,OAAS,EAAI,CAACC,EAAA,YAAOH,GAAcG,EAAA,kBAAkB,CAACA,EAAO,YAAAH,K,CAG5G,sBAAAjB,GACNK,uBAAsB,KACpB,MAAMgB,EAAe,KAAK9B,KAAKE,UAC/B,MAAMgB,EAAiBlB,KAAKgB,GAAGC,cAAc,oBAC7C,MAAMF,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMc,EAAe/B,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMe,EAAiBhC,KAAKgB,GAAGC,cAAc,oBAC7C,MAAMgB,EAAiBjC,KAAKgB,GAAGC,cAAc,oBAE7CC,GAAkBA,EAAeC,UAAUC,IAAIU,GAC/Cf,GAAgBA,EAAaI,UAAUC,IAAIU,GAC3CC,GAAgBA,EAAaZ,UAAUC,IAAIU,GAC3CE,GAAkBA,EAAeb,UAAUC,IAAIU,GAC/CG,GAAkBA,EAAed,UAAUC,IAAIU,EAAa,G,CAIxD,eAAAlB,CAAgBsB,GACtB,MAAMnB,EAAef,KAAKgB,GAAGC,cAAc,kBAC3C,MAAMc,EAAe/B,KAAKgB,GAAGC,cAAc,kBAC3C,GAAIF,GAAgBf,KAAKmC,KAAM,CAC7BpB,EAAaI,UAAUiB,OAAO,YAAaF,E,CAE7C,GAAIH,GAAgB/B,KAAKmC,KAAM,CAC7BJ,EAAaZ,UAAUiB,OAAO,YAAaF,E,EAI/C,gBAAYG,GACV,MAAO,CACL,WAAY,KACZ,wBAAyBrC,KAAKmC,KAC9B,sBAAuBnC,KAAKC,SAC5B,CAAC,aAAaD,KAAKE,WAAY,K,CAInC,MAAAoC,GACE,MAAMH,KAAEA,EAAII,IAAEA,EAAGnC,OAAEA,EAAMoC,UAAEA,EAASC,QAAEA,EAAOvC,QAAEA,GAAYF,KAC3D,MAAM0C,EAAU1C,KAAKmC,OAASQ,UAAY,MAAQ,IAClD,MAAMC,EACJF,IAAY,MACR,GACA,CACEP,OACAI,MACAnC,UAGR,MAAMyC,EAAiB,CACrB,aAAc7C,OAAI,MAAJA,YAAA,SAAAA,KAAM8C,aACpB,gBAAiB9C,KAAKM,SAAW,OAAS,MAG5C,OACEuB,EAACkB,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAE,mBAAoBjD,KAAKK,aACtCwB,EAAA,WAAAmB,IAAA,2CAASC,MAAOjD,KAAKqC,cAClBnC,IAAY,SACX2B,EAACa,EAAOQ,OAAAC,OAAA,CAAAH,IAAA,4CAAKJ,EAAK,CAAEK,MAAM,oBACvBT,GAAaX,EAAA,OAAAmB,IAAA,2CAAKC,MAAM,uBAAuBjD,KAAKqB,WAAWmB,IAC/DC,GAAWZ,EAAA,OAAAmB,IAAA,2CAAKC,MAAM,uBAAuBjD,KAAKqB,WAAWoB,KAGlEZ,EAACa,EAAOQ,OAAAC,OAAA,CAAAH,IAAA,4CAAKJ,EAAWC,EAAgB,CAAAI,MAAM,mBAC5CpB,EAAA,QAAAmB,IAAA,+C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,F as s,H as o,g as a}from"./p-BYM_CUUH.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.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;-webkit-text-decoration:underline dotted;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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@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)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}';const r=class{constructor(e){t(this,e);this.tabSelected=i(this,"tabSelected");this.active=false;this.disabled=false;this.bubble=false;this.slotText="";this.handleClick=t=>{t.preventDefault();t.stopPropagation();if(!this.disabled){this.tabSelected.emit(this.tabId)}};this.handleKeyDown=t=>{if(this.disabled)return;const i=t.key;if(i==="Enter"||i===" "){t.preventDefault();t.stopPropagation();this.tabSelected.emit(this.tabId)}}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){const t=i.assignedNodes({flatten:true});const e=t.filter((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE)).map((t=>{var i;return(i=t.textContent)===null||i===void 0?void 0:i.trim()})).join(" ").trim();this.slotText=e||""}}get elementClass(){return{"spw-tabs-navigation-item":true,"spw-tabs-navigation-item--active":this.active,"spw-tabs-navigation-item--disabled":this.disabled,"spw-tabs-navigation-item--bubble":this.bubble,"spw-tabs-navigation-item--ellipsis":this.hasEllipsis}}render(){const t=this.icon&&!this.iconPosition?"right":this.iconPosition;const i=`spw-icon--${t}`;const a=this.icon?e("spw-icon",{class:i,icon:this.icon}):null;return e(o,{key:"2c8b4f33a4ce4b0d93d19f60d71c5e98493f9b61",class:this.active?"--active":""},e("li",{key:"13bd151dd875a78cb40a1dbccd572d1c27fc498d",id:`tab-${this.tabId}`,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-controls":`panel-${this.tabId}`,"aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick},this.hasEllipsis&&e("spw-tooltip",{key:"4a23e2eabd0c9ebfd3a4a8585bf4c970588324e0",cursor:this.disabled?"disabled":"pointer",class:"spw-tooltip--has-ellipsis",tooltipText:this.slotText},t==="left"&&a,e("slot",{key:"6c2b2f731b1e33fa59970126366b0fec3a195351"}),t==="right"&&a),!this.hasEllipsis&&e(s,{key:"1512342a37d70d6f77261c827b04a7fef5bb3518"},t==="left"&&a,e("slot",{key:"e922274eabdd91e4ed47cda20f79e9214e7cbc73"}),t==="right"&&a)," ",this.bubble&&e("span",{key:"88b495cdbf39dabff8a04231da392e78f43e39c4",class:"bubble"})))}get el(){return a(this)}};r.style=n;export{r as spw_tabs_navigation_item};
-//# sourceMappingURL=p-ffb3b941.entry.js.map

package/dist/spw-stencil-library/p-ffb3b941.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsNavigationItemCss","SpwTabsNavigationItem","constructor","hostRef","this","active","disabled","bubble","slotText","handleClick","event","preventDefault","stopPropagation","tabSelected","emit","tabId","handleKeyDown","key","componentDidLoad","updateSlotText","handleSlotChange","slot","_a","el","shadowRoot","querySelector","assignedNodes","flatten","text","filter","n","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","textContent","trim","join","elementClass","hasEllipsis","render","iconPosition","icon","iconClass","iconElement","h","class","Host","id","role","onKeyDown","tabIndex","onClick","cursor","tooltipText","Fragment"],"sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n  --spw-tabs-max-width-text: 200px;\n  --spw-tabs-border-radius: 4px 4px 0 0;\n  --spw-tabs-margin-left: 0;\n}\n\n.spw-tabs-navigation-item {\n  position: relative;\n  cursor: pointer;\n  color: var(--spw-colors-support-grey-grey-700);\n  user-select: none;\n  transition: color 0.2s linear;\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n    :host(.--box) & {\n      color: var(--spw-colors-support-grey-grey-900);\n    }\n  }\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: -2px;\n  }\n  :host(.--box) & {\n    background: var(--spw-colors-support-grey-grey-100);\n    color: var(--spw-colors-support-grey-grey-600);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    margin-top: 3px;\n    border-radius: var(--spw-tabs-border-radius);\n    margin-left: var(--spw-tabs-margin-left);\n  }\n  &--disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    &:hover {\n      color: var(--spw-colors-support-grey-grey-700);\n    }\n    :host(.--box) & {\n      opacity: 1;\n      color: var(--spw-colors-support-grey-grey-400);\n      &:hover {\n        color: var(--spw-colors-support-grey-grey-400);\n      }\n      &:active {\n        transform: none;\n      }\n    }\n  }\n  &--active {\n    border-bottom: 0;\n    color: var(--spw-colors-support-grey-grey-900);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      left: 0;\n      height: 2px;\n      background: var(--spw-ds-primary);\n    }\n    :host(.--box) & {\n      position: relative;\n      top: 1px;\n      color: var(--spw-colors-support-grey-grey-900);\n      background: white;\n      // border-bottom-color: transparent;\n      margin-top: 0;\n      &:after {\n        display: none;\n      }\n    }\n  }\n  &--bubble {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      right: -8px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--spw-ds-primary);\n      :host(.--box) & {\n        top: 4px;\n        right: 4px;\n      }\n    }\n  }\n  :host(.--ellipsis) & {\n    max-width: var(--spw-tabs-max-width-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 0;\n    spw-tooltip {\n      display: contents;\n    }\n  }\n  :host(.--small) & {\n    padding: 8px 0 12px 0;\n    font-size: 14px;\n  }\n  :host(.--small.--box) & {\n    padding: 7px 16px 6px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 8px 16px;\n    }\n  }\n  :host(.--medium) & {\n    padding: 12px 0 16px 0;\n    font-size: 16px;\n  }\n  :host(.--medium.--box) & {\n    padding: 11px 16px 10px 16px;\n    .spw-tabs-navigation-item--active {\n      padding: 12px 16px;\n    }\n  }\n  :host(.--large) & {\n    padding: 16px 0 20px 0;\n    font-size: 18px;\n  }\n  :host(.--large.--box) & {\n    padding: 15px 20px 14px 20px;\n    .spw-tabs-navigation-item--active {\n      padding: 16px 20px;\n    }\n  }\n  .spw-icon {\n    &--left {\n      margin-right: 4px;\n    }\n    &--right {\n      margin-left: 4px;\n    }\n  }\n}\n","import { Component, h, Fragment, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs-navigation-item',\n  styleUrl: 'spw-tabs-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwTabsNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** Définit un id pour le tab */\n  @Prop() tabId!: string;\n  /** Définit si le tab est actif ou non */\n  @Prop() active: boolean = false;\n  /** Définit si le tab est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** Prévoit la présence d'une pastille sur l'élément de navigation */\n  @Prop() bubble: boolean = false;\n  /** Définit si le texte doit être coupé pour les onglets au titre trop long */\n  @Prop() hasEllipsis?: boolean;\n  /** Si rempli, vous pouvez utiliser une référence d'icône font-awesome sur le spw-tabs-navigation-item */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du bouton sur le spw-tabs-navigation-item */\n  @Prop() iconPosition?: 'left' | 'right';\n\n  @State() slotText: string = '';\n\n  @Event() tabSelected: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.updateSlotText();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.updateSlotText();\n  }\n\n  private updateSlotText() {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true });\n      const text = assignedNodes\n        .filter(n => n.nodeType === Node.TEXT_NODE || n.nodeType === Node.ELEMENT_NODE)\n        .map(n => (n as HTMLElement | Text).textContent?.trim())\n        .join(' ')\n        .trim();\n\n      this.slotText = text || '';\n    }\n  }\n\n  private handleClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const key = event.key;\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs-navigation-item': true,\n      'spw-tabs-navigation-item--active': this.active,\n      'spw-tabs-navigation-item--disabled': this.disabled,\n      'spw-tabs-navigation-item--bubble': this.bubble,\n      'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n    };\n  }\n\n  render() {\n    const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = this.icon ? <spw-icon class={iconClass} icon={this.icon}></spw-icon> : null;\n\n    return (\n      <Host class={this.active ? '--active' : ''}>\n        <li\n          id={`tab-${this.tabId}`}\n          role=\"tab\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls={`panel-${this.tabId}`}\n          aria-label={this.slotText}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={this.disabled ? -1 : 0}\n          class={this.elementClass}\n          onClick={this.handleClick}\n        >\n          {this.hasEllipsis && (\n            <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} class=\"spw-tooltip--has-ellipsis\" tooltipText={this.slotText}>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </spw-tooltip>\n          )}\n          {!this.hasEllipsis && (\n            <Fragment>\n              {iconPosition === 'left' && iconElement}\n              <slot></slot>\n              {iconPosition === 'right' && iconElement}\n            </Fragment>\n          )}{' '}\n          {this.bubble && <span class=\"bubble\"></span>}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uEAAA,MAAMA,EAA2B,0jL,MCOpBC,EAAqB,MALlC,WAAAC,CAAAC,G,iDAWUC,KAAMC,OAAY,MAElBD,KAAQE,SAAY,MAEpBF,KAAMG,OAAY,MAQjBH,KAAQI,SAAW,GA2BpBJ,KAAAK,YAAeC,IACrBA,EAAMC,iBACND,EAAME,kBAEN,IAAKR,KAAKE,SAAU,CAClBF,KAAKS,YAAYC,KAAKV,KAAKW,M,GAIvBX,KAAAY,cAAiBN,IACvB,GAAIN,KAAKE,SAAU,OAEnB,MAAMW,EAAMP,EAAMO,IAClB,GAAIA,IAAQ,SAAWA,IAAQ,IAAK,CAClCP,EAAMC,iBACND,EAAME,kBACNR,KAAKS,YAAYC,KAAKV,KAAKW,M,EAoDhC,CA3FC,gBAAAG,GACEd,KAAKe,gB,CAIP,gBAAAC,GACEhB,KAAKe,gB,CAGC,cAAAA,G,MACN,MAAME,GAAOC,EAAAlB,KAAKmB,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,GAAIJ,EAAM,CACR,MAAMK,EAAgBL,EAAKK,cAAc,CAAEC,QAAS,OACpD,MAAMC,EAAOF,EACVG,QAAOC,GAAKA,EAAEC,WAAaC,KAAKC,WAAaH,EAAEC,WAAaC,KAAKE,eACjEC,KAAIL,IAAI,IAAAR,EAAC,OAAAA,EAACQ,EAAyBM,eAAa,MAAAd,SAAA,SAAAA,EAAAe,MAAM,IACtDC,KAAK,KACLD,OAEHjC,KAAKI,SAAWoB,GAAQ,E,EAwB5B,gBAAYW,GACV,MAAO,CACL,2BAA4B,KAC5B,mCAAoCnC,KAAKC,OACzC,qCAAsCD,KAAKE,SAC3C,mCAAoCF,KAAKG,OACzC,qCAAsCH,KAAKoC,Y,CAI/C,MAAAC,GACE,MAAMC,EAAetC,KAAKuC,OAASvC,KAAKsC,aAAe,QAAUtC,KAAKsC,aACtE,MAAME,EAAY,aAAaF,IAC/B,MAAMG,EAAczC,KAAKuC,KAAOG,EAAA,YAAUC,MAAOH,EAAWD,KAAMvC,KAAKuC,OAAoB,KAE3F,OACEG,EAACE,EAAK,CAAA/B,IAAA,2CAAA8B,MAAO3C,KAAKC,OAAS,WAAa,IACtCyC,EAAA,MAAA7B,IAAA,2CACEgC,GAAI,OAAO7C,KAAKW,QAChBmC,KAAK,MACU,gBAAA9C,KAAKC,OAAS,OAAS,QACvB,gBAAAD,KAAKE,SAAW,OAAS,QAAO,gBAChC,SAASF,KAAKW,QACjB,aAAAX,KAAKI,SACjB2C,UAAW/C,KAAKY,cAChBoC,SAAUhD,KAAKE,UAAW,EAAK,EAC/ByC,MAAO3C,KAAKmC,aACZc,QAASjD,KAAKK,aAEbL,KAAKoC,aACJM,EAAA,eAAA7B,IAAA,2CAAaqC,OAAQlD,KAAKE,SAAW,WAAa,UAAWyC,MAAM,4BAA4BQ,YAAanD,KAAKI,UAC9GkC,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,IAG/BzC,KAAKoC,aACLM,EAACU,EAAQ,CAAAvC,IAAA,4CACNyB,IAAiB,QAAUG,EAC5BC,EAAa,QAAA7B,IAAA,6CACZyB,IAAiB,SAAWG,GAE9B,IACFzC,KAAKG,QAAUuC,EAAM,QAAA7B,IAAA,2CAAA8B,MAAM,Y","ignoreList":[]}