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

package/dist/esm/spw-modal.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-modal.entry.js","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    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\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 path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\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"],"names":[],"mappings":"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"}
+{"version":3,"file":"spw-modal.entry.js","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  padding-top: 12px;\n  ::slotted([slot='buttons']) {\n    padding: 24px;\n    padding-top: 0;\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    window.addEventListener('click', this.handleClick, { capture: true });\n    window.addEventListener('click', this.handleClose, { capture: true });\n    window.addEventListener('keydown', this.handleKeypress);\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('click', this.handleClick);\n    window.removeEventListener('click', this.handleClose);\n    window.removeEventListener('keydown', this.handleKeypress);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    const path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-trigger')) as HTMLElement | undefined;\n\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 path = event.composedPath() as HTMLElement[];\n    const trigger = path.find(el => el instanceof HTMLElement && el.hasAttribute?.('data-modal-close')) as HTMLElement | undefined;\n\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    this.stopAllVideos();\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 stopAllVideos() {\n    const iframes = this.hostElement.querySelectorAll('iframe');\n    iframes.forEach(iframe => {\n      iframe.src = iframe.src;\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"],"names":[],"mappings":"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"}

package/dist/esm/spw-mosaic-item.entry.js

@@ -20,7 +20,7 @@ const SpwMosaicItem = class {
         this.el.style.setProperty('--spw-mosaic-item-width-desktop', `calc(100% / ${colsDesktop})`);
     }
     render() {
-        return (h(Host, { key: '8365d1a1a94853460fd1f913f4aa921d42b8ad4a' }, h("slot", { key: 'dc72dc456aeb0f362946eb58099cf497b510a1a3' })));
+        return (h(Host, { key: 'c726f2de1d38182ed770c2d04d009c70dd66154a' }, h("slot", { key: 'b3bc026c63f237dbe70c3af28358db7210419a2d' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-mosaic.entry.js

@@ -2508,7 +2508,7 @@ const SpwMosaic = class {
         };
     }
     render() {
-        return (h(Host, { key: 'bc3c436b4a65d6060d443081412198acbeedef49' }, h("div", { key: '144bf0604f5ad620f29258ab5db30c20c218eae4', class: this.elementClass }, h("slot", { key: 'd36edc7d7e4c6de72cdd474d2843097bbeb817f8' }))));
+        return (h(Host, { key: '117e400a488b8924e1a5932a113a2b708ed6d996' }, h("div", { key: 'c8baead6cfd55eb34298997107b85667acbf577f', class: this.elementClass }, h("slot", { key: 'fb8948e5e1db602c7309505660e647e615c1a8f8' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/spw-pagination.entry.js

@@ -151,12 +151,12 @@ const SpwPagination = class {
         const pages = this.calculatePageRange();
         const showPrevArrow = this.currentPage > 1;
         const showNextArrow = this.currentPage < this.totalPages;
-        const prevArrow = showPrevArrow && (h("li", { key: '47f028f4bd7c5ed6ff076213d34d08216d705e90', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '5b6026d032d74e0a7b139b8ae3db760d67aa74b4', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '6466354187f9541cba8793b0509c7e76356557f8', icon: "fa-chevron-left" }), " ", h("span", { key: '095eec25666905fce17e231b3de63ad4f3e523c1', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrow = showNextArrow && (h("li", { key: 'd4ea69bbe44d95006f9d904bb30b8754ad4e4df0', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '12887f98896dd8ede65447323fd73f6176c41bad', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: 'b4c75d6cc0c68f834cbd2294b765682f7014fcac', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '0639db5f0a4c1b25ef3b13c429d2c0175be04eb9', icon: "fa-chevron-right" }))));
-        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: '5fa323f4800f3f1033212fdc4f9166f8b87b007d', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'd70f07744f63e406601698dfabff490ae76f293d', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: '28480655c548fecd15f2885abbc1e0196ccc7ba7', icon: "fa-chevron-left" }), " ", h("span", { key: 'b70c8075628b226dca49c7c2d803813b39a3ee48' }, "Pr\u00E9c\u00E9dent"))));
-        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: '4ae05fe2b64002fdf8f7d6b45bbe711861a49e7c', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '6d8ef3a8bf364fb9c9cbd537595537b943d46ed8', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: 'e882c4c4e286a3dd03b25d27346dbd2bd87c5fb8' }, "Suivant"), " ", h("spw-icon", { key: 'dc8b1339f87ffc4cc0af9cd8d451d904d51961a8', icon: "fa-chevron-right" }))));
-        const mobileArrows = (h("ul", { key: 'c20100c57e7c6d3baba08613cbe8a6dd49d24556', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
-        return (h(Host, { key: '98aac82c059aa930d11e6f8039f14e85c7074f57' }, h("div", { key: '9a2b54df66da17db256e2b2a66d7f2455cbd5b7d', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '18042de5a676f31d67520008c3fc84d5737f6958' }, h("ul", { key: 'e09e1a88994f1aae1ec0552d71ee774a0355b55d' }, prevArrow, h("li", { key: 'a3108fbc5474848124d577df75830445ab8dfdc9', class: "spw-pagination__input" }, h("spw-text-field", { key: 'e7610b00f51bdf4e422906ee0c237a887c9fdc9f', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled, style: { width: this.calculateWidth() } })), h("li", { key: '429dc9dc3e816a76f6ea528fe735d987ba6d1e15', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " pages"), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: 'f05e997578fdfb98dd2b05ca8369e71bf48e0a32' }, h("ul", { key: '6802f35dc7987d01c5a6f13975e9fab358c6ba44' }, prevArrow, pages.map(({ page, class: pageClass }) => {
+        const prevArrow = showPrevArrow && (h("li", { key: '23e8fe7cb9bf88f35c1f1f99a3c6bcaa7af2fc96', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '6a647a7f177e3889cdcd190dddbbd5885dccc892', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'd4fae743d7651d8e95dbe7a221275d9be131185b', icon: "fa-chevron-left" }), " ", h("span", { key: '3be1084c190aeb0a9ba59d0ba2068d5eb7dc0e21', class: "spw-pagination__item-arrow-text" }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrow = showNextArrow && (h("li", { key: '3256bbafc49646f669217c2d7282eceea1c1ac9c', class: "spw-pagination__item spw-pagination__item--desktop spw-pagination__item--arrow" }, h("button", { key: '02e3536426a160343e0e0b34f140ae3e457c513c', onClick: () => this.goToPage(this.currentPage + 1) }, h("span", { key: '26a62ad836a7131c780963c5ab5e95f178cc2343', class: "spw-pagination__item-arrow-text" }, "Suivant"), " ", h("spw-icon", { key: '0431aa80be22ce6585cf68766a225d0a8844aa27', icon: "fa-chevron-right" }))));
+        const prevArrowMobile = this.currentPage > 1 && (h("li", { key: 'b5a3c4e674f893d4c8334dfa477003af35853532', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: '13427b7d0284a79d2c832de2dbbce46eb055d300', onClick: () => this.goToPage(this.currentPage - 1) }, h("spw-icon", { key: 'a32885548c3dabefd4907138dc676e9c6c1ef436', icon: "fa-chevron-left" }), " ", h("span", { key: 'c8ec154db3bb084a1cc3fe42de20fdeee18e8050' }, "Pr\u00E9c\u00E9dent"))));
+        const nextArrowMobile = this.currentPage < this.totalPages && (h("li", { key: 'e85fc334e74d0924f74f1ad6b8f748291917c378', class: "spw-pagination__item spw-pagination__item--arrow" }, h("button", { key: 'b9f9150062da23f9a86651d7e967343781887627', onClick: () => this.goToPage(this.currentPage + 1), disabled: this.currentPage >= this.totalPages }, h("span", { key: '6b9cfe60c786a19eacdd8457b82b6182d7cee3ab' }, "Suivant"), " ", h("spw-icon", { key: '0862e8d7e6ae9097e5221643e86638b0e79b5363', icon: "fa-chevron-right" }))));
+        const mobileArrows = (h("ul", { key: 'f7efec01971ca4afeedfee572c82f8957c470e2b', class: "spw-pagination__mobile-arrows" }, prevArrowMobile, nextArrowMobile));
+        return (h(Host, { key: '04b18ee37c26515723429eb4844f1609d587b7e8' }, h("div", { key: '4a8a8484cdf6506f9b6fffd64cba8b433d7f95d6', class: this.getPaginationClass() }, this.variant === 'input' && (h(Fragment, { key: '54dedb6e5d280a02aa652f6ca703cfd784c0565f' }, h("ul", { key: '53aa2e0bec339e9f6a0625f8c055637166090933' }, prevArrow, h("li", { key: '92df3c5a2fb15a9e02d3e47be5dbbc65a81e704b', class: "spw-pagination__input" }, h("spw-text-field", { key: '39205d9ce11a9a84b1e75f33efe605e80cd4b409', value: this.inputPageValue, type: "text", onInput: event => this.handleInputChange(event), onKeyDown: event => this.handleKeyDown(event), disabled: this.isDisabled, style: { width: this.calculateWidth() } })), h("li", { key: '6700f9ec12c9311d7bb49feba4674735ac45074f', class: "spw-pagination__total-pages" }, "sur ", this.totalPages, " pages"), nextArrow), mobileArrows)), this.variant === 'numbers' && (h(Fragment, { key: '7e1b28fe5ab3d9451b88e90eb7bda30522b305f4' }, h("ul", { key: '4e0c92397b92fd9247db02b3915ea430e40c7001' }, prevArrow, pages.map(({ page, class: pageClass }) => {
             if (page === '...') {
                 return (h("li", { class: `spw-pagination__item spw-pagination__item--dots ${pageClass}` }, h("spw-icon", { icon: "fa-ellipsis" })));
             }

package/dist/esm/spw-radio.entry.js

@@ -93,7 +93,7 @@ const SpwRadio = class {
     render() {
         const slot = this.el.innerHTML;
         const hasSlot = Boolean(slot);
-        return (h("div", { key: '23f27963f198a9c1c41ae51c71c0deaac0bf93ae', class: "spw-radio" }, h("input", { key: '111c694dbd35aa1b43c9a096b9a5aa10fa158e9b', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '1b5788bb6480911de708ea77acba662452c40a7d', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: 'a7cc7972d1540d4246361dbdab1d9d39758f3b49' }))), h("div", { key: '10cae38eb5a9374c8a174133161a7b628d0eac7d', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'f8d86050c3a0074dc24f3b375ef7637da71831e3', class: "spw-radio__circle" }))));
+        return (h("div", { key: 'baa7577a2208b0068e8b645ace6a526097662795', class: "spw-radio" }, h("input", { key: '98eafc01aad495f34f06ddea944315614214deeb', type: "radio", ref: el => (this.inputElement = el), checked: this.internalChecked, onChange: this.handleRadio.bind(this), name: this.name, value: this.value, disabled: this.disabled, style: { display: 'none' } }), hasSlot && (h("label", { key: '12bbed6c31f0ef2e7273ba7ae5a44171f1442b84', class: `spw-radio__label ${this.disabled ? 'spw-radio__label--disabled' : ''}`, onClick: this.handleRadio.bind(this) }, h("slot", { key: '4212bdb0eb06dfc1f55f29f13b57cb3520a0e9d5' }))), h("div", { key: 'a1b30aec9156411cd9859c514785abbc3b76c6aa', tabIndex: this.disabled ? -1 : 0, onClick: this.handleRadio.bind(this), onKeyDown: this.handleKeydown.bind(this), role: "radio", "aria-checked": this.internalChecked, "aria-disabled": this.disabled, "aria-labelledby": "label", class: this.elementClass }, this.internalChecked && h("span", { key: 'eed4894d706357d7f230b89b03ba199dfb85ca6e', class: "spw-radio__circle" }))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/spw-search-field.entry.js

@@ -136,10 +136,10 @@ const SpwSearchField = class {
         };
     }
     render() {
-        return (h("div", { key: '037fce48e29e21c5bbbf3ebbc295f373bcedf551', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: '852e859d942dd5958414e3d9fd3c11bd3f8a9bd3', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onInput: event => this.handleSearchInput(event), onKeyDown: event => this.handleKeyDown(event) }), this.isOpen && !!this.items && (h("div", { key: '56212d513f96c8a6185b724edb70778a0b4250d7', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '953a63a6b9b1eb2e0b76c0c8d162665d68c8ea19' }, this.filteredItems.map((item, index) => (h("li", { class: {
+        return (h("div", { key: 'f3cd48c80c32587805de72f3a660e52dffa8e17a', ref: el => (this.hostElement = el), class: this.elementClass }, h("spw-text-field", { key: 'c26ce464161f090dfc9ea2adb9e365e4bda12919', placeholder: this.placeholder, name: this.name, label: this.label, size: this.size, "is-search": true, "is-clear": true, required: this.required, disabled: this.disabled, assistiveText: this.assistiveText, value: this.searchText, onInput: event => this.handleSearchInput(event), onKeyDown: event => this.handleKeyDown(event) }), this.isOpen && !!this.items && (h("div", { key: 'c7ca8245c7c6fcee65897d335234cefd97429409', class: `spw-search-field__options spw-search-field__options--${this.dropdownDirection}` }, !!this.filteredItems.length && (h("ul", { key: '5f80870d7304e8cd3c0a781a77b1c9fcf8eb0592' }, this.filteredItems.map((item, index) => (h("li", { class: {
                 'spw-search-field__option': true,
                 'spw-search-field__option--focused': index === this.focusedItemIndex,
-            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: '0d01a2ce29dc6192bfd35886546c5525ebaf6b2a', class: "spw-search-field__no-results" }, "Pas de r\u00E9sultats.")))));
+            }, onClick: () => this.selectItem(item) }, this.highlightMatch(item.label), " ", item.category && h("span", { class: "spw-tw-italic" }, " - ", item.category)))))), !this.filteredItems.length && h("p", { key: 'b1970a37534fed8358ec30cc62d07badc45bff9e', class: "spw-search-field__no-results" }, "Pas de r\u00E9sultats.")))));
     }
     static get watchers() { return {
         "items": ["parseItems"]

package/dist/esm/spw-sidebar-navigation-dropdown.entry.js

@@ -15,7 +15,7 @@ const SpwSidebarNavigationDropdown = class {
         };
     }
     render() {
-        return (h(Host, { key: '5bb4c4d5d072c8316c10ce3d929f1dcdfe3c5adb', class: this.classes }, h("div", { key: '9899717583b8e8e3781b8b9df3cc6a66a717bc1e', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: '30d7fd1508a017b449c3d8935ae27de4aa44c689' }))));
+        return (h(Host, { key: '3856d77e8803085928919315aff1997af803d318', class: this.classes }, h("div", { key: '6ce3b93698efcc4d187a5b49108648735140487d', class: "spw-sidebar-navigation-dropdown__content", style: { display: this.open ? 'block' : 'none' } }, h("slot", { key: 'c975c7f2b9e3c57e0d85a53a50f78b87d58e9362' }))));
     }
 };
 SpwSidebarNavigationDropdown.style = spwSidebarNavigationDropdownCss;

package/dist/esm/spw-sidebar-navigation-item.entry.js

@@ -95,14 +95,14 @@ const SpwSidebarNavigationItem = class {
     }
     render() {
         const Tag = this.href && !this.disabled ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: 'dabfdd32727f276bdddab2cdde42f4568ec92e06', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: '969810425a905e1aec78a1d5d1f66b50b0102201', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '96865d1a920cd4f3246f2be6b3e65c896e942fbd', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const iconContent = h("spw-icon", { key: '2f9860be47d53d7bfa9be6e901ce515682aed40c', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '740859f0b9ef998cfb5a0412347c6cd0b574e930', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '8ea56c6f135f052bc237df0690ec601f1a5a5744', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (h(Tag, { key: '6c120ab2da26bf9b82b32af748ad714684ee3c10', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: '743aa1a6b947057a4284f58435340c9fff6e64cc', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'fe53ef13f071f002c9201d72a42f9c3905db9b41', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'dbd51ed71b275a620185115627391cb7809e26c8' })), this.hasDropdown && (h("div", { key: '09962e31d19b0d7712632bffabcfc6995f13f29b', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '4260ee8ed22a8cdefe3869a72cb166196e9237af', icon: "fa-chevron-down" }))), h("slot", { key: 'ba880e8caeb677658f3ff5b958a0ba3e58f667b4', name: "dropdown" }))));
+        return (h(Tag, { key: 'fb6661be9c90aeeba52d5dee1e0d42c32d605ae1', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: 'a8c78fa983e0a2eef8eb76e0a25e25ec431545dd', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '8296bb1500b0a3832c3afd9e52e83a3f60be91d4', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '1d08db1184d912b80b1fc27e852ad46428fcd1a2' })), this.hasDropdown && (h("div", { key: '676a39dbbb3b1b0a7a3f32df2bf43fe7cc644d99', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: 'b8bfa8d5f5355b5f3e876e232f72ae8464a73600', icon: "fa-chevron-down" }))), h("slot", { key: '1a77b8dc78652576d29da9620eae9450ead62a25', name: "dropdown" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-sidebar-navigation-separator.entry.js

@@ -7,7 +7,7 @@ const SpwSidebarNavigationSeparator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '9030a713fced024824ededbddb86628a0753e032' }, h("spw-separator", { key: '11c9773566b334c2a84445a0d6bf80642e2fd2e9', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '5931190d536fcfad890d75a47587ed301507542a' }, h("spw-separator", { key: '8b1e73c9f463260683c3c3e5dd60640f0165406f', class: "spw-sidebar-navigation-separator" })));
     }
 };
 SpwSidebarNavigationSeparator.style = spwSidebarNavigationSeparatorCss;

package/dist/esm/spw-sidebar.entry.js

@@ -54,7 +54,7 @@ const SpwSidebar = class {
         };
     }
     render() {
-        return (h(Host, { key: '3651751da961183a810f074862fa47a590321682', class: this.hostClass }, h("div", { key: '03b54730865f00c70c7bae8d5af95f400f1e7e4e', class: this.elementClass }, h("span", { key: '7b3d27cd5cf4d7c8b55817dc426b723c8cde4ae8', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'cb65ba33614d4148f8f73e70d6321fad0ef91954', icon: "fa-chevron-right" })), h("div", { key: '0f89e4ca758c10bbcb850f70e7cc19a2a5bbae7f', class: "spw-sidebar__content" }, h("slot", { key: 'b69c3fab7919df769a440ca3c0be0db796257c66', name: "navigation-top" }), h("slot", { key: '7d186fabbea93772c5e88fcb5c110c71baca7d8a', name: "navigation-bottom" })), h("div", { key: '9417dd63571253cc2c910d5959221c6096316dff', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'e8b5fe55c0a0bd0bf866cc5cad1da1a8b33ba792', class: this.hostClass }, h("div", { key: 'd9495832225a3008a17de912a79e53602110b5c0', class: this.elementClass }, h("span", { key: 'd5d37ddf70fceee382a5157ac4f468e4923d6a90', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '5bdd17e49970af56834efd8871c6b5d844189e1e', icon: "fa-chevron-right" })), h("div", { key: 'e372d08ee8ba3d55580bca0a63b554ec01a3719d', class: "spw-sidebar__content" }, h("slot", { key: 'a4d65d4fc323a58c5fa8346d79d8a54e304509fa', name: "navigation-top" }), h("slot", { key: '6484ae2e83756f473c7deab3574e3f747eed744f', name: "navigation-bottom" })), h("div", { key: '495e33ae7faf1aa1116412d876d1352a754c6e9b', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-skeleton.entry.js

@@ -46,7 +46,7 @@ const SpwSkeleton = class {
         }
     }
     render() {
-        return (h(Host, { key: '22571f5e3a8cad916a57ffc6e99de1299f2e1589' }, h("div", { key: '5ee5bedeb4f6895c9cef3de63b1b2a38aa0a982d', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '04639c72609237bb71cdbc0c23bc31b9633a7754' }))));
+        return (h(Host, { key: 'd09d57159d888a28edca9d579ee00fef11871279' }, h("div", { key: '6220d349418650cfb4dd368e692f85aa1b304b36', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: 'd830f7f5c7ed120e0aab5f81919947a26357fd5e' }))));
     }
 };
 SpwSkeleton.style = spwSkeletonCss;

package/dist/esm/spw-socials.entry.js

@@ -9,7 +9,7 @@ const SpwSocials = class {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'dba03ab06807ec83c0b6d1f2abcf4b3fa0a24f18' }, h("div", { key: '508da633398d08927609a34ac3e112aa1625fbe5', class: "spw-socials" }, h("div", { key: 'a990bb8724780f43f9a1040624867295a61a442e', class: "spw-ds-container" }, h("h2", { key: 'e73388436a17d4e809da35e64a67a33c74cc7be5', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '78535f42efbfa83b57c9a24e36e6901ec5025d51', class: "spw-socials__content" }, h("slot", { key: '56426642f7de50e4cdc0fde40e8962a012936594' }))))));
+        return (h(Host, { key: 'd2c120f651461ddbe1115d8e848b610132d3a287' }, h("div", { key: '200fabf8d9086a1686c5d296f7d456f46622cb27', class: "spw-socials" }, h("div", { key: '5e038715b91cdf5813b3c72d5d1f987ed06a6609', class: "spw-ds-container" }, h("h2", { key: '4d3fc6a5266625ad177c863b49318f89a3d3147f', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '2d86cbd2650709d0d56df013fda5b02fa7e929ef', class: "spw-socials__content" }, h("slot", { key: '1d911bbdf0cd21be24ed7189e7bd0a544032148d' }))))));
     }
 };
 SpwSocials.style = spwSocialsCss;

package/dist/esm/spw-stencil-library.js

@@ -17,7 +17,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"hasSearch\":[4,\"has-search\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"activePersona\":[32],\"options\":[32]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\"]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1]}]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"isZebra\":[4,\"is-zebra\"],\"currentSort\":[32]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]]]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"spw-cookies\",[[1,\"spw-cookies\",{\"cookiesTitle\":[1,\"cookies-title\"],\"cookiesDescription\":[1,\"cookies-description\"],\"acceptAllButtonText\":[1,\"accept-all-button-text\"],\"acceptRequiredButtonText\":[1,\"accept-required-button-text\"],\"isVisible\":[32],\"analyticsEnabled\":[32]}]]],[\"spw-iodda\",[[1,\"spw-iodda\",{\"items\":[32],\"currentPage\":[32],\"totalItems\":[32],\"isLoading\":[32],\"searchTerm\":[32],\"filters\":[32]}]]],[\"spw-custom-select\",[[65,\"spw-custom-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"items\":[1],\"size\":[1],\"multiple\":[4],\"isSearch\":[4,\"is-search\"],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32],\"isOpen\":[32],\"parsedOptions\":[32],\"focusedOptionIndex\":[32],\"searchText\":[32],\"dropdownDirection\":[32],\"hasSelectedValue\":[32]},null,{\"items\":[\"parseOptions\"],\"value\":[\"valueChangedHandler\"],\"internalValue\":[\"internalValueChanged\"]}]]],[\"spw-search-field\",[[1,\"spw-search-field\",{\"items\":[1],\"placeholder\":[1],\"size\":[1],\"label\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"assistiveText\":[1,\"assistive-text\"],\"filteredItems\":[32],\"searchText\":[32],\"isOpen\":[32],\"focusedItemIndex\":[32],\"dropdownDirection\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"spw-date-picker\",[[65,\"spw-date-picker\",{\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disabledDays\":[1,\"disabled-days\"],\"disabledDates\":[16],\"position\":[1],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"assistiveText\":[1,\"assistive-text\"],\"range\":[4],\"rangeId\":[1,\"range-id\"],\"isStart\":[4,\"is-start\"],\"isOpen\":[32],\"hasError\":[32],\"internalError\":[32],\"internalValue\":[32],\"open\":[64],\"close\":[64],\"setDate\":[64],\"getDate\":[64],\"getRange\":[64]},null,{\"value\":[\"watchValue\"],\"disabled\":[\"watchDisabled\"]}]]],[\"spw-file-upload\",[[65,\"spw-file-upload\",{\"disabled\":[4],\"error\":[4],\"name\":[1],\"value\":[1],\"enableDropZone\":[4,\"enable-drop-zone\"],\"multiple\":[4],\"accept\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"internalValue\":[32],\"selectedFiles\":[32],\"fileTypeErrors\":[32],\"fileLimitErrors\":[32],\"isDragging\":[32],\"isMaxFilesReachedExact\":[32],\"resetInput\":[64]}]]],[\"spw-header\",[[1,\"spw-header\",{\"siteTitle\":[1,\"site-title\"],\"borderColor\":[1,\"border-color\"],\"hasWallonieLogo\":[4,\"has-wallonie-logo\"],\"hasMaWallonie\":[4,\"has-ma-wallonie\"],\"maWallonieLabel\":[1,\"ma-wallonie-label\"],\"maWallonieLink\":[1,\"ma-wallonie-link\"],\"hasWallonieBe\":[4,\"has-wallonie-be\"],\"wallonieBeLabel\":[1,\"wallonie-be-label\"],\"wallonieBeLink\":[1,\"wallonie-be-link\"],\"hasSearch\":[4,\"has-search\"],\"searchCloseLabel\":[1,\"search-close-label\"],\"searchOpenLabel\":[1,\"search-open-label\"],\"menuCloseLabel\":[1,\"menu-close-label\"],\"menuOpenLabel\":[1,\"menu-open-label\"],\"isMenuOpen\":[32],\"isSearchOpen\":[32]}]]],[\"spw-header-lang\",[[1,\"spw-header-lang\",{\"activeLang\":[32],\"options\":[32]}]]],[\"spw-select\",[[65,\"spw-select\",{\"value\":[1544],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"items\":[16],\"itemLabel\":[1,\"item-label\"],\"itemValue\":[1,\"item-value\"],\"internalValue\":[32]},null,{\"items\":[\"handleItemsChange\"]}]]],[\"spw-textarea\",[[65,\"spw-textarea\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"rows\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"internalValue\":[32]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-breadcrumb-item\",[[1,\"spw-breadcrumb-item\",{\"href\":[1],\"surface\":[32]},null,{\"surface\":[\"surfaceChanged\"]}]]],[\"spw-message\",[[1,\"spw-message\",{\"variant\":[1],\"messageId\":[1,\"message-id\"],\"isDismissable\":[4,\"is-dismissable\"],\"dismissableText\":[1,\"dismissable-text\"],\"messageTitle\":[1,\"message-title\"],\"isVisible\":[32]}]]],[\"spw-sidebar-navigation-item\",[[4,\"spw-sidebar-navigation-item\",{\"href\":[1],\"icon\":[1],\"active\":[4],\"disabled\":[4],\"bubble\":[1],\"tooltipTitle\":[1,\"tooltip-title\"],\"iconVariant\":[1,\"icon-variant\"],\"hasDropdown\":[32],\"dropdownOpen\":[32],\"navExpanded\":[32]}]]],[\"spw-table-header\",[[1,\"spw-table-header\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"padding\":[1],\"columnId\":[1,\"column-id\"],\"sortable\":[4],\"sortDirection\":[1,\"sort-direction\"],\"isSorted\":[4,\"is-sorted\"],\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"]}]]],[\"spw-tabs-navigation-item\",[[1,\"spw-tabs-navigation-item\",{\"tabId\":[1,\"tab-id\"],\"active\":[4],\"disabled\":[4],\"bubble\":[4],\"hasEllipsis\":[4,\"has-ellipsis\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"slotText\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"spw-card-image\",[[1,\"spw-card-image\",{\"label\":[1]}]]],[\"spw-header-navigation\",[[1,\"spw-header-navigation\",{\"level\":[32],\"element\":[32]},[[2,\"spwHeaderNavigationNavigate\",\"handleNavigation\"]]]]],[\"spw-header-navigation-item\",[[1,\"spw-header-navigation-item\",{\"isActive\":[4,\"is-active\"],\"internalIsActive\":[32],\"hasSubnav\":[32],\"level\":[32],\"isSubnavVisible\":[32],\"lastClickedLevel1Item\":[32],\"isMobile\":[32]}]]],[\"spw-header-persona\",[[1,\"spw-header-persona\",{\"personaLabel\":[1,\"persona-label\"],\"activePersona\":[32],\"options\":[32]}]]],[\"spw-hero\",[[1,\"spw-hero\",{\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"],\"surface\":[1],\"hasPictureFull\":[4,\"has-picture-full\"],\"hasVideo\":[4,\"has-video\"],\"modalVideoId\":[1,\"modal-video-id\"],\"variant\":[1],\"alignment\":[1],\"overlayOpacity\":[2,\"overlay-opacity\"]}]]],[\"spw-list-item\",[[1,\"spw-list-item\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"],\"category\":[1],\"categoryLink\":[1,\"category-link\"],\"categoryIcon\":[1,\"category-icon\"],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"],[1,\"touchstart\",\"onTouchStart\"],[1,\"touchend\",\"onTouchEnd\"],[1,\"mousedown\",\"onMouseDown\"],[1,\"mouseup\",\"onMouseUp\"],[0,\"blur\",\"onBlur\"],[0,\"focus\",\"onFocus\"]]]]],[\"spw-list-title\",[[1,\"spw-list-title\",{\"icon\":[1],\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-modal\",[[1,\"spw-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"stickyButtons\":[4,\"sticky-buttons\"],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32],\"closeModal\":[64],\"openModal\":[64]},null,{\"opened\":[\"openedChanged\"]}]]],[\"spw-sidebar\",[[1,\"spw-sidebar\",{\"defaultExpanded\":[4,\"default-expanded\"],\"expanded\":[32],\"hasTopbar\":[32]}]]],[\"spw-sidebar-navigation-separator\",[[1,\"spw-sidebar-navigation-separator\"]]],[\"spw-tabs-navigation\",[[1,\"spw-tabs-navigation\",{\"showLeftArrow\":[32],\"showRightArrow\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"spw-tag\",[[1,\"spw-tag\",{\"variant\":[1],\"surface\":[1],\"hasIcon\":[4,\"has-icon\"],\"href\":[1],\"target\":[1],\"size\":[1]}]]],[\"spw-tile\",[[1,\"spw-tile\",{\"variant\":[1],\"href\":[1],\"target\":[1],\"imageSrc\":[1,\"image-src\"],\"imageAlt\":[1,\"image-alt\"]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-breadcrumb\",[[1,\"spw-breadcrumb\",{\"variant\":[1],\"surface\":[1],\"fontSize\":[1,\"font-size\"]}]]],[\"spw-card\",[[1,\"spw-card\",{\"variant\":[1],\"elementType\":[1,\"element-type\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"dateStart\":[1,\"date-start\"],\"dateEnd\":[1,\"date-end\"],\"fullHeight\":[4,\"full-height\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"hasImage\":[32]},[[0,\"slotchange\",\"slotChanged\"],[1,\"mouseenter\",\"onMouseEnter\"],[1,\"mouseleave\",\"onMouseLeave\"]]]]],[\"spw-card-content\",[[1,\"spw-card-content\",{\"tag\":[1],\"date\":[1],\"hasImage\":[32]}]]],[\"spw-card-excerpt\",[[1,\"spw-card-excerpt\",{\"lineClamp\":[8,\"line-clamp\"]}]]],[\"spw-card-subtag-item\",[[1,\"spw-card-subtag-item\",{\"link\":[1]}]]],[\"spw-card-subtags\",[[4,\"spw-card-subtags\",{\"variant\":[1]}]]],[\"spw-card-title\",[[1,\"spw-card-title\",{\"borderColor\":[1,\"border-color\"]}]]],[\"spw-dropdown\",[[1,\"spw-dropdown\",{\"direction\":[1],\"hasPadding\":[4,\"has-padding\"],\"contentWidth\":[2,\"content-width\"],\"open\":[1540],\"isVisible\":[32],\"close\":[64]},null,{\"open\":[\"onOpenChange\"]}]]],[\"spw-footer\",[[1,\"spw-footer\",{\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"]},null,{\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-footer-bottom\",[[1,\"spw-footer-bottom\",{\"siteTitle\":[1,\"site-title\"]}]]],[\"spw-footer-content\",[[1,\"spw-footer-content\"]]],[\"spw-footer-content-col\",[[1,\"spw-footer-content-col\",{\"colTitle\":[1,\"col-title\"]}]]],[\"spw-footer-link\",[[1,\"spw-footer-link\",{\"href\":[1],\"target\":[1]}]]],[\"spw-header-lang-item\",[[1,\"spw-header-lang-item\",{\"active\":[516]}]]],[\"spw-header-navigation-dropdown\",[[1,\"spw-header-navigation-dropdown\"]]],[\"spw-header-persona-item\",[[1,\"spw-header-persona-item\",{\"active\":[516]}]]],[\"spw-illustration\",[[1,\"spw-illustration\",{\"variant\":[1],\"width\":[1],\"height\":[1],\"alt\":[1]}]]],[\"spw-list\",[[1,\"spw-list\",{\"gap\":[1],\"surface\":[1]},[[0,\"slotchange\",\"slotChanged\"]]]]],[\"spw-list-description\",[[1,\"spw-list-description\",{\"lineClamp\":[1,\"line-clamp\"]}]]],[\"spw-mosaic\",[[1,\"spw-mosaic\",{\"items\":[8],\"isMasonry\":[4,\"is-masonry\"],\"colsMobile\":[2,\"cols-mobile\"],\"colsTablet\":[2,\"cols-tablet\"],\"colsDesktop\":[2,\"cols-desktop\"],\"initialized\":[32],\"waitForImages\":[64],\"initializeMasonry\":[64]},null,{\"items\":[\"itemsChanged\"],\"isMasonry\":[\"isMasonryChanged\"],\"colsMobile\":[\"configurationChanged\"],\"colsTablet\":[\"configurationChanged\"],\"colsDesktop\":[\"configurationChanged\"]}]]],[\"spw-mosaic-item\",[[1,\"spw-mosaic-item\",{\"classString\":[32]}]]],[\"spw-radio\",[[65,\"spw-radio\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"name\":[1],\"value\":[1],\"internalChecked\":[32],\"setChecked\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-sidebar-navigation-dropdown\",[[4,\"spw-sidebar-navigation-dropdown\",{\"open\":[1028]}]]],[\"spw-socials\",[[1,\"spw-socials\",{\"mainTitle\":[1,\"main-title\"]}]]],[\"spw-table\",[[1,\"spw-table\",{\"accAriaLabel\":[1,\"acc-aria-label\"],\"isSticky\":[4,\"is-sticky\"],\"maxHeight\":[1,\"max-height\"],\"minWidth\":[1,\"min-width\"],\"isZebra\":[4,\"is-zebra\"],\"currentSort\":[32]},[[0,\"spwHeaderClick\",\"handleHeaderClick\"]]]]],[\"spw-table-body\",[[1,\"spw-table-body\",{\"isZebra\":[516,\"is-zebra\"],\"updateZebraStyles\":[64]}]]],[\"spw-table-cell\",[[1,\"spw-table-cell\",{\"colspan\":[2],\"headers\":[1],\"rowspan\":[2],\"isHighlighted\":[4,\"is-highlighted\"],\"textAlign\":[1,\"text-align\"],\"verticalAlign\":[1,\"vertical-align\"],\"width\":[1],\"padding\":[1]}]]],[\"spw-table-footer\",[[1,\"spw-table-footer\"]]],[\"spw-table-head\",[[1,\"spw-table-head\"]]],[\"spw-table-row\",[[1,\"spw-table-row\",{\"state\":[1]}]]],[\"spw-tabs\",[[1,\"spw-tabs\",{\"defaultActiveTab\":[1,\"default-active-tab\"],\"variant\":[1],\"hasEllipsis\":[4,\"has-ellipsis\"],\"maxWidth\":[2,\"max-width\"],\"size\":[1],\"activeTab\":[32],\"getSelectedTab\":[64],\"setSelectedTab\":[64]},[[2,\"tabSelected\",\"handleTabSelected\"],[0,\"slotchange\",\"slotChanged\"]],{\"activeTab\":[\"activeTabChanged\"],\"maxWidth\":[\"maxWidthChanged\"],\"hasEllipsis\":[\"hasEllipsisChanged\"]}]]],[\"spw-tabs-content\",[[1,\"spw-tabs-content\",{\"tabId\":[1,\"tab-id\"],\"active\":[4]}]]],[\"spw-tile-description\",[[1,\"spw-tile-description\"]]],[\"spw-tile-title\",[[1,\"spw-tile-title\"]]],[\"spw-topbar\",[[1,\"spw-topbar\"]]],[\"spw-text-field\",[[65,\"spw-text-field\",{\"value\":[1537],\"type\":[1],\"label\":[1],\"placeholder\":[1],\"disabled\":[4],\"name\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"isSearch\":[4,\"is-search\"],\"isClear\":[4,\"is-clear\"],\"required\":[4],\"size\":[1],\"indicator\":[1],\"assistiveText\":[1,\"assistive-text\"],\"error\":[1],\"hint\":[1],\"success\":[1],\"warning\":[1],\"showErrorIcon\":[4,\"show-error-icon\"],\"showHintIcon\":[4,\"show-hint-icon\"],\"showSuccessIcon\":[4,\"show-success-icon\"],\"showWarningIcon\":[4,\"show-warning-icon\"],\"mask\":[1],\"internalValue\":[32],\"isClearIconVisible\":[32],\"setValue\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"spw-pagination\",[[1,\"spw-pagination\",{\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"isDisabled\":[4,\"is-disabled\"],\"variant\":[1],\"currentPage\":[1026,\"current-page\"],\"inputPageValue\":[32],\"isMobile\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"],\"currentPage\":[\"calculateTotalPages\"]}]]],[\"spw-skeleton\",[[1,\"spw-skeleton\",{\"blocks\":[2],\"variant\":[1]}]]],[\"spw-checkbox\",[[65,\"spw-checkbox\",{\"disabled\":[4],\"checked\":[1540],\"error\":[4],\"icon\":[1],\"name\":[1],\"variant\":[1],\"internalChecked\":[32],\"toggleCheckedState\":[64]},null,{\"checked\":[\"checkedChanged\"]}]]],[\"spw-tooltip\",[[1,\"spw-tooltip\",{\"tooltipTitle\":[1,\"tooltip-title\"],\"tooltipText\":[1,\"tooltip-text\"],\"maxWidth\":[1,\"max-width\"],\"direction\":[1],\"cursor\":[1],\"visible\":[4],\"isVisible\":[32]}]]],[\"spw-field-label_6\",[[4,\"spw-group\",{\"type\":[1],\"orientation\":[1],\"alignment\":[1],\"disabled\":[4],\"label\":[1],\"required\":[4],\"isReversed\":[4,\"is-reversed\"],\"name\":[1],\"isFullWidth\":[4,\"is-full-width\"]}],[4,\"spw-theme-provider\",{\"theme\":[1]}],[1,\"spw-separator\",{\"surface\":[1],\"direction\":[1],\"thickness\":[2],\"width\":[1],\"height\":[1]}],[1,\"spw-link\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4],\"accAriaLabel\":[1,\"acc-aria-label\"],\"surface\":[1]}],[1,\"spw-field-label\",{\"name\":[1],\"label\":[1],\"required\":[4]}],[1,\"spw-icon\",{\"icon\":[1],\"variant\":[1]}]]],[\"spw-accordion_4\",[[1,\"spw-accordion-title\",{\"tag\":[1],\"icon\":[1]}],[1,\"spw-accordion\"],[1,\"spw-accordion-content\",{\"isOpened\":[32]},[[4,\"accordionToggle\",\"handleAccordionToggle\"]]],[1,\"spw-accordion-item\",{\"defaultOpen\":[4,\"default-open\"],\"isOpen\":[32],\"isMobile\":[32]},null,{\"defaultOpen\":[\"defaultOpenChanged\"]}]]],[\"spw-field-message\",[[1,\"spw-field-message\",{\"showIcon\":[4,\"show-icon\"],\"variant\":[1]}]]],[\"spw-button_2\",[[1,\"spw-button\",{\"href\":[1],\"target\":[1],\"rel\":[1],\"download\":[1],\"name\":[1],\"value\":[8],\"type\":[1],\"variant\":[1],\"surface\":[1],\"disabled\":[4],\"size\":[1],\"accAriaLabel\":[1,\"acc-aria-label\"],\"isIconOnly\":[4,\"is-icon-only\"],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"isFullWidth\":[4,\"is-full-width\"],\"isFullWidthMobile\":[516,\"is-full-width-mobile\"],\"isLoading\":[4,\"is-loading\"]}],[1,\"spw-loading\",{\"text\":[1]}]]]]"), options);
 });
 //# sourceMappingURL=spw-stencil-library.js.map
 

package/dist/esm/spw-table-body.entry.js

@@ -27,7 +27,7 @@ const SpwTableBody = class {
         });
     }
     render() {
-        return (h("tbody", { key: '9dd89bca859b15b01a6543e67bbaa2a9d32e09e3', part: "tbody" }, h("slot", { key: 'f720f00b5956fa0654827825b902ff8af8c6bd14' })));
+        return (h("tbody", { key: '754040d04173dc5c19de98b2cb403de47eef74d5', part: "tbody" }, h("slot", { key: '03a71f3b518d53314d9e3315b3104be49be0ae01' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/spw-table-cell.entry.js

@@ -37,7 +37,7 @@ const SpwTableCell = class {
             attrs.rowSpan = this.rowspan;
         if (this.headers !== undefined)
             attrs.headers = this.headers;
-        return (h("td", Object.assign({ key: 'dade9744a45504b15d94f568c78fde5165569a79' }, attrs), h("slot", { key: '02c04ff3d2d67861513df709dc203e64fba05288' })));
+        return (h("td", Object.assign({ key: '90b5ba037780b40461e2fbfff278fa3e46d4fa79' }, attrs), h("slot", { key: '6e8d211652ff81ec279445597e0d20e9bd783857' })));
     }
 };
 SpwTableCell.style = spwTableCellCss;

package/dist/esm/spw-table-footer.entry.js

@@ -7,7 +7,7 @@ const SpwTableFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("caption", { key: '0928f98db9108f27aeec48e4cfce9d3a3a22ecb3', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: '2c95723b49e7b31fa7a29fb54f757fdb77b953a7', class: "spw-table-footer" }, h("slot", { key: '45e4081fc46280291829c7a026d233860a588934', name: "left" }), h("slot", { key: '652f993105a39f30ea5fc4a02eb87bfb8bff4dc0', name: "center" }), h("slot", { key: '70a250e11378e22782722d3ed132cf7d6807e406', name: "right" }))));
+        return (h("caption", { key: '371360f1cabe50b249ae97f7ef41c0e986911210', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'ff27c3dc299a24afe1e151d3de68ef8b0d71f1b3', class: "spw-table-footer" }, h("slot", { key: '857eaeb3f06c1423e6054a1106b62802668d63f9', name: "left" }), h("slot", { key: '903b67687303e5e10afeab79a08f685d70c9730e', name: "center" }), h("slot", { key: 'db93cf7d801589a9c4bf471257d5f12334c73332', name: "right" }))));
     }
 };
 SpwTableFooter.style = spwTableFooterCss;

package/dist/esm/spw-table-head.entry.js

@@ -7,7 +7,7 @@ const SpwTableHead = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("thead", { key: '04940f348f6f4396e1af92dc00848842421bbcda', part: "thead" }, h("slot", { key: '5c5c239ee97e141f81e3d46ddfcffd46934f3e32' })));
+        return (h("thead", { key: '7fd39cbc3b58714346445724888d74a323439236', part: "thead" }, h("slot", { key: '6757983499e293fc47b1a6b216ecac27181b74ab' })));
     }
 };
 SpwTableHead.style = spwTableHeadCss;

package/dist/esm/spw-table-header.entry.js

@@ -40,10 +40,10 @@ const SpwTableHeader = class {
         };
     }
     render() {
-        return (h("th", { key: 'c1004cb4a7319622dde3dee458e073886c368d6b', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: '844d23db4a26561d1ca6d95e8b03ee6f26613568', class: {
+        return (h("th", { key: '1dbe8334cf875abe22dfd92d43a5e0e0f2b7d474', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: 'afd24d691ef3cfdcd12c39d272ac55dc52cdb798', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '1a4d019e9eeb71afcebd7173aaaaa143b7cba2ba' }), h("div", { key: '1e4fc85ff6ea667d52aa8a7af66564e248a5dacc', class: "spw-table-header__icons" }, h("slot", { key: '759383fa82980bb4a7411c9e1c1cace1c747b25f', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '525b1ce05e5d46f027925a7fa7ec08be6708e12a', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'bf4da9a5ebd9d3a1d47543f1af3a3a542eefa0df', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '6558000d787b423815e0f6c58c2822895c838bc7', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '4092fc819995890db5c8eaecab65113126d03e13' }), h("div", { key: '9794980e48fb08fd415cdac3a8ebbb6734495a31', class: "spw-table-header__icons" }, h("slot", { key: '85407114daf3b3d09711f2c24a9506f5586d7b2a', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'de9654bf47a72d82a3ed3d54b016802f663e6918', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'eaa5ddbb83edb6efbaaecdfb2844a5f9d4cd7368', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '8518bc0342af2e0d8845dc54c2de49f8b6ca5b38', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
 };
 SpwTableHeader.style = spwTableHeaderCss;

package/dist/esm/spw-table-row.entry.js

@@ -15,7 +15,7 @@ const SpwTableRow = class {
         };
     }
     render() {
-        return (h(Host, { key: 'b52a5e009fe86012bf4eb6b3ba9aa2cefc39e249', part: "row" }, h("tr", { key: 'c44a589f82bf615f0ef790d3008011dc8b341967', class: this.elementClass, part: "row" }, h("slot", { key: 'c26e0da3aeb4fc0d4fe3f5000b8b303cfb0c4583' }))));
+        return (h(Host, { key: '82bcb6eecb5b6cc9bf3fb574194e53dbbd09aef0', part: "row" }, h("tr", { key: '9cdb6e60f3205b925ac678ec9de3b4919b358acd', class: this.elementClass, part: "row" }, h("slot", { key: '26d507c09d3e15a7862f7f2467891f393fc88081' }))));
     }
 };
 SpwTableRow.style = spwTableRowCss;

package/dist/esm/spw-tabs-navigation-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-BYM_CUUH.js';
 
-const spwTabsNavigationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-tabs-max-width-text:200px;--spw-tabs-border-radius:4px 4px 0 0;--spw-tabs-margin-left:0;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:\"\";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:\"\";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}";
+const spwTabsNavigationItemCss = "/*! 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;--spw-tabs-width:auto;--spw-tabs-text-align:left;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tabs-navigation-item{color:var(--spw-colors-support-grey-grey-700);cursor:pointer;position:relative;text-align:var(--spw-tabs-text-align);transition:color .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--spw-tabs-width)}.spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}:host(.--box) .spw-tabs-navigation-item:hover{color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item:focus-visible{outline:2px solid #000;outline-offset:-2px}:host(.--box) .spw-tabs-navigation-item{background:var(--spw-colors-support-grey-grey-100);border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:var(--spw-tabs-border-radius);color:var(--spw-colors-support-grey-grey-600);margin-left:var(--spw-tabs-margin-left);margin-top:3px}.spw-tabs-navigation-item--disabled{cursor:not-allowed;opacity:.6}.spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-700)}:host(.--box) .spw-tabs-navigation-item--disabled{color:var(--spw-colors-support-grey-grey-400);opacity:1}:host(.--box) .spw-tabs-navigation-item--disabled:hover{color:var(--spw-colors-support-grey-grey-400)}:host(.--box) .spw-tabs-navigation-item--disabled:active{transform:none}.spw-tabs-navigation-item--active{border-bottom:0;color:var(--spw-colors-support-grey-grey-900)}.spw-tabs-navigation-item--active:after{background:var(--spw-ds-primary);bottom:0;content:\"\";height:2px;left:0;position:absolute;width:100%}:host(.--box) .spw-tabs-navigation-item--active{background:#fff;color:var(--spw-colors-support-grey-grey-900);margin-top:0;position:relative;top:1px}:host(.--box) .spw-tabs-navigation-item--active:after{display:none}.spw-tabs-navigation-item--bubble:before{background:var(--spw-ds-primary);border-radius:50%;content:\"\";height:6px;position:absolute;right:-8px;top:2px;width:6px}:host(.--box) .spw-tabs-navigation-item--bubble:before{right:4px;top:4px}:host(.--ellipsis) .spw-tabs-navigation-item{flex-shrink:0;max-width:var(--spw-tabs-max-width-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.--ellipsis) .spw-tabs-navigation-item spw-tooltip{display:contents}:host(.--small) .spw-tabs-navigation-item{font-size:14px;padding:8px 0 12px}:host(.--small.--box) .spw-tabs-navigation-item{padding:7px 16px 6px}:host(.--small.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:8px 16px}:host(.--medium) .spw-tabs-navigation-item{font-size:16px;padding:12px 0 16px}:host(.--medium.--box) .spw-tabs-navigation-item{padding:11px 16px 10px}:host(.--medium.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:12px 16px}:host(.--large) .spw-tabs-navigation-item{font-size:18px;padding:16px 0 20px}:host(.--large.--box) .spw-tabs-navigation-item{padding:15px 20px 14px}:host(.--large.--box) .spw-tabs-navigation-item .spw-tabs-navigation-item--active{padding:16px 20px}.spw-tabs-navigation-item .spw-icon--left{margin-right:4px}.spw-tabs-navigation-item .spw-icon--right{margin-left:4px}";
 
 const SpwTabsNavigationItem = class {
     constructor(hostRef) {
@@ -63,7 +63,7 @@ const SpwTabsNavigationItem = class {
         const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
-        return (h(Host, { key: '2c8b4f33a4ce4b0d93d19f60d71c5e98493f9b61', class: this.active ? '--active' : '' }, h("li", { key: '13bd151dd875a78cb40a1dbccd572d1c27fc498d', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '4a23e2eabd0c9ebfd3a4a8585bf4c970588324e0', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '6c2b2f731b1e33fa59970126366b0fec3a195351' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: '1512342a37d70d6f77261c827b04a7fef5bb3518' }, iconPosition === 'left' && iconElement, h("slot", { key: 'e922274eabdd91e4ed47cda20f79e9214e7cbc73' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: '88b495cdbf39dabff8a04231da392e78f43e39c4', class: "bubble" }))));
+        return (h(Host, { key: '69b4ca0589695674c2cd3ee7700bf0cac11079ba', class: this.active ? '--active' : '' }, h("li", { key: '0267afa8b40c348f99a5f495312f25c50f367130', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: '3b932414ce51d5c51fca9bc08e3d446dfaa1c66e', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '70896cb3ca07e46cf01c29138faf9073e3f8dce0' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: '8474a01458a8270f11672ecfa6e4dc7dc933ade2' }, iconPosition === 'left' && iconElement, h("slot", { key: 'eb7e43973cef806885e9296daff45b05cfaf829b' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: 'a6b5d5f59e4ab21d71bf75cf65864291ea63dccd', class: "bubble" }))));
     }
     get el() { return getElement(this); }
 };