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

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

@@ -1,18 +1,21 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTabsCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}";
 
 const SpwTabs = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.tabChanged = index.createEvent(this, "tabChanged");
         /** Onglet actif par défaut */
         this.defaultActiveTab = '1';
         /** Variante des onglets */
         this.variant = 'default';
-        /** Texte coupé si trop long */
+        /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */
         this.hasEllipsis = false;
+        /** Permet de spécifier la taille de l'onglet */
+        this.size = 'small';
         this.activeTab = '1'; // Initialiser avec une valeur par défaut
     }
     componentWillLoad() {
@@ -21,9 +24,19 @@ const SpwTabs = class {
     componentDidLoad() {
         this.applyVariantToChildren();
         this.updateActiveStates();
+        setTimeout(() => {
+            this.applyMaxWidthToChildren();
+        }, 100);
     }
     activeTabChanged() {
         this.updateActiveStates();
+        this.tabChanged.emit(this.activeTab);
+    }
+    maxWidthChanged() {
+        this.applyMaxWidthToChildren();
+    }
+    hasEllipsisChanged() {
+        this.applyVariantToChildren();
     }
     /**
      * Récupère l'onglet actuellement sélectionné
@@ -50,6 +63,7 @@ const SpwTabs = class {
     slotChanged() {
         this.applyVariantToChildren();
         this.updateActiveStates();
+        this.applyMaxWidthToChildren();
     }
     updateActiveStates() {
         const isInThisComponent = (el) => el.closest('spw-tabs') === this.el;
@@ -62,11 +76,57 @@ const SpwTabs = class {
             content.active = content.tabId === this.activeTab;
         });
     }
+    applyMaxWidthToChildren() {
+        if (!this.maxWidth) {
+            return;
+        }
+        requestAnimationFrame(() => {
+            const isInThisComponent = (el) => el.closest('spw-tabs') === this.el;
+            const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent);
+            const ellipsisClass = `--ellipsis`;
+            navItems.forEach(item => {
+                var _a;
+                const textContent = ((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+                if (!textContent) {
+                    return;
+                }
+                const measureEl = document.createElement('div');
+                measureEl.style.cssText = `
+          position: absolute;
+          visibility: hidden;
+          white-space: nowrap;
+          top: -9999px;
+          left: -9999px;
+        `;
+                measureEl.textContent = textContent;
+                const computedStyle = window.getComputedStyle(item);
+                measureEl.style.fontSize = computedStyle.fontSize;
+                measureEl.style.fontFamily = computedStyle.fontFamily;
+                measureEl.style.fontWeight = computedStyle.fontWeight;
+                measureEl.style.fontStyle = computedStyle.fontStyle;
+                measureEl.style.letterSpacing = computedStyle.letterSpacing;
+                measureEl.style.textTransform = computedStyle.textTransform;
+                document.body.appendChild(measureEl);
+                const contentWidth = measureEl.getBoundingClientRect().width;
+                document.body.removeChild(measureEl);
+                if (contentWidth > this.maxWidth) {
+                    item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);
+                    item.setAttribute('has-ellipsis', 'true');
+                    item.classList.add(ellipsisClass);
+                }
+                else {
+                    item.style.removeProperty('--spw-tabs-max-width-text');
+                    item.setAttribute('has-ellipsis', 'false');
+                    item.classList.remove(ellipsisClass);
+                }
+            });
+        });
+    }
     applyVariantToChildren() {
         requestAnimationFrame(() => {
             var _a, _b;
             const variantClass = `--${this.variant}`;
-            const ellipsisClass = `--ellipsis`;
+            const sizeClass = `--${this.size}`;
             const isInThisComponent = (el) => el.closest('spw-tabs') === this.el;
             const navigationSlot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="navigation"]');
             const contentSlot = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot[name="content"]');
@@ -78,19 +138,13 @@ const SpwTabs = class {
                     el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {
                         if (isInThisComponent(item)) {
                             item.classList.add(variantClass);
-                            if (this.hasEllipsis) {
-                                item.classList.add(ellipsisClass);
-                            }
-                            item.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');
+                            item.classList.add(sizeClass);
                         }
                     });
                 }
                 else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {
                     el.classList.add(variantClass);
-                    if (this.hasEllipsis) {
-                        el.classList.add(ellipsisClass);
-                    }
-                    el.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');
+                    el.classList.add(sizeClass);
                 }
             });
             contentElements.forEach(el => {
@@ -105,6 +159,7 @@ const SpwTabs = class {
                     });
                 }
             });
+            this.applyMaxWidthToChildren();
         });
     }
     get elementClass() {
@@ -114,11 +169,13 @@ const SpwTabs = class {
         };
     }
     render() {
-        return (index.h("div", { key: '0392ca75dfade56a1efa361c4dd095ff4eabdca8', class: this.elementClass }, index.h("slot", { key: 'e4dd5ae8018b8761faa787d2e6bfb2e7fcf2920d', name: "navigation" }), index.h("slot", { key: 'fe20c00bcaee65f76bded2e1f19864bb9d2a1912', name: "content" })));
+        return (index.h("div", { key: '964bfcf5f1472447f2585628db2ea8d345cbd09a', class: this.elementClass }, index.h("slot", { key: '83a1aa3bbc5aa9e16b50ec6a771ebebb4af24439', name: "navigation" }), index.h("slot", { key: '50b993041fae48b02ff8e403831b0716f93c792a', name: "content" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "activeTab": ["activeTabChanged"]
+        "activeTab": ["activeTabChanged"],
+        "maxWidth": ["maxWidthChanged"],
+        "hasEllipsis": ["hasEllipsisChanged"]
     }; }
 };
 SpwTabs.style = spwTabsCss;

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

@@ -1 +1 @@
-{"file":"spw-tabs.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long */\n  @Prop() hasEllipsis?: boolean = false;\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const ellipsisClass = `--ellipsis`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              if (this.hasEllipsis) {\n                item.classList.add(ellipsisClass);\n              }\n              item.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          if (this.hasEllipsis) {\n            el.classList.add(ellipsisClass);\n          }\n          el.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-tabs.entry.cjs.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,4kFAA4kF;;MCOllF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAgB,CAAA,gBAAA,GAAW,GAAG;;AAE9B,QAAA,IAAO,CAAA,OAAA,GAAsB,SAAS;;AAEtC,QAAA,IAAW,CAAA,WAAA,GAAa,KAAK;;AAI7B,QAAA,IAAI,CAAA,IAAA,GAAkC,OAAO;AAE5C,QAAA,IAAA,CAAA,SAAS,GAAW,GAAG,CAAC;AAwMlC;IAnMC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB;;IAGxC,gBAAgB,GAAA;QACd,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,kBAAkB,EAAE;QAEzB,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,uBAAuB,EAAE;SAC/B,EAAE,GAAG,CAAC;;IAIT,gBAAgB,GAAA;QACd,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;;IAItC,eAAe,GAAA;QACb,IAAI,CAAC,uBAAuB,EAAE;;IAIhC,kBAAkB,GAAA;QAChB,IAAI,CAAC,sBAAsB,EAAE;;AAG/B;;;AAGG;AAEH,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,IAAI,CAAC,SAAS;;AAGvB;;;;AAIG;IAEH,MAAM,cAAc,CAAC,KAAa,EAAA;AAChC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;AAIxB,IAAA,iBAAiB,CAAC,KAA0B,EAAA;AAC1C,QAAA,IAAI,KAAK,CAAC,MAAM,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,EAAE,EAAE;YACjF;;AAGF,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM;QAC7B,KAAK,CAAC,eAAe,EAAE;;IAIzB,WAAW,GAAA;QACT,IAAI,CAAC,sBAAsB,EAAE;QAC7B,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,uBAAuB,EAAE;;IAGxB,kBAAkB,GAAA;AACxB,QAAA,MAAM,iBAAiB,GAAG,CAAC,EAAW,KAAK,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,EAAE;QAE7E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAuC;QAEjJ,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAgC;AAElI,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;YACtB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS;AAC7C,SAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,OAAO,IAAG;YACzB,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,KAAK,IAAI,CAAC,SAAS;AACnD,SAAC,CAAC;;IAGI,uBAAuB,GAAA;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB;;QAGF,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,iBAAiB,GAAG,CAAC,EAAW,KAAK,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,EAAE;YAC7E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAuC;YACjJ,MAAM,aAAa,GAAG,CAAA,UAAA,CAAY;AAElC,YAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,IAAG;;AACtB,gBAAA,MAAM,WAAW,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE,KAAI,EAAE;gBAElD,IAAI,CAAC,WAAW,EAAE;oBAChB;;gBAGF,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,gBAAA,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;SAMzB;AACD,gBAAA,SAAS,CAAC,WAAW,GAAG,WAAW;gBAEnC,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC;gBACnD,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ;gBACjD,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU;gBACrD,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU;gBACrD,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,CAAC,SAAS;gBACnD,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC,aAAa;gBAC3D,SAAS,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC,aAAa;AAE3D,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;gBACpC,MAAM,YAAY,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC,KAAK;AAC5D,gBAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;AAEpC,gBAAA,IAAI,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,oBAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,2BAA2B,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,CAAC;AAEzE,oBAAA,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;AAEzC,oBAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;qBAC5B;AACL,oBAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,2BAA2B,CAAC;AACtD,oBAAA,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC;AAC1C,oBAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;AAExC,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGI,sBAAsB,GAAA;QAC5B,qBAAqB,CAAC,MAAK;;AACzB,YAAA,MAAM,YAAY,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,OAAO,EAAE;AACxC,YAAA,MAAM,SAAS,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,IAAI,EAAE;AAElC,YAAA,MAAM,iBAAiB,GAAG,CAAC,EAAW,KAAK,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,EAAE;AAE7E,YAAA,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,yBAAyB,CAAoB;AACtG,YAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,aAAa,CAAC,sBAAsB,CAAoB;AAEhG,YAAA,MAAM,kBAAkB,GAAG,CAAC,CAAA,cAAc,KAAd,IAAA,IAAA,cAAc,KAAd,MAAA,GAAA,MAAA,GAAA,cAAc,CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAI,EAAE,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChH,YAAA,MAAM,eAAe,GAAG,CAAC,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,KAAI,EAAE,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAE1G,YAAA,kBAAkB,CAAC,OAAO,CAAC,EAAE,IAAG;AAC9B,gBAAA,IAAI,EAAE,CAAC,OAAO,KAAK,qBAAqB,EAAE;AACxC,oBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;oBAE9B,EAAE,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;AAC7D,wBAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;AAC3B,4BAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AAChC,4BAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;;AAEjC,qBAAC,CAAC;;AACG,qBAAA,IAAI,EAAE,CAAC,OAAO,KAAK,0BAA0B,EAAE;AACpD,oBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;AAC9B,oBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;;AAE/B,aAAC,CAAC;AAEF,YAAA,eAAe,CAAC,OAAO,CAAC,EAAE,IAAG;AAC3B,gBAAA,IAAI,EAAE,CAAC,OAAO,KAAK,kBAAkB,EAAE;AACrC,oBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;qBACzB;oBACL,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,OAAO,IAAG;AACxD,wBAAA,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE;AAC9B,4BAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC;;AAEvC,qBAAC,CAAC;;AAEN,aAAC,CAAC;YAEF,IAAI,CAAC,uBAAuB,EAAE;AAChC,SAAC,CAAC;;AAGJ,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,CAAC,aAAa,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;SACpC;;IAGH,MAAM,GAAA;QACJ,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAC/BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAQ,CAAA,CACxB;;;;;;;;;;;;;","names":["h"],"sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */\n  @Prop() hasEllipsis?: boolean = false;\n  /** Définit la largeur maximale de l'onglet (en pixels) */\n  @Prop() maxWidth?: number;\n  /** Permet de spécifier la taille de l'onglet */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'small';\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  /** Événement émis lorsque l'onglet actif change */\n  @Event() tabChanged: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n\n    setTimeout(() => {\n      this.applyMaxWidthToChildren();\n    }, 100);\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n    this.tabChanged.emit(this.activeTab);\n  }\n\n  @Watch('maxWidth')\n  maxWidthChanged() {\n    this.applyMaxWidthToChildren();\n  }\n\n  @Watch('hasEllipsis')\n  hasEllipsisChanged() {\n    this.applyVariantToChildren();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n    this.applyMaxWidthToChildren();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyMaxWidthToChildren() {\n    if (!this.maxWidth) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n      const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n      const ellipsisClass = `--ellipsis`;\n\n      navItems.forEach(item => {\n        const textContent = item.textContent?.trim() || '';\n\n        if (!textContent) {\n          return;\n        }\n\n        const measureEl = document.createElement('div');\n        measureEl.style.cssText = `\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;\n        measureEl.textContent = textContent;\n\n        const computedStyle = window.getComputedStyle(item);\n        measureEl.style.fontSize = computedStyle.fontSize;\n        measureEl.style.fontFamily = computedStyle.fontFamily;\n        measureEl.style.fontWeight = computedStyle.fontWeight;\n        measureEl.style.fontStyle = computedStyle.fontStyle;\n        measureEl.style.letterSpacing = computedStyle.letterSpacing;\n        measureEl.style.textTransform = computedStyle.textTransform;\n\n        document.body.appendChild(measureEl);\n        const contentWidth = measureEl.getBoundingClientRect().width;\n        document.body.removeChild(measureEl);\n\n        if (contentWidth > this.maxWidth) {\n          item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n          item.setAttribute('has-ellipsis', 'true');\n\n          item.classList.add(ellipsisClass);\n        } else {\n          item.style.removeProperty('--spw-tabs-max-width-text');\n          item.setAttribute('has-ellipsis', 'false');\n          item.classList.remove(ellipsisClass);\n        }\n      });\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const sizeClass = `--${this.size}`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              item.classList.add(sizeClass);\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          el.classList.add(sizeClass);\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n\n      this.applyMaxWidthToChildren();\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"spw-tabs.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long */\n  @Prop() hasEllipsis?: boolean = false;\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const ellipsisClass = `--ellipsis`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              if (this.hasEllipsis) {\n                item.classList.add(ellipsisClass);\n              }\n              item.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          if (this.hasEllipsis) {\n            el.classList.add(ellipsisClass);\n          }\n          el.setAttribute('has-ellipsis', this.hasEllipsis ? 'true' : 'false');\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"spw-tabs.entry.cjs.js","sources":["src/components/spw-tabs/spw-tabs.scss?tag=spw-tabs&encapsulation=shadow","src/components/spw-tabs/spw-tabs.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-tabs',\n  styleUrl: 'spw-tabs.scss',\n  shadow: true,\n})\nexport class SpwTabs {\n  @Element() el: HTMLElement;\n\n  /** Onglet actif par défaut */\n  @Prop() defaultActiveTab: string = '1';\n  /** Variante des onglets */\n  @Prop() variant: 'default' | 'box' = 'default';\n  /** Texte coupé si trop long, affiche un tooltip si le contenu excède la max-width définie */\n  @Prop() hasEllipsis?: boolean = false;\n  /** Définit la largeur maximale de l'onglet (en pixels) */\n  @Prop() maxWidth?: number;\n  /** Permet de spécifier la taille de l'onglet */\n  @Prop() size?: 'large' | 'medium' | 'small' = 'small';\n\n  @State() activeTab: string = '1'; // Initialiser avec une valeur par défaut\n\n  /** Événement émis lorsque l'onglet actif change */\n  @Event() tabChanged: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.activeTab = this.defaultActiveTab;\n  }\n\n  componentDidLoad() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n\n    setTimeout(() => {\n      this.applyMaxWidthToChildren();\n    }, 100);\n  }\n\n  @Watch('activeTab')\n  activeTabChanged() {\n    this.updateActiveStates();\n    this.tabChanged.emit(this.activeTab);\n  }\n\n  @Watch('maxWidth')\n  maxWidthChanged() {\n    this.applyMaxWidthToChildren();\n  }\n\n  @Watch('hasEllipsis')\n  hasEllipsisChanged() {\n    this.applyVariantToChildren();\n  }\n\n  /**\n   * Récupère l'onglet actuellement sélectionné\n   * @returns {Promise<string>} L'ID de l'onglet actif\n   */\n  @Method()\n  async getSelectedTab(): Promise<string> {\n    return this.activeTab;\n  }\n\n  /**\n   * Définit l'onglet sélectionné\n   * @param tabId L'ID de l'onglet à sélectionner\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async setSelectedTab(tabId: string): Promise<void> {\n    this.activeTab = tabId;\n  }\n\n  @Listen('tabSelected', { capture: true })\n  handleTabSelected(event: CustomEvent<string>) {\n    if (event.target && (event.target as HTMLElement).closest('spw-tabs') !== this.el) {\n      return;\n    }\n\n    this.activeTab = event.detail;\n    event.stopPropagation();\n  }\n\n  @Listen('slotchange')\n  slotChanged() {\n    this.applyVariantToChildren();\n    this.updateActiveStates();\n    this.applyMaxWidthToChildren();\n  }\n\n  private updateActiveStates() {\n    const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n    const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n\n    const contents = Array.from(this.el.querySelectorAll('spw-tabs-content')).filter(isInThisComponent) as HTMLSpwTabsContentElement[];\n\n    navItems.forEach(item => {\n      item.active = item.tabId === this.activeTab;\n    });\n\n    contents.forEach(content => {\n      content.active = content.tabId === this.activeTab;\n    });\n  }\n\n  private applyMaxWidthToChildren() {\n    if (!this.maxWidth) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n      const navItems = Array.from(this.el.querySelectorAll('spw-tabs-navigation-item')).filter(isInThisComponent) as HTMLSpwTabsNavigationItemElement[];\n      const ellipsisClass = `--ellipsis`;\n\n      navItems.forEach(item => {\n        const textContent = item.textContent?.trim() || '';\n\n        if (!textContent) {\n          return;\n        }\n\n        const measureEl = document.createElement('div');\n        measureEl.style.cssText = `\n          position: absolute;\n          visibility: hidden;\n          white-space: nowrap;\n          top: -9999px;\n          left: -9999px;\n        `;\n        measureEl.textContent = textContent;\n\n        const computedStyle = window.getComputedStyle(item);\n        measureEl.style.fontSize = computedStyle.fontSize;\n        measureEl.style.fontFamily = computedStyle.fontFamily;\n        measureEl.style.fontWeight = computedStyle.fontWeight;\n        measureEl.style.fontStyle = computedStyle.fontStyle;\n        measureEl.style.letterSpacing = computedStyle.letterSpacing;\n        measureEl.style.textTransform = computedStyle.textTransform;\n\n        document.body.appendChild(measureEl);\n        const contentWidth = measureEl.getBoundingClientRect().width;\n        document.body.removeChild(measureEl);\n\n        if (contentWidth > this.maxWidth) {\n          item.style.setProperty('--spw-tabs-max-width-text', `${this.maxWidth}px`);\n\n          item.setAttribute('has-ellipsis', 'true');\n\n          item.classList.add(ellipsisClass);\n        } else {\n          item.style.removeProperty('--spw-tabs-max-width-text');\n          item.setAttribute('has-ellipsis', 'false');\n          item.classList.remove(ellipsisClass);\n        }\n      });\n    });\n  }\n\n  private applyVariantToChildren() {\n    requestAnimationFrame(() => {\n      const variantClass = `--${this.variant}`;\n      const sizeClass = `--${this.size}`;\n\n      const isInThisComponent = (el: Element) => el.closest('spw-tabs') === this.el;\n\n      const navigationSlot = this.el.shadowRoot?.querySelector('slot[name=\"navigation\"]') as HTMLSlotElement;\n      const contentSlot = this.el.shadowRoot?.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n\n      const navigationElements = (navigationSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n      const contentElements = (contentSlot?.assignedElements({ flatten: true }) || []).filter(isInThisComponent);\n\n      navigationElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-NAVIGATION') {\n          el.classList.add(variantClass);\n\n          el.querySelectorAll('spw-tabs-navigation-item').forEach(item => {\n            if (isInThisComponent(item)) {\n              item.classList.add(variantClass);\n              item.classList.add(sizeClass);\n            }\n          });\n        } else if (el.tagName === 'SPW-TABS-NAVIGATION-ITEM') {\n          el.classList.add(variantClass);\n          el.classList.add(sizeClass);\n        }\n      });\n\n      contentElements.forEach(el => {\n        if (el.tagName === 'SPW-TABS-CONTENT') {\n          el.classList.add(variantClass);\n        } else {\n          el.querySelectorAll('spw-tabs-content').forEach(content => {\n            if (isInThisComponent(content)) {\n              content.classList.add(variantClass);\n            }\n          });\n        }\n      });\n\n      this.applyMaxWidthToChildren();\n    });\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-tabs': true,\n      [`spw-tabs--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        <slot name=\"navigation\"></slot>\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n}"],"names":["h"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTagCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tag{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;gap:6px;justify-content:center;line-height:1;padding:6px 12px;text-decoration:none;white-space:nowrap}.spw-tag--hoverable{position:relative;transition:all .2s linear}.spw-tag--hoverable:hover{transform:translateY(-5px)}.spw-tag--default{background:#fff;border-color:var(--spw-colors-support-grey-grey-300);color:var(--spw-colors-support-grey-grey-900)}.spw-tag--grey{background:var(--spw-colors-support-grey-grey-100);color:var(--spw-colors-support-grey-grey-800)}.spw-tag--blue{background:#e6f3ff;color:#002e6b}.spw-tag--green{background:#e2fde3;color:#026100}.spw-tag--orange{background:#ffeee0;color:#702000}.spw-tag--red{background:#ffebed;color:#70000d}.spw-tag--purple{background:#f7ebff;color:#45036d}.spw-tag--surface-dark{box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.spw-tag--size-small{font-size:14px}.spw-tag--size-medium{font-size:16px}.spw-tag--size-large{font-size:18px}";
 
@@ -49,7 +49,7 @@ const SpwTag = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: 'ab649f9851f69d2d4276cf0489bdf57f0d94bdd6' }, index.h(TagType, Object.assign({ key: '34d05a9275ef567f607446cd1822218575fe0788' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: 'b03781f4f2b740cbff91743bdace8b8cb2a49a57', icon: this.getIcon(this.variant) }), index.h("slot", { key: 'b2a1e7b049518c9123e962aa641ce332873beb7f' }))));
+        return (index.h(index.Host, { key: '9ec9574f02aeba913bdf40729fd96c24d1844fe4' }, index.h(TagType, Object.assign({ key: '3c812a9f5885d71089202f5c74cd9611789a41cc' }, attrs, { class: this.elementClass }), this.hasIcon && index.h("spw-icon", { key: '87bd304e0fa35f8c92a48cc7069706c7a8563a66', icon: this.getIcon(this.variant) }), index.h("slot", { key: 'e72629f59002e3684293a0a69e342a43d2739cba' }))));
     }
 };
 SpwTag.style = spwTagCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTextFieldCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-radius:4px;--spw-input-icon-search-color:var(--spw-color-themes-grey-grey-900);--spw-input-border:var(--spw-color-themes-grey-grey-800);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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:var(--spw-input-radius);flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-text-field__input[type=number]{margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{margin:0}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-input-icon-search-color)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{color:var(--spw-color-themes-grey-grey-900);font-size:12px}.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-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}";
 
@@ -192,7 +192,7 @@ const SpwTextField = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'a8e4a26a0e9cd3e6639916f839a704e592fcd222', class: this.elementClass }, this.label && index.h("spw-field-label", { key: 'a2dcddcbbb64d2e29bea9e4f4ee67910493fb2b8', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: '882d401c3d92a7c6ee940fdd4efc11f159ab6af5', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '2ece46a096e3c4e877a92984e46343049c5b76aa', class: "spw-text-field__container" }, index.h("div", { key: '9031b1d7f2d59b295ec423a4761f460e7f68726b', class: "spw-text-field__input-container" }, index.h("input", { key: '2b271442e8cb8fa5b8c15831e94248c332ba6e4b', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: 'e01496b14f5222db0728c3641c6c3ecd5431a4f4', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '2aaeb6467430861a8b63525b5f9c8dbb53982f54', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: 'b026c07e9816e3869c36532427fab22ec2958e99', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && index.h("spw-icon", { key: 'f748bc8d867225d876df4bb8d3ce16aba1579538', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && index.h("div", { key: '1b2e6883921ebc5953255ab46930a63b2c97a659', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: '897135e1ef70bba1a7482101bb5afc21042d6d6d', class: this.elementClass }, this.label && index.h("spw-field-label", { key: 'f4cf7dca86160431b5822b80065badbeea5d2a28', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'ac0efb4f0562a637518bead295e4a3ed0db39023', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '06e311660a0c8885b9f18a315fe13cbdd34e478a', class: "spw-text-field__container" }, index.h("div", { key: '0c34ad36cc057da29d632d682501b9fc9108a896', class: "spw-text-field__input-container" }, index.h("input", { key: '461cf26acf38bf7426b2c5c480eae05520f16b7d', class: "spw-text-field__input", ref: el => (this.inputElement = el), type: this.type, min: this.min, max: this.max, step: this.step, value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleInput(event) }), (this.isSearch || this.isClearIconVisible) && (index.h("div", { key: '7d7573e48e33612951160a4e1bac559c847c562f', class: "spw-text-field__icons" }, this.isClearIconVisible && (index.h("span", { key: '55926ef9c1229d4dd2555bf8b8fdbd656b368672', class: "spw-text-field__clear", onClick: () => this.handleClear() }, index.h("spw-icon", { key: '9fe19323666473fb21f34cadee50574d5abbf8b9', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && index.h("spw-icon", { key: 'eac7e636dc86c1e51b87f5333b25d3eeffe241ed', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && index.h("div", { key: 'cc6dddfdfab80c00c63c9742f90359bdae001f73', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTextareaCss = "/*! 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-textarea{position:relative}.spw-textarea__input{border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;flex:1;min-height:40px;padding:12px;resize:vertical;width:100%}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{box-shadow:0 0 0 6px #000;outline:3px solid #fff;outline-offset:0}.spw-textarea--disabled .spw-textarea__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible,.spw-textarea--disabled .spw-textarea__input:hover{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;line-height:60px;padding:0 24px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{align-items:center;display:flex}.spw-textarea__indicator{padding-left:.75rem}.spw-textarea__icon{color:var(--spw-ds-primary);font-size:24px;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
 
@@ -101,7 +101,7 @@ const SpwTextarea = class {
         };
     }
     render() {
-        return (index.h("div", { key: '41bda187f57240937dcdd7f654b8ea0c2b7f57fd', class: this.elementClass }, this.label && index.h("spw-field-label", { key: '7f6e0ea03fce3716f5fa184ec5fb9e805fb8a70c', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'd70e5e708cd01c8b3812dc5079804eedebc3b75e', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '3b1ed247ab3cedb6a8b66c48b7e507224219d874', class: "spw-textarea__container" }, index.h("textarea", { key: '7df8f7ab43379a873f9423dd1ec922e804f40aa5', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (index.h("div", { key: 'ad0252f8485e8101e6b2af0bb47c2985b1023b5c', class: this.elementClass }, this.label && index.h("spw-field-label", { key: '8b4f2c373a7a2dac405a765cefbd0c2435804683', label: this.label, name: this.name, required: this.required }), this.assistiveText && (index.h("spw-field-message", { key: 'fca83015e42172dffa5f7bbee76b18515897f734', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), index.h("div", { key: '68fa356bc0aa6ea3f7365989d5f268a498435f62', class: "spw-textarea__container" }, index.h("textarea", { key: 'b0843158e1ee2bc53583e789ecb1df50a8f244a1', class: "spw-textarea__input", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, name: this.name, id: this.name, rows: this.rows, minLength: this.minLength, maxLength: this.maxLength, required: this.required, onInput: event => this.handleChange(event) })), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/spw-tile-description.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTileDescriptionCss = "/*! 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)}}:host(.--icon) .spw-tile-description{color:var(--spw-color-themes-grey-grey-700);font-size:18px;line-height:1.5}";
 
@@ -9,7 +9,7 @@ const SpwTileDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd37dd71f558988cf061279d1c67a1fd05f950376', class: "spw-tile-description" }, index.h("slot", { key: 'f290ad1a6bfd1af15745164694e84e8d5ddc6215' })));
+        return (index.h("div", { key: '2c00fd0223b187c1d8fb920acac3f79ad6ab42a5', class: "spw-tile-description" }, index.h("slot", { key: '4010e7830f45e775557b29df4608c5360102afb1' })));
     }
 };
 SpwTileDescription.style = spwTileDescriptionCss;

package/dist/cjs/spw-tile-title.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTileTitleCss = "/*! 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)}}:host(.--icon) .spw-tile-title{color:var(--spw-color-themes-grey-grey-900);font-size:20px;font-weight:700;line-height:1.4;transition:all .2s linear}:host(.--icon.--hovered) .spw-tile-title{color:var(--spw-ds-primary)}:host(.--light) .spw-tile-title{color:#fff;font-size:20px;font-weight:700;line-height:1.4}:host(.--big) .spw-tile-title{color:#fff;font-size:28px;font-weight:700;line-height:1.3}";
 
@@ -9,7 +9,7 @@ const SpwTileTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("h3", { key: 'e1a925149a384b3edfb0f0ee7d91e7ffaca4e0ad', class: "spw-tile-title" }, index.h("slot", { key: '3ddfa9f9a5d1f1f512f7d438850950573f01722d' })));
+        return (index.h("h3", { key: 'c5ad6b148fa95e436381934b773218920b947777', class: "spw-tile-title" }, index.h("slot", { key: '2b0f8840619eddb00e021234f0d7ec03a470f453' })));
     }
 };
 SpwTileTitle.style = spwTileTitleCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
 const spwTileCss = "/*! 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-tile{display:block;position:relative;text-decoration:none;transition:all .3s ease-in-out}.spw-tile--hoverable:hover{transform:translateY(-5px)}.spw-tile:focus-visible{border-radius:5px;box-shadow:0 0 0 5px #000;outline:3px solid #fff;outline-offset:-1px}.spw-tile--icon{padding:16px 0}.spw-tile--big,.spw-tile--light{border-radius:6px;overflow:hidden;padding-top:60%}@media (min-width:768px){.spw-tile--big{padding-top:110%}}.spw-tile__image,.spw-tile__overlay{height:100%;left:0;position:absolute;top:0;width:100%}.spw-tile__overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6) 65%,rgba(0,0,0,.75));z-index:2}.spw-tile__image{-o-object-fit:cover;object-fit:cover;z-index:1}.spw-tile__button{align-items:center;background:#fff;border:2px solid transparent;border-radius:50%;color:var(--spw-ds-primary);display:inline-flex;font-size:20px;height:48px;justify-content:center;transition:all .2s ease-in;width:48px}.spw-tile:hover .spw-tile__button{background:transparent;border-color:#fff;color:#fff}.spw-tile--icon .spw-tile__content{display:flex;flex-direction:column;gap:12px;padding:0 12px;text-align:center}.spw-tile--icon .spw-tile__content ::slotted(spw-icon){color:var(--spw-ds-primary);font-size:32px}.spw-tile--big .spw-tile__content,.spw-tile--light .spw-tile__content{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:16px;position:absolute;width:100%;z-index:3}.spw-tile--light .spw-tile__content{padding-bottom:24px;text-align:center}";
 
@@ -57,7 +57,7 @@ const SpwTile = class {
                 href,
                 target,
             };
-        return (index.h(index.Host, { key: 'f78c7078531dbed2268e746bf105a21bd5fcf5f1' }, index.h(TagType, Object.assign({ key: '94941f19d35f9e97634973507e9854eaf4dfa665' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: '6d49504c4d358e28e452b24323978df6e2212178' }, index.h("div", { key: 'b753643526594df6b5c01520b3ee3de2693c63a9', class: "spw-tile__overlay" }), index.h("img", { key: '4ab4e359cf80da1849d610621e3e22d2df9ce289', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: 'e7cb3747ac97550f174bcd59196dfa98a9bcd683', class: "spw-tile__content" }, index.h("slot", { key: '8fdb450b32c3afee46b6c8a16f8f48d8dc5418fa' }), this.href && this.variant === 'big' && (index.h("span", { key: 'da608c7616bcd675bee95ab63330b187c70712b3', class: "spw-tile__button" }, index.h("spw-icon", { key: '10ca3d8ae075bcc0a775d3a828724cec34d537d8', icon: "fa-chevron-right" })))))));
+        return (index.h(index.Host, { key: '0be156aef8b807e50c9b0fb594f90cd3e3538923' }, index.h(TagType, Object.assign({ key: 'fec1b1cd50fd04e8b91482e1c3ca22a44723d3cf' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (index.h(index.Fragment, { key: 'f13b311da075ce6da307a811c81888e04c96b8f7' }, index.h("div", { key: 'e51fd8ce88c5898c61908784cb14ef99c1823edb', class: "spw-tile__overlay" }), index.h("img", { key: 'ed0f642f7e25200574f1e737bc958c2aaeb83ea7', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), index.h("div", { key: '680bff5334f27dbc502f2826a72b5a7e246cc23e', class: "spw-tile__content" }, index.h("slot", { key: 'c95afead8b77622ef375b031ea58c28d72691cd2' }), this.href && this.variant === 'big' && (index.h("span", { key: '005ba95651126eb6d2da291f53ed7030b3c21273', class: "spw-tile__button" }, index.h("spw-icon", { key: '2b08cab402f4a8dfa5eb4c6a608c551e38c5bf1f', icon: "fa-chevron-right" })))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DPoQq9TD.js');
+var index = require('./index-iVhYitTd.js');
 
-const spwTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}";
+const spwTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:inline-block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-tooltip__target--pointer{cursor:pointer}.spw-tooltip__target--default{cursor:default}.spw-tooltip__target--help{cursor:help}.spw-tooltip__target--disabled{cursor:not-allowed}:host(.spw-tooltip--has-ellipsis) .spw-tooltip__target{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 
 const SpwTooltip = class {
     constructor(hostRef) {
@@ -133,7 +133,7 @@ const SpwTooltip = class {
         };
     }
     render() {
-        return (index.h("div", { key: '03e63c35f429ebef8749224d437353fe50be1eff', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: '104a0b40808acfd3e9639c9ef5c67c3d4721f855' })));
+        return (index.h("div", { key: '3b88c523d089d2cb72700b3d7dbe90278d30bf72', class: this.classes, onMouseEnter: this.showTooltip, onMouseLeave: this.hideTooltip }, index.h("slot", { key: 'a0c926bfca01a111ef3d01090583e010c719b809' })));
     }
     get host() { return index.getElement(this); }
 };

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

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

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

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