@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,57 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwTableCellCss = "/*! 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-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);border-top:0;color:var(--spw-color-themes-grey-grey-800);font-size:14px;padding:16px;text-align:left}.spw-table-cell--is-highlighted{background:var(--spw-color-themes-grey-grey-100);font-weight:700}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}";
+const SpwTableCellStyle0 = spwTableCellCss;
+
+const SpwTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableCell extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.colspan = undefined;
+        this.headers = undefined;
+        this.rowspan = undefined;
+        this.isHighlighted = false;
+        this.textAlign = 'left';
+        this.verticalAlign = 'top';
+    }
+    get elementClass() {
+        return {
+            'spw-table-cell': true,
+            'spw-table-cell--is-highlighted': this.isHighlighted,
+            [`spw-table-cell--text-align-${this.textAlign}`]: true,
+            [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,
+        };
+    }
+    render() {
+        return (h("td", { key: 'cc470faf261792f1916cf5ab3b6eeb15c6e8c059', class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("slot", { key: '391d6db7ca6b663132bd18bb1778933d61bb94b2' })));
+    }
+    static get style() { return SpwTableCellStyle0; }
+}, [1, "spw-table-cell", {
+        "colspan": [2],
+        "headers": [1],
+        "rowspan": [2],
+        "isHighlighted": [4, "is-highlighted"],
+        "textAlign": [1, "text-align"],
+        "verticalAlign": [1, "vertical-align"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-cell"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-cell":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableCell$1);
+            }
+            break;
+    } });
+}
+
+const SpwTableCell = SpwTableCell$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTableCell, defineCustomElement };
+
+//# sourceMappingURL=spw-table-cell.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-table-cell.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8lGAA8lG,CAAC;AACvnG,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;;;6BAQW,KAAK;yBAEW,MAAM;6BAEF,KAAK;;IAE3D,IAAY,YAAY;QACtB,OAAO;YACL,gBAAgB,EAAE,IAAI;YACtB,gCAAgC,EAAE,IAAI,CAAC,aAAa;YACpD,CAAC,8BAA8B,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI;YACtD,CAAC,kCAAkC,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI;SAC/D,CAAC;KACH;IAED,MAAM;QACJ,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAC3G,8DAAQ,CACL,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableCell"],"sources":["src/components/spw-table/spw-table-cell/spw-table-cell.scss?tag=spw-table-cell&encapsulation=shadow","src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-cell {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  padding: 16px;\n  border-top: 0;\n  &--is-highlighted {\n    font-weight: 700;\n    background: var(--spw-color-themes-grey-grey-100);\n  }\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-cell': true,\n      'spw-table-cell--is-highlighted': this.isHighlighted,\n      [`spw-table-cell--text-align-${this.textAlign}`]: true,\n      [`spw-table-cell--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <td class={this.elementClass} colSpan={this.colspan} headers={this.headers} part=\"cell\" rowSpan={this.rowspan}>\n        <slot />\n      </td>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-table-head.d.ts

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

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwTableHeadCss = "/*! 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)}}";
+const SpwTableHeadStyle0 = spwTableHeadCss;
+
+const SpwTableHead$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHead extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("thead", { key: 'cc487f15701da33611b1250b1fde8f8602b144e9', part: "thead" }, h("slot", { key: '83b3a32575e313f4a935639d9a6cf673d0754a70' })));
+    }
+    static get style() { return SpwTableHeadStyle0; }
+}, [1, "spw-table-head"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-head"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-head":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableHead$1);
+            }
+            break;
+    } });
+}
+
+const SpwTableHead = SpwTableHead$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTableHead, defineCustomElement };
+
+//# sourceMappingURL=spw-table-head.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-table-head.js","mappings":";;AAAA,MAAM,eAAe,GAAG,ugFAAugF,CAAC;AAChiF,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;IACvB,MAAM;QACJ,QACE,8DAAO,IAAI,EAAC,OAAO,IACjB,8DAAQ,CACF,EACR;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableHead"],"sources":["src/components/spw-table/spw-table-head/spw-table-head.scss?tag=spw-table-head&encapsulation=shadow","src/components/spw-table/spw-table-head/spw-table-head.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-head',\n  styleUrl: 'spw-table-head.scss',\n  shadow: true,\n})\nexport class SpwTableHead {\n  render() {\n    return (\n      <thead part=\"thead\">\n        <slot />\n      </thead>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-table-header.d.ts

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

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

@@ -0,0 +1,56 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwTableHeaderCss = "/*! 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-table-header{background:var(--spw-color-themes-grey-grey-100);background-clip:padding-box;border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom:none!important;border-top:none!important;box-shadow:inset 0 1px 0 var(--spw-color-themes-grey-grey-300),inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;font-weight:700;padding:16px;text-align:left}:host-context(.spw-table--is-sticky) .spw-table-header{position:sticky;top:0;z-index:20}.spw-table-header--text-align-left{text-align:left}.spw-table-header--text-align-center{text-align:center}.spw-table-header--text-align-right{text-align:right}.spw-table-header--vertical-align-top{vertical-align:top}.spw-table-header--vertical-align-bottom{vertical-align:bottom}.spw-table-header--vertical-align-middle{vertical-align:middle}";
+const SpwTableHeaderStyle0 = spwTableHeaderCss;
+
+const SpwTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableHeader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.colspan = undefined;
+        this.headers = undefined;
+        this.rowspan = undefined;
+        this.isHighlighted = false;
+        this.textAlign = 'left';
+        this.verticalAlign = 'top';
+    }
+    get elementClass() {
+        return {
+            'spw-table-header': true,
+            [`spw-table-header--text-align-${this.textAlign}`]: true,
+            [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,
+        };
+    }
+    render() {
+        return (h("th", { key: '0f9626eb04dea48de3a81b2ad03b062b40340958', class: this.elementClass, colSpan: this.colspan, headers: this.headers, part: "cell", rowSpan: this.rowspan }, h("slot", { key: 'ee5ca7f08ad9d6d9a5652245d75a9aa295770a68' })));
+    }
+    static get style() { return SpwTableHeaderStyle0; }
+}, [1, "spw-table-header", {
+        "colspan": [2],
+        "headers": [1],
+        "rowspan": [2],
+        "isHighlighted": [4, "is-highlighted"],
+        "textAlign": [1, "text-align"],
+        "verticalAlign": [1, "vertical-align"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableHeader$1);
+            }
+            break;
+    } });
+}
+
+const SpwTableHeader = SpwTableHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTableHeader, defineCustomElement };
+
+//# sourceMappingURL=spw-table-header.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-table-header.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,81GAA81G,CAAC;AACz3G,6BAAe,iBAAiB;;MCMnBA,gBAAc;;;;;;;;6BAQS,KAAK;yBAEW,MAAM;6BAEF,KAAK;;IAE3D,IAAY,YAAY;QACtB,OAAO;YACL,kBAAkB,EAAE,IAAI;YACxB,CAAC,gCAAgC,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI;YACxD,CAAC,oCAAoC,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI;SACjE,CAAC;KACH;IAED,MAAM;QACJ,QACE,2DAAI,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,IAC3G,8DAAQ,CACL,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableHeader"],"sources":["src/components/spw-table/spw-table-header/spw-table-header.scss?tag=spw-table-header&encapsulation=shadow","src/components/spw-table/spw-table-header/spw-table-header.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.spw-table-header {\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  color: var(--spw-color-themes-grey-grey-800);\n  font-size: 14px;\n  text-align: left;\n  padding: 16px;\n  font-weight: 700;\n  background: var(--spw-color-themes-grey-grey-100);\n\n  border-top: none !important;\n  border-bottom: none !important;\n  box-shadow:\n    inset 0 1px 0 var(--spw-color-themes-grey-grey-300),\n    inset 0 -1px 0 var(--spw-color-themes-grey-grey-300);\n\n  background-clip: padding-box;\n\n  :host-context(.spw-table--is-sticky) & {\n    position: sticky;\n    top: 0;\n    z-index: 20;\n  }\n\n  &--text-align-left {\n    text-align: left;\n  }\n  &--text-align-center {\n    text-align: center;\n  }\n  &--text-align-right {\n    text-align: right;\n  }\n  &--vertical-align-top {\n    vertical-align: top;\n  }\n  &--vertical-align-bottom {\n    vertical-align: bottom;\n  }\n  &--vertical-align-middle {\n    vertical-align: middle;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-header',\n  styleUrl: 'spw-table-header.scss',\n  shadow: true,\n})\nexport class SpwTableHeader {\n  /** Définit un colspan pour la cellule */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n    };\n  }\n\n  render() {\n    return (\n      <th class={this.elementClass} colSpan={this.colspan} headers={this.headers} part=\"cell\" rowSpan={this.rowspan}>\n        <slot />\n      </th>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-table-row.d.ts

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

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

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-3706b88e.js';
+
+const spwTableRowCss = "/*! 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)}}";
+const SpwTableRowStyle0 = spwTableRowCss;
+
+const SpwTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SpwTableRow extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("tr", { key: '8accbccc70e2f4804fad62723f570e4c37e1b2f2', class: "spw-table-row", part: "row" }, h("slot", { key: '128616289d7e1fb17abfeb5c89655b076a8543a1' })));
+    }
+    static get style() { return SpwTableRowStyle0; }
+}, [1, "spw-table-row"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table-row"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTableRow$1);
+            }
+            break;
+    } });
+}
+
+const SpwTableRow = SpwTableRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTableRow, defineCustomElement };
+
+//# sourceMappingURL=spw-table-row.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-table-row.js","mappings":";;AAAA,MAAM,cAAc,GAAG,ugFAAugF,CAAC;AAC/hF,0BAAe,cAAc;;MCMhBA,aAAW;;;;;;IACtB,MAAM;QACJ,QACE,2DAAI,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,KAAK,IAClC,8DAAQ,CACL,EACL;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTableRow"],"sources":["src/components/spw-table/spw-table-row/spw-table-row.scss?tag=spw-table-row&encapsulation=shadow","src/components/spw-table/spw-table-row/spw-table-row.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-row',\n  styleUrl: 'spw-table-row.scss',\n  shadow: true,\n})\nexport class SpwTableRow {\n  render() {\n    return (\n      <tr class=\"spw-table-row\" part=\"row\">\n        <slot />\n      </tr>\n    );\n  }\n}\n"],"version":3}

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

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

package/dist/components/spw-table.js

@@ -0,0 +1,61 @@
+import { p as proxyCustomElement, H, h, c as Host } from './p-3706b88e.js';
+
+const spwTableCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3;position:relative}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl: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-table-container{max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow-x:auto;overflow-y:auto}.spw-table,.spw-table-container{border-radius:4px;position:relative;width:100%}.spw-table{border-collapse:collapse;min-width:var(--spw-table-min-width);table-layout:fixed}";
+const SpwTableStyle0 = spwTableCss;
+
+const SpwTable$1 = /*@__PURE__*/ proxyCustomElement(class SpwTable extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.accAriaLabel = undefined;
+        this.isSticky = false;
+        this.maxHeight = undefined;
+        this.minWidth = '600';
+    }
+    formatSize(value) {
+        if (value === undefined || value === null) {
+            return 'auto';
+        }
+        return `${value}px`;
+    }
+    get elementClass() {
+        return {
+            'spw-table': true,
+            'spw-table--is-sticky': this.isSticky,
+        };
+    }
+    render() {
+        return (h(Host, { key: '02b327da53588a36f2063ac9082caaf9a64e52fe', style: {
+                '--spw-table-max-height': this.formatSize(this.maxHeight),
+                '--spw-table-min-width': this.formatSize(this.minWidth),
+            } }, h("div", { key: 'bf07a44846296023fc245d155c13696a7e2bbd18', class: "spw-table-container" }, h("table", { key: 'f5ed74eb74bbd4d1332ee5ca2b5b2830af4d9842', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, h("slot", { key: 'd31540d5b4a6588e191607e3d36de26fe2455c3d' })))));
+    }
+    get el() { return this; }
+    static get style() { return SpwTableStyle0; }
+}, [1, "spw-table", {
+        "accAriaLabel": [1, "acc-aria-label"],
+        "isSticky": [4, "is-sticky"],
+        "maxHeight": [1, "max-height"],
+        "minWidth": [1, "min-width"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTable$1);
+            }
+            break;
+    } });
+}
+
+const SpwTable = SpwTable$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTable, defineCustomElement };
+
+//# sourceMappingURL=spw-table.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-table.js","mappings":";;AAAA,MAAM,WAAW,GAAG,y2FAAy2F,CAAC;AAC93F,uBAAe,WAAW;;MCiBbA,UAAQ;;;;;;wBAMU,KAAK;;wBAIN,KAAK;;IAEzB,UAAU,CAAC,KAAc;QAC/B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACzC,OAAO,MAAM,CAAC;SACf;QACD,OAAO,GAAG,KAAK,IAAI,CAAC;KACrB;IAED,IAAY,YAAY;QACtB,OAAO;YACL,WAAW,EAAE,IAAI;YACjB,sBAAsB,EAAE,IAAI,CAAC,QAAQ;SACtC,CAAC;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,wBAAwB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;gBACzD,uBAAuB,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;aACxD,IAED,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,8DAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,YAAY,IACtF,8DAAQ,CACF,CACJ,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTable"],"sources":["src/components/spw-table/spw-table.scss?tag=spw-table&encapsulation=shadow","src/components/spw-table/spw-table.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n%highlight {\n  font-weight: 700;\n  background: var(--spw-color-themes-grey-grey-100);\n}\n\n.spw-table-container {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: auto;\n  max-height: var(--spw-table-max-height);\n  border-radius: 4px;\n  outline: 1px solid var(--spw-color-themes-grey-grey-300);\n  outline-offset: -1px;\n  position: relative;\n}\n\n.spw-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  min-width: var(--spw-table-min-width);\n  border-radius: 4px;\n  position: relative;\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\nexport interface TableCell {\n  content: string;\n  colspan?: number;\n  rowspan?: number;\n  isHeader?: boolean;\n}\n\nexport interface TableRow {\n  cells: TableCell[];\n}\n\n@Component({\n  tag: 'spw-table',\n  styleUrl: 'spw-table.scss',\n  shadow: true,\n})\nexport class SpwTable {\n  @Element() el: HTMLSpwTableElement;\n\n  /** Propriété pour l'aria-label, à des fins d'accessibilité */\n  @Prop() accAriaLabel?: string;\n  /** Si le header du tableau doit être sticky ou non */\n  @Prop() isSticky?: boolean = false;\n  /** Si défini, apparition d'une scrollbar verticale et max-height  */\n  @Prop() maxHeight?: string;\n  /** Si défini, apparition d'une scrollbar horizontale et max-width  */\n  @Prop() minWidth?: string = '600';\n\n  private formatSize(value?: string): string {\n    if (value === undefined || value === null) {\n      return 'auto';\n    }\n    return `${value}px`;\n  }\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table': true,\n      'spw-table--is-sticky': this.isSticky,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          '--spw-table-max-height': this.formatSize(this.maxHeight),\n          '--spw-table-min-width': this.formatSize(this.minWidth),\n        }}\n      >\n        <div class=\"spw-table-container\">\n          <table part=\"table\" class={this.elementClass} role=\"table\" aria-label={this.accAriaLabel}>\n            <slot />\n          </table>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-text-field.d.ts

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

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

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

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

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

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

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

package/dist/components/spw-textarea.js

@@ -0,0 +1,143 @@
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-3706b88e.js';
+import { d as defineCustomElement$4 } from './p-b3b66a09.js';
+import { d as defineCustomElement$3 } from './p-e70f2b83.js';
+import { d as defineCustomElement$2 } from './p-72ca702e.js';
+
+const spwTextareaCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl: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-textarea{position:relative}.spw-textarea__input{border:1px solid var(--spw-color-themes-grey-grey-800);border-radius:4px;flex:1;min-height:40px;padding:12px;resize:vertical;width:100%}.spw-textarea__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-textarea__input:focus,.spw-textarea__input:focus-visible{outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-textarea--disabled .spw-textarea__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-textarea--disabled .spw-textarea__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-textarea--disabled .spw-textarea__input:focus,.spw-textarea--disabled .spw-textarea__input:focus-visible,.spw-textarea--disabled .spw-textarea__input:hover{outline:none}.spw-textarea--is-error .spw-textarea__input{border-color:var(--spw-colors-states-error-error-300)}.spw-textarea--large .spw-textarea__input{height:60px;line-height:60px;padding:0 24px}.spw-textarea--is-search .spw-textarea__input{padding-right:80px}.spw-textarea__container{align-items:center;display:flex}.spw-textarea__indicator{padding-left:.75rem}.spw-textarea__icon{color:var(--spw-ds-primary);font-size:24px;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}";
+const SpwTextareaStyle0 = spwTextareaCss;
+
+const SpwTextarea$1 = /*@__PURE__*/ proxyCustomElement(class SpwTextarea extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.valueChanged = createEvent(this, "valueChanged", 7);
+        this.internals = this.attachInternals();
+        this.internalValue = '';
+        this.value = undefined;
+        this.label = '';
+        this.placeholder = undefined;
+        this.disabled = undefined;
+        this.name = undefined;
+        this.rows = 3;
+        this.minLength = undefined;
+        this.maxLength = undefined;
+        this.isSearch = false;
+        this.required = false;
+        this.size = 'medium';
+        this.indicator = undefined;
+        this.assistiveText = undefined;
+        this.error = '';
+        this.hint = '';
+        this.success = '';
+        this.showErrorIcon = true;
+        this.showHintIcon = true;
+        this.showSuccessIcon = true;
+    }
+    valueChangedHandler(newValue) {
+        this.internalValue = newValue;
+        this.internals.setFormValue(this.internalValue);
+        this.valueChanged.emit(this.internalValue);
+    }
+    componentWillLoad() {
+        if (this.value) {
+            this.internalValue = this.value;
+        }
+    }
+    handleChange(event) {
+        this.internalValue = event.target.value;
+        this.value = this.internalValue;
+        this.internals.setFormValue(this.internalValue);
+        this.valueChanged.emit(this.internalValue);
+    }
+    renderErrorMessage() {
+        if (this.error) {
+            return (h("spw-field-message", { variant: "error", showIcon: this.showErrorIcon }, this.error));
+        }
+    }
+    renderHintMessage() {
+        if (this.hint) {
+            return (h("spw-field-message", { variant: "hint", showIcon: this.showHintIcon }, this.hint));
+        }
+    }
+    renderSuccessMessage() {
+        if (this.success) {
+            return (h("spw-field-message", { variant: "success", showIcon: this.showSuccessIcon }, this.success));
+        }
+    }
+    get elementClass() {
+        return {
+            'spw-textarea': true,
+            [`spw-textarea--${this.size}`]: true,
+            'spw-textarea--is-search': this.isSearch,
+            'spw-textarea--is-error': !!this.error,
+            'spw-textarea--disabled': this.disabled,
+        };
+    }
+    render() {
+        return (h("div", { key: 'df4a93564d0c2db2803653d0280755581b785fe1', class: this.elementClass }, this.label && h("spw-field-label", { key: '94cc59c7618732086323a774aeb39fbfc6c8f1de', label: this.label, name: this.name, required: this.required }), this.assistiveText && (h("spw-field-message", { key: '8d270afe2394b3c6c7262be050f4301825aa6b60', class: "spw-tw-mb-2 -spw-tw-mt-1", variant: "hint", showIcon: false }, this.assistiveText)), h("div", { key: '748d04510eda0c5c9e4fc8a02e025e113627adc1', class: "spw-textarea__container" }, h("textarea", { key: '91079252fab37964e5c35281d01fd1f67b08a051', 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()));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "value": ["valueChangedHandler"]
+    }; }
+    static get style() { return SpwTextareaStyle0; }
+}, [65, "spw-textarea", {
+        "value": [1537],
+        "label": [1],
+        "placeholder": [1],
+        "disabled": [4],
+        "name": [1],
+        "rows": [2],
+        "minLength": [2, "min-length"],
+        "maxLength": [2, "max-length"],
+        "isSearch": [4, "is-search"],
+        "required": [4],
+        "size": [1],
+        "indicator": [1],
+        "assistiveText": [1, "assistive-text"],
+        "error": [1],
+        "hint": [1],
+        "success": [1],
+        "showErrorIcon": [4, "show-error-icon"],
+        "showHintIcon": [4, "show-hint-icon"],
+        "showSuccessIcon": [4, "show-success-icon"],
+        "internalValue": [32]
+    }, undefined, {
+        "value": ["valueChangedHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spw-textarea", "spw-field-label", "spw-field-message", "spw-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spw-textarea":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpwTextarea$1);
+            }
+            break;
+        case "spw-field-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "spw-field-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "spw-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SpwTextarea = SpwTextarea$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpwTextarea, defineCustomElement };
+
+//# sourceMappingURL=spw-textarea.js.map

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

@@ -0,0 +1 @@
+{"file":"spw-textarea.js","mappings":";;;;;AAAA,MAAM,cAAc,GAAG,+gIAA+gI,CAAC;AACviI,0BAAe,cAAc;;MCOhBA,aAAW;;;;;;;6BAIW,EAAE;;qBAKV,EAAE;;;;oBAQH,CAAC;;;wBAMI,KAAK;wBAEL,KAAK;oBAEE,QAAQ;;;qBAMnB,EAAE;oBAEH,EAAE;uBAEC,EAAE;6BAEK,IAAI;4BAEL,IAAI;+BAED,IAAI;;IAKxC,mBAAmB,CAAC,QAAgB;QAClC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5C;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;SACjC;KACF;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;QAChD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC5C;IAEO,kBAAkB;QACxB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,QACE,yBAAmB,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,IAC5D,IAAI,CAAC,KAAK,CACO,EACpB;SACH;KACF;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,yBAAmB,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,IAC1D,IAAI,CAAC,IAAI,CACQ,EACpB;SACH;KACF;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,QACE,yBAAmB,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,IAChE,IAAI,CAAC,OAAO,CACK,EACpB;SACH;KACF;IAED,IAAY,YAAY;QACtB,OAAO;YACL,cAAc,EAAE,IAAI;YACpB,CAAC,iBAAiB,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;YACpC,yBAAyB,EAAE,IAAI,CAAC,QAAQ;YACxC,wBAAwB,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;YACtC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;SACxC,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,YAAY,IAC1B,IAAI,CAAC,KAAK,IAAI,wEAAiB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAoB,EAC9G,IAAI,CAAC,aAAa,KACjB,0EAAmB,KAAK,EAAC,0BAA0B,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,KAAK,IAC/E,IAAI,CAAC,aAAa,CACD,CACrB,EACD,4DAAK,KAAK,EAAC,yBAAyB,IAClC,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,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,GAChC,CACR,EACL,IAAI,CAAC,kBAAkB,EAAE,EACzB,IAAI,CAAC,iBAAiB,EAAE,EACxB,IAAI,CAAC,oBAAoB,EAAE,CACxB,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SpwTextarea"],"sources":["src/components/spw-textarea/spw-textarea.scss?tag=spw-textarea&encapsulation=shadow","src/components/spw-textarea/spw-textarea.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-textarea {\n  position: relative;\n  &__input {\n    flex: 1;\n    width: 100%;\n    min-height: 40px;\n    padding: 12px;\n    resize: vertical;\n    border-radius: 4px;\n    border: 1px solid var(--spw-color-themes-grey-grey-800);\n    &:hover {\n      outline: 4px solid var(--spw-color-themes-grey-grey-300);\n    }\n    &:focus,\n    &:focus-visible {\n      outline: 3px solid var(--spw-ds-focus);\n      outline-offset: 2px;\n    }\n    .spw-textarea--disabled & {\n      border-color: var(--spw-color-themes-grey-grey-400);\n      background: var(--spw-color-themes-grey-grey-100);\n      color: var(--spw-color-themes-grey-grey-500);\n      cursor: not-allowed;\n      &::placeholder {\n        color: var(--spw-color-themes-grey-grey-500);\n      }\n      &:hover,\n      &:focus,\n      &:focus-visible {\n        outline: none;\n      }\n    }\n    .spw-textarea--is-error & {\n      border-color: var(--spw-colors-states-error-error-300);\n    }\n    .spw-textarea--large & {\n      height: 60px;\n      padding: 0 24px;\n      line-height: 60px;\n    }\n    .spw-textarea--is-search & {\n      padding-right: 80px;\n    }\n  }\n  &__container {\n    display: flex;\n    align-items: center;\n  }\n  &__indicator {\n    @apply spw-tw-pl-3;\n  }\n  &__icon {\n    pointer-events: none;\n    position: absolute;\n    top: 50%;\n    right: 30px;\n    transform: translateY(-50%);\n    color: var(--spw-ds-primary);\n    font-size: 24px;\n  }\n}\n","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  /** 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\n  @AttachInternals() internals: ElementInternals;\n\n  @Watch('value')\n  valueChangedHandler(newValue: string) {\n    this.internalValue = newValue;\n    this.internals.setFormValue(this.internalValue);\n    this.valueChanged.emit(this.internalValue);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      this.internalValue = this.value;\n    }\n  }\n\n  private handleChange(event) {\n    this.internalValue = event.target.value;\n    this.value = this.internalValue;\n    this.internals.setFormValue(this.internalValue);\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 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      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/spw-theme-provider.d.ts

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