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

package/dist/cjs/spw-dropdown-item.cjs.entry.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var index = require('./index-ivINMH9O.js');
+
+const spwDropdownItemCss = "/*! 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-dropdown-item{align-items:center;border-radius:4px;color:var(--spw-colors-support-grey-grey-900);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;position:relative;text-decoration:none;transition:background-color .2s ease}.spw-dropdown-item:hover{background-color:var(--spw-colors-support-grey-grey-200)}.spw-dropdown-item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.spw-dropdown-item--has-sub-items{padding-right:32px}.spw-dropdown-item--sub-items-open{background-color:var(--spw-colors-support-grey-grey-100)}.spw-dropdown-item__icon{align-items:center;color:var(--spw-colors-support-grey-grey-700);display:inline-flex;font-size:14px;height:20px;justify-content:center;width:20px}.spw-dropdown-item__content{align-items:center;display:flex;flex:1;justify-content:space-between;position:relative}.spw-dropdown-item__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spw-dropdown-item__toggle{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:absolute;right:-24px;top:50%;transform:translateY(-50%);transition:background-color .2s ease,transform .2s ease;width:20px}.spw-dropdown-item__toggle:hover{background-color:var(--spw-colors-support-grey-grey-300)}.spw-dropdown-item__toggle spw-icon{color:var(--spw-colors-support-grey-grey-900);font-size:12px;transition:transform .2s ease}.spw-dropdown-item__toggle--open spw-icon{transform:rotate(180deg)}.spw-dropdown-item__sub-items{margin-top:4px;padding-left:16px}.spw-dropdown-item__sub-items spw-dropdown-item{font-size:13px}";
+
+const SpwDropdownItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Si true, l'item est désactivé */
+        this.disabled = false;
+        /** Variante d'icône font-awesome */
+        this.iconVariant = 'fa-regular';
+        this.hasSubItems = false;
+        this.subItemsOpen = false;
+        this.handleToggleSubItems = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            if (this.disabled)
+                return;
+            this.subItemsOpen = !this.subItemsOpen;
+        };
+        this.handleItemClick = (event) => {
+            if (this.disabled)
+                return;
+            if (this.hasSubItems && !this.href) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.subItemsOpen = !this.subItemsOpen;
+            }
+        };
+    }
+    componentDidLoad() {
+        this.checkForSubItems();
+        this.setupMutationObserver();
+        setTimeout(() => {
+            this.checkForSubItems();
+        }, 0);
+    }
+    componentDidUpdate() {
+        this.checkForSubItems();
+    }
+    disconnectedCallback() {
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
+    }
+    setupMutationObserver() {
+        this.mutationObserver = new MutationObserver(() => {
+            this.checkForSubItems();
+        });
+        this.mutationObserver.observe(this.el, {
+            childList: true,
+            subtree: true,
+        });
+    }
+    checkForSubItems() {
+        const subItems = this.el.querySelector('[slot="sub-items"]');
+        const newHasSubItems = subItems !== null && (subItems.children.length > 0 || subItems.childNodes.length > 0);
+        if (this.hasSubItems !== newHasSubItems) {
+            this.hasSubItems = newHasSubItems;
+        }
+    }
+    get classes() {
+        return {
+            'spw-dropdown-item': true,
+            'spw-dropdown-item--disabled': this.disabled,
+            'spw-dropdown-item--has-sub-items': this.hasSubItems,
+            'spw-dropdown-item--sub-items-open': this.subItemsOpen,
+        };
+    }
+    render() {
+        const Tag = this.href && !this.disabled ? 'a' : 'div';
+        const toggleClasses = {
+            'spw-dropdown-item__toggle': true,
+            'spw-dropdown-item__toggle--open': this.subItemsOpen,
+        };
+        return (index.h(index.Host, { key: '307e80182a8b735db854ce11d5bb3a1688b7e39d' }, index.h(Tag, { key: 'd24ab632d44b956c73b45765ce67ec3981aa3252', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleItemClick }, this.icon && (index.h("div", { key: '570adea95e5a6c747c3382dcf8bfc9c1dbc55fb2', class: "spw-dropdown-item__icon" }, index.h("spw-icon", { key: 'c1040595688bfbc7b984e28baef9350899cef0ac', variant: this.iconVariant, icon: this.icon }))), index.h("div", { key: '6745b1625652a5defd03391b5f3382e338377cc7', class: "spw-dropdown-item__content" }, index.h("div", { key: 'c42468f6430fa62f0d975f4951823bfd5700ffa3', class: "spw-dropdown-item__label" }, index.h("slot", { key: '401083c4c4a0faefb8cc57d291185cbca254895e' })), this.hasSubItems && (index.h("div", { key: '34ecf263810f66dc4dfd4bcdbd779bd56510e8e7', class: toggleClasses, onClick: this.handleToggleSubItems }, index.h("spw-icon", { key: 'a0f1cc9ce266ff7287fdc82520425648f8d06ab8', icon: "fa-chevron-down" }))))), this.hasSubItems && (index.h("div", { key: '9d0591237181e952d7582d5103454d6c2d990b7d', class: "spw-dropdown-item__sub-items", style: { display: this.subItemsOpen ? 'block' : 'none' } }, index.h("slot", { key: '193df0fb5aea4f0474c0f4b3a035fa04b76eadcd', name: "sub-items" })))));
+    }
+    get el() { return index.getElement(this); }
+};
+SpwDropdownItem.style = spwDropdownItemCss;
+
+exports.spw_dropdown_item = SpwDropdownItem;
+//# sourceMappingURL=spw-dropdown-item.entry.cjs.js.map
+
+//# sourceMappingURL=spw-dropdown-item.cjs.entry.js.map

package/dist/cjs/spw-dropdown-item.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"spw-dropdown-item.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.scss?tag=spw-dropdown-item","src/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-dropdown-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  color: var(--spw-colors-support-grey-grey-900);\n  text-decoration: none;\n  transition: background-color 0.2s ease;\n  font-size: 14px;\n  border-radius: 4px;\n\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-200);\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &--has-sub-items {\n    padding-right: 32px;\n  }\n\n  &--sub-items-open {\n    background-color: var(--spw-colors-support-grey-grey-100);\n  }\n\n  &__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    font-size: 14px;\n    color: var(--spw-colors-support-grey-grey-700);\n  }\n\n  &__content {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  &__label {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &__toggle {\n    position: absolute;\n    right: -24px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease;\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n    }\n\n    spw-icon {\n      font-size: 12px;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__sub-items {\n    padding-left: 16px;\n    margin-top: 4px;\n\n    spw-dropdown-item {\n      font-size: 13px;\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown-item',\n  styleUrl: 'spw-dropdown-item.scss',\n  shadow: false,\n})\nexport class SpwDropdownItem {\n  @Element() el: HTMLElement;\n\n  /** Lien href pour l'item */\n  @Prop() href?: string;\n  /** Si true, l'item est désactivé */\n  @Prop() disabled: boolean = false;\n  /** Icône optionnelle à afficher */\n  @Prop() icon?: string;\n  /** Variante d'icône font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasSubItems: boolean = false;\n  @State() subItemsOpen: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForSubItems();\n    this.setupMutationObserver();\n\n    setTimeout(() => {\n      this.checkForSubItems();\n    }, 0);\n  }\n\n  componentDidUpdate() {\n    this.checkForSubItems();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForSubItems();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private checkForSubItems() {\n    const subItems = this.el.querySelector('[slot=\"sub-items\"]');\n    const newHasSubItems = subItems !== null && (subItems.children.length > 0 || subItems.childNodes.length > 0);\n\n    if (this.hasSubItems !== newHasSubItems) {\n      this.hasSubItems = newHasSubItems;\n    }\n  }\n\n  private handleToggleSubItems = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    this.subItemsOpen = !this.subItemsOpen;\n  };\n\n  private handleItemClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    if (this.hasSubItems && !this.href) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.subItemsOpen = !this.subItemsOpen;\n    }\n  };\n\n  private get classes() {\n    return {\n      'spw-dropdown-item': true,\n      'spw-dropdown-item--disabled': this.disabled,\n      'spw-dropdown-item--has-sub-items': this.hasSubItems,\n      'spw-dropdown-item--sub-items-open': this.subItemsOpen,\n    } as Record<string, boolean>;\n  }\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const toggleClasses = {\n      'spw-dropdown-item__toggle': true,\n      'spw-dropdown-item__toggle--open': this.subItemsOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Host>\n        <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} onClick={this.handleItemClick}>\n          {this.icon && (\n            <div class=\"spw-dropdown-item__icon\">\n              <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>\n            </div>\n          )}\n\n          <div class=\"spw-dropdown-item__content\">\n            <div class=\"spw-dropdown-item__label\">\n              <slot></slot>\n            </div>\n\n            {this.hasSubItems && (\n              <div class={toggleClasses} onClick={this.handleToggleSubItems}>\n                <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n              </div>\n            )}\n          </div>\n        </Tag>\n\n        {this.hasSubItems && (\n          <div class=\"spw-dropdown-item__sub-items\" style={{ display: this.subItemsOpen ? 'block' : 'none' }}>\n            <slot name=\"sub-items\"></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-dropdown-item.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-dropdown-item.entry.cjs.js","sources":["src/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.scss?tag=spw-dropdown-item","src/components/spw-dropdown/spw-dropdown-item/spw-dropdown-item.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-dropdown-item {\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  color: var(--spw-colors-support-grey-grey-900);\n  text-decoration: none;\n  transition: background-color 0.2s ease;\n  font-size: 14px;\n  border-radius: 4px;\n\n  &:hover {\n    background-color: var(--spw-colors-support-grey-grey-200);\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &--has-sub-items {\n    padding-right: 32px;\n  }\n\n  &--sub-items-open {\n    background-color: var(--spw-colors-support-grey-grey-100);\n  }\n\n  &__icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 20px;\n    height: 20px;\n    font-size: 14px;\n    color: var(--spw-colors-support-grey-grey-700);\n  }\n\n  &__content {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  &__label {\n    flex: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &__toggle {\n    position: absolute;\n    right: -24px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 20px;\n    height: 20px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    cursor: pointer;\n    transition:\n      background-color 0.2s ease,\n      transform 0.2s ease;\n\n    &:hover {\n      background-color: var(--spw-colors-support-grey-grey-300);\n    }\n\n    spw-icon {\n      font-size: 12px;\n      color: var(--spw-colors-support-grey-grey-900);\n      transition: transform 0.2s ease;\n    }\n\n    &--open {\n      spw-icon {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__sub-items {\n    padding-left: 16px;\n    margin-top: 4px;\n\n    spw-dropdown-item {\n      font-size: 13px;\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown-item',\n  styleUrl: 'spw-dropdown-item.scss',\n  shadow: false,\n})\nexport class SpwDropdownItem {\n  @Element() el: HTMLElement;\n\n  /** Lien href pour l'item */\n  @Prop() href?: string;\n  /** Si true, l'item est désactivé */\n  @Prop() disabled: boolean = false;\n  /** Icône optionnelle à afficher */\n  @Prop() icon?: string;\n  /** Variante d'icône font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasSubItems: boolean = false;\n  @State() subItemsOpen: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForSubItems();\n    this.setupMutationObserver();\n\n    setTimeout(() => {\n      this.checkForSubItems();\n    }, 0);\n  }\n\n  componentDidUpdate() {\n    this.checkForSubItems();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForSubItems();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  private checkForSubItems() {\n    const subItems = this.el.querySelector('[slot=\"sub-items\"]');\n    const newHasSubItems = subItems !== null && (subItems.children.length > 0 || subItems.childNodes.length > 0);\n\n    if (this.hasSubItems !== newHasSubItems) {\n      this.hasSubItems = newHasSubItems;\n    }\n  }\n\n  private handleToggleSubItems = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    this.subItemsOpen = !this.subItemsOpen;\n  };\n\n  private handleItemClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    if (this.hasSubItems && !this.href) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.subItemsOpen = !this.subItemsOpen;\n    }\n  };\n\n  private get classes() {\n    return {\n      'spw-dropdown-item': true,\n      'spw-dropdown-item--disabled': this.disabled,\n      'spw-dropdown-item--has-sub-items': this.hasSubItems,\n      'spw-dropdown-item--sub-items-open': this.subItemsOpen,\n    } as Record<string, boolean>;\n  }\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const toggleClasses = {\n      'spw-dropdown-item__toggle': true,\n      'spw-dropdown-item__toggle--open': this.subItemsOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Host>\n        <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} onClick={this.handleItemClick}>\n          {this.icon && (\n            <div class=\"spw-dropdown-item__icon\">\n              <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>\n            </div>\n          )}\n\n          <div class=\"spw-dropdown-item__content\">\n            <div class=\"spw-dropdown-item__label\">\n              <slot></slot>\n            </div>\n\n            {this.hasSubItems && (\n              <div class={toggleClasses} onClick={this.handleToggleSubItems}>\n                <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n              </div>\n            )}\n          </div>\n        </Tag>\n\n        {this.hasSubItems && (\n          <div class=\"spw-dropdown-item__sub-items\" style={{ display: this.subItemsOpen ? 'block' : 'none' }}>\n            <slot name=\"sub-items\"></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,ipIAAipI;;MCO/pI,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAWU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAIzB,QAAA,IAAW,CAAA,WAAA,GAA4C,YAAY;AAElE,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAC5B,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;AA2C9B,QAAA,IAAA,CAAA,oBAAoB,GAAG,CAAC,KAAiB,KAAI;YACnD,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YAEvB,IAAI,IAAI,CAAC,QAAQ;gBAAE;AAEnB,YAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY;AACxC,SAAC;AAEO,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAiB,KAAI;YAC9C,IAAI,IAAI,CAAC,QAAQ;gBAAE;YAEnB,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;AACvB,gBAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY;;AAE1C,SAAC;AAiDF;IAzGC,gBAAgB,GAAA;QACd,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,qBAAqB,EAAE;QAE5B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,gBAAgB,EAAE;SACxB,EAAE,CAAC,CAAC;;IAGP,kBAAkB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;;IAGzB,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;;;IAI9B,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,MAAK;YAChD,IAAI,CAAC,gBAAgB,EAAE;AACzB,SAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;AACrC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;IAGI,gBAAgB,GAAA;QACtB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC;QAC5D,MAAM,cAAc,GAAG,QAAQ,KAAK,IAAI,KAAK,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;AAE5G,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACvC,YAAA,IAAI,CAAC,WAAW,GAAG,cAAc;;;AAuBrC,IAAA,IAAY,OAAO,GAAA;QACjB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;YACzB,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,kCAAkC,EAAE,IAAI,CAAC,WAAW;YACpD,mCAAmC,EAAE,IAAI,CAAC,YAAY;SAC5B;;IAG9B,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,GAAG,KAAK;AAErD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,2BAA2B,EAAE,IAAI;YACjC,iCAAiC,EAAE,IAAI,CAAC,YAAY;SAC1B;QAE5B,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAiB,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAA,EACxH,IAAI,CAAC,IAAI,KACRA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,CAAa,CAC7D,CACP,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EAEL,IAAI,CAAC,WAAW,KACfA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAA,EAC3DA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,iBAAiB,GAAY,CACxC,CACP,CACG,CACF,EAEL,IAAI,CAAC,WAAW,KACfA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,OAAO,GAAG,MAAM,EAAE,EAAA,EAChGA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,WAAW,EAAA,CAAQ,CAC1B,CACP,CACI;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 
 const spwDropdownCss = "/*! 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}: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)}}";
 
@@ -12,7 +12,7 @@ const SpwDropdown = class {
         /** Active un padding interne */
         this.hasPadding = true;
         /** Largeur du dropdown (px) */
-        this.contentWidth = 200;
+        this.contentWidth = 300;
         /** Contrôle externe du dropdown */
         this.open = false;
         this.isVisible = false;

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

@@ -1 +1 @@
-{"file":"spw-dropdown.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 200;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-dropdown.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"spw-dropdown.entry.cjs.js","sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 200;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"spw-dropdown.entry.cjs.js","sources":["src/components/spw-dropdown/spw-dropdown.scss?tag=spw-dropdown&encapsulation=shadow","src/components/spw-dropdown/spw-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  line-height: 1;\n}\n","import { Component, Prop, State, h, Element, Method, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-dropdown',\n  styleUrl: 'spw-dropdown.scss',\n  shadow: true,\n})\nexport class SpwDropdown {\n  /** Position du dropdown */\n  @Prop() direction: 'top' | 'bottom' | 'left' | 'right' = 'bottom';\n\n  /** Active un padding interne */\n  @Prop() hasPadding: boolean = true;\n\n  /** Largeur du dropdown (px) */\n  @Prop() contentWidth: number = 300;\n\n  /** Contrôle externe du dropdown */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @State() isVisible: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  private dropdownEl: HTMLDivElement | null = null;\n  private movedContentEl: HTMLElement | null = null;\n\n  @Method()\n  async close(): Promise<void> {\n    this.open = false;\n    this.hideDropdown();\n  }\n\n  @Watch('open')\n  onOpenChange(newVal: boolean) {\n    newVal ? this.showDropdown() : this.hideDropdown();\n  }\n\n  connectedCallback() {\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n    this.handleScrollOrResize = this.handleScrollOrResize.bind(this);\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.showDropdown();\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeListeners();\n  }\n\n  private addListeners() {\n    document.addEventListener('click', this.handleClickOutside, true);\n    window.addEventListener('scroll', this.handleScrollOrResize, true);\n    window.addEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private removeListeners() {\n    document.removeEventListener('click', this.handleClickOutside, true);\n    window.removeEventListener('scroll', this.handleScrollOrResize, true);\n    window.removeEventListener('resize', this.handleScrollOrResize);\n  }\n\n  private handleClickOutside(event: MouseEvent) {\n    if (!this.host.contains(event.target as Node) && !this.dropdownEl?.contains(event.target as Node)) {\n      this.close();\n    }\n  }\n\n  private handleScrollOrResize() {\n    if (this.isVisible) {\n      this.positionDropdown();\n    }\n  }\n\n  private showDropdown = () => {\n    if (this.isVisible) return;\n\n    const slotContent = this.host.querySelector('[slot=\"dropdownContent\"]') as HTMLElement;\n    if (!slotContent) return;\n\n    this.isVisible = true;\n\n    this.dropdownEl = document.createElement('div');\n    this.dropdownEl.className = `spw-dropdown-fixed spw-dropdown-fixed--${this.direction}`;\n    if (this.hasPadding) this.dropdownEl.classList.add('spw-dropdown-fixed--padded');\n\n    this.dropdownEl.setAttribute('role', 'menu');\n    this.dropdownEl.style.width = `${this.contentWidth || 200}px`;\n\n    this.movedContentEl = slotContent;\n    this.dropdownEl.appendChild(this.movedContentEl);\n\n    document.body.appendChild(this.dropdownEl);\n\n    requestAnimationFrame(() => {\n      this.positionDropdown();\n      this.addListeners();\n    });\n  };\n\n  private hideDropdown = () => {\n    if (!this.isVisible) return;\n\n    this.isVisible = false;\n    this.open = false;\n\n    if (this.dropdownEl && this.movedContentEl) {\n      this.host.appendChild(this.movedContentEl);\n    }\n\n    if (this.dropdownEl?.parentNode) {\n      this.dropdownEl.parentNode.removeChild(this.dropdownEl);\n    }\n\n    this.dropdownEl = null;\n    this.movedContentEl = null;\n\n    this.removeListeners();\n  };\n\n  private positionDropdown() {\n    if (!this.dropdownEl) return;\n\n    const trigger = this.host.shadowRoot?.querySelector('.spw-dropdown__trigger');\n    if (!trigger) return;\n\n    const rect = trigger.getBoundingClientRect();\n    const dropdown = this.dropdownEl;\n\n    dropdown.style.visibility = 'hidden';\n    dropdown.style.position = 'fixed';\n    dropdown.style.display = 'flex';\n\n    const dropdownRect = dropdown.getBoundingClientRect();\n\n    let top = 0;\n    let left = 0;\n\n    switch (this.direction) {\n      case 'top':\n        top = rect.top - dropdownRect.height - 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'bottom':\n        top = rect.bottom + 8;\n        left = rect.left + (rect.width - dropdownRect.width) / 2;\n        break;\n      case 'left':\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.left - dropdownRect.width - 8;\n        break;\n      case 'right':\n      default:\n        top = rect.top + (rect.height - dropdownRect.height) / 2;\n        left = rect.right + 8;\n        break;\n    }\n\n    dropdown.style.top = `${top}px`;\n    dropdown.style.left = `${left}px`;\n    dropdown.style.zIndex = '9999';\n    dropdown.style.visibility = 'visible';\n  }\n\n  render() {\n    return (\n      <div class=\"spw-dropdown__trigger\" onClick={() => (this.open = !this.open)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/spw-field-label_6.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 
 const spwFieldLabelCss = "/*! 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-field-label{color:var(--spw-color-themes-grey-grey-800);display:block;font-weight:600;margin-bottom:.5rem}.spw-field-label__required{color:var(--spw-ds-primary)}.spw-tw-mb-3{margin-bottom:.75rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";
 
@@ -20,7 +20,7 @@ const SpwFieldLabel = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'e214b8c000da02c3a7eabb804d4b22d8eabf0017' }, index.h("label", { key: '8397370f89f285635897828815050265efe582ef', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, this.label, " ", this.required && index.h("span", { key: '3d4bc2af13e134cf19ac65f970a3a4240e9d137b', class: "spw-field-label__required" }, "*"))));
+        return (index.h(index.Host, { key: '258c881478963c45000168061a8c816bb565b087' }, index.h("label", { key: '316132012ed4a875c8e1a96d1a661bd9f57b0b5b', class: "spw-field-label", htmlFor: this.name, onClick: this.handleClick }, this.label, " ", this.required && index.h("span", { key: '0d1948dd64208307936b034b5d75fda146106c74', class: "spw-field-label__required" }, "*"))));
     }
     get el() { return index.getElement(this); }
 };
@@ -74,7 +74,7 @@ const SpwGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '9731f79adb2295e094b35b61c273886d1fe8eebe' }, index.h("div", { key: '13741d449663ef6ab13e61812552c8b9b3aa2cbd', class: this.groupClasses }, this.label && index.h("spw-field-label", { key: 'f9b3876ed3537eb551ac3f16fd368a30a2e44926', class: "spw-tw-mb-3", label: this.label, name: this.name, required: this.required }), index.h("div", { key: 'c72569c4fb300caea6183cfae05f334875dfc09e', class: "spw-group__container" }, index.h("slot", { key: '44bb853320a59a8ce1295e0fdf06bd3c4df09c49', ref: el => (this.slotEl = el) })))));
+        return (index.h(index.Host, { key: 'dc2706bf3fcf14a4ce66ca752b3b711ef8dd5549' }, index.h("div", { key: '36de58106b119a68a29ae5422746437afc0c399d', class: this.groupClasses }, this.label && index.h("spw-field-label", { key: '4cf29052c6b891f2a1fcff4f7667a320a706841d', class: "spw-tw-mb-3", label: this.label, name: this.name, required: this.required }), index.h("div", { key: 'd771fd803484da3034d5297e04d166d874b56b0d', class: "spw-group__container" }, index.h("slot", { key: 'd16c70177f20cfb1f978486dd1e6e7a2bfc668d4', ref: el => (this.slotEl = el) })))));
     }
     get host() { return index.getElement(this); }
 };
@@ -101,7 +101,7 @@ const spwLinkCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/
 const SpwLink = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.spwClick = index.createEvent(this, "spwClick");
+        this.spwClick = index.createEvent(this, "spwClick", 7);
         /** Attribut target (détermine où ouvrir le lien) */
         this.target = '_self';
         /** Position de l'icône à l'intérieur du lien (gauche ou droite) */
@@ -135,7 +135,7 @@ const SpwLink = class {
         };
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = icon ? index.h("spw-icon", { class: iconClass, icon: icon }) : null;
-        return (index.h("a", Object.assign({ key: 'e0f82245f511e930a70f4eb5a872ad73b86d30c5', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: '77eb530be7a5ed9de3ed2c4f19839061e70d64c1', class: "spw-link__inner" }, index.h("slot", { key: '6c803c3372e281aaf5205baa1b0d1441d200f7e5' })), iconPosition === 'right' && iconElement));
+        return (index.h("a", Object.assign({ key: '6b8b34ebb09aa98e0924f1de932e423baa048d37', href: disabled ? undefined : href, rel: rel, target: target, class: this.elementClass, onClick: this.onClick }, ariaAttributes), iconPosition === 'left' && iconElement, index.h("div", { key: 'ee0b12555f84eaf1d8cce884e658ed12276dbfba', class: "spw-link__inner" }, index.h("slot", { key: '7240f63b0d6ba01e8eeae7c7016f22916a6dc630' })), iconPosition === 'right' && iconElement));
     }
     get el() { return index.getElement(this); }
 };
@@ -172,7 +172,7 @@ const SpwSeparator = class {
         };
     }
     render() {
-        return index.h("div", { key: '109c32f1b6daa299ac305a7cfd983164639f2464', class: this.elementClass, style: this.style });
+        return index.h("div", { key: '888d77fa5ca4a8030f263a30422e86068500cb29', class: this.elementClass, style: this.style });
     }
 };
 SpwSeparator.style = spwSeparatorCss;
@@ -235,7 +235,7 @@ const SpwThemeProvider = class {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (index.h("main", { key: '6f7aca521c79251d53fe6a1f6be05b22ce24da4d', class: `spw-theme-${this.theme}` }, index.h("slot", { key: '2967c6e79bd74eff414de7180e57287d557ffac1' })));
+        return (index.h("main", { key: '5d50d6efac83371a0a7778ffe03db3921ea27bc0', class: `spw-theme-${this.theme}` }, index.h("slot", { key: '1e8e82d5368254187805aff59f0c33b0fc55bda8' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/spw-field-message.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
+var index = require('./index-ivINMH9O.js');
 
 const spwFieldMessageCss = "/*! 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-field-message{display:block;display:flex;gap:8px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-800)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message--warning{color:var(--spw-color-themes-orange-orange-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";
 
@@ -31,7 +31,7 @@ const SpwFieldMessage = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '317bf98a34fad1abd03b2e85f5e11bca4a56a645' }, index.h("div", { key: 'ccf8948f8e4a222675f16ef3edb111167b1dac67', class: this.elementClass }, this.showIcon && (index.h("div", { key: '01e694d31e53b72968eed0e62d9a8484553b7493', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'a5bb727af018bd42f3d4c32b46ccd61ee4cb8174', icon: this.variantIcon }))), index.h("span", { key: '5555b7b8405ab026f43619591440997c2acffe33', class: "spw-field-message__text" }, index.h("slot", { key: 'f6781d62b64e910e7f8fb3ee32b0c2bad24a15c3' })))));
+        return (index.h(index.Host, { key: '95fada96ae0c655bb4c1d427ed5b9dc0e9057683' }, index.h("div", { key: 'bde1388b8e07c7832650f8063d49421b81220020', class: this.elementClass }, this.showIcon && (index.h("div", { key: '3d532d21bf20213f460702d7390a81bc385f408b', class: "spw-field-message__icon" }, index.h("spw-icon", { key: 'f76d215f5639258e38e008c4992fd252b89f0923', icon: this.variantIcon }))), index.h("span", { key: '07d7762df44f5f14d23a032bcc532fef68bd29e5', class: "spw-field-message__text" }, index.h("slot", { key: 'fe807df34d8a13624d43b6e9b4789065af22ca62' })))));
     }
 };
 SpwFieldMessage.style = spwFieldMessageCss;

package/dist/cjs/spw-file-upload.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-iVhYitTd.js');
-var utils = require('./utils-CKYAw_Le.js');
+var index = require('./index-ivINMH9O.js');
+var utils = require('./utils-D_vNTY6w.js');
 
 const spwFileUploadCss = "/*! 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-file-upload{display:block;position:relative}.spw-file-upload__wrapper--error{background-color:#ffe6e6;border-color:#ff4d4d}.spw-file-upload__wrapper--dragging{background-color:#e0f7fa;border-color:#00acc1}.spw-file-upload spw-button{display:inline-block;margin-bottom:8px}.spw-file-upload__errors{color:var(--spw-colors-dark-themes-red-red-500);font-size:14px;font-weight:600}.spw-file-upload__errors li{margin-top:16px}.spw-file-upload__errors--warning{color:var(--spw-color-themes-grey-grey-800);font-weight:400}.spw-file-upload__hints{color:var(--spw-color-themes-grey-grey-600);font-size:14px;margin-top:16px}.spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-50);border:1px dashed #333;border-radius:8px;color:#555;cursor:pointer;font-weight:700;padding:20px;text-align:center}.spw-file-upload__dropzone:not(.spw-file-upload--disabled):hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):active,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-visible,.spw-file-upload__dropzone:not(.spw-file-upload__wrapper--disabled):focus-within{outline:2px solid var(--spw-ds-focus)}.spw-file-upload__dropzone-link{color:var(--spw-ds-primary);text-decoration:underline}.spw-file-upload__dropzone-link:hover{text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone-link{color:inherit;text-decoration:none}.spw-file-upload__wrapper--disabled .spw-file-upload__dropzone{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-400);cursor:not-allowed;outline:none!important}.spw-file-upload--is-dragging .spw-file-upload__dropzone{background:var(--spw-colors-dark-themes-blue-grey-blue-grey-200)}.spw-file-upload__info-list{border-top:1px solid #eee;margin-top:16px}.spw-file-upload__info-list li{align-items:center;border-bottom:1px solid #eee;color:var(--spw-color-themes-grey-grey-900);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;justify-content:space-between;padding:16px 8px}@media (min-width:768px){.spw-file-upload__info-list li{flex-wrap:nowrap;gap:16px}}.spw-file-upload__info-list-actions{display:flex;gap:8px}@media (min-width:768px){.spw-file-upload__info-list-actions{gap:16px}}.spw-file-upload__info-list-delete{color:inherit}.spw-file-upload__info-list-delete:hover{text-decoration:none}.spw-tw-mr-2{margin-right:.5rem}";
 
 const SpwFileUpload = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.spwFileChange = index.createEvent(this, "spwFileChange");
+        this.spwFileChange = index.createEvent(this, "spwFileChange", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
         }
@@ -152,6 +152,7 @@ const SpwFileUpload = class {
         this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);
         this.fileLimitErrors = [];
         this.updateFormValue();
+        this.spwFileChange.emit({ files: this.selectedFiles });
     }
     handleKeydown(event) {
         if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {
@@ -187,10 +188,10 @@ const SpwFileUpload = class {
     render() {
         const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';
         const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';
-        return (index.h("div", { key: '905a44e832e6ccd19b72f2185cddf32499e35e31', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: 'ab7e977d7aa91483669b00a405436c47994984f1', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: 'd0771d550e3686310adeae371503cb9970130e4f', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '09f6a60bddfa09069f7181d0222fc925d72a11ea' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: 'e8ba3c083e0b132ea17bfdd8c54be97a828eb452', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-tw-mr-2" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
+        return (index.h("div", { key: 'd1729f2e8e132eaae9466fd3de9d3cce1f1ab495', class: this.elementClass, onDragOver: this.handleDragOver.bind(this), onDragLeave: this.handleDragLeave.bind(this), onDrop: this.handleDrop.bind(this) }, index.h("input", { key: '006a507254e955356d0665cc379795680ec97cc0', type: "file", ref: el => (this.inputElement = el), onChange: this.handleFileChange.bind(this), name: this.name, multiple: this.multiple, accept: this.accept, style: { display: 'none' }, disabled: this.isMaxFilesReached }), this.enableDropZone ? (index.h("div", { tabindex: this.disabled || this.isMaxFilesReached ? -1 : 0, onKeyDown: this.handleKeydown.bind(this), onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), class: "spw-file-upload__dropzone" }, inputTextDrop, " ou ", index.h("span", { class: "spw-file-upload__dropzone-link" }, "choisissez sur votre ordinateur..."))) : (index.h("spw-button", { variant: "secondary", onClick: () => !this.disabled && !this.isMaxFilesReached && this.inputElement.click(), disabled: this.disabled || this.isMaxFilesReached }, inputTextNoDrop)), index.h("div", { key: 'ec66251b01f2e4371256ec1f438172f24bb99664', class: "spw-file-upload__hints" }, this.hintsMessages.length > 0 && (index.h("ul", { key: '7f38d26e4951f5617224cc543305d96b6b0a1a48' }, this.hintsMessages.map((message, index$1) => (index.h("li", { key: index$1 }, message)))))), index.h("div", { key: 'a7b0ababb16f32dce72bcd0e476fcd7fe7bff743', class: "spw-file-upload__info" }, this.selectedFiles.length > 0 ? (index.h("ul", { class: "spw-file-upload__info-list" }, this.selectedFiles.map((file, index$1) => (index.h("li", { key: index$1 }, index.h("span", { class: "spw-file-upload__info-list-name" }, file.name), index.h("div", { class: "spw-file-upload__info-list-actions" }, index.h("span", { class: "spw-tw-mr-2" }, utils.formatFileSize(file.size)), index.h("a", { class: "spw-file-upload__info-list-delete", href: "#", onClick: e => {
                 e.preventDefault();
                 this.removeFile(index$1);
-            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'ac0e10ceafaf74b7a12045cc01c228c80acf6a91', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '57cb8990cdb8212a7066869cd0a0671bdd7d3b42', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: "fa-warning" }), message))))))));
+            } }, "Supprimer"))))))) : (''), this.fileLimitErrors.length > 0 && (index.h("ul", { key: 'a00de4a895820fc4bf993fdf9bad95a84238398d', class: `spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}` }, this.fileLimitErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning' }), message))))), this.fileTypeErrors.length > 0 && (index.h("ul", { key: '6fe0f58fa4269cb953f3f2d74668a2d640fb408c', class: "spw-file-upload__errors" }, this.fileTypeErrors.map((message, index$1) => (index.h("li", { key: index$1 }, index.h("spw-icon", { class: "spw-tw-mr-2", icon: "fa-warning" }), message))))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/spw-file-upload.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-file-upload.entry.cjs.js","mappings":"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","names":["h","index","formatFileSize"],"sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-file-upload.entry.cjs.js","mappings":"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","names":["h","index","formatFileSize"],"sources":["src/components/spw-file-upload/spw-file-upload.scss?tag=spw-file-upload&encapsulation=shadow","src/components/spw-file-upload/spw-file-upload.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-file-upload {\n  display: block;\n  position: relative;\n\n  &__wrapper {\n    &--error {\n      border-color: #ff4d4d;\n      background-color: #ffe6e6;\n    }\n\n    &--dragging {\n      background-color: #e0f7fa;\n      border-color: #00acc1;\n    }\n  }\n\n  spw-button {\n    display: inline-block;\n    margin-bottom: 8px;\n  }\n\n  &__errors {\n    font-size: 14px;\n    color: var(--spw-colors-dark-themes-red-red-500);\n    font-weight: 600;\n    li {\n      margin-top: 16px;\n    }\n    &--warning {\n      color: var(--spw-color-themes-grey-grey-800);\n      font-weight: 400;\n    }\n  }\n\n  &__hints {\n    font-size: 14px;\n    color: var(--spw-color-themes-grey-grey-600);\n    margin-top: 16px;\n  }\n}\n\n.spw-file-upload__dropzone {\n  cursor: pointer;\n  color: #555;\n  background: var(--spw-colors-dark-themes-blue-grey-blue-grey-50);\n  padding: 20px;\n  border-radius: 8px;\n  border: 1px dashed #333;\n  font-weight: bold;\n  text-align: center;\n\n  &:not(.spw-file-upload--disabled):hover {\n    outline: 4px solid var(--spw-color-themes-grey-grey-300);\n  }\n\n  &:not(.spw-file-upload__wrapper--disabled):focus-visible,\n  &:not(.spw-file-upload__wrapper--disabled):active,\n  &:not(.spw-file-upload__wrapper--disabled):focus-within {\n    outline: 2px solid var(--spw-ds-focus);\n  }\n\n  &-link {\n    color: var(--spw-ds-primary);\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n    .spw-file-upload__wrapper--disabled & {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n\n  .spw-file-upload__wrapper--disabled & {\n    cursor: not-allowed;\n    background: var(--spw-color-themes-grey-grey-100);\n    color: var(--spw-color-themes-grey-grey-400);\n    border-color: var(--spw-color-themes-grey-grey-300);\n    outline: none !important;\n  }\n\n  .spw-file-upload--is-dragging & {\n    background: var(--spw-colors-dark-themes-blue-grey-blue-grey-200);\n  }\n}\n\n.spw-file-upload__info {\n  &-list {\n    margin-top: 16px;\n    border-top: 1px solid #eee;\n\n    li {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 8px;\n      border-bottom: 1px solid #eee;\n      color: var(--spw-color-themes-grey-grey-900);\n      font-size: 14px;\n\n      @include breakpoint(md) {\n        flex-wrap: nowrap;\n        gap: 16px;\n      }\n    }\n\n    &-actions {\n      display: flex;\n      gap: 8px;\n      @include breakpoint(md) {\n        gap: 16px;\n      }\n    }\n\n    &-delete {\n      color: inherit;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n}\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Method, AttachInternals } from '@stencil/core';\nimport { formatFileSize } from '@utils/utils';\n\n@Component({\n  tag: 'spw-file-upload',\n  styleUrl: 'spw-file-upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class SpwFileUpload {\n  private inputElement: HTMLInputElement;\n\n  @Element() el: HTMLSpwFileUploadElement;\n\n  /** Indique si le champ est désactivé, rendant le téléversement de fichiers non disponible */\n  @Prop() disabled: boolean = false;\n  /** Indique s'il y a une erreur visuelle associée au composant de téléversement de fichiers */\n  @Prop() error: boolean = false;\n  /** Nom de l'élément utilisé dans les formulaires pour associer la valeur des fichiers */\n  @Prop() name: string;\n  /** Valeur actuelle sélectionnée, utilisée pour les formulaires */\n  @Prop() value: string;\n  /** Active ou désactive la zone de dépôt pour le glisser-déposer de fichiers */\n  @Prop() enableDropZone: boolean = false;\n  /** Permet de téléverser plusieurs fichiers si vrai */\n  @Prop() multiple: boolean = false;\n  /** Types de fichiers acceptés, spécifiés sous forme de chaîne de types MIME */\n  @Prop() accept: string = '';\n  /** Taille maximale autorisée pour chaque fichier, en Mo */\n  @Prop() maxFileSize: number = 100;\n  /** Nombre maximal de fichiers pouvant être téléversés */\n  @Prop() maxFiles: number = Infinity;\n\n  @State() internalValue: string;\n  @State() selectedFiles: File[] = [];\n  @State() fileTypeErrors: string[] = [];\n  @State() fileLimitErrors: string[] = [];\n  @State() isDragging: boolean = false;\n  @State() isMaxFilesReachedExact: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n  /** Événement émis lorsque la sélection de fichiers change */\n  @Event({ bubbles: true, composed: true }) spwFileChange: EventEmitter<{ files: File[] }>;\n\n  componentWillLoad() {\n    this.internalValue = this.value;\n    this.maxFileSize = this.maxFileSize * 1024 * 1024;\n  }\n\n  componentWillUpdate() {\n    if (this.value !== this.internalValue) {\n      this.internalValue = this.value;\n    }\n  }\n\n  get isMaxFilesReached(): boolean {\n    return this.selectedFiles.length >= this.maxFiles;\n  }\n\n  private handleFileChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const files = input.files ? Array.from(input.files) : [];\n    this.processFiles(files);\n  }\n\n  private processFiles(files: File[]) {\n    this.fileTypeErrors = [];\n    this.fileLimitErrors = [];\n    this.isMaxFilesReachedExact = false;\n\n    if (!this.multiple) {\n      this.selectedFiles = [];\n      files = files.slice(0, 1);\n    }\n\n    const validFiles = files.filter(file => {\n      const isFileAccepted = this.isFileAccepted(file);\n      const isFileSizeValid = this.isFileSizeValid(file);\n\n      if (!isFileAccepted && !isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n’a pas été pris en compte car le format n’est pas autorisé et la limite de poids est dépassée.`);\n        return false;\n      } else if (!isFileAccepted) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car le format n'est pas autorisé.`);\n        return false;\n      } else if (!isFileSizeValid) {\n        this.fileTypeErrors.push(`${file.name} n'a pas été pris en compte car il dépasse la taille maximale autorisée.`);\n        return false;\n      }\n\n      return true;\n    });\n\n    if (this.selectedFiles.length + validFiles.length >= this.maxFiles) {\n      const allowedFiles = this.maxFiles - this.selectedFiles.length;\n\n      if (this.selectedFiles.length + validFiles.length === this.maxFiles) {\n        this.isMaxFilesReachedExact = true;\n        this.fileLimitErrors.push('Vous avez atteint la limite autorisée de fichiers.');\n      } else {\n        validFiles.splice(allowedFiles);\n        const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n        this.fileLimitErrors.push(`Vous ne pouvez pas télécharger plus de ${this.maxFiles} ${maxFilesText}.`);\n      }\n    }\n\n    this.selectedFiles = [...this.selectedFiles, ...validFiles];\n\n    this.spwFileChange.emit({ files: this.selectedFiles });\n    this.updateFormValue();\n  }\n\n  private isFileAccepted(file: File): boolean {\n    if (!this.accept) return true;\n    const acceptedTypes = this.accept.split(',').map(type => type.trim());\n    return acceptedTypes.includes(file.type) || acceptedTypes.some(type => file.name.endsWith(type));\n  }\n\n  private isFileSizeValid(file: File): boolean {\n    return file.size <= this.maxFileSize;\n  }\n\n  private updateFormValue() {\n    if (this.selectedFiles.length > 0) {\n      const formData = new FormData();\n      this.selectedFiles.forEach((file, index) => {\n        formData.append(`${this.name}[${index}]`, file);\n      });\n      this.internalValue = formData.toString();\n      this.internals.setFormValue(formData);\n    } else {\n      this.internalValue = '';\n      this.internals.setFormValue(null);\n    }\n  }\n\n  /** Réinitialise le champ de téléchargement de fichiers */\n  @Method()\n  async resetInput() {\n    this.inputElement.value = '';\n    this.selectedFiles = [];\n    this.fileLimitErrors = [];\n    this.fileTypeErrors = [];\n    this.updateFormValue();\n  }\n\n  formResetCallback() {\n    this.resetInput();\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = true;\n    }\n  }\n\n  private handleDragLeave() {\n    if (!this.disabled && this.enableDropZone) {\n      this.isDragging = false;\n    }\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault();\n    if (!this.disabled && this.enableDropZone && !this.isMaxFilesReached) {\n      this.isDragging = false;\n      const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];\n      this.processFiles(files);\n    }\n  }\n\n  private removeFile(index: number) {\n    this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n    this.fileLimitErrors = [];\n    this.updateFormValue();\n    this.spwFileChange.emit({ files: this.selectedFiles });\n  }\n\n  private handleKeydown(event) {\n    if ((event.key === ' ' || event.key === 'Enter') && !this.isMaxFilesReached) {\n      event.preventDefault();\n      !this.disabled && this.inputElement.click();\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-file-upload__wrapper': true,\n      'spw-file-upload__wrapper--disabled': this.disabled || this.isMaxFilesReached,\n      'spw-file-upload__wrapper--error': this.error,\n      'spw-file-upload--has-dropzone': this.enableDropZone,\n      'spw-file-upload--is-dragging': this.isDragging,\n    };\n  }\n\n  private get hintsMessages(): string[] {\n    const maxSizeInMB = this.maxFileSize / (1024 * 1024);\n    const acceptedFormats = this.accept ? this.accept : 'tous les formats';\n    const messages = [];\n    let message = `Taille maximale par fichier : ${maxSizeInMB} Mo`;\n\n    if (this.multiple && this.maxFiles !== Infinity) {\n      const maxFilesText = this.maxFiles > 1 ? 'fichiers' : 'fichier';\n      message += ` - ${this.maxFiles} ${maxFilesText} maximum.`;\n    } else {\n      message += '.';\n    }\n\n    messages.push(message);\n    messages.push(`Formats autorisés : ${acceptedFormats}.`);\n\n    return messages;\n  }\n\n  render() {\n    const inputTextNoDrop = this.multiple ? 'Choisir vos fichiers...' : 'Choisir votre fichier...';\n    const inputTextDrop = this.multiple ? 'Déposez vos fichiers ici' : 'Déposez votre fichier ici';\n\n    return (\n      <div class={this.elementClass} onDragOver={this.handleDragOver.bind(this)} onDragLeave={this.handleDragLeave.bind(this)} onDrop={this.handleDrop.bind(this)}>\n        <input\n          type=\"file\"\n          ref={el => (this.inputElement = el)}\n          onChange={this.handleFileChange.bind(this)}\n          name={this.name}\n          multiple={this.multiple}\n          accept={this.accept}\n          style={{ display: 'none' }}\n          disabled={this.isMaxFilesReached}\n        />\n        {this.enableDropZone ? (\n          <div\n            tabindex={this.disabled || this.isMaxFilesReached ? -1 : 0}\n            onKeyDown={this.handleKeydown.bind(this)}\n            onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()}\n            class=\"spw-file-upload__dropzone\"\n          >\n            {inputTextDrop} ou <span class=\"spw-file-upload__dropzone-link\">choisissez sur votre ordinateur...</span>\n          </div>\n        ) : (\n          <spw-button variant=\"secondary\" onClick={() => !this.disabled && !this.isMaxFilesReached && this.inputElement.click()} disabled={this.disabled || this.isMaxFilesReached}>\n            {inputTextNoDrop}\n          </spw-button>\n        )}\n        <div class=\"spw-file-upload__hints\">\n          {this.hintsMessages.length > 0 && (\n            <ul>\n              {this.hintsMessages.map((message, index) => (\n                <li key={index}>{message}</li>\n              ))}\n            </ul>\n          )}\n        </div>\n        <div class=\"spw-file-upload__info\">\n          {this.selectedFiles.length > 0 ? (\n            <ul class=\"spw-file-upload__info-list\">\n              {this.selectedFiles.map((file, index) => (\n                <li key={index}>\n                  <span class=\"spw-file-upload__info-list-name\">{file.name}</span>\n                  <div class=\"spw-file-upload__info-list-actions\">\n                    <span class=\"spw-tw-mr-2\">{formatFileSize(file.size)}</span>\n                    <a\n                      class=\"spw-file-upload__info-list-delete\"\n                      href=\"#\"\n                      onClick={e => {\n                        e.preventDefault();\n                        this.removeFile(index);\n                      }}\n                    >\n                      Supprimer\n                    </a>\n                  </div>\n                </li>\n              ))}\n            </ul>\n          ) : (\n            ''\n          )}\n          {this.fileLimitErrors.length > 0 && (\n            <ul class={`spw-file-upload__errors ${this.isMaxFilesReachedExact ? 'spw-file-upload__errors--warning' : ''}`}>\n              {this.fileLimitErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon={this.isMaxFilesReachedExact ? 'fa-circle-exclamation' : 'fa-warning'}></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n          {this.fileTypeErrors.length > 0 && (\n            <ul class=\"spw-file-upload__errors\">\n              {this.fileTypeErrors.map((message, index) => (\n                <li key={index}>\n                  <spw-icon class=\"spw-tw-mr-2\" icon=\"fa-warning\"></spw-icon>\n                  {message}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}