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

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

@@ -0,0 +1,62 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-CvfVJV8a.js';
+
+const spwWizardItemCss = "/*! 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%;align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;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)}}:host:last-child{flex:0}.spw-wizard-item{align-items:center;cursor:not-allowed;display:flex;flex-direction:column;width:100%}.spw-wizard-item--vertical{align-items:flex-start;flex-direction:row;gap:16px;position:relative}.spw-wizard-item--clickable{cursor:pointer}.spw-wizard-item--clickable .spw-wizard-item__icon:hover{transform:scale(1.05)}.spw-wizard-item--current{cursor:default}.spw-wizard-item__step{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:1;position:relative;width:100%}.spw-wizard-item__step spw-icon{font-size:16px}.spw-wizard-item--vertical .spw-wizard-item__step{align-items:flex-start;flex:1;flex-direction:column;justify-content:start;position:static}.spw-wizard-item__icon{align-items:center;background-color:#fff;border:3px solid;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:1}.spw-wizard-item__icon svg{height:24px;width:24px}.spw-wizard-item__connector{height:3px;left:50%;position:absolute;right:-50%;transition:background-color .3s ease}.spw-wizard-item--vertical .spw-wizard-item__connector{height:100%;left:14px;right:auto;top:0;width:3px}.spw-wizard-item__label{color:var(--spw-color-themes-grey-grey-900);display:none;font-size:16px;font-weight:700;margin-top:12px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__label{display:block}}.spw-wizard-item--vertical .spw-wizard-item__label{text-align:left}.spw-wizard-item__description{color:var(--spw-color-themes-grey-grey-700);display:none;font-size:14px;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__description{display:block}}.spw-wizard-item--vertical .spw-wizard-item__description{text-align:left}.spw-wizard-item__additional-info{color:var(--spw-ds-primary);display:none;font-size:12px;font-weight:700;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__additional-info{display:block}}.spw-wizard-item--vertical .spw-wizard-item__additional-info{text-align:left}.spw-wizard-item--vertical .spw-wizard-item__content{margin-bottom:8px;margin-top:-6px}.spw-wizard-item--inactive .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--inactive .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--active .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--active .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--before-current.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#16a34a!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#fff!important;border-color:#f97316!important;color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#fff!important;border-color:#dc2626!important;color:#dc2626!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#dc2626!important}.spw-wizard-item--current.spw-wizard-item--active .spw-wizard-item__icon,.spw-wizard-item--current.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#f97316!important;border-color:#f97316!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#d1d5db!important}";
+
+const SpwWizardItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.wizardItemClick = createEvent(this, "wizardItemClick", 7);
+        /** État de l'étape (géré automatiquement par spw-wizard sauf si status est défini) */
+        this.state = 'inactive';
+        /** Indique si c'est le dernier item (géré automatiquement par spw-wizard) */
+        this.isLast = 'false';
+        /** Indique si l'item est cliquable (géré automatiquement par spw-wizard) */
+        this.isClickable = 'false';
+        /** Indique si l'item est avant l'étape courante (géré automatiquement par spw-wizard) */
+        this.isBeforeCurrent = 'false';
+        /** Indique si l'item est après l'étape courante (géré automatiquement par spw-wizard) */
+        this.isAfterCurrent = 'false';
+        /** Indique si c'est l'étape courante (géré automatiquement par spw-wizard) */
+        this.isCurrent = 'false';
+        this.handleClick = () => {
+            if (this.isClickable === 'true') {
+                this.wizardItemClick.emit(this.stepNumber);
+            }
+        };
+    }
+    renderIcon() {
+        const effectiveState = this.status || this.state;
+        if (effectiveState === 'warning') {
+            return h("spw-icon", { variant: "fa-solid", icon: "fa-triangle-exclamation" });
+        }
+        if (effectiveState === 'error') {
+            return h("spw-icon", { variant: "fa-solid", icon: "fa-xmark" });
+        }
+        if (this.icon) {
+            return h("spw-icon", { variant: "fa-solid", icon: this.icon });
+        }
+        return h("span", null, this.stepNumber);
+    }
+    get elementClass() {
+        const effectiveState = this.status || this.state;
+        return {
+            'spw-wizard-item': true,
+            [`spw-wizard-item--${effectiveState}`]: true,
+            [`spw-wizard-item--${this.variant}`]: true,
+            'spw-wizard-item--clickable': this.isClickable === 'true',
+            'spw-wizard-item--current': this.isCurrent === 'true',
+            'spw-wizard-item--before-current': this.isBeforeCurrent === 'true',
+            'spw-wizard-item--after-current': this.isAfterCurrent === 'true',
+        };
+    }
+    render() {
+        const showConnector = this.isLast === 'false';
+        return (h(Host, { key: '5916ce5a37b11c5c50b4babd9efd8e2c98090895' }, h("div", { key: 'a0b0e498981bafdf74d45cbd7425659c6fc222a2', class: this.elementClass, onClick: this.handleClick }, h("div", { key: '49a6ffc1af0636a4aeb6480243c9ae02111a5915', class: "spw-wizard-item__step" }, h("div", { key: 'a1cd7562fcad90c22e27d3a6a0706e3d6c5e7e0b', class: "spw-wizard-item__icon" }, this.renderIcon()), showConnector && h("div", { key: '346688377fa5b6b4ef03aad38cff7b5dc67404fe', class: "spw-wizard-item__connector" })), h("div", { key: '732bcd5e1ae9c7eba5466c7b398dbbeb6d31deef', class: "spw-wizard-item__content" }, this.label && h("div", { key: '07b5f9ad5792444deb7adfcd8998a9557bdf574c', class: "spw-wizard-item__label" }, this.label), this.description && h("div", { key: 'fdc5193fca89fb8557b516b193ed4066326d2093', class: "spw-wizard-item__description" }, this.description), this.additionalInfo && h("div", { key: '50a3248951eb7e5f2af34defdbcb267d3aff882f', class: "spw-wizard-item__additional-info" }, this.additionalInfo)))));
+    }
+};
+SpwWizardItem.style = spwWizardItemCss;
+
+export { SpwWizardItem as spw_wizard_item };
+//# sourceMappingURL=spw-wizard-item.entry.js.map
+
+//# sourceMappingURL=spw-wizard-item.entry.js.map

package/dist/esm/spw-wizard-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-wizard-item.entry.js","sources":["src/components/spw-wizard/spw-wizard-item/spw-wizard-item.scss?tag=spw-wizard-item&encapsulation=shadow","src/components/spw-wizard/spw-wizard-item/spw-wizard-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  &:last-child {\n    flex: 0;\n  }\n}\n\n.spw-wizard-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  cursor: not-allowed;\n\n  &--vertical {\n    position: relative;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 16px;\n  }\n\n  &--clickable {\n    cursor: pointer;\n\n    .spw-wizard-item__icon:hover {\n      transform: scale(1.05);\n    }\n  }\n\n  &--current {\n    cursor: default;\n  }\n\n  &__step {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    position: relative;\n    justify-content: center;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 700;\n    spw-icon {\n      font-size: 16px;\n    }\n    .spw-wizard-item--vertical & {\n      position: static;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: start;\n      flex: 1;\n    }\n  }\n\n  &__icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 3px solid;\n    flex-shrink: 0;\n    z-index: 1;\n    background-color: white;\n    transition: all 0.3s ease;\n    position: relative;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &__connector {\n    position: absolute;\n    left: 50%;\n    right: -50%;\n    height: 3px;\n    transition: background-color 0.3s ease;\n    .spw-wizard-item--vertical & {\n      top: 0;\n      left: 14px;\n      right: auto;\n      width: 3px;\n      height: 100%;\n    }\n  }\n\n  &__label {\n    display: none;\n    margin-top: 12px;\n    font-size: 16px;\n    font-weight: 700;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-900);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__description {\n    display: none;\n    margin-top: 4px;\n    font-size: 14px;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-700);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__additional-info {\n    display: none;\n    margin-top: 4px;\n    font-size: 12px;\n    text-align: center;\n    font-weight: 700;\n    color: var(--spw-ds-primary);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__content {\n    .spw-wizard-item--vertical & {\n      margin-top: -6px;\n      margin-bottom: 8px;\n    }\n  }\n\n  // État inactif (gris)\n  &--inactive {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État actif (vert) - Par défaut avec border\n  &--active {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État complété (vert) - Par défaut avec border (step précédente)\n  &--completed {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État warning - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // État error - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // Steps AVANT la current : border coloré selon l'état + connecteur coloré\n  &--before-current {\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__connector {\n        background-color: #16a34a !important;\n      }\n    }\n\n    // Warning avant la current : border ORANGE\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: white !important;\n        color: #f97316 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #f97316 !important;\n      }\n    }\n\n    // Error avant la current : border ROUGE\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: white !important;\n        color: #dc2626 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #dc2626 !important;\n      }\n    }\n  }\n\n  // Steps APRÈS la current : restent GRIS (inactive) - pas de style additionnel nécessaire\n\n  // Classe CURRENT : step courante avec fond plein coloré (pas de border visible)\n  &--current {\n    // Current + Completed (vert plein)\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Active (vert plein)\n    &.spw-wizard-item--active {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Warning (ORANGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: #f97316 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n\n    // Current + Error (ROUGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: #dc2626 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-wizard-item',\n  styleUrl: 'spw-wizard-item.scss',\n  shadow: true,\n})\nexport class SpwWizardItem {\n  /** Label affiché sous l'icône */\n  @Prop() label?: string;\n  /** Description affiché sous le label */\n  @Prop() description?: string;\n  /** Info additionnelle affichée sous la description (par exemple lors d'une erreur) */\n  @Prop() additionalInfo?: string;\n  /** Icône à afficher (référence font-awesome) */\n  @Prop() icon?: string;\n  /** État de l'étape (géré automatiquement par spw-wizard sauf si status est défini) */\n  @Prop() state?: 'inactive' | 'active' | 'completed' | 'warning' | 'error' = 'inactive';\n  /** Statut manuel qui override l'état automatique */\n  @Prop() status?: 'inactive' | 'active' | 'completed' | 'warning' | 'error';\n  /** Indique si c'est le dernier item (géré automatiquement par spw-wizard) */\n  @Prop() isLast?: string = 'false';\n  /** Numéro de l'étape (géré automatiquement par spw-wizard) */\n  @Prop() stepNumber?: number;\n  /** Variant qui permet de définir la direction (géré automatiquement par spw-wizard) */\n  @Prop() variant?: 'vertical' | 'horizontal';\n  /** Indique si l'item est cliquable (géré automatiquement par spw-wizard) */\n  @Prop() isClickable?: string = 'false';\n  /** Indique si l'item est avant l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isBeforeCurrent?: string = 'false';\n  /** Indique si l'item est après l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isAfterCurrent?: string = 'false';\n  /** Indique si c'est l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isCurrent?: string = 'false';\n  /** Événement émis lors du clic sur l'item */\n  @Event() wizardItemClick: EventEmitter<number>;\n\n  private handleClick = () => {\n    if (this.isClickable === 'true') {\n      this.wizardItemClick.emit(this.stepNumber);\n    }\n  };\n\n  private renderIcon() {\n    const effectiveState = this.status || this.state;\n\n    if (effectiveState === 'warning') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-triangle-exclamation\"></spw-icon>;\n    }\n    if (effectiveState === 'error') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-xmark\"></spw-icon>;\n    }\n\n    if (this.icon) {\n      return <spw-icon variant=\"fa-solid\" icon={this.icon}></spw-icon>;\n    }\n\n    return <span>{this.stepNumber}</span>;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    const effectiveState = this.status || this.state;\n    return {\n      'spw-wizard-item': true,\n      [`spw-wizard-item--${effectiveState}`]: true,\n      [`spw-wizard-item--${this.variant}`]: true,\n      'spw-wizard-item--clickable': this.isClickable === 'true',\n      'spw-wizard-item--current': this.isCurrent === 'true',\n      'spw-wizard-item--before-current': this.isBeforeCurrent === 'true',\n      'spw-wizard-item--after-current': this.isAfterCurrent === 'true',\n    };\n  }\n\n  render() {\n    const showConnector = this.isLast === 'false';\n\n    return (\n      <Host>\n        <div class={this.elementClass} onClick={this.handleClick}>\n          <div class=\"spw-wizard-item__step\">\n            <div class=\"spw-wizard-item__icon\">{this.renderIcon()}</div>\n            {showConnector && <div class=\"spw-wizard-item__connector\"></div>}\n          </div>\n          <div class=\"spw-wizard-item__content\">\n            {this.label && <div class=\"spw-wizard-item__label\">{this.label}</div>}\n            {this.description && <div class=\"spw-wizard-item__description\">{this.description}</div>}\n            {this.additionalInfo && <div class=\"spw-wizard-item__additional-info\">{this.additionalInfo}</div>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,88 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CvfVJV8a.js';
+
+const spwWizardCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{align-items:flex-start;flex-direction:column}";
+
+const SpwWizard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stepClick = createEvent(this, "stepClick", 7);
+        /** Étape actuellement active (index basé sur 1) */
+        this.currentStep = 1;
+        /** Orientation du wizard */
+        this.variant = 'horizontal';
+    }
+    componentWillLoad() {
+        this.updateStepsState();
+    }
+    slotChanged() {
+        this.updateStepsState();
+    }
+    /** Méthode publique pour définir une step au wizard */
+    async setStep(step) {
+        this.currentStep = step;
+        this.updateStepsState();
+        this.scrollToWizard();
+    }
+    handleStepClick(event) {
+        const clickedStep = event.detail;
+        if (clickedStep < this.currentStep) {
+            this.currentStep = clickedStep;
+            this.updateStepsState();
+            this.stepClick.emit(clickedStep);
+            this.scrollToWizard();
+        }
+    }
+    scrollToWizard() {
+        var _a;
+        const host = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.host;
+        const scrollTarget = (host === null || host === void 0 ? void 0 : host.parentElement) || this.el;
+        if (scrollTarget) {
+            scrollTarget.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        }
+    }
+    updateStepsState() {
+        requestAnimationFrame(() => {
+            const items = this.el.querySelectorAll('spw-wizard-item');
+            items.forEach((item, index) => {
+                const stepNumber = index + 1;
+                if (stepNumber > this.currentStep && item.hasAttribute('status')) {
+                    item.removeAttribute('status');
+                }
+                if (!item.hasAttribute('status')) {
+                    if (stepNumber < this.currentStep) {
+                        item.setAttribute('state', 'completed');
+                    }
+                    else if (stepNumber === this.currentStep) {
+                        item.setAttribute('state', 'active');
+                    }
+                    else {
+                        item.setAttribute('state', 'inactive');
+                    }
+                }
+                item.setAttribute('variant', this.variant);
+                item.setAttribute('step-number', stepNumber.toString());
+                item.setAttribute('is-last', (index === items.length - 1).toString());
+                item.setAttribute('is-clickable', (stepNumber < this.currentStep).toString());
+                item.setAttribute('is-current', (stepNumber === this.currentStep).toString());
+                item.setAttribute('is-before-current', (stepNumber < this.currentStep).toString());
+                item.setAttribute('is-after-current', (stepNumber > this.currentStep).toString());
+            });
+        });
+    }
+    get elementClass() {
+        return {
+            'spw-wizard': true,
+            [`spw-wizard--${this.variant}`]: true,
+        };
+    }
+    render() {
+        return (h(Host, { key: '9ba69652c40a6e47ce15e3b032c89caed001667f' }, h("div", { key: '3c499b8f19bb4e3f311e77a67b84d27d8d1fbfee', class: this.elementClass }, h("slot", { key: '1aa0973bfbe60e812ca0daf22905596e31ed3509' }))));
+    }
+    get el() { return getElement(this); }
+};
+SpwWizard.style = spwWizardCss;
+
+export { SpwWizard as spw_wizard };
+//# sourceMappingURL=spw-wizard.entry.js.map
+
+//# sourceMappingURL=spw-wizard.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-wizard.entry.js","sources":["src/components/spw-wizard/spw-wizard.scss?tag=spw-wizard&encapsulation=shadow","src/components/spw-wizard/spw-wizard.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-wizard {\n  display: flex;\n  gap: 0;\n\n  &--horizontal {\n    flex-direction: row;\n  }\n\n  &--vertical {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n","import { Component, Prop, Element, Listen, Event, EventEmitter, Host, Method, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-wizard',\n  styleUrl: 'spw-wizard.scss',\n  shadow: true,\n})\nexport class SpwWizard {\n  @Element() el: HTMLSpwWizardElement;\n  /** Étape actuellement active (index basé sur 1) */\n  @Prop({ mutable: true }) currentStep: number = 1;\n  /** Orientation du wizard */\n  @Prop() variant?: 'horizontal' | 'vertical' = 'horizontal';\n  /** Événement émis lors du clic sur une étape antérieure */\n  @Event() stepClick: EventEmitter<number>;\n\n  componentWillLoad() {\n    this.updateStepsState();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.updateStepsState();\n  }\n\n  /** Méthode publique pour définir une step au wizard */\n  @Method()\n  async setStep(step: number) {\n    this.currentStep = step;\n    this.updateStepsState();\n    this.scrollToWizard();\n  }\n\n  @Listen('wizardItemClick')\n  handleStepClick(event: CustomEvent<number>) {\n    const clickedStep = event.detail;\n    if (clickedStep < this.currentStep) {\n      this.currentStep = clickedStep;\n      this.updateStepsState();\n      this.stepClick.emit(clickedStep);\n      this.scrollToWizard();\n    }\n  }\n\n  private scrollToWizard() {\n    const host = this.el.shadowRoot?.host as HTMLElement;\n    const scrollTarget = host?.parentElement || this.el;\n    if (scrollTarget) {\n      scrollTarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }\n  }\n\n  private updateStepsState() {\n    requestAnimationFrame(() => {\n      const items = this.el.querySelectorAll('spw-wizard-item');\n\n      items.forEach((item, index) => {\n        const stepNumber = index + 1;\n\n        if (stepNumber > this.currentStep && item.hasAttribute('status')) {\n          item.removeAttribute('status');\n        }\n\n        if (!item.hasAttribute('status')) {\n          if (stepNumber < this.currentStep) {\n            item.setAttribute('state', 'completed');\n          } else if (stepNumber === this.currentStep) {\n            item.setAttribute('state', 'active');\n          } else {\n            item.setAttribute('state', 'inactive');\n          }\n        }\n\n        item.setAttribute('variant', this.variant);\n        item.setAttribute('step-number', stepNumber.toString());\n        item.setAttribute('is-last', (index === items.length - 1).toString());\n        item.setAttribute('is-clickable', (stepNumber < this.currentStep).toString());\n        item.setAttribute('is-current', (stepNumber === this.currentStep).toString());\n        item.setAttribute('is-before-current', (stepNumber < this.currentStep).toString());\n        item.setAttribute('is-after-current', (stepNumber > this.currentStep).toString());\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-wizard': true,\n      [`spw-wizard--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/{utils-zpG0udTn.js → utils-BBi01mKM.js}

@@ -1,6 +1,6 @@
 function formatDate(date) {
     const parts = date.split('-');
-    return `${parts[2]}.${parts[1]}.${parts[0]}`;
+    return `${parts[2]}/${parts[1]}/${parts[0]}`;
 }
 function formatFileSize(sizeInBytes) {
     const sizeInMB = sizeInBytes / (1024 * 1024);
@@ -15,6 +15,6 @@ function formatFileSize(sizeInBytes) {
 }
 
 export { formatFileSize as a, formatDate as f };
-//# sourceMappingURL=utils-zpG0udTn.js.map
+//# sourceMappingURL=utils-BBi01mKM.js.map
 
-//# sourceMappingURL=utils-zpG0udTn.js.map
+//# sourceMappingURL=utils-BBi01mKM.js.map

package/dist/esm/{utils-zpG0udTn.js.map → utils-BBi01mKM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-zpG0udTn.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}.${parts[1]}.${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n  if (isText(prop)) {\n    return {\n      [prop.name]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [prop.name]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [prop.name]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [prop.name]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  return {\n    [`on${capitalizeFirstLetter(event.event)}`]: {\n      action: event.event,\n      description: description(event),\n      table: {\n        defaultValue: { summary: event.event },\n        category: 'events',\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n  return {\n    [method.name]: {\n      action: method.name,\n      description: description(method),\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    acc[token.name] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: 'Tokens',\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  // ✅ Séparation claire des catégories\n  const propControls = generateProps(props as ComponentProp[]);\n  const eventControls = generateEvents(events as ComponentEvent[]);\n  const methodControls = generateMethods(methods as ComponentMethod[]);\n\n  // ✅ Regroupement complet pour Storybook\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  // ✅ Indique explicitement quelles sont les props réelles du composant\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false, // ne pollue pas la vue Storybook\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"names":[],"mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqWM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;"}
+{"version":3,"file":"utils-BBi01mKM.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function toKebabCase(str: string) {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function formatDate(date: string): string {\n  const parts = date.split('-');\n  return `${parts[2]}/${parts[1]}/${parts[0]}`;\n}\n\nexport function stripHtmlContent(content: string): string {\n  const div = document.createElement('div');\n  div.innerHTML = content;\n  return div.textContent || div.innerText || '';\n}\n\ninterface ComponentProp {\n  name: string;\n  type: string;\n  docs: string;\n  default: string;\n}\n\ninterface ComponentEvent {\n  event: string;\n  docs: string;\n  detail: string;\n}\n\ninterface ComponentMethod {\n  name: string;\n  signature: string;\n  docs: string;\n  returns: {\n    type: string;\n    docs: string;\n  };\n  parameters: Array<{\n    name: string;\n    type: string;\n    docs: string;\n  }>;\n}\n\ninterface ComponentInfo {\n  name: string;\n  props: ComponentProp[];\n  events: ComponentEvent[];\n  methods: ComponentMethod[];\n}\n\nconst description = (prop: ComponentProp | ComponentEvent | ComponentMethod) => (prop.docs || '').trim();\n\nconst isText = (prop: ComponentProp) => prop.type === 'string';\nconst isBoolean = (prop: ComponentProp) => prop.type === 'boolean';\nconst isEnum = (prop: ComponentProp) => prop.type.includes('|');\nconst isNumber = (prop: ComponentProp) => prop.type === 'number';\n\nconst enumOptions = (prop: ComponentProp) =>\n  prop.type\n    .split('|')\n    .map(t => t.trim())\n    .map(t => (t === '\"\"' ? 'default' : t))\n    .map(t => t.replace(/^\"(.*)\"$/, '$1'));\n\nconst generateProp = (prop: ComponentProp) => {\n  if (isText(prop)) {\n    return {\n      [prop.name]: {\n        control: 'text',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'string' },\n        },\n      },\n    };\n  }\n\n  if (isBoolean(prop)) {\n    return {\n      [prop.name]: {\n        control: 'boolean',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'boolean' },\n        },\n      },\n    };\n  }\n\n  if (isNumber(prop)) {\n    return {\n      [prop.name]: {\n        control: 'number',\n        description: description(prop),\n        defaultValue: prop.default,\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'number' },\n        },\n      },\n    };\n  }\n\n  if (isEnum(prop)) {\n    return {\n      [prop.name]: {\n        control: 'select',\n        defaultValue: prop.default,\n        options: enumOptions(prop),\n        description: description(prop),\n        table: {\n          category: 'properties',\n          defaultValue: { summary: prop.default },\n          type: { summary: 'enum' },\n        },\n      },\n    };\n  }\n\n  return {};\n};\n\nconst generateProps = (props: ComponentProp[]) => {\n  let args = {};\n  props.forEach(prop => (args = { ...args, ...generateProp(prop) }));\n  return args;\n};\n\nconst generateEvent = (event: ComponentEvent) => {\n  function capitalizeFirstLetter(string: string) {\n    return string.charAt(0).toUpperCase() + string.slice(1);\n  }\n\n  return {\n    [`on${capitalizeFirstLetter(event.event)}`]: {\n      action: event.event,\n      description: description(event),\n      table: {\n        defaultValue: { summary: event.event },\n        category: 'events',\n        type: { summary: event.detail },\n      },\n    },\n  };\n};\n\nconst generateEvents = (events: ComponentEvent[]) => {\n  let args = {};\n  events.forEach(event => (args = { ...args, ...generateEvent(event) }));\n  return args;\n};\n\nconst generateMethod = (method: ComponentMethod) => {\n  return {\n    [method.name]: {\n      action: method.name,\n      description: description(method),\n      table: {\n        category: 'methods',\n        type: { summary: method.signature },\n        defaultValue: { summary: method.returns.type },\n      },\n    },\n  };\n};\n\nconst generateMethods = (methods: ComponentMethod[]) => {\n  let args = {};\n  methods.forEach(method => (args = { ...args, ...generateMethod(method) }));\n  return args;\n};\n\nconst extractComponentInfoByTag = (componentsData: any, tag: string): ComponentInfo | null => {\n  const component = componentsData.components.find(c => c.tag === tag);\n\n  if (!component) {\n    console.error(`Component with tag ${tag} not found`);\n    return null;\n  }\n\n  const { props, events, methods } = component;\n\n  const propInfo = props.map(prop => ({\n    name: prop.name,\n    type: prop.type,\n    docs: prop.docs,\n    default: prop.default || '',\n  }));\n\n  const eventInfo = events.map(event => ({\n    event: event.event,\n    docs: event.docs,\n    detail: event.detail,\n  }));\n\n  const methodInfo = methods.map(method => ({\n    name: method.name,\n    signature: method.signature,\n    docs: method.docs,\n    returns: method.returns,\n    parameters: method.parameters,\n  }));\n\n  return {\n    name: tag,\n    props: propInfo,\n    events: eventInfo,\n    methods: methodInfo,\n  };\n};\n\nconst generateHTMLTable = (componentInfo: ComponentInfo): string => {\n  if (!componentInfo) {\n    return `<p>Component not found</p>`;\n  }\n\n  const { props, events, methods } = componentInfo;\n\n  const propsRows = props\n    .map(\n      prop => `\n    <tr>\n      <td>${prop.name}</td>\n      <td>${prop.type}</td>\n      <td>${prop.docs}</td>\n      <td>${prop.default}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const eventsRows = events\n    .map(\n      event => `\n    <tr>\n      <td>${event.event}</td>\n      <td>${event.detail}</td>\n      <td>${event.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  const methodsRows = methods\n    .map(\n      method => `\n    <tr>\n      <td>${method.name}</td>\n      <td>${method.signature}</td>\n      <td>${method.returns.type}</td>\n      <td>${method.docs}</td>\n    </tr>\n  `,\n    )\n    .join('');\n\n  return `\n    <h3>Propriétés</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Propriété</th>\n          <th>Type</th>\n          <th>Description</th>\n          <th>Valeur par défaut</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${propsRows}\n      </tbody>\n    </table>\n    <h3>Événements</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Événement</th>\n          <th>Détail</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${eventsRows}\n      </tbody>\n    </table>\n    <h3>Méthodes</h3>\n    <table class=\"w-full\">\n      <thead>\n        <tr>\n          <th>Méthode</th>\n          <th>Signature</th>\n          <th>Retour</th>\n          <th>Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        ${methodsRows}\n      </tbody>\n    </table>\n  `;\n};\n\nexport const generateComponentTable = (componentsData: any, tag: string): string => {\n  const componentInfo = extractComponentInfoByTag(componentsData, tag);\n  return generateHTMLTable(componentInfo);\n};\n\nexport const withComponentControls = (\n  componentsData: any,\n  { tag, customTokens = [] }: { tag: string; customTokens?: { name: string; description: string; defaultValue: string }[] },\n): any => {\n  const component = componentsData.components.find(c => c.tag === tag);\n  const props = component?.props || [];\n  const events = component?.events || [];\n  const methods = component?.methods || [];\n\n  const tokenControls = customTokens.reduce((acc, token) => {\n    acc[token.name] = {\n      control: true,\n      description: token.description,\n      table: {\n        category: 'Tokens',\n        type: { summary: 'CSS Variable' },\n        defaultValue: { summary: token.defaultValue },\n      },\n    };\n    return acc;\n  }, {});\n\n  // ✅ Séparation claire des catégories\n  const propControls = generateProps(props as ComponentProp[]);\n  const eventControls = generateEvents(events as ComponentEvent[]);\n  const methodControls = generateMethods(methods as ComponentMethod[]);\n\n  // ✅ Regroupement complet pour Storybook\n  const allControls = {\n    ...propControls,\n    ...eventControls,\n    ...methodControls,\n    ...tokenControls,\n  };\n\n  // ✅ Indique explicitement quelles sont les props réelles du composant\n  Object.defineProperty(allControls, '__realProps', {\n    value: Object.keys(propControls).concat(Object.keys(tokenControls)),\n    enumerable: false, // ne pollue pas la vue Storybook\n  });\n\n  return allControls;\n};\n\nexport function extractArgTypes(componentsData: any, subComponentTags: string[]) {\n  return subComponentTags.reduce((acc, tag) => {\n    const subComponentArgTypes = withComponentControls(componentsData, { tag });\n    return { ...acc, ...subComponentArgTypes };\n  }, {});\n}\n\nexport function formatFileSize(sizeInBytes) {\n  const sizeInMB = sizeInBytes / (1024 * 1024);\n  let formattedSize = sizeInMB.toFixed(2).replace('.', ',');\n\n  if (sizeInMB > 0 && sizeInMB < 0.01) {\n    formattedSize = '0,01';\n  } else if (sizeInMB === 0) {\n    formattedSize = '0,00';\n  }\n\n  return `${formattedSize} Mo`;\n}\n\nexport function hasSlotContent(el: HTMLElement): boolean {\n  const slot = el.querySelector('slot');\n  return slot && slot.assignedNodes().length > 0;\n}\n"],"names":[],"mappings":"AAQM,SAAU,UAAU,CAAC,IAAY,EAAA;IACrC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AAC7B,IAAA,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;AAC9C;AAqWM,SAAU,cAAc,CAAC,WAAW,EAAA;IACxC,MAAM,QAAQ,GAAG,WAAW,IAAI,IAAI,GAAG,IAAI,CAAC;AAC5C,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IAEzD,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,IAAI,EAAE;QACnC,aAAa,GAAG,MAAM;;AACjB,SAAA,IAAI,QAAQ,KAAK,CAAC,EAAE;QACzB,aAAa,GAAG,MAAM;;IAGxB,OAAO,CAAA,EAAG,aAAa,CAAA,GAAA,CAAK;AAC9B;;;;"}

package/dist/spw-stencil-library/p-000f04a1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i,g as n}from"./p-CvfVJV8a.js";function s(t,e,o,i=20,n=0){const a=[];if(n>=i){return a}const r=t=>{const a=t.assignedNodes().filter((t=>t.nodeType===1));if(a.length>0){const t=a[0].parentElement;return s(t,e,o,i,n+1)}return[]};const d=Array.from(t.children||[]);for(const t of d){if(e(t)){continue}if(o(t)){a.push(t)}if(t.shadowRoot!=null){a.push(...s(t.shadowRoot,e,o,i,n+1))}else if(t.tagName==="SLOT"){a.push(...r(t))}else{a.push(...s(t,e,o,i,n+1))}}return a}function a(t){return t.hasAttribute("hidden")||t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")!=="false"||t.style.display===`none`||t.style.opacity===`0`||t.style.visibility===`hidden`||t.style.visibility===`collapse`}function r(t){return t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&t.getAttribute("aria-disabled")!=="false"}function d(t){if(t.getAttribute("tabindex")==="-1"||a(t)||r(t)){return false}return t.hasAttribute("tabindex")||(t instanceof HTMLAnchorElement||t instanceof HTMLAreaElement)&&t.hasAttribute("href")||t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof HTMLIFrameElement}function c(t,e,o){const i=t.animate(e,Object.assign(Object.assign({},o),{fill:"both"}));i.addEventListener("finish",(()=>{i.commitStyles();i.cancel()}));return i}const l={easing:"cubic-bezier(0.390, 0.575, 0.565, 1.000)"};const p={fadeIn:[Object.assign(Object.assign({offset:0},l),{opacity:0}),Object.assign(Object.assign({offset:1},l),{opacity:1})],fadeOut:[Object.assign(Object.assign({offset:0},l),{opacity:1}),Object.assign(Object.assign({offset:1},l),{opacity:0})]};const f="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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-modal{align-items:center;display:none;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1060}.spw-modal--opened{display:flex}.spw-modal__overlay{background:#000;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:0}.spw-modal__content-container{align-items:stretch;background-color:#fff;border-radius:var(--spw-spacings-border-radius-lg);box-shadow:var(--spw-effect-elevation-6);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;position:absolute;width:90%}.spw-modal__content-container--small{max-width:480px}.spw-modal__content-container--medium{max-width:600px}.spw-modal__content-container--large{max-width:768px}.spw-modal__content-container--fluid{max-width:100%}.spw-modal__content{border:1px solid var(--spw-color-themes-grey-grey-300);display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;width:100%}.spw-modal--sticky-buttons .spw-modal__content{overflow-y:visible}.spw-modal__icon-container{align-items:center;align-self:stretch;background-color:#fff;display:flex;justify-content:center;width:32px}.spw-modal__header{align-items:center;border-radius:1px 1px 0 0;box-sizing:border-box;color:var(--spw-colors-support-grey-grey-900);display:flex;justify-content:space-between;margin-bottom:12px;margin-top:6px;padding:24px 24px 0}.spw-modal__caption{word-wrap:break-word;overflow:hidden;white-space:pre-wrap}.spw-modal__header h2{color:var(--spw-colors-support-grey-grey-900);font-size:18px;margin:0}.spw-modal__header button{background:none;border:none;cursor:pointer;font-size:1.5em;padding:0}.spw-modal__close-button{cursor:pointer;font-size:21px;position:absolute;right:12px;top:12px}.spw-modal__close-button:hover{opacity:.7}.spw-modal__body{box-sizing:border-box;color:var(--spw-colors-support-grey-grey-700);flex:1;font-size:16px;margin-bottom:12px;padding:0 24px}.spw-modal--sticky-buttons .spw-modal__body{overflow-y:auto}.spw-modal__buttons{padding-top:12px}.spw-modal__buttons ::slotted([slot=buttons]){padding:0 24px 24px}.spw-modal__footer--buttons-present ::slotted(*){display:flex;gap:12px;justify-content:flex-end;padding:8px 24px 24px}.spw-modal__content-container--small .spw-modal__footer--buttons-present ::slotted(*){flex-direction:column;gap:8px}.spw-modal__content-container--medium .spw-modal__footer--buttons-present ::slotted(*){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.spw-modal__border{align-items:center;display:flex;flex-grow:1;font-size:1.5em;justify-content:center;width:100%}";const h=class{constructor(o){t(this,o);this.spwModalOpen=e(this,"spwModalOpen",7);this.spwModalClose=e(this,"spwModalClose",7);this.opened=false;this.showModal=this.opened||false;this.caption="Titre de la modal";this.closeOnOverlayClick=true;this.stickyButtons=false;this.size="small";this.alertIcon="";this.slotButtonsPresent=false;this.showCloseButton=true;this.focusableElements=[];this.handleClick=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-trigger"))}));if(o){const t=o.getAttribute("data-modal-trigger");if(t===this.hostElement.id){this.opened=true}}};this.handleClose=t=>{const e=t.composedPath();const o=e.find((t=>{var e;return t instanceof HTMLElement&&((e=t.hasAttribute)===null||e===void 0?void 0:e.call(t,"data-modal-close"))}));if(o){const t=o.getAttribute("data-modal-close");if(t===this.hostElement.id){this.opened=false}}};this.handleTopFocus=()=>{this.attemptFocus(this.getLastFocusableElement())};this.handleBottomFocus=()=>{this.attemptFocus(this.getFirstFocusableElement())};this.handleKeypress=t=>{if(this.showModal&&t.key==="Escape"){this.doBeforeClose("ESCAPE_KEY")}}}async closeModal(){this.doBeforeClose("PROGRAMMATIC")}async openModal(){this.opened=true}componentDidLoad(){this.focusableElements=s(this.hostElement.shadowRoot,(t=>a(t)||t.matches("[data-focus-trap-edge]")),d);window.addEventListener("click",this.handleClick,{capture:true});window.addEventListener("click",this.handleClose,{capture:true});window.addEventListener("keydown",this.handleKeypress)}disconnectedCallback(){window.removeEventListener("click",this.handleClick);window.removeEventListener("click",this.handleClose);window.removeEventListener("keydown",this.handleKeypress)}getFirstFocusableElement(){return this.focusableElements[0]}getLastFocusableElement(){return this.focusableElements[this.focusableElements.length-1]}attemptFocus(t){if(t==null){setTimeout((()=>{this.closeButton.focus()}));return}setTimeout((()=>{t.focus()}),0)}open(){this.showModal=true;try{const t=c(this.modalContainer,p.fadeIn,{duration:200});t.addEventListener("finish",(()=>{setTimeout((()=>{var t,e;(t=this.getLastFocusableElement())===null||t===void 0?void 0:t.focus();(e=this.getLastFocusableElement())===null||e===void 0?void 0:e.blur()}),0);this.spwModalOpen.emit()}))}catch(t){this.spwModalOpen.emit()}}close(){this.stopAllVideos();try{const t=c(this.modalContainer,p.fadeOut,{duration:200});t.addEventListener("finish",(()=>{this.showModal=false;this.spwModalClose.emit()}))}catch(t){this.showModal=false;this.spwModalClose.emit()}}stopAllVideos(){const t=this.hostElement.querySelectorAll("iframe");t.forEach((t=>{t.src=t.src}))}doBeforeClose(t){const e=[];e.push(t);const o=e.some((t=>t.defaultPrevented));if(!o){this.opened=false}}openedChanged(t){t===true?this.open():this.close()}handleOverlayClick(){if(this.closeOnOverlayClick){this.doBeforeClose("BACKDROP")}}get elementClass(){return{"spw-modal":true,"spw-modal--opened":this.showModal,"spw-modal--sticky-buttons":this.stickyButtons}}render(){return o(i,{key:"9e3e30634541fcafb7fc66fa8e00678bae684707"},o("div",{key:"b4dcef56ea7c59092e224558a38c1a2a40a89736",ref:t=>this.modalContainer=t,class:this.elementClass},o("div",{key:"6f7c486c3387eff83d85bc9429fa2c1d9239537a",class:"spw-modal__overlay",onClick:()=>this.handleOverlayClick()}),o("div",{key:"04801016bfec8e672c5eb99320a1afc1716fc035","data-focus-trap-edge":true,onFocus:this.handleTopFocus,tabindex:"0"}),o("div",{key:"d71b7bbafa9374fab44ea7643821d5115a9a21fa",class:`spw-modal__content-container spw-modal__content-container--${this.size}`,role:"dialog","aria-modal":"true","aria-label":this.caption},o("div",{key:"36ffef6093931370a47704712e3e4862dbe4cbca",class:"spw-modal__content"},o("div",{key:"f7a74e118baf8d3805eb6a234758decb178fc88e",class:"spw-modal__header"},o("h2",{key:"7ccaccddd8086a9a24eb129ef8bb77fd4712d361",class:"spw-modal__caption"},this.caption),this.showCloseButton&&o("spw-icon",{key:"e1902ce88dddbf04a8c096e1419604f3a0f5fab3",class:"spw-modal__close-button",ref:t=>this.closeButton=t,icon:"fa-xmark",onClick:()=>this.doBeforeClose("CLOSE_BUTTON")})),o("div",{key:"783c7c1059232e6bcc1b7a33ae1af3ac66c77d1a",class:"spw-modal__body"},o("slot",{key:"cc630a9e30b282358bbb2bc8518aec27c2b7911f",name:"content"})),o("div",{key:"14caae8f1d1bfe2af4cb6ddd5eb0c0533f792b2a",class:"spw-modal__buttons"},o("slot",{key:"316b126022440b5e0d28039ae54684dd944a59fd",name:"buttons"})))),o("div",{key:"cb9819788d7cc8b09ae482326c5140e589c1465b","data-focus-trap-edge":true,onFocus:this.handleBottomFocus,tabindex:"0"})))}get hostElement(){return n(this)}static get watchers(){return{opened:["openedChanged"]}}};h.style=f;export{h as spw_modal};
+//# sourceMappingURL=p-000f04a1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["queryShadowRoot","root","skipNode","isMatch","maxDepth","depth","matches","traverseSlot","$slot","assignedNodes","filter","node","nodeType","length","$slotParent","parentElement","children","Array","from","$child","push","shadowRoot","tagName","isHidden","$elem","hasAttribute","getAttribute","style","display","opacity","visibility","isDisabled","isFocusable","HTMLAnchorElement","HTMLAreaElement","HTMLButtonElement","HTMLInputElement","HTMLTextAreaElement","HTMLSelectElement","HTMLIFrameElement","animationTo","element","keyframes","options","animated","animate","Object","assign","fill","addEventListener","commitStyles","cancel","keyframeDefaults","easing","KEYFRAMES","fadeIn","offset","fadeOut","spwModalCss","SpwModal","constructor","hostRef","this","opened","showModal","caption","closeOnOverlayClick","stickyButtons","size","alertIcon","slotButtonsPresent","showCloseButton","focusableElements","handleClick","event","path","composedPath","trigger","find","el","_a","HTMLElement","call","modalId","hostElement","id","handleClose","handleTopFocus","attemptFocus","getLastFocusableElement","handleBottomFocus","getFirstFocusableElement","handleKeypress","key","doBeforeClose","closeModal","openModal","componentDidLoad","window","capture","disconnectedCallback","removeEventListener","setTimeout","closeButton","focus","open","anim","modalContainer","duration","_b","blur","spwModalOpen","emit","err","close","stopAllVideos","spwModalClose","iframes","querySelectorAll","forEach","iframe","src","triggers","prevented","some","defaultPrevented","openedChanged","newValue","handleOverlayClick","elementClass","render","h","Host","ref","class","onClick","onFocus","tabindex","role","icon","name"],"sources":["src/utils/focus-trap.ts","src/utils/animation.ts","src/components/spw-modal/spw-modal.scss?tag=spw-modal&encapsulation=shadow","src/components/spw-modal/spw-modal.tsx"],"sourcesContent":["/**\n * Copy/pasted from https://github.com/andreasbm/focus-trap\n */\n\n/**\n * Traverses the slots of the open shadowroots and returns all children matching the query.\n * We need to traverse each child-depth one at a time because if an element should be skipped\n * (for example because it is hidden) we need to skip all of it's children. If we use querySelectorAll(\"*\")\n * the information of whether the children is within a hidden parent is lost.\n * @param {ShadowRoot | HTMLElement} root\n * @param skipNode\n * @param isMatch\n * @param {number} maxDepth\n * @param {number} depth\n * @returns {HTMLElement[]}\n */\nexport function queryShadowRoot(\n  root: ShadowRoot | HTMLElement,\n  skipNode: ($elem: HTMLElement) => boolean,\n  isMatch: ($elem: HTMLElement) => boolean,\n  maxDepth: number = 20,\n  depth: number = 0,\n): HTMLElement[] {\n  const matches: HTMLElement[] = [];\n\n  // If the depth is above the max depth, abort the searching here.\n  if (depth >= maxDepth) {\n    return matches;\n  }\n\n  // Traverses a slot element\n  const traverseSlot = ($slot: HTMLSlotElement) => {\n    // Only check nodes that are of the type Node.ELEMENT_NODE\n    // Read more here https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType\n    const assignedNodes = $slot.assignedNodes().filter(node => node.nodeType === 1);\n    if (assignedNodes.length > 0) {\n      const $slotParent = assignedNodes[0].parentElement!;\n      return queryShadowRoot($slotParent, skipNode, isMatch, maxDepth, depth + 1);\n    }\n\n    return [];\n  };\n\n  // Go through each child and continue the traversing if necessary\n  // Even though the typing says that children can't be undefined, Edge 15 sometimes gives an undefined value.\n  // Therefore we fallback to an empty array if it is undefined.\n  const children = Array.from(root.children || []) as HTMLElement[];\n  for (const $child of children) {\n    // Check if the element and its descendants should be skipped\n    if (skipNode($child)) {\n      // console.log('-- SKIP', $child);\n      continue;\n    }\n\n    // console.log('$child', $child);\n\n    // If the element matches we always add it\n    if (isMatch($child)) {\n      matches.push($child);\n    }\n\n    if ($child.shadowRoot != null) {\n      // If the element has a shadow root we need to traverse it\n      matches.push(...queryShadowRoot($child.shadowRoot, skipNode, isMatch, maxDepth, depth + 1));\n    } else if ($child.tagName === 'SLOT') {\n      // If the child is a slot we need to traverse each assigned node\n      matches.push(...traverseSlot($child as HTMLSlotElement));\n    } else {\n      // Traverse the children of the element\n      matches.push(...queryShadowRoot($child, skipNode, isMatch, maxDepth, depth + 1));\n    }\n  }\n\n  return matches;\n}\n\n/**\n * Returns whether the element is hidden.\n * @param $elem\n */\nexport function isHidden($elem: HTMLElement): boolean {\n  return (\n    $elem.hasAttribute('hidden') ||\n    ($elem.hasAttribute('aria-hidden') && $elem.getAttribute('aria-hidden') !== 'false') ||\n    // A quick and dirty way to check whether the element is hidden.\n    // For a more fine-grained check we could use \"window.getComputedStyle\" but we don't because of bad performance.\n    // If the element has visibility set to \"hidden\" or \"collapse\", display set to \"none\" or opacity set to \"0\" through CSS\n    // we won't be able to catch it here. We accept it due to the huge performance benefits.\n    $elem.style.display === `none` ||\n    $elem.style.opacity === `0` ||\n    $elem.style.visibility === `hidden` ||\n    $elem.style.visibility === `collapse`\n  );\n\n  // If offsetParent is null we can assume that the element is hidden\n  // https://stackoverflow.com/questions/306305/what-would-make-offsetparent-null\n  // || $elem.offsetParent == null;\n}\n\n/**\n * Returns whether the element is disabled.\n * @param $elem\n */\nexport function isDisabled($elem: HTMLElement): boolean {\n  return $elem.hasAttribute('disabled') || ($elem.hasAttribute('aria-disabled') && $elem.getAttribute('aria-disabled') !== 'false');\n}\n\n/**\n * Determines whether an element is focusable.\n * Read more here: https://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus/1600194#1600194\n * Or here: https://stackoverflow.com/questions/18261595/how-to-check-if-a-dom-element-is-focusable\n * @param $elem\n */\nexport function isFocusable($elem: HTMLElement): boolean {\n  // Discard elements that are removed from the tab order.\n  if ($elem.getAttribute('tabindex') === '-1' || isHidden($elem) || isDisabled($elem)) {\n    return false;\n  }\n\n  return (\n    // At this point we know that the element can have focus (eg. won't be -1) if the tabindex attribute exists\n    $elem.hasAttribute('tabindex') ||\n    // Anchor tags or area tags with a href set\n    (($elem instanceof HTMLAnchorElement || $elem instanceof HTMLAreaElement) && $elem.hasAttribute('href')) ||\n    // Form elements which are not disabled\n    $elem instanceof HTMLButtonElement ||\n    $elem instanceof HTMLInputElement ||\n    $elem instanceof HTMLTextAreaElement ||\n    $elem instanceof HTMLSelectElement ||\n    // IFrames\n    $elem instanceof HTMLIFrameElement\n  );\n}\n","export function animationTo(element: HTMLElement, keyframes: Keyframe | Keyframe[], options?: KeyframeAnimationOptions) {\n  const animated = element.animate(keyframes, { ...options, fill: 'both' });\n  animated.addEventListener('finish', () => {\n    // @ts-ignore\n    animated.commitStyles();\n    animated.cancel();\n  });\n\n  return animated;\n}\n\nconst keyframeDefaults = {\n  easing: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n};\n\nexport const KEYFRAMES = {\n  fadeIn: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n  ],\n  fadeOut: [\n    {\n      offset: 0,\n      ...keyframeDefaults,\n      opacity: 1,\n    },\n    {\n      offset: 1,\n      ...keyframeDefaults,\n      opacity: 0,\n    },\n  ],\n};\n",":host {\n  display: contents;\n}\n\n.spw-modal {\n  display: none;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1060;\n  overflow-y: auto;\n\n  &--opened {\n    display: flex;\n  }\n}\n\n.spw-modal__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: black;\n  opacity: 0.7;\n  z-index: 0;\n}\n\n.spw-modal__content-container {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  width: 90%;\n  background-color: #fff;\n  box-shadow: var(--spw-effect-elevation-6);\n  overflow: hidden;\n  box-sizing: border-box;\n  align-items: stretch;\n  border-radius: var(--spw-spacings-border-radius-lg);\n\n  &--small {\n    max-width: 480px;\n  }\n\n  &--medium {\n    max-width: 600px;\n  }\n\n  &--large {\n    max-width: 768px;\n  }\n\n  &--fluid {\n    max-width: 100%;\n  }\n}\n\n.spw-modal__content {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: visible;\n  }\n}\n\n.spw-modal__icon-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  background-color: #fff;\n  align-self: stretch;\n}\n\n.spw-modal__header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 24px;\n  padding-bottom: 0;\n  margin-top: 6px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  border-radius: 1px 1px 0px 0px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__caption {\n  overflow: hidden;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n}\n\n.spw-modal__header h2 {\n  margin: 0;\n  font-size: 18px;\n  color: var(--spw-colors-support-grey-grey-900);\n}\n\n.spw-modal__header button {\n  background: none;\n  border: none;\n  font-size: 1.5em;\n  padding: 0;\n  cursor: pointer;\n}\n\n.spw-modal__close-button {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  cursor: pointer;\n  font-size: 21px;\n  &:hover {\n    opacity: 0.7;\n  }\n}\n\n.spw-modal__body {\n  padding: 0 24px;\n  margin-bottom: 12px;\n  box-sizing: border-box;\n  flex: 1;\n  font-size: 16px;\n  color: var(--spw-colors-support-grey-grey-700);\n\n  .spw-modal--sticky-buttons & {\n    overflow-y: auto;\n  }\n}\n\n.spw-modal__buttons {\n  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"],"mappings":"gEAgBgB,SAAAA,EACdC,EACAC,EACAC,EACAC,EAAmB,GACnBC,EAAgB,GAEhB,MAAMC,EAAyB,GAG/B,GAAID,GAASD,EAAU,CACrB,OAAOE,C,CAIT,MAAMC,EAAgBC,IAGpB,MAAMC,EAAgBD,EAAMC,gBAAgBC,QAAOC,GAAQA,EAAKC,WAAa,IAC7E,GAAIH,EAAcI,OAAS,EAAG,CAC5B,MAAMC,EAAcL,EAAc,GAAGM,cACrC,OAAOf,EAAgBc,EAAaZ,EAAUC,EAASC,EAAUC,EAAQ,E,CAG3E,MAAO,EAAE,EAMX,MAAMW,EAAWC,MAAMC,KAAKjB,EAAKe,UAAY,IAC7C,IAAK,MAAMG,KAAUH,EAAU,CAE7B,GAAId,EAASiB,GAAS,CAEpB,Q,CAMF,GAAIhB,EAAQgB,GAAS,CACnBb,EAAQc,KAAKD,E,CAGf,GAAIA,EAAOE,YAAc,KAAM,CAE7Bf,EAAQc,QAAQpB,EAAgBmB,EAAOE,WAAYnB,EAAUC,EAASC,EAAUC,EAAQ,G,MACnF,GAAIc,EAAOG,UAAY,OAAQ,CAEpChB,EAAQc,QAAQb,EAAaY,G,KACxB,CAELb,EAAQc,QAAQpB,EAAgBmB,EAAQjB,EAAUC,EAASC,EAAUC,EAAQ,G,EAIjF,OAAOC,CACT,CAMM,SAAUiB,EAASC,GACvB,OACEA,EAAMC,aAAa,WAClBD,EAAMC,aAAa,gBAAkBD,EAAME,aAAa,iBAAmB,SAK5EF,EAAMG,MAAMC,UAAY,QACxBJ,EAAMG,MAAME,UAAY,KACxBL,EAAMG,MAAMG,aAAe,UAC3BN,EAAMG,MAAMG,aAAe,UAM/B,CAMM,SAAUC,EAAWP,GACzB,OAAOA,EAAMC,aAAa,aAAgBD,EAAMC,aAAa,kBAAoBD,EAAME,aAAa,mBAAqB,OAC3H,CAQM,SAAUM,EAAYR,GAE1B,GAAIA,EAAME,aAAa,cAAgB,MAAQH,EAASC,IAAUO,EAAWP,GAAQ,CACnF,OAAO,K,CAGT,OAEEA,EAAMC,aAAa,cAEjBD,aAAiBS,mBAAqBT,aAAiBU,kBAAoBV,EAAMC,aAAa,SAEhGD,aAAiBW,mBACjBX,aAAiBY,kBACjBZ,aAAiBa,qBACjBb,aAAiBc,mBAEjBd,aAAiBe,iBAErB,C,SCpIgBC,EAAYC,EAAsBC,EAAkCC,GAClF,MAAMC,EAAWH,EAAQI,QAAQH,EAAgBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAJ,GAAS,CAAAK,KAAM,UAChEJ,EAASK,iBAAiB,UAAU,KAElCL,EAASM,eACTN,EAASO,QAAQ,IAGnB,OAAOP,CACT,CAEA,MAAMQ,EAAmB,CACvBC,OAAQ,4CAGH,MAAMC,EAAY,CACvBC,OAAQ,CAEJT,OAAAC,OAAAD,OAAAC,OAAA,CAAAS,OAAQ,GACLJ,GACH,CAAAvB,QAAS,IAGTiB,OAAAC,OAAAD,OAAAC,OAAA,CAAAS,OAAQ,GACLJ,GACH,CAAAvB,QAAS,KAGb4B,QAAS,CAELX,OAAAC,OAAAD,OAAAC,OAAA,CAAAS,OAAQ,GACLJ,GACH,CAAAvB,QAAS,IAGTiB,OAAAC,OAAAD,OAAAC,OAAA,CAAAS,OAAQ,GACLJ,GACH,CAAAvB,QAAS,MCrCf,MAAM6B,EAAc,kkK,MCePC,EAAQ,MALrB,WAAAC,CAAAC,G,kGAO0CC,KAAMC,OAAa,MAElDD,KAAAE,UAAqBF,KAAKC,QAAU,MAGrCD,KAAOG,QAAW,oBAElBH,KAAmBI,oBAAY,KAE/BJ,KAAaK,cAAY,MAMzBL,KAAIM,KAA2C,QAE/CN,KAASO,UAAW,GAInBP,KAAkBQ,mBAAY,MAG/BR,KAAeS,gBAAY,KAG3BT,KAAiBU,kBAAkB,GAkCnCV,KAAAW,YAAeC,IACrB,MAAMC,EAAOD,EAAME,eACnB,MAAMC,EAAUF,EAAKG,MAAKC,IAAM,IAAAC,EAAA,OAAAD,aAAcE,eAAeD,EAAAD,EAAGtD,gBAAY,MAAAuD,SAAA,SAAAA,EAAAE,KAAAH,EAAG,sBAAqB,IAEpG,GAAIF,EAAS,CACX,MAAMM,EAAUN,EAAQnD,aAAa,sBACrC,GAAIyD,IAAYrB,KAAKsB,YAAYC,GAAI,CACnCvB,KAAKC,OAAS,I,IAKZD,KAAAwB,YAAeZ,IACrB,MAAMC,EAAOD,EAAME,eACnB,MAAMC,EAAUF,EAAKG,MAAKC,IAAM,IAAAC,EAAA,OAAAD,aAAcE,eAAeD,EAAAD,EAAGtD,gBAAY,MAAAuD,SAAA,SAAAA,EAAAE,KAAAH,EAAG,oBAAmB,IAElG,GAAIF,EAAS,CACX,MAAMM,EAAUN,EAAQnD,aAAa,oBACrC,GAAIyD,IAAYrB,KAAKsB,YAAYC,GAAI,CACnCvB,KAAKC,OAAS,K,IAaZD,KAAcyB,eAAG,KACvBzB,KAAK0B,aAAa1B,KAAK2B,0BAA0B,EAG3C3B,KAAiB4B,kBAAG,KAC1B5B,KAAK0B,aAAa1B,KAAK6B,2BAA2B,EA0D5C7B,KAAA8B,eAAkBlB,IACxB,GAAIZ,KAAKE,WAAaU,EAAMmB,MAAQ,SAAU,CAC5C/B,KAAKgC,cAAc,a,EA2DxB,CAtLC,gBAAMC,GACJjC,KAAKgC,cAAc,e,CAQrB,eAAME,GACJlC,KAAKC,OAAS,I,CAGhB,gBAAAkC,GACEnC,KAAKU,kBAAoBxE,EAAgB8D,KAAKsB,YAAY/D,YAAY0D,GAAMxD,EAASwD,IAAOA,EAAGzE,QAAQ,2BAA2B0B,GAClIkE,OAAOjD,iBAAiB,QAASa,KAAKW,YAAa,CAAE0B,QAAS,OAC9DD,OAAOjD,iBAAiB,QAASa,KAAKwB,YAAa,CAAEa,QAAS,OAC9DD,OAAOjD,iBAAiB,UAAWa,KAAK8B,e,CAG1C,oBAAAQ,GACEF,OAAOG,oBAAoB,QAASvC,KAAKW,aACzCyB,OAAOG,oBAAoB,QAASvC,KAAKwB,aACzCY,OAAOG,oBAAoB,UAAWvC,KAAK8B,e,CA2BrC,wBAAAD,GACN,OAAO7B,KAAKU,kBAAkB,E,CAGxB,uBAAAiB,GACN,OAAO3B,KAAKU,kBAAkBV,KAAKU,kBAAkB3D,OAAS,E,CAWxD,YAAA2E,CAAa/C,GACnB,GAAIA,GAAW,KAAM,CACnB6D,YAAW,KACTxC,KAAKyC,YAAYC,OAAO,IAE1B,M,CAGFF,YAAW,KACT7D,EAAQ+D,OAAO,GACd,E,CAGG,IAAAC,GACN3C,KAAKE,UAAY,KACjB,IACE,MAAM0C,EAAOlE,EAAYsB,KAAK6C,eAAgBrD,EAAUC,OAAQ,CAC9DqD,SAAU,MAEZF,EAAKzD,iBAAiB,UAAU,KAC9BqD,YAAW,K,SACTtB,EAAAlB,KAAK2B,6BAA2B,MAAAT,SAAA,SAAAA,EAAAwB,SAChCK,EAAA/C,KAAK2B,6BAA2B,MAAAoB,SAAA,SAAAA,EAAAC,MAAM,GACrC,GAEHhD,KAAKiD,aAAaC,MAAM,G,CAE1B,MAAOC,GACPnD,KAAKiD,aAAaC,M,EAId,KAAAE,GACNpD,KAAKqD,gBACL,IACE,MAAMT,EAAOlE,EAAYsB,KAAK6C,eAAgBrD,EAAUG,QAAS,CAC/DmD,SAAU,MAEZF,EAAKzD,iBAAiB,UAAU,KAC9Ba,KAAKE,UAAY,MACjBF,KAAKsD,cAAcJ,MAAM,G,CAE3B,MAAOC,GACPnD,KAAKE,UAAY,MACjBF,KAAKsD,cAAcJ,M,EAIf,aAAAG,GACN,MAAME,EAAUvD,KAAKsB,YAAYkC,iBAAiB,UAClDD,EAAQE,SAAQC,IACdA,EAAOC,IAAMD,EAAOC,GAAG,G,CAUnB,aAAA3B,CAAcjB,GACpB,MAAM6C,EAAW,GACjBA,EAAStG,KAAKyD,GACd,MAAM8C,EAAYD,EAASE,MAAKlD,GAASA,EAAMmD,mBAC/C,IAAKF,EAAW,CACd7D,KAAKC,OAAS,K,EAKlB,aAAA+D,CAAcC,GACZA,IAAa,KAAOjE,KAAK2C,OAAS3C,KAAKoD,O,CAGjC,kBAAAc,GACN,GAAIlE,KAAKI,oBAAqB,CAC5BJ,KAAKgC,cAAc,W,EAIvB,gBAAYmC,GACV,MAAO,CACL,YAAa,KACb,oBAAqBnE,KAAKE,UAC1B,4BAA6BF,KAAKK,c,CAItC,MAAA+D,GACE,OACEC,EAACC,EAAI,CAAAvC,IAAA,4CACHsC,EAAA,OAAAtC,IAAA,2CAAKwC,IAAKtD,GAAOjB,KAAK6C,eAAiB5B,EAAKuD,MAAOxE,KAAKmE,cACtDE,EAAA,OAAAtC,IAAA,2CAAKyC,MAAM,qBAAqBC,QAAS,IAAMzE,KAAKkE,uBACpDG,EAA0B,OAAAtC,IAAA,uEAAA2C,QAAS1E,KAAKyB,eAAgBkD,SAAS,MACjEN,EAAA,OAAAtC,IAAA,2CAAKyC,MAAO,8DAA8DxE,KAAKM,OAAQsE,KAAK,SAAoB,oBAAmB,aAAA5E,KAAKG,SACtIkE,EAAK,OAAAtC,IAAA,2CAAAyC,MAAM,sBACTH,EAAK,OAAAtC,IAAA,2CAAAyC,MAAM,qBACTH,EAAA,MAAAtC,IAAA,2CAAIyC,MAAM,sBAAsBxE,KAAKG,SACpCH,KAAKS,iBACJ4D,EAAU,YAAAtC,IAAA,2CAAAyC,MAAM,0BAA0BD,IAAKtD,GAAOjB,KAAKyC,YAAcxB,EAAK4D,KAAK,WAAWJ,QAAS,IAAMzE,KAAKgC,cAAc,mBAGpIqC,EAAK,OAAAtC,IAAA,2CAAAyC,MAAM,mBACTH,EAAA,QAAAtC,IAAA,2CAAM+C,KAAK,aAEbT,EAAK,OAAAtC,IAAA,2CAAAyC,MAAM,sBACTH,EAAA,QAAAtC,IAAA,2CAAM+C,KAAK,eAIjBT,EAAA,OAAAtC,IAAA,uEAA0B2C,QAAS1E,KAAK4B,kBAAmB+C,SAAS,O","ignoreList":[]}

package/dist/spw-stencil-library/{p-1e07197c.entry.js → p-06cb6865.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-BYM_CUUH.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.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-header-persona-item{position:relative;transition:background .3s}@media (min-width:1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;margin-top:6px;padding:4px 0}@media (min-width:1024px){.spw-header-persona-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-persona-item--active{display:none;font-weight:700}@media (min-width:1024px){.spw-header-persona-item--active{display:block}}@media (max-width:1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const n=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"4af79568d2ed18da30d22e86b380ed2b62eaa5e3"},t("div",{key:"0e3c53d3ef62578d75ff42cd07fc054ed02b2123",class:{"spw-header-persona-item":true,"spw-header-persona-item--active":this.active}},t("slot",{key:"01e047a269c69b9597d76c40b74b7cdb82c3eb69"})))}};n.style=o;export{n as spw_header_persona_item};
-//# sourceMappingURL=p-1e07197c.entry.js.map
+import{r as e,h as t,H as i}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.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-header-persona-item{position:relative;transition:background .3s}@media (min-width:1024px){.spw-header-persona-item:hover{background:var(--spw-color-themes-grey-grey-200)}}.spw-header-persona-item ::slotted(a){color:var(--spw-colors-support-grey-grey-900);display:block;margin-top:6px;padding:4px 0}@media (min-width:1024px){.spw-header-persona-item ::slotted(a){display:block;padding:12px 24px;text-decoration:none!important;text-transform:none}}.spw-header-persona-item--active{display:none;font-weight:700}@media (min-width:1024px){.spw-header-persona-item--active{display:block}}@media (max-width:1023px){.spw-header-persona-item--active ::slotted(a){color:var(--spw-ds-primary)!important;text-decoration:none!important}}";const n=class{constructor(t){e(this,t);this.active=false}render(){return t(i,{key:"01795fae62edf0a944fd91a3502cb38c66ffc217"},t("div",{key:"226a1d44ed9857b3d07fc9e5738bc989317133b2",class:{"spw-header-persona-item":true,"spw-header-persona-item--active":this.active}},t("slot",{key:"b8b2aa7395d5a21dfca571575452c677158d13c9"})))}};n.style=o;export{n as spw_header_persona_item};
+//# sourceMappingURL=p-06cb6865.entry.js.map

package/dist/spw-stencil-library/{p-52c51ac5.entry.js → p-06ec3521.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-BYM_CUUH.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.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-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"a823fcdd8ba4d8ea57bc62b0abeacc8e0ebf4a71",href:this.href,target:this.target,class:"spw-footer-link"},t("slot",{key:"a636bc7c6f714d94bfd002445d3e2c02a4ef8bf6"}))}};i.style=o;export{i as spw_footer_link};
-//# sourceMappingURL=p-52c51ac5.entry.js.map
+import{r as e,h as t}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.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-footer-link{color:var(--spw-ds-white);font-size:16px;text-decoration:none}.spw-footer-link:hover{color:var(--spw-colors-support-grey-grey-500)}.spw-footer-link:active{text-decoration:underline}.spw-footer-link:focus-visible{outline:3px solid #fff;outline-offset:0}";const i=class{constructor(t){e(this,t);this.target="_self"}render(){return t("a",{key:"ba53864c8bd550cdd97e2a2ef5361a39325659f0",href:this.href,target:this.target,class:"spw-footer-link"},t("slot",{key:"9a1ff9dbd37a631b37f7444abb86867fe1bfe54b"}))}};i.style=o;export{i as spw_footer_link};
+//# sourceMappingURL=p-06ec3521.entry.js.map

package/dist/spw-stencil-library/{p-e1a459eb.entry.js → p-0baeea00.entry.js}

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

package/dist/spw-stencil-library/p-0e1ec1e6.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,H as r}from"./p-CvfVJV8a.js";const o="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;align-items:center;box-sizing:border-box;display:flex;flex:1;flex-direction:column;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)}}:host:last-child{flex:0}.spw-wizard-item{align-items:center;cursor:not-allowed;display:flex;flex-direction:column;width:100%}.spw-wizard-item--vertical{align-items:flex-start;flex-direction:row;gap:16px;position:relative}.spw-wizard-item--clickable{cursor:pointer}.spw-wizard-item--clickable .spw-wizard-item__icon:hover{transform:scale(1.05)}.spw-wizard-item--current{cursor:default}.spw-wizard-item__step{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center;line-height:1;position:relative;width:100%}.spw-wizard-item__step spw-icon{font-size:16px}.spw-wizard-item--vertical .spw-wizard-item__step{align-items:flex-start;flex:1;flex-direction:column;justify-content:start;position:static}.spw-wizard-item__icon{align-items:center;background-color:#fff;border:3px solid;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:all .3s ease;width:32px;z-index:1}.spw-wizard-item__icon svg{height:24px;width:24px}.spw-wizard-item__connector{height:3px;left:50%;position:absolute;right:-50%;transition:background-color .3s ease}.spw-wizard-item--vertical .spw-wizard-item__connector{height:100%;left:14px;right:auto;top:0;width:3px}.spw-wizard-item__label{color:var(--spw-color-themes-grey-grey-900);display:none;font-size:16px;font-weight:700;margin-top:12px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__label{display:block}}.spw-wizard-item--vertical .spw-wizard-item__label{text-align:left}.spw-wizard-item__description{color:var(--spw-color-themes-grey-grey-700);display:none;font-size:14px;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__description{display:block}}.spw-wizard-item--vertical .spw-wizard-item__description{text-align:left}.spw-wizard-item__additional-info{color:var(--spw-ds-primary);display:none;font-size:12px;font-weight:700;margin-top:4px;padding:0 8px;text-align:center}@media (min-width:768px){.spw-wizard-item__additional-info{display:block}}.spw-wizard-item--vertical .spw-wizard-item__additional-info{text-align:left}.spw-wizard-item--vertical .spw-wizard-item__content{margin-bottom:8px;margin-top:-6px}.spw-wizard-item--inactive .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--inactive .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--active .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--active .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#fff;border-color:#16a34a;color:#16a34a}.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__icon{background-color:#fff;border-color:#d1d5db;color:#d1d5db}.spw-wizard-item--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--before-current.spw-wizard-item--completed .spw-wizard-item__connector{background-color:#16a34a!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#fff!important;border-color:#f97316!important;color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#f97316!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#fff!important;border-color:#dc2626!important;color:#dc2626!important}.spw-wizard-item--before-current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#dc2626!important}.spw-wizard-item--current.spw-wizard-item--active .spw-wizard-item__icon,.spw-wizard-item--current.spw-wizard-item--completed .spw-wizard-item__icon{background-color:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__icon{background-color:#f97316!important;border-color:#f97316!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--warning .spw-wizard-item__connector{background-color:#d1d5db!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__icon{background-color:#dc2626!important;border-color:#dc2626!important;color:#fff!important}.spw-wizard-item--current.spw-wizard-item--error .spw-wizard-item__connector{background-color:#d1d5db!important}";const a=class{constructor(e){i(this,e);this.wizardItemClick=t(this,"wizardItemClick",7);this.state="inactive";this.isLast="false";this.isClickable="false";this.isBeforeCurrent="false";this.isAfterCurrent="false";this.isCurrent="false";this.handleClick=()=>{if(this.isClickable==="true"){this.wizardItemClick.emit(this.stepNumber)}}}renderIcon(){const i=this.status||this.state;if(i==="warning"){return e("spw-icon",{variant:"fa-solid",icon:"fa-triangle-exclamation"})}if(i==="error"){return e("spw-icon",{variant:"fa-solid",icon:"fa-xmark"})}if(this.icon){return e("spw-icon",{variant:"fa-solid",icon:this.icon})}return e("span",null,this.stepNumber)}get elementClass(){const i=this.status||this.state;return{"spw-wizard-item":true,[`spw-wizard-item--${i}`]:true,[`spw-wizard-item--${this.variant}`]:true,"spw-wizard-item--clickable":this.isClickable==="true","spw-wizard-item--current":this.isCurrent==="true","spw-wizard-item--before-current":this.isBeforeCurrent==="true","spw-wizard-item--after-current":this.isAfterCurrent==="true"}}render(){const i=this.isLast==="false";return e(r,{key:"5916ce5a37b11c5c50b4babd9efd8e2c98090895"},e("div",{key:"a0b0e498981bafdf74d45cbd7425659c6fc222a2",class:this.elementClass,onClick:this.handleClick},e("div",{key:"49a6ffc1af0636a4aeb6480243c9ae02111a5915",class:"spw-wizard-item__step"},e("div",{key:"a1cd7562fcad90c22e27d3a6a0706e3d6c5e7e0b",class:"spw-wizard-item__icon"},this.renderIcon()),i&&e("div",{key:"346688377fa5b6b4ef03aad38cff7b5dc67404fe",class:"spw-wizard-item__connector"})),e("div",{key:"732bcd5e1ae9c7eba5466c7b398dbbeb6d31deef",class:"spw-wizard-item__content"},this.label&&e("div",{key:"07b5f9ad5792444deb7adfcd8998a9557bdf574c",class:"spw-wizard-item__label"},this.label),this.description&&e("div",{key:"fdc5193fca89fb8557b516b193ed4066326d2093",class:"spw-wizard-item__description"},this.description),this.additionalInfo&&e("div",{key:"50a3248951eb7e5f2af34defdbcb267d3aff882f",class:"spw-wizard-item__additional-info"},this.additionalInfo))))}};a.style=o;export{a as spw_wizard_item};
+//# sourceMappingURL=p-0e1ec1e6.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spwWizardItemCss","SpwWizardItem","constructor","hostRef","this","state","isLast","isClickable","isBeforeCurrent","isAfterCurrent","isCurrent","handleClick","wizardItemClick","emit","stepNumber","renderIcon","effectiveState","status","h","variant","icon","elementClass","render","showConnector","Host","key","class","onClick","label","description","additionalInfo"],"sources":["src/components/spw-wizard/spw-wizard-item/spw-wizard-item.scss?tag=spw-wizard-item&encapsulation=shadow","src/components/spw-wizard/spw-wizard-item/spw-wizard-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n\n  &:last-child {\n    flex: 0;\n  }\n}\n\n.spw-wizard-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  cursor: not-allowed;\n\n  &--vertical {\n    position: relative;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 16px;\n  }\n\n  &--clickable {\n    cursor: pointer;\n\n    .spw-wizard-item__icon:hover {\n      transform: scale(1.05);\n    }\n  }\n\n  &--current {\n    cursor: default;\n  }\n\n  &__step {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    position: relative;\n    justify-content: center;\n    font-size: 18px;\n    line-height: 1;\n    font-weight: 700;\n    spw-icon {\n      font-size: 16px;\n    }\n    .spw-wizard-item--vertical & {\n      position: static;\n      flex-direction: column;\n      align-items: flex-start;\n      justify-content: start;\n      flex: 1;\n    }\n  }\n\n  &__icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 3px solid;\n    flex-shrink: 0;\n    z-index: 1;\n    background-color: white;\n    transition: all 0.3s ease;\n    position: relative;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &__connector {\n    position: absolute;\n    left: 50%;\n    right: -50%;\n    height: 3px;\n    transition: background-color 0.3s ease;\n    .spw-wizard-item--vertical & {\n      top: 0;\n      left: 14px;\n      right: auto;\n      width: 3px;\n      height: 100%;\n    }\n  }\n\n  &__label {\n    display: none;\n    margin-top: 12px;\n    font-size: 16px;\n    font-weight: 700;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-900);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__description {\n    display: none;\n    margin-top: 4px;\n    font-size: 14px;\n    text-align: center;\n    color: var(--spw-color-themes-grey-grey-700);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__additional-info {\n    display: none;\n    margin-top: 4px;\n    font-size: 12px;\n    text-align: center;\n    font-weight: 700;\n    color: var(--spw-ds-primary);\n    padding: 0 8px;\n    @include breakpoint(md) {\n      display: block;\n    }\n    .spw-wizard-item--vertical & {\n      text-align: left;\n    }\n  }\n\n  &__content {\n    .spw-wizard-item--vertical & {\n      margin-top: -6px;\n      margin-bottom: 8px;\n    }\n  }\n\n  // État inactif (gris)\n  &--inactive {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État actif (vert) - Par défaut avec border\n  &--active {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État complété (vert) - Par défaut avec border (step précédente)\n  &--completed {\n    .spw-wizard-item__icon {\n      border-color: #16a34a;\n      background-color: white;\n      color: #16a34a;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db;\n    }\n  }\n\n  // État warning - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--warning:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // État error - PAR DÉFAUT en gris (on garde juste l'icône)\n  &--error:not(.spw-wizard-item--current):not(.spw-wizard-item--before-current) {\n    .spw-wizard-item__icon {\n      border-color: #d1d5db;\n      background-color: white;\n      color: #d1d5db;\n    }\n    .spw-wizard-item__connector {\n      background-color: #d1d5db !important;\n    }\n  }\n\n  // Steps AVANT la current : border coloré selon l'état + connecteur coloré\n  &--before-current {\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__connector {\n        background-color: #16a34a !important;\n      }\n    }\n\n    // Warning avant la current : border ORANGE\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: white !important;\n        color: #f97316 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #f97316 !important;\n      }\n    }\n\n    // Error avant la current : border ROUGE\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: white !important;\n        color: #dc2626 !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #dc2626 !important;\n      }\n    }\n  }\n\n  // Steps APRÈS la current : restent GRIS (inactive) - pas de style additionnel nécessaire\n\n  // Classe CURRENT : step courante avec fond plein coloré (pas de border visible)\n  &--current {\n    // Current + Completed (vert plein)\n    &.spw-wizard-item--completed {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Active (vert plein)\n    &.spw-wizard-item--active {\n      .spw-wizard-item__icon {\n        border-color: #16a34a !important;\n        background-color: #16a34a !important;\n        color: white !important;\n      }\n    }\n\n    // Current + Warning (ORANGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--warning {\n      .spw-wizard-item__icon {\n        border-color: #f97316 !important;\n        background-color: #f97316 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n\n    // Current + Error (ROUGE plein sans border visible + connecteur gris)\n    &.spw-wizard-item--error {\n      .spw-wizard-item__icon {\n        border-color: #dc2626 !important;\n        background-color: #dc2626 !important;\n        color: white !important;\n      }\n      .spw-wizard-item__connector {\n        background-color: #d1d5db !important;\n      }\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-wizard-item',\n  styleUrl: 'spw-wizard-item.scss',\n  shadow: true,\n})\nexport class SpwWizardItem {\n  /** Label affiché sous l'icône */\n  @Prop() label?: string;\n  /** Description affiché sous le label */\n  @Prop() description?: string;\n  /** Info additionnelle affichée sous la description (par exemple lors d'une erreur) */\n  @Prop() additionalInfo?: string;\n  /** Icône à afficher (référence font-awesome) */\n  @Prop() icon?: string;\n  /** État de l'étape (géré automatiquement par spw-wizard sauf si status est défini) */\n  @Prop() state?: 'inactive' | 'active' | 'completed' | 'warning' | 'error' = 'inactive';\n  /** Statut manuel qui override l'état automatique */\n  @Prop() status?: 'inactive' | 'active' | 'completed' | 'warning' | 'error';\n  /** Indique si c'est le dernier item (géré automatiquement par spw-wizard) */\n  @Prop() isLast?: string = 'false';\n  /** Numéro de l'étape (géré automatiquement par spw-wizard) */\n  @Prop() stepNumber?: number;\n  /** Variant qui permet de définir la direction (géré automatiquement par spw-wizard) */\n  @Prop() variant?: 'vertical' | 'horizontal';\n  /** Indique si l'item est cliquable (géré automatiquement par spw-wizard) */\n  @Prop() isClickable?: string = 'false';\n  /** Indique si l'item est avant l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isBeforeCurrent?: string = 'false';\n  /** Indique si l'item est après l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isAfterCurrent?: string = 'false';\n  /** Indique si c'est l'étape courante (géré automatiquement par spw-wizard) */\n  @Prop() isCurrent?: string = 'false';\n  /** Événement émis lors du clic sur l'item */\n  @Event() wizardItemClick: EventEmitter<number>;\n\n  private handleClick = () => {\n    if (this.isClickable === 'true') {\n      this.wizardItemClick.emit(this.stepNumber);\n    }\n  };\n\n  private renderIcon() {\n    const effectiveState = this.status || this.state;\n\n    if (effectiveState === 'warning') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-triangle-exclamation\"></spw-icon>;\n    }\n    if (effectiveState === 'error') {\n      return <spw-icon variant=\"fa-solid\" icon=\"fa-xmark\"></spw-icon>;\n    }\n\n    if (this.icon) {\n      return <spw-icon variant=\"fa-solid\" icon={this.icon}></spw-icon>;\n    }\n\n    return <span>{this.stepNumber}</span>;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    const effectiveState = this.status || this.state;\n    return {\n      'spw-wizard-item': true,\n      [`spw-wizard-item--${effectiveState}`]: true,\n      [`spw-wizard-item--${this.variant}`]: true,\n      'spw-wizard-item--clickable': this.isClickable === 'true',\n      'spw-wizard-item--current': this.isCurrent === 'true',\n      'spw-wizard-item--before-current': this.isBeforeCurrent === 'true',\n      'spw-wizard-item--after-current': this.isAfterCurrent === 'true',\n    };\n  }\n\n  render() {\n    const showConnector = this.isLast === 'false';\n\n    return (\n      <Host>\n        <div class={this.elementClass} onClick={this.handleClick}>\n          <div class=\"spw-wizard-item__step\">\n            <div class=\"spw-wizard-item__icon\">{this.renderIcon()}</div>\n            {showConnector && <div class=\"spw-wizard-item__connector\"></div>}\n          </div>\n          <div class=\"spw-wizard-item__content\">\n            {this.label && <div class=\"spw-wizard-item__label\">{this.label}</div>}\n            {this.description && <div class=\"spw-wizard-item__description\">{this.description}</div>}\n            {this.additionalInfo && <div class=\"spw-wizard-item__additional-info\">{this.additionalInfo}</div>}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,q5O,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,2DAeUC,KAAKC,MAA+D,WAIpED,KAAME,OAAY,QAMlBF,KAAWG,YAAY,QAEvBH,KAAeI,gBAAY,QAE3BJ,KAAcK,eAAY,QAE1BL,KAASM,UAAY,QAIrBN,KAAWO,YAAG,KACpB,GAAIP,KAAKG,cAAgB,OAAQ,CAC/BH,KAAKQ,gBAAgBC,KAAKT,KAAKU,W,EAqDpC,CAjDS,UAAAC,GACN,MAAMC,EAAiBZ,KAAKa,QAAUb,KAAKC,MAE3C,GAAIW,IAAmB,UAAW,CAChC,OAAOE,EAAA,YAAUC,QAAQ,WAAWC,KAAK,2B,CAE3C,GAAIJ,IAAmB,QAAS,CAC9B,OAAOE,EAAA,YAAUC,QAAQ,WAAWC,KAAK,Y,CAG3C,GAAIhB,KAAKgB,KAAM,CACb,OAAOF,EAAA,YAAUC,QAAQ,WAAWC,KAAMhB,KAAKgB,M,CAGjD,OAAOF,EAAO,YAAAd,KAAKU,W,CAGrB,gBAAYO,GACV,MAAML,EAAiBZ,KAAKa,QAAUb,KAAKC,MAC3C,MAAO,CACL,kBAAmB,KACnB,CAAC,oBAAoBW,KAAmB,KACxC,CAAC,oBAAoBZ,KAAKe,WAAY,KACtC,6BAA8Bf,KAAKG,cAAgB,OACnD,2BAA4BH,KAAKM,YAAc,OAC/C,kCAAmCN,KAAKI,kBAAoB,OAC5D,iCAAkCJ,KAAKK,iBAAmB,O,CAI9D,MAAAa,GACE,MAAMC,EAAgBnB,KAAKE,SAAW,QAEtC,OACEY,EAACM,EAAI,CAAAC,IAAA,4CACHP,EAAK,OAAAO,IAAA,2CAAAC,MAAOtB,KAAKiB,aAAcM,QAASvB,KAAKO,aAC3CO,EAAK,OAAAO,IAAA,2CAAAC,MAAM,yBACTR,EAAK,OAAAO,IAAA,2CAAAC,MAAM,yBAAyBtB,KAAKW,cACxCQ,GAAiBL,EAAK,OAAAO,IAAA,2CAAAC,MAAM,gCAE/BR,EAAK,OAAAO,IAAA,2CAAAC,MAAM,4BACRtB,KAAKwB,OAASV,EAAK,OAAAO,IAAA,2CAAAC,MAAM,0BAA0BtB,KAAKwB,OACxDxB,KAAKyB,aAAeX,EAAK,OAAAO,IAAA,2CAAAC,MAAM,gCAAgCtB,KAAKyB,aACpEzB,KAAK0B,gBAAkBZ,EAAK,OAAAO,IAAA,2CAAAC,MAAM,oCAAoCtB,KAAK0B,kB","ignoreList":[]}

package/dist/spw-stencil-library/{p-a093ab2f.entry.js → p-2113f2f6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as n}from"./p-BYM_CUUH.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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)}}";const o=class{constructor(t){e(this,t)}render(){return t(n,{key:"3e1744e69f4a2c3d2e8a145e72fad6d913c50041"},t("slot",{key:"cd160a66c31b04a72e6801acd5be9072c28cba75"}))}};o.style=i;export{o as spw_header_navigation_dropdown};
-//# sourceMappingURL=p-a093ab2f.entry.js.map
+import{r as e,h as t,H as n}from"./p-CvfVJV8a.js";const i="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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)}}";const o=class{constructor(t){e(this,t)}render(){return t(n,{key:"8683549ca15bd15769049e3ef2f9d8bcb27da2ff"},t("slot",{key:"f9336f803dcb98feda307f3336ff9ac286fb96e1"}))}};o.style=i;export{o as spw_header_navigation_dropdown};
+//# sourceMappingURL=p-2113f2f6.entry.js.map

package/dist/spw-stencil-library/{p-aa364a44.entry.js → p-22f972ca.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o}from"./p-BYM_CUUH.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;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)}}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}";const i=class{constructor(t){e(this,t);this.state="default"}get elementClass(){return{"spw-table-row":true,[`spw-table-row--${this.state}`]:true}}render(){return t(o,{key:"6588a65b1ac2c3b0c23f8e7813a2707e8db10e4a",part:"row"},t("tr",{key:"ca45cb4571a20c8f3247a4c08875d044ae6c370e",class:this.elementClass,part:"row"},t("slot",{key:"ad45be90213047d7a656f425f97117d9e3702712"})))}};i.style=n;export{i as spw_table_row};
-//# sourceMappingURL=p-aa364a44.entry.js.map
+import{r as e,h as t,H as o}from"./p-CvfVJV8a.js";const n="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display: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)}}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}";const i=class{constructor(t){e(this,t);this.state="default"}get elementClass(){return{"spw-table-row":true,[`spw-table-row--${this.state}`]:true}}render(){return t(o,{key:"8bb4a99a8b04cc7ace91667f02b19728c297f9a0",part:"row"},t("tr",{key:"6e97f682648e12ef2f570cce380259e8d45a7f7c",class:this.elementClass,part:"row"},t("slot",{key:"b1abbcd9b1c6f2a39cb2e6c4284f5aff22310dde"})))}};i.style=n;export{i as spw_table_row};
+//# sourceMappingURL=p-22f972ca.entry.js.map