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

package/dist/cjs/spw-card-image.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-card-image.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,k0KAAk0K;;MCO70K,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;","names":["h"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  display: block;\n  width: 100%;\n  line-height: 1;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n\n  :host(.--vertical) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-card-image.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,wjLAAwjL;;MCOnkL,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;","names":["h"],"sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  width: 100%;\n  line-height: 1;\n  --spw-card-image-display: block;\n}\n\n:host(.--people) {\n  width: 112px;\n  max-width: 112px;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n  display: var(--spw-card-image-display);\n\n  :host(.--vertical) &,\n  :host(.--event) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--people) & {\n    border-radius: 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical),\n:host(.--event) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-card-image.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-image.entry.cjs.js","sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  display: block;\n  width: 100%;\n  line-height: 1;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n\n  :host(.--vertical) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,k0KAAk0K;;MCO70K,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;"}
+{"version":3,"file":"spw-card-image.entry.cjs.js","sources":["src/components/spw-card/spw-card-image/spw-card-image.scss?tag=spw-card-image&encapsulation=shadow","src/components/spw-card/spw-card-image/spw-card-image.tsx"],"sourcesContent":["@import '../../../scss/mixins';\n\n:host {\n  width: 100%;\n  line-height: 1;\n  --spw-card-image-display: block;\n}\n\n:host(.--people) {\n  width: 112px;\n  max-width: 112px;\n}\n\n.spw-card-image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 5px 5px 0 0;\n  display: var(--spw-card-image-display);\n\n  :host(.--vertical) &,\n  :host(.--event) & {\n    border-radius: 5px 0 0 5px;\n  }\n\n  :host(.--people) & {\n    border-radius: 5px;\n  }\n\n  :host(.--video) &,\n  :host(.--sidebar) & {\n    border-radius: 5px;\n  }\n\n  ::slotted(img),\n  img {\n    width: 100%;\n    height: auto;\n    transition: all 0.3s ease;\n    transform-origin: center center;\n  }\n\n  &__icon {\n    &:before {\n      @include blanket;\n      background: var(--spw-ds-primary);\n      opacity: 0.4;\n    }\n    position: absolute;\n    z-index: 2;\n    display: flex;\n    visibility: hidden;\n    width: 100%;\n    height: 100%;\n    font-size: 30px;\n    font-weight: 300;\n    opacity: 0;\n    top: 0;\n    left: 0;\n    color: white;\n    justify-content: center;\n    align-items: center;\n    transition: all 0.3s ease;\n\n    spw-icon {\n      transform: scale(1.5);\n      transition: all 0.3s ease;\n    }\n  }\n\n  &__label {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: inline-flex;\n    padding: 8px 12px;\n    align-items: center;\n    border-radius: 9999px;\n    color: var(--spw-color-themes-grey-grey-900);\n    box-shadow: var(--spw-effect-elevation-3);\n    font-size: 14px;\n    background: var(--spw-ds-white);\n    z-index: 3;\n    line-height: 1;\n  }\n}\n\n:host(.--hovered:not(.--video)) {\n  .spw-card-image,\n  .spw-card-image.--is-hovered {\n    .spw-card-image__icon {\n      visibility: visible;\n      opacity: 1;\n      spw-icon {\n        transform: scale(1);\n      }\n    }\n    ::slotted(img) {\n      transform: scale(1.1);\n    }\n  }\n}\n\n:host(.--vertical),\n:host(.--event) {\n  width: 170px;\n  min-width: 170px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--sidebar) {\n  width: 75px;\n  min-width: 75px;\n  height: 75px;\n  min-height: 75px;\n  position: relative;\n  overflow: hidden;\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video) {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  &:after {\n    content: '';\n    background: black;\n    opacity: 0.4;\n    transition: all linear 0.2s;\n    border-radius: 5px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  .spw-card-image {\n    height: 100%;\n    ::slotted(img) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100% !important;\n      object-fit: cover;\n      object-position: center;\n    }\n  }\n}\n\n:host(.--video.--hovered) {\n  &:after {\n    opacity: 0.6;\n  }\n}\n","import { Component, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-image',\n  styleUrl: 'spw-card-image.scss',\n  shadow: true,\n})\nexport class SpwCardImage {\n  @Element() el: HTMLSpwCardImageElement;\n  /** Label spécifié dans la carte */\n  @Prop() label?: string;\n\n  componentDidLoad() {\n    const card = this.el.closest('spw-card');\n    if (card) {\n      card.addEventListener('mouseenter', () => this.onCardHover(true));\n      card.addEventListener('mouseleave', () => this.onCardHover(false));\n    }\n  }\n\n  private onCardHover(hovered) {\n    const icon = this.el.shadowRoot.querySelector('.spw-card-image');\n    if (icon) {\n      if (hovered) {\n        icon.classList.add('--is-hovered');\n      } else {\n        icon.classList.remove('--is-hovered');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"spw-card-image\">\n        {this.label && <span class=\"spw-card-image__label\">{this.label}</span>}\n        <slot></slot>\n        <div class=\"spw-card-image__icon\">\n          <spw-icon icon=\"fa-plus\"></spw-icon>\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,wjLAAwjL;;MCOnkL,YAAY,GAAA,MAAA;;;;IAKvB,gBAAgB,GAAA;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;QACxC,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACjE,YAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;;;AAI9D,IAAA,WAAW,CAAC,OAAO,EAAA;AACzB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC;QAChE,IAAI,IAAI,EAAE;YACR,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC;;iBAC7B;AACL,gBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC;;;;IAK3C,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,KAAK,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,EACtEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACbA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/BA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,GAAY,CAChC,CACF;;;;;;;;"}

package/dist/cjs/spw-card-subtag-item.cjs.entry.js

@@ -20,7 +20,7 @@ const SpwCardSubtagItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bb36b5ced113d9129698ceeff14cd092dcc44c20' }, index.h("span", { key: '64ad44f7a700914c82371215cddd7fbe624bd622', class: this.elementClass, onClick: () => this.handleClick() }, index.h("slot", { key: 'd540bd37c2a2000d8daa11291f7e26810baea930' }))));
+        return (index.h(index.Host, { key: 'b9f9a9f02a6ef1ccf5d0c5a993b0e3b278978298' }, index.h("span", { key: 'c8e53bd3d9a2c60d7eb2a05fea866d991898b068', class: this.elementClass, onClick: () => this.handleClick() }, index.h("slot", { key: 'd2bb1ddcc64d71736687bde8c0844cd2bc84773e' }))));
     }
 };
 SpwCardSubtagItem.style = spwCardSubtagItemCss;

package/dist/cjs/spw-card-subtags.cjs.entry.js

@@ -29,7 +29,7 @@ const SpwCardSubtags = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7197f57b0a93b6b51941fa40cdfadcd60c6e4077' }, index.h("div", { key: 'ecdd97414e532375fb29dcb945b539852f1ccf87', class: this.elementClass }, index.h("slot", { key: 'ae8d6e6ae70af87e7e9ea6bce86ebf35a0beb91f' }))));
+        return (index.h(index.Host, { key: 'c3615d6567c3f3b0f91c5784d14afb490796fcfd' }, index.h("div", { key: '1d4b55d7a2ceb7216ae369571725a22c9483fb97', class: this.elementClass }, index.h("slot", { key: 'a3d0f73339d00b5659dc0f4033ca3d3c6bc60596' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-card-title.cjs.entry.js

@@ -2,14 +2,16 @@
 
 var index = require('./index-iVhYitTd.js');
 
-const spwCardTitleCss = "/*! 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;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}";
+const spwCardTitleCss = "/*! 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;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-card-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.3;transition:all .3s ease}:host(.--hovered:not(.--video):not(.--people)) .spw-card-title{color:var(--spw-ds-primary)}:host(.--video) .spw-card-title{color:#fff}:host(.--sidebar) .spw-card-title{font-size:18px;line-height:1.2}:host(.--people) .spw-card-title{border-bottom:1px solid var(--spw-color-themes-grey-grey-300);padding:0 24px}:host(.--people) .spw-card-title__text{border-bottom:4px solid var(--spw-card-title-border-color,var(--spw-ds-primary));display:inline-block;padding:18px 0}";
 
 const SpwCardTitle = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est "people") */
+        this.borderColor = '';
     }
     render() {
-        return (index.h("h3", { key: 'a2aae793eea1b60c5ccc58ddb22f508f18984a3a', class: "spw-card-title" }, index.h("slot", { key: 'ab895331d9876bc14a621fe197933d69612ac07d' })));
+        return (index.h(index.Host, { key: 'fee3f93429299a55ce235a0b87abc7168570491c', style: { '--spw-card-title-border-color': this.borderColor } }, index.h("h3", { key: '2d6995704e9656b954a0b2d0eb5a06d25ac41133', class: "spw-card-title" }, index.h("span", { key: '801aafb6917dd8233e644cfad05bbf3009fdb44c', class: "spw-card-title__text" }, index.h("slot", { key: '0bd326fa65f7cbe4bb8db95321fdd16a39562dd5' })))));
     }
 };
 SpwCardTitle.style = spwCardTitleCss;

package/dist/cjs/spw-card-title.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-card-title.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,wzFAAwzF;;MCOn0F,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;","names":["h"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  render() {\n    return (\n      <h3 class=\"spw-card-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-card-title.entry.cjs.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,kpGAAkpG;;MCO7pG,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAY,EAAE;AAalC;IAXC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAChED,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACJ,CACA;;;;;;;","names":["h","Host"],"sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video):not(.--people)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n  :host(.--sidebar) & {\n    font-size: 18px;\n    line-height: 1.2;\n  }\n  :host(.--people) & {\n    padding: 0 24px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n  &__text {\n    :host(.--people) & {\n      display: inline-block;\n      padding: 18px 0;\n      border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n  @Prop() borderColor?: string = '';\n\n  render() {\n    return (\n      <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n        <h3 class=\"spw-card-title\">\n          <span class=\"spw-card-title__text\">\n            <slot></slot>\n          </span>\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-card-title.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card-title.entry.cjs.js","sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  render() {\n    return (\n      <h3 class=\"spw-card-title\">\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,wzFAAwzF;;MCOn0F,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACV;;;;;;;"}
+{"version":3,"file":"spw-card-title.entry.cjs.js","sources":["src/components/spw-card/spw-card-title/spw-card-title.scss?tag=spw-card-title&encapsulation=shadow","src/components/spw-card/spw-card-title/spw-card-title.tsx"],"sourcesContent":[".spw-card-title {\n  line-height: 1.3;\n  font-weight: 700;\n  font-size: 20px;\n  transition: all 0.3s ease;\n  color: var(--spw-color-themes-grey-grey-900);\n  :host(.--hovered:not(.--video):not(.--people)) & {\n    color: var(--spw-ds-primary);\n  }\n  :host(.--video) & {\n    color: white;\n  }\n  :host(.--sidebar) & {\n    font-size: 18px;\n    line-height: 1.2;\n  }\n  :host(.--people) & {\n    padding: 0 24px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-300);\n  }\n  &__text {\n    :host(.--people) & {\n      display: inline-block;\n      padding: 18px 0;\n      border-bottom: 4px solid var(--spw-card-title-border-color, var(--spw-ds-primary));\n    }\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-title',\n  styleUrl: 'spw-card-title.scss',\n  shadow: true,\n})\nexport class SpwCardTitle {\n  /** Code hexadécimal de la bordure sous le titre (à appliquer sur spw-card-title si la variante de la carte est \"people\") */\n  @Prop() borderColor?: string = '';\n\n  render() {\n    return (\n      <Host style={{ '--spw-card-title-border-color': this.borderColor }}>\n        <h3 class=\"spw-card-title\">\n          <span class=\"spw-card-title__text\">\n            <slot></slot>\n          </span>\n        </h3>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,kpGAAkpG;;MCO7pG,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAY,EAAE;AAalC;IAXC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,+BAA+B,EAAE,IAAI,CAAC,WAAW,EAAE,EAAA,EAChED,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAChCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACJ,CACA;;;;;;;"}

package/dist/cjs/spw-card.cjs.entry.js

@@ -2,12 +2,13 @@
 
 var index = require('./index-iVhYitTd.js');
 
-const spwCardCss = "/*! 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 spwCardCss = "/*! 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-card-background:var(--spw-ds-white);--spw-card-box-shadow:var(--spw-effect-elevation-6);--spw-card-border:none;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-card-background);border:var(--spw-card-border);border-radius:5px;box-shadow:var(--spw-card-box-shadow);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;z-index:2}.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--event .spw-card__link{display:flex}.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 SpwCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.hasImage = false;
+        this.childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées
         /** Type de variante de carte */
         this.variant = 'news';
         /** Type d'élément du bouton */
@@ -18,28 +19,57 @@ const SpwCard = class {
         this.fullHeight = false;
         /** Si désactivée, la carte n'est pas utilisable */
         this.disabled = false;
+        this.onNestedCardEnter = () => {
+            this.childHoveredCount++;
+            this.setImageHovered(false);
+        };
+        this.onNestedCardLeave = () => {
+            this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);
+            if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {
+                this.setImageHovered(true);
+            }
+        };
     }
     componentWillLoad() {
         this.checkForImage();
         this.applyVariantToChildren();
+        this.attachNestedCardListeners();
     }
     slotChanged() {
         this.checkForImage();
         this.applyVariantToChildren();
+        this.attachNestedCardListeners();
     }
     onMouseEnter() {
-        this.setImageHovered(true);
+        if (this.childHoveredCount === 0) {
+            this.setImageHovered(true);
+        }
     }
     onMouseLeave() {
         this.setImageHovered(false);
     }
+    attachNestedCardListeners() {
+        requestAnimationFrame(() => {
+            const nestedCards = this.el.querySelectorAll('spw-card');
+            nestedCards.forEach(card => {
+                card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);
+                card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);
+            });
+        });
+    }
+    isPointerInside(element) {
+        const rect = element.getBoundingClientRect();
+        const { left, top, right, bottom } = rect;
+        const { clientX, clientY } = window;
+        return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;
+    }
     checkForImage() {
         requestAnimationFrame(() => {
             const imageElement = this.el.querySelector('spw-card-image');
             const contentElement = this.el.querySelector('spw-card-content');
             this.hasImage = !!imageElement;
             if (!this.hasImage) {
-                contentElement.classList.add('--no-image');
+                contentElement === null || contentElement === void 0 ? void 0 : contentElement.classList.add('--no-image');
             }
         });
     }
@@ -57,11 +87,11 @@ const SpwCard = class {
             const titleElement = this.el.querySelector('spw-card-title');
             const excerptElement = this.el.querySelector('spw-card-excerpt');
             const subtagsElement = this.el.querySelector('spw-card-subtags');
-            contentElement && contentElement.classList.add(variantClass);
-            imageElement && imageElement.classList.add(variantClass);
-            titleElement && titleElement.classList.add(variantClass);
-            excerptElement && excerptElement.classList.add(variantClass);
-            subtagsElement && subtagsElement.classList.add(variantClass);
+            contentElement === null || contentElement === void 0 ? void 0 : contentElement.classList.add(variantClass);
+            imageElement === null || imageElement === void 0 ? void 0 : imageElement.classList.add(variantClass);
+            titleElement === null || titleElement === void 0 ? void 0 : titleElement.classList.add(variantClass);
+            excerptElement === null || excerptElement === void 0 ? void 0 : excerptElement.classList.add(variantClass);
+            subtagsElement === null || subtagsElement === void 0 ? void 0 : subtagsElement.classList.add(variantClass);
         });
     }
     setImageHovered(isHovered) {
@@ -96,7 +126,7 @@ const SpwCard = class {
             'aria-label': this === null || this === void 0 ? void 0 : this.accAriaLabel,
             'aria-disabled': this.disabled ? 'true' : null,
         };
-        return (index.h(index.Host, { key: '414b823a8a824f866571819908c4279481f4b4bd', class: { '--is-full-height': this.fullHeight } }, index.h("article", { key: '550b1c32da3f917ca8e78194b13592d3265db0b1', class: this.elementClass }, variant === 'event' && (index.h(TagType, Object.assign({ key: '3988de2a54183a0eff3cea43de9904c094790110' }, attrs, { class: "spw-card__dates" }), dateStart && index.h("div", { key: '7840de1b38ec0300f5dbb8213241c1b6c2d1917d', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && index.h("div", { key: 'f542560e0505e84676c1b3a2e7910c2ba18b9970', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), index.h(TagType, Object.assign({ key: 'f7bdcf4575a95303ed2dc06ac141e7424a24760d' }, attrs, ariaAttributes, { class: "spw-card__link" }), index.h("slot", { key: '608fc7a34d3060dff797cf273d7cd7c09c24c520' })))));
+        return (index.h(index.Host, { key: '3a6d060458c1301b3935fca45fbd75f75d331435', class: { '--is-full-height': this.fullHeight } }, index.h("article", { key: '4fb9f4c2dcdfeadee146559a49881392171352a8', class: this.elementClass }, variant === 'event' && (index.h(TagType, Object.assign({ key: '7bc364652cfcc22b7e03fc21383247161d6a0a17' }, attrs, { class: "spw-card__dates" }), dateStart && index.h("div", { key: '07f9aa4a3396cb4b7f376c5f0d6f7a7c167a4855', class: "spw-card__date-item" }, this.formatDate(dateStart)), dateEnd && index.h("div", { key: '96db297358b7b797da1b24b7809313df3092480d', class: "spw-card__date-item" }, this.formatDate(dateEnd)))), index.h(TagType, Object.assign({ key: '61e28cbd7629917f5f82e192be5080f7a905fe81' }, attrs, ariaAttributes, { class: "spw-card__link" }), index.h("slot", { key: '3bdecad5580ae21af4da15d2710d787a081a95d0' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-card.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-card.entry.cjs.js","mappings":"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","names":["index","h","Host"],"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"],"version":3}
+{"file":"spw-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,2kIAA2kI;;MCOjlI,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAC1B,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,CAAC;;AAGtB,QAAA,IAAO,CAAA,OAAA,GAAoE,MAAM;;AAEjF,QAAA,IAAW,CAAA,WAAA,GAAW,GAAG;;AAIzB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;;AASxB,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;;AAE3B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAwCzB,QAAA,IAAiB,CAAA,iBAAA,GAAG,MAAK;YAC/B,IAAI,CAAC,iBAAiB,EAAE;AACxB,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;AAC7B,SAAC;AAEO,QAAA,IAAiB,CAAA,iBAAA,GAAG,MAAK;AAC/B,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;AAChE,YAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACjE,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;AAE9B,SAAC;AAgGF;IA9IC,iBAAiB,GAAA;QACf,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,yBAAyB,EAAE;;IAIlC,WAAW,GAAA;QACT,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,yBAAyB,EAAE;;IAIlC,YAAY,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,CAAC,EAAE;AAChC,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;;IAK9B,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;;IAGrB,yBAAyB,GAAA;QAC/B,qBAAqB,CAAC,MAAK;YACzB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,UAAU,CAAC;AAExD,YAAA,WAAW,CAAC,OAAO,CAAC,IAAI,IAAG;AACzB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;AAC5E,gBAAA,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;AAC9E,aAAC,CAAC;AACJ,SAAC,CAAC;;AAeI,IAAA,eAAe,CAAC,OAAoB,EAAA;AAC1C,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;QAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;AACzC,QAAA,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAa;AAC1C,QAAA,OAAO,OAAO,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,GAAG,IAAI,OAAO,IAAI,MAAM;;IAG3E,aAAa,GAAA;QACnB,qBAAqB,CAAC,MAAK;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;AAChE,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,YAAY;AAC9B,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;AAE/C,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,IAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAEA,OAAK,MAAMA,OAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAACC,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAQ,EAAEA,0BAAc,CAAC,GAAG,CAACA,OAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,CAAC,CAAC,CAAC;;IAG3H,sBAAsB,GAAA;QAC5B,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,YAAY,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,OAAO,EAAE;YACxC,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAChE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAChE,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAEhE,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAC3C,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YACzC,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YACzC,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAC3C,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAA,MAAA,GAAd,cAAc,CAAE,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AAC7C,SAAC,CAAC;;AAGI,IAAA,eAAe,CAAC,SAAkB,EAAA;QACxC,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;AAC5D,QAAA,IAAI,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;;AAEvD,QAAA,IAAI,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;;;AAIzD,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,qBAAqB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;AAClC,YAAA,oBAAoB,EAAE,CAAC,IAAI,CAAC,QAAQ;AACpC,YAAA,CAAC,aAAa,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SACpC;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI;AAC/D,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,GAAG;AACrD,QAAA,MAAM,KAAK,GACT,OAAO,KAAK;AACV,cAAE;AACF,cAAE;gBACE,IAAI;gBACJ,GAAG;gBACH,MAAM;aACP;AAEP,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,YAAY,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,YAAY;YAChC,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI;SAC/C;AAED,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAClDD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC9B,OAAO,KAAK,OAAO,KAClBA,OAAA,CAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,KAAK,EAAC,iBAAiB,EAAA,CAAA,EACxC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAO,EAChF,OAAO,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAE,EAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAO,CACrE,CACX,EACDA,OAAC,CAAA,OAAO,qEAAK,KAAK,EAAM,cAAc,EAAE,EAAA,KAAK,EAAC,gBAAgB,EAAA,CAAA,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACL,CACF,CACL;;;;;;;;","names":["index","h","Host"],"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  --spw-card-background: var(--spw-ds-white);\n  --spw-card-box-shadow: var(--spw-effect-elevation-6);\n  --spw-card-border: none;\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-card-background);\n  box-shadow: var(--spw-card-box-shadow);\n  border: var(--spw-card-border);\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    z-index: 2;\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--event {\n  .spw-card__link {\n    display: flex;\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  private childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = '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    this.attachNestedCardListeners();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    if (this.childHoveredCount === 0) {\n      this.setImageHovered(true);\n    }\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private attachNestedCardListeners() {\n    requestAnimationFrame(() => {\n      const nestedCards = this.el.querySelectorAll('spw-card');\n\n      nestedCards.forEach(card => {\n        card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);\n        card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);\n      });\n    });\n  }\n\n  private onNestedCardEnter = () => {\n    this.childHoveredCount++;\n    this.setImageHovered(false);\n  };\n\n  private onNestedCardLeave = () => {\n    this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);\n    if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {\n      this.setImageHovered(true);\n    }\n  };\n\n  private isPointerInside(element: HTMLElement): boolean {\n    const rect = element.getBoundingClientRect();\n    const { left, top, right, bottom } = rect;\n    const { clientX, clientY } = window as any;\n    return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;\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?.classList.add(variantClass);\n      imageElement?.classList.add(variantClass);\n      titleElement?.classList.add(variantClass);\n      excerptElement?.classList.add(variantClass);\n      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"],"version":3}

package/dist/cjs/spw-card.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-card.entry.cjs.js","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"],"names":["index","h","Host"],"mappings":";;;;AAAA,MAAM,UAAU,GAAG,43HAA43H;;MCOl4H,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAG1B,QAAA,IAAO,CAAA,OAAA,GAAyD,MAAM;;AAEtE,QAAA,IAAW,CAAA,WAAA,GAAW,GAAG;;AAIzB,QAAA,IAAM,CAAA,MAAA,GAAW,OAAO;;AASxB,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;;AAE3B,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAgHlC;IA5GC,iBAAiB,GAAA;QACf,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,sBAAsB,EAAE;;IAI/B,WAAW,GAAA;QACT,IAAI,CAAC,aAAa,EAAE;QACpB,IAAI,CAAC,sBAAsB,EAAE;;IAI/B,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;IAI5B,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;;IAGrB,aAAa,GAAA;QACnB,qBAAqB,CAAC,MAAK;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;AAChE,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,YAAY;AAC9B,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;AAE9C,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,IAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;QAC7B,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAEA,OAAK,MAAMA,OAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,CAACC,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAQ,EAAEA,0BAAc,CAAC,GAAG,CAACA,OAAO,CAAA,MAAA,EAAA,IAAA,EAAA,IAAI,CAAQ,CAAC,CAAC,CAAC;;IAG3H,sBAAsB,GAAA;QAC5B,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,YAAY,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,OAAO,EAAE;YACxC,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAChE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAChE,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAEhE,cAAc,IAAI,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAC5D,YAAY,IAAI,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YACxD,YAAY,IAAI,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YACxD,cAAc,IAAI,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;YAC5D,cAAc,IAAI,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AAC9D,SAAC,CAAC;;AAGI,IAAA,eAAe,CAAC,SAAkB,EAAA;QACxC,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;QAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC;AAC5D,QAAA,IAAI,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;;AAEvD,QAAA,IAAI,YAAY,IAAI,IAAI,CAAC,IAAI,EAAE;YAC7B,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC;;;AAIzD,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,qBAAqB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;AAClC,YAAA,oBAAoB,EAAE,CAAC,IAAI,CAAC,QAAQ;AACpC,YAAA,CAAC,aAAa,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SACpC;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI;AAC/D,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,GAAG;AACrD,QAAA,MAAM,KAAK,GACT,OAAO,KAAK;AACV,cAAE;AACF,cAAE;gBACE,IAAI;gBACJ,GAAG;gBACH,MAAM;aACP;AAEP,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,YAAY,EAAE,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAJ,MAAA,GAAA,MAAA,GAAA,IAAI,CAAE,YAAY;YAChC,eAAe,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,IAAI;SAC/C;AAED,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAClDD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC9B,OAAO,KAAK,OAAO,KAClBA,OAAA,CAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,KAAK,EAAC,iBAAiB,EAAA,CAAA,EACxC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAA,EAAE,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAO,EAChF,OAAO,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,qBAAqB,EAAE,EAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAO,CACrE,CACX,EACDA,OAAC,CAAA,OAAO,qEAAK,KAAK,EAAM,cAAc,EAAE,EAAA,KAAK,EAAC,gBAAgB,EAAA,CAAA,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACL,CACF,CACL;;;;;;;;"}
+{"version":3,"file":"spw-card.entry.cjs.js","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  --spw-card-background: var(--spw-ds-white);\n  --spw-card-box-shadow: var(--spw-effect-elevation-6);\n  --spw-card-border: none;\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-card-background);\n  box-shadow: var(--spw-card-box-shadow);\n  border: var(--spw-card-border);\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    z-index: 2;\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--event {\n  .spw-card__link {\n    display: flex;\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  private childHoveredCount = 0; // <-- Ajouté : pour suivre le nombre de sous-cartes survolées\n\n  /** Type de variante de carte */\n  @Prop() variant?: 'news' | 'vertical' | 'video' | 'event' | 'sidebar' | 'people' = '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    this.attachNestedCardListeners();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.checkForImage();\n    this.applyVariantToChildren();\n    this.attachNestedCardListeners();\n  }\n\n  @Listen('mouseenter')\n  onMouseEnter() {\n    if (this.childHoveredCount === 0) {\n      this.setImageHovered(true);\n    }\n  }\n\n  @Listen('mouseleave')\n  onMouseLeave() {\n    this.setImageHovered(false);\n  }\n\n  private attachNestedCardListeners() {\n    requestAnimationFrame(() => {\n      const nestedCards = this.el.querySelectorAll('spw-card');\n\n      nestedCards.forEach(card => {\n        card.addEventListener('mouseenter', this.onNestedCardEnter.bind(this), true);\n        card.addEventListener('mouseleave', this.onNestedCardLeave.bind(this), true);\n      });\n    });\n  }\n\n  private onNestedCardEnter = () => {\n    this.childHoveredCount++;\n    this.setImageHovered(false);\n  };\n\n  private onNestedCardLeave = () => {\n    this.childHoveredCount = Math.max(0, this.childHoveredCount - 1);\n    if (this.childHoveredCount === 0 && this.isPointerInside(this.el)) {\n      this.setImageHovered(true);\n    }\n  };\n\n  private isPointerInside(element: HTMLElement): boolean {\n    const rect = element.getBoundingClientRect();\n    const { left, top, right, bottom } = rect;\n    const { clientX, clientY } = window as any;\n    return clientX >= left && clientX <= right && clientY >= top && clientY <= bottom;\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?.classList.add(variantClass);\n      imageElement?.classList.add(variantClass);\n      titleElement?.classList.add(variantClass);\n      excerptElement?.classList.add(variantClass);\n      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"],"names":["index","h","Host"],"mappings":"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"}

package/dist/cjs/spw-checkbox.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-iVhYitTd.js');
 
-const spwCheckboxCss = "/*! 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 spwCheckboxCss = "/*! 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);--spw-ds-checkbox-checked-active-color:var(--spw-ds-active);--spw-ds-checkbox-checked-hover-color:var(--spw-ds-variant);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:none;border-radius:40px;height:18px;top:1px;transition:background .2s ease;width:30px}.spw-checkbox__wrapper--toggle:hover{background:var(--spw-color-themes-grey-grey-600)}.spw-checkbox__wrapper--toggle:active{background:var(--spw-color-themes-grey-grey-800)}.spw-checkbox__wrapper--toggle spw-icon{line-height:0;margin-left:15px;opacity:0;transition:all .2s ease .3s;transition:all .2s ease}.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);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{font-size:10px;margin-left:6px;opacity:1}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):hover{background:var(--spw-ds-checkbox-checked-hover-color);color:var(--spw-ds-checkbox-checked-hover-color)}.spw-checkbox__wrapper.spw-checkbox__wrapper--checked.spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled):active{background:var(--spw-ds-checkbox-checked-active-color);color:var(--spw-ds-checkbox-checked-active-color)}.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 SpwCheckbox = class {
     constructor(hostRef) {
@@ -89,7 +89,7 @@ const SpwCheckbox = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (index.h("div", { key: '51a08401d10268179bf2c4cb7724c16c429f59f6', class: "spw-checkbox" }, index.h("input", { key: 'b667048ec9264d847c11adc97c14b46c46996d1d', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (index.h("label", { key: '03ccc8358b7d53064db1486fdd3b774adc682667', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, index.h("slot", { key: '2f6b5d7a74f9c41bf91ed9f482fd67e9596f6d72' }))), index.h("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 && index.h("spw-icon", { key: 'aec767de94d5fe31cb9fad4f124fb0a7eada5810', icon: this.icon }))));
+        return (index.h("div", { key: '346a6a165000a9fac29cfcf8fb742dc3871d07c2', class: "spw-checkbox" }, index.h("input", { key: 'a10fc25d9dc9e2281d945f686f91cf004ad63076', type: "checkbox", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleCheckbox.bind(this), name: this.name, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (index.h("label", { key: '4666d69baa172d4a9f81ed2fc17edda8faea3d56', htmlFor: this.name, class: `spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`, onClick: this.handleCheckbox.bind(this) }, index.h("slot", { key: '31f0458f49a806820c4f4d7411a9b02045ebc9a6' }))), index.h("div", { key: 'a537f489f207f9ccfcc933b57a58d5891fdcbe2b', 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 && index.h("spw-icon", { key: '39ba0368fca18e58d613e1232a5c77fa1d7dc4e6', icon: this.icon }))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-checkbox.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-checkbox.entry.cjs.js","mappings":"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","names":["h"],"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"],"version":3}
+{"file":"spw-checkbox.entry.cjs.js","mappings":"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","names":["h"],"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  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\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      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s 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      background: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-checkbox-checked-hover-color);\n        color: var(--spw-ds-checkbox-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-checkbox-checked-active-color);\n        color: var(--spw-ds-checkbox-checked-active-color);\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    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\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"],"version":3}

package/dist/cjs/spw-checkbox.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-checkbox.entry.cjs.js","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"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"spw-checkbox.entry.cjs.js","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  --spw-ds-checkbox-checked-active-color: var(--spw-ds-active);\n  --spw-ds-checkbox-checked-hover-color: var(--spw-ds-variant);\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      top: 1px;\n      width: 30px;\n      height: 18px;\n      border-radius: 40px;\n      border: none;\n      background: var(--spw-color-themes-grey-grey-500);\n      transition: background 0.2s ease;\n      &:hover {\n        background: var(--spw-color-themes-grey-grey-600);\n      }\n      &:active {\n        background: var(--spw-color-themes-grey-grey-800);\n      }\n      spw-icon {\n        opacity: 0;\n        line-height: 0;\n        transition: all 0.2s 0.3s ease;\n        margin-left: 15px;\n        transition: all 0.2s 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      background: var(--spw-ds-checkbox-checked-color);\n      color: var(--spw-ds-checkbox-checked-color);\n      &:before {\n        left: calc(100% - 16px);\n        background: white;\n      }\n      spw-icon {\n        font-size: 10px;\n        margin-left: 6px;\n        opacity: 1;\n      }\n      &:not(.spw-checkbox__wrapper--disabled):hover {\n        background: var(--spw-ds-checkbox-checked-hover-color);\n        color: var(--spw-ds-checkbox-checked-hover-color);\n      }\n      &:not(.spw-checkbox__wrapper--disabled):active {\n        background: var(--spw-ds-checkbox-checked-active-color);\n        color: var(--spw-ds-checkbox-checked-active-color);\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    // &:hover ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-600);\n    //   color: var(--spw-color-themes-grey-grey-600);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-color-themes-grey-grey-800);\n    //   color: var(--spw-color-themes-grey-grey-800);\n    // }\n\n    // &:hover ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-hover-color);\n    //   color: var(--spw-ds-checkbox-checked-hover-color);\n    // }\n\n    // &:active ~ .spw-checkbox__wrapper--toggle.spw-checkbox__wrapper--checked:not(.spw-checkbox__wrapper--disabled) {\n    //   background: var(--spw-ds-checkbox-checked-active-color);\n    //   color: var(--spw-ds-checkbox-checked-active-color);\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"],"names":["h"],"mappings":"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"}