@spw-ds/spw-stencil-library 1.3.0 → 1.3.2

package/dist/collection/components/spw-tabs/spw-tabs-navigation/spw-tabs-navigation.js

@@ -84,7 +84,7 @@ export class SpwTabsNavigation {
         this.checkOverflow();
     }
     render() {
-        return (h("div", { key: '9d4f1cb51ebf646e4dcdd83d8a4c35208354cd85', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: '3c95a6121d882c4c33b8fe8de90722ca1ea73365', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: 'fe53734e862b50a911d754aea38f33d6c13d309b', icon: "fa-chevron-left" }))), h("nav", { key: '7f78cd4cb0b3cdba6d7d9cc8afb443ae949e2735', class: "spw-tabs-navigation" }, h("ul", { key: '6adf78fda910fe6e83be12c457a8c004c785b310', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'cd64ada88c4ef7a48092cf61383367af7532e722' }))), this.showRightArrow && (h("button", { key: '5d5034248a960825defb2fe3030ba8721dc7536b', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: 'd65c7fa4349ce9732c307cd9d04ee2d1725b0322', icon: "fa-chevron-right" })))));
+        return (h("div", { key: 'ae819c90b410840091b935d91850630afed21f1c', class: "spw-tabs-navigation-container" }, this.showLeftArrow && (h("button", { key: '3fe6914d398260753629c2c9d3578a8921134c86', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--left", onClick: this.scrollLeft, "aria-label": "Faire d\u00E9filer vers la gauche" }, h("spw-icon", { key: '8f4211b73530089b14be50537c7b568be1e5602d', icon: "fa-chevron-left" }))), h("nav", { key: 'c8fee1aeb8fce05e69af08ff83ae96dc0339dcb0', class: "spw-tabs-navigation" }, h("ul", { key: '1439a20c73da1e163292a789a3bfc561834f6541', class: "spw-tabs-navigation__list", role: "tablist", ref: el => (this.ulElement = el), onScroll: this.handleScroll }, h("slot", { key: 'c5a7a4623df06f61702cb23a3df8aa7234f7d0dc' }))), this.showRightArrow && (h("button", { key: '0f0500a754df5b3e08923e8f6dc5fa54faeef32c', class: "spw-tabs-navigation__arrow spw-tabs-navigation__arrow--right", onClick: this.scrollRight, "aria-label": "Faire d\u00E9filer vers la droite" }, h("spw-icon", { key: '7dd8e64ba0e21c776550a4b1b14c124c99f70257', icon: "fa-chevron-right" })))));
     }
     static get is() { return "spw-tabs-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SpwTabsNavigationItem {
         const iconPosition = this.icon && !this.iconPosition ? 'right' : this.iconPosition;
         const iconClass = `spw-icon--${iconPosition}`;
         const iconElement = this.icon ? h("spw-icon", { class: iconClass, icon: this.icon }) : null;
-        return (h(Host, { key: '026ee3a41f663d0dd99515c1ebabcd5274594866', class: this.active ? '--active' : '' }, h("li", { key: '039a532c141c6413d2f654424e0b63fa9be9065b', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'bd23112dfda62a29e00c926c533c8a82632f56bc', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '9b5f1f309e3c8bd9d4767f0edcf06505366eed5d' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: 'f7203b8330e5c4b391adbab2eca763c7701a61d7' }, iconPosition === 'left' && iconElement, h("slot", { key: '4719887c1c5ea456b9459b106dc3278a550f5d6b' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: 'db5e3cdd86e039f3f70d441d6b2ac26bb820f9f6', class: "bubble" }))));
+        return (h(Host, { key: 'aa39b384dbc7b65f4df5d5ae33958931d217beae', class: this.active ? '--active' : '' }, h("li", { key: '727a2efd5fa48e59fe518037d5baeff39f947ceb', id: `tab-${this.tabId}`, role: "tab", "aria-selected": this.active ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-controls": `panel-${this.tabId}`, "aria-label": this.slotText, onKeyDown: this.handleKeyDown, tabIndex: this.disabled ? -1 : 0, class: this.elementClass, onClick: this.handleClick }, this.hasEllipsis && (h("spw-tooltip", { key: 'ebd85d4357abf9acbb57dc76779de926652347d5', cursor: this.disabled ? 'disabled' : 'pointer', class: "spw-tooltip--has-ellipsis", tooltipText: this.slotText }, iconPosition === 'left' && iconElement, h("slot", { key: '73c27349d4b25e42dd675099abd5b5da8c3d67f7' }), iconPosition === 'right' && iconElement)), !this.hasEllipsis && (h(Fragment, { key: '1ecb7290019f52519134fd76f78bad14569a4d3f' }, iconPosition === 'left' && iconElement, h("slot", { key: 'f2e188f3de775390e14cc16ae15c28939f8eec3b' }), iconPosition === 'right' && iconElement)), ' ', this.bubble && h("span", { key: '027b4ae5b3c9333afe45f15e8ae33cb8cd93cbd1', class: "bubble" }))));
     }
     static get is() { return "spw-tabs-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -164,7 +164,7 @@ export class SpwTabs {
         };
     }
     render() {
-        return (h("div", { key: 'a556b50e1e3b6c35afc430519d8aadab3e657634', class: this.elementClass }, h("slot", { key: '6a1d974875de4e9887e744b362d1730ab96b2cf8', name: "navigation" }), h("slot", { key: '98a9b1f96a1d581cd8a98375c29d8c766a7c1c9d', name: "content" })));
+        return (h("div", { key: 'aa4e32b771837430c7e01faa5258d0f55fc1f77e', class: this.elementClass }, h("slot", { key: '2d5e8fdca6f9c14a71393167e01832666f6fc2d6', name: "navigation" }), h("slot", { key: 'c6c65d3ee2f0a4618667fad820bf905971129dbf', name: "content" })));
     }
     static get is() { return "spw-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class SpwTag {
                 href,
                 target,
             };
-        return (h(Host, { key: 'ab91243f25e7669c6ab34597420a888bc378dedb' }, h(TagType, Object.assign({ key: '89e5a6b55877cb545a63fcd2368aa00ad555db01' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: '0ba10b337be7597a570aca620d507cd5a0259f0e', icon: this.getIcon(this.variant) }), h("slot", { key: '369ffdc0edca83e353d074851a750dbdf3d31def' }))));
+        return (h(Host, { key: '44651dd86ae35710920e0c4fed1210753172c628' }, h(TagType, Object.assign({ key: '575861db6195bd851d5e7afc0b46936f46feca3b' }, attrs, { class: this.elementClass }), this.hasIcon && h("spw-icon", { key: '3b95f923181dd0cc0b8f0d8090e5c0d49f450336', icon: this.getIcon(this.variant) }), h("slot", { key: '4925b7ebe7fc63b23ce1170a414385a5c43cb225' }))));
     }
     static get is() { return "spw-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-text-field/spw-text-field.js

@@ -178,7 +178,7 @@ export class SpwTextField {
         };
     }
     render() {
-        return (h("div", { key: '73ac37b3ed55ab4ecdf2d53205543e2a9ffe81dc', class: this.elementClass }, this.label && h("spw-field-label", { key: 'cf650cb16c3d99d7c33b9601248c4657fb7279b4', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '5269b9120855a18e6335d86ac8be10450412943f', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '2b52a572e705e71fa23d640e40454c3a9f8affc8', class: "spw-text-field__container" }, h("div", { key: '129b7bbc8fdf6e67091bc78ece7707377ef7b842', class: "spw-text-field__input-container" }, h("input", { key: '7f1e09cd16144e2f0668f53d0f2442f81b4b9a49', 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) && (h("div", { key: 'd4e16905095e9b552f391c6a710ca571789495bb', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: '6e05f437e9eddbadeefca09c59e35f85b6581b81', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '3da5733ef65c1fb89d5fa3f0603b9d5e34124634', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: '6eba091e8090db0bae9317f06cf91088f7d34bf1', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: 'e85fd9e2419cf68cc27b810e42acf4ca43d1e4b7', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
+        return (h("div", { key: '446a207d0bf67b29f82c3e8181bb7eda0c579063', class: this.elementClass }, this.label && h("spw-field-label", { key: 'af9857851e19d2cef09142865982d12aac4c5478', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'a98b98f8b63e0cffb38acb991a9ec8782a5c5def', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '6d274e14d0ac5667f5fd97697be8f1de70c2d710', class: "spw-text-field__container" }, h("div", { key: 'c497c98646642804c5664f9b063a88f6275809a2', class: "spw-text-field__input-container" }, h("input", { key: 'd02ab13acb8a2152df10e62b5d7156840187cdd4', 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) && (h("div", { key: '1fad5c4933d29fae40f5e33a3cbc2895f787e05f', class: "spw-text-field__icons" }, this.isClearIconVisible && (h("span", { key: 'd99c9b3e0b776576a3b4eec81d452478bbc15a02', class: "spw-text-field__clear", onClick: () => this.handleClear() }, h("spw-icon", { key: '59d74f310a1c78f06d5d8482d4e4fb1e20f0eb8f', class: "spw-text-field__icon spw-text-field__icon--clear", icon: "fa-xmark" }))), this.isSearch && h("spw-icon", { key: 'b194e7781e424fd3d7238a4d0210cc2b4fedad29', class: "spw-text-field__icon spw-text-field__icon--search", icon: "fa-magnifying-glass" })))), this.indicator && h("div", { key: '16071be0956122d830ee2609682cf10ab535d0da', class: "spw-text-field__indicator" }, this.indicator)), this.renderErrorMessage(), this.renderHintMessage(), this.renderSuccessMessage(), this.renderWarningMessage()));
     }
     static get is() { return "spw-text-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class SpwTextarea {
         /** Texte à afficher au-dessus du champ textarea */
         this.label = '';
         /** Nombre de lignes à afficher dans le champ textarea */
-        this.rows = 3;
+        this.rows = 5;
         /** Indique si l'input est un champ de recherche */
         this.isSearch = false;
         /** Indique si le champ textarea est requis */
@@ -87,7 +87,7 @@ export class SpwTextarea {
         };
     }
     render() {
-        return (h("div", { key: 'ffa0e15e0db05a85d41625468d6691d3b2bed682', class: this.elementClass }, this.label && h("spw-field-label", { key: '88577373321e431df056c772d9ca692bb3988c7a', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'b0f592891207dcc8830eee9f60216bdcc46da511', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '083f0fbf9d1cfa8e0a3e57fedb6719fae1538fae', class: "spw-textarea__container" }, h("textarea", { key: '2e664f227fe7bebd0962935012b3f32a0edc5057', 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 (h("div", { key: '044e1dbec506a3c8cd8294d49d3f751d30236520', class: this.elementClass }, this.label && h("spw-field-label", { key: '97e53cf880ab9e839fca542546770c18e4d6be35', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: 'f1d0635f8d549cef2a0c1397d861ccb477ccb6f2', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '1dc68cb03237a9a1c26605e707e58d8310aca201', class: "spw-textarea__container" }, h("textarea", { key: '034891f6209af9ed97edf1edf03bed8bc80e82ca', 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 is() { return "spw-textarea"; }
     static get encapsulation() { return "shadow"; }
@@ -218,7 +218,7 @@ export class SpwTextarea {
                 "setter": false,
                 "attribute": "rows",
                 "reflect": false,
-                "defaultValue": "3"
+                "defaultValue": "5"
             },
             "minLength": {
                 "type": "number",

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

@@ -1 +1 @@
-{"version":3,"file":"spw-textarea.js","sourceRoot":"","sources":["../../../src/components/spw-textarea/spw-textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { AttachInternals, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-textarea',\n  styleUrl: 'spw-textarea.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextarea {\n  /** Événement émis lorsque la valeur du champ textarea change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ textarea, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Texte à afficher au-dessus du champ textarea */\n  @Prop() label?: string = '';\n  /** Texte du placeholder pour le champ textarea */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ textarea est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément textarea */\n  @Prop() name: string;\n  /** Nombre de lignes à afficher dans le champ textarea */\n  @Prop() rows?: number = 3;\n  /** Longueur minimale pour la valeur du textarea */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur du textarea */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ textarea est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ textarea : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ textarea */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher au-dessus du champ textarea */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ textarea */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ textarea */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ textarea */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private textareaElement!: HTMLTextAreaElement;\n\n  @Watch('value')\n  valueChangedHandler(newVal: string) {\n    this.setValue(newVal);\n  }\n\n  private setValue(val: string) {\n    this.internalValue = val ?? '';\n    this.value = this.internalValue;\n\n    if (this.textareaElement) {\n      this.textareaElement.value = this.internalValue;\n    }\n\n    this.internals.setFormValue(this.internalValue || null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    this.internalValue = this.value ?? '';\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-textarea': true,\n      [`spw-textarea--${this.size}`]: true,\n      'spw-textarea--is-search': this.isSearch,\n      'spw-textarea--is-error': !!this.error,\n      'spw-textarea--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-textarea__container\">\n          <textarea\n            class=\"spw-textarea__input\"\n            value={this.internalValue}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            name={this.name}\n            id={this.name}\n            rows={this.rows}\n            minLength={this.minLength}\n            maxLength={this.maxLength}\n            required={this.required}\n            onInput={event => this.handleChange(event)}\n          ></textarea>\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"spw-textarea.js","sourceRoot":"","sources":["../../../src/components/spw-textarea/spw-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAgB,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQvG,MAAM,OAAO,WAAW;IANxB;QAUW,kBAAa,GAAW,EAAE,CAAC;QAIpC,mDAAmD;QAC3C,UAAK,GAAY,EAAE,CAAC;QAO5B,yDAAyD;QACjD,SAAI,GAAY,CAAC,CAAC;QAK1B,mDAAmD;QAC3C,aAAQ,GAAa,KAAK,CAAC;QACnC,8CAA8C;QACtC,aAAQ,GAAa,KAAK,CAAC;QACnC,iEAAiE;QACzD,SAAI,GAAwB,QAAQ,CAAC;QAK7C,yDAAyD;QACjD,UAAK,GAAY,EAAE,CAAC;QAC5B,oEAAoE;QAC5D,SAAI,GAAY,EAAE,CAAC;QAC3B,0DAA0D;QAClD,YAAO,GAAY,EAAE,CAAC;QAC9B,kDAAkD;QAC1C,YAAO,GAAY,EAAE,CAAC;QAC9B,yCAAyC;QACjC,kBAAa,GAAa,IAAI,CAAC;QACvC,6CAA6C;QACrC,iBAAY,GAAa,IAAI,CAAC;QACtC,0CAA0C;QAClC,oBAAe,GAAa,IAAI,CAAC;QACzC,2CAA2C;QACnC,oBAAe,GAAa,IAAI,CAAC;KA2H1C;IApHC,mBAAmB,CAAC,MAAc;QAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC;IAEO,QAAQ,CAAC,GAAW;QAC1B,IAAI,CAAC,aAAa,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QAEhC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,CAAC;QACxD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB;;QACf,IAAI,CAAC,aAAa,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;IACxC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAC9E,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC;IAEO,YAAY,CAAC,KAAK;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QAChC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC5E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7C,CAAC;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,CACL,yBAAmB,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,IAC5D,IAAI,CAAC,KAAK,CACO,CACrB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,OAAO,CACL,yBAAmB,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,IAC1D,IAAI,CAAC,IAAI,CACQ,CACrB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,CACL,yBAAmB,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,IAChE,IAAI,CAAC,OAAO,CACK,CACrB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,CACL,yBAAmB,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,IAChE,IAAI,CAAC,OAAO,CACK,CACrB,CAAC;QACJ,CAAC;IACH,CAAC;IAED,IAAY,YAAY;QACtB,OAAO;YACL,cAAc,EAAE,IAAI;YACpB,CAAC,iBAAiB,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI;YACpC,yBAAyB,EAAE,IAAI,CAAC,QAAQ;YACxC,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YACtC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;SACxC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY;YAC1B,IAAI,CAAC,KAAK,IAAI,wEAAiB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAoB;YAC9G,IAAI,CAAC,aAAa,IAAI,CACrB,0EAAmB,KAAK,EAAC,0BAA0B,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,KAAK,IAC/E,IAAI,CAAC,aAAa,CACD,CACrB;YACD,4DAAK,KAAK,EAAC,yBAAyB;gBAClC,iEACE,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAChC,CACR;YACL,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,oBAAoB,EAAE,CACxB,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { AttachInternals, Event, EventEmitter, Component, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-textarea',\n  styleUrl: 'spw-textarea.scss',\n  formAssociated: true,\n  shadow: true,\n})\nexport class SpwTextarea {\n  /** Événement émis lorsque la valeur du champ textarea change */\n  @Event() valueChanged: EventEmitter<string>;\n\n  @State() internalValue: string = '';\n\n  /** Valeur actuelle du champ textarea, mutable et reflétée dans le DOM */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Texte à afficher au-dessus du champ textarea */\n  @Prop() label?: string = '';\n  /** Texte du placeholder pour le champ textarea */\n  @Prop() placeholder: string;\n  /** Si `true`, le champ textarea est désactivé et ne peut pas être utilisé */\n  @Prop() disabled?: boolean;\n  /** Attribut `name` de l'élément textarea */\n  @Prop() name: string;\n  /** Nombre de lignes à afficher dans le champ textarea */\n  @Prop() rows?: number = 5;\n  /** Longueur minimale pour la valeur du textarea */\n  @Prop() minLength?: number;\n  /** Longueur maximale pour la valeur du textarea */\n  @Prop() maxLength?: number;\n  /** Indique si l'input est un champ de recherche */\n  @Prop() isSearch?: boolean = false;\n  /** Indique si le champ textarea est requis */\n  @Prop() required?: boolean = false;\n  /** Spécifie la taille du champ textarea : 'large' ou 'medium' */\n  @Prop() size?: 'large' | 'medium' = 'medium';\n  /** Indicateur à afficher à droite du champ textarea */\n  @Prop() indicator?: string;\n  /** Texte d'assistance à afficher au-dessus du champ textarea */\n  @Prop() assistiveText?: string;\n  /** Message d'erreur à afficher sous le champ textarea */\n  @Prop() error?: string = '';\n  /** Message d'indication (hint) à afficher sous le champ textarea */\n  @Prop() hint?: string = '';\n  /** Message de succès à afficher sous le champ textarea */\n  @Prop() success?: string = '';\n  /** Message de warning à afficher sous le champ */\n  @Prop() warning?: string = '';\n  /** Affiche une icône d'erreur si vrai */\n  @Prop() showErrorIcon?: boolean = true;\n  /** Affiche une icône d'indication si vrai */\n  @Prop() showHintIcon?: boolean = true;\n  /** Affiche une icône de succès si vrai */\n  @Prop() showSuccessIcon?: boolean = true;\n  /** Affiche une icône de warning si vrai */\n  @Prop() showWarningIcon?: boolean = true;\n\n  @AttachInternals() internals: ElementInternals;\n\n  private textareaElement!: HTMLTextAreaElement;\n\n  @Watch('value')\n  valueChangedHandler(newVal: string) {\n    this.setValue(newVal);\n  }\n\n  private setValue(val: string) {\n    this.internalValue = val ?? '';\n    this.value = this.internalValue;\n\n    if (this.textareaElement) {\n      this.textareaElement.value = this.internalValue;\n    }\n\n    this.internals.setFormValue(this.internalValue || null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    this.internalValue = this.value ?? '';\n  }\n\n  componentDidLoad() {\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n  }\n\n  formResetCallback() {\n    this.setValue('');\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.internalValue ? this.internalValue : null);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  private renderErrorMessage() {\n    if (this.error) {\n      return (\n        <spw-field-message variant=\"error\" showIcon={this.showErrorIcon}>\n          {this.error}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderHintMessage() {\n    if (this.hint) {\n      return (\n        <spw-field-message variant=\"hint\" showIcon={this.showHintIcon}>\n          {this.hint}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderSuccessMessage() {\n    if (this.success) {\n      return (\n        <spw-field-message variant=\"success\" showIcon={this.showSuccessIcon}>\n          {this.success}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private renderWarningMessage() {\n    if (this.warning) {\n      return (\n        <spw-field-message variant=\"warning\" showIcon={this.showWarningIcon}>\n          {this.warning}\n        </spw-field-message>\n      );\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-textarea': true,\n      [`spw-textarea--${this.size}`]: true,\n      'spw-textarea--is-search': this.isSearch,\n      'spw-textarea--is-error': !!this.error,\n      'spw-textarea--disabled': this.disabled,\n    };\n  }\n\n  render() {\n    return (\n      <div class={this.elementClass}>\n        {this.label && <spw-field-label label={this.label} name={this.name} required={this.required}></spw-field-label>}\n        {this.assistiveText && (\n          <spw-field-message class=\"spw-tw-mb-2 -spw-tw-mt-1\" variant=\"hint\" showIcon={false}>\n            {this.assistiveText}\n          </spw-field-message>\n        )}\n        <div class=\"spw-textarea__container\">\n          <textarea\n            class=\"spw-textarea__input\"\n            value={this.internalValue}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            name={this.name}\n            id={this.name}\n            rows={this.rows}\n            minLength={this.minLength}\n            maxLength={this.maxLength}\n            required={this.required}\n            onInput={event => this.handleChange(event)}\n          ></textarea>\n        </div>\n        {this.renderErrorMessage()}\n        {this.renderHintMessage()}\n        {this.renderSuccessMessage()}\n        {this.renderWarningMessage()}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-theme-provider/spw-theme-provider.js

@@ -24,7 +24,7 @@ export class SpwThemeProvider {
         document.documentElement.setAttribute('data-theme', theme);
     }
     render() {
-        return (h("main", { key: 'd4efec9a5d8fe919a7b9a30355bab139b3c36eff', class: `spw-theme-${this.theme}` }, h("slot", { key: 'acd22b845041b831f6fd82e1b92faffe19ada6c2' })));
+        return (h("main", { key: '03feed5805bf215bb1bd50a46e1b90bfdfbc2e30', class: `spw-theme-${this.theme}` }, h("slot", { key: '4769846c677643e1192799f8a1f9493932cd4ff6' })));
     }
     static get is() { return "spw-theme-provider"; }
     static get properties() {

package/dist/collection/components/spw-tile/spw-tile-description/spw-tile-description.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileDescription {
     render() {
-        return (h("div", { key: '1e55b6fa2e83015118afad24f9a50be99fba4998', class: "spw-tile-description" }, h("slot", { key: 'fe9b8ce328dbd14c37a9877cd5e282d611d336f3' })));
+        return (h("div", { key: '330173f88df84bfc7e05503a2418a768a03bb178', class: "spw-tile-description" }, h("slot", { key: '63ded3c2031663a9b0c3ffa23b201109f11c4e04' })));
     }
     static get is() { return "spw-tile-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-tile/spw-tile-title/spw-tile-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SpwTileTitle {
     render() {
-        return (h("h3", { key: '23d8ad1d2fbd30aeb29c4a9518b5a6d2d54506ac', class: "spw-tile-title" }, h("slot", { key: '829794eb954d43cbbff888727464e9892edc18c2' })));
+        return (h("h3", { key: '7d30767092311c49d3cc6e14129bbdbcb114eecd', class: "spw-tile-title" }, h("slot", { key: 'c67097a903b0791ad7a4e29994cf5e83d9bc35a5' })));
     }
     static get is() { return "spw-tile-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SpwTile {
                 href,
                 target,
             };
-        return (h(Host, { key: '8a995f3b32326159210fdaa11052114f58a6f3bd' }, h(TagType, Object.assign({ key: '51c64c8885f2bf672411aee112f782b36afc342b' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: '1a493a3104712b2efad4c8728706fcb4f93d52d5' }, h("div", { key: '2bd38ca0d41f025279d7155216d1c224341801fe', class: "spw-tile__overlay" }), h("img", { key: 'bc8f25341e4a16ded8ca42fcf76b5ac069243b0b', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: '4508b95bad26790fa7f8014f5672d9d9fd0b21ff', class: "spw-tile__content" }, h("slot", { key: 'a1e0d9c72651b7d42563dfbb957c2d9975f4756b' }), this.href && this.variant === 'big' && (h("span", { key: '13f16d136b2127c767eb65e7dd66fb0bb1621ff7', class: "spw-tile__button" }, h("spw-icon", { key: '0940dcaaf38842c520169e24bea9ffcc3e813397', icon: "fa-chevron-right" })))))));
+        return (h(Host, { key: '52a8480b60fc5377690f61315cac565c95e13ece' }, h(TagType, Object.assign({ key: '50cb261b255b320605d8b79d50816eff8940fd23' }, attrs, { class: this.elementClass }), this.imageSrc && (this.variant === 'big' || this.variant === 'light') && (h(Fragment, { key: 'f454b41f320d43ffa477ec84d24e050d2637bd94' }, h("div", { key: '2418fd0567426281a013d94c96d605223fabf310', class: "spw-tile__overlay" }), h("img", { key: '763425116ae817e14c9e5d04c5d8ca4154751dbf', src: this.imageSrc, alt: this.imageAlt, class: "spw-tile__image" }))), h("div", { key: 'c2c74ae32ec575727bd30203aed5fd31ad9c708c', class: "spw-tile__content" }, h("slot", { key: '0346be09db8818d89a640a72cb744f41eef1b28d' }), this.href && this.variant === 'big' && (h("span", { key: 'ffc9dc03c78be1782ab907bf4fca8a27d1589f2e', class: "spw-tile__button" }, h("spw-icon", { key: '8bd918f7f96c2e150a8ff71d5487b1fc967f97e5', icon: "fa-chevron-right" })))))));
     }
     static get is() { return "spw-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.css

@@ -0,0 +1,2 @@
+
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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:1232px;--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)}}

package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js

@@ -0,0 +1,120 @@
+import { Host, h } from "@stencil/core";
+export class SpwTocContainer {
+    componentDidLoad() {
+        this.scanHeadings();
+        this.setupMutationObserver();
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
+    async getItems() {
+        return this.scanHeadings();
+    }
+    setupMutationObserver() {
+        this.observer = new MutationObserver(() => {
+            this.scanHeadings();
+        });
+        this.observer.observe(this.el, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+        });
+    }
+    slugify(text) {
+        return text
+            .toLowerCase()
+            .trim()
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '')
+            .replace(/[^\w\s-]/g, '')
+            .replace(/[\s_-]+/g, '-')
+            .replace(/^-+|-+$/g, '');
+    }
+    scanHeadings() {
+        const tocItems = [];
+        const headings = this.el.querySelectorAll('h2, h3, h4, h5, h6');
+        headings.forEach((heading) => {
+            var _a;
+            const text = ((_a = heading.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+            let id = heading.id;
+            if (!id && text) {
+                id = this.slugify(text);
+                heading.id = id;
+            }
+            if (id && text) {
+                const level = parseInt(heading.tagName.substring(1));
+                tocItems.push({ id, text, level });
+            }
+        });
+        this.tocItemsChanged.emit(tocItems);
+        return tocItems;
+    }
+    render() {
+        return (h(Host, { key: 'd9445a71d4596620020d40b89c66821f86278abb' }, h("slot", { key: 'c6ecd752fc4f9ce6be02784783ca62f78e74a470' })));
+    }
+    static get is() { return "spw-toc-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-toc-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-toc-container.css"]
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tocItemsChanged",
+                "name": "tocItemsChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "TocItem[]",
+                    "resolved": "TocItem[]",
+                    "references": {
+                        "TocItem": {
+                            "location": "local",
+                            "path": "/Users/pectonite/Desktop/SPW/spw-design-system/packages/spw-stencil-library/src/components/spw-toc/spw-toc-container/spw-toc-container.tsx",
+                            "id": "src/components/spw-toc/spw-toc-container/spw-toc-container.tsx::TocItem"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getItems": {
+                "complexType": {
+                    "signature": "() => Promise<TocItem[]>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "TocItem": {
+                            "location": "local",
+                            "path": "/Users/pectonite/Desktop/SPW/spw-design-system/packages/spw-stencil-library/src/components/spw-toc/spw-toc-container/spw-toc-container.tsx",
+                            "id": "src/components/spw-toc/spw-toc-container/spw-toc-container.tsx::TocItem"
+                        }
+                    },
+                    "return": "Promise<TocItem[]>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=spw-toc-container.js.map

package/dist/collection/components/spw-toc/spw-toc-container/spw-toc-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-toc-container.js","sourceRoot":"","sources":["../../../../src/components/spw-toc/spw-toc-container/spw-toc-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAazF,MAAM,OAAO,eAAe;IAO1B,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QAC7B,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;YACxC,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE;YAC7B,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,IAAI;SACpB,CAAC,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,IAAY;QAC1B,OAAO,IAAI;aACR,WAAW,EAAE;aACb,IAAI,EAAE;aACN,SAAS,CAAC,KAAK,CAAC;aAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;aAC/B,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;aACxB,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC;aACxB,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAC7B,CAAC;IAEO,YAAY;QAClB,MAAM,QAAQ,GAAc,EAAE,CAAC;QAE/B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAEhE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAA2B,EAAE,EAAE;;YAC/C,MAAM,IAAI,GAAG,CAAA,MAAA,OAAO,CAAC,WAAW,0CAAE,IAAI,EAAE,KAAI,EAAE,CAAC;YAC/C,IAAI,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;YAEpB,IAAI,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;gBAChB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACxB,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;YAClB,CAAC;YAED,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC;gBACf,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YACrC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Event, EventEmitter, Method } from '@stencil/core';\n\nexport interface TocItem {\n  id: string;\n  text: string;\n  level: number;\n}\n\n@Component({\n  tag: 'spw-toc-container',\n  styleUrl: 'spw-toc-container.scss',\n  shadow: false,\n})\nexport class SpwTocContainer {\n  @Element() el: HTMLElement;\n\n  @Event() tocItemsChanged: EventEmitter<TocItem[]>;\n\n  private observer: MutationObserver;\n\n  componentDidLoad() {\n    this.scanHeadings();\n    this.setupMutationObserver();\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  @Method()\n  async getItems(): Promise<TocItem[]> {\n    return this.scanHeadings();\n  }\n\n  private setupMutationObserver() {\n    this.observer = new MutationObserver(() => {\n      this.scanHeadings();\n    });\n\n    this.observer.observe(this.el, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  }\n\n  private slugify(text: string): string {\n    return text\n      .toLowerCase()\n      .trim()\n      .normalize('NFD')\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .replace(/[^\\w\\s-]/g, '')\n      .replace(/[\\s_-]+/g, '-')\n      .replace(/^-+|-+$/g, '');\n  }\n\n  private scanHeadings(): TocItem[] {\n    const tocItems: TocItem[] = [];\n\n    const headings = this.el.querySelectorAll('h2, h3, h4, h5, h6');\n\n    headings.forEach((heading: HTMLHeadingElement) => {\n      const text = heading.textContent?.trim() || '';\n      let id = heading.id;\n\n      if (!id && text) {\n        id = this.slugify(text);\n        heading.id = id;\n      }\n\n      if (id && text) {\n        const level = parseInt(heading.tagName.substring(1));\n        tocItems.push({ id, text, level });\n      }\n    });\n\n    this.tocItemsChanged.emit(tocItems);\n    return tocItems;\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/spw-toc/spw-toc-navigation/spw-toc-navigation.css

@@ -0,0 +1,2 @@
+
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}: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:1232px;--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-toc li,.spw-toc ul{list-style:none;margin:0;padding:0;position:relative}.spw-toc li a{color:var(--spw-color-themes-grey-grey-900);display:block;font-weight:400;padding:.25rem 0;text-decoration:none;transition:font-weight .2s ease}.spw-toc li a:hover{text-decoration:underline}.spw-toc li a:active{color:var(--spw-ds-active)}.spw-toc li.--toc-is-h2{--progress:0;--distance-to-next-h2:0px;position:relative}.spw-toc li.--toc-is-h2:before{background-color:#e0e0e0;content:"";height:var(--distance-to-next-h2);left:9px;position:absolute;top:50%;width:2px;z-index:0}.spw-toc li.--toc-is-h2:after{background-color:var(--spw-ds-primary);content:"";height:calc(var(--distance-to-next-h2)*var(--progress)/100);left:9px;position:absolute;top:50%;transform-origin:top;transition:height .1s linear;width:2px;z-index:1}.spw-toc li.--toc-is-h2:last-of-type:after,.spw-toc li.--toc-is-h2:last-of-type:before{display:none}.spw-toc li .spw-toc__progress-dot{background-color:#fff;border:4px solid #e0e0e0;border-radius:50%;height:13px;left:.25rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:13px;z-index:2}.spw-toc li.--toc-bar-completed .spw-toc__progress-dot{border-color:var(--spw-ds-primary)}.spw-toc li.--toc-bar-active .spw-toc__progress-dot{border-color:var(--spw-ds-primary);box-shadow:0 0 0 3px rgba(211,47,47,.2)}.spw-toc li.--toc-is-level-2 a{padding-left:2rem}.spw-toc li.--toc-bar-active.--toc-is-level-2 a,.spw-toc li.--toc-bar-completed.--toc-is-level-2 a{font-weight:700}.spw-toc li.--toc-is-level-3 a{padding-left:3rem}.spw-toc li.--toc-is-level-4 a{padding-left:4rem}.spw-toc li.--toc-is-level-5 a{padding-left:5rem}.spw-toc li.--toc-is-level-6 a{padding-left:6rem}