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

package/dist/cjs/spw-table-footer.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-table-footer.entry.cjs.js","sources":["src/components/spw-table/spw-table-footer/spw-table-footer.scss?tag=spw-table-footer&encapsulation=shadow","src/components/spw-table/spw-table-footer/spw-table-footer.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n:host(.--is-sticky) {\n  caption {\n    position: sticky;\n    bottom: 0;\n    z-index: 20;\n  }\n}\n\ncaption {\n  background: var(--spw-ds-white);\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n}\n\n.spw-table-footer {\n  padding: 16px 24px;\n  caption-side: bottom;\n  font-size: 14px;\n  color: var(--spw-color-themes-grey-grey-900);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  ::slotted([slot='right']) {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-footer',\n  styleUrl: 'spw-table-footer.scss',\n  shadow: true,\n})\nexport class SpwTableFooter {\n  render() {\n    return (\n      <caption part=\"tfoot\" style={{ captionSide: 'bottom' }}>\n        <div class=\"spw-table-footer\">\n          <slot name=\"left\" />\n          <slot name=\"center\" />\n          <slot name=\"right\" />\n        </div>\n      </caption>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,ggGAAggG;;MCO7gG,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAA,EACpDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EACpBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACE;;;;;;;"}
+{"version":3,"file":"spw-table-footer.entry.cjs.js","sources":["src/components/spw-table/spw-table-footer/spw-table-footer.scss?tag=spw-table-footer&encapsulation=shadow","src/components/spw-table/spw-table-footer/spw-table-footer.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.spw-table-footer {\n  z-index: 333;\n  background: var(--spw-ds-white);\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  border-top: 0;\n  width: 100%;\n  padding: 16px 24px;\n  caption-side: bottom;\n  font-size: 14px;\n  color: var(--spw-color-themes-grey-grey-900);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  ::slotted([slot='right']) {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n  }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-footer',\n  styleUrl: 'spw-table-footer.scss',\n  shadow: true,\n})\nexport class SpwTableFooter {\n  render() {\n    return (\n      <div class=\"spw-table-footer\">\n        <slot name=\"left\" />\n        <slot name=\"center\" />\n        <slot name=\"right\" />\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,y9FAAy9F;;MCOt+F,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3BA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAG,CAAA,EACpBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACtBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAG,CAAA,CACjB;;;;;;;"}

package/dist/cjs/spw-table-head.cjs.entry.js

@@ -9,7 +9,7 @@ const SpwTableHead = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("thead", { key: 'ce51526317b8eb799e6d076d59ef8670bbe05ab6', part: "thead" }, index.h("slot", { key: '65402c1dbbb09d49784e155b879d6f5c558c080d' })));
+        return (index.h("thead", { key: '679b48ff86a9a5963b35973bc214c3f3583a7868', part: "thead" }, index.h("slot", { key: '93b2d0f247f2fbf2a323ae9dea69a1120c3fa73a' })));
     }
 };
 SpwTableHead.style = spwTableHeadCss;

package/dist/cjs/spw-table-header.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-ivINMH9O.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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);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;text-align:left;transition:all .2s linear;white-space:nowrap}.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}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover,.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:\"\";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}";
+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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{background:var(--spw-color-themes-grey-grey-200);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;text-align:left;transition:all .2s linear;white-space:nowrap}.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}.spw-table-header--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{align-items:center;display:flex;gap:8px;justify-content:space-between}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover,.spw-table-header__content--is-sorted .spw-table-header__sort-icon{color:var(--spw-color-themes-grey-grey-900)}.spw-table-header__sort-icons{display:flex;gap:0}.spw-table-header--padding-small{padding:8px}.spw-table-header--padding-medium{padding:16px}.spw-table-header__icons{align-items:center;color:var(--spw-color-themes-grey-grey-500);display:flex;gap:8px}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{background-color:var(--spw-color-themes-grey-grey-200);position:sticky}.spw-table-header--sticky:after{bottom:-1px;content:\"\";pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:8px}.spw-table-header--sticky-start:after{box-shadow:inset 8px 0 8px -8px rgba(0,0,0,.15);right:-8px}.spw-table-header--sticky-end:after{box-shadow:inset -8px 0 8px -8px rgba(0,0,0,.15);left:-8px}";
 
 const SpwTableHeader = class {
     constructor(hostRef) {
@@ -72,10 +72,10 @@ const SpwTableHeader = class {
             }
             attrs.style = stickyStyles;
         }
-        return (index.h("th", Object.assign({ key: '6519a2205b38f8fb4725c5e12de685908d6be8e9' }, attrs), index.h("div", { key: '0803e5d9162404ddb5e3bad33ebba6de4ca75e6e', class: {
+        return (index.h("th", Object.assign({ key: 'ed65a127ab483ee2cf9a55f999c33fea727c98ee' }, attrs), index.h("div", { key: '2a6166a12865e45131fd888fd5503c5430a87e0b', class: {
                 'spw-table-header__content': true,
                 'spw-table-header__content--is-sorted': this.isSorted,
-            } }, index.h("slot", { key: '0238848c69c6048fa189279ca4dc1a182c0810ce' }), index.h("div", { key: '839c251b9779164a0b27ccf5e54af686486947f1', class: "spw-table-header__icons" }, index.h("slot", { key: '3601d539312ecae0736a834eb0e2c3058b133504', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (index.h("spw-tooltip", { key: '5f7a65cab7e5e8638e2917d9ff7c9d2b0dfae2ba', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, index.h("spw-icon", { key: '9d43f67a7c07794e58b35c27cd5575775e7c0c80', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (index.h("spw-icon", { key: 'e3ceb01c3e082286a065a1088f93a20516ca0479', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
+            } }, index.h("slot", { key: 'f96782cecfb21607fb49843c15ede7a521eeb368' }), index.h("div", { key: '0ff89f763d2d9c6dc0eacd574694b897d0b84f2e', class: "spw-table-header__icons" }, index.h("slot", { key: 'a6752c30f250df01b9b1e40192e1a99c3eea1a15', name: "filters" }), (this.tooltipTitle || this.tooltipText) && (index.h("spw-tooltip", { key: '5a2019cf26b7018a62b1ada2ccce3fa03c99cc7b', "tooltip-title": this.tooltipTitle, "tooltip-text": this.tooltipText }, index.h("spw-icon", { key: '333401d94ad39b0b0a2d97e13ae113ed016515d8', variant: "fa-regular", icon: "fa-circle-question" }))), this.sortable && (index.h("spw-icon", { key: '7de4120c84aea1749c5a06d6fc3c177e418c8b08', class: "spw-table-header__sort-icon", icon: this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down' }))))));
     }
 };
 SpwTableHeader.style = spwTableHeaderCss;

package/dist/cjs/spw-table-header.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"spw-table-header.entry.cjs.js","mappings":"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","names":["h"],"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:host(.--is-sticky) {\n  .spw-table-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n  }\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  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\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  &--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  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n  }\n  &__content {\n    display: flex;\n    gap: 16px;\n    justify-content: space-between;\n    align-items: center;\n    spw-icon {\n      color: var(--spw-color-themes-grey-grey-500);\n      &:hover {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n    &--is-sorted {\n      .spw-table-header__sort-icon {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n\n  &--sticky {\n    position: sticky;\n    background-color: var(--spw-color-themes-grey-grey-200);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      width: 8px;\n      pointer-events: none;\n      transition: opacity 0.2s;\n    }\n\n    &-start::after {\n      right: -8px;\n      box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n\n    &-end::after {\n      left: -8px;\n      box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, 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 (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n  /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() sticky?: boolean = false;\n  /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyPosition?: 'start' | 'end' = 'start';\n  /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyOffset?: number = 0;\n\n  @Event() spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n      'spw-table-header--sticky': this.sticky,\n      [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      'aria-sort': this.isSorted ? this.sortDirection : 'none',\n      'onClick': this.handleClick,\n      'class': this.elementClass,\n      'colSpan': this.colspan,\n      'headers': this.headers,\n      'part': 'cell',\n      'rowSpan': this.rowspan,\n    };\n\n    if (this.sticky) {\n      const stickyStyles: { [key: string]: string } = {\n        position: 'sticky',\n        zIndex: '60',\n      };\n\n      if (this.stickyPosition === 'start') {\n        stickyStyles.left = `${this.stickyOffset}px`;\n      } else {\n        stickyStyles.right = `${this.stickyOffset}px`;\n      }\n\n      attrs.style = stickyStyles;\n    }\n\n    return (\n      <th {...attrs}>\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"version":3}
+{"file":"spw-table-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,6qJAA6qJ;;MCO1rJ,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAaU,QAAA,IAAa,CAAA,aAAA,GAAa,KAAK;;AAE/B,QAAA,IAAS,CAAA,SAAA,GAAiC,MAAM;;AAEhD,QAAA,IAAa,CAAA,aAAA,GAAiC,KAAK;;AAEnD,QAAA,IAAO,CAAA,OAAA,GAAwB,QAAQ;;AAIvC,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;;AAI1B,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;;AAM1B,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;;AAExB,QAAA,IAAc,CAAA,cAAA,GAAqB,OAAO;;AAE1C,QAAA,IAAY,CAAA,YAAA,GAAY,CAAC;AAIzB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;YAC1C,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE;gBAC7D,KAAK,CAAC,eAAe,EAAE;gBACvB;;AAEF,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAE3C,SAAC;AAqEF;AAnEC,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,kBAAkB,EAAE,IAAI;YACxB,4BAA4B,EAAE,IAAI,CAAC,QAAQ;YAC3C,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,+BAA+B,EAAE,CAAC,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC;AAC1E,YAAA,CAAC,6BAA6B,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;AACnD,YAAA,CAAC,gCAAgC,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;AACxD,YAAA,CAAC,oCAAoC,IAAI,CAAC,aAAa,CAAE,CAAA,GAAG,IAAI;YAChE,0BAA0B,EAAE,IAAI,CAAC,MAAM;YACvC,CAAC,CAAA,yBAAA,EAA4B,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,CAAC,MAAM;SACjE;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAA2B;AACpC,YAAA,WAAW,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM;YACxD,SAAS,EAAE,IAAI,CAAC,WAAW;YAC3B,OAAO,EAAE,IAAI,CAAC,YAAY;YAC1B,SAAS,EAAE,IAAI,CAAC,OAAO;YACvB,SAAS,EAAE,IAAI,CAAC,OAAO;AACvB,YAAA,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,IAAI,CAAC,OAAO;SACxB;AAED,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,MAAM,YAAY,GAA8B;AAC9C,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,MAAM,EAAE,IAAI;aACb;AAED,YAAA,IAAI,IAAI,CAAC,cAAc,KAAK,OAAO,EAAE;gBACnC,YAAY,CAAC,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,YAAY,IAAI;;iBACvC;gBACL,YAAY,CAAC,KAAK,GAAG,CAAA,EAAG,IAAI,CAAC,YAAY,IAAI;;AAG/C,YAAA,KAAK,CAAC,KAAK,GAAG,YAAY;;AAG5B,QAAA,QACEA,iFAAQ,KAAK,CAAA,EACXA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,2BAA2B,EAAE,IAAI;gBACjC,sCAAsC,EAAE,IAAI,CAAC,QAAQ;AACtD,aAAA,EAAA,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACRA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAQ,CAAA,EAC3B,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,WAAW,MACrCA,2FAA4B,IAAI,CAAC,YAAY,EAAgB,cAAA,EAAA,IAAI,CAAC,WAAW,EAAA,EAC3EA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,oBAAoB,EAAY,CAAA,CACxD,CACf,EACA,IAAI,CAAC,QAAQ,KACZA,OACE,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,GAAG,wBAAwB,GAAG,0BAA0B,IAAI,wBAAwB,EAC7H,CAAA,CACb,CACG,CACF,CACH;;;;;;;","names":["h"],"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:host(.--is-sticky) {\n  .spw-table-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n  }\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  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\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  &--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  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n  }\n  &__content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    spw-icon {\n      color: var(--spw-color-themes-grey-grey-500);\n      &:hover {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n    &--is-sorted {\n      .spw-table-header__sort-icon {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n\n  &--sticky {\n    position: sticky;\n    background-color: var(--spw-color-themes-grey-grey-200);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      width: 8px;\n      pointer-events: none;\n      transition: opacity 0.2s;\n    }\n\n    &-start::after {\n      right: -8px;\n      box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n\n    &-end::after {\n      left: -8px;\n      box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, 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 (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n  /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() sticky?: boolean = false;\n  /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyPosition?: 'start' | 'end' = 'start';\n  /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyOffset?: number = 0;\n\n  @Event({ composed: true, bubbles: true }) spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n      'spw-table-header--sticky': this.sticky,\n      [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      'aria-sort': this.isSorted ? this.sortDirection : 'none',\n      'onClick': this.handleClick,\n      'class': this.elementClass,\n      'colSpan': this.colspan,\n      'headers': this.headers,\n      'part': 'cell',\n      'rowSpan': this.rowspan,\n    };\n\n    if (this.sticky) {\n      const stickyStyles: { [key: string]: string } = {\n        position: 'sticky',\n        zIndex: '60',\n      };\n\n      if (this.stickyPosition === 'start') {\n        stickyStyles.left = `${this.stickyOffset}px`;\n      } else {\n        stickyStyles.right = `${this.stickyOffset}px`;\n      }\n\n      attrs.style = stickyStyles;\n    }\n\n    return (\n      <th {...attrs}>\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-table-header.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"spw-table-header.entry.cjs.js","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:host(.--is-sticky) {\n  .spw-table-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n  }\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  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\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  &--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  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n  }\n  &__content {\n    display: flex;\n    gap: 16px;\n    justify-content: space-between;\n    align-items: center;\n    spw-icon {\n      color: var(--spw-color-themes-grey-grey-500);\n      &:hover {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n    &--is-sorted {\n      .spw-table-header__sort-icon {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n\n  &--sticky {\n    position: sticky;\n    background-color: var(--spw-color-themes-grey-grey-200);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      width: 8px;\n      pointer-events: none;\n      transition: opacity 0.2s;\n    }\n\n    &-start::after {\n      right: -8px;\n      box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n\n    &-end::after {\n      left: -8px;\n      box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, 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 (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n  /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() sticky?: boolean = false;\n  /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyPosition?: 'start' | 'end' = 'start';\n  /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyOffset?: number = 0;\n\n  @Event() spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n      'spw-table-header--sticky': this.sticky,\n      [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      'aria-sort': this.isSorted ? this.sortDirection : 'none',\n      'onClick': this.handleClick,\n      'class': this.elementClass,\n      'colSpan': this.colspan,\n      'headers': this.headers,\n      'part': 'cell',\n      'rowSpan': this.rowspan,\n    };\n\n    if (this.sticky) {\n      const stickyStyles: { [key: string]: string } = {\n        position: 'sticky',\n        zIndex: '60',\n      };\n\n      if (this.stickyPosition === 'start') {\n        stickyStyles.left = `${this.stickyOffset}px`;\n      } else {\n        stickyStyles.right = `${this.stickyOffset}px`;\n      }\n\n      attrs.style = stickyStyles;\n    }\n\n    return (\n      <th {...attrs}>\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}
+{"version":3,"file":"spw-table-header.entry.cjs.js","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:host(.--is-sticky) {\n  .spw-table-header {\n    position: sticky;\n    top: 0;\n    z-index: 50;\n  }\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  font-weight: 700;\n  transition: all 0.2s linear;\n  background: var(--spw-color-themes-grey-grey-200);\n  white-space: nowrap;\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  &--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  &--sortable {\n    user-select: none;\n    cursor: pointer;\n    &:hover {\n      background: var(--spw-color-themes-grey-grey-300);\n    }\n  }\n  &__content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    spw-icon {\n      color: var(--spw-color-themes-grey-grey-500);\n      &:hover {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n    &--is-sorted {\n      .spw-table-header__sort-icon {\n        color: var(--spw-color-themes-grey-grey-900);\n      }\n    }\n  }\n  &__sort-icons {\n    display: flex;\n    gap: 0;\n  }\n  &--padding-small {\n    padding: 8px;\n  }\n  &--padding-medium {\n    padding: 16px;\n  }\n  &__icons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    color: var(--spw-color-themes-grey-grey-500);\n  }\n  ::slotted(spw-checkbox) {\n    --spw-ds-checkbox-checked-color: #000;\n  }\n\n  &--sticky {\n    position: sticky;\n    background-color: var(--spw-color-themes-grey-grey-200);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      bottom: -1px;\n      width: 8px;\n      pointer-events: none;\n      transition: opacity 0.2s;\n    }\n\n    &-start::after {\n      right: -8px;\n      box-shadow: inset 8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n\n    &-end::after {\n      left: -8px;\n      box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);\n    }\n  }\n}\n","import { Component, Prop, Event, EventEmitter, 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 (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() colspan?: HTMLTableCellElement['colSpan'];\n  /** Définit un header relationnel pour la cellule, à des fins d'accessibilité (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() headers?: HTMLTableCellElement['headers'];\n  /** Définit un rowspan pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() rowspan?: HTMLTableCellElement['rowSpan'];\n  /** Définit un style visuel qui met en avant la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() isHighlighted?: boolean = false;\n  /** Définit un alignement de texte pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() textAlign?: 'center' | 'left' | 'right' = 'left';\n  /** Définit un alignement vertical pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() verticalAlign?: 'top' | 'bottom' | 'middle' = 'top';\n  /** Définit le padding pour la cellule (à appliquer sur spw-table-cell ou spw-table-header) */\n  @Prop() padding?: 'small' | 'medium' = 'medium';\n  /** Définit id pour la colonne (en cas de tri) (à appliquer sur spw-table-header) */\n  @Prop() columnId: string;\n  /** Définit si la colonne est triable (à appliquer sur spw-table-header) */\n  @Prop() sortable?: boolean = false;\n  /** Définit la direction pour le tri sur la colonne (ascendant ou descendant) (à appliquer sur spw-table-header) */\n  @Prop() sortDirection?: 'asc' | 'desc';\n  /** Définit si la colonne est triée ou non (à appliquer sur spw-table-header) */\n  @Prop() isSorted?: boolean = false;\n  /** Définit un titre pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipTitle?: string;\n  /** Définit un contenu pour le tooltip (à appliquer sur spw-table-header) */\n  @Prop() tooltipText?: string;\n  /** Rend la cellule sticky lors du défilement horizontal  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() sticky?: boolean = false;\n  /** Position du sticky : 'start' (left: 0) ou 'end' (right: 0)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyPosition?: 'start' | 'end' = 'start';\n  /** Décalage en pixels pour le sticky (utile pour empiler plusieurs colonnes sticky)  (à appliquer sur spw-table-header ou spw-table-cell) */\n  @Prop() stickyOffset?: number = 0;\n\n  @Event({ composed: true, bubbles: true }) spwHeaderClick: EventEmitter<string>;\n\n  private handleClick = (event: MouseEvent) => {\n    if ((event.target as HTMLElement).closest('[slot=\"filters\"]')) {\n      event.stopPropagation();\n      return;\n    }\n    if (this.sortable) {\n      this.spwHeaderClick.emit(this.columnId);\n    }\n  };\n\n  private get elementClass(): { [className: string]: boolean } {\n    return {\n      'spw-table-header': true,\n      'spw-table-header--sortable': this.sortable,\n      'spw-table-header--is-sorted': this.isSorted,\n      'spw-table-header--has-tooltip': !!(this.tooltipTitle || this.tooltipText),\n      [`spw-table-header--padding-${this.padding}`]: true,\n      [`spw-table-header--text-align-${this.textAlign}`]: true,\n      [`spw-table-header--vertical-align-${this.verticalAlign}`]: true,\n      'spw-table-header--sticky': this.sticky,\n      [`spw-table-header--sticky-${this.stickyPosition}`]: this.sticky,\n    };\n  }\n\n  render() {\n    const attrs: { [key: string]: any } = {\n      'aria-sort': this.isSorted ? this.sortDirection : 'none',\n      'onClick': this.handleClick,\n      'class': this.elementClass,\n      'colSpan': this.colspan,\n      'headers': this.headers,\n      'part': 'cell',\n      'rowSpan': this.rowspan,\n    };\n\n    if (this.sticky) {\n      const stickyStyles: { [key: string]: string } = {\n        position: 'sticky',\n        zIndex: '60',\n      };\n\n      if (this.stickyPosition === 'start') {\n        stickyStyles.left = `${this.stickyOffset}px`;\n      } else {\n        stickyStyles.right = `${this.stickyOffset}px`;\n      }\n\n      attrs.style = stickyStyles;\n    }\n\n    return (\n      <th {...attrs}>\n        <div\n          class={{\n            'spw-table-header__content': true,\n            'spw-table-header__content--is-sorted': this.isSorted,\n          }}\n        >\n          <slot />\n          <div class=\"spw-table-header__icons\">\n            <slot name=\"filters\"></slot>\n            {(this.tooltipTitle || this.tooltipText) && (\n              <spw-tooltip tooltip-title={this.tooltipTitle} tooltip-text={this.tooltipText}>\n                <spw-icon variant=\"fa-regular\" icon=\"fa-circle-question\"></spw-icon>\n              </spw-tooltip>\n            )}\n            {this.sortable && (\n              <spw-icon\n                class=\"spw-table-header__sort-icon\"\n                icon={this.isSorted ? (this.sortDirection === 'asc' ? 'fa-arrow-up-short-wide' : 'fa-arrow-down-wide-short') : 'fa-arrow-up-arrow-down'}\n              ></spw-icon>\n            )}\n          </div>\n        </div>\n      </th>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/cjs/spw-table-row.cjs.entry.js

@@ -44,7 +44,7 @@ const SpwTableRow = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '17dd5dc7c1e2f1995c3df728d993222b229f221a', part: "row" }, index.h("tr", { key: '3d3d5851ee62e2b73c80698bdb8f2ddac541ff99', class: this.elementClass, part: "row" }, index.h("slot", { key: 'eac08ff6e4f5db5edb2608b909a5fbf285aa2973' }))));
+        return (index.h(index.Host, { key: 'da8436caf5f276e4f416875f806b7b0424af2780', part: "row" }, index.h("tr", { key: 'add8ef916639437ca080a7b0576952fa0c2d69c4', class: this.elementClass, part: "row" }, index.h("slot", { key: 'a02d02b12c5120ee82e113b54219222ce9cfc3a9' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/spw-table-sidebar.cjs.entry.js

@@ -0,0 +1,142 @@
+'use strict';
+
+var index = require('./index-ivINMH9O.js');
+
+const spwTableSidebarCss = "/*! 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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-sidebar{background:#fff;border:1px solid var(--spw-color-themes-grey-grey-300);border-right:0;display:flex;flex-direction:column;height:100%;position:relative;transition:width .2s ease;width:200px;z-index:99}.spw-table-sidebar__toggle{align-items:center;background:#fff;border:1px solid var(--spw-colors-support-grey-grey-300);border-radius:6px;box-shadow:var(--spw-effect-elevation-6);cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;line-height:1;padding:6px 0;position:absolute;right:0;top:36px;transform:translateX(50%);width:20px;z-index:20}.spw-table-sidebar__toggle spw-icon{position:relative;transition:transform .15s ease .2s}.spw-table-sidebar--expanded .spw-table-sidebar__toggle spw-icon{transform:rotate(0deg)}.spw-table-sidebar--collapsed .spw-table-sidebar__toggle spw-icon{transform:rotate(180deg)}.spw-table-sidebar__content{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden;overflow-y:auto}.spw-table-sidebar__content::-webkit-scrollbar{height:14px;width:14px}.spw-table-sidebar__content::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-sidebar__content::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-sidebar--collapsed .spw-table-sidebar__content{display:none}.spw-table-sidebar__mini{display:none;padding:16px 0;text-align:center}.spw-table-sidebar--collapsed .spw-table-sidebar__mini{display:block}.spw-table-sidebar__mini spw-icon{cursor:pointer}.spw-table-sidebar--expanded{width:var(--spw-table-sidebar-width)}.spw-table-sidebar--collapsed{width:50px}.spw-table-sidebar__footer,.spw-table-sidebar__header{background:var(--spw-ds-white);padding:16px;position:sticky;z-index:10}.spw-table-sidebar__header{align-items:center;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);display:flex;gap:8px;justify-content:space-between;padding-bottom:16px;top:0}.spw-table-sidebar__header-title{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.spw-table-sidebar__header-reset{flex-shrink:0}.spw-table-sidebar__footer{border-top:1px solid var(--spw-color-themes-grey-grey-200);bottom:0;padding-top:16px}.spw-table-sidebar__scrollable-content{flex:1;padding:16px}";
+
+const SpwTableSidebar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sidebarReset = index.createEvent(this, "sidebarReset", 7);
+        /** Si true, la sidebar est dépliée par défaut */
+        this.defaultExpanded = true;
+        /** Permet de définir un titre à la sidebar */
+        this.sidebarTitle = 'Filtres';
+        /** Permet de définir une icône à côté du titre de la sidebar (référence font-awesome) */
+        this.sidebarIcon = 'fa-filter';
+        /** Permet de définir une largeur en px pour la sidebar dépliée */
+        this.sidebarWidth = 260;
+        /** Si true, affiche une icône de reset à côté du titre */
+        this.hasReset = true;
+        /** Icône à utiliser pour le bouton de reset (référence font-awesome) */
+        this.resetIcon = 'fa-arrow-rotate-left';
+        this.toggleSidebar = () => {
+            this.expanded = !this.expanded;
+        };
+        this.handleReset = (event) => {
+            event.stopPropagation();
+            this.sidebarReset.emit();
+        };
+    }
+    componentWillLoad() {
+        this.expanded = this.defaultExpanded;
+    }
+    componentDidLoad() {
+        setTimeout(() => {
+            this.observeTableHeight();
+        }, 0);
+    }
+    disconnectedCallback() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+        if (this.mutationObserver) {
+            this.mutationObserver.disconnect();
+        }
+        if (this.debounceTimer) {
+            clearTimeout(this.debounceTimer);
+        }
+    }
+    calculateTotalHeight() {
+        const spwTable = this.findSpwTable();
+        if (!spwTable)
+            return 0;
+        const shadowRoot = spwTable.shadowRoot;
+        if (!shadowRoot)
+            return spwTable.offsetHeight;
+        const tableContainer = shadowRoot.querySelector('.spw-table-container');
+        let totalHeight = tableContainer ? tableContainer.offsetHeight : 0;
+        const resizeHandle = shadowRoot.querySelector('.spw-table-resize-handle');
+        if (resizeHandle) {
+            totalHeight += resizeHandle.offsetHeight;
+        }
+        const footerSlot = spwTable.querySelector('[slot="table-footer"]');
+        if (footerSlot && footerSlot instanceof HTMLElement) {
+            totalHeight += footerSlot.offsetHeight;
+        }
+        return totalHeight;
+    }
+    observeTableHeight() {
+        const spwTable = this.findSpwTable();
+        if (!spwTable) {
+            return;
+        }
+        const updateFullHeight = () => {
+            const height = this.calculateTotalHeight();
+            if (height > 0) {
+                this.observedHeight = height;
+            }
+        };
+        this.resizeObserver = new ResizeObserver(() => {
+            updateFullHeight();
+        });
+        this.resizeObserver.observe(spwTable);
+        this.mutationObserver = new MutationObserver(_ => {
+            if (this.debounceTimer) {
+                clearTimeout(this.debounceTimer);
+            }
+            this.debounceTimer = setTimeout(() => {
+                updateFullHeight();
+            }, 50);
+        });
+        this.mutationObserver.observe(spwTable, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['style', 'class'],
+        });
+        if (spwTable.shadowRoot) {
+            const shadowObserver = new MutationObserver(() => {
+                updateFullHeight();
+            });
+            shadowObserver.observe(spwTable.shadowRoot, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+            });
+        }
+        updateFullHeight();
+    }
+    findSpwTable() {
+        const spwTableContainer = this.el.parentElement;
+        if (!spwTableContainer || spwTableContainer.tagName.toLowerCase() !== 'spw-table-container') {
+            return null;
+        }
+        const spwTable = spwTableContainer.querySelector('spw-table');
+        return spwTable;
+    }
+    get hostClass() {
+        return {
+            '--expanded': this.expanded,
+            '--collapsed': !this.expanded,
+        };
+    }
+    get elementClass() {
+        return {
+            'spw-table-sidebar': true,
+            'spw-table-sidebar--expanded': this.expanded,
+            'spw-table-sidebar--collapsed': !this.expanded,
+        };
+    }
+    render() {
+        const style = Object.assign(Object.assign({}, (this.observedHeight !== undefined && { height: `${this.observedHeight}px` })), { '--spw-table-sidebar-width': `${this.sidebarWidth}px` });
+        return (index.h(index.Host, { key: '71a29a8e2e8d8a812bc223cbf5d11b6e8bea1210', style: style, class: this.hostClass }, index.h("nav", { key: 'de1cfe1fd2f538ca32e4d2a26646add703f3409d', class: this.elementClass }, index.h("span", { key: '8e5e013155cfd4f8dd4abc19836adcc9811f1ffc', class: "spw-table-sidebar__toggle", onClick: this.toggleSidebar, "aria-expanded": this.expanded.toString() }, index.h("spw-icon", { key: '45850b3a9bae77c9684fadd0c6ac0c244c018359', icon: "fa-chevron-left" })), index.h("div", { key: 'b9a01f62da193ad597b36578a394e4a31546d8e8', class: "spw-table-sidebar__mini", onClick: this.toggleSidebar }, index.h("spw-icon", { key: 'f29692b24bcbba25ac9c9e86a822e5a3ef92c841', icon: this.sidebarIcon, variant: "fa-regular" })), index.h("div", { key: '58e6d4103dc9b4ad9646c51268ad20f7722d0df1', class: "spw-table-sidebar__content" }, index.h("div", { key: '5c740685ec07195df62bd05baf1d38c6742f5640', class: "spw-table-sidebar__header" }, index.h("span", { key: '17f218dcb1ca45da1291b21772db4b132e7c7d1c', class: "spw-table-sidebar__header-title" }, index.h("spw-icon", { key: 'bde8de101ed7f889aa8a1f0c536e14e59650fbf1', icon: this.sidebarIcon, variant: "fa-regular" }), " ", this.sidebarTitle), this.hasReset && (index.h("spw-button", { key: '76557a51a81265efcb471b8050cb2e68d75dde3f', class: "spw-table-sidebar__header-reset", onClick: this.handleReset, type: "button", variant: "secondary", size: "small", isIconOnly: true, icon: this.resetIcon }))), index.h("div", { key: '2f0d7f0db8f7b273ea5b12ace5ab2ebf010437f4', class: "spw-table-sidebar__scrollable-content" }, index.h("slot", { key: '36d1c220164cf63b165b1c94de97d738329030ae' })), index.h("div", { key: '8f02f6008ff5108acac0a388b38c28039ecfd799', class: "spw-table-sidebar__footer" }, index.h("slot", { key: 'f2fa152689b6075e3711e7dfaf9b2ec786e3d435', name: "sidebar-footer" }))))));
+    }
+    get el() { return index.getElement(this); }
+};
+SpwTableSidebar.style = spwTableSidebarCss;
+
+exports.spw_table_sidebar = SpwTableSidebar;
+//# sourceMappingURL=spw-table-sidebar.entry.cjs.js.map
+
+//# sourceMappingURL=spw-table-sidebar.cjs.entry.js.map

package/dist/cjs/spw-table-sidebar.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"spw-table-sidebar.entry.cjs.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,o5JAAo5J;;MCOl6J,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;;AAE/B,QAAA,IAAY,CAAA,YAAA,GAAW,SAAS;;AAEhC,QAAA,IAAW,CAAA,WAAA,GAAW,WAAW;;AAEjC,QAAA,IAAY,CAAA,YAAA,GAAW,GAAG;;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAExB,QAAA,IAAS,CAAA,SAAA,GAAW,sBAAsB;AAkC1C,QAAA,IAAa,CAAA,aAAA,GAAG,MAAK;AAC3B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAChC,SAAC;AAEO,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;YAC1C,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,SAAC;AAgJF;IA7KC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe;;IAGtC,gBAAgB,GAAA;QACd,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,kBAAkB,EAAE;SAC1B,EAAE,CAAC,CAAC;;IAGP,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;AAElC,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;;AAEpC,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;;IAa5B,oBAAoB,GAAA;AAC1B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;AACpC,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC;AAEvB,QAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACtC,QAAA,IAAI,CAAC,UAAU;YAAE,OAAO,QAAQ,CAAC,YAAY;QAE7C,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAgB;AACtF,QAAA,IAAI,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,YAAY,GAAG,CAAC;QAElE,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAgB;QACxF,IAAI,YAAY,EAAE;AAChB,YAAA,WAAW,IAAI,YAAY,CAAC,YAAY;;QAG1C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC;AAClE,QAAA,IAAI,UAAU,IAAI,UAAU,YAAY,WAAW,EAAE;AACnD,YAAA,WAAW,IAAI,UAAU,CAAC,YAAY;;AAGxC,QAAA,OAAO,WAAW;;IAGZ,kBAAkB,GAAA;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;QAEpC,IAAI,CAAC,QAAQ,EAAE;YACb;;QAGF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAC1C,YAAA,IAAI,MAAM,GAAG,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,cAAc,GAAG,MAAM;;AAEhC,SAAC;AAED,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;AAC5C,YAAA,gBAAgB,EAAE;AACpB,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC;QAErC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,IAAG;AAC/C,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;AAElC,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,gBAAA,gBAAgB,EAAE;aACnB,EAAE,EAAE,CAAC;AACR,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE;AACtC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AACpC,SAAA,CAAC;AAEF,QAAA,IAAI,QAAQ,CAAC,UAAU,EAAE;AACvB,YAAA,MAAM,cAAc,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC/C,gBAAA,gBAAgB,EAAE;AACpB,aAAC,CAAC;AAEF,YAAA,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE;AAC1C,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AACjB,aAAA,CAAC;;AAGJ,QAAA,gBAAgB,EAAE;;IAGZ,YAAY,GAAA;AAClB,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;AAC/C,QAAA,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,qBAAqB,EAAE;AAC3F,YAAA,OAAO,IAAI;;QAEb,MAAM,QAAQ,GAAG,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAgB;AAE5E,QAAA,OAAO,QAAQ;;AAGjB,IAAA,IAAY,SAAS,GAAA;QACnB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,QAAQ;AAC3B,YAAA,aAAa,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC9B;;AAGH,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;YACzB,6BAA6B,EAAE,IAAI,CAAC,QAAQ;AAC5C,YAAA,8BAA8B,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC/C;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACL,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAI,EAAA,CAAA,EAAE,EAAC,EAAA,EAChF,2BAA2B,EAAE,GAAG,IAAI,CAAC,YAAY,CAAI,EAAA,CAAA,EAAA,CACtD;AAED,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,EACvCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,mBAAiB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAA,EAC1GA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACvC,EACPA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EAC9DA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,YAAY,EAAA,CAAY,CAC9D,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC3CA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,YAAY,EAAY,CAAA,OAAE,IAAI,CAAC,YAAY,CAChF,EACN,IAAI,CAAC,QAAQ,KACZA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,iCAAiC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,IAAI,EAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAA,CACR,CACf,CACG,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EAChDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,CACF,CACF,CACD;;;;;;;;","names":["h","Host"],"sources":["src/components/spw-table/spw-table-sidebar/spw-table-sidebar.scss?tag=spw-table-sidebar&encapsulation=shadow","src/components/spw-table/spw-table-sidebar/spw-table-sidebar.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.spw-table-sidebar {\n  width: 200px;\n  height: 100%;\n  background: white;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  border-right: 0;\n  z-index: 99;\n  transition: width 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  &__toggle {\n    position: absolute;\n    right: 0;\n    top: 36px;\n    width: 20px;\n    padding: 6px 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    box-shadow: var(--spw-effect-elevation-6);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    cursor: pointer;\n    font-size: 13px;\n    z-index: 20;\n    transform: translateX(50%);\n    background: white;\n    line-height: 1;\n\n    spw-icon {\n      position: relative;\n      transition: transform 0.15s 0.2s ease;\n\n      .spw-table-sidebar--expanded & {\n        transform: rotate(0deg);\n      }\n\n      .spw-table-sidebar--collapsed & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    flex: 1 1 auto;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n    .spw-table-sidebar--collapsed & {\n      display: none;\n    }\n  }\n\n  &__mini {\n    padding: 16px 0;\n    text-align: center;\n    display: none;\n    .spw-table-sidebar--collapsed & {\n      display: block;\n    }\n    spw-icon {\n      cursor: pointer;\n    }\n  }\n\n  &--expanded {\n    width: var(--spw-table-sidebar-width);\n  }\n\n  &--collapsed {\n    width: 50px;\n  }\n  &__header,\n  &__footer {\n    padding: 16px;\n    position: sticky;\n    background: var(--spw-ds-white);\n    z-index: 10;\n  }\n  &__header {\n    top: 0;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-200);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  &__header-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    min-width: 0;\n  }\n\n  &__header-reset {\n    flex-shrink: 0;\n  }\n  &__footer {\n    bottom: 0;\n    padding-top: 16px;\n    border-top: 1px solid var(--spw-color-themes-grey-grey-200);\n  }\n  &__scrollable-content {\n    padding: 16px;\n    flex: 1;\n  }\n}\n","import { Component, Element, Host, Prop, State, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-sidebar',\n  styleUrl: 'spw-table-sidebar.scss',\n  shadow: true,\n})\nexport class SpwTableSidebar {\n  @Element() el: HTMLSpwTableSidebarElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = true;\n  /** Permet de définir un titre à la sidebar */\n  @Prop() sidebarTitle: string = 'Filtres';\n  /** Permet de définir une icône à côté du titre de la sidebar (référence font-awesome) */\n  @Prop() sidebarIcon: string = 'fa-filter';\n  /** Permet de définir une largeur en px pour la sidebar dépliée */\n  @Prop() sidebarWidth: number = 260;\n  /** Si true, affiche une icône de reset à côté du titre */\n  @Prop() hasReset: boolean = true;\n  /** Icône à utiliser pour le bouton de reset (référence font-awesome) */\n  @Prop() resetIcon: string = 'fa-arrow-rotate-left';\n\n  @State() observedHeight?: number;\n  @State() expanded: boolean;\n\n  /** Événement émis lorsque l'icône de reset est cliquée */\n  @Event({ composed: true, bubbles: true }) sidebarReset: EventEmitter<void>;\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private debounceTimer?: NodeJS.Timeout;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      this.observeTableHeight();\n    }, 0);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n    }\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n  };\n\n  private handleReset = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.sidebarReset.emit();\n  };\n\n  private calculateTotalHeight(): number {\n    const spwTable = this.findSpwTable();\n    if (!spwTable) return 0;\n\n    const shadowRoot = spwTable.shadowRoot;\n    if (!shadowRoot) return spwTable.offsetHeight;\n\n    const tableContainer = shadowRoot.querySelector('.spw-table-container') as HTMLElement;\n    let totalHeight = tableContainer ? tableContainer.offsetHeight : 0;\n\n    const resizeHandle = shadowRoot.querySelector('.spw-table-resize-handle') as HTMLElement;\n    if (resizeHandle) {\n      totalHeight += resizeHandle.offsetHeight;\n    }\n\n    const footerSlot = spwTable.querySelector('[slot=\"table-footer\"]');\n    if (footerSlot && footerSlot instanceof HTMLElement) {\n      totalHeight += footerSlot.offsetHeight;\n    }\n\n    return totalHeight;\n  }\n\n  private observeTableHeight() {\n    const spwTable = this.findSpwTable();\n\n    if (!spwTable) {\n      return;\n    }\n\n    const updateFullHeight = () => {\n      const height = this.calculateTotalHeight();\n      if (height > 0) {\n        this.observedHeight = height;\n      }\n    };\n\n    this.resizeObserver = new ResizeObserver(() => {\n      updateFullHeight();\n    });\n\n    this.resizeObserver.observe(spwTable);\n\n    this.mutationObserver = new MutationObserver(_ => {\n      if (this.debounceTimer) {\n        clearTimeout(this.debounceTimer);\n      }\n      this.debounceTimer = setTimeout(() => {\n        updateFullHeight();\n      }, 50);\n    });\n\n    this.mutationObserver.observe(spwTable, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['style', 'class'],\n    });\n\n    if (spwTable.shadowRoot) {\n      const shadowObserver = new MutationObserver(() => {\n        updateFullHeight();\n      });\n\n      shadowObserver.observe(spwTable.shadowRoot, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n      });\n    }\n\n    updateFullHeight();\n  }\n\n  private findSpwTable(): HTMLElement | null {\n    const spwTableContainer = this.el.parentElement;\n    if (!spwTableContainer || spwTableContainer.tagName.toLowerCase() !== 'spw-table-container') {\n      return null;\n    }\n    const spwTable = spwTableContainer.querySelector('spw-table') as HTMLElement;\n\n    return spwTable;\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-table-sidebar': true,\n      'spw-table-sidebar--expanded': this.expanded,\n      'spw-table-sidebar--collapsed': !this.expanded,\n    };\n  }\n\n  render() {\n    const style = {\n      ...(this.observedHeight !== undefined && { height: `${this.observedHeight}px` }),\n      '--spw-table-sidebar-width': `${this.sidebarWidth}px`,\n    };\n\n    return (\n      <Host style={style} class={this.hostClass}>\n        <nav class={this.elementClass}>\n          <span class=\"spw-table-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n          </span>\n          <div class=\"spw-table-sidebar__mini\" onClick={this.toggleSidebar}>\n            <spw-icon icon={this.sidebarIcon} variant=\"fa-regular\"></spw-icon>\n          </div>\n          <div class=\"spw-table-sidebar__content\">\n            <div class=\"spw-table-sidebar__header\">\n              <span class=\"spw-table-sidebar__header-title\">\n                <spw-icon icon={this.sidebarIcon} variant=\"fa-regular\"></spw-icon> {this.sidebarTitle}\n              </span>\n              {this.hasReset && (\n                <spw-button\n                  class=\"spw-table-sidebar__header-reset\"\n                  onClick={this.handleReset}\n                  type=\"button\"\n                  variant=\"secondary\"\n                  size=\"small\"\n                  isIconOnly={true}\n                  icon={this.resetIcon}\n                ></spw-button>\n              )}\n            </div>\n            <div class=\"spw-table-sidebar__scrollable-content\">\n              <slot></slot>\n            </div>\n            <div class=\"spw-table-sidebar__footer\">\n              <slot name=\"sidebar-footer\"></slot>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/spw-table-sidebar.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spw-table-sidebar.entry.cjs.js","sources":["src/components/spw-table/spw-table-sidebar/spw-table-sidebar.scss?tag=spw-table-sidebar&encapsulation=shadow","src/components/spw-table/spw-table-sidebar/spw-table-sidebar.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n}\n\n.spw-table-sidebar {\n  width: 200px;\n  height: 100%;\n  background: white;\n  border: 1px solid var(--spw-color-themes-grey-grey-300);\n  border-right: 0;\n  z-index: 99;\n  transition: width 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  &__toggle {\n    position: absolute;\n    right: 0;\n    top: 36px;\n    width: 20px;\n    padding: 6px 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    box-shadow: var(--spw-effect-elevation-6);\n    border: 1px solid var(--spw-colors-support-grey-grey-300);\n    cursor: pointer;\n    font-size: 13px;\n    z-index: 20;\n    transform: translateX(50%);\n    background: white;\n    line-height: 1;\n\n    spw-icon {\n      position: relative;\n      transition: transform 0.15s 0.2s ease;\n\n      .spw-table-sidebar--expanded & {\n        transform: rotate(0deg);\n      }\n\n      .spw-table-sidebar--collapsed & {\n        transform: rotate(180deg);\n      }\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    flex: 1 1 auto;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    @include scrollbars(var(--spw-color-themes-grey-grey-400), var(--spw-ds-white));\n    .spw-table-sidebar--collapsed & {\n      display: none;\n    }\n  }\n\n  &__mini {\n    padding: 16px 0;\n    text-align: center;\n    display: none;\n    .spw-table-sidebar--collapsed & {\n      display: block;\n    }\n    spw-icon {\n      cursor: pointer;\n    }\n  }\n\n  &--expanded {\n    width: var(--spw-table-sidebar-width);\n  }\n\n  &--collapsed {\n    width: 50px;\n  }\n  &__header,\n  &__footer {\n    padding: 16px;\n    position: sticky;\n    background: var(--spw-ds-white);\n    z-index: 10;\n  }\n  &__header {\n    top: 0;\n    padding-bottom: 16px;\n    border-bottom: 1px solid var(--spw-color-themes-grey-grey-200);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  &__header-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n    min-width: 0;\n  }\n\n  &__header-reset {\n    flex-shrink: 0;\n  }\n  &__footer {\n    bottom: 0;\n    padding-top: 16px;\n    border-top: 1px solid var(--spw-color-themes-grey-grey-200);\n  }\n  &__scrollable-content {\n    padding: 16px;\n    flex: 1;\n  }\n}\n","import { Component, Element, Host, Prop, State, Event, EventEmitter, h } from '@stencil/core';\n\n@Component({\n  tag: 'spw-table-sidebar',\n  styleUrl: 'spw-table-sidebar.scss',\n  shadow: true,\n})\nexport class SpwTableSidebar {\n  @Element() el: HTMLSpwTableSidebarElement;\n\n  /** Si true, la sidebar est dépliée par défaut */\n  @Prop() defaultExpanded: boolean = true;\n  /** Permet de définir un titre à la sidebar */\n  @Prop() sidebarTitle: string = 'Filtres';\n  /** Permet de définir une icône à côté du titre de la sidebar (référence font-awesome) */\n  @Prop() sidebarIcon: string = 'fa-filter';\n  /** Permet de définir une largeur en px pour la sidebar dépliée */\n  @Prop() sidebarWidth: number = 260;\n  /** Si true, affiche une icône de reset à côté du titre */\n  @Prop() hasReset: boolean = true;\n  /** Icône à utiliser pour le bouton de reset (référence font-awesome) */\n  @Prop() resetIcon: string = 'fa-arrow-rotate-left';\n\n  @State() observedHeight?: number;\n  @State() expanded: boolean;\n\n  /** Événement émis lorsque l'icône de reset est cliquée */\n  @Event({ composed: true, bubbles: true }) sidebarReset: EventEmitter<void>;\n\n  private resizeObserver?: ResizeObserver;\n  private mutationObserver?: MutationObserver;\n  private debounceTimer?: NodeJS.Timeout;\n\n  componentWillLoad() {\n    this.expanded = this.defaultExpanded;\n  }\n\n  componentDidLoad() {\n    setTimeout(() => {\n      this.observeTableHeight();\n    }, 0);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n    }\n  }\n\n  private toggleSidebar = () => {\n    this.expanded = !this.expanded;\n  };\n\n  private handleReset = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.sidebarReset.emit();\n  };\n\n  private calculateTotalHeight(): number {\n    const spwTable = this.findSpwTable();\n    if (!spwTable) return 0;\n\n    const shadowRoot = spwTable.shadowRoot;\n    if (!shadowRoot) return spwTable.offsetHeight;\n\n    const tableContainer = shadowRoot.querySelector('.spw-table-container') as HTMLElement;\n    let totalHeight = tableContainer ? tableContainer.offsetHeight : 0;\n\n    const resizeHandle = shadowRoot.querySelector('.spw-table-resize-handle') as HTMLElement;\n    if (resizeHandle) {\n      totalHeight += resizeHandle.offsetHeight;\n    }\n\n    const footerSlot = spwTable.querySelector('[slot=\"table-footer\"]');\n    if (footerSlot && footerSlot instanceof HTMLElement) {\n      totalHeight += footerSlot.offsetHeight;\n    }\n\n    return totalHeight;\n  }\n\n  private observeTableHeight() {\n    const spwTable = this.findSpwTable();\n\n    if (!spwTable) {\n      return;\n    }\n\n    const updateFullHeight = () => {\n      const height = this.calculateTotalHeight();\n      if (height > 0) {\n        this.observedHeight = height;\n      }\n    };\n\n    this.resizeObserver = new ResizeObserver(() => {\n      updateFullHeight();\n    });\n\n    this.resizeObserver.observe(spwTable);\n\n    this.mutationObserver = new MutationObserver(_ => {\n      if (this.debounceTimer) {\n        clearTimeout(this.debounceTimer);\n      }\n      this.debounceTimer = setTimeout(() => {\n        updateFullHeight();\n      }, 50);\n    });\n\n    this.mutationObserver.observe(spwTable, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['style', 'class'],\n    });\n\n    if (spwTable.shadowRoot) {\n      const shadowObserver = new MutationObserver(() => {\n        updateFullHeight();\n      });\n\n      shadowObserver.observe(spwTable.shadowRoot, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n      });\n    }\n\n    updateFullHeight();\n  }\n\n  private findSpwTable(): HTMLElement | null {\n    const spwTableContainer = this.el.parentElement;\n    if (!spwTableContainer || spwTableContainer.tagName.toLowerCase() !== 'spw-table-container') {\n      return null;\n    }\n    const spwTable = spwTableContainer.querySelector('spw-table') as HTMLElement;\n\n    return spwTable;\n  }\n\n  private get hostClass() {\n    return {\n      '--expanded': this.expanded,\n      '--collapsed': !this.expanded,\n    };\n  }\n\n  private get elementClass() {\n    return {\n      'spw-table-sidebar': true,\n      'spw-table-sidebar--expanded': this.expanded,\n      'spw-table-sidebar--collapsed': !this.expanded,\n    };\n  }\n\n  render() {\n    const style = {\n      ...(this.observedHeight !== undefined && { height: `${this.observedHeight}px` }),\n      '--spw-table-sidebar-width': `${this.sidebarWidth}px`,\n    };\n\n    return (\n      <Host style={style} class={this.hostClass}>\n        <nav class={this.elementClass}>\n          <span class=\"spw-table-sidebar__toggle\" onClick={this.toggleSidebar} aria-expanded={this.expanded.toString()}>\n            <spw-icon icon=\"fa-chevron-left\"></spw-icon>\n          </span>\n          <div class=\"spw-table-sidebar__mini\" onClick={this.toggleSidebar}>\n            <spw-icon icon={this.sidebarIcon} variant=\"fa-regular\"></spw-icon>\n          </div>\n          <div class=\"spw-table-sidebar__content\">\n            <div class=\"spw-table-sidebar__header\">\n              <span class=\"spw-table-sidebar__header-title\">\n                <spw-icon icon={this.sidebarIcon} variant=\"fa-regular\"></spw-icon> {this.sidebarTitle}\n              </span>\n              {this.hasReset && (\n                <spw-button\n                  class=\"spw-table-sidebar__header-reset\"\n                  onClick={this.handleReset}\n                  type=\"button\"\n                  variant=\"secondary\"\n                  size=\"small\"\n                  isIconOnly={true}\n                  icon={this.resetIcon}\n                ></spw-button>\n              )}\n            </div>\n            <div class=\"spw-table-sidebar__scrollable-content\">\n              <slot></slot>\n            </div>\n            <div class=\"spw-table-sidebar__footer\">\n              <slot name=\"sidebar-footer\"></slot>\n            </div>\n          </div>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,o5JAAo5J;;MCOl6J,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AASU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;;AAE/B,QAAA,IAAY,CAAA,YAAA,GAAW,SAAS;;AAEhC,QAAA,IAAW,CAAA,WAAA,GAAW,WAAW;;AAEjC,QAAA,IAAY,CAAA,YAAA,GAAW,GAAG;;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAExB,QAAA,IAAS,CAAA,SAAA,GAAW,sBAAsB;AAkC1C,QAAA,IAAa,CAAA,aAAA,GAAG,MAAK;AAC3B,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;AAChC,SAAC;AAEO,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,KAAiB,KAAI;YAC1C,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,SAAC;AAgJF;IA7KC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe;;IAGtC,gBAAgB,GAAA;QACd,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,kBAAkB,EAAE;SAC1B,EAAE,CAAC,CAAC;;IAGP,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;AAElC,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;;AAEpC,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,YAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;;IAa5B,oBAAoB,GAAA;AAC1B,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;AACpC,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,CAAC;AAEvB,QAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU;AACtC,QAAA,IAAI,CAAC,UAAU;YAAE,OAAO,QAAQ,CAAC,YAAY;QAE7C,MAAM,cAAc,GAAG,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAgB;AACtF,QAAA,IAAI,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,YAAY,GAAG,CAAC;QAElE,MAAM,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAgB;QACxF,IAAI,YAAY,EAAE;AAChB,YAAA,WAAW,IAAI,YAAY,CAAC,YAAY;;QAG1C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC;AAClE,QAAA,IAAI,UAAU,IAAI,UAAU,YAAY,WAAW,EAAE;AACnD,YAAA,WAAW,IAAI,UAAU,CAAC,YAAY;;AAGxC,QAAA,OAAO,WAAW;;IAGZ,kBAAkB,GAAA;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;QAEpC,IAAI,CAAC,QAAQ,EAAE;YACb;;QAGF,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,EAAE;AAC1C,YAAA,IAAI,MAAM,GAAG,CAAC,EAAE;AACd,gBAAA,IAAI,CAAC,cAAc,GAAG,MAAM;;AAEhC,SAAC;AAED,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;AAC5C,YAAA,gBAAgB,EAAE;AACpB,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC;QAErC,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,IAAG;AAC/C,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;AACtB,gBAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC;;AAElC,YAAA,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,MAAK;AACnC,gBAAA,gBAAgB,EAAE;aACnB,EAAE,EAAE,CAAC;AACR,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE;AACtC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AACpC,SAAA,CAAC;AAEF,QAAA,IAAI,QAAQ,CAAC,UAAU,EAAE;AACvB,YAAA,MAAM,cAAc,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC/C,gBAAA,gBAAgB,EAAE;AACpB,aAAC,CAAC;AAEF,YAAA,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,EAAE;AAC1C,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AACjB,aAAA,CAAC;;AAGJ,QAAA,gBAAgB,EAAE;;IAGZ,YAAY,GAAA;AAClB,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;AAC/C,QAAA,IAAI,CAAC,iBAAiB,IAAI,iBAAiB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,qBAAqB,EAAE;AAC3F,YAAA,OAAO,IAAI;;QAEb,MAAM,QAAQ,GAAG,iBAAiB,CAAC,aAAa,CAAC,WAAW,CAAgB;AAE5E,QAAA,OAAO,QAAQ;;AAGjB,IAAA,IAAY,SAAS,GAAA;QACnB,OAAO;YACL,YAAY,EAAE,IAAI,CAAC,QAAQ;AAC3B,YAAA,aAAa,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC9B;;AAGH,IAAA,IAAY,YAAY,GAAA;QACtB,OAAO;AACL,YAAA,mBAAmB,EAAE,IAAI;YACzB,6BAA6B,EAAE,IAAI,CAAC,QAAQ;AAC5C,YAAA,8BAA8B,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC/C;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GACL,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,cAAc,CAAI,EAAA,CAAA,EAAE,EAAC,EAAA,EAChF,2BAA2B,EAAE,GAAG,IAAI,CAAC,YAAY,CAAI,EAAA,CAAA,EAAA,CACtD;AAED,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAA,EACvCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,YAAY,EAAA,EAC3BA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,2BAA2B,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,mBAAiB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAA,EAC1GA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,iBAAiB,EAAA,CAAY,CACvC,EACPA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAC,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EAC9DA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,YAAY,EAAA,CAAY,CAC9D,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACrCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC3CA,OAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,EAAC,YAAY,EAAY,CAAA,OAAE,IAAI,CAAC,YAAY,CAChF,EACN,IAAI,CAAC,QAAQ,KACZA,OAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,iCAAiC,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,IAAI,EAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAA,CACR,CACf,CACG,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EAChDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACNA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,2BAA2B,EAAA,EACpCA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,CACF,CACF,CACD;;;;;;;;"}

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-ivINMH9O.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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);border-radius:4px;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;position:relative;width:100%}.spw-table-container::-webkit-scrollbar{height:14px;width:14px}.spw-table-container::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-container::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}.spw-table-resize-handle{align-items:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;cursor:ns-resize;display:flex;height:12px;justify-content:center;position:relative;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-400);border-radius:2px;height:3px;pointer-events:none;width:40px}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}";
+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;flex:1;font-size:100%;line-height:1.3;min-width:0;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:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;width:100%}@media (min-width:460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width:768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width:1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width:1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}.spw-table-container{display:flex;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;overflow:hidden;position:relative;width:100%}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white);flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{height:14px;width:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border:4px solid var(--spw-ds-white);border-radius:20px}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table{border-collapse:collapse;border-radius:4px;min-width:var(--spw-table-min-width);position:relative;width:100%}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}.spw-table-resize-handle{align-items:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:none;cursor:ns-resize;display:flex;height:12px;justify-content:center;position:relative;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.spw-table-resize-handle:hover{background:var(--spw-color-themes-grey-grey-200)}.spw-table-resize-handle:active{background:var(--spw-color-themes-grey-grey-300)}.spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-400);border-radius:2px;height:3px;pointer-events:none;width:40px}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}";
 
 const SpwTable = class {
     constructor(hostRef) {
@@ -31,10 +31,10 @@ const SpwTable = class {
             event.preventDefault();
             this.isResizing = true;
             this.startY = event.clientY;
-            const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.spw-table-container');
-            if (container) {
-                this.containerElement = container;
-                this.startHeight = container.offsetHeight;
+            const wrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.spw-table-wrapper');
+            if (wrapper) {
+                this.containerElement = wrapper;
+                this.startHeight = wrapper.offsetHeight;
             }
             document.addEventListener('mousemove', this.handleMouseMove);
             document.addEventListener('mouseup', this.handleMouseUp);
@@ -71,7 +71,7 @@ const SpwTable = class {
         var _a;
         this.updateZebra();
         this.applyStickyToChildren();
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
         if (slot) {
             slot.addEventListener('slotchange', () => {
                 this.setupHeaderCheckboxListener();
@@ -82,6 +82,7 @@ const SpwTable = class {
         this.setupHeaderCheckboxListener();
         this.setupBodyCheckboxListener();
         this.setupTableBodyObserver();
+        this.setupHeaderObserver();
         setTimeout(() => {
             this.updateMasterCheckboxState();
         }, 0);
@@ -93,6 +94,9 @@ const SpwTable = class {
         if (this.mutationObserver) {
             this.mutationObserver.disconnect();
         }
+        if (this.headerMutationObserver) {
+            this.headerMutationObserver.disconnect();
+        }
         this.cleanupResizeListeners();
     }
     cleanupResizeListeners() {
@@ -116,9 +120,21 @@ const SpwTable = class {
             attributeFilter: ['checked', 'disabled'],
         });
     }
+    setupHeaderObserver() {
+        const head = Array.from(this.el.children).find(el => el.tagName.toLowerCase() === 'spw-table-head');
+        if (!head)
+            return;
+        this.headerMutationObserver = new MutationObserver(() => {
+            this.applyStickyToChildren();
+        });
+        this.headerMutationObserver.observe(head, {
+            childList: true,
+            subtree: true,
+        });
+    }
     getMasterCheckboxColumnIndex() {
         var _a;
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
         if (!slot)
             return null;
         const assignedElements = slot.assignedElements({ flatten: true });
@@ -144,7 +160,7 @@ const SpwTable = class {
         const columnIndex = this.getMasterCheckboxColumnIndex();
         if (columnIndex === null)
             return;
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
         const assignedElements = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true });
         if (!assignedElements)
             return;
@@ -188,8 +204,9 @@ const SpwTable = class {
         }
     }
     setupHeaderCheckboxListener() {
-        var _a, _b;
-        const assignedElements = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements({ flatten: true });
+        var _a;
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
+        const assignedElements = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true });
         if (!assignedElements)
             return;
         const head = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-head');
@@ -223,7 +240,7 @@ const SpwTable = class {
         const columnIndex = this.getMasterCheckboxColumnIndex();
         if (columnIndex === null)
             return;
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
         const assignedElements = slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true });
         if (!assignedElements)
             return;
@@ -260,11 +277,11 @@ const SpwTable = class {
         this.updateZebra();
     }
     updateZebra() {
-        const slot = this.el.shadowRoot.querySelector('slot');
+        const slot = this.el.shadowRoot.querySelector('slot:not([name])');
         if (!slot)
             return;
         const assignedElements = slot.assignedElements({ flatten: true });
-        const body = assignedElements.find(el => el.tagName.toLowerCase() === 'spw-table-body');
+        const body = assignedElements.find((el) => el.tagName.toLowerCase() === 'spw-table-body');
         if (body) {
             if (this.isZebra) {
                 body.setAttribute('is-zebra', 'true');
@@ -296,8 +313,8 @@ const SpwTable = class {
     }
     sortRows(columnId, direction) {
         var _a;
-        const body = (_a = this.el.shadowRoot
-            .querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedElements().find(el => el.tagName.toLowerCase() === 'spw-table-body');
+        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
+        const body = slot === null || slot === void 0 ? void 0 : slot.assignedElements().find(el => el.tagName.toLowerCase() === 'spw-table-body');
         if (!body)
             return;
         const rows = Array.from(body.querySelectorAll('spw-table-row'));
@@ -357,10 +374,10 @@ const SpwTable = class {
         return this.formatSize(this.maxHeight);
     }
     render() {
-        return (index.h(index.Host, { key: '39a021aa2fcf5288611c138af729dd3dfb6a6261', style: {
+        return (index.h(index.Host, { key: '9fadda21bf79717d2a4753894c66d6aa4e42f21a', style: {
                 '--spw-table-max-height': this.getMaxHeight(),
                 '--spw-table-min-width': this.formatSize(this.minWidth),
-            } }, index.h("div", { key: '40141b27efed75425456d159aa10f87fce909668', class: this.containerClass }, index.h("table", { key: '55b5e73956280a99259f810010acd5b935a9ef94', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, index.h("slot", { key: 'c22f79cd125c587c3050d8373ae2c6b586a36a73' }))), this.resizable && (index.h("div", { key: '7119adee7eee56e763850c67a98fe5f49d52633d', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, index.h("div", { key: '119ad29a9737ddb578d0819768a652d644e3a1bd', class: "spw-table-resize-handle__bar" })))));
+            } }, index.h("div", { key: '143cd40f28193841a87c39bd4944e0eb6a0e131a', class: this.containerClass }, index.h("slot", { key: '63b0a60c9e2ffc8d5077e420d41ac4c675a4a66f', name: "table-sidebar" }, " "), index.h("div", { key: 'f5c9a57cfdf712e75cd88ca6a60e129c2425bef6', class: "spw-table-wrapper" }, index.h("table", { key: '09af8c2669eaf5da839d52178d1ea84abe3dbd26', part: "table", class: this.elementClass, role: "table", "aria-label": this.accAriaLabel }, index.h("slot", { key: 'a9874b63e262938491c282967fc04dd2b1a1920c' })))), this.resizable && (index.h("div", { key: 'b6303b9aec031dba377b6f9898393d815f3657a8', class: "spw-table-resize-handle", onMouseDown: this.handleResizeStart, role: "separator", "aria-orientation": "horizontal", "aria-label": "Redimensionner le tableau" }, index.h("div", { key: 'a29af2d23d838e5276338e2c091017d1352f4495', class: "spw-table-resize-handle__bar" }))), index.h("slot", { key: 'cd98eb8b93ae6a5b0e490d233e1792d7c7d77504', name: "table-footer" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {