@spw-ds/spw-stencil-library 1.2.0 → 1.2.2

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

@@ -1 +0,0 @@
-{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","spwModalCss","SpwModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","stickyButtons","size","alertIcon","slotButtonsPresent","showCloseButton","focusableElements","handleClick","event","trigger","target","closest","modalId","hostElement","id","handleClose","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","key","doBeforeClose","closeModal","openModal","componentDidLoad","el","document","disconnectedCallback","removeEventListener","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_a","_b","blur","spwModalOpen","emit","err","close","spwModalClose","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","elementClass","render","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name"],"sources":["src/utils/focus-trap.ts","src/utils/animation.ts","src/components/spw-modal/spw-modal.scss?tag=spw-modal&encapsulation=shadow","src/components/spw-modal/spw-modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0,\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}\n","export function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};\n",":host {\n  display: contents;\n}\n\n.spw-modal {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n\n  &--opened {\n    display: flex;\n  }\n}\n\n.spw-modal__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: black;\n  opacity: 0.7;\n  z-index: 0;\n}\n\n.spw-modal__content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  background-color: #fff;\n  box-shadow: var(--spw-effect-elevation-6);\n  overflow: hidden;\n  box-sizing: border-box;\n  align-items: stretch;\n  border-radius: var(--spw-spacings-border-radius-lg);\n\n  &--small {\n    max-width: 480px;\n  }\n\n  &--medium {\n    max-width: 600px;\n  }\n\n  &--large {\n    max-width: 768px;\n  }\n\n  &--fluid {\n    max-width: 100%;\n  }\n}\n\n.spw-modal__content {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: visible;\n  }\n}\n\n.spw-modal__icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: #fff;\n  align-self: stretch;\n}\n\n.spw-modal__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  padding-bottom: 0;\n  margin-top: 6px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__caption {\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.spw-modal__header h2 {\n  margin: 0;\n  font-size: 18px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.spw-modal__close-button {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  cursor: pointer;\n  font-size: 21px;\n  &:hover {\n    opacity: 0.7;\n  }\n}\n\n.spw-modal__body {\n  padding: 0 24px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  flex: 1;\n  font-size: 16px;\n  color: var(--spw-colors-support-grey-grey-700);\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: auto;\n  }\n}\n\n.spw-modal__buttons {\n  ::slotted([slot='buttons']) {\n    padding: 24px;\n    padding-top: 12px;\n  }\n}\n\n.spw-modal__footer--buttons-present ::slotted(*) {\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  padding: 24px;\n  padding-top: 8px;\n\n  .spw-modal__content-container--small & {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .spw-modal__content-container--medium & {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n.spw-modal__border {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  font-size: 1.5em;\n  flex-grow: 1;\n}\n","import { Component, Prop, Element, State, Event, Host, EventEmitter, h, Watch, Method } from '@stencil/core';\nimport { queryShadowRoot, isHidden, isFocusable } from '@utils/focus-trap';\nimport { animationTo, KEYFRAMES } from '@utils/animation';\n\ntype CloseEventTrigger = 'CLOSE_BUTTON' | 'ESCAPE_KEY' | 'BACKDROP' | 'PROGRAMMATIC';\n\nexport interface BeforeCloseEventDetail {\n  trigger: CloseEventTrigger;\n}\n\n@Component({\n  tag: 'spw-modal',\n  styleUrl: 'spw-modal.scss',\n  shadow: true,\n})\nexport class SpwModal {\n  /** Indique si la modal est ouverte ou fermée, mutable et reflétée dans le DOM */\n  @Prop({ reflect: true, mutable: true }) opened?: boolean = false;\n\n  @State() showModal: boolean = this.opened || false;\n\n  /** Titre de la modal */\n  @Prop() caption: string = 'Titre de la modal';\n  /** Indique si la fermeture de la modal est possible en cliquant sur l'overlay */\n  @Prop() closeOnOverlayClick: boolean = true;\n  /** Rend les boutons en bas de la modal \"collants\" (toujours visibles) si vrai */\n  @Prop() stickyButtons: boolean = false;\n  /** Événement déclenché lors de l'ouverture de la modal */\n  @Event() spwModalOpen: EventEmitter;\n  /** Événement déclenché lors de la fermeture de la modal */\n  @Event() spwModalClose: EventEmitter;\n  /** Définit la taille de la modal : 'small', 'medium', 'large' ou 'fluid' */\n  @Prop() size: 'small' | 'medium' | 'large' | 'fluid' = 'small';\n  /** Icône d'alerte à afficher dans la modal */\n  @Prop() alertIcon: string = '';\n\n  @Element() hostElement: HTMLSpwModalElement;\n\n  @State() slotButtonsPresent: boolean = false;\n\n  /** Indique si le bouton de fermeture est visible */\n  @Prop() showCloseButton: boolean = true;\n\n  private modalContainer: HTMLElement;\n  private focusableElements: HTMLElement[] = [];\n  private closeButton: HTMLSpwIconElement;\n\n  /**\n   * Méthode publique pour fermer la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est fermée\n   */\n  @Method()\n  async closeModal(): Promise<void> {\n    this.doBeforeClose('PROGRAMMATIC');\n  }\n\n  /**\n   * Méthode publique pour ouvrir la modal programmatiquement\n   * @returns Promise qui se résout quand la modal est ouverte\n   */\n  @Method()\n  async openModal(): Promise<void> {\n    this.opened = true;\n  }\n\n  componentDidLoad() {\n    this.focusableElements = queryShadowRoot(this.hostElement.shadowRoot, el => isHidden(el) || el.matches('[data-focus-trap-edge]'), isFocusable);\n    document.addEventListener('click', this.handleClick);\n    document.addEventListener('click', this.handleClose);\n    document.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClick);\n    document.removeEventListener('click', this.handleClose);\n    document.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const trigger = (event.target as HTMLElement).closest('[data-modal-trigger]');\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-trigger');\n      if (modalId === this.hostElement.id) {\n        this.opened = true;\n      }\n    }\n  };\n\n  private handleClose = (event: MouseEvent) => {\n    const trigger = (event.target as HTMLElement).closest('[data-modal-close]');\n    if (trigger) {\n      const modalId = trigger.getAttribute('data-modal-close');\n      if (modalId === this.hostElement.id) {\n        this.opened = false;\n      }\n    }\n  };\n\n  private getFirstFocusableElement(): HTMLElement | null {\n    return this.focusableElements[0];\n  }\n\n  private getLastFocusableElement(): HTMLElement | null {\n    return this.focusableElements[this.focusableElements.length - 1];\n  }\n\n  private handleTopFocus = () => {\n    this.attemptFocus(this.getLastFocusableElement());\n  };\n\n  private handleBottomFocus = () => {\n    this.attemptFocus(this.getFirstFocusableElement());\n  };\n\n  private attemptFocus(element: HTMLElement | null) {\n    if (element == null) {\n      setTimeout(() => {\n        this.closeButton.focus();\n      });\n      return;\n    }\n\n    setTimeout(() => {\n      element.focus();\n    }, 0);\n  }\n\n  private open() {\n    this.showModal = true;\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeIn, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        setTimeout(() => {\n          this.getLastFocusableElement()?.focus();\n          this.getLastFocusableElement()?.blur();\n        }, 0);\n\n        this.spwModalOpen.emit();\n      });\n    } catch (err) {\n      this.spwModalOpen.emit();\n    }\n  }\n\n  private close() {\n    try {\n      const anim = animationTo(this.modalContainer, KEYFRAMES.fadeOut, {\n        duration: 200,\n      });\n      anim.addEventListener('finish', () => {\n        this.showModal = false;\n        this.spwModalClose.emit();\n      });\n    } catch (err) {\n      this.showModal = false;\n      this.spwModalClose.emit();\n    }\n  }\n\n  private handleKeypress = (event: KeyboardEvent) => {\n    if (this.showModal && event.key === 'Escape') {\n      this.doBeforeClose('ESCAPE_KEY');\n    }\n  };\n\n  private doBeforeClose(trigger: CloseEventTrigger) {\n    const triggers = [];\n    triggers.push(trigger);\n    const prevented = triggers.some(event => event.defaultPrevented);\n    if (!prevented) {\n      this.opened = false;\n    }\n  }\n\n  @Watch('opened')\n  openedChanged(newValue: boolean) {\n    newValue === true ? this.open() : this.close();\n  }\n\n  private handleOverlayClick() {\n    if (this.closeOnOverlayClick) {\n      this.doBeforeClose('BACKDROP');\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-modal': true,\n      'spw-modal--opened': this.showModal,\n      'spw-modal--sticky-buttons': this.stickyButtons,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.modalContainer = el)} class={this.elementClass}>\n          <div class=\"spw-modal__overlay\" onClick={() => this.handleOverlayClick()}></div>\n          <div data-focus-trap-edge onFocus={this.handleTopFocus} tabindex=\"0\"></div>\n          <div class={`spw-modal__content-container spw-modal__content-container--${this.size}`} role=\"dialog\" aria-modal=\"true\" aria-label={this.caption}>\n            <div class=\"spw-modal__content\">\n              <div class=\"spw-modal__header\">\n                <h2 class=\"spw-modal__caption\">{this.caption}</h2>\n                {this.showCloseButton && (\n                  <spw-icon class=\"spw-modal__close-button\" ref={el => (this.closeButton = el)} icon=\"fa-xmark\" onClick={() => this.doBeforeClose('CLOSE_BUTTON')}></spw-icon>\n                )}\n              </div>\n              <div class=\"spw-modal__body\">\n                <slot name=\"content\" />\n              </div>\n              <div class=\"spw-modal__buttons\">\n                <slot name=\"buttons\"></slot>\n              </div>\n            </div>\n          </div>\n          <div data-focus-trap-edge onFocus={this.handleBottomFocus} tabindex=\"0\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-1dde0477.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-BaAUTDWF.js";const i="/*! 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-excerpt{color:var(--spw-color-themes-grey-grey-600);font-family:Nunito Sans;font-size:16px;line-height:1.3;margin-top:12px}.spw-card-excerpt--has-clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.spw-card-excerpt--clamp-1{-webkit-line-clamp:1;line-clamp:1}.spw-card-excerpt--clamp-2{-webkit-line-clamp:2;line-clamp:2}.spw-card-excerpt--clamp-3{-webkit-line-clamp:3;line-clamp:3}.spw-card-excerpt--clamp-4{-webkit-line-clamp:4;line-clamp:4}.spw-card-excerpt--clamp-5{-webkit-line-clamp:5;line-clamp:5}.spw-card-excerpt--clamp-6{-webkit-line-clamp:6;line-clamp:6}.spw-card-excerpt--clamp-7{-webkit-line-clamp:7;line-clamp:7}.spw-card-excerpt--clamp-8{-webkit-line-clamp:8;line-clamp:8}.spw-card-excerpt--clamp-9{-webkit-line-clamp:9;line-clamp:9}.spw-card-excerpt--clamp-10{-webkit-line-clamp:10;line-clamp:10}";const n=class{constructor(t){e(this,t);this.lineClamp=3}get elementClass(){const e=this.lineClamp!=="none";return{"spw-card-excerpt":true,"spw-card-excerpt--has-clamp":e,[`spw-card-excerpt--clamp-${this.lineClamp}`]:e}}render(){return t("div",{key:"6095e49f16088b4ebe8e693124e0507561aaf0f8",class:this.elementClass},t("slot",{key:"704d15c121948cee1364be14650cfa9f3a614c6e"}))}};n.style=i;export{n as spw_card_excerpt};
-//# sourceMappingURL=p-1dde0477.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardExcerptCss","SpwCardExcerpt","constructor","hostRef","this","lineClamp","elementClass","hasLineClamp","render","h","key","class"],"sources":["src/components/spw-card/spw-card-excerpt/spw-card-excerpt.scss?tag=spw-card-excerpt&encapsulation=shadow","src/components/spw-card/spw-card-excerpt/spw-card-excerpt.tsx"],"sourcesContent":[".spw-card-excerpt {\n  color: var(--spw-color-themes-grey-grey-600);\n  font-family: 'Nunito Sans';\n  font-size: 16px;\n  line-height: 1.3;\n  margin-top: 12px;\n  &--has-clamp {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  }\n  @for $i from 1 through 10 {\n    &--clamp-#{$i} {\n      -webkit-line-clamp: $i;\n      line-clamp: $i;\n    }\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-card-excerpt',\n  styleUrl: 'spw-card-excerpt.scss',\n  shadow: true,\n})\nexport class SpwCardExcerpt {\n  /** Permet de limiter ou pas le nombre de lignes affichées */\n  @Prop() lineClamp: number | 'none' = 3;\n\n  private get elementClass(): { [className: string]: boolean } {\n    const hasLineClamp = this.lineClamp !== 'none';\n    return {\n      'spw-card-excerpt': true,\n      'spw-card-excerpt--has-clamp': hasLineClamp,\n      [`spw-card-excerpt--clamp-${this.lineClamp}`]: hasLineClamp,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAoB,65G,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,UAOUC,KAASC,UAAoB,CAkBtC,CAhBC,gBAAYC,GACV,MAAMC,EAAeH,KAAKC,YAAc,OACxC,MAAO,CACL,mBAAoB,KACpB,8BAA+BE,EAC/B,CAAC,2BAA2BH,KAAKC,aAAcE,E,CAInD,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAOP,KAAKE,cACfG,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/p-275708d3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,g as i}from"./p-BaAUTDWF.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";const s=class{constructor(e){t(this,e);this.defaultActiveTab="1";this.variant="default";this.hasEllipsis=false;this.activeTab="1"}componentWillLoad(){this.activeTab=this.defaultActiveTab}componentDidLoad(){this.applyVariantToChildren();this.updateActiveStates()}activeTabChanged(){this.updateActiveStates()}async getSelectedTab(){return this.activeTab}async setSelectedTab(t){this.activeTab=t}handleTabSelected(t){if(t.target&&t.target.closest("spw-tabs")!==this.el){return}this.activeTab=t.detail;t.stopPropagation()}slotChanged(){this.applyVariantToChildren();this.updateActiveStates()}updateActiveStates(){const t=t=>t.closest("spw-tabs")===this.el;const e=Array.from(this.el.querySelectorAll("spw-tabs-navigation-item")).filter(t);const i=Array.from(this.el.querySelectorAll("spw-tabs-content")).filter(t);e.forEach((t=>{t.active=t.tabId===this.activeTab}));i.forEach((t=>{t.active=t.tabId===this.activeTab}))}applyVariantToChildren(){requestAnimationFrame((()=>{var t,e;const i=`--${this.variant}`;const n=`--ellipsis`;const s=t=>t.closest("spw-tabs")===this.el;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector('slot[name="navigation"]');const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector('slot[name="content"]');const r=((o===null||o===void 0?void 0:o.assignedElements({flatten:true}))||[]).filter(s);const d=((a===null||a===void 0?void 0:a.assignedElements({flatten:true}))||[]).filter(s);r.forEach((t=>{if(t.tagName==="SPW-TABS-NAVIGATION"){t.classList.add(i);t.querySelectorAll("spw-tabs-navigation-item").forEach((t=>{if(s(t)){t.classList.add(i);if(this.hasEllipsis){t.classList.add(n)}t.setAttribute("has-ellipsis",this.hasEllipsis?"true":"false")}}))}else if(t.tagName==="SPW-TABS-NAVIGATION-ITEM"){t.classList.add(i);if(this.hasEllipsis){t.classList.add(n)}t.setAttribute("has-ellipsis",this.hasEllipsis?"true":"false")}}));d.forEach((t=>{if(t.tagName==="SPW-TABS-CONTENT"){t.classList.add(i)}else{t.querySelectorAll("spw-tabs-content").forEach((t=>{if(s(t)){t.classList.add(i)}}))}}))}))}get elementClass(){return{"spw-tabs":true,[`spw-tabs--${this.variant}`]:true}}render(){return e("div",{key:"0392ca75dfade56a1efa361c4dd095ff4eabdca8",class:this.elementClass},e("slot",{key:"e4dd5ae8018b8761faa787d2e6bfb2e7fcf2920d",name:"navigation"}),e("slot",{key:"fe20c00bcaee65f76bded2e1f19864bb9d2a1912",name:"content"}))}get el(){return i(this)}static get watchers(){return{activeTab:["activeTabChanged"]}}};s.style=n;export{s as spw_tabs};
-//# sourceMappingURL=p-275708d3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsCss","SpwTabs","constructor","hostRef","this","defaultActiveTab","variant","hasEllipsis","activeTab","componentWillLoad","componentDidLoad","applyVariantToChildren","updateActiveStates","activeTabChanged","getSelectedTab","setSelectedTab","tabId","handleTabSelected","event","target","closest","el","detail","stopPropagation","slotChanged","isInThisComponent","navItems","Array","from","querySelectorAll","filter","contents","forEach","item","active","content","requestAnimationFrame","variantClass","ellipsisClass","navigationSlot","_a","shadowRoot","querySelector","contentSlot","_b","navigationElements","assignedElements","flatten","contentElements","tagName","classList","add","setAttribute","elementClass","render","h","key","class","name"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long */\n  @Prop() hasEllipsis?: boolean = false;\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const ellipsisClass = `--ellipsis`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              if (this.hasEllipsis) {\n                item.classList.add(ellipsisClass);\n              }\n              item.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          if (this.hasEllipsis) {\n            el.classList.add(ellipsisClass);\n          }\n          el.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardContentCss","SpwCardContent","render","h","key","class","this","tag","date","formatDate"],"sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n  min-width: 100%;\n  width: 100%;\n}\n\n.spw-card-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px 24px 24px;\n  z-index: 5;\n\n  :host(.--vertical) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--event) & {\n    padding: 12px 24px 24px 64px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--sidebar) & {\n    padding: 0;\n  }\n\n  :host(.--vertical) &,\n  :host(.--sidebar) &,\n  :host(.--event) & {\n    justify-content: center;\n    height: 100%;\n  }\n\n  :host(.--video) & {\n    justify-content: flex-end;\n    height: 100%;\n    padding-right: 80px;\n    &:after {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      content: '\\f144';\n      font-size: 36px;\n      color: white;\n    }\n  }\n\n  &__tag {\n    position: absolute;\n    top: -25px;\n    left: 25px;\n    padding: 6px 10px;\n    border-radius: 4px 4px 0px 0px;\n    background: var(--spw-ds-white);\n    color: var(--spw-ds-primary);\n    font-size: 15px;\n    font-weight: 700;\n\n    :host(.--no-image) &,\n    :host(.--event) &,\n    :host(.--video) &,\n    :host(.--vertical) & {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding: 0;\n      margin-bottom: 8px;\n    }\n\n    :host(.--video) & {\n      width: auto;\n      align-self: flex-start;\n      display: inline-block;\n      padding: 8px 12px;\n      border-radius: 9999px;\n      line-height: 1;\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    }\n  }\n\n  &__date {\n    margin-bottom: 7px;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAoB,qtI,MCQbC,EAAc,M,yBASzB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACRC,KAAKC,KAAOJ,EAAM,QAAAC,IAAA,2CAAAC,MAAM,yBAAyBC,KAAKC,KACtDD,KAAKE,MACJL,EAAA,QAAAC,IAAA,uDAAiBE,KAAKE,KAAMH,MAAM,0BAC/BI,EAAWH,KAAKE,OAGrBL,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/spw-stencil-library/p-3ffc32e2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,g as i}from"./p-BaAUTDWF.js";const o='/*! 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;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)}}.spw-card-image{border-radius:5px 5px 0 0;overflow:hidden;position:relative}:host(.--vertical) .spw-card-image{border-radius:5px 0 0 5px;height:100%}:host(.--sidebar) .spw-card-image,:host(.--video) .spw-card-image{border-radius:5px}.spw-card-image ::slotted(img),.spw-card-image img{height:auto;transform-origin:center center;transition:all .3s ease;width:100%}.spw-card-image__icon{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:300;justify-content:center;opacity:0;transition:all .3s ease;visibility:hidden;z-index:2}.spw-card-image__icon,.spw-card-image__icon:before{height:100%;left:0;position:absolute;top:0;width:100%}.spw-card-image__icon:before{background:var(--spw-ds-primary);content:"";opacity:.4}.spw-card-image__icon spw-icon{transform:scale(1.5);transition:all .3s ease}.spw-card-image__label{align-items:center;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-flex;font-size:14px;line-height:1;padding:8px 12px;position:absolute;right:10px;top:10px;z-index:3}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon{opacity:1;visibility:visible}:host(.--hovered:not(.--video)) .spw-card-image .spw-card-image__icon spw-icon,:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered .spw-card-image__icon spw-icon{transform:scale(1)}:host(.--hovered:not(.--video)) .spw-card-image ::slotted(img),:host(.--hovered:not(.--video)) .spw-card-image.--is-hovered ::slotted(img){transform:scale(1.1)}:host(.--vertical){min-width:170px;overflow:hidden;position:relative;width:170px}:host(.--vertical) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--sidebar){height:75px;min-height:75px;min-width:75px;overflow:hidden;position:relative;width:75px}:host(.--sidebar) .spw-card-image{height:100%}:host(.--sidebar) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video){height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}:host(.--video):after{background:#000;border-radius:5px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;transition:all .2s linear;width:100%}:host(.--video) .spw-card-image{height:100%}:host(.--video) .spw-card-image ::slotted(img){height:100%!important;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}:host(.--video.--hovered):after{opacity:.6}';const s=class{constructor(t){e(this,t)}componentDidLoad(){const e=this.el.closest("spw-card");if(e){e.addEventListener("mouseenter",(()=>this.onCardHover(true)));e.addEventListener("mouseleave",(()=>this.onCardHover(false)))}}onCardHover(e){const t=this.el.shadowRoot.querySelector(".spw-card-image");if(t){if(e){t.classList.add("--is-hovered")}else{t.classList.remove("--is-hovered")}}}render(){return t("div",{key:"23372c9f4959fc7a39f998d9b467d8a5c68978bd",class:"spw-card-image"},this.label&&t("span",{key:"9f7207229572543d3e3748626a72ef45ad50be9a",class:"spw-card-image__label"},this.label),t("slot",{key:"c21e75555d3012a423945d68dd01aaa49df4b93b"}),t("div",{key:"db7efe735e5f40483c9d90113844f34925c6bf58",class:"spw-card-image__icon"},t("spw-icon",{key:"048acb6cf5aff5a2accd58ec9445a1d5bfab3581",icon:"fa-plus"})))}get el(){return i(this)}};s.style=o;export{s as spw_card_image};
-//# sourceMappingURL=p-3ffc32e2.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardImageCss","SpwCardImage","componentDidLoad","card","this","el","closest","addEventListener","onCardHover","hovered","icon","shadowRoot","querySelector","classList","add","remove","render","h","key","class","label"],"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"],"mappings":"kDAAA,MAAMA,EAAkB,+zK,MCOXC,EAAY,M,yBAKvB,gBAAAC,GACE,MAAMC,EAAOC,KAAKC,GAAGC,QAAQ,YAC7B,GAAIH,EAAM,CACRA,EAAKI,iBAAiB,cAAc,IAAMH,KAAKI,YAAY,QAC3DL,EAAKI,iBAAiB,cAAc,IAAMH,KAAKI,YAAY,Q,EAIvD,WAAAA,CAAYC,GAClB,MAAMC,EAAON,KAAKC,GAAGM,WAAWC,cAAc,mBAC9C,GAAIF,EAAM,CACR,GAAID,EAAS,CACXC,EAAKG,UAAUC,IAAI,e,KACd,CACLJ,EAAKG,UAAUE,OAAO,e,GAK5B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACRf,KAAKgB,OAASH,EAAM,QAAAC,IAAA,2CAAAC,MAAM,yBAAyBf,KAAKgB,OACzDH,EAAa,QAAAC,IAAA,6CACbD,EAAK,OAAAC,IAAA,2CAAAC,MAAM,wBACTF,EAAA,YAAAC,IAAA,2CAAUR,KAAK,a","ignoreList":[]}

package/dist/spw-stencil-library/p-4917458b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,g as i}from"./p-BaAUTDWF.js";const o="/*! 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:inline-block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}";const s=class{constructor(e){t(this,e);this.tooltipTitle="";this.tooltipText="";this.direction="top";this.cursor="help";this.visible=true;this.isVisible=false;this.showTooltip=()=>{if(!this.visible)return;this.isVisible=true;this.createTooltip();requestAnimationFrame((()=>{this.positionTooltip()}));window.addEventListener("scroll",this.handleScrollOrResize,true);window.addEventListener("resize",this.handleScrollOrResize)};this.hideTooltip=()=>{this.isVisible=false;this.removeTooltipFromDOM();window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize)}}connectedCallback(){this.handleScrollOrResize=this.handleScrollOrResize.bind(this)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScrollOrResize,true);window.removeEventListener("resize",this.handleScrollOrResize);this.removeTooltipFromDOM()}updateTooltipVisibility(){if(this.tooltipEl){this.tooltipEl.style.display=this.visible?"flex":"none"}}componentWillRender(){this.updateTooltipVisibility()}componentDidUpdate(){this.updateTooltipVisibility()}handleScrollOrResize(){if(this.isVisible){this.positionTooltip()}}createTooltip(){if(!this.tooltipEl){this.tooltipEl=document.createElement("div");this.tooltipEl.className=`spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;this.tooltipEl.setAttribute("role","tooltip");if(this.tooltipTitle){const t=document.createElement("strong");t.className="spw-tooltip__title";t.textContent=this.tooltipTitle;this.tooltipEl.appendChild(t)}if(this.tooltipText){const t=document.createElement("div");t.textContent=this.tooltipText;this.tooltipEl.appendChild(t)}document.body.appendChild(this.tooltipEl)}}removeTooltipFromDOM(){if(this.tooltipEl&&this.tooltipEl.parentNode){this.tooltipEl.parentNode.removeChild(this.tooltipEl)}this.tooltipEl=null}positionTooltip(){var t;if(!this.tooltipEl)return;const e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".spw-tooltip__target");if(!e)return;const i=e.getBoundingClientRect();const o=this.tooltipEl;o.style.visibility="hidden";o.style.display="flex";o.style.position="fixed";o.style.top="0px";o.style.left="0px";o.style.maxWidth=this.maxWidth+"px"||"100%";const s=o.getBoundingClientRect();let n=0;let r=0;switch(this.direction){case"top":n=i.top-s.height-8;r=i.left+(i.width-s.width)/2;break;case"bottom":n=i.bottom+8;r=i.left+(i.width-s.width)/2;break;case"left":n=i.top+(i.height-s.height)/2;r=i.left-s.width-8;break;case"right":default:n=i.top+(i.height-s.height)/2;r=i.right+8;break}o.style.top=`${n}px`;o.style.left=`${r}px`;o.style.zIndex="9999";o.style.visibility="visible"}get classes(){return{"spw-tooltip__target":true,[`spw-tooltip__target--${this.cursor}`]:true}}render(){return e("div",{key:"03e63c35f429ebef8749224d437353fe50be1eff",class:this.classes,onMouseEnter:this.showTooltip,onMouseLeave:this.hideTooltip},e("slot",{key:"104a0b40808acfd3e9639c9ef5c67c3d4721f855"}))}get host(){return i(this)}};s.style=o;export{s as spw_tooltip};
-//# sourceMappingURL=p-4917458b.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTooltipCss","SpwTooltip","constructor","hostRef","this","tooltipTitle","tooltipText","direction","cursor","visible","isVisible","showTooltip","createTooltip","requestAnimationFrame","positionTooltip","window","addEventListener","handleScrollOrResize","hideTooltip","removeTooltipFromDOM","removeEventListener","connectedCallback","bind","disconnectedCallback","updateTooltipVisibility","tooltipEl","style","display","componentWillRender","componentDidUpdate","document","createElement","className","setAttribute","title","textContent","appendChild","text","body","parentNode","removeChild","target","_a","host","shadowRoot","querySelector","rect","getBoundingClientRect","tooltip","visibility","position","top","left","maxWidth","tooltipRect","height","width","bottom","right","zIndex","classes","render","h","key","class","onMouseEnter","onMouseLeave"],"sources":["src/components/spw-tooltip/spw-tooltip.scss?tag=spw-tooltip&encapsulation=shadow","src/components/spw-tooltip/spw-tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.spw-tooltip {\n  &__target {\n    &--pointer {\n      cursor: pointer;\n    }\n    &--default {\n      cursor: default;\n    }\n    &--help {\n      cursor: help;\n    }\n    &--disabled {\n      cursor: not-allowed;\n    }\n  }\n}\n","import { Component, h, Prop, State, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tooltip',\n  styleUrl: 'spw-tooltip.scss',\n  shadow: true,\n})\nexport class SpwTooltip {\n  /** Titre du tooltip */\n  @Prop() tooltipTitle: string = '';\n  /** Texte du tooltip */\n  @Prop() tooltipText: string = '';\n  /** Largeur maximale du tooltip */\n  @Prop() maxWidth?: string;\n  /** Positionnement du tooltip */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'top';\n  /** Curseur du tooltip */\n  @Prop() cursor: 'pointer' | 'default' | 'help' | 'disabled' = 'help';\n\n  @Prop() visible: boolean = true;\n\n  @State() isVisible = false;\n  @Element() host: HTMLElement;\n\n  private tooltipEl: HTMLDivElement;\n\n  connectedCallback() {\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n    this.removeTooltipFromDOM();\n  }\n\n  private updateTooltipVisibility() {\n    if (this.tooltipEl) {\n      this.tooltipEl.style.display = this.visible ? 'flex' : 'none';\n    }\n  }\n\n  componentWillRender() {\n    this.updateTooltipVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateTooltipVisibility();\n  }\n\n  private showTooltip = () => {\n    if (!this.visible) return;\n    this.isVisible = true;\n    this.createTooltip();\n\n    requestAnimationFrame(() => {\n      this.positionTooltip();\n    });\n\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private hideTooltip = () => {\n    this.isVisible = false;\n    this.removeTooltipFromDOM();\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  };\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionTooltip();\n    }\n  }\n\n  private createTooltip() {\n    if (!this.tooltipEl) {\n      this.tooltipEl = document.createElement('div');\n      this.tooltipEl.className = `spw-tooltip-fixed spw-tooltip-fixed--${this.direction}`;\n      this.tooltipEl.setAttribute('role', 'tooltip');\n\n      if (this.tooltipTitle) {\n        const title = document.createElement('strong');\n        title.className = 'spw-tooltip__title';\n        title.textContent = this.tooltipTitle;\n        this.tooltipEl.appendChild(title);\n      }\n\n      if (this.tooltipText) {\n        const text = document.createElement('div');\n        text.textContent = this.tooltipText;\n        this.tooltipEl.appendChild(text);\n      }\n\n      document.body.appendChild(this.tooltipEl);\n    }\n  }\n\n  private removeTooltipFromDOM() {\n    if (this.tooltipEl && this.tooltipEl.parentNode) {\n      this.tooltipEl.parentNode.removeChild(this.tooltipEl);\n    }\n    this.tooltipEl = null;\n  }\n\n  private positionTooltip() {\n    if (!this.tooltipEl) return;\n\n    const target = this.host.shadowRoot?.querySelector('.spw-tooltip__target');\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const tooltip = this.tooltipEl;\n\n    tooltip.style.visibility = 'hidden';\n    tooltip.style.display = 'flex';\n    tooltip.style.position = 'fixed';\n    tooltip.style.top = '0px';\n    tooltip.style.left = '0px';\n    tooltip.style.maxWidth = this.maxWidth + 'px' || '100%';\n\n    const tooltipRect = tooltip.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - tooltipRect.height - 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - tooltipRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.left - tooltipRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - tooltipRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    tooltip.style.top = `${top}px`;\n    tooltip.style.left = `${left}px`;\n    tooltip.style.zIndex = '9999';\n    tooltip.style.visibility = 'visible';\n  }\n\n  private get classes() {\n    return {\n      'spw-tooltip__target': true,\n      [`spw-tooltip__target--${this.cursor}`]: true,\n    } as Record<string, boolean>;\n  }\n\n  render() {\n    return (\n      <div class={this.classes} onMouseEnter={this.showTooltip} onMouseLeave={this.hideTooltip}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-49d9a720.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o,g as s}from"./p-BaAUTDWF.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;font-size:14px;padding:8px 0 12px;position:relative;transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px;padding:7px 16px 6px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;border-bottom-color:transparent;color:var(--spw-colors-support-grey-grey-900);margin-top:0;padding:8px 16px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:"";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis}';const n=class{constructor(i){t(this,i);this.tabSelected=e(this,"tabSelected");this.active=false;this.disabled=false;this.bubble=false;this.slotText="";this.handleClick=t=>{t.preventDefault();t.stopPropagation();if(!this.disabled){this.tabSelected.emit(this.tabId)}};this.handleKeyDown=t=>{if(this.disabled)return;const e=t.key;if(e==="Enter"||e===" "){t.preventDefault();t.stopPropagation();this.tabSelected.emit(this.tabId)}}}componentDidLoad(){this.updateSlotText()}handleSlotChange(){this.updateSlotText()}updateSlotText(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){const t=e.assignedNodes({flatten:true});const i=t.filter((t=>t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE)).map((t=>{var e;return(e=t.textContent)===null||e===void 0?void 0:e.trim()})).join(" ").trim();this.slotText=i||""}}get elementClass(){return{"spw-tabs-navigation-item":true,"spw-tabs-navigation-item--active":this.active,"spw-tabs-navigation-item--disabled":this.disabled,"spw-tabs-navigation-item--bubble":this.bubble,"spw-tabs-navigation-item--ellipsis":this.hasEllipsis}}render(){return i(o,{key:"b5f5ba80518a0280d25f2e5ce2d2eea33b7f0547",class:this.active?"--active":""},i("li",{key:"e198a88b0be47c3d5f73da337dff90ad03c79801",id:`tab-${this.tabId}`,role:"tab","aria-selected":this.active?"true":"false","aria-disabled":this.disabled?"true":"false","aria-controls":`panel-${this.tabId}`,"aria-label":this.slotText,onKeyDown:this.handleKeyDown,tabIndex:this.disabled?-1:0,class:this.elementClass,onClick:this.handleClick,title:this.hasEllipsis?this.slotText:undefined},i("slot",{key:"62bdf41c1e4b6c96f3146be38ba909c9ea0f4a81"}),this.bubble&&i("span",{key:"9bc854ccfce8464ee8e5878a29f10f92ff417e4d",class:"bubble"})))}get el(){return s(this)}};n.style=a;export{n as spw_tabs_navigation_item};
-//# sourceMappingURL=p-49d9a720.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTabsNavigationItemCss","SpwTabsNavigationItem","constructor","hostRef","this","active","disabled","bubble","slotText","handleClick","event","preventDefault","stopPropagation","tabSelected","emit","tabId","handleKeyDown","key","componentDidLoad","updateSlotText","handleSlotChange","slot","_a","el","shadowRoot","querySelector","assignedNodes","flatten","text","filter","n","nodeType","Node","TEXT_NODE","ELEMENT_NODE","map","textContent","trim","join","elementClass","hasEllipsis","render","h","Host","class","id","role","onKeyDown","tabIndex","onClick","title","undefined"],"sources":["src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.scss?tag=spw-tabs-navigation-item&encapsulation=shadow","src/components/spw-tabs/spw-tabs-navigation-item/spw-tabs-navigation-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n  --spw-tabs-max-width-text: 200px;\n  --spw-tabs-border-radius: 4px 4px 0 0;\n  --spw-tabs-margin-left: 0;\n}\n\n.spw-tabs-navigation-item {\n  position: relative;\n  cursor: pointer;\n  padding: 8px 0 12px 0;\n  font-size: 14px;\n  color: var(--spw-colors-support-grey-grey-700);\n  user-select: none;\n  transition: color 0.2s linear;\n  &:hover {\n    color: var(--spw-colors-support-grey-grey-900);\n    :host(.--box) & {\n      color: var(--spw-colors-support-grey-grey-900);\n    }\n  }\n  &:focus-visible {\n    outline: 2px solid black;\n    outline-offset: -2px;\n  }\n  :host(.--box) & {\n    background: var(--spw-colors-support-grey-grey-100);\n    color: var(--spw-colors-support-grey-grey-600);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    padding: 7px 16px 6px 16px;\n    margin-top: 3px;\n    border-radius: var(--spw-tabs-border-radius);\n    margin-left: var(--spw-tabs-margin-left);\n  }\n  &--disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n    &:hover {\n      color: var(--spw-colors-support-grey-grey-700);\n    }\n    :host(.--box) & {\n      opacity: 1;\n      color: var(--spw-colors-support-grey-grey-400);\n      &:hover {\n        color: var(--spw-colors-support-grey-grey-400);\n      }\n      &:active {\n        transform: none;\n      }\n    }\n  }\n  &--active {\n    color: var(--spw-colors-support-grey-grey-900);\n    &:after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      left: 0;\n      height: 2px;\n      background: var(--spw-ds-primary);\n    }\n    :host(.--box) & {\n      color: var(--spw-colors-support-grey-grey-900);\n      background: white;\n      border-bottom-color: transparent;\n      padding: 8px 16px;\n      margin-top: 0;\n      &:after {\n        display: none;\n      }\n    }\n  }\n  &--bubble {\n    &:before {\n      content: '';\n      position: absolute;\n      top: 2px;\n      right: -8px;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--spw-ds-primary);\n      :host(.--box) & {\n        top: 4px;\n        right: 4px;\n      }\n    }\n  }\n  :host(.--ellipsis) & {\n    max-width: var(--spw-tabs-max-width-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n}\n","import { Component, h, Element, Prop, Event, State, EventEmitter, Host, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs-navigation-item',\n  styleUrl: 'spw-tabs-navigation-item.scss',\n  shadow: true,\n})\nexport class SpwTabsNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** Définit un id pour le tab */\n  @Prop() tabId!: string;\n  /** Définit si le tab est actif ou non */\n  @Prop() active: boolean = false;\n  /** Définit si le tab est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** Prévoit la présence d'une pastille sur l'élément de navigation */\n  @Prop() bubble: boolean = false;\n  /** Définit si le texte doit être coupé pour les onglets au titre trop long */\n  @Prop() hasEllipsis?: boolean;\n\n  @State() slotText: string = '';\n\n  @Event() tabSelected: EventEmitter<string>;\n\n  componentDidLoad() {\n    this.updateSlotText();\n  }\n\n  @Listen('slotchange')\n  handleSlotChange() {\n    this.updateSlotText();\n  }\n\n  private updateSlotText() {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true });\n      const text = assignedNodes\n        .filter(n => n.nodeType === Node.TEXT_NODE || n.nodeType === Node.ELEMENT_NODE)\n        .map(n => (n as HTMLElement | Text).textContent?.trim())\n        .join(' ')\n        .trim();\n\n      this.slotText = text || '';\n    }\n  }\n\n  private handleClick = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!this.disabled) {\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    const key = event.key;\n    if (key === 'Enter' || key === ' ') {\n      event.preventDefault();\n      event.stopPropagation();\n      this.tabSelected.emit(this.tabId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs-navigation-item': true,\n      'spw-tabs-navigation-item--active': this.active,\n      'spw-tabs-navigation-item--disabled': this.disabled,\n      'spw-tabs-navigation-item--bubble': this.bubble,\n      'spw-tabs-navigation-item--ellipsis': this.hasEllipsis,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.active ? '--active' : ''}>\n        <li\n          id={`tab-${this.tabId}`}\n          role=\"tab\"\n          aria-selected={this.active ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-controls={`panel-${this.tabId}`}\n          aria-label={this.slotText}\n          onKeyDown={this.handleKeyDown}\n          tabIndex={this.disabled ? -1 : 0}\n          class={this.elementClass}\n          onClick={this.handleClick}\n          title={this.hasEllipsis ? this.slotText : undefined}\n        >\n          <slot></slot>\n          {this.bubble && <span class=\"bubble\"></span>}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAA2B,grJ,MCOpBC,EAAqB,MALlC,WAAAC,CAAAC,G,iDAWUC,KAAMC,OAAY,MAElBD,KAAQE,SAAY,MAEpBF,KAAMG,OAAY,MAIjBH,KAAQI,SAAW,GA2BpBJ,KAAAK,YAAeC,IACrBA,EAAMC,iBACND,EAAME,kBAEN,IAAKR,KAAKE,SAAU,CAClBF,KAAKS,YAAYC,KAAKV,KAAKW,M,GAIvBX,KAAAY,cAAiBN,IACvB,GAAIN,KAAKE,SAAU,OAEnB,MAAMW,EAAMP,EAAMO,IAClB,GAAIA,IAAQ,SAAWA,IAAQ,IAAK,CAClCP,EAAMC,iBACND,EAAME,kBACNR,KAAKS,YAAYC,KAAKV,KAAKW,M,EAoChC,CA3EC,gBAAAG,GACEd,KAAKe,gB,CAIP,gBAAAC,GACEhB,KAAKe,gB,CAGC,cAAAA,G,MACN,MAAME,GAAOC,EAAAlB,KAAKmB,GAAGC,cAAY,MAAAF,SAAA,SAAAA,EAAAG,cAAc,QAC/C,GAAIJ,EAAM,CACR,MAAMK,EAAgBL,EAAKK,cAAc,CAAEC,QAAS,OACpD,MAAMC,EAAOF,EACVG,QAAOC,GAAKA,EAAEC,WAAaC,KAAKC,WAAaH,EAAEC,WAAaC,KAAKE,eACjEC,KAAIL,IAAI,IAAAR,EAAC,OAAAA,EAACQ,EAAyBM,eAAa,MAAAd,SAAA,SAAAA,EAAAe,MAAM,IACtDC,KAAK,KACLD,OAEHjC,KAAKI,SAAWoB,GAAQ,E,EAwB5B,gBAAYW,GACV,MAAO,CACL,2BAA4B,KAC5B,mCAAoCnC,KAAKC,OACzC,qCAAsCD,KAAKE,SAC3C,mCAAoCF,KAAKG,OACzC,qCAAsCH,KAAKoC,Y,CAI/C,MAAAC,GACE,OACEC,EAACC,EAAK,CAAA1B,IAAA,2CAAA2B,MAAOxC,KAAKC,OAAS,WAAa,IACtCqC,EACE,MAAAzB,IAAA,2CAAA4B,GAAI,OAAOzC,KAAKW,QAChB+B,KAAK,MACU,gBAAA1C,KAAKC,OAAS,OAAS,QACvB,gBAAAD,KAAKE,SAAW,OAAS,QACzB,yBAASF,KAAKW,QACjB,aAAAX,KAAKI,SACjBuC,UAAW3C,KAAKY,cAChBgC,SAAU5C,KAAKE,UAAW,EAAK,EAC/BsC,MAAOxC,KAAKmC,aACZU,QAAS7C,KAAKK,YACdyC,MAAO9C,KAAKoC,YAAcpC,KAAKI,SAAW2C,WAE1CT,EAAa,QAAAzB,IAAA,6CACZb,KAAKG,QAAUmC,EAAM,QAAAzB,IAAA,2CAAA2B,MAAM,Y","ignoreList":[]}

package/dist/spw-stencil-library/p-4ae6cb6c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,g as s}from"./p-BaAUTDWF.js";const i="/*! 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: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-primary);color:var(--spw-ds-primary)}.spw-checkbox__wrapper--checked--disabled{color: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 r=class{constructor(o){e(this,o);this.spwChange=t(this,"spwChange");if(o.$hostElement$["s-ei"]){this.internals=o.$hostElement$["s-ei"]}else{this.internals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.internals}this.disabled=false;this.checked=false;this.error=false;this.icon="fa-check"}handleCheckbox(){if(!this.disabled){this.internalChecked=!this.internalChecked;this.checked=this.internalChecked;this.updateFormValue();this.spwChange.emit(this.internalChecked)}}async toggleCheckedState(e){this.internalChecked=e;this.checked=e;this.updateFormValue()}checkedChanged(e){this.internalChecked=e;this.inputElement.checked=e;this.updateFormValue()}updateFormValue(){if(this.internalChecked){this.internals.setFormValue("on")}else{this.internals.setFormValue(null)}}handleKeydown(e){if(e.key===" "||e.key==="Enter"){this.handleCheckbox();e.preventDefault()}}componentWillLoad(){this.internalChecked=this.checked;this.updateFormValue()}componentDidLoad(){var e;(e=this.el.closest("form"))===null||e===void 0?void 0:e.addEventListener("formdata",(e=>{if(this.internalChecked){e.formData.set(this.name,"on")}}))}formResetCallback(){this.internalChecked=false;this.checked=false;this.updateFormValue()}get elementClass(){return{"spw-checkbox__wrapper":true,"spw-checkbox__wrapper--disabled":this.disabled,"spw-checkbox__wrapper--checked":this.internalChecked,"spw-checkbox__wrapper--error":this.error}}render(){const e=this.el.innerHTML;const t=Boolean(e);return o("div",{key:"4025cfdeb40b577201fd39958d3c352c3bd9c20c",class:"spw-checkbox"},o("input",{key:"63a36779a3c22b3179925b1058c975e858d8adb6",type:"checkbox",ref:e=>this.inputElement=e,checked:this.internalChecked,onChange:this.handleCheckbox.bind(this),name:this.name,disabled:this.disabled,style:{display:"none"}}),t&&o("label",{key:"2665795a7d89b4973720e59f7408262df84975ee",htmlFor:this.name,class:`spw-checkbox__label ${this.disabled?"spw-checkbox__label--disabled":""}`,onClick:this.handleCheckbox.bind(this)},o("slot",{key:"8b454a0a5c6b07f6c7d536ad2d127643ab8176e4"})),o("div",{key:"77b376a060eb165bf91fd2246a54290e25d9b410",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&&o("spw-icon",{key:"d62ff0182844be865f7f60acdbe55630b88eba00",icon:this.icon})))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["checkedChanged"]}}};r.style=i;export{r as spw_checkbox};
-//# sourceMappingURL=p-4ae6cb6c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCheckboxCss","SpwCheckbox","constructor","hostRef","this","disabled","checked","error","icon","handleCheckbox","internalChecked","updateFormValue","spwChange","emit","toggleCheckedState","newVal","checkedChanged","newChecked","inputElement","internals","setFormValue","handleKeydown","event","key","preventDefault","componentWillLoad","componentDidLoad","_a","el","closest","addEventListener","e","formData","set","name","formResetCallback","elementClass","render","slot","innerHTML","hasSlot","Boolean","h","class","type","ref","onChange","bind","style","display","htmlFor","onClick","tabindex","onKeyDown","role"],"sources":["src/components/spw-checkbox/spw-checkbox.scss?tag=spw-checkbox&encapsulation=shadow","src/components/spw-checkbox/spw-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  vertical-align: top;\n}\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-primary);\n      color: var(--spw-ds-primary);\n\n      &--disabled {\n        color: 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\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--disabled': this.disabled,\n      'spw-checkbox__wrapper--checked': this.internalChecked,\n      'spw-checkbox__wrapper--error': this.error,\n    };\n  }\n\n  render() {\n    const slot = this.el.innerHTML;\n    const hasSlot = Boolean(slot);\n\n    return (\n      <div class=\"spw-checkbox\">\n        <input\n          type=\"checkbox\"\n          ref={el => (this.inputElement = el)}\n          checked={this.internalChecked}\n          onChange={this.handleCheckbox.bind(this)}\n          name={this.name}\n          disabled={this.disabled}\n          style={{ display: 'none' }}\n        />\n        {hasSlot && (\n          <label htmlFor={this.name} class={`spw-checkbox__label ${this.disabled ? 'spw-checkbox__label--disabled' : ''}`} onClick={this.handleCheckbox.bind(this)}>\n            <slot />\n          </label>\n        )}\n        <div\n          tabindex={this.disabled ? -1 : 0}\n          onClick={this.handleCheckbox.bind(this)}\n          onKeyDown={this.handleKeydown.bind(this)}\n          role=\"checkbox\"\n          aria-checked={this.internalChecked ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          aria-labelledby=\"label\"\n          class={this.elementClass}\n        >\n          {this.internalChecked && <spw-icon icon={this.icon}></spw-icon>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,ytJ,MCQVC,EAAW,MANxB,WAAAC,CAAAC,G,6MAYUC,KAAQC,SAAY,MAEYD,KAAOE,QAAY,MAEnDF,KAAKG,MAAY,MAEjBH,KAAII,KAAW,UAkHxB,CAvGS,cAAAC,GACN,IAAKL,KAAKC,SAAU,CAClBD,KAAKM,iBAAmBN,KAAKM,gBAC7BN,KAAKE,QAAUF,KAAKM,gBACpBN,KAAKO,kBACLP,KAAKQ,UAAUC,KAAKT,KAAKM,gB,EAM7B,wBAAMI,CAAmBC,GACvBX,KAAKM,gBAAkBK,EACvBX,KAAKE,QAAUS,EACfX,KAAKO,iB,CAIP,cAAAK,CAAeC,GACbb,KAAKM,gBAAkBO,EACvBb,KAAKc,aAAaZ,QAAUW,EAC5Bb,KAAKO,iB,CAGC,eAAAA,GACN,GAAIP,KAAKM,gBAAiB,CACxBN,KAAKe,UAAUC,aAAa,K,KACvB,CACLhB,KAAKe,UAAUC,aAAa,K,EAIxB,aAAAC,CAAcC,GACpB,GAAIA,EAAMC,MAAQ,KAAOD,EAAMC,MAAQ,QAAS,CAE9CnB,KAAKK,iBACLa,EAAME,gB,EAIV,iBAAAC,GACErB,KAAKM,gBAAkBN,KAAKE,QAC5BF,KAAKO,iB,CAGP,gBAAAe,G,OACEC,EAAAvB,KAAKwB,GAAGC,QAAQ,WAAS,MAAAF,SAAA,SAAAA,EAAAG,iBAAiB,YAAaC,IACrD,GAAI3B,KAAKM,gBAAiB,CACxBqB,EAAEC,SAASC,IAAI7B,KAAK8B,KAAM,K,KAKhC,iBAAAC,GACE/B,KAAKM,gBAAkB,MACvBN,KAAKE,QAAU,MACfF,KAAKO,iB,CAGP,gBAAYyB,GACV,MAAO,CACL,wBAAyB,KACzB,kCAAmChC,KAAKC,SACxC,iCAAkCD,KAAKM,gBACvC,+BAAgCN,KAAKG,M,CAIzC,MAAA8B,GACE,MAAMC,EAAOlC,KAAKwB,GAAGW,UACrB,MAAMC,EAAUC,QAAQH,GAExB,OACEI,EAAA,OAAAnB,IAAA,2CAAKoB,MAAM,gBACTD,EACE,SAAAnB,IAAA,2CAAAqB,KAAK,WACLC,IAAKjB,GAAOxB,KAAKc,aAAeU,EAChCtB,QAASF,KAAKM,gBACdoC,SAAU1C,KAAKK,eAAesC,KAAK3C,MACnC8B,KAAM9B,KAAK8B,KACX7B,SAAUD,KAAKC,SACf2C,MAAO,CAAEC,QAAS,UAEnBT,GACCE,EAAO,SAAAnB,IAAA,2CAAA2B,QAAS9C,KAAK8B,KAAMS,MAAO,uBAAuBvC,KAAKC,SAAW,gCAAkC,KAAM8C,QAAS/C,KAAKK,eAAesC,KAAK3C,OACjJsC,EAAA,QAAAnB,IAAA,8CAGJmB,EAAA,OAAAnB,IAAA,2CACE6B,SAAUhD,KAAKC,UAAW,EAAK,EAC/B8C,QAAS/C,KAAKK,eAAesC,KAAK3C,MAClCiD,UAAWjD,KAAKiB,cAAc0B,KAAK3C,MACnCkD,KAAK,WAAU,eACDlD,KAAKM,gBAAkB,OAAS,QAC/B,gBAAAN,KAAKC,SAAW,OAAS,QACxB,0BAChBsC,MAAOvC,KAAKgC,cAEXhC,KAAKM,iBAAmBgC,EAAA,YAAAnB,IAAA,2CAAUf,KAAMJ,KAAKI,Q","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableRowCss","SpwTableRow","render","h","Host","key","part","class"],"sources":["src/components/spw-table/spw-table-row/spw-table-row.scss?tag=spw-table-row&encapsulation=shadow","src/components/spw-table/spw-table-row/spw-table-row.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n:host([data-row-style='odd']) {\n  .spw-table-row {\n    background-color: var(--spw-color-themes-grey-grey-50);\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-row',\n  styleUrl: 'spw-table-row.scss',\n  shadow: true,\n})\nexport class SpwTableRow {\n  render() {\n    return (\n      <Host part=\"row\">\n      <tr class=\"spw-table-row\" part=\"row\">\n        <slot />\n      </tr>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,irF,MCOVC,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,OACXH,EAAA,MAAAE,IAAA,2CAAIE,MAAM,gBAAgBD,KAAK,OAC7BH,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/spw-stencil-library/p-84132f3d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as s,g as i}from"./p-BaAUTDWF.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}: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-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}";const r=class{constructor(o){t(this,o);this.spwSort=e(this,"spwSort");this.isSticky=false;this.minWidth="600";this.isZebra=false}componentDidLoad(){var t;this.updateZebra();const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(e){e.addEventListener("slotchange",(()=>this.setupHeaderCheckboxListener()))}this.setupHeaderCheckboxListener();this.setupBodyCheckboxListener()}getMasterCheckboxColumnIndex(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!e)return null;const o=e.assignedElements({flatten:true});const s=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const n=Array.from(i.querySelectorAll("spw-table-header"));for(let t=0;t<n.length;t++){if(n[t].querySelector("spw-checkbox")){return t}}return null}updateMasterCheckboxState(){var t;const e=this.getMasterCheckboxColumnIndex();if(e===null)return;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");const s=o===null||o===void 0?void 0:o.assignedElements({flatten:true});if(!s)return;const i=s.find((t=>t.tagName.toLowerCase()==="spw-table-head"));const n=s.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!i||!n)return;const r=i.querySelector("spw-table-row");const a=r===null||r===void 0?void 0:r.querySelectorAll("spw-table-header")[e];const l=a===null||a===void 0?void 0:a.querySelector("spw-checkbox");const c=n.querySelectorAll("spw-table-row");const d=Array.from(c).map((t=>{const o=t.querySelectorAll("spw-table-cell")[e];const s=o===null||o===void 0?void 0:o.querySelector("spw-checkbox");return(s===null||s===void 0?void 0:s.checked)===true||(s===null||s===void 0?void 0:s.getAttribute("checked"))==="true"}));if(d.length===0)return;const p=d.every(Boolean);const b=d.every((t=>!t));if(!l)return;if(p){l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-check")}else if(b){l.checked=false;l.setAttribute("checked","false");l.setAttribute("icon","fa-check")}else{l.checked=true;l.setAttribute("checked","true");l.setAttribute("icon","fa-minus")}}setupHeaderCheckboxListener(){var t,e;const o=(e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot"))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!o)return;const s=o.find((t=>t.tagName.toLowerCase()==="spw-table-head"));if(!s)return;const i=s.querySelectorAll("spw-table-row");i.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(t=>{this.toggleAllRowCheckboxes(t.detail)}))}))}))}setupBodyCheckboxListener(){const t=Array.from(this.el.children).find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!t)return;const e=t.querySelectorAll("spw-table-row");e.forEach((t=>{const e=t.querySelectorAll("spw-checkbox");e.forEach((t=>{t.addEventListener("spwChange",(()=>this.updateMasterCheckboxState()))}))}))}toggleAllRowCheckboxes(t){var e;const o=this.getMasterCheckboxColumnIndex();if(o===null)return;const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("slot");const i=s===null||s===void 0?void 0:s.assignedElements({flatten:true});if(!i)return;const n=i.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!n)return;const r=n.querySelectorAll("spw-table-row");r.forEach((e=>{const s=Array.from(e.querySelectorAll("spw-table-cell"));const i=s[o];const n=i===null||i===void 0?void 0:i.querySelector("spw-checkbox");if(n){n.checked=t;n.setAttribute("checked",t.toString())}}));setTimeout((()=>{this.updateMasterCheckboxState()}),0)}handleHeaderClick(t){const e=t.detail;const o=this.currentSort;const s={column:e,direction:(o===null||o===void 0?void 0:o.column)===e&&o.direction==="asc"?"desc":"asc"};this.currentSort=s;this.spwSort.emit(s);this.sortRows(s.column,s.direction);this.updateHeadersSortState(s);this.updateZebra()}updateZebra(){const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:true});const o=e.find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(o){if(this.isZebra){o.setAttribute("is-zebra","true")}else{o.removeAttribute("is-zebra")}if(typeof o.updateZebraStyles==="function"){o.updateZebraStyles()}}}sortRows(t,e){var o;const s=(o=this.el.shadowRoot.querySelector("slot"))===null||o===void 0?void 0:o.assignedElements().find((t=>t.tagName.toLowerCase()==="spw-table-body"));if(!s)return;const i=Array.from(s.querySelectorAll("spw-table-row"));const n=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((e=>e.columnId===t));if(n===-1)return;i.sort(((t,o)=>{const s=t.querySelectorAll("spw-table-cell")[n];const i=o.querySelectorAll("spw-table-cell")[n];if(!s||!i)return 0;const r=s.textContent.trim();const a=i.textContent.trim();if(!isNaN(Number(r))&&!isNaN(Number(a))){return e==="asc"?+r-+a:+a-+r}return e==="asc"?r.localeCompare(a):a.localeCompare(r)}));i.forEach((t=>s.appendChild(t)));const r=s;if(r===null||r===void 0?void 0:r.updateZebraStyles){r.updateZebraStyles()}}updateHeadersSortState(t){const e=this.el.querySelectorAll("spw-table-header");e.forEach((e=>{const o=e.columnId===t.column;e.isSorted=o;e.sortDirection=o?t.direction:undefined}))}formatSize(t){if(t===undefined||t===null){return"auto"}return`${t}px`}get elementClass(){return{"spw-table":true,"spw-table--is-sticky":this.isSticky}}render(){return o(s,{key:"d0eb76cd5cbf66a6253ef81ec5d531a4e46cd64e",style:{"--spw-table-max-height":this.formatSize(this.maxHeight),"--spw-table-min-width":this.formatSize(this.minWidth)}},o("div",{key:"dc279e8dcbbccca8eb26424823baf903d50af867",class:"spw-table-container"},o("table",{key:"e88ed20dc3d835c2835e75e99f1b90a34b7ca5a4",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},o("slot",{key:"d6efac182513cbaca64e8beb5bac2b44f5646d01"}))))}get el(){return i(this)}};r.style=n;export{r as spw_table};
-//# sourceMappingURL=p-84132f3d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwTableCss","SpwTable","constructor","hostRef","this","isSticky","minWidth","isZebra","componentDidLoad","updateZebra","slot","_a","el","shadowRoot","querySelector","addEventListener","setupHeaderCheckboxListener","setupBodyCheckboxListener","getMasterCheckboxColumnIndex","assignedElements","flatten","head","find","tagName","toLowerCase","headerRow","headerCells","Array","from","querySelectorAll","i","length","updateMasterCheckboxState","columnIndex","body","headerCell","masterCheckbox","rows","values","map","row","cell","cb","checked","getAttribute","allChecked","every","Boolean","noneChecked","v","setAttribute","_b","headerRows","forEach","checkboxes","event","toggleAllRowCheckboxes","detail","children","cells","targetCell","checkbox","toString","setTimeout","handleHeaderClick","columnId","current","currentSort","newSort","column","direction","spwSort","emit","sortRows","updateHeadersSortState","removeAttribute","updateZebraStyles","findIndex","header","sort","a","b","aCell","bCell","aValue","textContent","trim","bValue","isNaN","Number","localeCompare","appendChild","bodyComponent","headers","isCurrent","isSorted","sortDirection","undefined","formatSize","value","elementClass","render","h","Host","key","style","maxHeight","class","part","role","accAriaLabel"],"sources":["src/components/spw-table/spw-table.scss?tag=spw-table&encapsulation=shadow","src/components/spw-table/spw-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n%highlight {\n  font-weight: 700;\n  background: var(--spw-color-themes-grey-grey-100);\n}\n\n.spw-table-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: auto;\n  max-height: var(--spw-table-max-height);\n  border-radius: 4px;\n  outline: 1px solid var(--spw-color-themes-grey-grey-300);\n  outline-offset: -1px;\n  position: relative;\n  @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n}\n\n.spw-table {\n  width: 100%;\n  border-collapse: collapse;\n  min-width: var(--spw-table-min-width);\n  border-radius: 4px;\n  position: relative;\n}\n","import { Component, Element, Event, Listen, State, EventEmitter, Host, Prop, h } from '@stencil/core';\n\nexport interface SortEvent {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\n@Component({\n  tag: 'spw-table',\n  styleUrl: 'spw-table.scss',\n  shadow: true,\n})\nexport class SpwTable {\n  @Element() el: HTMLSpwTableElement;\n\n  /** Propriété pour l'aria-label, à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Si le header du tableau doit être sticky ou non */\n  @Prop() isSticky?: boolean = false;\n  /** Si défini, apparition d'une scrollbar verticale et max-height  */\n  @Prop() maxHeight?: string;\n  /** Si défini, apparition d'une scrollbar horizontale et max-width  */\n  @Prop() minWidth?: string = '600';\n  /** Définit un background de couleur différent une ligne sur 2 */\n  @Prop() isZebra?: boolean = false;\n\n  @Event() spwSort: EventEmitter<SortEvent>;\n\n  @State() currentSort?: SortEvent;\n\n  componentDidLoad() {\n    this.updateZebra();\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (slot) {\n      slot.addEventListener('slotchange', () => this.setupHeaderCheckboxListener());\n    }\n    this.setupHeaderCheckboxListener();\n    this.setupBodyCheckboxListener();\n  }\n\n  private getMasterCheckboxColumnIndex(): number | null {\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    if (!slot) return null;\n\n    const assignedElements = slot.assignedElements({ flatten: true }) as HTMLElement[];\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return null;\n\n    const headerRow = head.querySelector('spw-table-row');\n    if (!headerRow) return null;\n\n    const headerCells = Array.from(headerRow.querySelectorAll('spw-table-header'));\n\n    for (let i = 0; i < headerCells.length; i++) {\n      if (headerCells[i].querySelector('spw-checkbox')) {\n        return i;\n      }\n    }\n\n    return null;\n  }\n\n  private updateMasterCheckboxState() {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!head || !body) return;\n\n    const headerRow = head.querySelector('spw-table-row');\n    const headerCell = headerRow?.querySelectorAll('spw-table-header')[columnIndex];\n    const masterCheckbox = headerCell?.querySelector('spw-checkbox') as any;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    const values = Array.from(rows).map(row => {\n      const cell = row.querySelectorAll('spw-table-cell')[columnIndex];\n      const cb = cell?.querySelector('spw-checkbox') as any;\n      return cb?.checked === true || cb?.getAttribute('checked') === 'true';\n    });\n\n    if (values.length === 0) return;\n\n    const allChecked = values.every(Boolean);\n    const noneChecked = values.every(v => !v);\n\n    if (!masterCheckbox) return;\n\n    if (allChecked) {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else if (noneChecked) {\n      masterCheckbox.checked = false;\n      masterCheckbox.setAttribute('checked', 'false');\n      masterCheckbox.setAttribute('icon', 'fa-check');\n    } else {\n      masterCheckbox.checked = true;\n      masterCheckbox.setAttribute('checked', 'true');\n      masterCheckbox.setAttribute('icon', 'fa-minus');\n    }\n  }\n\n  private setupHeaderCheckboxListener() {\n    const assignedElements = this.el.shadowRoot?.querySelector('slot')?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n\n    if (!assignedElements) return;\n\n    const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');\n    if (!head) return;\n\n    const headerRows = head.querySelectorAll('spw-table-row');\n\n    headerRows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.addEventListener('spwChange', (event: CustomEvent<boolean>) => {\n          this.toggleAllRowCheckboxes(event.detail);\n        });\n      });\n    });\n  }\n\n  private setupBodyCheckboxListener() {\n    const body = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n    rows.forEach(row => {\n      const checkboxes = row.querySelectorAll('spw-checkbox');\n      checkboxes.forEach(cb => {\n        cb.addEventListener('spwChange', () => this.updateMasterCheckboxState());\n      });\n    });\n  }\n\n  private toggleAllRowCheckboxes(checked: boolean) {\n    const columnIndex = this.getMasterCheckboxColumnIndex();\n    if (columnIndex === null) return;\n\n    const slot = this.el.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true }) as HTMLElement[] | undefined;\n    if (!assignedElements) return;\n\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = body.querySelectorAll('spw-table-row');\n\n    rows.forEach(row => {\n      const cells = Array.from(row.querySelectorAll('spw-table-cell'));\n      const targetCell = cells[columnIndex];\n      const checkbox = targetCell?.querySelector('spw-checkbox') as any;\n\n      if (checkbox) {\n        checkbox.checked = checked;\n        checkbox.setAttribute('checked', checked.toString());\n      }\n    });\n\n    setTimeout(() => {\n      this.updateMasterCheckboxState();\n    }, 0);\n  }\n\n  @Listen('spwHeaderClick')\n  handleHeaderClick(event: CustomEvent<string>) {\n    const columnId = event.detail;\n    const current = this.currentSort;\n\n    const newSort: SortEvent = {\n      column: columnId,\n      direction: current?.column === columnId && current.direction === 'asc' ? 'desc' : 'asc',\n    };\n\n    this.currentSort = newSort;\n    this.spwSort.emit(newSort);\n    this.sortRows(newSort.column, newSort.direction);\n    this.updateHeadersSortState(newSort);\n    this.updateZebra();\n  }\n\n  private updateZebra() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (!slot) return;\n\n    const assignedElements = slot.assignedElements({ flatten: true });\n    const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body') as any;\n\n    if (body) {\n      if (this.isZebra) {\n        body.setAttribute('is-zebra', 'true');\n      } else {\n        body.removeAttribute('is-zebra');\n      }\n\n      if (typeof body.updateZebraStyles === 'function') {\n        body.updateZebraStyles();\n      }\n    }\n  }\n\n  private sortRows(columnId: string, direction: 'asc' | 'desc') {\n    const body = this.el.shadowRoot\n      .querySelector('slot')\n      ?.assignedElements()\n      .find(el => el.tagName.toLowerCase() === 'spw-table-body');\n    if (!body) return;\n\n    const rows = Array.from(body.querySelectorAll('spw-table-row'));\n\n    const columnIndex = Array.from(this.el.querySelectorAll('spw-table-header')).findIndex((header: any) => header.columnId === columnId);\n    if (columnIndex === -1) return;\n\n    rows.sort((a: any, b: any) => {\n      const aCell = a.querySelectorAll('spw-table-cell')[columnIndex];\n      const bCell = b.querySelectorAll('spw-table-cell')[columnIndex];\n      if (!aCell || !bCell) return 0;\n\n      const aValue = aCell.textContent.trim();\n      const bValue = bCell.textContent.trim();\n\n      if (!isNaN(Number(aValue)) && !isNaN(Number(bValue))) {\n        return direction === 'asc' ? +aValue - +bValue : +bValue - +aValue;\n      }\n\n      return direction === 'asc' ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);\n    });\n\n    rows.forEach(row => body.appendChild(row));\n\n    const bodyComponent = body as HTMLSpwTableBodyElement;\n    if (bodyComponent?.updateZebraStyles) {\n      bodyComponent.updateZebraStyles();\n    }\n  }\n\n  private updateHeadersSortState(sort: SortEvent) {\n    const headers = this.el.querySelectorAll('spw-table-header');\n    headers.forEach((header: any) => {\n      const isCurrent = header.columnId === sort.column;\n      header.isSorted = isCurrent;\n      header.sortDirection = isCurrent ? sort.direction : undefined;\n    });\n  }\n\n  private formatSize(value?: string): string {\n    if (value === undefined || value === null) {\n      return 'auto';\n    }\n    return `${value}px`;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table': true,\n      'spw-table--is-sticky': this.isSticky,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--spw-table-max-height': this.formatSize(this.maxHeight),\n          '--spw-table-min-width': this.formatSize(this.minWidth),\n        }}\n      >\n        <div class=\"spw-table-container\">\n          <table part=\"table\" class={this.elementClass} role=\"table\" aria-label={this.accAriaLabel}>\n            <slot />\n          </table>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/spw-stencil-library/p-86c265a0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-BaAUTDWF.js";const i="/*! 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 o=class{constructor(t){e(this,t)}render(){return t("h3",{key:"7ab4466f7c72b8deedbfe76fdb2077d28be6e9bf",class:"spw-card-title"},t("slot",{key:"a6705a96741a72ab378774ce42a6c5e4e307432e"}))}};o.style=i;export{o as spw_card_title};
-//# sourceMappingURL=p-86c265a0.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwCardTitleCss","SpwCardTitle","render","h","key","class"],"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"],"mappings":"2CAAA,MAAMA,EAAkB,yzF,MCOXC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAAA,MAAAC,IAAA,2CAAIC,MAAM,kBACRF,EAAa,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwSelectCss","SpwSelect","constructor","hostRef","this","label","placeholder","required","size","error","hint","success","warning","showErrorIcon","showHintIcon","showSuccessIcon","showWarningIcon","defaultValue","componentWillLoad","_a","value","getInitialSelectedValue","internalValue","componentDidLoad","internals","setFormValue","getFormValue","moveOptionsToLightDom","formResetCallback","setValue","val","selectElement","String","valueChanged","emit","assignedNodes","Array","from","el","querySelectorAll","option","hasAttribute","getAttribute","handleSelectChange","event","select","target","slot","shadowRoot","querySelector","flatten","forEach","node","nodeName","appendChild","renderErrorMessage","h","variant","showIcon","renderHintMessage","renderSuccessMessage","renderWarningMessage","elementClass","disabled","render","Host","key","class","name","assistiveText","id","onChange","ref","tabindex","selected","icon"],"sources":["src/components/spw-select/spw-select.scss?tag=spw-select&encapsulation=shadow","src/components/spw-select/spw-select.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-select {\n  position: relative;\n  &__container {\n    position: relative;\n  }\n  &__arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 12px;\n    pointer-events: none;\n    color: var(--spw-color-themes-grey-grey-600);\n    font-size: 16px;\n  }\n  &__trigger {\n    width: 100%;\n    height: 40px;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    background-color: #fff;\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-800);\n    position: relative;\n    padding: 0;\n    margin: 0;\n    appearance: none;\n    padding: 0 12px;\n    padding-right: 40px;\n\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n\n    &:focus-visible {\n      outline: 3px solid white;\n      outline-offset: 0;\n      box-shadow: 0 0 0 6px black;\n    }\n\n    &::after {\n      content: '\\f078';\n      font-family: var(--spw-ds-font-icons-solid);\n      font-weight: 900;\n      font-size: 14px;\n      color: var(--spw-color-themes-grey-grey-800);\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      pointer-events: none;\n    }\n\n    .spw-select--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n\n    .spw-select--large & {\n      height: 60px;\n      padding: 0 24px;\n      font-size: 18px;\n    }\n\n    .spw-select--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Host, Component, Prop, State, Event, EventEmitter, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-select',\n  styleUrl: 'spw-select.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwSelect {\n  @Element() el: HTMLSpwSelectElement;\n\n  /** Emet un event si la valeur change */\n  @Event() valueChanged: EventEmitter<string | number>;\n  @State() internalValue: string | number;\n\n  /** Valeur sélectionnée actuelle, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value: string | number;\n  /** Label associé au champ de sélection */\n  @Prop() label: string = '';\n  /** Texte du placeholder à afficher lorsque rien n'est sélectionné */\n  @Prop() placeholder: string = 'Sélectionner une option';\n  /** Indique si le champ de sélection est désactivé */\n  @Prop() disabled: boolean;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur sélectionnée */\n  @Prop() name: string;\n  /** Indique si la sélection est obligatoire dans le formulaire */\n  @Prop() required: boolean = false;\n  /** Taille du champ de sélection : 'large' ou 'medium' */\n  @Prop() size: 'large' | 'medium' = 'medium';\n  /** Texte d'assistance affiché sous le champ de sélection */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ de sélection */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ de sélection */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ de sélection */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  private selectElement!: HTMLSelectElement;\n  private defaultValue: string | number | null = null;\n\n  @AttachInternals() internals: ElementInternals;\n\n  componentWillLoad() {\n    this.defaultValue = this.value ?? this.getInitialSelectedValue();\n    this.internalValue = this.value || this.getInitialSelectedValue();\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.getFormValue());\n    this.moveOptionsToLightDom();\n  }\n\n  formResetCallback() {\n    this.setValue(this.defaultValue ?? '');\n  }\n\n  private setValue(val: string | number) {\n    this.internalValue = val;\n    this.value = val;\n\n    if (this.selectElement) {\n      this.selectElement.value = String(val);\n    }\n\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private getFormValue(): string | null {\n    return this.internalValue ? String(this.internalValue) : null;\n  }\n\n  private getInitialSelectedValue(): string | number | null {\n    const assignedNodes = Array.from(this.el.querySelectorAll('option')) as HTMLOptionElement[];\n    for (const option of assignedNodes) {\n      if (option.hasAttribute('selected')) {\n        return option.getAttribute('value');\n      }\n    }\n    return null;\n  }\n\n  private handleSelectChange(event: Event) {\n    const select = event.target as HTMLSelectElement;\n    this.internalValue = select.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.getFormValue());\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private moveOptionsToLightDom() {\n    const slot = this.el.shadowRoot.querySelector('slot');\n    if (slot) {\n      const assignedNodes = slot.assignedNodes({ flatten: true }) as HTMLElement[];\n      assignedNodes.forEach(node => {\n        if (node.nodeName === 'OPTION' || node.nodeName === 'OPTGROUP') {\n          this.selectElement.appendChild(node);\n        }\n      });\n    }\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-select': true,\n      [`spw-select--${this.size}`]: true,\n      'spw-select--disabled': this.disabled,\n      'spw-select--is-error': !!this.error,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          {this.assistiveText && (\n            <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n              {this.assistiveText}\n            </spw-field-message>\n          )}\n          <div class=\"spw-select__container\">\n            <select\n              id={this.name}\n              class=\"spw-select__trigger\"\n              onChange={event => this.handleSelectChange(event)}\n              disabled={this.disabled}\n              ref={el => (this.selectElement = el as HTMLSelectElement)}\n              tabindex={this.disabled ? -1 : 0}\n            >\n              <option value=\"\" disabled selected={!this.internalValue}>\n                {this.placeholder}\n              </option>\n            </select>\n            <spw-icon class=\"spw-select__arrow\" icon=\"fa-chevron-down\"></spw-icon>\n          </div>\n          <slot />\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["spwFieldLabelCss","SpwFieldLabel","constructor","hostRef","this","label","required","handleClick","rootNode","el","getRootNode","targetElement","getElementById","name","focus","render","h","Host","key","class","htmlFor","onClick","spwGroupCss","SpwGroup","type","orientation","alignment","disabled","isReversed","isFullWidth","handleSlotChange","elements","_a","slotEl","assignedElements","Array","from","host","querySelectorAll","forEach","element","setAttribute","removeAttribute","componentDidLoad","groupClasses","ref","spwIconCss","SpwIcon","variant","iconClassName","icon","spwLinkCss","SpwLink","target","iconPosition","surface","ev","preventDefault","spwClick","emit","elementClass","href","rel","accAriaLabel","ariaAttributes","iconClass","iconElement","Object","assign","undefined","spwSeparatorCss","SpwSeparator","direction","thickness","width","height","style","rougeCss","bleuCss","bleuClairCss","vertCss","vertLegerCss","turquoiseCss","orangeCss","indigoCss","mauveCss","grisCss","themes","rouge","rougeTheme","bleu","bleuTheme","bleuClair","bleuClairTheme","vert","vertTheme","vertLeger","vertLegerTheme","orange","orangeTheme","turquoise","turquoiseTheme","indigo","indigoTheme","mauve","mauveTheme","gris","grisTheme","SpwThemeProvider","theme","componentWillLoad","applyTheme","componentWillUpdate","styleId","styleElement","document","createElement","id","head","appendChild","css","innerHTML","documentElement"],"sources":["src/components/spw-field-label/spw-field-label.scss?tag=spw-field-label&encapsulation=shadow","src/components/spw-field-label/spw-field-label.tsx","src/components/spw-group/spw-group.scss?tag=spw-group","src/components/spw-group/spw-group.tsx","src/components/spw-icon/spw-icon.scss?tag=spw-icon&encapsulation=shadow","src/components/spw-icon/spw-icon.tsx","src/components/spw-link/spw-link.scss?tag=spw-link&encapsulation=shadow","src/components/spw-link/spw-link.tsx","src/components/spw-separator/spw-separator.scss?tag=spw-separator&encapsulation=shadow","src/components/spw-separator/spw-separator.tsx","src/themes/rouge.css","src/themes/bleu.css","src/themes/bleu-clair.css","src/themes/vert.css","src/themes/vert-leger.css","src/themes/turquoise.css","src/themes/orange.css","src/themes/indigo.css","src/themes/mauve.css","src/themes/gris.css","src/themes/themes.ts","src/components/spw-theme-provider/spw-theme-provider.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-label {\n  color: var(--spw-color-themes-grey-grey-800);\n  display: block;\n  font-weight: 600;\n  @apply spw-tw-mb-2;\n  &__required {\n    color: var(--spw-ds-primary);\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-label',\n  styleUrl: 'spw-field-label.scss',\n  shadow: true,\n})\nexport class SpwFieldLabel {\n  /** L'attribut id de l'élément input */\n  @Prop() name: string;\n  /** Texte à afficher au-dessus du champ de saisie */\n  @Prop() label?: string = '';\n  /** Indique si le champ est requis */\n  @Prop() required?: boolean = false;\n\n  @Element() el: HTMLSpwFieldLabelElement;\n\n  private handleClick = () => {\n    const rootNode = this.el.getRootNode() as ShadowRoot | Document;\n    const targetElement = rootNode.getElementById(this.name);\n\n    if (targetElement) {\n      (targetElement as HTMLElement).focus();\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"spw-field-label\" htmlFor={this.name} onClick={this.handleClick}>\n          {this.label} {this.required && <span class=\"spw-field-label__required\">*</span>}\n        </label>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  width: 100%;\n}\n\n.spw-group {\n  spw-button:not[is-fullwidth-mobile='false'] {\n    display: block;\n    width: 100%;\n    @include breakpoint(md) {\n      display: initial;\n      width: auto;\n    }\n  }\n\n  &__container {\n    display: flex;\n    width: fit-content;\n\n    .spw-group--is-full-width & {\n      width: 100% !important;\n    }\n\n    @include breakpoint(md) {\n      align-items: center;\n    }\n    .spw-group--buttons & {\n      gap: 12px;\n      width: 100%;\n      @include breakpoint(md) {\n        width: fit-content;\n      }\n    }\n    .spw-group--checkboxes &,\n    .spw-group--radios & {\n      gap: 16px;\n    }\n    .spw-group--checkboxes.spw-group--horizontal &,\n    .spw-group--radios.spw-group--horizontal & {\n      gap: 16px;\n      @include breakpoint(md) {\n        gap: 24px;\n      }\n    }\n    .spw-group--buttons.spw-group--align-right.spw-group--horizontal & {\n      flex-direction: column;\n      @include breakpoint(md) {\n        flex-direction: row-reverse;\n      }\n    }\n    .spw-group--buttons.spw-group--align-left.spw-group--horizontal.spw-group--reversed & {\n      flex-direction: column-reverse;\n      @include breakpoint(md) {\n        flex-direction: row;\n      }\n    }\n  }\n\n  &--align-left {\n    .spw-group__container {\n      margin-right: auto;\n    }\n  }\n\n  &--align-center {\n    .spw-group__container {\n      margin-left: auto;\n      margin-right: auto;\n    }\n  }\n\n  &--align-right {\n    .spw-group__container {\n      margin-left: auto;\n    }\n  }\n\n  &--vertical {\n    .spw-group__container {\n      flex-direction: column;\n      align-items: flex-start;\n\n      .spw-group--align-center & {\n        align-items: center;\n      }\n\n      .spw-group--align-right & {\n        align-items: flex-end;\n      }\n    }\n  }\n\n  &--horizontal {\n    .spw-group__container {\n      flex-direction: column;\n      @include breakpoint(md) {\n        flex-direction: row;\n      }\n    }\n  }\n\n  &--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-group',\n  styleUrl: 'spw-group.scss',\n  shadow: false,\n})\nexport class SpwGroup {\n  @Element() host: HTMLSpwGroupElement;\n\n  /** Type d'éléments contenus dans le groupe (buttons, checkboxes, radios) */\n  @Prop() type: 'buttons' | 'checkboxes' | 'radios' = 'buttons';\n  /** Orientation du groupe (horizontal ou vertical) */\n  @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n  /** Alignement horizontal du groupe */\n  @Prop() alignment: 'left' | 'center' | 'right' = 'left';\n  /** Détermine si le groupe est désactivé */\n  @Prop() disabled: boolean = false;\n  /** Texte à afficher au-dessus de l'élément de formulaire */\n  @Prop() label: string = '';\n  /** Si `true`, le label comporte une astérisque */\n  @Prop() required?: boolean;\n  /** Si `true`, l'ordre des boutons est inversé en mobile (uniquement valable en cas d'alignement left) */\n  @Prop() isReversed?: boolean = false;\n  /** Attribut `name` de l'élément input */\n  @Prop() name: string;\n  /** Si vrai, le groupe prend toute la largeur */\n  @Prop() isFullWidth?: boolean = false;\n\n  private slotEl: HTMLSlotElement;\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  private handleSlotChange = () => {\n    const elements = this.slotEl?.assignedElements ? this.slotEl.assignedElements() : Array.from(this.host.querySelectorAll('*'));\n\n    elements.forEach(element => {\n      if (this.disabled) {\n        element.setAttribute('disabled', '');\n      } else {\n        element.removeAttribute('disabled');\n      }\n    });\n  };\n\n  private get groupClasses(): { [key: string]: boolean } {\n    return {\n      'spw-group': true,\n      'spw-group--horizontal': this.orientation === 'horizontal',\n      'spw-group--vertical': this.orientation === 'vertical',\n      'spw-group--reversed': this.isReversed,\n      'spw-group--disabled': this.disabled,\n      'spw-group--is-full-width': this.isFullWidth,\n      [`spw-group--${this.type}`]: true,\n      [`spw-group--align-${this.alignment}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.groupClasses}>\n          {this.label && <spw-field-label class=\"spw-tw-mb-3\" label={this.label} name={this.name} required={this.required}></spw-field-label>}\n          <div class=\"spw-group__container\">\n            <slot ref={el => (this.slotEl = el as HTMLSlotElement)}></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import url('./assets/fontawesome/css/all.min.css');\n\n:host {\n  line-height: 1;\n}\n\n.spw-icon.fa-solid,\n.spw-icon.fa-solid:before {\n  font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon.fa-brands,\n.spw-icon.fa-brands:before {\n  font-family: var(--spw-ds-font-icons-brands);\n}\n\n.spw-icon.fa-regular,\n.spw-icon.fa-regular:before {\n  font-weight: 400;\n  font-family: var(--spw-ds-font-icons-solid);\n}\n\n.spw-icon {\n  font-size: inherit;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-icon',\n  styleUrl: 'spw-icon.scss',\n  shadow: true,\n  assetsDirs: ['assets'],\n})\nexport class SpwIcon {\n  /** Permet de spécifier une référence d'icône Font Awesome */\n  @Prop() icon: string;\n  /** Permet de spécifier une variante de Font Awesome */\n  @Prop() variant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-solid';\n\n  render() {\n    const iconClassName = `spw-icon ${this.variant} ${this.icon}`;\n    return <i class={iconClassName}></i>;\n  }\n}\n",":host {\n  display: inline;\n  --spw-link-color: var(--spw-ds-primary);\n  --spw-link-hover-color: var(--spw-ds-variant);\n  --spw-link-active-color: var(--spw-ds-active);\n  --spw-link-padding: 6px;\n}\n\n.spw-link {\n  display: inline;\n  text-decoration: none;\n  cursor: pointer;\n  color: var(--spw-link-color);\n  border-radius: 4px;\n  font-weight: 700;\n  &--surface-dark {\n    color: var(--spw-ds-white);\n  }\n\n  &__inner {\n    display: inline;\n    border-bottom: 1px solid var(--spw-link-color);\n    .spw-link--surface-dark & {\n      border-bottom: 1px solid var(--spw-ds-white);\n    }\n  }\n\n  &:focus-visible {\n    outline-offset: 2px;\n    outline: 3px solid black;\n  }\n\n  &:hover {\n    color: var(--spw-link-hover-color);\n    .spw-link__inner {\n      border-bottom: 2px solid var(--spw-link-hover-color);\n    }\n  }\n\n  &:active {\n    color: var(--spw-link-active-color);\n    .spw-link__inner {\n      border-bottom: 2px solid var(--spw-link-active-color);\n    }\n  }\n\n  &[aria-disabled='true'] {\n    pointer-events: none;\n    color: var(--spw-color-themes-grey-grey-600);\n    cursor: not-allowed;\n  }\n\n  &--surface-dark {\n    &:hover {\n      color: var(--spw-ds-white);\n      .spw-link__inner {\n        border-bottom: 2px solid var(--spw-ds-white);\n      }\n    }\n\n    &:active {\n      color: var(--spw-ds-white);\n      .spw-link__inner {\n        border-bottom: 2px solid var(--spw-ds-white);\n      }\n    }\n\n    &[aria-disabled='true'] {\n      color: var(--spw-ds-white);\n      opacity: 0.5;\n    }\n  }\n\n  &--has-icon-right spw-icon {\n    margin-left: var(--spw-link-padding);\n    margin-right: 4px;\n  }\n\n  &--has-icon-left spw-icon {\n    margin-left: 4px;\n    margin-right: var(--spw-link-padding);\n  }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'spw-link',\n  styleUrl: 'spw-link.scss',\n  shadow: true,\n})\nexport class SpwLink {\n  @Element() el: HTMLSpwLinkElement;\n\n  /** Spécifie le lien href */\n  @Prop() href: string;\n  /** Attribut target (détermine où ouvrir le lien) */\n  @Prop() target?: string = '_self';\n  /** Remplit l'attribut rel */\n  @Prop() rel?: string;\n  /** Si rempli, permet d'utiliser une référence d'icône font-awesome */\n  @Prop() icon?: string;\n  /** Position de l'icône à l'intérieur du lien (gauche ou droite) */\n  @Prop() iconPosition?: 'left' | 'right' = 'right';\n  /** Si désactivé, le lien n'est pas cliquable */\n  @Prop() disabled?: boolean = false;\n  /** Remplit l'attribut aria-label, utilisé à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Permet de choisir la surface d'arrière-plan du lien */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n\n  /** Événement déclenché lors du clic sur le lien */\n  @Event() spwClick: EventEmitter<MouseEvent>;\n\n  private onClick = (ev: MouseEvent) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      return;\n    }\n    this.spwClick.emit(ev);\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-link': true,\n      'spw-link--has-icon-right': this.icon && this.iconPosition === 'right',\n      'spw-link--has-icon-left': this.icon && this.iconPosition === 'left',\n      [`spw-link--surface-${this.surface}`]: true,\n      'spw-link--has-icon': !!this.icon,\n    };\n  }\n\n  render() {\n    const { href, rel, target, icon, iconPosition, accAriaLabel, disabled } = this;\n    const ariaAttributes = {\n      'aria-label': accAriaLabel,\n      'aria-disabled': disabled ? 'true' : null,\n    };\n\n    const iconClass = `spw-icon--${iconPosition}`;\n    const iconElement = icon ? <spw-icon class={iconClass} icon={icon}></spw-icon> : null;\n\n    return (\n      <a href={disabled ? undefined : href} rel={rel} target={target} class={this.elementClass} onClick={this.onClick} {...ariaAttributes}>\n        {iconPosition === 'left' && iconElement}\n        <div class=\"spw-link__inner\">\n          <slot></slot>\n        </div>\n        {iconPosition === 'right' && iconElement}\n      </a>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.spw-separator {\n  display: block;\n  border-width: 1px;\n\n  &--horizontal {\n    border-bottom-style: solid;\n    width: auto;\n    height: 0;\n  }\n\n  &--vertical {\n    border-right-style: solid;\n    width: 0;\n    height: auto;\n  }\n\n  &--dark {\n    border-color: var(--spw-colors-support-grey-grey-300);\n  }\n\n  &--light {\n    border-color: var(--spw-ds-white);\n  }\n\n  &--thickness-1 {\n    border-width: 1px;\n  }\n\n  &--thickness-2 {\n    border-width: 2px;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-separator',\n  styleUrl: 'spw-separator.scss',\n  shadow: true,\n})\nexport class SpwSeparator {\n  /** Permet de choisir la surface du séparateur (clair ou sombre) */\n  @Prop() surface: 'dark' | 'light' = 'dark';\n\n  /** Permet de définir la direction du séparateur */\n  @Prop() direction: 'vertical' | 'horizontal' = 'horizontal';\n\n  /** Définit l'épaisseur du séparateur */\n  @Prop() thickness: 1 | 2 = 1;\n\n  /** Largeur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() width: string = '100%';\n\n  /** Hauteur du séparateur (par défaut 100% si non spécifié) */\n  @Prop() height: string = '100%';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-separator': true,\n      [`spw-separator--${this.surface}`]: true,\n      [`spw-separator--${this.direction}`]: true,\n      [`spw-separator--thickness-${this.thickness}`]: true,\n    };\n  }\n\n  private get style(): { [key: string]: string } {\n    return {\n      width: this.direction === 'horizontal' ? `${this.width}px` : `${this.thickness}px`,\n      height: this.direction === 'vertical' ? `${this.height}px` : `${this.thickness}px`,\n    };\n  }\n\n  render() {\n    return <div class={this.elementClass} style={this.style}></div>;\n  }\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-red-red-500);\n  --spw-ds-variant: var(--spw-color-themes-red-red-700);\n  --spw-ds-active: var(--spw-color-themes-red-red-800);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-red-red-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-red-red-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-red-red-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-red-red-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-blue-blue-500);\n  --spw-ds-variant: var(--spw-color-themes-blue-blue-700);\n  --spw-ds-active: var(--spw-color-themes-blue-blue-800);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-blue-blue-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-blue-blue-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-blue-blue-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-blue-blue-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-light-blue-light-blue-600);\n  --spw-ds-variant: var(--spw-color-themes-light-blue-light-blue-800);\n  --spw-ds-active: var(--spw-color-themes-light-blue-light-blue-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-blue-light-blue-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-blue-light-blue-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-blue-light-blue-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-blue-light-blue-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-green-green-700);\n  --spw-ds-variant: var(--spw-color-themes-green-green-800);\n  --spw-ds-active: var(--spw-color-themes-green-green-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-green-green-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-green-green-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-green-green-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-green-green-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-light-green-light-green-700);\n  --spw-ds-variant: var(--spw-color-themes-light-green-light-green-800);\n  --spw-ds-active: var(--spw-color-themes-light-green-light-green-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-light-green-light-green-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-light-green-light-green-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-light-green-light-green-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-light-green-light-green-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-teal-teal-700);\n  --spw-ds-variant: var(--spw-color-themes-teal-teal-800);\n  --spw-ds-active: var(--spw-color-themes-teal-teal-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-teal-teal-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-teal-teal-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-teal-teal-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-teal-teal-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-orange-orange-700);\n  --spw-ds-variant: var(--spw-color-themes-orange-orange-800);\n  --spw-ds-active: var(--spw-color-themes-orange-orange-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-orange-orange-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-orange-orange-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-orange-orange-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-orange-orange-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-indigo-indigo-700);\n  --spw-ds-variant: var(--spw-color-themes-indigo-indigo-800);\n  --spw-ds-active: var(--spw-color-themes-indigo-indigo-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-indigo-indigo-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-indigo-indigo-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-indigo-indigo-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-indigo-indigo-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-purple-purple-500);\n  --spw-ds-variant: var(--spw-color-themes-purple-purple-800);\n  --spw-ds-active: var(--spw-color-themes-purple-purple-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-purple-purple-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-purple-purple-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-purple-purple-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-purple-purple-800);\n}\n","@import '_base.css';\n\n:root {\n  --spw-ds-primary: var(--spw-color-themes-grey-grey-500);\n  --spw-ds-variant: var(--spw-color-themes-grey-grey-800);\n  --spw-ds-active: var(--spw-color-themes-grey-grey-900);\n  --spw-ds-cta-outlined-bg-hover: var(--spw-color-themes-grey-grey-50);\n  --spw-ds-cta-outlined-stroke-hover: var(--spw-color-themes-grey-grey-700);\n  --spw-ds-cta-outlined-bg-active: var(--spw-color-themes-grey-grey-100);\n  --spw-ds-cta-outlined-stroke-active: var(--spw-color-themes-grey-grey-800);\n}\n","import rougeTheme from './rouge.css';\nimport bleuTheme from './bleu.css';\nimport bleuClairTheme from './bleu-clair.css';\nimport vertTheme from './vert.css';\nimport vertLegerTheme from './vert-leger.css';\nimport turquoiseTheme from './turquoise.css';\nimport orangeTheme from './orange.css';\nimport indigoTheme from './indigo.css';\nimport mauveTheme from './mauve.css';\nimport grisTheme from './gris.css';\n\nexport const themes = {\n  rouge: rougeTheme,\n  bleu: bleuTheme,\n  bleuClair: bleuClairTheme,\n  vert: vertTheme,\n  vertLeger: vertLegerTheme,\n  orange: orangeTheme,\n  turquoise: turquoiseTheme,\n  indigo: indigoTheme,\n  mauve: mauveTheme,\n  gris: grisTheme,\n};\n\nexport type SpwTheme = keyof typeof themes;\n","import { Component, Prop, h, Element } from '@stencil/core';\nimport { themes, SpwTheme } from '@themes/themes';\n\n@Component({\n  tag: 'spw-theme-provider',\n  shadow: false,\n})\nexport class SpwThemeProvider {\n  /** Définit le thème employé, conditionne les tokens associés au thème */\n  @Prop() theme: SpwTheme = 'rouge';\n\n  @Element() el: HTMLSpwThemeProviderElement;\n\n  componentWillLoad() {\n    this.applyTheme(this.theme);\n  }\n\n  componentWillUpdate() {\n    this.applyTheme(this.theme);\n  }\n\n  private applyTheme(theme: SpwTheme) {\n    const styleId = 'theme-styles';\n    let styleElement = document.getElementById(styleId) as HTMLStyleElement;\n\n    if (!styleElement) {\n      styleElement = document.createElement('style');\n      styleElement.id = styleId;\n      document.head.appendChild(styleElement);\n    }\n\n    const css = themes[theme];\n    styleElement.innerHTML = css;\n\n    document.documentElement.setAttribute('data-theme', theme);\n  }\n\n  render() {\n    return (\n      <main class={`spw-theme-${this.theme}`}>\n        <slot />\n      </main>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}