@spw-ds/spw-stencil-library 1.4.1 → 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/cjs/spw-table-body.cjs.entry.js +1 -1
  2. package/dist/cjs/spw-table-cell.cjs.entry.js +1 -1
  3. package/dist/cjs/spw-table-head.cjs.entry.js +1 -1
  4. package/dist/cjs/spw-table-header.cjs.entry.js +1 -1
  5. package/dist/cjs/spw-table-row.cjs.entry.js +1 -1
  6. package/dist/cjs/spw-table.cjs.entry.js +1 -1
  7. package/dist/collection/components/spw-table/spw-table-body/spw-table-body.css +6 -0
  8. package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.css +53 -2
  9. package/dist/collection/components/spw-table/spw-table-head/spw-table-head.css +5 -0
  10. package/dist/collection/components/spw-table/spw-table-header/spw-table-header.css +6 -0
  11. package/dist/collection/components/spw-table/spw-table-row/spw-table-row.css +28 -0
  12. package/dist/collection/components/spw-table/spw-table.css +10 -0
  13. package/dist/components/spw-table-body.js +1 -1
  14. package/dist/components/spw-table-cell.js +1 -1
  15. package/dist/components/spw-table-head.js +1 -1
  16. package/dist/components/spw-table-header.js +1 -1
  17. package/dist/components/spw-table-row.js +1 -1
  18. package/dist/components/spw-table.js +1 -1
  19. package/dist/components_json.json +1 -1
  20. package/dist/esm/spw-table-body.entry.js +1 -1
  21. package/dist/esm/spw-table-cell.entry.js +1 -1
  22. package/dist/esm/spw-table-head.entry.js +1 -1
  23. package/dist/esm/spw-table-header.entry.js +1 -1
  24. package/dist/esm/spw-table-row.entry.js +1 -1
  25. package/dist/esm/spw-table.entry.js +1 -1
  26. package/dist/spw-stencil-library/{p-520d152f.entry.js → p-015639e8.entry.js} +1 -1
  27. package/dist/spw-stencil-library/{p-d2d4d92b.entry.js → p-0c689b94.entry.js} +1 -1
  28. package/dist/spw-stencil-library/{p-73732d41.entry.js → p-8d537887.entry.js} +1 -1
  29. package/dist/spw-stencil-library/{p-a063cc64.entry.js → p-a37672b0.entry.js} +1 -1
  30. package/dist/spw-stencil-library/{p-7126e2cb.entry.js → p-b01fc73f.entry.js} +1 -1
  31. package/dist/spw-stencil-library/{p-c4194531.entry.js → p-c17e3b67.entry.js} +1 -1
  32. package/dist/spw-stencil-library/spw-stencil-library.esm.js +1 -1
  33. package/dist/stats.json +21721 -19358
  34. package/hydrate/index.js +115 -115
  35. package/hydrate/index.mjs +115 -115
  36. package/package.json +7 -7
package/dist/cjs/spw-table-body.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableBodyCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}`;
5
+ const spwTableBodyCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}@media (max-width: 767px){tbody{display:block}}`;
6
6
 
7
7
  const SpwTableBody = class {
8
8
  constructor(hostRef) {
package/dist/cjs/spw-table-cell.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableCellCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}`;
5
+ const spwTableCellCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}@media (min-width: 768px){:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}@media (max-width: 767px){:host{display:block}.spw-table-cell{display:block;width:100%;border:none;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);padding:6px 12px !important;text-align:left !important}.spw-table-cell:last-child{border-bottom:none}.spw-table-cell::before{content:attr(data-label);font-weight:700;color:var(--spw-color-themes-grey-grey-700);font-size:13px;text-align:left;padding-top:2px}.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--selected{background-color:transparent;box-shadow:none}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--is-highlighted{background:transparent;font-weight:600}:host(.--selected) .spw-table-cell{background-color:transparent}.spw-table-cell--sticky{position:static;width:100%;background-color:transparent}.spw-table-cell--sticky::after{display:none}}`;
6
6
 
7
7
  const SpwTableCell = class {
8
8
  constructor(hostRef) {
package/dist/cjs/spw-table-head.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableHeadCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}`;
5
+ const spwTableHeadCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}@media (max-width: 767px){:host{display:none}}`;
6
6
 
7
7
  const SpwTableHead = class {
8
8
  constructor(hostRef) {
package/dist/cjs/spw-table-header.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableHeaderCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom: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);background-clip:padding-box}.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{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.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{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}`;
5
+ const spwTableHeaderCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom: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);background-clip:padding-box}.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{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.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{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}@media (max-width: 767px){:host{display:none}}`;
6
6
 
7
7
  const SpwTableHeader = class {
8
8
  constructor(hostRef) {
package/dist/cjs/spw-table-row.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableRowCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}`;
5
+ const spwTableRowCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);overflow:hidden;padding:6px 0}.spw-table-row--selected{border-left:4px solid var(--spw-color-themes-blue-blue-500);background-color:var(--spw-color-themes-blue-blue-50);box-shadow:0 2px 6px rgba(0, 100, 200, 0.12)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}`;
6
6
 
7
7
  const SpwTableRow = class {
8
8
  constructor(hostRef) {
package/dist/cjs/spw-table.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-BDhk9IqL.js');
4
4
 
5
- const spwTableCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.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{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}`;
5
+ const spwTableCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.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{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}`;
6
6
 
7
7
  const SpwTable = class {
8
8
  constructor(hostRef) {
package/dist/collection/components/spw-table/spw-table-body/spw-table-body.css CHANGED
@@ -377,4 +377,10 @@ template {
377
377
 
378
378
  :host {
379
379
  display: contents;
380
+ }
381
+
382
+ @media (max-width: 767px) {
383
+ tbody {
384
+ display: block;
385
+ }
380
386
  }
package/dist/collection/components/spw-table/spw-table-cell/spw-table-cell.css CHANGED
@@ -382,8 +382,10 @@ template {
382
382
  :host(.--selected) .spw-table-cell {
383
383
  background-color: var(--spw-color-themes-blue-blue-50);
384
384
  }
385
- :host(.--selected) .spw-table-cell.spw-table-cell--first-in-row {
386
- box-shadow: inset 3px 0 0 var(--spw-color-themes-blue-blue-500);
385
+ @media (min-width: 768px) {
386
+ :host(.--selected) .spw-table-cell.spw-table-cell--first-in-row {
387
+ box-shadow: inset 3px 0 0 var(--spw-color-themes-blue-blue-500);
388
+ }
387
389
  }
388
390
 
389
391
  :host(.--disabled) .spw-table-cell--sticky, :host(.--disabled) .spw-table-cell {
@@ -480,4 +482,53 @@ template {
480
482
  }
481
483
  :host(.--selected) .spw-table-cell--sticky {
482
484
  background-color: var(--spw-color-themes-blue-blue-50);
485
+ }
486
+ @media (max-width: 767px) {
487
+ :host {
488
+ display: block;
489
+ }
490
+ .spw-table-cell {
491
+ display: block;
492
+ width: 100%;
493
+ border: none;
494
+ border-bottom: 1px solid var(--spw-color-themes-grey-grey-200);
495
+ padding: 6px 12px !important;
496
+ text-align: left !important;
497
+ }
498
+ .spw-table-cell:last-child {
499
+ border-bottom: none;
500
+ }
501
+ .spw-table-cell::before {
502
+ content: attr(data-label);
503
+ font-weight: 700;
504
+ color: var(--spw-color-themes-grey-grey-700);
505
+ font-size: 13px;
506
+ text-align: left;
507
+ padding-top: 2px;
508
+ }
509
+ .spw-table-cell--first-in-row {
510
+ box-shadow: none;
511
+ }
512
+ .spw-table-cell--selected {
513
+ background-color: transparent;
514
+ box-shadow: none;
515
+ }
516
+ .spw-table-cell--selected.spw-table-cell--first-in-row {
517
+ box-shadow: none;
518
+ }
519
+ .spw-table-cell--is-highlighted {
520
+ background: transparent;
521
+ font-weight: 600;
522
+ }
523
+ :host(.--selected) .spw-table-cell {
524
+ background-color: transparent;
525
+ }
526
+ .spw-table-cell--sticky {
527
+ position: static;
528
+ width: 100%;
529
+ background-color: transparent;
530
+ }
531
+ .spw-table-cell--sticky::after {
532
+ display: none;
533
+ }
483
534
  }
package/dist/collection/components/spw-table/spw-table-head/spw-table-head.css CHANGED
@@ -377,4 +377,9 @@ template {
377
377
 
378
378
  :host {
379
379
  display: contents;
380
+ }
381
+ @media (max-width: 767px) {
382
+ :host {
383
+ display: none;
384
+ }
380
385
  }
package/dist/collection/components/spw-table/spw-table-header/spw-table-header.css CHANGED
@@ -478,4 +478,10 @@ template {
478
478
  .spw-table-header--sticky-end::after {
479
479
  left: -8px;
480
480
  box-shadow: inset -8px 0 8px -8px rgba(0, 0, 0, 0.15);
481
+ }
482
+
483
+ @media (max-width: 767px) {
484
+ :host {
485
+ display: none;
486
+ }
481
487
  }
package/dist/collection/components/spw-table/spw-table-row/spw-table-row.css CHANGED
@@ -392,4 +392,32 @@ template {
392
392
  .spw-table-row--selected {
393
393
  background-color: var(--spw-color-themes-blue-blue-50);
394
394
  box-shadow: inset 3px 0 0 var(--spw-color-themes-blue-blue-500);
395
+ }
396
+
397
+ @media (max-width: 767px) {
398
+ :host {
399
+ display: block;
400
+ margin: 6px 0;
401
+ }
402
+ .spw-table-row {
403
+ display: flex;
404
+ flex-direction: column;
405
+ border: 1px solid var(--spw-color-themes-grey-grey-300);
406
+ border-radius: 8px;
407
+ background: white;
408
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
409
+ overflow: hidden;
410
+ padding: 6px 0;
411
+ }
412
+ .spw-table-row--selected {
413
+ border-left: 4px solid var(--spw-color-themes-blue-blue-500);
414
+ background-color: var(--spw-color-themes-blue-blue-50);
415
+ box-shadow: 0 2px 6px rgba(0, 100, 200, 0.12);
416
+ }
417
+ .spw-table-row--disabled {
418
+ opacity: 0.6;
419
+ }
420
+ :host([data-row-style=odd]) .spw-table-row {
421
+ background-color: white;
422
+ }
395
423
  }
package/dist/collection/components/spw-table/spw-table.css CHANGED
@@ -432,6 +432,16 @@ template {
432
432
  .spw-table--layout-auto {
433
433
  table-layout: auto;
434
434
  }
435
+ @media (max-width: 767px) {
436
+ .spw-table {
437
+ display: block;
438
+ min-width: 0;
439
+ border-collapse: separate;
440
+ border: none;
441
+ outline: none;
442
+ padding: 6px 12px;
443
+ }
444
+ }
435
445
 
436
446
  .spw-table-resize-handle {
437
447
  position: relative;
package/dist/components/spw-table-body.js CHANGED
@@ -1 +1 @@
1
- import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"d70dcf56688ebe8bf0f22bd42335b17fe44d1056",part:"tbody"},n("slot",{key:"5d6beecf93220bae0a4b8105a3bf66ca8496cfc4"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}'}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}
1
+ import{p as t,H as e,h as n,t as i}from"./index.js";const o=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isZebra=!1}componentDidLoad(){this.updateZebraStyles(),this.setupSlotListener()}setupSlotListener(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");e&&e.addEventListener("slotchange",(()=>{this.updateZebraStyles()}))}async updateZebraStyles(){if(!this.isZebra)return;const t=this.el.shadowRoot.querySelector("slot");if(!t)return;const e=t.assignedElements({flatten:!0});let n=0;e.forEach((t=>{"spw-table-row"===t.tagName.toLowerCase()&&(t.setAttribute("data-row-style",n%2==0?"even":"odd"),n++)}))}render(){return n("tbody",{key:"d70dcf56688ebe8bf0f22bd42335b17fe44d1056",part:"tbody"},n("slot",{key:"5d6beecf93220bae0a4b8105a3bf66ca8496cfc4"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}@media (max-width: 767px){tbody{display:block}}'}},[257,"spw-table-body",{isZebra:[516,"is-zebra"],updateZebraStyles:[64]}]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-body"].forEach((t=>{"spw-table-body"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{s as SpwTableBody,a as defineCustomElement}
package/dist/components/spw-table-cell.js CHANGED
@@ -1 +1 @@
1
- import{p as t,H as e,h as i,t as s}from"./index.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="middle",this.width="auto",this.padding="medium",this.state="default",this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.isFirst=!1}componentDidLoad(){this.checkIfFirst(),this.observeRowSlot()}disconnectedCallback(){var t;null===(t=this.slotObserver)||void 0===t||t.disconnect()}checkIfFirst(){const t=this.el.closest("spw-table-row");if(!t)return void(this.isFirst=!1);const e=Array.from(t.children).filter((t=>"SPW-TABLE-CELL"===t.tagName||"SPW-TABLE-HEADER"===t.tagName||"TD"===t.tagName||"TH"===t.tagName));this.isFirst=e[0]===this.el}observeRowSlot(){const t=this.el.closest("spw-table-row");t&&(this.slotObserver=new MutationObserver((()=>this.checkIfFirst())),this.slotObserver.observe(t,{childList:!0,subtree:!1}))}get elementClass(){return{"spw-table-cell":!0,"spw-table-cell--is-highlighted":this.isHighlighted,["spw-table-cell--text-align-"+this.textAlign]:!0,["spw-table-cell--padding-"+this.padding]:!0,["spw-table-cell--vertical-align-"+this.verticalAlign]:!0,["spw-table-cell--"+this.state]:!0,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,["spw-table-cell--sticky-"+this.stickyPosition]:this.sticky}}render(){const t={width:this.width,class:this.elementClass,part:"cell"};if(void 0!==this.colspan&&(t.colSpan=this.colspan),void 0!==this.rowspan&&(t.rowSpan=this.rowspan),void 0!==this.headers&&(t.headers=this.headers),this.sticky){const e={position:"sticky",zIndex:"10"};"start"===this.stickyPosition?e.left=this.stickyOffset+"px":e.right=this.stickyOffset+"px",t.style=e}return i("td",Object.assign({key:"cd366776aa6f6f7f033ecdf6f0b5d814fec700a7"},t),i("slot",{key:"07701fa4a83a6f3a7f57df697fb41295195aef66"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}'}},[257,"spw-table-cell",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],width:[1],padding:[1],state:[1],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"],isFirst:[32]}]),o=l,a=function(){"undefined"!=typeof customElements&&["spw-table-cell"].forEach((t=>{"spw-table-cell"===t&&(customElements.get(s(t))||customElements.define(s(t),l))}))};export{o as SpwTableCell,a as defineCustomElement}
1
+ import{p as t,H as e,h as s,t as i}from"./index.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="middle",this.width="auto",this.padding="medium",this.state="default",this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.isFirst=!1}componentDidLoad(){this.checkIfFirst(),this.observeRowSlot()}disconnectedCallback(){var t;null===(t=this.slotObserver)||void 0===t||t.disconnect()}checkIfFirst(){const t=this.el.closest("spw-table-row");if(!t)return void(this.isFirst=!1);const e=Array.from(t.children).filter((t=>"SPW-TABLE-CELL"===t.tagName||"SPW-TABLE-HEADER"===t.tagName||"TD"===t.tagName||"TH"===t.tagName));this.isFirst=e[0]===this.el}observeRowSlot(){const t=this.el.closest("spw-table-row");t&&(this.slotObserver=new MutationObserver((()=>this.checkIfFirst())),this.slotObserver.observe(t,{childList:!0,subtree:!1}))}get elementClass(){return{"spw-table-cell":!0,"spw-table-cell--is-highlighted":this.isHighlighted,["spw-table-cell--text-align-"+this.textAlign]:!0,["spw-table-cell--padding-"+this.padding]:!0,["spw-table-cell--vertical-align-"+this.verticalAlign]:!0,["spw-table-cell--"+this.state]:!0,"spw-table-cell--first-in-row":this.isFirst,"spw-table-cell--sticky":this.sticky,["spw-table-cell--sticky-"+this.stickyPosition]:this.sticky}}render(){const t={width:this.width,class:this.elementClass,part:"cell"};if(void 0!==this.colspan&&(t.colSpan=this.colspan),void 0!==this.rowspan&&(t.rowSpan=this.rowspan),void 0!==this.headers&&(t.headers=this.headers),this.sticky){const e={position:"sticky",zIndex:"10"};"start"===this.stickyPosition?e.left=this.stickyOffset+"px":e.right=this.stickyOffset+"px",t.style=e}return s("td",Object.assign({key:"cd366776aa6f6f7f033ecdf6f0b5d814fec700a7"},t),s("slot",{key:"07701fa4a83a6f3a7f57df697fb41295195aef66"}))}get el(){return this}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}@media (min-width: 768px){:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}@media (max-width: 767px){:host{display:block}.spw-table-cell{display:block;width:100%;border:none;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);padding:6px 12px !important;text-align:left !important}.spw-table-cell:last-child{border-bottom:none}.spw-table-cell::before{content:attr(data-label);font-weight:700;color:var(--spw-color-themes-grey-grey-700);font-size:13px;text-align:left;padding-top:2px}.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--selected{background-color:transparent;box-shadow:none}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--is-highlighted{background:transparent;font-weight:600}:host(.--selected) .spw-table-cell{background-color:transparent}.spw-table-cell--sticky{position:static;width:100%;background-color:transparent}.spw-table-cell--sticky::after{display:none}}'}},[257,"spw-table-cell",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],width:[1],padding:[1],state:[1],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"],isFirst:[32]}]),o=l,a=function(){"undefined"!=typeof customElements&&["spw-table-cell"].forEach((t=>{"spw-table-cell"===t&&(customElements.get(i(t))||customElements.define(i(t),l))}))};export{o as SpwTableCell,a as defineCustomElement}
package/dist/components/spw-table-head.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as t,h as n,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("thead",{key:"debb4c9d0f2e5f983bab9386464413b19e2fe1d9",part:"thead"},n("slot",{key:"00e3307eec07708e5de385236a8e289de72cd12f"}))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}'}},[257,"spw-table-head"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-head"].forEach((e=>{"spw-table-head"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{s as SpwTableHead,a as defineCustomElement}
1
+ import{p as e,H as t,h as n,t as i}from"./index.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("thead",{key:"debb4c9d0f2e5f983bab9386464413b19e2fe1d9",part:"thead"},n("slot",{key:"00e3307eec07708e5de385236a8e289de72cd12f"}))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-head"]),s=o,a=function(){"undefined"!=typeof customElements&&["spw-table-head"].forEach((e=>{"spw-table-head"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{s as SpwTableHead,a as defineCustomElement}
package/dist/components/spw-table-header.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as t,c as s,h as i,t as o}from"./index.js";import{d as a}from"./p-Dzw3OiMu.js";import{d as r}from"./p-BuAdNN3A.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwHeaderClick=s(this,"spwHeaderClick",7),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="top",this.padding="medium",this.sortable=!1,this.isSorted=!1,this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.handleClick=e=>{e.target.closest('[slot="filters"]')?e.stopPropagation():this.sortable&&this.spwHeaderClick.emit(this.columnId)}}get elementClass(){return{"spw-table-header":!0,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!(!this.tooltipTitle&&!this.tooltipText),["spw-table-header--padding-"+this.padding]:!0,["spw-table-header--text-align-"+this.textAlign]:!0,["spw-table-header--vertical-align-"+this.verticalAlign]:!0,"spw-table-header--sticky":this.sticky,["spw-table-header--sticky-"+this.stickyPosition]:this.sticky}}render(){const e={"aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan};if(this.sticky){const t={position:"sticky",zIndex:"60"};"start"===this.stickyPosition?t.left=this.stickyOffset+"px":t.right=this.stickyOffset+"px",e.style=t}return i("th",Object.assign({key:"5409c29efdb0ac161a74c4f74694387d9e908a7e"},e),i("div",{key:"7fbf479fbeeeef39cd64806bf7bec20157c6c353",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},i("slot",{key:"708372790d1763eb67f587eca55a869adca0132d"}),i("div",{key:"604f00455b5fbceba3105dd03e755e10b73111ad",class:"spw-table-header__icons"},i("slot",{key:"5573c4b1613f67c3cfef2c99c70ea56f0a16009e",name:"filters"}),(this.tooltipTitle||this.tooltipText)&&i("spw-tooltip",{key:"4c396691c59c165b182e0682ce2ad7d2581f5c7c","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},i("spw-icon",{key:"f0f18b66b0db80d8af4174164bcb74c2c034dfeb",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&i("spw-icon",{key:"a56a382a9accf03e01fa4e376ddbd1c174805023",class:"spw-table-header__sort-icon",icon:this.isSorted?"asc"===this.sortDirection?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom: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);background-clip:padding-box}.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{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.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{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}'}},[257,"spw-table-header",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],padding:[1],columnId:[1,"column-id"],sortable:[4],sortDirection:[1,"sort-direction"],isSorted:[4,"is-sorted"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"]}]),p=n,l=function(){"undefined"!=typeof customElements&&["spw-table-header","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-table-header":customElements.get(o(e))||customElements.define(o(e),n);break;case"spw-icon":customElements.get(o(e))||a();break;case"spw-tooltip":customElements.get(o(e))||r()}}))};export{p as SpwTableHeader,l as defineCustomElement}
1
+ import{p as e,H as t,c as i,h as s,t as o}from"./index.js";import{d as a}from"./p-Dzw3OiMu.js";import{d as n}from"./p-BuAdNN3A.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwHeaderClick=i(this,"spwHeaderClick",7),this.isHighlighted=!1,this.textAlign="left",this.verticalAlign="top",this.padding="medium",this.sortable=!1,this.isSorted=!1,this.sticky=!1,this.stickyPosition="start",this.stickyOffset=0,this.handleClick=e=>{e.target.closest('[slot="filters"]')?e.stopPropagation():this.sortable&&this.spwHeaderClick.emit(this.columnId)}}get elementClass(){return{"spw-table-header":!0,"spw-table-header--sortable":this.sortable,"spw-table-header--is-sorted":this.isSorted,"spw-table-header--has-tooltip":!(!this.tooltipTitle&&!this.tooltipText),["spw-table-header--padding-"+this.padding]:!0,["spw-table-header--text-align-"+this.textAlign]:!0,["spw-table-header--vertical-align-"+this.verticalAlign]:!0,"spw-table-header--sticky":this.sticky,["spw-table-header--sticky-"+this.stickyPosition]:this.sticky}}render(){const e={"aria-sort":this.isSorted?this.sortDirection:"none",onClick:this.handleClick,class:this.elementClass,colSpan:this.colspan,headers:this.headers,part:"cell",rowSpan:this.rowspan};if(this.sticky){const t={position:"sticky",zIndex:"60"};"start"===this.stickyPosition?t.left=this.stickyOffset+"px":t.right=this.stickyOffset+"px",e.style=t}return s("th",Object.assign({key:"5409c29efdb0ac161a74c4f74694387d9e908a7e"},e),s("div",{key:"7fbf479fbeeeef39cd64806bf7bec20157c6c353",class:{"spw-table-header__content":!0,"spw-table-header__content--is-sorted":this.isSorted}},s("slot",{key:"708372790d1763eb67f587eca55a869adca0132d"}),s("div",{key:"604f00455b5fbceba3105dd03e755e10b73111ad",class:"spw-table-header__icons"},s("slot",{key:"5573c4b1613f67c3cfef2c99c70ea56f0a16009e",name:"filters"}),(this.tooltipTitle||this.tooltipText)&&s("spw-tooltip",{key:"4c396691c59c165b182e0682ce2ad7d2581f5c7c","tooltip-title":this.tooltipTitle,"tooltip-text":this.tooltipText},s("spw-icon",{key:"f0f18b66b0db80d8af4174164bcb74c2c034dfeb",variant:"fa-regular",icon:"fa-circle-question"})),this.sortable&&s("spw-icon",{key:"a56a382a9accf03e01fa4e376ddbd1c174805023",class:"spw-table-header__sort-icon",icon:this.isSorted?"asc"===this.sortDirection?"fa-arrow-up-short-wide":"fa-arrow-down-wide-short":"fa-arrow-up-arrow-down"}))))}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--is-sticky) .spw-table-header{position:sticky;top:0;z-index:50}.spw-table-header{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;font-weight:700;transition:all 0.2s linear;background:var(--spw-color-themes-grey-grey-200);white-space:nowrap;border-top:none !important;border-bottom: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);background-clip:padding-box}.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{user-select:none;cursor:pointer}.spw-table-header--sortable:hover{background:var(--spw-color-themes-grey-grey-300)}.spw-table-header__content{display:flex;justify-content:space-between;align-items:center;gap:8px}.spw-table-header__content spw-icon{color:var(--spw-color-themes-grey-grey-500)}.spw-table-header__content spw-icon:hover{color:var(--spw-color-themes-grey-grey-900)}.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{display:flex;gap:8px;align-items:center;color:var(--spw-color-themes-grey-grey-500)}.spw-table-header ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-header--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-200)}.spw-table-header--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-header--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-header--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}@media (max-width: 767px){:host{display:none}}'}},[257,"spw-table-header",{colspan:[2],headers:[1],rowspan:[2],isHighlighted:[4,"is-highlighted"],textAlign:[1,"text-align"],verticalAlign:[1,"vertical-align"],padding:[1],columnId:[1,"column-id"],sortable:[4],sortDirection:[1,"sort-direction"],isSorted:[4,"is-sorted"],tooltipTitle:[1,"tooltip-title"],tooltipText:[1,"tooltip-text"],sticky:[4],stickyPosition:[1,"sticky-position"],stickyOffset:[2,"sticky-offset"]}]),p=r,l=function(){"undefined"!=typeof customElements&&["spw-table-header","spw-icon","spw-tooltip"].forEach((e=>{switch(e){case"spw-table-header":customElements.get(o(e))||customElements.define(o(e),r);break;case"spw-icon":customElements.get(o(e))||a();break;case"spw-tooltip":customElements.get(o(e))||n()}}))};export{p as SpwTableHeader,l as defineCustomElement}
package/dist/components/spw-table-row.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as t,h as n,a as o,t as i}from"./index.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default"}componentDidLoad(){this.applyPropsToChildren()}slotChanged(){this.applyPropsToChildren()}onStateChange(){this.applyPropsToChildren()}onPaddingChange(){this.applyPropsToChildren()}applyPropsToChildren(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-table-cell, spw-table-header"),t="--"+this.state;e.forEach((e=>{e.classList.remove("--default","--selected","--disabled"),"default"!==this.state&&e.classList.add(t),this.padding&&!e.hasAttribute("padding")&&(e.padding=this.padding)}))}))}get elementClass(){return{"spw-table-row":!0,["spw-table-row--"+this.state]:!0}}render(){return n(o,{key:"5fdc8a96db8416895e30a1989a5648fc056d127f",part:"row"},n("tr",{key:"105aa56a1e79bddb7709e5462fcaf667badcbbc3",class:this.elementClass,part:"row"},n("slot",{key:"8442a29ca7d9551542956e955e140993fe3124fb"})))}get el(){return this}static get watchers(){return{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}'}},[257,"spw-table-row",{state:[1],padding:[1]},[[0,"slotchange","slotChanged"]],{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}]),a=s,r=function(){"undefined"!=typeof customElements&&["spw-table-row"].forEach((e=>{"spw-table-row"===e&&(customElements.get(i(e))||customElements.define(i(e),s))}))};export{a as SpwTableRow,r as defineCustomElement}
1
+ import{p as e,H as t,h as o,a as n,t as i}from"./index.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.state="default"}componentDidLoad(){this.applyPropsToChildren()}slotChanged(){this.applyPropsToChildren()}onStateChange(){this.applyPropsToChildren()}onPaddingChange(){this.applyPropsToChildren()}applyPropsToChildren(){requestAnimationFrame((()=>{const e=this.el.querySelectorAll("spw-table-cell, spw-table-header"),t="--"+this.state;e.forEach((e=>{e.classList.remove("--default","--selected","--disabled"),"default"!==this.state&&e.classList.add(t),this.padding&&!e.hasAttribute("padding")&&(e.padding=this.padding)}))}))}get elementClass(){return{"spw-table-row":!0,["spw-table-row--"+this.state]:!0}}render(){return o(n,{key:"5fdc8a96db8416895e30a1989a5648fc056d127f",part:"row"},o("tr",{key:"105aa56a1e79bddb7709e5462fcaf667badcbbc3",class:this.elementClass,part:"row"},o("slot",{key:"8442a29ca7d9551542956e955e140993fe3124fb"})))}get el(){return this}static get watchers(){return{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host([data-row-style=odd]) .spw-table-row{background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-row{position:relative}.spw-table-row--disabled{background:white}.spw-table-row--selected{background-color:var(--spw-color-themes-blue-blue-50);box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}@media (max-width: 767px){:host{display:block;margin:6px 0}.spw-table-row{display:flex;flex-direction:column;border:1px solid var(--spw-color-themes-grey-grey-300);border-radius:8px;background:white;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);overflow:hidden;padding:6px 0}.spw-table-row--selected{border-left:4px solid var(--spw-color-themes-blue-blue-500);background-color:var(--spw-color-themes-blue-blue-50);box-shadow:0 2px 6px rgba(0, 100, 200, 0.12)}.spw-table-row--disabled{opacity:0.6}:host([data-row-style=odd]) .spw-table-row{background-color:white}}'}},[257,"spw-table-row",{state:[1],padding:[1]},[[0,"slotchange","slotChanged"]],{state:[{onStateChange:0}],padding:[{onPaddingChange:0}]}]),s=a,r=function(){"undefined"!=typeof customElements&&["spw-table-row"].forEach((e=>{"spw-table-row"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{s as SpwTableRow,r as defineCustomElement}
package/dist/components/spw-table.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as t,c as s,h as i,a,t as o}from"./index.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwSort=s(this,"spwSort",7),this.spwResize=s(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing||!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const a=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<a.length;e++)if(a[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)||"true"===(null==e?void 0:e.getAttribute("disabled"))||""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const a=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),o=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!a||!o)return;const r=a.querySelector("spw-table-row"),n=null==r?void 0:r.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),d=o.querySelectorAll("spw-table-row"),h=Array.from(d).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)||"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===h.length)return;const c=h.every((e=>e.checked)),b=h.every((e=>!e.checked));l&&(c?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"),a=null==i?void 0:i.assignedElements({flatten:!0});if(!a)return;const o=a.find((e=>"spw-table-body"===e.tagName.toLowerCase()));o&&(o.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],a=null==i?void 0:i.querySelector("spw-checkbox");a&&!this.isCheckboxDisabled(a)&&(a.checked=e,a.setAttribute("checked",""+e))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort||this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i||i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i||i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector("slot:not([name])"),a=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!a)return;const o=Array.from(a.querySelectorAll("spw-table-row")),r=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===r)return;o.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[r],a=s.querySelectorAll("spw-table-cell")[r];if(!i||!a)return 0;const o=i.textContent.trim(),n=a.textContent.trim();return isNaN(Number(o))||isNaN(Number(n))?"asc"===t?o.localeCompare(n):n.localeCompare(o):"asc"===t?+o-+n:+n-+o})),o.forEach((e=>a.appendChild(e)));(null==a?void 0:a.updateZebraStyles)&&a.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":e+"px"}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,["spw-table--layout-"+this.tableLayout]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?this.currentHeight+"px":this.formatSize(this.maxHeight)}render(){return i(a,{key:"12584c3625b9facd5abffba26b0eade9faa8ba93",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"e9d6d64deb8ade90f397ce609b4d1e4089dd2880",class:this.containerClass},i("slot",{key:"ed9433fec5b38ad6a645948a0c19d84afc2a071c",name:"table-sidebar"}," "),i("div",{key:"0c2f9e14227bad0aadc3f39d0eae9c88ad18c967",class:"spw-table-wrapper"},i("table",{key:"071194492ed8e6a1175e033197bf0ff885eb80ec",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"5bd8f089dfc4e0328035128c70d1ac9ddb25363c"})))),this.resizable&&i("div",{key:"c7f466f3aec5473bdf317e951ec1d0b0d3a9c23e",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"fdd8823ea5d7d90911ebda729dc3dda4f84f795e",class:"spw-table-resize-handle__bar"})),i("slot",{key:"e4ce920fa90a5af09595d737d4f3d7ddba4b8eeb",name:"table-footer"}))}get el(){return this}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.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{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}'}},[257,"spw-table",{accAriaLabel:[1,"acc-aria-label"],isSticky:[4,"is-sticky"],maxHeight:[1,"max-height"],minWidth:[1,"min-width"],tableLayout:[1,"table-layout"],isZebra:[4,"is-zebra"],disableSort:[4,"disable-sort"],currentSort:[1040],resizable:[4],minHeight:[2,"min-height"],currentHeight:[32]},[[0,"spwHeaderClick","handleHeaderClick"]],{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}]),n=r,l=function(){"undefined"!=typeof customElements&&["spw-table"].forEach((e=>{"spw-table"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as SpwTable,l as defineCustomElement}
1
+ import{p as e,H as t,c as s,h as i,a,t as o}from"./index.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.spwSort=s(this,"spwSort",7),this.spwResize=s(this,"spwResize",7),this.isSticky=!1,this.minWidth="600",this.tableLayout="auto",this.isZebra=!1,this.disableSort=!1,this.resizable=!1,this.minHeight=200,this.isResizing=!1,this.startY=0,this.startHeight=0,this.handleResizeStart=e=>{var t;e.preventDefault(),this.isResizing=!0,this.startY=e.clientY;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".spw-table-wrapper");s&&(this.containerElement=s,this.startHeight=s.offsetHeight),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),document.body.style.cursor="ns-resize",document.body.style.userSelect="none"},this.handleMouseMove=e=>{if(!this.isResizing||!this.containerElement)return;const t=Math.max(this.minHeight,this.startHeight+(e.clientY-this.startY));this.currentHeight=t,this.spwResize.emit({height:t})},this.handleMouseUp=()=>{this.isResizing&&(this.isResizing=!1,this.cleanupResizeListeners(),document.body.style.cursor="",document.body.style.userSelect="")},this.checkboxChangeHandler=()=>this.updateMasterCheckboxState()}onCurrentSortChange(e){e&&this.updateHeadersSortState(e)}onIsStickyChange(){this.applyStickyToChildren()}componentDidLoad(){var e;this.updateZebra(),this.applyStickyToChildren();const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");t&&t.addEventListener("slotchange",(()=>{this.setupHeaderCheckboxListener(),this.updateMasterCheckboxState(),this.applyStickyToChildren()})),this.setupHeaderCheckboxListener(),this.setupBodyCheckboxListener(),this.setupTableBodyObserver(),this.setupHeaderObserver(),setTimeout((()=>{this.updateMasterCheckboxState()}),0),this.resizable&&this.maxHeight&&(this.currentHeight=parseInt(this.maxHeight,10))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.headerMutationObserver&&this.headerMutationObserver.disconnect(),this.cleanupResizeListeners()}cleanupResizeListeners(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}setupTableBodyObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&(this.mutationObserver=new MutationObserver((()=>{this.setupBodyCheckboxListener(),setTimeout((()=>{this.updateMasterCheckboxState()}),0)})),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","disabled"]}))}setupHeaderObserver(){const e=Array.from(this.el.children).find((e=>"spw-table-head"===e.tagName.toLowerCase()));e&&(this.headerMutationObserver=new MutationObserver((()=>{this.applyStickyToChildren()})),this.headerMutationObserver.observe(e,{childList:!0,subtree:!0}))}getMasterCheckboxColumnIndex(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(!t)return null;const s=t.assignedElements({flatten:!0}).find((e=>"spw-table-head"===e.tagName.toLowerCase()));if(!s)return null;const i=s.querySelector("spw-table-row");if(!i)return null;const a=Array.from(i.querySelectorAll("spw-table-header"));for(let e=0;e<a.length;e++)if(a[e].querySelector("spw-checkbox"))return e;return null}isCheckboxDisabled(e){return!0===(null==e?void 0:e.disabled)||"true"===(null==e?void 0:e.getAttribute("disabled"))||""===(null==e?void 0:e.getAttribute("disabled"))}updateMasterCheckboxState(){var e;const t=this.getMasterCheckboxColumnIndex();if(null===t)return;const s=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),i=null==s?void 0:s.assignedElements({flatten:!0});if(!i)return;const a=i.find((e=>"spw-table-head"===e.tagName.toLowerCase())),o=i.find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!a||!o)return;const r=a.querySelector("spw-table-row"),n=null==r?void 0:r.querySelectorAll("spw-table-header")[t],l=null==n?void 0:n.querySelector("spw-checkbox"),d=o.querySelectorAll("spw-table-row"),h=Array.from(d).map((e=>{const s=e.querySelectorAll("spw-table-cell")[t],i=null==s?void 0:s.querySelector("spw-checkbox");return{checked:!0===(null==i?void 0:i.checked)||"true"===(null==i?void 0:i.getAttribute("checked")),disabled:this.isCheckboxDisabled(i)}})).filter((e=>!e.disabled));if(0===h.length)return;const c=h.every((e=>e.checked)),b=h.every((e=>!e.checked));l&&(c?(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-check")):b?(l.checked=!1,l.setAttribute("checked","false"),l.setAttribute("icon","fa-check")):(l.checked=!0,l.setAttribute("checked","true"),l.setAttribute("icon","fa-minus")))}setupHeaderCheckboxListener(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"),s=null==t?void 0:t.assignedElements({flatten:!0});if(!s)return;const i=s.find((e=>"spw-table-head"===e.tagName.toLowerCase()));i&&i.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.addEventListener("spwChange",(e=>{this.toggleAllRowCheckboxes(e.detail)}))}))}))}setupBodyCheckboxListener(){const e=Array.from(this.el.children).find((e=>"spw-table-body"===e.tagName.toLowerCase()));e&&e.querySelectorAll("spw-table-row").forEach((e=>{e.querySelectorAll("spw-checkbox").forEach((e=>{e.removeEventListener("spwChange",this.checkboxChangeHandler),e.addEventListener("spwChange",this.checkboxChangeHandler)}))}))}toggleAllRowCheckboxes(e){var t;const s=this.getMasterCheckboxColumnIndex();if(null===s)return;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"),a=null==i?void 0:i.assignedElements({flatten:!0});if(!a)return;const o=a.find((e=>"spw-table-body"===e.tagName.toLowerCase()));o&&(o.querySelectorAll("spw-table-row").forEach((t=>{const i=Array.from(t.querySelectorAll("spw-table-cell"))[s],a=null==i?void 0:i.querySelector("spw-checkbox");a&&!this.isCheckboxDisabled(a)&&(a.checked=e,a.setAttribute("checked",""+e))})),setTimeout((()=>{this.updateMasterCheckboxState()}),0))}handleHeaderClick(e){const t=e.detail,s=this.currentSort,i={column:t,direction:(null==s?void 0:s.column)===t&&"asc"===s.direction?"desc":"asc"};this.currentSort=i,this.spwSort.emit(i),this.disableSort||this.sortRows(i.column,i.direction),this.updateHeadersSortState(i),this.updateZebra()}updateZebra(){const e=this.el.shadowRoot.querySelector("slot:not([name])");if(!e)return;const t=e.assignedElements({flatten:!0}).find((e=>"spw-table-body"===e.tagName.toLowerCase()));t&&(this.isZebra?t.setAttribute("is-zebra","true"):t.removeAttribute("is-zebra"),"function"==typeof t.updateZebraStyles&&t.updateZebraStyles())}applyStickyToChildren(){requestAnimationFrame((()=>{const e="--is-sticky",t=this.el.querySelectorAll("spw-table-header"),s=this.el.querySelectorAll("spw-table-cell"),i=this.el.querySelector("spw-table-footer");this.isSticky?(t.forEach((t=>t.classList.add(e))),null==i||i.classList.add(e)):(t.forEach((t=>t.classList.remove(e))),s.forEach((t=>t.classList.remove(e))),null==i||i.classList.remove(e))}))}sortRows(e,t){var s;const i=null===(s=this.el.shadowRoot)||void 0===s?void 0:s.querySelector("slot:not([name])"),a=null==i?void 0:i.assignedElements().find((e=>"spw-table-body"===e.tagName.toLowerCase()));if(!a)return;const o=Array.from(a.querySelectorAll("spw-table-row")),r=Array.from(this.el.querySelectorAll("spw-table-header")).findIndex((t=>t.columnId===e));if(-1===r)return;o.sort(((e,s)=>{const i=e.querySelectorAll("spw-table-cell")[r],a=s.querySelectorAll("spw-table-cell")[r];if(!i||!a)return 0;const o=i.textContent.trim(),n=a.textContent.trim();return isNaN(Number(o))||isNaN(Number(n))?"asc"===t?o.localeCompare(n):n.localeCompare(o):"asc"===t?+o-+n:+n-+o})),o.forEach((e=>a.appendChild(e)));(null==a?void 0:a.updateZebraStyles)&&a.updateZebraStyles()}updateHeadersSortState(e){this.el.querySelectorAll("spw-table-header").forEach((t=>{const s=t.columnId===e.column;t.isSorted=s,t.sortDirection=s?e.direction:void 0}))}formatSize(e){return null==e?"auto":e+"px"}get elementClass(){return{"spw-table":!0,"spw-table--is-sticky":this.isSticky,"spw-table--resizable":this.resizable,["spw-table--layout-"+this.tableLayout]:!0}}get containerClass(){return{"spw-table-container":!0,"spw-table-container--resizable":this.resizable}}getMaxHeight(){return this.resizable&&this.currentHeight?this.currentHeight+"px":this.formatSize(this.maxHeight)}render(){return i(a,{key:"12584c3625b9facd5abffba26b0eade9faa8ba93",style:{"--spw-table-max-height":this.getMaxHeight(),"--spw-table-min-width":this.formatSize(this.minWidth)}},i("div",{key:"e9d6d64deb8ade90f397ce609b4d1e4089dd2880",class:this.containerClass},i("slot",{key:"ed9433fec5b38ad6a645948a0c19d84afc2a071c",name:"table-sidebar"}," "),i("div",{key:"0c2f9e14227bad0aadc3f39d0eae9c88ad18c967",class:"spw-table-wrapper"},i("table",{key:"071194492ed8e6a1175e033197bf0ff885eb80ec",part:"table",class:this.elementClass,role:"table","aria-label":this.accAriaLabel},i("slot",{key:"5bd8f089dfc4e0328035128c70d1ac9ddb25363c"})))),this.resizable&&i("div",{key:"c7f466f3aec5473bdf317e951ec1d0b0d3a9c23e",class:"spw-table-resize-handle",onMouseDown:this.handleResizeStart,role:"separator","aria-orientation":"horizontal","aria-label":"Redimensionner le tableau"},i("div",{key:"fdd8823ea5d7d90911ebda729dc3dda4f84f795e",class:"spw-table-resize-handle__bar"})),i("slot",{key:"e4ce920fa90a5af09595d737d4f3d7ddba4b8eeb",name:"table-footer"}))}get el(){return this}static get watchers(){return{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}}static get style(){return'html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:block;position:relative;flex:1;min-width:0}.spw-table-container{display:flex;width:100%;max-height:var(--spw-table-max-height);outline:1px solid var(--spw-color-themes-grey-grey-300);outline-offset:-1px;position:relative;overflow:hidden}.spw-table-container--resizable{border-bottom-left-radius:0;border-bottom-right-radius:0}.spw-table-wrapper{flex:1;min-width:0;overflow-x:auto;overflow-y:auto}.spw-table-wrapper::-webkit-scrollbar{width:14px;height:14px}.spw-table-wrapper::-webkit-scrollbar-thumb{background:var(--spw-color-themes-grey-grey-400);border-radius:20px;border:4px solid var(--spw-ds-white)}.spw-table-wrapper::-webkit-scrollbar-track{background:var(--spw-ds-white)}.spw-table-wrapper{scrollbar-face-color:var(--spw-color-themes-grey-grey-400);scrollbar-track-color:var(--spw-ds-white)}.spw-table{width:100%;border-collapse:collapse;min-width:var(--spw-table-min-width);border-radius:4px;position:relative}.spw-table--layout-fixed{table-layout:fixed}.spw-table--layout-auto{table-layout:auto}@media (max-width: 767px){.spw-table{display:block;min-width:0;border-collapse:separate;border:none;outline:none;padding:6px 12px}}.spw-table-resize-handle{position:relative;height:12px;width:100%;cursor:ns-resize;display:flex;align-items:center;justify-content:center;background:var(--spw-color-themes-grey-grey-100);border:1px solid var(--spw-color-themes-grey-grey-300);border-top:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;transition:background-color 0.2s ease;user-select:none}.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{width:40px;height:3px;background:var(--spw-color-themes-grey-grey-400);border-radius:2px;pointer-events:none}.spw-table-resize-handle:hover .spw-table-resize-handle__bar{background:var(--spw-color-themes-grey-grey-500)}'}},[257,"spw-table",{accAriaLabel:[1,"acc-aria-label"],isSticky:[4,"is-sticky"],maxHeight:[1,"max-height"],minWidth:[1,"min-width"],tableLayout:[1,"table-layout"],isZebra:[4,"is-zebra"],disableSort:[4,"disable-sort"],currentSort:[1040],resizable:[4],minHeight:[2,"min-height"],currentHeight:[32]},[[0,"spwHeaderClick","handleHeaderClick"]],{currentSort:[{onCurrentSortChange:0}],isSticky:[{onIsStickyChange:0}]}]),n=r,l=function(){"undefined"!=typeof customElements&&["spw-table"].forEach((e=>{"spw-table"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as SpwTable,l as defineCustomElement}
package/dist/components_json.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2026-02-13T15:59:37",
2
+ "timestamp": "2026-02-16T10:12:13",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "4.42.0",
package/dist/esm/spw-table-body.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, a as getElement } from './index-zvPT2o70.js';
2
2
 
3
- const spwTableBodyCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}`;
3
+ const spwTableBodyCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}@media (max-width: 767px){tbody{display:block}}`;
4
4
 
5
5
  const SpwTableBody = class {
6
6
  constructor(hostRef) {
package/dist/esm/spw-table-cell.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, a as getElement } from './index-zvPT2o70.js';
2
2
 
3
- const spwTableCellCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}`;
3
+ const spwTableCellCss = () => `html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:"Nunito Sans"}body{margin:0}main{display:block}h1{font-size:2em;margin:0.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;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:-0.25em}sup{top:-0.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}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.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}template{display:none}[hidden]{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{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@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{display:contents}:host(.--selected) .spw-table-cell{background-color:var(--spw-color-themes-blue-blue-50)}@media (min-width: 768px){:host(.--selected) .spw-table-cell.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}}:host(.--disabled) .spw-table-cell--sticky,:host(.--disabled) .spw-table-cell{position:relative}:host(.--disabled) .spw-table-cell--sticky:before,:host(.--disabled) .spw-table-cell:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;background:var(--spw-ds-white);opacity:0.7;cursor:not-allowed;z-index:8}.spw-table-cell{border:1px solid var(--spw-color-themes-grey-grey-300);color:var(--spw-color-themes-grey-grey-800);font-size:14px;text-align:left;border-top:0}.spw-table-cell--is-highlighted{font-weight:700;background:var(--spw-color-themes-grey-grey-100)}.spw-table-cell--text-align-left{text-align:left}.spw-table-cell--text-align-center{text-align:center}.spw-table-cell--text-align-right{text-align:right}.spw-table-cell--vertical-align-top{vertical-align:top}.spw-table-cell--vertical-align-bottom{vertical-align:bottom}.spw-table-cell--vertical-align-middle{vertical-align:middle}.spw-table-cell--padding-small{padding:8px}.spw-table-cell--padding-medium{padding:16px}.spw-table-cell--disabled{opacity:0.3;pointer-events:none;cursor:not-allowed}.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:inset 3px 0 0 var(--spw-color-themes-blue-blue-500)}.spw-table-cell ::slotted(spw-checkbox){--spw-ds-checkbox-checked-color:#000}.spw-table-cell--sticky{position:sticky;background-color:var(--spw-color-themes-grey-grey-50)}.spw-table-cell--sticky::after{content:"";position:absolute;top:0;bottom:-1px;width:8px;pointer-events:none;transition:opacity 0.2s}.spw-table-cell--sticky-start::after{right:-8px;box-shadow:inset 8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky-end::after{left:-8px;box-shadow:inset -8px 0 8px -8px rgba(0, 0, 0, 0.15)}.spw-table-cell--sticky.spw-table-cell--selected{background-color:var(--spw-color-themes-blue-blue-50)}.spw-table-cell--sticky.spw-table-cell--is-highlighted{background-color:var(--spw-color-themes-grey-grey-100)}:host(.--selected) .spw-table-cell--sticky{background-color:var(--spw-color-themes-blue-blue-50)}@media (max-width: 767px){:host{display:block}.spw-table-cell{display:block;width:100%;border:none;border-bottom:1px solid var(--spw-color-themes-grey-grey-200);padding:6px 12px !important;text-align:left !important}.spw-table-cell:last-child{border-bottom:none}.spw-table-cell::before{content:attr(data-label);font-weight:700;color:var(--spw-color-themes-grey-grey-700);font-size:13px;text-align:left;padding-top:2px}.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--selected{background-color:transparent;box-shadow:none}.spw-table-cell--selected.spw-table-cell--first-in-row{box-shadow:none}.spw-table-cell--is-highlighted{background:transparent;font-weight:600}:host(.--selected) .spw-table-cell{background-color:transparent}.spw-table-cell--sticky{position:static;width:100%;background-color:transparent}.spw-table-cell--sticky::after{display:none}}`;
4
4
 
5
5
  const SpwTableCell = class {
6
6
  constructor(hostRef) {