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

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js

@@ -7,9 +7,12 @@ export class SpwSidebarNavigationItem {
         this.disabled = false;
         /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */
         this.iconVariant = 'fa-regular';
+        /** A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique) */
+        this.openOnClick = false;
         this.hasDropdown = false;
         this.dropdownOpen = false;
         this.navExpanded = false;
+        this.hasActiveChild = false;
         this.checkNavExpanded = () => {
             this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');
         };
@@ -31,12 +34,58 @@ export class SpwSidebarNavigationItem {
                 this.dropdownOpen = dropdown.open;
             }
         };
+        this.handleItemClick = (event) => {
+            if (this.disabled)
+                return;
+            if (this.openOnClick && this.hasDropdown) {
+                const clickedElement = event.target;
+                const isChildNavigationItem = clickedElement.closest('spw-sidebar-navigation-item') !== this.el;
+                if (isChildNavigationItem) {
+                    return;
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                if (!this.navExpanded) {
+                    document.body.classList.add('spw-sidebar-expanded');
+                    setTimeout(() => {
+                        this.openDropdown();
+                    }, 300);
+                }
+                else {
+                    this.toggleDropdown();
+                }
+            }
+        };
+        this.openDropdown = () => {
+            var _a;
+            const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown');
+            if (dropdown) {
+                dropdown.open = true;
+                (_a = dropdown.setAttribute) === null || _a === void 0 ? void 0 : _a.call(dropdown, 'open', '');
+                this.dropdownOpen = true;
+            }
+        };
+        this.toggleDropdown = () => {
+            var _a, _b;
+            const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown');
+            if (dropdown) {
+                dropdown.open = !dropdown.open;
+                if (dropdown.open) {
+                    (_a = dropdown.setAttribute) === null || _a === void 0 ? void 0 : _a.call(dropdown, 'open', '');
+                }
+                else {
+                    (_b = dropdown.removeAttribute) === null || _b === void 0 ? void 0 : _b.call(dropdown, 'open');
+                }
+                this.dropdownOpen = dropdown.open;
+            }
+        };
     }
     componentDidLoad() {
         this.checkForDropdown();
         this.setupMutationObserver();
         this.checkNavExpanded();
         this.setupBodyClassObserver();
+        this.propagateActiveStateToParents();
     }
     componentDidUpdate() {
         this.checkForDropdown();
@@ -80,25 +129,54 @@ export class SpwSidebarNavigationItem {
             attributeFilter: ['class'],
         });
     }
+    propagateActiveStateToParents() {
+        if (this.active) {
+            this.activateParentItems();
+        }
+        const childItems = this.el.querySelectorAll('spw-sidebar-navigation-item');
+        const hasActiveDescendant = Array.from(childItems).some((child) => child.active === true || child.getAttribute('active') === 'true');
+        if (hasActiveDescendant) {
+            this.hasActiveChild = true;
+            this.openDropdown();
+        }
+    }
+    activateParentItems() {
+        let parent = this.el.parentElement;
+        while (parent) {
+            const parentItem = parent.closest('spw-sidebar-navigation-item');
+            if (parentItem && parentItem !== this.el) {
+                parentItem.hasActiveChild = true;
+                const dropdown = parentItem.querySelector(':scope > spw-sidebar-navigation-dropdown');
+                if (dropdown) {
+                    dropdown.open = true;
+                    dropdown.setAttribute('open', '');
+                }
+                parent = parentItem.parentElement;
+            }
+            else {
+                break;
+            }
+        }
+    }
     get classes() {
         return {
             'spw-sidebar-navigation-item': true,
-            'spw-sidebar-navigation-item--active': this.active,
+            'spw-sidebar-navigation-item--active': this.active || this.hasActiveChild,
             'spw-sidebar-navigation-item--disabled': this.disabled,
             'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,
             'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,
         };
     }
     render() {
-        const Tag = this.href && !this.disabled ? 'a' : 'div';
-        const iconContent = h("spw-icon", { key: '8371a1fe7024feb9c68534858fc8768a7e1cf95e', variant: this.iconVariant, icon: this.icon });
-        const iconDiv = (h("div", { key: 'e9e34febe064a3facaa09fd23d330ac417d04c04', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '31ae7f9415ebe94381b9df72b00897064ad2f88e', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
+        const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';
+        const iconContent = h("spw-icon", { key: '551dd344206c2a0a747505c215bbdcb8630e70af', variant: this.iconVariant, icon: this.icon });
+        const iconDiv = (h("div", { key: '033a5245bad2cb52ac940e798e2ac50696134c90', class: "spw-sidebar-navigation-item__icon" }, this.bubble && h("span", { key: '00b15c2081a53f8175390da5c15d5fd015497698', class: "spw-sidebar-navigation-item__bubble" }, this.bubble), iconContent));
         const iconWithBubble = this.tooltipTitle ? (h("spw-tooltip", { cursor: this.disabled ? 'disabled' : 'pointer', "tooltip-title": this.tooltipTitle, direction: "right", visible: !this.navExpanded }, iconDiv)) : (iconDiv);
         const toggleClasses = {
             'spw-sidebar-navigation-item__dropdown-toggle': true,
             'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,
         };
-        return (h(Tag, { key: 'a7ffd31c241efc7524e4ac47af8e1e5d54d9dc35', class: this.classes, href: this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0 }, this.icon && iconWithBubble, h("div", { key: '6c01087c628490b790543c4eea02259d748083c9', class: "spw-sidebar-navigation-item__content" }, h("div", { key: 'fdab7760fe3995a44a1eb90296328b468a567ea3', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: '18fcbae9c031f6976438141e5aec16ed0e61aa92' })), this.hasDropdown && (h("div", { key: 'a26d8b8cb3620f5eddb87503e2031d614a125504', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '45589b6bd31dcd3b0f9307ea88fb6a7cb7fc68c1', icon: "fa-chevron-down" }))), h("slot", { key: 'd0738e4c9fc413811cb882fb0c472e4fa3ae652f', name: "dropdown" }))));
+        return (h(Tag, { key: 'b67e6b8a6918b209fd5f589bc63c2ea141c23ecd', class: this.classes, href: this.openOnClick ? undefined : this.href, "aria-disabled": this.disabled ? 'true' : undefined, tabIndex: this.disabled ? -1 : 0, onClick: this.openOnClick ? this.handleItemClick : undefined }, this.icon && iconWithBubble, h("div", { key: '321ea3fb1f0142f08eb8e9181e946b40603df3b7', class: "spw-sidebar-navigation-item__content" }, h("div", { key: '5aa95a61305bfe337cfdae0e7709a1f4a7280e94', class: "spw-sidebar-navigation-item__content-label" }, h("slot", { key: 'a73d04cbda3c6dbdfec620dacd6a9e93080f8892' })), this.hasDropdown && (h("div", { key: 'b8ea2990ace408c4896bf9c494b7083cd5fcd6f3', class: toggleClasses, onClick: this.handleDropdownToggle, tabIndex: this.disabled ? -1 : 0 }, h("spw-icon", { key: '94d525e89c6a052311a493419404c2d5a3f3e2c5', icon: "fa-chevron-down" }))), h("slot", { key: 'd418e150102a23a27e3e473888ecbe832a9f4f78', name: "dropdown" }))));
     }
     static get is() { return "spw-sidebar-navigation-item"; }
     static get originalStyleUrls() {
@@ -248,6 +326,26 @@ export class SpwSidebarNavigationItem {
                 "attribute": "icon-variant",
                 "reflect": false,
                 "defaultValue": "'fa-regular'"
+            },
+            "openOnClick": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique)"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "open-on-click",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }
@@ -255,7 +353,8 @@ export class SpwSidebarNavigationItem {
         return {
             "hasDropdown": {},
             "dropdownOpen": {},
-            "navExpanded": {}
+            "navExpanded": {},
+            "hasActiveChild": {}
         };
     }
     static get elementRef() { return "el"; }

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-sidebar-navigation-item.js","sourceRoot":"","sources":["../../../../src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag class={this.classes} href={this.href} aria-disabled={this.disabled ? 'true' : undefined} tabIndex={this.disabled ? -1 : 0}>\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-sidebar-navigation-item.js","sourceRoot":"","sources":["../../../../src/components/spw-sidebar/spw-sidebar-navigation-item/spw-sidebar-navigation-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar-navigation-item',\n  styleUrl: 'spw-sidebar-navigation-item.scss',\n  shadow: false,\n})\nexport class SpwSidebarNavigationItem {\n  @Element() el: HTMLElement;\n\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un href sur l'élément */\n  @Prop() href?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir une référence font-awesome sur l'élément */\n  @Prop() icon?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de mettre en évidence un état actif */\n  @Prop() active: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir si l'élément est disabled ou non */\n  @Prop() disabled: boolean = false;\n  /** A appliquer sur spw-sidebar-navigation-item, permet d'afficher une bulle de notification avec un nombre */\n  @Prop() bubble?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de définir un tooltip au hover */\n  @Prop() tooltipTitle?: string;\n  /** A appliquer sur spw-sidebar-navigation-item, permet de choisir la variante d'icônes font-awesome */\n  @Prop() iconVariant: 'fa-solid' | 'fa-brands' | 'fa-regular' = 'fa-regular';\n  /** A appliquer sur spw-sidebar-navigation-item, si true, le clic sur l'item entier ouvre le dropdown (utile quand il n'y a pas de page physique) */\n  @Prop() openOnClick: boolean = false;\n\n  @State() hasDropdown: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() navExpanded: boolean = false;\n  @State() hasActiveChild: boolean = false;\n\n  private mutationObserver?: MutationObserver;\n  private bodyClassObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkForDropdown();\n    this.setupMutationObserver();\n    this.checkNavExpanded();\n    this.setupBodyClassObserver();\n    this.propagateActiveStateToParents();\n  }\n\n  componentDidUpdate() {\n    this.checkForDropdown();\n  }\n\n  disconnectedCallback() {\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.bodyClassObserver) {\n      this.bodyClassObserver.disconnect();\n    }\n  }\n\n  private setupMutationObserver() {\n    this.mutationObserver = new MutationObserver(() => {\n      this.checkForDropdown();\n    });\n\n    this.mutationObserver.observe(this.el, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['open'],\n    });\n  }\n\n  private checkForDropdown() {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    this.hasDropdown = dropdown !== null;\n\n    if (dropdown) {\n      this.dropdownOpen = !!dropdown.open || dropdown.hasAttribute?.('open');\n    } else {\n      this.dropdownOpen = false;\n    }\n  }\n\n  private checkNavExpanded = () => {\n    this.navExpanded = document.body.classList.contains('spw-sidebar-expanded');\n  };\n\n  private setupBodyClassObserver() {\n    this.bodyClassObserver = new MutationObserver(() => {\n      this.checkNavExpanded();\n    });\n    this.bodyClassObserver.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private propagateActiveStateToParents() {\n    if (this.active) {\n      this.activateParentItems();\n    }\n\n    const childItems = this.el.querySelectorAll('spw-sidebar-navigation-item');\n    const hasActiveDescendant = Array.from(childItems).some((child: any) => child.active === true || child.getAttribute('active') === 'true');\n\n    if (hasActiveDescendant) {\n      this.hasActiveChild = true;\n      this.openDropdown();\n    }\n  }\n\n  private activateParentItems() {\n    let parent = this.el.parentElement;\n\n    while (parent) {\n      const parentItem = parent.closest('spw-sidebar-navigation-item');\n\n      if (parentItem && parentItem !== this.el) {\n        (parentItem as any).hasActiveChild = true;\n\n        const dropdown = parentItem.querySelector(':scope > spw-sidebar-navigation-dropdown') as any;\n        if (dropdown) {\n          dropdown.open = true;\n          dropdown.setAttribute('open', '');\n        }\n\n        parent = parentItem.parentElement;\n      } else {\n        break;\n      }\n    }\n  }\n\n  private get classes() {\n    return {\n      'spw-sidebar-navigation-item': true,\n      'spw-sidebar-navigation-item--active': this.active || this.hasActiveChild,\n      'spw-sidebar-navigation-item--disabled': this.disabled,\n      'spw-sidebar-navigation-item--has-dropdown': this.hasDropdown,\n      'spw-sidebar-navigation-item--dropdown-opened': this.dropdownOpen,\n    } as Record<string, boolean>;\n  }\n\n  private handleDropdownToggle = (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.disabled) return;\n\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  private handleItemClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    if (this.openOnClick && this.hasDropdown) {\n      const clickedElement = event.target as HTMLElement;\n      const isChildNavigationItem = clickedElement.closest('spw-sidebar-navigation-item') !== this.el;\n\n      if (isChildNavigationItem) {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!this.navExpanded) {\n        document.body.classList.add('spw-sidebar-expanded');\n        setTimeout(() => {\n          this.openDropdown();\n        }, 300);\n      } else {\n        this.toggleDropdown();\n      }\n    }\n  };\n\n  private openDropdown = () => {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    if (dropdown) {\n      dropdown.open = true;\n      dropdown.setAttribute?.('open', '');\n      this.dropdownOpen = true;\n    }\n  };\n\n  private toggleDropdown = () => {\n    const dropdown = this.el.querySelector('spw-sidebar-navigation-dropdown') as any;\n    if (dropdown) {\n      dropdown.open = !dropdown.open;\n      if (dropdown.open) {\n        dropdown.setAttribute?.('open', '');\n      } else {\n        dropdown.removeAttribute?.('open');\n      }\n      this.dropdownOpen = dropdown.open;\n    }\n  };\n\n  render() {\n    const Tag = this.href && !this.disabled && !this.openOnClick ? 'a' : 'div';\n\n    const iconContent = <spw-icon variant={this.iconVariant} icon={this.icon}></spw-icon>;\n\n    const iconDiv = (\n      <div class=\"spw-sidebar-navigation-item__icon\">\n        {this.bubble && <span class=\"spw-sidebar-navigation-item__bubble\">{this.bubble}</span>}\n        {iconContent}\n      </div>\n    );\n\n    const iconWithBubble = this.tooltipTitle ? (\n      <spw-tooltip cursor={this.disabled ? 'disabled' : 'pointer'} tooltip-title={this.tooltipTitle} direction=\"right\" visible={!this.navExpanded}>\n        {iconDiv}\n      </spw-tooltip>\n    ) : (\n      iconDiv\n    );\n\n    const toggleClasses = {\n      'spw-sidebar-navigation-item__dropdown-toggle': true,\n      'spw-sidebar-navigation-item__dropdown-toggle--open': this.dropdownOpen,\n    } as Record<string, boolean>;\n\n    return (\n      <Tag\n        class={this.classes}\n        href={this.openOnClick ? undefined : this.href}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        tabIndex={this.disabled ? -1 : 0}\n        onClick={this.openOnClick ? this.handleItemClick : undefined}\n      >\n        {this.icon && iconWithBubble}\n\n        <div class=\"spw-sidebar-navigation-item__content\">\n          <div class=\"spw-sidebar-navigation-item__content-label\">\n            <slot></slot>\n          </div>\n\n          {this.hasDropdown && (\n            <div class={toggleClasses} onClick={this.handleDropdownToggle} tabIndex={this.disabled ? -1 : 0}>\n              <spw-icon icon=\"fa-chevron-down\"></spw-icon>\n            </div>\n          )}\n\n          <slot name=\"dropdown\"></slot>\n        </div>\n      </Tag>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-sidebar/spw-sidebar-navigation-separator/spw-sidebar-navigation-separator.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class SpwSidebarNavigationSeparator {
     render() {
-        return (h(Host, { key: '2f4c3aeaa89247ef388e2426c48f8af49be1a29a' }, h("spw-separator", { key: '12412655f03fd8d9ff44c0cddadebd1425c6e1aa', class: "spw-sidebar-navigation-separator" })));
+        return (h(Host, { key: '93da5418115a91bd8a45a0b8de207d4d91a9c706' }, h("spw-separator", { key: '7c5cc350ddaf479ed0af22be5f2014b4183c98f2', class: "spw-sidebar-navigation-separator" })));
     }
     static get is() { return "spw-sidebar-navigation-separator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.js

@@ -12,6 +12,13 @@ export class SpwSidebar {
         this.checkTopbarClass = () => {
             this.hasTopbar = document.body.classList.contains('has-topbar');
         };
+        this.checkExpandedState = () => {
+            // Synchronise l'état interne avec la classe body
+            const bodyHasExpandedClass = document.body.classList.contains(this.BODY_CLASS);
+            if (this.expanded !== bodyHasExpandedClass) {
+                this.expanded = bodyHasExpandedClass;
+            }
+        };
     }
     componentWillLoad() {
         this.expanded = this.defaultExpanded;
@@ -29,6 +36,7 @@ export class SpwSidebar {
     observeBodyClassChanges() {
         this.observer = new MutationObserver(() => {
             this.checkTopbarClass();
+            this.checkExpandedState();
         });
         this.observer.observe(document.body, {
             attributes: true,
@@ -50,7 +58,7 @@ export class SpwSidebar {
         };
     }
     render() {
-        return (h(Host, { key: 'f9472dcb7f09b1f993fc50116e96d7ea87349365', class: this.hostClass }, h("div", { key: '1ab9cf225ed66198a7b1bb255d98bb5c01421041', class: this.elementClass }, h("span", { key: '39c5490d678fc3b8d34e50e845cd83092f534a25', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: 'edf2fe4d4b84ecc82e7def1b8da1aacc40792259', icon: "fa-chevron-right" })), h("div", { key: '69280f7da47974cf1ad005b5180f9275e5be7c18', class: "spw-sidebar__content" }, h("slot", { key: 'bf2264e863a103b1a1e9840a5308f5a9ab3bb09f', name: "navigation-top" }), h("slot", { key: 'ac11bc6fc4a645aadccc714d0129474624ac0bbe', name: "navigation-bottom" })), h("div", { key: 'e60996e7b59550cf563dce1ae3b51b7414f21c65', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
+        return (h(Host, { key: 'ddffbd455cbc2710867a69ee8b7591b2f73b6599', class: this.hostClass }, h("div", { key: 'ee150c9244aa861c978c5008efd28c04b8e8c868', class: this.elementClass }, h("span", { key: '873736c218af40bb9a3c2aadb5891420d8b8f674', class: "spw-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, h("spw-icon", { key: '6c47d4c931c5e1932b06824e2809e77147229eb0', icon: "fa-chevron-right" })), h("div", { key: 'c2894503c4ab71bc570209c9fac1963e13b3ca06', class: "spw-sidebar__content" }, h("slot", { key: 'fb3d4146487654157da34e715c382194dcb4dc5c', name: "navigation-top" }), h("slot", { key: 'bcd036895810de895cfe78e654a3bb584f9d0480', name: "navigation-bottom" })), h("div", { key: 'b0ffe9b397e6a9535acbabd319fc8a37eabeef54', class: "spw-sidebar__resize-border", onClick: this.toggleSidebar }))));
     }
     static get is() { return "spw-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-sidebar/spw-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-sidebar.js","sourceRoot":"","sources":["../../../src/components/spw-sidebar/spw-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOzE,MAAM,OAAO,UAAU;IALvB;QAQE,iDAAiD;QACzC,oBAAe,GAAY,KAAK,CAAC;QAGhC,cAAS,GAAY,KAAK,CAAC;QAEnB,eAAU,GAAG,sBAAsB,CAAC;QAkB7C,kBAAa,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAClE,CAAC,CAAC;KA6CH;IAnEC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;QACrC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED,oBAAoB;;QAClB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAChD,MAAA,IAAI,CAAC,QAAQ,0CAAE,UAAU,EAAE,CAAC;IAC9B,CAAC;IAWO,uBAAuB;QAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;YACnC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC3B,CAAC,CAAC;IACL,CAAC;IAED,IAAY,SAAS;QACnB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,QAAQ;YAC3B,aAAa,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC9B,CAAC;IACJ,CAAC;IAED,IAAY,YAAY;QACtB,OAAO;YACL,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,QAAQ;YACtC,wBAAwB,EAAE,CAAC,IAAI,CAAC,QAAQ;YACxC,0BAA0B,EAAE,IAAI,CAAC,SAAS;SAC3C,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,SAAS;YACzB,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY;gBAC3B,6DAAM,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,mBAAiB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;oBACpG,iEAAU,IAAI,EAAC,kBAAkB,GAAY,CACxC;gBACP,4DAAK,KAAK,EAAC,sBAAsB;oBAC/B,6DAAM,IAAI,EAAC,gBAAgB,GAAQ;oBACnC,6DAAM,IAAI,EAAC,mBAAmB,GAAQ,CAClC;gBACN,4DAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,GAAQ,CACvE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar',\n  styleUrl: 'spw-sidebar.scss',\n  shadow: true,\n})\nexport class SpwSidebar {\n  @Element() el!: HTMLElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = false;\n\n  @State() expanded: boolean;\n  @State() hasTopbar: boolean = false;\n\n  private readonly BODY_CLASS = 'spw-sidebar-expanded';\n  private observer: MutationObserver;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n    if (this.expanded) {\n      document.body.classList.add(this.BODY_CLASS);\n    }\n\n    this.checkTopbarClass();\n    this.observeBodyClassChanges();\n  }\n\n  disconnectedCallback() {\n    document.body.classList.remove(this.BODY_CLASS);\n    this.observer?.disconnect();\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n    document.body.classList.toggle(this.BODY_CLASS, this.expanded);\n  };\n\n  private checkTopbarClass = () => {\n    this.hasTopbar = document.body.classList.contains('has-topbar');\n  };\n\n  private observeBodyClassChanges() {\n    this.observer = new MutationObserver(() => {\n      this.checkTopbarClass();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-sidebar': true,\n      'spw-sidebar--expanded': this.expanded,\n      'spw-sidebar--collapsed': !this.expanded,\n      'spw-sidebar--with-topbar': this.hasTopbar,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.hostClass}>\n        <div class={this.elementClass}>\n          <span class=\"spw-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n          </span>\n          <div class=\"spw-sidebar__content\">\n            <slot name=\"navigation-top\"></slot>\n            <slot name=\"navigation-bottom\"></slot>\n          </div>\n          <div class=\"spw-sidebar__resize-border\" onClick={this.toggleSidebar}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-sidebar.js","sourceRoot":"","sources":["../../../src/components/spw-sidebar/spw-sidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Element, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-sidebar',\n  styleUrl: 'spw-sidebar.scss',\n  shadow: true,\n})\nexport class SpwSidebar {\n  @Element() el!: HTMLElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = false;\n\n  @State() expanded: boolean;\n  @State() hasTopbar: boolean = false;\n\n  private readonly BODY_CLASS = 'spw-sidebar-expanded';\n  private observer: MutationObserver;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n    if (this.expanded) {\n      document.body.classList.add(this.BODY_CLASS);\n    }\n\n    this.checkTopbarClass();\n    this.observeBodyClassChanges();\n  }\n\n  disconnectedCallback() {\n    document.body.classList.remove(this.BODY_CLASS);\n    this.observer?.disconnect();\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n    document.body.classList.toggle(this.BODY_CLASS, this.expanded);\n  };\n\n  private checkTopbarClass = () => {\n    this.hasTopbar = document.body.classList.contains('has-topbar');\n  };\n\n  private checkExpandedState = () => {\n    // Synchronise l'état interne avec la classe body\n    const bodyHasExpandedClass = document.body.classList.contains(this.BODY_CLASS);\n    if (this.expanded !== bodyHasExpandedClass) {\n      this.expanded = bodyHasExpandedClass;\n    }\n  };\n\n  private observeBodyClassChanges() {\n    this.observer = new MutationObserver(() => {\n      this.checkTopbarClass();\n      this.checkExpandedState();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-sidebar': true,\n      'spw-sidebar--expanded': this.expanded,\n      'spw-sidebar--collapsed': !this.expanded,\n      'spw-sidebar--with-topbar': this.hasTopbar,\n    };\n  }\n\n  render() {\n    return (\n      <Host class={this.hostClass}>\n        <div class={this.elementClass}>\n          <span class=\"spw-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-right\"></spw-icon>\n          </span>\n          <div class=\"spw-sidebar__content\">\n            <slot name=\"navigation-top\"></slot>\n            <slot name=\"navigation-bottom\"></slot>\n          </div>\n          <div class=\"spw-sidebar__resize-border\" onClick={this.toggleSidebar}></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-skeleton/spw-skeleton.js

@@ -11,9 +11,11 @@ export class SpwSkeleton {
             const isLast = index === this.blocks - 1;
             const isEven = index % 2 === 1;
             const isOdd = index % 2 === 0;
+            const isOnly = this.blocks === 1;
             return (h("div", { class: {
                     'spw-skeleton__line': true,
-                    'spw-skeleton__line--last': isLast,
+                    'spw-skeleton__line--only': isOnly,
+                    'spw-skeleton__line--last': !isOnly && isLast,
                     'spw-skeleton__line--even': !isLast && isEven,
                     'spw-skeleton__line--odd': !isLast && isOdd,
                 } }));
@@ -42,7 +44,7 @@ export class SpwSkeleton {
         }
     }
     render() {
-        return (h(Host, { key: '71f854e837c78403df7e34e4f52e6ee27defd411' }, h("div", { key: '124c92061c0afdfb16ed3b54cc7a90088177d6f4', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '3c83184ae810cd9e169e7af560a8d17ec446bcc1' }))));
+        return (h(Host, { key: 'e7062026d9545a347b6fbcf89d1d34f703e0c283' }, h("div", { key: '1d663e0cd802f50a72186239fcade5e6a808ac76', class: "spw-skeleton" }, this.renderVariant(), h("slot", { key: '8cbd37e477730c2dd41acba2ac56ec66522379eb' }))));
     }
     static get is() { return "spw-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-skeleton/spw-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-skeleton.js","sourceRoot":"","sources":["../../../src/components/spw-skeleton/spw-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;IALxB;QAME,oFAAoF;QAC5E,WAAM,GAAW,CAAC,CAAC;QAE3B,kCAAkC;QAC1B,YAAO,GAA4C,OAAO,CAAC;KA4EpE;IA1ES,WAAW;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACtD,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACzC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;YAE9B,OAAO,CACL,WACE,KAAK,EAAE;oBACL,oBAAoB,EAAE,IAAI;oBAC1B,0BAA0B,EAAE,MAAM;oBAClC,0BAA0B,EAAE,CAAC,MAAM,IAAI,MAAM;oBAC7C,yBAAyB,EAAE,CAAC,MAAM,IAAI,KAAK;iBAC5C,GACI,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,WAAK,KAAK,EAAC,oBAAoB;YAC7B,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB;YACxD,WAAK,KAAK,EAAC,0BAA0B,GAAO;YAC5C,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB,CACpD,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,OAAO,CACL,WAAK,KAAK,EAAC,uBAAuB;YAChC,WAAK,KAAK,EAAC,6BAA6B,GAAO;YAC/C,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB,CACpD,CACP,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,WAAK,KAAK,EAAC,4BAA4B;YACrC,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB;YACxD,WAAK,KAAK,EAAC,uBAAuB;gBAChC,WAAK,KAAK,EAAC,sBAAsB,GAAO;gBACxC,WAAK,KAAK,EAAC,sBAAsB,GAAO,CACpC,CACF,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAClC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,cAAc;gBACtB,IAAI,CAAC,aAAa,EAAE;gBACrB,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-skeleton',\n  styleUrl: 'spw-skeleton.scss',\n  shadow: true,\n})\nexport class SpwSkeleton {\n  /** Nombre de répétitions du skeleton (uniquement valable pour la variante lines) */\n  @Prop() blocks: number = 1;\n\n  /** Type de skeleton à afficher */\n  @Prop() variant: 'lines' | 'text' | 'article' | 'layout' = 'lines';\n\n  private renderLines() {\n    return Array.from({ length: this.blocks }, (_, index) => {\n      const isLast = index === this.blocks - 1;\n      const isEven = index % 2 === 1;\n      const isOdd = index % 2 === 0;\n\n      return (\n        <div\n          class={{\n            'spw-skeleton__line': true,\n            'spw-skeleton__line--last': isLast,\n            'spw-skeleton__line--even': !isLast && isEven,\n            'spw-skeleton__line--odd': !isLast && isOdd,\n          }}\n        ></div>\n      );\n    });\n  }\n\n  private renderText() {\n    return (\n      <div class=\"spw-skeleton__text\">\n        <spw-skeleton variant=\"lines\" blocks={5}></spw-skeleton>\n        <div class=\"spw-skeleton__text-block\"></div>\n        <spw-skeleton variant=\"lines\" blocks={2}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderArticle() {\n    return (\n      <div class=\"spw-skeleton__article\">\n        <div class=\"spw-skeleton__article-image\"></div>\n        <spw-skeleton variant=\"lines\" blocks={7}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderTextButtons() {\n    return (\n      <div class=\"spw-skeleton__text-buttons\">\n        <spw-skeleton variant=\"lines\" blocks={3}></spw-skeleton>\n        <div class=\"spw-skeleton__buttons\">\n          <div class=\"spw-skeleton__button\"></div>\n          <div class=\"spw-skeleton__button\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderVariant() {\n    switch (this.variant) {\n      case 'text':\n        return this.renderText();\n      case 'article':\n        return this.renderArticle();\n      case 'layout':\n        return this.renderTextButtons();\n      case 'lines':\n      default:\n        return this.renderLines();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-skeleton\">\n          {this.renderVariant()}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-skeleton.js","sourceRoot":"","sources":["../../../src/components/spw-skeleton/spw-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,WAAW;IALxB;QAME,oFAAoF;QAC5E,WAAM,GAAW,CAAC,CAAC;QAE3B,kCAAkC;QAC1B,YAAO,GAA4C,OAAO,CAAC;KA8EpE;IA5ES,WAAW;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACtD,MAAM,MAAM,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YACzC,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,KAAK,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;YAC9B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC;YAEjC,OAAO,CACL,WACE,KAAK,EAAE;oBACL,oBAAoB,EAAE,IAAI;oBAC1B,0BAA0B,EAAE,MAAM;oBAClC,0BAA0B,EAAE,CAAC,MAAM,IAAI,MAAM;oBAC7C,0BAA0B,EAAE,CAAC,MAAM,IAAI,MAAM;oBAC7C,yBAAyB,EAAE,CAAC,MAAM,IAAI,KAAK;iBAC5C,GACI,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,UAAU;QAChB,OAAO,CACL,WAAK,KAAK,EAAC,oBAAoB;YAC7B,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB;YACxD,WAAK,KAAK,EAAC,0BAA0B,GAAO;YAC5C,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB,CACpD,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,OAAO,CACL,WAAK,KAAK,EAAC,uBAAuB;YAChC,WAAK,KAAK,EAAC,6BAA6B,GAAO;YAC/C,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB,CACpD,CACP,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,WAAK,KAAK,EAAC,4BAA4B;YACrC,oBAAc,OAAO,EAAC,OAAO,EAAC,MAAM,EAAE,CAAC,GAAiB;YACxD,WAAK,KAAK,EAAC,uBAAuB;gBAChC,WAAK,KAAK,EAAC,sBAAsB,GAAO;gBACxC,WAAK,KAAK,EAAC,sBAAsB,GAAO,CACpC,CACF,CACP,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,KAAK,SAAS;gBACZ,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAClC,KAAK,OAAO,CAAC;YACb;gBACE,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,cAAc;gBACtB,IAAI,CAAC,aAAa,EAAE;gBACrB,8DAAa,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-skeleton',\n  styleUrl: 'spw-skeleton.scss',\n  shadow: true,\n})\nexport class SpwSkeleton {\n  /** Nombre de répétitions du skeleton (uniquement valable pour la variante lines) */\n  @Prop() blocks: number = 1;\n\n  /** Type de skeleton à afficher */\n  @Prop() variant: 'lines' | 'text' | 'article' | 'layout' = 'lines';\n\n  private renderLines() {\n    return Array.from({ length: this.blocks }, (_, index) => {\n      const isLast = index === this.blocks - 1;\n      const isEven = index % 2 === 1;\n      const isOdd = index % 2 === 0;\n      const isOnly = this.blocks === 1;\n\n      return (\n        <div\n          class={{\n            'spw-skeleton__line': true,\n            'spw-skeleton__line--only': isOnly,\n            'spw-skeleton__line--last': !isOnly && isLast,\n            'spw-skeleton__line--even': !isLast && isEven,\n            'spw-skeleton__line--odd': !isLast && isOdd,\n          }}\n        ></div>\n      );\n    });\n  }\n\n  private renderText() {\n    return (\n      <div class=\"spw-skeleton__text\">\n        <spw-skeleton variant=\"lines\" blocks={5}></spw-skeleton>\n        <div class=\"spw-skeleton__text-block\"></div>\n        <spw-skeleton variant=\"lines\" blocks={2}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderArticle() {\n    return (\n      <div class=\"spw-skeleton__article\">\n        <div class=\"spw-skeleton__article-image\"></div>\n        <spw-skeleton variant=\"lines\" blocks={7}></spw-skeleton>\n      </div>\n    );\n  }\n\n  private renderTextButtons() {\n    return (\n      <div class=\"spw-skeleton__text-buttons\">\n        <spw-skeleton variant=\"lines\" blocks={3}></spw-skeleton>\n        <div class=\"spw-skeleton__buttons\">\n          <div class=\"spw-skeleton__button\"></div>\n          <div class=\"spw-skeleton__button\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderVariant() {\n    switch (this.variant) {\n      case 'text':\n        return this.renderText();\n      case 'article':\n        return this.renderArticle();\n      case 'layout':\n        return this.renderTextButtons();\n      case 'lines':\n      default:\n        return this.renderLines();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"spw-skeleton\">\n          {this.renderVariant()}\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-socials/spw-socials.js

@@ -5,7 +5,7 @@ export class SpwSocials {
         this.mainTitle = 'Restez connecté';
     }
     render() {
-        return (h(Host, { key: 'a52f42e7836c857b7a86da792471a645b3969adf' }, h("div", { key: '243f7b0756f7c353b2c5119d65ac2479a07ed154', class: "spw-socials" }, h("div", { key: 'dbf39950d8be3031199d66ed3f73b0a725e1f1b5', class: "spw-ds-container" }, h("h2", { key: '619567f5710030537bf3fd932431af894bf1ab19', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '15e747c318754f6794495e001df02219fdb018f4', class: "spw-socials__content" }, h("slot", { key: 'd035a0e74c38084b949374210fa0568974ad7ddb' }))))));
+        return (h(Host, { key: 'cc2f013bf881c62e70cf8cb91510a5365a633c5c' }, h("div", { key: 'c5f6d4e900ffb335ed9f42ae079faae0a32d19d3', class: "spw-socials" }, h("div", { key: '736f58dbacfceb1e9496649419387f30b004e0ec', class: "spw-ds-container" }, h("h2", { key: 'b0f6cef192dc8bcd3341ec77e175b8c65af212a9', class: "spw-socials__title" }, this.mainTitle), h("div", { key: '50f458edcbd2b916b2af17f44183da7f51b85814', class: "spw-socials__content" }, h("slot", { key: 'bb7295144384b95b711ac790b2d6d4acd6bac1cb' }))))));
     }
     static get is() { return "spw-socials"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-body/spw-table-body.js

@@ -23,7 +23,7 @@ export class SpwTableBody {
         });
     }
     render() {
-        return (h("tbody", { key: '1165063ec368a183d38d733e4eae9e509a469f66', part: "tbody" }, h("slot", { key: '4fa5ff94bbea8862e6be7abde0caa39cd8ef0674' })));
+        return (h("tbody", { key: '330fbfaa3436450e51a3840a1085414c81bba9bc', part: "tbody" }, h("slot", { key: 'd999d2e59c274e494d7d2aaa4ba83bfabda82395' })));
     }
     static get is() { return "spw-table-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js

@@ -11,6 +11,33 @@ export class SpwTableCell {
         this.width = 'auto';
         /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */
         this.padding = 'medium';
+        /** Permet de changer le state du spw-table-cell  */
+        this.state = 'default';
+        this.isFirst = false;
+    }
+    componentDidLoad() {
+        this.checkIfFirst();
+        this.observeRowSlot();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.slotObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    checkIfFirst() {
+        const parentRow = this.el.closest('spw-table-row');
+        if (!parentRow) {
+            this.isFirst = false;
+            return;
+        }
+        const cells = Array.from(parentRow.children).filter((el) => el.tagName === 'SPW-TABLE-CELL' || el.tagName === 'SPW-TABLE-HEADER' || el.tagName === 'TD' || el.tagName === 'TH');
+        this.isFirst = cells[0] === this.el;
+    }
+    observeRowSlot() {
+        const parentRow = this.el.closest('spw-table-row');
+        if (!parentRow)
+            return;
+        this.slotObserver = new MutationObserver(() => this.checkIfFirst());
+        this.slotObserver.observe(parentRow, { childList: true, subtree: false });
     }
     get elementClass() {
         return {
@@ -19,6 +46,8 @@ export class SpwTableCell {
             [`spw-table-cell--text-align-${this.textAlign}`]: true,
             [`spw-table-cell--padding-${this.padding}`]: true,
             [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,
+            [`spw-table-cell--${this.state}`]: true,
+            'spw-table-cell--first-in-row': this.isFirst,
         };
     }
     render() {
@@ -33,7 +62,7 @@ export class SpwTableCell {
             attrs.rowSpan = this.rowspan;
         if (this.headers !== undefined)
             attrs.headers = this.headers;
-        return (h("td", Object.assign({ key: 'fec89ee41ce096b97d8d815b77c48324e36b9961' }, attrs), h("slot", { key: '5a2feb06c298729132b34d707d8ebec79e26eabf' })));
+        return (h("td", Object.assign({ key: '3a357e150b2f178f9de1df42331d098d59c509d5' }, attrs), h("slot", { key: 'f81c4748cb80da4cb8e0b1c3cfe38467e2ab2e13' })));
     }
     static get is() { return "spw-table-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -220,8 +249,34 @@ export class SpwTableCell {
                 "attribute": "padding",
                 "reflect": false,
                 "defaultValue": "'medium'"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'selected' | 'disabled'",
+                    "resolved": "\"default\" | \"disabled\" | \"selected\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Permet de changer le state du spw-table-cell"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "state",
+                "reflect": false,
+                "defaultValue": "'default'"
             }
         };
     }
+    static get states() {
+        return {
+            "isFirst": {}
+        };
+    }
+    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=spw-table-cell.js.map

package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-table-cell.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;IALzB;QAYE,+GAA+G;QACvG,kBAAa,GAAa,KAAK,CAAC;QACxC,0GAA0G;QAClG,cAAS,GAAiC,MAAM,CAAC;QACzD,0GAA0G;QAClG,kBAAa,GAAiC,QAAQ,CAAC;QAC/D,yEAAyE;QACjE,UAAK,GAAY,MAAM,CAAC;QAChC,8FAA8F;QACtF,YAAO,GAAwB,QAAQ,CAAC;KA6BjD;IA3BC,IAAY,YAAY;QACtB,OAAO;YACL,gBAAgB,EAAE,IAAI;YACtB,gCAAgC,EAAE,IAAI,CAAC,aAAa;YACpD,CAAC,8BAA8B,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;YACtD,CAAC,2BAA2B,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,IAAI;YACjD,CAAC,kCAAkC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI;SAC/D,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAA2B;YACpC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,YAAY;YACxB,IAAI,EAAE,MAAM;SACb,CAAC;QAEF,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7D,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7D,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7D,OAAO,CACL,2EAAQ,KAAK;YACX,8DAAQ,CACL,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'middle';\n  /** Définit une largeur si nécessaire (à appliquer sur spw-table-cell) */\n  @Prop() width?: string = 'auto';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--padding-${this.padding}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      width: this.width,\n      class: this.elementClass,\n      part: 'cell',\n    };\n\n    if (this.colspan !== undefined) attrs.colSpan = this.colspan;\n    if (this.rowspan !== undefined) attrs.rowSpan = this.rowspan;\n    if (this.headers !== undefined) attrs.headers = this.headers;\n\n    return (\n      <td {...attrs}>\n        <slot />\n      </td>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-table-cell.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, State, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  @Element() el: HTMLElement;\n  /** Définit un colspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'middle';\n  /** Définit une largeur si nécessaire (à appliquer sur spw-table-cell) */\n  @Prop() width?: string = 'auto';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Permet de changer le state du spw-table-cell  */\n  @Prop() state?: 'default' | 'selected' | 'disabled' = 'default';\n\n  @State() isFirst: boolean = false;\n\n  private slotObserver?: MutationObserver;\n\n  componentDidLoad() {\n    this.checkIfFirst();\n    this.observeRowSlot();\n  }\n\n  disconnectedCallback() {\n    this.slotObserver?.disconnect();\n  }\n\n  private checkIfFirst() {\n    const parentRow = this.el.closest('spw-table-row');\n    if (!parentRow) {\n      this.isFirst = false;\n      return;\n    }\n    const cells = Array.from(parentRow.children).filter(\n      (el: Element) => el.tagName === 'SPW-TABLE-CELL' || el.tagName === 'SPW-TABLE-HEADER' || el.tagName === 'TD' || el.tagName === 'TH',\n    );\n    this.isFirst = cells[0] === this.el;\n  }\n\n  private observeRowSlot() {\n    const parentRow = this.el.closest('spw-table-row');\n    if (!parentRow) return;\n    this.slotObserver = new MutationObserver(() => this.checkIfFirst());\n    this.slotObserver.observe(parentRow, { childList: true, subtree: false });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--padding-${this.padding}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n      [`spw-table-cell--${this.state}`]: true,\n      'spw-table-cell--first-in-row': this.isFirst,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      width: this.width,\n      class: this.elementClass,\n      part: 'cell',\n    };\n\n    if (this.colspan !== undefined) attrs.colSpan = this.colspan;\n    if (this.rowspan !== undefined) attrs.rowSpan = this.rowspan;\n    if (this.headers !== undefined) attrs.headers = this.headers;\n\n    return (\n      <td {...attrs}>\n        <slot />\n      </td>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-footer{align-items:center;caption-side:bottom;color:var(--spw-color-themes-grey-grey-900);display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:16px 24px}.spw-table-footer ::slotted([slot=right]){align-items:center;display:inline-flex;gap:8px}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host-context(.spw-table--is-sticky) caption{background:var(--spw-ds-white);border:1px solid var(--spw-color-themes-grey-grey-300);bottom:0;position:sticky;z-index:20}.spw-table-footer{align-items:center;caption-side:bottom;color:var(--spw-color-themes-grey-grey-900);display:flex;font-size:14px;gap:16px;justify-content:space-between;padding:16px 24px}.spw-table-footer ::slotted([slot=right]){align-items:center;display:inline-flex;gap:8px}

package/dist/collection/components/spw-table/spw-table-footer/spw-table-footer.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableFooter {
     render() {
-        return (h("caption", { key: 'c390cdfc0af090bd7ff85d5957cced25a315b3a0', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: '440957edfb93f404ac4c22810373850b51897a3c', class: "spw-table-footer" }, h("slot", { key: 'b3367ba9afd49c16e581af245acf1f074fd05a07', name: "left" }), h("slot", { key: 'e64c7fccee16b814306d14335db18433e90201ea', name: "center" }), h("slot", { key: '13f4c7627eac60b91770d00ec021b9ba3ed122dc', name: "right" }))));
+        return (h("caption", { key: 'b3a44bdef9702153da340157aa91c915a2a500c3', part: "tfoot", style: { captionSide: 'bottom' } }, h("div", { key: 'a4243321891d910e9facca40ff68828a140af354', class: "spw-table-footer" }, h("slot", { key: '1f5ff5b35f7032674c1e5b1486e4457415ea60b3', name: "left" }), h("slot", { key: '1299dec5aacd636c36325085a7753b87ef4f0a4b', name: "center" }), h("slot", { key: 'edfe9a8832c3d869ab0c1ce6c3636069579a8487', name: "right" }))));
     }
     static get is() { return "spw-table-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-head/spw-table-head.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTableHead {
     render() {
-        return (h("thead", { key: 'dd31d34bce826c1323e3854368dba8ae2b7a12af', part: "thead" }, h("slot", { key: '0ac289e948a70f0cdec975ee473e974aa1e50050' })));
+        return (h("thead", { key: 'ef413eb59ea3530b9d4476723b6179d04bdf8c7f', part: "thead" }, h("slot", { key: '4822f9a5d94d983d5497d34da66211b4b9e1fc35' })));
     }
     static get is() { return "spw-table-head"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-header/spw-table-header.js

@@ -35,10 +35,10 @@ export class SpwTableHeader {
         };
     }
     render() {
-        return (h("th", { key: 'a1a9631d4b4626e3e2586ccc6e2b7db925d0595e', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: '971ede9dd639e01d1a923cc188f6b49d7c8eda10', class: {
+        return (h("th", { key: 'f6b876e9a0abd09b83ac0fb6d4ed56069db623b2', "aria-sort": this.isSorted ? this.sortDirection : 'none', onClick: this.handleClick, class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("div", { key: '59bc5d894c9693eb3fc3bccd050dac2b79c505ee', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, h("slot", { key: '0c994736acc95a7805b2fe4279318b2c8c13715a' }), h("div", { key: 'df55839e5964b8640b78f79669b87ecab20c62b2', class: "spw-table-header__icons" }, h("slot", { key: 'e29ebede02b287bb1e6f42a63b41a84a80113f8f', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: '3f804ab00f906639af9725953837dcc903957dfc', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'ea01d69545c83aacbb2340dbad9e8e42b7d26bcb', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: 'f38ac39148b4787a77bc7ee0d711ba992afc95b2', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, h("slot", { key: '3e37a6205e94db70faa13e6f362ef66e191b24c7' }), h("div", { key: '671ddc146285bc6b717b904180559d16636bca64', class: "spw-table-header__icons" }, h("slot", { key: '448450b9a1c7dd13e54e707de3dc4e230a4787f8', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (h("spw-tooltip", { key: 'c516faefd3239efc3e3c8c35e98d0713afe86848', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, h("spw-icon", { key: 'ced1ef2406a68e6b1ce5da441ba5376063930ec3', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (h("spw-icon", { key: '89022b197525a6b6e2a0ccda404798f1e9b13a6a', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
     static get is() { return "spw-table-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table-row/spw-table-row.js

@@ -11,7 +11,7 @@ export class SpwTableRow {
         };
     }
     render() {
-        return (h(Host, { key: '6588a65b1ac2c3b0c23f8e7813a2707e8db10e4a', part: "row" }, h("tr", { key: 'ca45cb4571a20c8f3247a4c08875d044ae6c370e', class: this.elementClass, part: "row" }, h("slot", { key: 'ad45be90213047d7a656f425f97117d9e3702712' }))));
+        return (h(Host, { key: '8bb4a99a8b04cc7ace91667f02b19728c297f9a0', part: "row" }, h("tr", { key: '6e97f682648e12ef2f570cce380259e8d45a7f7c', class: this.elementClass, part: "row" }, h("slot", { key: 'b1abbcd9b1c6f2a39cb2e6c4284f5aff22310dde' }))));
     }
     static get is() { return "spw-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-table/spw-table.css

@@ -1,2 +1,2 @@
 
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}