smoothly 1.2.1-alpha.17 → 1.2.1-alpha.19

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 (49) hide show
  1. package/dist/cjs/smoothly-app_106.cjs.entry.js +5 -3
  2. package/dist/cjs/smoothly-app_106.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/next/table/expandable/cell/style.css +0 -1
  4. package/dist/collection/components/next/table/expandable/row/style.css +0 -1
  5. package/dist/collection/components/next/table/group/index.js +20 -1
  6. package/dist/collection/components/next/table/group/index.js.map +1 -1
  7. package/dist/components/p-0b5ca4eb.js +48 -0
  8. package/dist/components/p-0b5ca4eb.js.map +1 -0
  9. package/dist/components/{p-173056af.js → p-155b35db.js} +3 -3
  10. package/dist/components/{p-173056af.js.map → p-155b35db.js.map} +1 -1
  11. package/dist/components/{p-1ba6abb4.js → p-2b3e3dd5.js} +2 -2
  12. package/dist/components/{p-1ba6abb4.js.map → p-2b3e3dd5.js.map} +1 -1
  13. package/dist/components/{p-74ae0205.js → p-4768de31.js} +10 -10
  14. package/dist/components/{p-74ae0205.js.map → p-4768de31.js.map} +1 -1
  15. package/dist/components/{p-d44ea360.js → p-5622b982.js} +4 -4
  16. package/dist/components/{p-d44ea360.js.map → p-5622b982.js.map} +1 -1
  17. package/dist/components/{p-816007ea.js → p-66556e0d.js} +5 -3
  18. package/dist/components/{p-816007ea.js.map → p-66556e0d.js.map} +1 -1
  19. package/dist/components/{p-b3a0b43f.js → p-8a34ee77.js} +3 -3
  20. package/dist/components/{p-b3a0b43f.js.map → p-8a34ee77.js.map} +1 -1
  21. package/dist/components/{p-4ecb68e6.js → p-8bd61cb0.js} +2 -2
  22. package/dist/components/{p-4ecb68e6.js.map → p-8bd61cb0.js.map} +1 -1
  23. package/dist/components/{p-86ac996e.js → p-e55d0b9e.js} +2 -2
  24. package/dist/components/p-e55d0b9e.js.map +1 -0
  25. package/dist/components/{p-f55a1ddf.js → p-f0e6efc9.js} +2 -2
  26. package/dist/components/{p-f55a1ddf.js.map → p-f0e6efc9.js.map} +1 -1
  27. package/dist/components/smoothly-app-demo.js +10 -10
  28. package/dist/components/smoothly-next-demo-colspan.js +1 -1
  29. package/dist/components/smoothly-next-demo-group.js +1 -1
  30. package/dist/components/smoothly-next-demo-nested-inner.js +1 -1
  31. package/dist/components/smoothly-next-demo-nested.js +1 -1
  32. package/dist/components/smoothly-next-demo-simple.js +1 -1
  33. package/dist/components/smoothly-next-demo.js +1 -1
  34. package/dist/components/smoothly-next-table-demo-filtered.js +1 -1
  35. package/dist/components/smoothly-next-table-expandable-cell.js +1 -1
  36. package/dist/components/smoothly-next-table-expandable-row.js +1 -1
  37. package/dist/components/smoothly-next-table-row-group.js +1 -1
  38. package/dist/esm/smoothly-app_106.entry.js +5 -3
  39. package/dist/esm/smoothly-app_106.entry.js.map +1 -1
  40. package/dist/smoothly/{p-b46749bb.entry.js → p-7712f01b.entry.js} +2 -2
  41. package/dist/smoothly/p-7712f01b.entry.js.map +1 -0
  42. package/dist/smoothly/smoothly.esm.js +1 -1
  43. package/dist/types/components/next/table/group/index.d.ts +2 -1
  44. package/dist/types/components.d.ts +16 -0
  45. package/package.json +1 -1
  46. package/dist/components/p-67fe0610.js +0 -48
  47. package/dist/components/p-67fe0610.js.map +0 -1
  48. package/dist/components/p-86ac996e.js.map +0 -1
  49. package/dist/smoothly/p-b46749bb.entry.js.map +0 -1
@@ -11981,7 +11981,7 @@ const names$1 = {
11981
11981
  };
11982
11982
  TableDemoFiltered$1.style = SmoothlyNextTableDemoFilteredStyle0;
11983
11983
 
11984
- const styleCss$x = ".sc-smoothly-next-table-expandable-cell-h{display:contents}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;box-sizing:border-box;align-items:center;white-space:nowrap;position:relative}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{rotate:45deg}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative;z-index:0}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-next-table-expandable-cell{display:none}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
11984
+ const styleCss$x = ".sc-smoothly-next-table-expandable-cell-h{display:contents}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{grid-column:span var(--smoothly-table-cell-span, 1);display:flex;box-sizing:border-box;align-items:center;white-space:nowrap;position:relative}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell::before{rotate:45deg}.sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell:hover{background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground));stroke:rgb(var(--smoothly-table-hover-foreground));fill:rgb(var(--smoothly-table-hover-foreground))}.sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell:first-child{cursor:pointer}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell{grid-column:1/-1;grid-row:2;position:relative}[open].sc-smoothly-next-table-expandable-cell-h>div.content.sc-smoothly-next-table-expandable-cell{box-shadow:1px 1px 1px -1px rgb(var(--smoothly-table-border)) inset, -3px -1px 1px -3px rgb(var(--smoothly-table-border)) inset}[open].sc-smoothly-next-table-expandable-cell-h>div.sc-smoothly-next-table-expandable-cell{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));stroke:rgb(var(--smoothly-table-expanded-foreground));fill:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-cell-h:not([open])>div.detail.sc-smoothly-next-table-expandable-cell{display:none}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-cell-h>div.detail.sc-smoothly-next-table-expandable-cell::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
11985
11985
  const SmoothlyNextTableExpandableCellStyle0 = styleCss$x;
11986
11986
 
11987
11987
  const SmoothlyNextTableExpandableCell = class {
@@ -12014,7 +12014,7 @@ const SmoothlyNextTableExpandableCell = class {
12014
12014
  };
12015
12015
  SmoothlyNextTableExpandableCell.style = SmoothlyNextTableExpandableCellStyle0;
12016
12016
 
12017
- const styleCss$w = ".sc-smoothly-next-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>*{cursor:pointer;z-index:0}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-next-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
12017
+ const styleCss$w = ".sc-smoothly-next-table-expandable-row-h{grid-column:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:auto 0fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h.sc-smoothly-next-table-expandable-row-s>*{cursor:pointer}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:not(:last-child){background-color:rgb(var(--smoothly-table-hover-background));color:rgb(var(--smoothly-table-hover-foreground))}[open].sc-smoothly-next-table-expandable-row-h{background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground));grid-template-rows:auto 1fr;box-shadow:0px 1px 1px -1px rgb(var(--smoothly-table-border)), 0px 0px 1px rgb(var(--smoothly-table-border)) inset;grid-template-rows:0fr 1fr}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{grid-column:1/-1;cursor:default;position:relative;overflow:hidden;background-color:rgb(var(--smoothly-table-expanded-background));color:rgb(var(--smoothly-table-expanded-foreground))}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child){position:relative}.sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{content:\"\";display:flex;position:absolute;top:50%;translate:0 -50%;height:0.4em;width:0.4em;left:0.3em;border-bottom:1px solid rgb(var(--smoothly-table-foreground));border-right:1px solid rgb(var(--smoothly-table-foreground));transition:rotate 200ms ease-in-out;rotate:-45deg;opacity:0.3}.sc-smoothly-next-table-expandable-row-h:has(>.sc-smoothly-next-table-expandable-row:not(:last-child):hover)>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{border-bottom:1px solid rgb(var(--smoothly-table-hover-foreground));border-right:1px solid rgb(var(--smoothly-table-hover-foreground));opacity:1}[open].sc-smoothly-next-table-expandable-row-h>.sc-smoothly-next-table-expandable-row:first-child:not(:last-child)::before{rotate:45deg}[open].sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child{overflow:visible;padding:0.3rem 1.1rem}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::before{content:\"\";position:absolute;display:flex;box-sizing:border-box;top:0;bottom:0;left:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));border-left:0.3em solid rgb(var(--smoothly-table-detail-border, var(--smoothly-table-border)));box-shadow:2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}.sc-smoothly-next-table-expandable-row-h>div.sc-smoothly-next-table-expandable-row:last-child::after{content:\"\";position:absolute;display:flex;top:0;bottom:0;right:-1em;width:1em;background-color:rgb(var(--smoothly-table-expanded-background));box-shadow:-2px 0px 0px 0px rgb(var(--smoothly-table-expanded-background)), 0px 0px 1px 0px rgb(var(--smoothly-table-border))}";
12018
12018
  const SmoothlyNextTableExpandableRowStyle0 = styleCss$w;
12019
12019
 
12020
12020
  const SmoothlyNextTableExpandableRow = class {
@@ -12112,14 +12112,16 @@ const SmoothlyNextTableRowGroupStyle0 = styleCss$s;
12112
12112
  const SmoothlyNextTableRowGroup = class {
12113
12113
  constructor(hostRef) {
12114
12114
  index.registerInstance(this, hostRef);
12115
+ this.smoothlyNextTableRowGroupChange = index.createEvent(this, "smoothlyNextTableRowGroupChange", 7);
12115
12116
  this.align = false;
12116
12117
  this.open = false;
12117
12118
  }
12118
12119
  clickHandler() {
12119
12120
  this.open = !this.open;
12121
+ this.smoothlyNextTableRowGroupChange.emit(this.open);
12120
12122
  }
12121
12123
  render() {
12122
- return (index.h(index.Host, { key: '7b8bf0d650b30c77e465110322618cd4b7ccfaac' }, index.h("div", { key: 'f1ff52b8f2263c2402cda3ee65b1e714cd7bef53', onClick: () => this.clickHandler() }, index.h("div", { key: '68a7c8121d742a6926076f44c0940db08301be3e' }, index.h("slot", { key: '49fa99c6dd54cd9aae0bbda92ae42ebc99ba4bfd', name: "start" })), index.h("div", { key: '8360e32514ab46ee90cfa620a60a7887ec430386' }, index.h("slot", { key: '7f14fad4b7a86240bac27278002b64816d9346a9', name: "end" }))), index.h("div", { key: '723a1b607e356bd6df4531f4ed51a7606a42c11c' }, index.h("slot", { key: 'fead0c12aace8f70dec6736ae93b1b0e53d8c929' }))));
12124
+ return (index.h(index.Host, { key: '79a96cccc913843258e1a8ee21910ba95cb79212' }, index.h("div", { key: '91a971d8238bfde412c8d8fe161a70514680ba25', onClick: () => this.clickHandler() }, index.h("div", { key: '3247efaee6e511f2c96dbb5d95cd03b468d5ab93' }, index.h("slot", { key: '819a1490404d4631f42015eb001f30d5a1bbf91f', name: "start" })), index.h("div", { key: '77c0162725c19951cf70ba63c30657b23dd12401' }, index.h("slot", { key: '73fcae48cf88db6aaef0ee80875aa0cce91bced9', name: "end" }))), index.h("div", { key: '0af8689e2e3ed4a26f9925edc82bf557212ed18f' }, index.h("slot", { key: '5c8edd8ff22f5d48d70ce1e37e54c76ef2567746' }))));
12123
12125
  }
12124
12126
  };
12125
12127
  SmoothlyNextTableRowGroup.style = SmoothlyNextTableRowGroupStyle0;