@spw-ds/spw-stencil-library 0.0.1

package/dist/components/p-e70f2b83.js

@@ -0,0 +1,62 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+import { d as defineCustomElement$1 } from './p-72ca702e.js';
+
+const spwFieldMessageCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-field-message{display:block;display:flex;gap:4px;margin-top:8px}.spw-field-message--error{color:var(--spw-color-states-error-error-300)}.spw-field-message--hint{color:var(--spw-colors-support-grey-grey-600)}.spw-field-message--success{color:var(--spw-color-states-success-success-500)}.spw-field-message__icon{position:relative;top:1px}.spw-field-message__text{flex:1;font-size:14px;line-height:1.5}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-mr-2{margin-right:.5rem}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.spw-tw-italic{font-style:italic}";
+const SpwFieldMessageStyle0 = spwFieldMessageCss;
+
+const SpwFieldMessage = /*@__PURE__*/ proxyCustomElement(class SpwFieldMessage extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.showIcon = true;
+        this.variant = undefined;
+    }
+    get variantIcon() {
+        switch (this.variant) {
+            case 'error':
+                return 'fa-warning';
+            case 'hint':
+                return 'fa-exclamation-circle';
+            case 'success':
+                return 'fa-check-circle';
+            default:
+                return '';
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-field-message': true,
+            [`spw-field-message--${this.variant}`]: true,
+        };
+    }
+    render() {
+        return (h(Host, { key: 'e148ba7baa4d092ee3ff4c660031a0d70caf356d' }, h("div", { key: '77b7743fab61e4f36d9d96897071ddb8054df883', class: this.elementClass }, this.showIcon && (h("div", { key: '941302966e75a4491739ac927fb9c4650d96d58b', class: "spw-field-message__icon" }, h("spw-icon", { key: 'f35fdeb4bb4337c48d8a683d02ea2b6b52fd43b1', icon: this.variantIcon }))), h("span", { key: '2dbf8e40bae3845e7495f7a86fbbef45a7cff3b8', class: "spw-field-message__text" }, h("slot", { key: '55333590c0532b17e00381cbf8e5770291108721' })))));
+    }
+    static get style() { return SpwFieldMessageStyle0; }
+}, [1, "spw-field-message", {
+        "showIcon": [4, "show-icon"],
+        "variant": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-field-message", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-field-message":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwFieldMessage);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { SpwFieldMessage as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-e70f2b83.js.map

package/dist/components/p-e70f2b83.js.map

@@ -0,0 +1 @@
+{"file":"p-e70f2b83.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,4rGAA4rG,CAAC;AACxtG,8BAAe,kBAAkB;;MCMpB,eAAe;;;;;wBAEG,IAAI;;;IAIjC,IAAY,WAAW;QACrB,QAAQ,IAAI,CAAC,OAAO;YAClB,KAAK,OAAO;gBACV,OAAO,YAAY,CAAC;YACtB,KAAK,MAAM;gBACT,OAAO,uBAAuB,CAAC;YACjC,KAAK,SAAS;gBACZ,OAAO,iBAAiB,CAAC;YAC3B;gBACE,OAAO,EAAE,CAAC;SACb;KACF;IAED,IAAY,YAAY;QACtB,OAAO;YACL,mBAAmB,EAAE,IAAI;YACzB,CAAC,sBAAsB,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;SAC7C,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAC1B,IAAI,CAAC,QAAQ,KACZ,4DAAK,KAAK,EAAC,yBAAyB,IAClC,iEAAU,IAAI,EAAE,IAAI,CAAC,WAAW,GAAa,CACzC,CACP,EACD,6DAAM,KAAK,EAAC,yBAAyB,IACnC,8DAAa,CACR,CACH,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-field-message/spw-field-message.scss?tag=spw-field-message&encapsulation=shadow","src/components/spw-field-message/spw-field-message.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-field-message {\n  display: block;\n  margin-top: 8px;\n  display: flex;\n  gap: 4px;\n\n  &--error {\n    color: var(--spw-color-states-error-error-300);\n  }\n\n  &--hint {\n    color: var(--spw-colors-support-grey-grey-600);\n  }\n\n  &--success {\n    color: var(--spw-color-states-success-success-500);\n  }\n\n  &__icon {\n    position: relative;\n    top: 1px;\n  }\n\n  &__text {\n    flex: 1;\n    font-size: 14px;\n    line-height: 1.5;\n  }\n}\n","import { Component, Prop, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-field-message',\n  styleUrl: 'spw-field-message.scss',\n  shadow: true,\n})\nexport class SpwFieldMessage {\n  /** Permet d'afficher ou pas une icône dans le message */\n  @Prop() showIcon?: boolean = true;\n  /** Choix du variant du message */\n  @Prop() variant?: 'error' | 'hint' | 'success';\n\n  private get variantIcon(): string {\n    switch (this.variant) {\n      case 'error':\n        return 'fa-warning';\n      case 'hint':\n        return 'fa-exclamation-circle';\n      case 'success':\n        return 'fa-check-circle';\n      default:\n        return '';\n    }\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-field-message': true,\n      [`spw-field-message--${this.variant}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.elementClass}>\n          {this.showIcon && (\n            <div class=\"spw-field-message__icon\">\n              <spw-icon icon={this.variantIcon}></spw-icon>\n            </div>\n          )}\n          <span class=\"spw-field-message__text\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-f48f06ae.js

@@ -0,0 +1,91 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwAccordionContentCss = "/*! 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;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:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{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-accordion-content{color:var(--spw-color-themes-grey-grey-600);font-weight:400;line-height:1.5;overflow:hidden;transition:all .25s ease-in}:host(.--collapsed) .spw-accordion-content{max-height:0!important}.spw-accordion-content--is-opened{max-height:100%!important}.spw-accordion-content__inner{margin-bottom:var(--spw-spacings-spacing-lg);padding:0 var(--spw-spacings-spacing-lg)}";
+const SpwAccordionContentStyle0 = spwAccordionContentCss;
+
+const SpwAccordionContent = /*@__PURE__*/ proxyCustomElement(class SpwAccordionContent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.isOpened = false;
+    }
+    componentDidLoad() {
+        this.assignItemId();
+        this.updateHeight();
+        window.addEventListener('resize', this.handleResize.bind(this));
+        this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));
+    }
+    disconnectedCallback() {
+        window.removeEventListener('resize', this.handleResize.bind(this));
+        this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));
+    }
+    assignItemId() {
+        const parent = this.el.closest('spw-accordion-item');
+        if (parent) {
+            const itemId = parent.getAttribute('data-accordion-id');
+            if (itemId) {
+                this.el.setAttribute('data-accordion-id', itemId);
+            }
+        }
+    }
+    handleAccordionToggle(event) {
+        const itemId = this.el.getAttribute('data-accordion-id');
+        if (event.detail.id === itemId) {
+            this.isOpened = event.detail.isOpen;
+            this.updateHeight();
+        }
+    }
+    handleResize() {
+        this.updateHeight();
+        setTimeout(() => {
+            this.updateHeight();
+        }, 300);
+    }
+    handleTransitionEnd(event) {
+        if (event.propertyName === 'max-height') {
+            if (this.isOpened) {
+                this.contentElement.classList.add('spw-accordion-content--is-opened');
+            }
+            else {
+                this.contentElement.classList.remove('spw-accordion-content--is-opened');
+            }
+        }
+    }
+    updateHeight() {
+        requestAnimationFrame(() => {
+            const content = this.contentElement;
+            if (this.isOpened) {
+                const scrollHeight = content.scrollHeight;
+                content.style.maxHeight = `${scrollHeight}px`;
+            }
+            else {
+                content.style.maxHeight = '0px';
+            }
+        });
+    }
+    render() {
+        return (h("div", { key: 'ea81de0b77326a8055a76ce44af28c5839b39ebd', class: "spw-accordion-content", ref: el => (this.contentElement = el), "data-accordion-id": this.el.getAttribute('data-accordion-id') }, h("div", { key: '90c105c420913827d51066470b97ecf4e62847b8', class: "spw-accordion-content__inner" }, h("slot", { key: 'b0cdc15f7da6f6daacd6a3f4299344a48728b5c2', onSlotchange: () => this.updateHeight() }))));
+    }
+    get el() { return this; }
+    static get style() { return SpwAccordionContentStyle0; }
+}, [1, "spw-accordion-content", {
+        "isOpened": [32]
+    }, [[4, "accordionToggle", "handleAccordionToggle"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-accordion-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-accordion-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwAccordionContent);
+            }
+            break;
+    } });
+}
+
+export { SpwAccordionContent as S, defineCustomElement as d };
+
+//# sourceMappingURL=p-f48f06ae.js.map

package/dist/components/p-f48f06ae.js.map

@@ -0,0 +1 @@
+{"file":"p-f48f06ae.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,u3FAAu3F,CAAC;AACv5F,kCAAe,sBAAsB;;MCMxB,mBAAmB;;;;;wBAID,KAAK;;IAElC,gBAAgB;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC5F;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC/F;IAEO,YAAY;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;QACrD,IAAI,MAAM,EAAE;YACV,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;YACxD,IAAI,MAAM,EAAE;gBACV,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;aACnD;SACF;KACF;IAGD,qBAAqB,CAAC,KAAmD;QACvE,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;QACzD,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,MAAM,EAAE;YAC9B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACpC,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;KACF;IAEO,YAAY;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,UAAU,CAAC;YACT,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB,EAAE,GAAG,CAAC,CAAC;KACT;IAEO,mBAAmB,CAAC,KAAsB;QAChD,IAAI,KAAK,CAAC,YAAY,KAAK,YAAY,EAAE;YACvC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;aACvE;iBAAM;gBACL,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC;aAC1E;SACF;KACF;IAEO,YAAY;QAClB,qBAAqB,CAAC;YACpB,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC;YACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;gBAC1C,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,YAAY,IAAI,CAAC;aAC/C;iBAAM;gBACL,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;aACjC;SACF,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,uBAAuB,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,uBAAqB,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,mBAAmB,CAAC,IACpI,4DAAK,KAAK,EAAC,8BAA8B,IACvC,6DAAM,YAAY,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,GAAS,CAClD,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spw-accordion/spw-accordion-content/spw-accordion-content.scss?tag=spw-accordion-content&encapsulation=shadow","src/components/spw-accordion/spw-accordion-content/spw-accordion-content.tsx"],"sourcesContent":[".spw-accordion-content {\n  line-height: 1.5;\n  font-weight: 400;\n  overflow: hidden;\n  color: var(--spw-color-themes-grey-grey-600);\n  transition: all 0.25s ease-in;\n\n  :host(.--collapsed) & {\n    max-height: 0 !important;\n  }\n\n  &--is-opened {\n    max-height: 100% !important;\n  }\n\n  &__inner {\n    padding: 0 var(--spw-spacings-spacing-lg);\n    margin-bottom: var(--spw-spacings-spacing-lg);\n  }\n}\n","import { Component, h, Element, Listen, State } from '@stencil/core';\n\n@Component({\n  tag: 'spw-accordion-content',\n  styleUrl: 'spw-accordion-content.scss',\n  shadow: true,\n})\nexport class SpwAccordionContent {\n  @Element() el: HTMLSpwAccordionContentElement;\n  private contentElement: HTMLElement;\n\n  @State() isOpened: boolean = false;\n\n  componentDidLoad() {\n    this.assignItemId();\n    this.updateHeight();\n    window.addEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.handleResize.bind(this));\n    this.contentElement.removeEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  private assignItemId() {\n    const parent = this.el.closest('spw-accordion-item');\n    if (parent) {\n      const itemId = parent.getAttribute('data-accordion-id');\n      if (itemId) {\n        this.el.setAttribute('data-accordion-id', itemId);\n      }\n    }\n  }\n\n  @Listen('accordionToggle', { target: 'document' })\n  handleAccordionToggle(event: CustomEvent<{ isOpen: boolean; id: string }>) {\n    const itemId = this.el.getAttribute('data-accordion-id');\n    if (event.detail.id === itemId) {\n      this.isOpened = event.detail.isOpen;\n      this.updateHeight();\n    }\n  }\n\n  private handleResize() {\n    this.updateHeight();\n    setTimeout(() => {\n      this.updateHeight();\n    }, 300);\n  }\n\n  private handleTransitionEnd(event: TransitionEvent) {\n    if (event.propertyName === 'max-height') {\n      if (this.isOpened) {\n        this.contentElement.classList.add('spw-accordion-content--is-opened');\n      } else {\n        this.contentElement.classList.remove('spw-accordion-content--is-opened');\n      }\n    }\n  }\n\n  private updateHeight() {\n    requestAnimationFrame(() => {\n      const content = this.contentElement;\n      if (this.isOpened) {\n        const scrollHeight = content.scrollHeight;\n        content.style.maxHeight = `${scrollHeight}px`;\n      } else {\n        content.style.maxHeight = '0px';\n      }\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"spw-accordion-content\" ref={el => (this.contentElement = el)} data-accordion-id={this.el.getAttribute('data-accordion-id')}>\n        <div class=\"spw-accordion-content__inner\">\n          <slot onSlotchange={() => this.updateHeight()}></slot>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-accordion-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwAccordionContent extends Components.SpwAccordionContent, HTMLElement {}
+export const SpwAccordionContent: {
+    prototype: SpwAccordionContent;
+    new (): SpwAccordionContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-accordion-content.js

@@ -0,0 +1,8 @@
+import { S as SpwAccordionContent$1, d as defineCustomElement$1 } from './p-f48f06ae.js';
+
+const SpwAccordionContent = SpwAccordionContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwAccordionContent, defineCustomElement };
+
+//# sourceMappingURL=spw-accordion-content.js.map

package/dist/components/spw-accordion-content.js.map

@@ -0,0 +1 @@
+{"file":"spw-accordion-content.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-accordion-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwAccordionItem extends Components.SpwAccordionItem, HTMLElement {}
+export const SpwAccordionItem: {
+    prototype: SpwAccordionItem;
+    new (): SpwAccordionItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-accordion-item.js

@@ -0,0 +1,8 @@
+import { S as SpwAccordionItem$1, d as defineCustomElement$1 } from './p-89cf5afe.js';
+
+const SpwAccordionItem = SpwAccordionItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwAccordionItem, defineCustomElement };
+
+//# sourceMappingURL=spw-accordion-item.js.map

package/dist/components/spw-accordion-item.js.map

@@ -0,0 +1 @@
+{"file":"spw-accordion-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-accordion-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwAccordionTitle extends Components.SpwAccordionTitle, HTMLElement {}
+export const SpwAccordionTitle: {
+    prototype: SpwAccordionTitle;
+    new (): SpwAccordionTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-accordion-title.js

@@ -0,0 +1,8 @@
+import { S as SpwAccordionTitle$1, d as defineCustomElement$1 } from './p-a9181b0a.js';
+
+const SpwAccordionTitle = SpwAccordionTitle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwAccordionTitle, defineCustomElement };
+
+//# sourceMappingURL=spw-accordion-title.js.map

package/dist/components/spw-accordion-title.js.map

@@ -0,0 +1 @@
+{"file":"spw-accordion-title.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwAccordion extends Components.SpwAccordion, HTMLElement {}
+export const SpwAccordion: {
+    prototype: SpwAccordion;
+    new (): SpwAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-accordion.js

@@ -0,0 +1,8 @@
+import { S as SpwAccordion$1, d as defineCustomElement$1 } from './p-def4fee9.js';
+
+const SpwAccordion = SpwAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwAccordion, defineCustomElement };
+
+//# sourceMappingURL=spw-accordion.js.map

package/dist/components/spw-accordion.js.map

@@ -0,0 +1 @@
+{"file":"spw-accordion.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwBreadcrumbItem extends Components.SpwBreadcrumbItem, HTMLElement {}
+export const SpwBreadcrumbItem: {
+    prototype: SpwBreadcrumbItem;
+    new (): SpwBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-breadcrumb-item.js

@@ -0,0 +1,85 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+import { d as defineCustomElement$3 } from './p-72ca702e.js';
+import { d as defineCustomElement$2 } from './p-1808c8c6.js';
+
+const spwBreadcrumbItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:contents;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{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-breadcrumb-item{display:inline;list-style:none}.spw-breadcrumb-item__text{color:var(--spw-color-themes-grey-grey-900);font-weight:700}:host(.spw-breadcrumb-item--dark) .spw-breadcrumb-item__text{color:var(--spw-ds-white)}";
+const SpwBreadcrumbItemStyle0 = spwBreadcrumbItemCss;
+
+const SpwBreadcrumbItem$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumbItem extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.href = '';
+        this.surface = 'light';
+    }
+    surfaceChanged() {
+        this.updateSurfaceClass();
+    }
+    componentWillLoad() {
+        this.getSurfaceFromParent();
+    }
+    getSurfaceFromParent() {
+        let parent = this.el.parentElement;
+        while (parent) {
+            if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {
+                this.surface = parent.getAttribute('surface');
+                this.updateSurfaceClass();
+                break;
+            }
+            if (parent.shadowRoot) {
+                parent = parent.shadowRoot.host;
+            }
+            else {
+                parent = parent.parentElement;
+            }
+        }
+    }
+    updateSurfaceClass() {
+        this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');
+        this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);
+    }
+    render() {
+        return (h(Host, { key: '3419cfd4160ec76a7248f4b75da50930d99c7701' }, h("li", { key: 'fbf8a68953e1b174a8b17041eeb6d41cae3ff336', class: `spw-breadcrumb-item spw-breadcrumb-item--${this.surface}` }, this.href ? (h("spw-link", { href: this.href, surface: this.surface }, h("slot", null))) : (h("span", { class: "spw-breadcrumb-item__text", "aria-current": "page" }, h("slot", null))))));
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "surface": ["surfaceChanged"]
+    }; }
+    static get style() { return SpwBreadcrumbItemStyle0; }
+}, [1, "spw-breadcrumb-item", {
+        "href": [1],
+        "surface": [32]
+    }, undefined, {
+        "surface": ["surfaceChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-breadcrumb-item", "spw-icon", "spw-link"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-breadcrumb-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwBreadcrumbItem$1);
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-link":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwBreadcrumbItem = SpwBreadcrumbItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwBreadcrumbItem, defineCustomElement };
+
+//# sourceMappingURL=spw-breadcrumb-item.js.map

package/dist/components/spw-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"file":"spw-breadcrumb-item.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,yuFAAyuF,CAAC;AACvwF,gCAAe,oBAAoB;;MCMtBA,mBAAiB;;;;;oBAIJ,EAAE;uBAEW,OAAO;;IAG5C,cAAc;QACZ,IAAI,CAAC,kBAAkB,EAAE,CAAC;KAC3B;IAED,iBAAiB;QACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;KAC7B;IAEO,oBAAoB;QAC1B,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACnC,OAAO,MAAM,EAAE;YACb,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,gBAAgB,EAAE;gBACrD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAqB,CAAC;gBAClE,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;aACP;YAED,IAAI,MAAM,CAAC,UAAU,EAAE;gBACrB,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAmB,CAAC;aAChD;iBAAM;gBACL,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;aAC/B;SACF;KACF;IAEO,kBAAkB;QACxB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAA4B,EAAE,2BAA2B,CAAC,CAAC;QACpF,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,wBAAwB,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;KAC/D;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,2DAAI,KAAK,EAAE,4CAA4C,IAAI,CAAC,OAAO,EAAE,IAClE,IAAI,CAAC,IAAI,IACR,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAC9C,eAAa,CACJ,KAEX,YAAM,KAAK,EAAC,2BAA2B,kBAAc,MAAM,IACzD,eAAa,CACR,CACR,CACE,CACA,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwBreadcrumbItem"],"sources":["src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.scss?tag=spw-breadcrumb-item&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb-item/spw-breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-breadcrumb-item {\n  list-style: none;\n  display: inline;\n\n  &__text {\n    font-weight: 700;\n    color: var(--spw-color-themes-grey-grey-900);\n    :host(.spw-breadcrumb-item--dark) & {\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb-item',\n  styleUrl: 'spw-breadcrumb-item.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumbItem {\n  @Element() el: HTMLSpwBreadcrumbItemElement;\n\n  /** Permet de définir un lien sur l'élément du breadcrumb */\n  @Prop() href?: string = '';\n\n  @State() surface: 'light' | 'dark' = 'light';\n\n  @Watch('surface')\n  surfaceChanged() {\n    this.updateSurfaceClass();\n  }\n\n  componentWillLoad() {\n    this.getSurfaceFromParent();\n  }\n\n  private getSurfaceFromParent() {\n    let parent = this.el.parentElement;\n    while (parent) {\n      if (parent.tagName.toLowerCase() === 'spw-breadcrumb') {\n        this.surface = parent.getAttribute('surface') as 'light' | 'dark';\n        this.updateSurfaceClass();\n        break;\n      }\n\n      if (parent.shadowRoot) {\n        parent = parent.shadowRoot.host as HTMLElement;\n      } else {\n        parent = parent.parentElement;\n      }\n    }\n  }\n\n  private updateSurfaceClass() {\n    this.el.classList.remove('spw-breadcrumb-item--light', 'spw-breadcrumb-item--dark');\n    this.el.classList.add(`spw-breadcrumb-item--${this.surface}`);\n  }\n\n  render() {\n    return (\n      <Host>\n        <li class={`spw-breadcrumb-item spw-breadcrumb-item--${this.surface}`}>\n          {this.href ? (\n            <spw-link href={this.href} surface={this.surface}>\n              <slot></slot>\n            </spw-link>\n          ) : (\n            <span class=\"spw-breadcrumb-item__text\" aria-current=\"page\">\n              <slot></slot>\n            </span>\n          )}\n        </li>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwBreadcrumb extends Components.SpwBreadcrumb, HTMLElement {}
+export const SpwBreadcrumb: {
+    prototype: SpwBreadcrumb;
+    new (): SpwBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-breadcrumb.js

@@ -0,0 +1,75 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwBreadcrumbCss = "/*! 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:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{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-breadcrumb{font-size:16px;max-width:100%;width:100%}.spw-breadcrumb__list{display:flex;list-style:none;margin:0;max-width:100%;padding:0;width:100%}@media (min-width:1024px){.spw-breadcrumb--multiline .spw-breadcrumb__list{display:block}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:last-child){display:block;margin-top:12px}}::slotted(spw-breadcrumb-item){display:none;margin-right:16px;padding-left:20px;position:relative}::slotted(spw-breadcrumb-item):after{content:\"\\f060\";font-family:Font Awesome\\ 6 Free;font-size:14px;font-weight:700;left:0;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:1024px){::slotted(spw-breadcrumb-item):after{content:\"\\f054\";font-size:12px;left:auto;right:0;transform:translateY(-50%)}::slotted(spw-breadcrumb-item){display:inline-block;padding-left:0;padding-right:20px}}::slotted(spw-breadcrumb-item:last-child){-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;display:none;flex:1;margin-right:0;overflow:hidden;padding-right:0;text-overflow:ellipsis}::slotted(spw-breadcrumb-item:last-child):after{display:none}@media (min-width:1024px){::slotted(spw-breadcrumb-item:last-child){display:-webkit-box}}.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:block}@media (min-width:1024px){.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child):after{display:none}.spw-breadcrumb--one-line ::slotted(spw-breadcrumb-item:last-child){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:none}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item){display:inline-block}}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:-webkit-box!important;overflow:initial}.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)):after{display:block}@media (min-width:1024px){.spw-breadcrumb--multiline ::slotted(spw-breadcrumb-item:nth-last-child(2)){display:inline-block!important}}::slotted(.hidden-item){display:none}::slotted(.collapsed-item){font-size:0;position:relative}::slotted(.collapsed-item):before{color:var(--spw-color-themes-grey-grey-500);content:\"\\f141\";font-family:Font Awesome\\ 6 Free;font-size:16px;font-weight:700}.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-primary);opacity:1}@media (min-width:1024px){.spw-breadcrumb--surface-light ::slotted(spw-breadcrumb-item):after{color:var(--spw-color-themes-grey-grey-600)}}.spw-breadcrumb--surface-dark{color:var(--spw-ds-white)!important}.spw-breadcrumb--surface-dark ::slotted(spw-breadcrumb-item):after{color:var(--spw-ds-white);opacity:.7}.spw-breadcrumb--surface-dark ::slotted(.collapsed-item):before{color:var(--spw-ds-white);opacity:.7}";
+const SpwBreadcrumbStyle0 = spwBreadcrumbCss;
+
+const SpwBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SpwBreadcrumb extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        /** Permet de limiter le breadcrumb à x éléments visibles */
+        this.maxItems = 9999;
+        this.variant = 'default';
+        this.surface = 'light';
+    }
+    componentDidLoad() {
+        this.updateBreadcrumbVisibility();
+    }
+    componentDidUpdate() {
+        this.updateBreadcrumbVisibility();
+    }
+    updateBreadcrumbVisibility() {
+        const items = this.host.querySelectorAll('spw-breadcrumb-item');
+        const totalItems = items.length;
+        items.forEach(item => {
+            item.classList.remove('hidden-item', 'collapsed-item');
+        });
+        if (totalItems > this.maxItems) {
+            const visibleAtStart = this.maxItems - 1;
+            items.forEach((item, index) => {
+                if (index >= visibleAtStart && index < totalItems - 1) {
+                    if (index === totalItems - 2) {
+                        item.classList.add('collapsed-item');
+                    }
+                    else {
+                        item.classList.add('hidden-item');
+                    }
+                }
+            });
+        }
+    }
+    render() {
+        const elementClass = {
+            'spw-breadcrumb': true,
+            [`spw-breadcrumb--surface-${this.surface}`]: true,
+            [`spw-breadcrumb--${this.variant}`]: true,
+        };
+        return (h(Host, { key: 'd925d2237678ae45058398dc06ed5f5b0e7ec20c' }, h("nav", { key: '3f488018409942abdab9c297cb6ceea522768f0d', "aria-label": "breadcrumb", class: elementClass }, h("ol", { key: '83d66d21e544eb2676929ab7e6163ad21bb9452f', class: "spw-breadcrumb__list" }, h("slot", { key: '5531fedbd8e3032444e4c2403b284663d274dff6' })))));
+    }
+    get host() { return this; }
+    static get style() { return SpwBreadcrumbStyle0; }
+}, [1, "spw-breadcrumb", {
+        "variant": [1],
+        "surface": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-breadcrumb"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-breadcrumb":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwBreadcrumb$1);
+            }
+            break;
+    } });
+}
+
+const SpwBreadcrumb = SpwBreadcrumb$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwBreadcrumb, defineCustomElement };
+
+//# sourceMappingURL=spw-breadcrumb.js.map

package/dist/components/spw-breadcrumb.js.map

@@ -0,0 +1 @@
+{"file":"spw-breadcrumb.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,uqLAAuqL,CAAC;AACjsL,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;QAExB,aAAQ,GAAY,IAAI,CAAC;uBAE+B,SAAS;uBAE5B,OAAO;;IAG5C,gBAAgB;QACd,IAAI,CAAC,0BAA0B,EAAE,CAAC;KACnC;IAED,kBAAkB;QAChB,IAAI,CAAC,0BAA0B,EAAE,CAAC;KACnC;IAEO,0BAA0B;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAEhC,KAAK,CAAC,OAAO,CAAC,IAAI;YAChB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC;SACxD,CAAC,CAAC;QAEH,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;YAC9B,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;YAEzC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK;gBACxB,IAAI,KAAK,IAAI,cAAc,IAAI,KAAK,GAAG,UAAU,GAAG,CAAC,EAAE;oBACrD,IAAI,KAAK,KAAK,UAAU,GAAG,CAAC,EAAE;wBAC5B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;qBACtC;yBAAM;wBACL,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;qBACnC;iBACF;aACF,CAAC,CAAC;SACJ;KACF;IAED,MAAM;QACJ,MAAM,YAAY,GAAG;YACnB,gBAAgB,EAAE,IAAI;YACtB,CAAC,2BAA2B,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;YACjD,CAAC,mBAAmB,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI;SAC1C,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,0EAAgB,YAAY,EAAC,KAAK,EAAE,YAAY,IAC9C,2DAAI,KAAK,EAAC,sBAAsB,IAC9B,8DAAa,CACV,CACD,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwBreadcrumb"],"sources":["src/components/spw-breadcrumb/spw-breadcrumb.scss?tag=spw-breadcrumb&encapsulation=shadow","src/components/spw-breadcrumb/spw-breadcrumb.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-breadcrumb {\n  font-size: 16px;\n  max-width: 100%;\n  width: 100%;\n\n  &__list {\n    display: flex;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &--multiline {\n    .spw-breadcrumb__list {\n      @include breakpoint(lg) {\n        display: block;\n      }\n    }\n    ::slotted(spw-breadcrumb-item:last-child) {\n      @include breakpoint(lg) {\n        display: block;\n        margin-top: 12px;\n      }\n    }\n  }\n}\n\n::slotted(spw-breadcrumb-item) {\n  margin-right: 16px;\n  padding-left: 20px;\n  position: relative;\n  display: none;\n  &:after {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f060';\n    font-size: 14px;\n    @include breakpoint(lg) {\n      right: 0;\n      left: auto;\n      transform: translateY(-50%);\n      content: '\\f054';\n      font-size: 12px;\n    }\n  }\n  @include breakpoint(lg) {\n    display: inline-block;\n    padding-left: 0;\n    padding-right: 20px;\n  }\n}\n\n::slotted(spw-breadcrumb-item:last-child) {\n  flex: 1;\n  overflow: hidden;\n  display: none;\n  margin-right: 0;\n  -webkit-box-orient: vertical;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n  line-clamp: 1;\n  padding-right: 0;\n  &:after {\n    display: none;\n  }\n  @include breakpoint(lg) {\n    display: -webkit-box;\n  }\n}\n\n.spw-breadcrumb:not(.spw-breadcrumb--multiline):not(.spw-breadcrumb--one-line) ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n  display: -webkit-box !important;\n}\n\n.spw-breadcrumb--one-line {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:last-child) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n      @include breakpoint(lg) {\n        display: none;\n      }\n    }\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n}\n\n.spw-breadcrumb--multiline {\n  ::slotted(spw-breadcrumb-item) {\n    display: none;\n    @include breakpoint(lg) {\n      display: inline-block;\n    }\n  }\n  ::slotted(spw-breadcrumb-item:nth-last-child(2)) {\n    overflow: initial;\n    display: -webkit-box !important;\n    &:after {\n      display: block;\n    }\n    @include breakpoint(lg) {\n      display: inline-block !important;\n    }\n  }\n}\n\n::slotted(.hidden-item) {\n  display: none;\n}\n\n::slotted(.collapsed-item) {\n  font-size: 0;\n  position: relative;\n  &:before {\n    font-family: 'Font Awesome 6 Free';\n    font-weight: 700;\n    content: '\\f141';\n    font-size: 16px;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n}\n\n.spw-breadcrumb--surface-light {\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 1;\n      color: var(--spw-ds-primary);\n      @include breakpoint(lg) {\n        color: var(--spw-color-themes-grey-grey-600);\n      }\n    }\n  }\n}\n\n.spw-breadcrumb--surface-dark {\n  color: var(--spw-ds-white) !important;\n  ::slotted(spw-breadcrumb-item) {\n    &:after {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n  ::slotted(.collapsed-item) {\n    &:before {\n      opacity: 0.7;\n      color: var(--spw-ds-white);\n    }\n  }\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'spw-breadcrumb',\n  styleUrl: 'spw-breadcrumb.scss',\n  shadow: true,\n})\nexport class SpwBreadcrumb {\n  /** Permet de limiter le breadcrumb à x éléments visibles */\n  maxItems?: number = 9999;\n  /** Permet de sélectionner la variante de breadcrumb */\n  @Prop() variant: 'multiline' | 'one-line' | 'default' = 'default';\n  /** Permet de choisir la surface d'arrière-plan du breadcrumb */\n  @Prop() surface?: 'light' | 'dark' = 'light';\n  @Element() host: HTMLSpwBreadcrumbElement;\n\n  componentDidLoad() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  componentDidUpdate() {\n    this.updateBreadcrumbVisibility();\n  }\n\n  private updateBreadcrumbVisibility() {\n    const items = this.host.querySelectorAll('spw-breadcrumb-item');\n    const totalItems = items.length;\n\n    items.forEach(item => {\n      item.classList.remove('hidden-item', 'collapsed-item');\n    });\n\n    if (totalItems > this.maxItems) {\n      const visibleAtStart = this.maxItems - 1;\n\n      items.forEach((item, index) => {\n        if (index >= visibleAtStart && index < totalItems - 1) {\n          if (index === totalItems - 2) {\n            item.classList.add('collapsed-item');\n          } else {\n            item.classList.add('hidden-item');\n          }\n        }\n      });\n    }\n  }\n\n  render() {\n    const elementClass = {\n      'spw-breadcrumb': true,\n      [`spw-breadcrumb--surface-${this.surface}`]: true,\n      [`spw-breadcrumb--${this.variant}`]: true,\n    };\n\n    return (\n      <Host>\n        <nav aria-label=\"breadcrumb\" class={elementClass}>\n          <ol class=\"spw-breadcrumb__list\">\n            <slot></slot>\n          </ol>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwButton extends Components.SpwButton, HTMLElement {}
+export const SpwButton: {
+    prototype: SpwButton;
+    new (): SpwButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-button.js

@@ -0,0 +1,8 @@
+import { S as SpwButton$1, d as defineCustomElement$1 } from './p-e37034cf.js';
+
+const SpwButton = SpwButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwButton, defineCustomElement };
+
+//# sourceMappingURL=spw-button.js.map

package/dist/components/spw-button.js.map

@@ -0,0 +1 @@
+{"file":"spw-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spw-card-content.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpwCardContent extends Components.SpwCardContent, HTMLElement {}
+export const SpwCardContent: {
+    prototype: SpwCardContent;
+    new (): SpwCardContent;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spw-card-content.js

@@ -0,0 +1,45 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+import { f as formatDate } from './p-70d767cd.js';
+
+const spwCardContentCss = "/*! 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;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:1220px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{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(.--video){min-width:100%;width:100%}.spw-card-content{display:flex;flex-direction:column;padding:12px 24px 24px;position:relative;z-index:5}:host(.--vertical) .spw-card-content{padding:24px}:host(.--vertical) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--event) .spw-card-content{padding:12px 24px 24px 64px}:host(.--event) .spw-card-content ::slotted(spw-card-subtags){margin-top:12px}:host(.--sidebar) .spw-card-content{padding:0}:host(.--event) .spw-card-content,:host(.--sidebar) .spw-card-content,:host(.--vertical) .spw-card-content{height:100%;justify-content:center}:host(.--video) .spw-card-content{height:100%;justify-content:flex-end;padding-right:80px}:host(.--video) .spw-card-content:after{bottom:24px;color:#fff;content:\"\\f144\";font-family:Font Awesome\\ 6 Free;font-size:36px;font-weight:900;position:absolute;right:24px}.spw-card-content__tag{background:var(--spw-ds-white);border-radius:4px 4px 0 0;color:var(--spw-ds-primary);font-size:15px;font-weight:700;left:25px;padding:6px 10px;position:absolute;top:-25px}:host(.--event) .spw-card-content__tag,:host(.--no-image) .spw-card-content__tag,:host(.--vertical) .spw-card-content__tag,:host(.--video) .spw-card-content__tag{left:0;margin-bottom:8px;padding:0;position:relative;top:0}:host(.--video) .spw-card-content__tag{align-self:flex-start;background:var(--spw-ds-white);border-radius:9999px;box-shadow:var(--spw-effect-elevation-3);color:var(--spw-color-themes-grey-grey-900);display:inline-block;font-size:14px;line-height:1;padding:8px 12px;width:auto}.spw-card-content__date{color:var(--spw-color-themes-grey-grey-600);font-size:15px;font-weight:300;margin-bottom:7px}";
+const SpwCardContentStyle0 = spwCardContentCss;
+
+const SpwCardContent$1 = /*@__PURE__*/ proxyCustomElement(class SpwCardContent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.hasImage = undefined;
+        this.tag = undefined;
+        this.date = undefined;
+    }
+    render() {
+        return (h("div", { key: 'b1c1d539a59ee23b12a51e4502646fa95ff5b4a5', class: "spw-card-content" }, this.tag && h("span", { key: '76af396f8ca9bed65008ab17a5dc671305ac944c', class: "spw-card-content__tag" }, this.tag), this.date && (h("time", { key: 'e5eb647a65af19ed15de1dab43da2b8289502ced', "date-time": this.date, class: "spw-card-content__date" }, formatDate(this.date))), h("slot", { key: '9eaa07625e6b543894965a70c17a4242772a4ec5' })));
+    }
+    get el() { return this; }
+    static get style() { return SpwCardContentStyle0; }
+}, [1, "spw-card-content", {
+        "tag": [1],
+        "date": [1],
+        "hasImage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-card-content"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-card-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwCardContent$1);
+            }
+            break;
+    } });
+}
+
+const SpwCardContent = SpwCardContent$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwCardContent, defineCustomElement };
+
+//# sourceMappingURL=spw-card-content.js.map

package/dist/components/spw-card-content.js.map

@@ -0,0 +1 @@
+{"file":"spw-card-content.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,qoIAAqoI,CAAC;AAChqI,6BAAe,iBAAiB;;MCOnBA,gBAAc;;;;;;;;;IASzB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,GAAG,CAAQ,EACjE,IAAI,CAAC,IAAI,KACR,0EAAiB,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,wBAAwB,IACvD,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CACjB,CACR,EACD,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwCardContent"],"sources":["src/components/spw-card/spw-card-content/spw-card-content.scss?tag=spw-card-content&encapsulation=shadow","src/components/spw-card/spw-card-content/spw-card-content.tsx"],"sourcesContent":[":host(.--video) {\n  min-width: 100%;\n  width: 100%;\n}\n\n.spw-card-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px 24px 24px;\n  z-index: 5;\n\n  :host(.--vertical) & {\n    padding: 24px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--event) & {\n    padding: 12px 24px 24px 64px;\n    ::slotted(spw-card-subtags) {\n      margin-top: 12px;\n    }\n  }\n\n  :host(.--sidebar) & {\n    padding: 0;\n  }\n\n  :host(.--vertical) &,\n  :host(.--sidebar) &,\n  :host(.--event) & {\n    justify-content: center;\n    height: 100%;\n  }\n\n  :host(.--video) & {\n    justify-content: flex-end;\n    height: 100%;\n    padding-right: 80px;\n    &:after {\n      position: absolute;\n      bottom: 24px;\n      right: 24px;\n      font-family: 'Font Awesome 6 Free';\n      font-weight: 900;\n      content: '\\f144';\n      font-size: 36px;\n      color: white;\n    }\n  }\n\n  &__tag {\n    position: absolute;\n    top: -25px;\n    left: 25px;\n    padding: 6px 10px;\n    border-radius: 4px 4px 0px 0px;\n    background: var(--spw-ds-white);\n    color: var(--spw-ds-primary);\n    font-size: 15px;\n    font-weight: 700;\n\n    :host(.--no-image) &,\n    :host(.--event) &,\n    :host(.--video) &,\n    :host(.--vertical) & {\n      position: relative;\n      top: 0;\n      left: 0;\n      padding: 0;\n      margin-bottom: 8px;\n    }\n\n    :host(.--video) & {\n      width: auto;\n      align-self: flex-start;\n      display: inline-block;\n      padding: 8px 12px;\n      border-radius: 9999px;\n      line-height: 1;\n      color: var(--spw-color-themes-grey-grey-900);\n      box-shadow: var(--spw-effect-elevation-3);\n      font-size: 14px;\n      background: var(--spw-ds-white);\n    }\n  }\n\n  &__date {\n    margin-bottom: 7px;\n    font-size: 15px;\n    font-weight: 300;\n    color: var(--spw-color-themes-grey-grey-600);\n  }\n}\n","import { Element, Component, State, Prop, h } from '@stencil/core';\nimport { formatDate } from '@utils/utils';\n\n@Component({\n  tag: 'spw-card-content',\n  styleUrl: 'spw-card-content.scss',\n  shadow: true,\n})\nexport class SpwCardContent {\n  @Element() el: HTMLSpwCardContentElement;\n  @State() hasImage: boolean;\n\n  /** Tag spécifié dans la carte */\n  @Prop() tag?: string;\n  /** Date de publication */\n  @Prop() date?: string;\n\n  render() {\n    return (\n      <div class=\"spw-card-content\">\n        {this.tag && <span class=\"spw-card-content__tag\">{this.tag}</span>}\n        {this.date && (\n          <time date-time={this.date} class=\"spw-card-content__date\">\n            {formatDate(this.date)}\n          </time>\n        )}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}