@spw-ds/spw-stencil-library 0.0.1

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

@@ -0,0 +1,159 @@
+import { h } from "@stencil/core";
+export class SpwTableCell {
+    constructor() {
+        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 is() { return "spw-table-cell"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table-cell.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table-cell.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "colspan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['colSpan']",
+                    "resolved": "number",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un colspan pour la cellule"
+                },
+                "attribute": "colspan",
+                "reflect": false
+            },
+            "headers": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['headers']",
+                    "resolved": "string",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un header relationnel pour la cellule, \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "attribute": "headers",
+                "reflect": false
+            },
+            "rowspan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['rowSpan']",
+                    "resolved": "number",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un rowspan pour la cellule"
+                },
+                "attribute": "rowspan",
+                "reflect": false
+            },
+            "isHighlighted": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un style visuel qui met en avant la cellule"
+                },
+                "attribute": "is-highlighted",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "textAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'center' | 'left' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un alignement de texte pour la cellule"
+                },
+                "attribute": "text-align",
+                "reflect": false,
+                "defaultValue": "'left'"
+            },
+            "verticalAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'top' | 'bottom' | 'middle'",
+                    "resolved": "\"bottom\" | \"middle\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un alignement vertical pour la cellule"
+                },
+                "attribute": "vertical-align",
+                "reflect": false,
+                "defaultValue": "'top'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=spw-table-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-cell.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-cell/spw-table-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,YAAY;;;;;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,CAAC,EAAE,IAAI;YACtD,CAAC,kCAAkC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI;SAC/D,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,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;YAC3G,8DAAQ,CACL,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-cell',\n  styleUrl: 'spw-table-cell.scss',\n  shadow: true,\n})\nexport class SpwTableCell {\n  /** Définit un colspan pour la cellule */\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"]}

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

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

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

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class SpwTableHead {
+    render() {
+        return (h("thead", { key: 'cc487f15701da33611b1250b1fde8f8602b144e9', part: "thead" }, h("slot", { key: '83b3a32575e313f4a935639d9a6cf673d0754a70' })));
+    }
+    static get is() { return "spw-table-head"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table-head.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table-head.css"]
+        };
+    }
+}
+//# sourceMappingURL=spw-table-head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-head.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-head/spw-table-head.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,OAAO,CACL,8DAAO,IAAI,EAAC,OAAO;YACjB,8DAAQ,CACF,CACT,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -0,0 +1,158 @@
+import { h } from "@stencil/core";
+export class SpwTableHeader {
+    constructor() {
+        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 is() { return "spw-table-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table-header.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "colspan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['colSpan']",
+                    "resolved": "number",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un colspan pour la cellule"
+                },
+                "attribute": "colspan",
+                "reflect": false
+            },
+            "headers": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['headers']",
+                    "resolved": "string",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un header relationnel pour la cellule, \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "attribute": "headers",
+                "reflect": false
+            },
+            "rowspan": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "HTMLTableCellElement['rowSpan']",
+                    "resolved": "number",
+                    "references": {
+                        "HTMLTableCellElement": {
+                            "location": "global",
+                            "id": "global::HTMLTableCellElement"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un rowspan pour la cellule"
+                },
+                "attribute": "rowspan",
+                "reflect": false
+            },
+            "isHighlighted": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un style visuel qui met en avant la cellule"
+                },
+                "attribute": "is-highlighted",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "textAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'center' | 'left' | 'right'",
+                    "resolved": "\"center\" | \"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un alignement de texte pour la cellule"
+                },
+                "attribute": "text-align",
+                "reflect": false,
+                "defaultValue": "'left'"
+            },
+            "verticalAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'top' | 'bottom' | 'middle'",
+                    "resolved": "\"bottom\" | \"middle\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "D\u00E9finit un alignement vertical pour la cellule"
+                },
+                "attribute": "vertical-align",
+                "reflect": false,
+                "defaultValue": "'top'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=spw-table-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-header.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-header/spw-table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;;;;;6BAQS,KAAK;yBAEW,MAAM;6BAEF,KAAK;;IAE3D,IAAY,YAAY;QACtB,OAAO;YACL,kBAAkB,EAAE,IAAI;YACxB,CAAC,gCAAgC,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI;YACxD,CAAC,oCAAoC,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI;SACjE,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,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;YAC3G,8DAAQ,CACL,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class SpwTableRow {
+    render() {
+        return (h("tr", { key: '8accbccc70e2f4804fad62723f570e4c37e1b2f2', class: "spw-table-row", part: "row" }, h("slot", { key: '128616289d7e1fb17abfeb5c89655b076a8543a1' })));
+    }
+    static get is() { return "spw-table-row"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table-row.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table-row.css"]
+        };
+    }
+}
+//# sourceMappingURL=spw-table-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-row.js","sourceRoot":"","sources":["../../../../src/components/spw-table/spw-table-row/spw-table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,2DAAI,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,KAAK;YAClC,8DAAQ,CACL,CACN,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["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"]}

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

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

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

@@ -0,0 +1,115 @@
+import { Host, h } from "@stencil/core";
+export class SpwTable {
+    constructor() {
+        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' })))));
+    }
+    static get is() { return "spw-table"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["spw-table.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["spw-table.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accAriaLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Propri\u00E9t\u00E9 pour l'aria-label, \u00E0 des fins d'accessibilit\u00E9"
+                },
+                "attribute": "acc-aria-label",
+                "reflect": false
+            },
+            "isSticky": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si le header du tableau doit \u00EAtre sticky ou non"
+                },
+                "attribute": "is-sticky",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "maxHeight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si d\u00E9fini, apparition d'une scrollbar verticale et max-height"
+                },
+                "attribute": "max-height",
+                "reflect": false
+            },
+            "minWidth": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Si d\u00E9fini, apparition d'une scrollbar horizontale et max-width"
+                },
+                "attribute": "min-width",
+                "reflect": false,
+                "defaultValue": "'600'"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=spw-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table.js","sourceRoot":"","sources":["../../../src/components/spw-table/spw-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAkBlE,MAAM,OAAO,QAAQ;;;wBAMU,KAAK;;wBAIN,KAAK;;IAEzB,UAAU,CAAC,KAAc;QAC/B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YAC1C,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,GAAG,KAAK,IAAI,CAAC;IACtB,CAAC;IAED,IAAY,YAAY;QACtB,OAAO;YACL,WAAW,EAAE,IAAI;YACjB,sBAAsB,EAAE,IAAI,CAAC,QAAQ;SACtC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,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;YAED,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,8DAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,YAAY;oBACtF,8DAAQ,CACF,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

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

@@ -0,0 +1,2 @@
+
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.3}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}ul{list-style:none}:host{-webkit-text-size-adjust:100%;--spw-input-height:40px;--spw-input-padding:0 12px;--spw-input-text-align:left;--spw-input-font-size:16px;--spw-input-border:var(--spw-color-themes-grey-grey-800);box-sizing:border-box;display:block;font-size:100%;line-height:1.3}:host *,:host :after,:host :before{box-sizing:inherit;font-family:Nunito Sans}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--spw-ds-container-xl: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-text-field{position:relative}.spw-text-field__input-container{display:flex;flex:1;position:relative}.spw-text-field__input{border:1px solid var(--spw-input-border);border-radius:4px;flex:1;font-size:var(--spw-input-font-size);height:var(--spw-input-height);line-height:var(--spw-input-height);padding:var(--spw-input-padding);text-align:var(--spw-input-text-align);text-overflow:ellipsis;width:100%}.spw-text-field__input:hover{outline:4px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field__input:focus,.spw-text-field__input:focus-visible{outline:3px solid var(--spw-ds-focus);outline-offset:2px}.spw-text-field__input[type=number]{-moz-appearance:textfield;-webkit-appearance:none;appearance:none;margin:0}.spw-text-field__input[type=number]::-webkit-inner-spin-button,.spw-text-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spw-text-field__input[type=number][type=number]{-moz-appearance:textfield}:host-context(spw-header) .spw-text-field__input{border:1px solid var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__input{background:var(--spw-color-themes-grey-grey-100);border-color:var(--spw-color-themes-grey-grey-400);color:var(--spw-color-themes-grey-grey-500);cursor:not-allowed}.spw-text-field--disabled .spw-text-field__input::-moz-placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input::placeholder{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field--disabled .spw-text-field__input:focus,.spw-text-field--disabled .spw-text-field__input:focus-visible,.spw-text-field--disabled .spw-text-field__input:hover{outline:none}.spw-text-field--is-error .spw-text-field__input{border-color:var(--spw-colors-states-error-error-300)}.spw-text-field--large .spw-text-field__input{height:60px;line-height:60px;padding:0 24px}.spw-text-field--is-clear:not(.spw-text-field--is-search) .spw-text-field__input,.spw-text-field--is-search:not(.spw-text-field--is-clear) .spw-text-field__input{padding-right:40px}.spw-text-field--is-clear .spw-text-field__input{padding-right:70px}.spw-text-field__container{align-items:center;display:flex}.spw-text-field__indicator{padding-left:.75rem}.spw-text-field__icons{align-items:center;display:flex;gap:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.spw-text-field--large .spw-text-field__icons{right:24px}.spw-text-field--disabled .spw-text-field__icons{pointer-events:none}.spw-text-field__clear{align-items:center;border:2px solid var(--spw-color-themes-grey-grey-900);border-radius:50%;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;padding:2px;transition:all .2s ease-in;width:20px}.spw-text-field__clear:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-text-field--disabled .spw-text-field__clear{border-color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon{color:var(--spw-color-themes-grey-grey-900)}.spw-text-field--disabled .spw-text-field__icon{color:var(--spw-color-themes-grey-grey-500)}.spw-text-field__icon--search{font-size:18px;pointer-events:none}.spw-text-field--large .spw-text-field__icon--search{font-size:24px}.spw-text-field__icon--clear{font-size:12px}.spw-tw-mb-10{margin-bottom:2.5rem}.spw-tw-mb-6{margin-bottom:1.5rem}.spw-tw-ml-2{margin-left:.5rem}.spw-tw-mr-4{margin-right:1rem}.spw-tw-mt-12{margin-top:3rem}.-spw-tw-mt-1{margin-top:-.25rem}.spw-tw-mb-2{margin-bottom:.5rem}.spw-tw-italic{font-style:italic}