smoothly 1.0.0-alpha.113 → 1.0.0-alpha.115

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 (77) hide show
  1. package/dist/cjs/{index-6ae370b4.js → index-43af753b.js} +1 -4
  2. package/dist/cjs/index-43af753b.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/smoothly-accordion_67.cjs.entry.js +5 -5
  5. package/dist/cjs/smoothly-accordion_67.cjs.entry.js.map +1 -1
  6. package/dist/cjs/smoothly-address-display.cjs.entry.js +1 -1
  7. package/dist/cjs/smoothly-address.cjs.entry.js +1 -1
  8. package/dist/cjs/smoothly-addresses.cjs.entry.js +1 -1
  9. package/dist/cjs/smoothly-color.cjs.entry.js +1 -1
  10. package/dist/cjs/smoothly-country.cjs.entry.js +1 -1
  11. package/dist/cjs/smoothly-display-date-time.cjs.entry.js +1 -1
  12. package/dist/cjs/smoothly-google-font.cjs.entry.js +1 -1
  13. package/dist/cjs/smoothly-radio-group.cjs.entry.js +1 -1
  14. package/dist/cjs/smoothly-reorder.cjs.entry.js +4 -4
  15. package/dist/cjs/smoothly-reorder.cjs.entry.js.map +1 -1
  16. package/dist/cjs/smoothly-trigger-sink.cjs.entry.js +1 -1
  17. package/dist/cjs/smoothly-trigger-source.cjs.entry.js +1 -1
  18. package/dist/cjs/smoothly.cjs.js +1 -1
  19. package/dist/collection/components/button/style.css +1 -0
  20. package/dist/collection/components/input/clear/style.css +1 -0
  21. package/dist/collection/components/submit/style.css +1 -0
  22. package/dist/collection/components/table/index.js +1 -1
  23. package/dist/collection/components/table/index.js.map +1 -1
  24. package/dist/custom-elements/index.js +4 -4
  25. package/dist/custom-elements/index.js.map +1 -1
  26. package/dist/esm/{index-c196715a.js → index-258984d3.js} +2 -4
  27. package/dist/esm/index-258984d3.js.map +1 -0
  28. package/dist/esm/loader.js +2 -2
  29. package/dist/esm/smoothly-accordion_67.entry.js +5 -5
  30. package/dist/esm/smoothly-accordion_67.entry.js.map +1 -1
  31. package/dist/esm/smoothly-address-display.entry.js +1 -1
  32. package/dist/esm/smoothly-address.entry.js +1 -1
  33. package/dist/esm/smoothly-addresses.entry.js +1 -1
  34. package/dist/esm/smoothly-color.entry.js +1 -1
  35. package/dist/esm/smoothly-country.entry.js +1 -1
  36. package/dist/esm/smoothly-display-date-time.entry.js +1 -1
  37. package/dist/esm/smoothly-google-font.entry.js +1 -1
  38. package/dist/esm/smoothly-radio-group.entry.js +1 -1
  39. package/dist/esm/smoothly-reorder.entry.js +2 -2
  40. package/dist/esm/smoothly-reorder.entry.js.map +1 -1
  41. package/dist/esm/smoothly-trigger-sink.entry.js +1 -1
  42. package/dist/esm/smoothly-trigger-source.entry.js +1 -1
  43. package/dist/esm/smoothly.js +2 -2
  44. package/dist/smoothly/p-10f80b32.entry.js +2 -0
  45. package/dist/smoothly/p-10f80b32.entry.js.map +1 -0
  46. package/dist/smoothly/{p-663ccbd0.entry.js → p-12182a73.entry.js} +2 -2
  47. package/dist/smoothly/{p-9992c8c4.entry.js → p-47151a53.entry.js} +2 -2
  48. package/dist/smoothly/{p-5edb65c6.entry.js → p-4c1bb81e.entry.js} +2 -2
  49. package/dist/smoothly/{p-d0b8061e.js → p-5e387578.js} +3 -3
  50. package/dist/smoothly/p-5e387578.js.map +1 -0
  51. package/dist/smoothly/{p-1efa3261.entry.js → p-66e9a8b1.entry.js} +2 -2
  52. package/dist/smoothly/{p-dbd1afa9.entry.js → p-6aebb818.entry.js} +2 -2
  53. package/dist/smoothly/{p-73442332.entry.js → p-6fad95bf.entry.js} +2 -2
  54. package/dist/smoothly/{p-4d743f07.entry.js → p-7bf147bf.entry.js} +2 -2
  55. package/dist/smoothly/{p-7d43f36c.entry.js → p-7ed2d3dd.entry.js} +2 -2
  56. package/dist/smoothly/p-b3eac6af.entry.js +2 -0
  57. package/dist/smoothly/{p-4ff439dd.entry.js.map → p-b3eac6af.entry.js.map} +1 -1
  58. package/dist/smoothly/{p-f96e41aa.entry.js → p-cb493516.entry.js} +2 -2
  59. package/dist/smoothly/{p-ce4e6f44.entry.js → p-eef1c80b.entry.js} +2 -2
  60. package/dist/smoothly/smoothly.esm.js +1 -1
  61. package/package.json +1 -1
  62. package/dist/cjs/index-6ae370b4.js.map +0 -1
  63. package/dist/esm/index-c196715a.js.map +0 -1
  64. package/dist/smoothly/p-4ff439dd.entry.js +0 -2
  65. package/dist/smoothly/p-d0b8061e.js.map +0 -1
  66. package/dist/smoothly/p-f85f09d3.entry.js +0 -2
  67. package/dist/smoothly/p-f85f09d3.entry.js.map +0 -1
  68. /package/dist/smoothly/{p-663ccbd0.entry.js.map → p-12182a73.entry.js.map} +0 -0
  69. /package/dist/smoothly/{p-9992c8c4.entry.js.map → p-47151a53.entry.js.map} +0 -0
  70. /package/dist/smoothly/{p-5edb65c6.entry.js.map → p-4c1bb81e.entry.js.map} +0 -0
  71. /package/dist/smoothly/{p-1efa3261.entry.js.map → p-66e9a8b1.entry.js.map} +0 -0
  72. /package/dist/smoothly/{p-dbd1afa9.entry.js.map → p-6aebb818.entry.js.map} +0 -0
  73. /package/dist/smoothly/{p-73442332.entry.js.map → p-6fad95bf.entry.js.map} +0 -0
  74. /package/dist/smoothly/{p-4d743f07.entry.js.map → p-7bf147bf.entry.js.map} +0 -0
  75. /package/dist/smoothly/{p-7d43f36c.entry.js.map → p-7ed2d3dd.entry.js.map} +0 -0
  76. /package/dist/smoothly/{p-f96e41aa.entry.js.map → p-cb493516.entry.js.map} +0 -0
  77. /package/dist/smoothly/{p-ce4e6f44.entry.js.map → p-eef1c80b.entry.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = ".sc-smoothly-address-display-h{display:block;width:30%}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = ".sc-smoothly-address-h{display:flex;justify-content:space-evenly}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = ".sc-smoothly-addresses-h{display:flex;justify-content:space-around}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = "[color=default].sc-smoothly-color{--smoothly-color:var(--smoothly-default-color);--smoothly-color-contrast:var(--smoothly-default-contrast);--smoothly-color-shade:var(--smoothly-default-shade);--smoothly-color-tint:var(--smoothly-default-tint)}[color=primary].sc-smoothly-color{--smoothly-color:var(--smoothly-primary-color);--smoothly-color-contrast:var(--smoothly-primary-contrast);--smoothly-color-shade:var(--smoothly-primary-shade);--smoothly-color-tint:var(--smoothly-primary-tint)}[color=secondary].sc-smoothly-color{--smoothly-color:var(--smoothly-secondary-color);--smoothly-color-contrast:var(--smoothly-secondary-contrast);--smoothly-color-shade:var(--smoothly-secondary-shade);--smoothly-color-tint:var(--smoothly-secondary-tint)}[color=tertiary].sc-smoothly-color{--smoothly-color:var(--smoothly-tertiary-color);--smoothly-color-contrast:var(--smoothly-tertiary-contrast);--smoothly-color-shade:var(--smoothly-tertiary-shade);--smoothly-color-tint:var(--smoothly-tertiary-tint)}[color=success].sc-smoothly-color{--smoothly-color:var(--smoothly-success-color);--smoothly-color-contrast:var(--smoothly-success-color);--smoothly-color-shade:var(--smoothly-success-shade);--smoothly-color-tint:var(--smoothly-success-tint)}[color=warning].sc-smoothly-color{--smoothly-color:var(--smoothly-warning-color);--smoothly-color-contrast:var(--smoothly-warning-contrast);--smoothly-color-shade:var(--smoothly-warning-shade);--smoothly-color-tint:var(--smoothly-warning-tint)}[color=danger].sc-smoothly-color{--smoothly-color:var(--smoothly-danger-color);--smoothly-color-contrast:var(--smoothly-danger-contrast);--smoothly-color-shade:var(--smoothly-danger-shade);--smoothly-color-tint:var(--smoothly-danger-tint)}[color=light].sc-smoothly-color{--smoothly-color:var(--smoothly-light-color);--smoothly-color-contrast:var(--smoothly-light-contrast);--smoothly-color-shade:var(--smoothly-light-shade);--smoothly-color-tint:var(--smoothly-light-tint)}[color=medium].sc-smoothly-color{--smoothly-color:var(--smoothly-medium-color);--smoothly-color-contrast:var(--smoothly-medium-contrast);--smoothly-color-shade:var(--smoothly-medium-shade);--smoothly-color-tint:var(--smoothly-medium-tint)}[color=dark].sc-smoothly-color{--smoothly-color:var(--smoothly-dark-color);--smoothly-color-contrast:var(--smoothly-dark-contrast);--smoothly-color-shade:var(--smoothly-dark-shade);--smoothly-color-tint:var(--smoothly-dark-tint)}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-c196715a.js';
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-258984d3.js';
2
2
  import { A as Alpha2, g as getLanguage } from './getLanguage-70d29a7b.js';
3
3
 
4
4
  function from$K(country) {
@@ -1,4 +1,4 @@
1
- import { r as registerInstance } from './index-c196715a.js';
1
+ import { r as registerInstance } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = ".sc-smoothly-display-date-time-h{display:block}[hidden].sc-smoothly-display-date-time-h{display:none}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
  import { G as GoogleFont } from './GoogleFont-8474516b.js';
3
3
 
4
4
  const SmoothlyGoogleFont = class {
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = "smoothly-radio-group{display:flex;position:relative;color:none !important;background:none !important;margin:0.5em 0}smoothly-radio-group[hidden]{display:none}smoothly-radio-group[orientation=vertical] *:not(:first-of-type)>input[type=radio]~label{border-top:none}smoothly-radio-group:not([orientation=vertical]) *:not(:first-of-type)>input[type=radio]~label{border-left:none}smoothly-radio-group[orientation=vertical]{flex-direction:column}smoothly-radio-group[orientation=vertical] :first-of-type>input[type=radio]~label{border-radius:4px 4px 0 0}smoothly-radio-group[orientation=vertical] :last-of-type>input[type=radio]~label{border-radius:0 0 4px 4px}smoothly-radio-group:not([orientation=vertical]){flex-direction:row}smoothly-radio-group:not([orientation=vertical]) :first-of-type>input[type=radio]~label{border-radius:4px 0 0 4px}smoothly-radio-group:not([orientation=vertical]) :last-of-type>input[type=radio]~label{border-radius:0 4px 4px 0}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, a as H, g as getElement } from './index-c196715a.js';
1
+ import { r as registerInstance, c as createEvent, g as getElement } from './index-258984d3.js';
2
2
 
3
3
  const styleCss = "smoothly-reorder>*{cursor:move;transition:transform 0.3s}smoothly-reorder>*.dragging{transition:none;box-shadow:0 0 10px rgba(var(--smoothly-dark-color));z-index:1;user-select:none}";
4
4
 
@@ -14,7 +14,7 @@ const SmoothlyReorder = class {
14
14
  else {
15
15
  for (let index = 0; index < this.element.children.length; index++) {
16
16
  const element = this.element.children[index];
17
- if (element instanceof H) {
17
+ if (element instanceof HTMLElement) {
18
18
  const bounds = element.getBoundingClientRect();
19
19
  result.push({
20
20
  top: bounds.top,
@@ -1 +1 @@
1
- {"file":"smoothly-reorder.entry.js","mappings":"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","names":["HTMLElement"],"sources":["./src/components/reorder/style.css?tag=smoothly-reorder","./src/components/reorder/index.tsx"],"sourcesContent":["smoothly-reorder > * {\n\tcursor: move;\n\ttransition: transform 0.3s;\n}\nsmoothly-reorder > *.dragging {\n\ttransition: none;\n\tbox-shadow: 0 0 10px rgba(var(--smoothly-dark-color));\n\tz-index: 1;\n\tuser-select: none;\n}\n","import { Component, Element, Event, EventEmitter } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-reorder\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyReorder {\n\t@Event() reorder: EventEmitter<[number, number]>\n\t@Element() element: HTMLSmoothlyReorderElement\n\tprivate bounds?: DOMRect\n\tprivate childrenCache?: Draggable[]\n\tprivate get children(): Draggable[] {\n\t\tlet result: Draggable[] = []\n\t\tif (this.childrenCache)\n\t\t\tresult = this.childrenCache\n\t\telse {\n\t\t\tfor (let index = 0; index < this.element.children.length; index++) {\n\t\t\t\tconst element = this.element.children[index]\n\t\t\t\tif (element instanceof HTMLElement) {\n\t\t\t\t\tconst bounds = element.getBoundingClientRect()\n\t\t\t\t\tresult.push({\n\t\t\t\t\t\ttop: bounds.top,\n\t\t\t\t\t\tmiddle: bounds.top + bounds.height / 2,\n\t\t\t\t\t\tbottom: bounds.bottom,\n\t\t\t\t\t\telement: element,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.childrenCache = result\n\t\t}\n\t\treturn result\n\t}\n\tprivate dragged?: Dragged\n\tprivate move?: { from: number; to: number }\n\n\tprivate onMouseDown(event: MouseEvent) {\n\t\tif (!this.move && this.element.children.length > 1) {\n\t\t\tthis.bounds = this.element.getBoundingClientRect()\n\t\t\tthis.childrenCache = undefined\n\t\t\tconst index = this.getCurrentIndex(event.clientY)\n\t\t\tthis.dragged = {\n\t\t\t\t...this.children[index],\n\t\t\t\tstartY: event.clientY,\n\t\t\t\toffsetY: event.clientY - this.children[index].middle,\n\t\t\t\tindex,\n\t\t\t\theight:\n\t\t\t\t\tindex < this.children.length - 1\n\t\t\t\t\t\t? this.children[index + 1].top - this.children[index].top\n\t\t\t\t\t\t: this.children[index].bottom - this.children[index - 1].bottom,\n\t\t\t}\n\t\t\tthis.dragged.element.className += \" dragging\"\n\t\t}\n\t}\n\n\tprivate onMouseMove(event: MouseEvent) {\n\t\tif (this.dragged && this.bounds && event.clientY >= this.bounds.top && event.clientY <= this.bounds.bottom) {\n\t\t\tconst currentIndex = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, currentIndex, event.clientY - this.dragged.startY)\n\t\t}\n\t}\n\n\tprivate onMouseUp(event: MouseEvent) {\n\t\tif (this.dragged) {\n\t\t\tthis.dragged.element.className = this.dragged.element.className.replace(\" dragging\", \"\")\n\t\t\tconst index = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, index, this.children[index].top - this.dragged.top)\n\t\t\tthis.move = { from: this.dragged.index, to: index }\n\t\t\tthis.dragged = undefined\n\n\t\t\twindow.setTimeout(() => {\n\t\t\t\tif (this.move) {\n\t\t\t\t\tconst children = [...this.children.map(c => c.element)]\n\t\t\t\t\tconst e = children.splice(this.move.from, 1)\n\t\t\t\t\tchildren.splice(this.move.to, 0, ...e)\n\t\t\t\t\tchildren.forEach(child => this.element.removeChild(child))\n\t\t\t\t\tchildren.forEach(child => {\n\t\t\t\t\t\tchild.style.transform = \"\"\n\t\t\t\t\t\tthis.element.appendChild(child)\n\t\t\t\t\t})\n\t\t\t\t\tthis.reorder.emit([this.move.from, this.move.to])\n\t\t\t\t\tthis.move = undefined\n\t\t\t\t}\n\t\t\t}, 500)\n\t\t}\n\t}\n\n\tprivate translate(fromIndex: number, toIndex: number, y: number) {\n\t\tfor (let index = 0; index < this.children.length; index++) {\n\t\t\tlet value: number\n\t\t\tif (this.dragged) {\n\t\t\t\tif (fromIndex < toIndex && index > fromIndex && index <= toIndex)\n\t\t\t\t\tvalue = -this.dragged.height\n\t\t\t\telse if (fromIndex > toIndex && index < fromIndex && index >= toIndex)\n\t\t\t\t\tvalue = this.dragged.height\n\t\t\t\telse\n\t\t\t\t\tvalue = index == fromIndex ? y : 0\n\n\t\t\t\tthis.children[index].element.style.transform = `translateY(${value}px)`\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate getCurrentIndex(y: number): number {\n\t\treturn this.children.findIndex(c => y < c.bottom)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.element.childNodes.forEach(child => {\n\t\t\tchild.addEventListener(\"mousedown\", (e: MouseEvent) => this.onMouseDown(e))\n\t\t\tchild.addEventListener(\"mousemove\", (e: MouseEvent) => this.onMouseMove(e))\n\t\t\tchild.addEventListener(\"mouseup\", (e: MouseEvent) => this.onMouseUp(e))\n\t\t})\n\t}\n}\n"],"version":3}
1
+ {"file":"smoothly-reorder.entry.js","mappings":"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","names":[],"sources":["./src/components/reorder/style.css?tag=smoothly-reorder","./src/components/reorder/index.tsx"],"sourcesContent":["smoothly-reorder > * {\n\tcursor: move;\n\ttransition: transform 0.3s;\n}\nsmoothly-reorder > *.dragging {\n\ttransition: none;\n\tbox-shadow: 0 0 10px rgba(var(--smoothly-dark-color));\n\tz-index: 1;\n\tuser-select: none;\n}\n","import { Component, Element, Event, EventEmitter } from \"@stencil/core\"\n\n@Component({\n\ttag: \"smoothly-reorder\",\n\tstyleUrl: \"style.css\",\n})\nexport class SmoothlyReorder {\n\t@Event() reorder: EventEmitter<[number, number]>\n\t@Element() element: HTMLSmoothlyReorderElement\n\tprivate bounds?: DOMRect\n\tprivate childrenCache?: Draggable[]\n\tprivate get children(): Draggable[] {\n\t\tlet result: Draggable[] = []\n\t\tif (this.childrenCache)\n\t\t\tresult = this.childrenCache\n\t\telse {\n\t\t\tfor (let index = 0; index < this.element.children.length; index++) {\n\t\t\t\tconst element = this.element.children[index]\n\t\t\t\tif (element instanceof HTMLElement) {\n\t\t\t\t\tconst bounds = element.getBoundingClientRect()\n\t\t\t\t\tresult.push({\n\t\t\t\t\t\ttop: bounds.top,\n\t\t\t\t\t\tmiddle: bounds.top + bounds.height / 2,\n\t\t\t\t\t\tbottom: bounds.bottom,\n\t\t\t\t\t\telement: element,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t}\n\t\t\tthis.childrenCache = result\n\t\t}\n\t\treturn result\n\t}\n\tprivate dragged?: Dragged\n\tprivate move?: { from: number; to: number }\n\n\tprivate onMouseDown(event: MouseEvent) {\n\t\tif (!this.move && this.element.children.length > 1) {\n\t\t\tthis.bounds = this.element.getBoundingClientRect()\n\t\t\tthis.childrenCache = undefined\n\t\t\tconst index = this.getCurrentIndex(event.clientY)\n\t\t\tthis.dragged = {\n\t\t\t\t...this.children[index],\n\t\t\t\tstartY: event.clientY,\n\t\t\t\toffsetY: event.clientY - this.children[index].middle,\n\t\t\t\tindex,\n\t\t\t\theight:\n\t\t\t\t\tindex < this.children.length - 1\n\t\t\t\t\t\t? this.children[index + 1].top - this.children[index].top\n\t\t\t\t\t\t: this.children[index].bottom - this.children[index - 1].bottom,\n\t\t\t}\n\t\t\tthis.dragged.element.className += \" dragging\"\n\t\t}\n\t}\n\n\tprivate onMouseMove(event: MouseEvent) {\n\t\tif (this.dragged && this.bounds && event.clientY >= this.bounds.top && event.clientY <= this.bounds.bottom) {\n\t\t\tconst currentIndex = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, currentIndex, event.clientY - this.dragged.startY)\n\t\t}\n\t}\n\n\tprivate onMouseUp(event: MouseEvent) {\n\t\tif (this.dragged) {\n\t\t\tthis.dragged.element.className = this.dragged.element.className.replace(\" dragging\", \"\")\n\t\t\tconst index = this.getCurrentIndex(event.clientY - this.dragged.offsetY)\n\t\t\tthis.translate(this.dragged.index, index, this.children[index].top - this.dragged.top)\n\t\t\tthis.move = { from: this.dragged.index, to: index }\n\t\t\tthis.dragged = undefined\n\n\t\t\twindow.setTimeout(() => {\n\t\t\t\tif (this.move) {\n\t\t\t\t\tconst children = [...this.children.map(c => c.element)]\n\t\t\t\t\tconst e = children.splice(this.move.from, 1)\n\t\t\t\t\tchildren.splice(this.move.to, 0, ...e)\n\t\t\t\t\tchildren.forEach(child => this.element.removeChild(child))\n\t\t\t\t\tchildren.forEach(child => {\n\t\t\t\t\t\tchild.style.transform = \"\"\n\t\t\t\t\t\tthis.element.appendChild(child)\n\t\t\t\t\t})\n\t\t\t\t\tthis.reorder.emit([this.move.from, this.move.to])\n\t\t\t\t\tthis.move = undefined\n\t\t\t\t}\n\t\t\t}, 500)\n\t\t}\n\t}\n\n\tprivate translate(fromIndex: number, toIndex: number, y: number) {\n\t\tfor (let index = 0; index < this.children.length; index++) {\n\t\t\tlet value: number\n\t\t\tif (this.dragged) {\n\t\t\t\tif (fromIndex < toIndex && index > fromIndex && index <= toIndex)\n\t\t\t\t\tvalue = -this.dragged.height\n\t\t\t\telse if (fromIndex > toIndex && index < fromIndex && index >= toIndex)\n\t\t\t\t\tvalue = this.dragged.height\n\t\t\t\telse\n\t\t\t\t\tvalue = index == fromIndex ? y : 0\n\n\t\t\t\tthis.children[index].element.style.transform = `translateY(${value}px)`\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate getCurrentIndex(y: number): number {\n\t\treturn this.children.findIndex(c => y < c.bottom)\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.element.childNodes.forEach(child => {\n\t\t\tchild.addEventListener(\"mousedown\", (e: MouseEvent) => this.onMouseDown(e))\n\t\t\tchild.addEventListener(\"mousemove\", (e: MouseEvent) => this.onMouseMove(e))\n\t\t\tchild.addEventListener(\"mouseup\", (e: MouseEvent) => this.onMouseUp(e))\n\t\t})\n\t}\n}\n"],"version":3}
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-c196715a.js';
1
+ import { r as registerInstance, h } from './index-258984d3.js';
2
2
  import { T as Trigger, M as Message } from './Data-37e7c0b9.js';
3
3
  import './GoogleFont-8474516b.js';
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c196715a.js';
1
+ import { r as registerInstance, c as createEvent, h, g as getElement } from './index-258984d3.js';
2
2
  import { M as Message, T as Trigger } from './Data-37e7c0b9.js';
3
3
  import './GoogleFont-8474516b.js';
4
4
 
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-c196715a.js';
2
- export { s as setNonce } from './index-c196715a.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-258984d3.js';
2
+ export { s as setNonce } from './index-258984d3.js';
3
3
  import './Observers-5f08e828.js';
4
4
 
5
5
  /*