legalesign-document-viewer 0.0.7

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 (184) hide show
  1. package/LICENSE +21 -0
  2. package/dist/components/index.d.ts +33 -0
  3. package/dist/components/ls-document-options.d.ts +11 -0
  4. package/dist/components/ls-document-viewer.d.ts +11 -0
  5. package/dist/components/ls-editor-field.d.ts +11 -0
  6. package/dist/components/ls-editor-table.d.ts +11 -0
  7. package/dist/components/ls-feature-column.d.ts +11 -0
  8. package/dist/components/ls-field-alignment.d.ts +11 -0
  9. package/dist/components/ls-field-dimensions.d.ts +11 -0
  10. package/dist/components/ls-field-distribute.d.ts +11 -0
  11. package/dist/components/ls-field-format.d.ts +11 -0
  12. package/dist/components/ls-field-properties-date.d.ts +11 -0
  13. package/dist/components/ls-field-properties-general.d.ts +11 -0
  14. package/dist/components/ls-field-properties-multiple.d.ts +11 -0
  15. package/dist/components/ls-field-properties-number.d.ts +11 -0
  16. package/dist/components/ls-field-properties-signature.d.ts +11 -0
  17. package/dist/components/ls-field-properties-text.d.ts +11 -0
  18. package/dist/components/ls-field-properties.d.ts +11 -0
  19. package/dist/components/ls-field-size.d.ts +11 -0
  20. package/dist/components/ls-formfield.d.ts +11 -0
  21. package/dist/components/ls-icon.d.ts +11 -0
  22. package/dist/components/ls-number-input.d.ts +11 -0
  23. package/dist/components/ls-participant-manager.d.ts +11 -0
  24. package/dist/components/ls-participant-select.d.ts +11 -0
  25. package/dist/components/ls-radio-input.d.ts +11 -0
  26. package/dist/components/ls-select-input.d.ts +11 -0
  27. package/dist/components/ls-statusbar.d.ts +11 -0
  28. package/dist/components/ls-text-input.d.ts +11 -0
  29. package/dist/components/ls-textarea-input.d.ts +11 -0
  30. package/dist/components/ls-toolbar.d.ts +11 -0
  31. package/dist/components/ls-toolbox-field.d.ts +11 -0
  32. package/dist/ls-document-viewer/clsx-ChV9xqsO.js +6 -0
  33. package/dist/ls-document-viewer/clsx-ChV9xqsO.js.map +1 -0
  34. package/dist/ls-document-viewer/editorUtils-CFWWEWrJ.js +163 -0
  35. package/dist/ls-document-viewer/editorUtils-CFWWEWrJ.js.map +1 -0
  36. package/dist/ls-document-viewer/index-Cjn1MNt-.js +4334 -0
  37. package/dist/ls-document-viewer/index-Cjn1MNt-.js.map +1 -0
  38. package/dist/ls-document-viewer/index.esm.js +18 -0
  39. package/dist/ls-document-viewer/index.esm.js.map +1 -0
  40. package/dist/ls-document-viewer/loader.esm.js.map +1 -0
  41. package/dist/ls-document-viewer/ls-document-options.entry.esm.js.map +1 -0
  42. package/dist/ls-document-viewer/ls-document-options.entry.js +29 -0
  43. package/dist/ls-document-viewer/ls-document-options.entry.js.map +1 -0
  44. package/dist/ls-document-viewer/ls-document-viewer.entry.esm.js.map +1 -0
  45. package/dist/ls-document-viewer/ls-document-viewer.entry.js +46750 -0
  46. package/dist/ls-document-viewer/ls-document-viewer.entry.js.map +1 -0
  47. package/dist/ls-document-viewer/ls-document-viewer.esm.js +50 -0
  48. package/dist/ls-document-viewer/ls-document-viewer.esm.js.map +1 -0
  49. package/dist/ls-document-viewer/ls-editor-field.entry.esm.js.map +1 -0
  50. package/dist/ls-document-viewer/ls-editor-field.entry.js +120 -0
  51. package/dist/ls-document-viewer/ls-editor-field.entry.js.map +1 -0
  52. package/dist/ls-document-viewer/ls-editor-table.entry.esm.js.map +1 -0
  53. package/dist/ls-document-viewer/ls-editor-table.entry.js +40 -0
  54. package/dist/ls-document-viewer/ls-editor-table.entry.js.map +1 -0
  55. package/dist/ls-document-viewer/ls-feature-column.entry.esm.js.map +1 -0
  56. package/dist/ls-document-viewer/ls-feature-column.entry.js +26 -0
  57. package/dist/ls-document-viewer/ls-feature-column.entry.js.map +1 -0
  58. package/dist/ls-document-viewer/ls-field-alignment.entry.esm.js.map +1 -0
  59. package/dist/ls-document-viewer/ls-field-alignment.entry.js +130 -0
  60. package/dist/ls-document-viewer/ls-field-alignment.entry.js.map +1 -0
  61. package/dist/ls-document-viewer/ls-field-dimensions.entry.esm.js.map +1 -0
  62. package/dist/ls-document-viewer/ls-field-dimensions.entry.js +50 -0
  63. package/dist/ls-document-viewer/ls-field-dimensions.entry.js.map +1 -0
  64. package/dist/ls-document-viewer/ls-field-distribute.entry.esm.js.map +1 -0
  65. package/dist/ls-document-viewer/ls-field-distribute.entry.js +100 -0
  66. package/dist/ls-document-viewer/ls-field-distribute.entry.js.map +1 -0
  67. package/dist/ls-document-viewer/ls-field-format.entry.esm.js.map +1 -0
  68. package/dist/ls-document-viewer/ls-field-format.entry.js +41 -0
  69. package/dist/ls-document-viewer/ls-field-format.entry.js.map +1 -0
  70. package/dist/ls-document-viewer/ls-field-properties-date.entry.esm.js.map +1 -0
  71. package/dist/ls-document-viewer/ls-field-properties-date.entry.js +19 -0
  72. package/dist/ls-document-viewer/ls-field-properties-date.entry.js.map +1 -0
  73. package/dist/ls-document-viewer/ls-field-properties-general.entry.esm.js.map +1 -0
  74. package/dist/ls-document-viewer/ls-field-properties-general.entry.js +19 -0
  75. package/dist/ls-document-viewer/ls-field-properties-general.entry.js.map +1 -0
  76. package/dist/ls-document-viewer/ls-field-properties-multiple.entry.esm.js.map +1 -0
  77. package/dist/ls-document-viewer/ls-field-properties-multiple.entry.js +19 -0
  78. package/dist/ls-document-viewer/ls-field-properties-multiple.entry.js.map +1 -0
  79. package/dist/ls-document-viewer/ls-field-properties-number.entry.esm.js.map +1 -0
  80. package/dist/ls-document-viewer/ls-field-properties-number.entry.js +19 -0
  81. package/dist/ls-document-viewer/ls-field-properties-number.entry.js.map +1 -0
  82. package/dist/ls-document-viewer/ls-field-properties-signature.entry.esm.js.map +1 -0
  83. package/dist/ls-document-viewer/ls-field-properties-signature.entry.js +19 -0
  84. package/dist/ls-document-viewer/ls-field-properties-signature.entry.js.map +1 -0
  85. package/dist/ls-document-viewer/ls-field-properties-text.entry.esm.js.map +1 -0
  86. package/dist/ls-document-viewer/ls-field-properties-text.entry.js +19 -0
  87. package/dist/ls-document-viewer/ls-field-properties-text.entry.js.map +1 -0
  88. package/dist/ls-document-viewer/ls-field-properties.entry.esm.js.map +1 -0
  89. package/dist/ls-document-viewer/ls-field-properties.entry.js +39 -0
  90. package/dist/ls-document-viewer/ls-field-properties.entry.js.map +1 -0
  91. package/dist/ls-document-viewer/ls-field-size.entry.esm.js.map +1 -0
  92. package/dist/ls-document-viewer/ls-field-size.entry.js +33 -0
  93. package/dist/ls-document-viewer/ls-field-size.entry.js.map +1 -0
  94. package/dist/ls-document-viewer/ls-formfield.entry.esm.js.map +1 -0
  95. package/dist/ls-document-viewer/ls-formfield.entry.js +59 -0
  96. package/dist/ls-document-viewer/ls-formfield.entry.js.map +1 -0
  97. package/dist/ls-document-viewer/ls-icon.entry.esm.js.map +1 -0
  98. package/dist/ls-document-viewer/ls-icon.entry.js +11017 -0
  99. package/dist/ls-document-viewer/ls-icon.entry.js.map +1 -0
  100. package/dist/ls-document-viewer/ls-number-input.entry.esm.js.map +1 -0
  101. package/dist/ls-document-viewer/ls-number-input.entry.js +51 -0
  102. package/dist/ls-document-viewer/ls-number-input.entry.js.map +1 -0
  103. package/dist/ls-document-viewer/ls-participant-manager.entry.esm.js.map +1 -0
  104. package/dist/ls-document-viewer/ls-participant-manager.entry.js +59 -0
  105. package/dist/ls-document-viewer/ls-participant-manager.entry.js.map +1 -0
  106. package/dist/ls-document-viewer/ls-participant-select.entry.esm.js.map +1 -0
  107. package/dist/ls-document-viewer/ls-participant-select.entry.js +18 -0
  108. package/dist/ls-document-viewer/ls-participant-select.entry.js.map +1 -0
  109. package/dist/ls-document-viewer/ls-radio-input.entry.esm.js.map +1 -0
  110. package/dist/ls-document-viewer/ls-radio-input.entry.js +28 -0
  111. package/dist/ls-document-viewer/ls-radio-input.entry.js.map +1 -0
  112. package/dist/ls-document-viewer/ls-select-input.entry.esm.js.map +1 -0
  113. package/dist/ls-document-viewer/ls-select-input.entry.js +44 -0
  114. package/dist/ls-document-viewer/ls-select-input.entry.js.map +1 -0
  115. package/dist/ls-document-viewer/ls-statusbar.entry.esm.js.map +1 -0
  116. package/dist/ls-document-viewer/ls-statusbar.entry.js +50 -0
  117. package/dist/ls-document-viewer/ls-statusbar.entry.js.map +1 -0
  118. package/dist/ls-document-viewer/ls-text-input.entry.esm.js.map +1 -0
  119. package/dist/ls-document-viewer/ls-text-input.entry.js +47 -0
  120. package/dist/ls-document-viewer/ls-text-input.entry.js.map +1 -0
  121. package/dist/ls-document-viewer/ls-textarea-input.entry.esm.js.map +1 -0
  122. package/dist/ls-document-viewer/ls-textarea-input.entry.js +43 -0
  123. package/dist/ls-document-viewer/ls-textarea-input.entry.js.map +1 -0
  124. package/dist/ls-document-viewer/ls-toolbar.entry.esm.js.map +1 -0
  125. package/dist/ls-document-viewer/ls-toolbar.entry.js +36 -0
  126. package/dist/ls-document-viewer/ls-toolbar.entry.js.map +1 -0
  127. package/dist/ls-document-viewer/ls-toolbox-field.entry.esm.js.map +1 -0
  128. package/dist/ls-document-viewer/ls-toolbox-field.entry.js +52 -0
  129. package/dist/ls-document-viewer/ls-toolbox-field.entry.js.map +1 -0
  130. package/dist/types/components/interfaces/IToolboxField.d.ts +6 -0
  131. package/dist/types/components/ls-document-options/ls-document-options.d.ts +10 -0
  132. package/dist/types/components/ls-document-viewer/defaultPalette.d.ts +1 -0
  133. package/dist/types/components/ls-document-viewer/editorCalculator.d.ts +15 -0
  134. package/dist/types/components/ls-document-viewer/editorUtils.d.ts +20 -0
  135. package/dist/types/components/ls-document-viewer/keyHandlers.d.ts +1 -0
  136. package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +139 -0
  137. package/dist/types/components/ls-document-viewer/mouseHandlers.d.ts +4 -0
  138. package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +26 -0
  139. package/dist/types/components/ls-editor-table/ls-editor-table.d.ts +11 -0
  140. package/dist/types/components/ls-feature-column/ls-feature-column.d.ts +10 -0
  141. package/dist/types/components/ls-field-alignment/ls-field-alignment.d.ts +15 -0
  142. package/dist/types/components/ls-field-dimensions/ls-field-dimensions.d.ts +11 -0
  143. package/dist/types/components/ls-field-distribute/ls-field-distribute.d.ts +12 -0
  144. package/dist/types/components/ls-field-format/ls-field-format.d.ts +10 -0
  145. package/dist/types/components/ls-field-properties/ls-field-properties.d.ts +6 -0
  146. package/dist/types/components/ls-field-properties-date/ls-field-properties-date.d.ts +5 -0
  147. package/dist/types/components/ls-field-properties-general/ls-field-properties-general.d.ts +5 -0
  148. package/dist/types/components/ls-field-properties-multiple/ls-field-properties-multiple.d.ts +5 -0
  149. package/dist/types/components/ls-field-properties-number/ls-field-properties-number.d.ts +5 -0
  150. package/dist/types/components/ls-field-properties-signature/ls-field-properties-signature.d.ts +5 -0
  151. package/dist/types/components/ls-field-properties-text/ls-field-properties-text.d.ts +5 -0
  152. package/dist/types/components/ls-field-size/ls-field-size.d.ts +9 -0
  153. package/dist/types/components/ls-formfield/inputs/ls-number-input/ls-number-input.d.ts +21 -0
  154. package/dist/types/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.d.ts +13 -0
  155. package/dist/types/components/ls-formfield/inputs/ls-select-input/ls-select-input.d.ts +16 -0
  156. package/dist/types/components/ls-formfield/inputs/ls-text-input/ls-text-input.d.ts +20 -0
  157. package/dist/types/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.d.ts +18 -0
  158. package/dist/types/components/ls-formfield/ls-formfield.d.ts +31 -0
  159. package/dist/types/components/ls-icon/icons.d.ts +5 -0
  160. package/dist/types/components/ls-icon/ls-icon.d.ts +13 -0
  161. package/dist/types/components/ls-participant-manager/ls-participant-manager.d.ts +24 -0
  162. package/dist/types/components/ls-participant-select/ls-participant-select.d.ts +3 -0
  163. package/dist/types/components/ls-statusbar/ls-statusbar.d.ts +20 -0
  164. package/dist/types/components/ls-toolbar/ls-toolbar.d.ts +19 -0
  165. package/dist/types/components/ls-toolbox-field/ls-toolbox-field.d.ts +23 -0
  166. package/dist/types/components.d.ts +1145 -0
  167. package/dist/types/index.d.ts +11 -0
  168. package/dist/types/stencil-public-runtime.d.ts +1709 -0
  169. package/dist/types/types/Icon.d.ts +355 -0
  170. package/dist/types/types/LSApiElement.d.ts +42 -0
  171. package/dist/types/types/LSApiElementType.d.ts +14 -0
  172. package/dist/types/types/LSApiRole.d.ts +11 -0
  173. package/dist/types/types/LSApiTemplate.d.ts +29 -0
  174. package/dist/types/types/LSMutateEvent.d.ts +7 -0
  175. package/dist/types/types/RoleColor.d.ts +4 -0
  176. package/dist/types/types/ValidationType.d.ts +9 -0
  177. package/dist/types/utils/utils.d.ts +1 -0
  178. package/loader/cdn.js +1 -0
  179. package/loader/index.cjs.js +1 -0
  180. package/loader/index.d.ts +24 -0
  181. package/loader/index.es2017.js +1 -0
  182. package/loader/index.js +2 -0
  183. package/package.json +59 -0
  184. package/readme.md +79 -0
@@ -0,0 +1,50 @@
1
+ import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldDimensionsCss = ":host{display:block}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
4
+
5
+ const LsFieldDimensions = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.mutate = createEvent(this, "mutate", 7);
9
+ this.update = createEvent(this, "update", 7);
10
+ }
11
+ dataItem;
12
+ mutate;
13
+ update;
14
+ isSingle(dt) {
15
+ return dt.length === undefined;
16
+ }
17
+ isMultiple(dt) {
18
+ return typeof dt.length === 'number';
19
+ }
20
+ // Send one or more mutations up the chain
21
+ // The source of the chain fires the mutation
22
+ alter(diff) {
23
+ console.log(diff);
24
+ if (this.isMultiple(this.dataItem)) {
25
+ const diffs = this.dataItem.map(c => {
26
+ return { action: "update", data: { ...c, ...diff } };
27
+ });
28
+ this.dataItem = diffs.map(d => d.data);
29
+ this.mutate.emit(diffs);
30
+ this.update.emit(diffs);
31
+ }
32
+ else {
33
+ const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } };
34
+ this.dataItem = singleDiff.data;
35
+ this.mutate.emit([singleDiff]);
36
+ this.update.emit([singleDiff]);
37
+ }
38
+ }
39
+ render() {
40
+ return (h(Host, { key: '41458b8320c87c3f771a9a854e6e63bb90f598d9' }, (this.isMultiple(this.dataItem)) &&
41
+ h("div", { key: '0fe39be49300393e3e04c5ab0b1b7fbf2aba9e91', class: "ls-field-properties-section" }, h("div", { key: '97d5f4502f6a33c42dcdfa7223f03dec0ed9c20f' }, "Height: ", h("input", { key: 'c6bbffba5356dcc5a30a9e372b107b975fb4a978', value: "", onChange: (e) => this.alter({ height: e.target.value }), width: "30" })), h("div", { key: 'f87c1642300bbd48f276a3272bf39ce358774053' }, "Width: ", h("input", { key: '82c911e73d3ecf061543bf746454cf304c255520', value: "", onChange: (e) => this.alter({ width: e.target.value }), width: "30" })), h("div", { key: 'd4c9ded48c9a15bd5206aff3d3de813d952e632c' }, "Top: ", h("input", { key: 'c630505111a020a5ed32ba810a93e1d0eb4b3b61', value: "", onChange: (e) => this.alter({ top: e.target.value }), width: "30" })), h("div", { key: '51a7944b48838a24258505975700490a835e3d22' }, "Left: ", h("input", { key: '1aabde21999546c090920cba9f9738614cbf6b6d', value: "", onChange: (e) => this.alter({ left: e.target.value }), width: "30" }))), (this.isSingle(this.dataItem)) &&
42
+ h("div", { key: '62f9595ab77522c2d193531b78aeeb272fe5ae23', class: "ls-field-properties-section" }, h("div", { key: '8c5d82f9e61ad4cba9c219d634e2df442a50098f' }, "Height: ", h("input", { key: '0f045e5dc1fce3e86d312f085911bfa9970ab229', value: this.dataItem?.height, onChange: (e) => this.alter({ height: e.target.value }), width: "30" })), h("div", { key: '91626cc698e9d0b4daef997e13007f3f2a8acbdb' }, "Width: ", h("input", { key: 'cbf6faed034cabfaa6458d724c024643b33a344b', value: this.dataItem?.width, onChange: (e) => this.alter({ width: e.target.value }), width: "30" })), h("div", { key: '1216fc1ee08fc41b0ba8b09d8df23cfd2c0e9d49' }, "Top: ", h("input", { key: '2071fae101442384f28885d8d68a409fc2932ec8', value: this.dataItem?.top, onChange: (e) => this.alter({ top: e.target.value }), width: "30" })), h("div", { key: '4a0351e88cf55bbaa872630dd24e64e4763b6679' }, "Left: ", h("input", { key: '23e7033f18a899e31122fc67b09cbcef74e92098', value: this.dataItem?.left, onChange: (e) => this.alter({ left: e.target.value }), width: "30" })))));
43
+ }
44
+ };
45
+ LsFieldDimensions.style = lsFieldDimensionsCss;
46
+
47
+ export { LsFieldDimensions as ls_field_dimensions };
48
+ //# sourceMappingURL=ls-field-dimensions.entry.esm.js.map
49
+
50
+ //# sourceMappingURL=ls-field-dimensions.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-dimensions.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-field-dimensions/ls-field-dimensions.css?tag=ls-field-dimensions&encapsulation=shadow","src/components/ls-field-dimensions/ls-field-dimensions.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-dimensions',\n styleUrl: 'ls-field-dimensions.css',\n shadow: true,\n})\nexport class LsFieldDimensions {\n @Prop() dataItem: LSApiElement | LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n\n\n isSingle(dt: LSApiElement | LSApiElement[]): dt is LSApiElement {\n return (dt as LSApiElement[]).length === undefined;\n }\n\n isMultiple(dt: LSApiElement | LSApiElement[]): dt is LSApiElement[] {\n return typeof (dt as LSApiElement[]).length === 'number';\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff)\n if (this.isMultiple(this.dataItem)) {\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n \n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n } else {\n const singleDiff = { action: 'update', data: { ...this.dataItem, ...diff } as LSApiElement } as LSMutateEvent\n this.dataItem = singleDiff.data as LSApiElement\n this.mutate.emit([singleDiff])\n this.update.emit([singleDiff])\n }\n }\n\n render() {\n return (\n <Host>\n {(this.isMultiple(this.dataItem)) &&\n <div class={\"ls-field-properties-section\"}>\n <div>Height: <input value={\"\"} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Width: <input value={\"\"} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Top: <input value={\"\"} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Left: <input value={\"\"} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n </div>\n }\n {(this.isSingle(this.dataItem)) &&\n <div class={\"ls-field-properties-section\"}>\n <div>Height: <input value={this.dataItem?.height} onChange={(e) => this.alter({ height: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Width: <input value={this.dataItem?.width} onChange={(e) => this.alter({ width: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Top: <input value={this.dataItem?.top} onChange={(e) => this.alter({ top: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n <div>Left: <input value={this.dataItem?.left} onChange={(e) => this.alter({ left: (e.target as HTMLInputElement).value })} width=\"30\" /></div>\n </div>}\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-distribute.entry.esm.js","sources":["src/components/ls-field-distribute/ls-field-distribute.css?tag=ls-field-distribute&encapsulation=shadow","src/components/ls-field-distribute/ls-field-distribute.tsx"],"sourcesContent":[":host {\n display: inline-block;\n vertical-align: middle;\n}\n\nbutton {\n display: inline-flex;\n background-color: transparent;\n min-width: 24px;\n min-height: 24px;\n border-radius: 0.5rem;\n margin: 0.25rem;\n width: 27px; \n height: 27px;\n justify-content: center;\n vertical-align: middle;\n border: 0;\n}\n\nbutton:hover {\n background-color: gray;\n}\n\n.ls-toolbar-numeric {\n width: 45px;\n max-height: 18px;\n margin: 0px;\n padding: 0px;\n}","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-distribute',\n styleUrl: 'ls-field-distribute.css',\n shadow: true,\n})\nexport class LsFieldDistribute {\n @Prop({\n mutable: true\n }) dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n @Element() component: HTMLElement;\n\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff)\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n\n distributeHorizontal() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space') as HTMLInputElement;\n var avgspace = 0;\n const sorted = this.dataItem.sort((a, b) => (a.left - b.left))\n\n if(spacing.value !== \"\") {\n avgspace = parseInt(spacing.value)\n } else {\n var space = 0\n for (var i = 1; i < sorted.length; i++) {\n const c1 = sorted[i - 1]\n const c2 = sorted[i]\n space = space + (((c2.left - c1.left - c1.width)) <= 0 ? 0 : (c2.left - c1.left - c1.width))\n }\n avgspace = Math.floor(space / sorted.length)\n }\n\n var nextleft = sorted[0].left\n\n const diffs: LSMutateEvent[] = sorted.map((c) => {\n const newLeft = nextleft\n nextleft = nextleft + c.width + avgspace\n\n return {\n action: \"update\", data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width\n } as LSApiElement\n }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n\n distributeVertical() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space') as HTMLInputElement;\n var avgspace = 0;\n const sorted = this.dataItem.sort((a, b) => (a.top - b.top))\n\n if (spacing.value !== '') avgspace = parseInt(spacing.value)\n else {\n var space = 0\n for (var i = 1; i < sorted.length; i++) {\n const c1 = sorted[i - 1]\n const c2 = sorted[i]\n space = space + (((c2.top - c1.top - c1.height)) <= 0 ? 0 : (c2.top - c1.top - c1.height))\n }\n avgspace = Math.floor(space / sorted.length)\n\n }\n\n var buffer = sorted[0].top\n\n const diffs: LSMutateEvent[] = sorted.map((c) => {\n const newTop = buffer\n buffer = buffer + c.height + avgspace\n\n return {\n action: \"update\", data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height\n } as LSApiElement\n }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n render() {\n return (\n <Host>\n <div class=\"flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30\">\n <button\n class='ls-round-button'\n onClick={() => { this.distributeHorizontal() }}\n aria-label=\"Distribute selected fields horizontally.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields horizontally.\"\n data-tooltip-place=\"top\">\n <ls-icon name=\"field-distribute-horizontally\" /></button>\n\n <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-horizontal-space\" value={\"\"} size={4} min={0} max={9999} />\n <button\n onClick={() => { this.distributeVertical() }}\n class='ls-round-button'\n aria-label=\"Distribute selected fields vertically.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields vertically.\" data-tooltip-place=\"top\">\n <ls-icon name=\"field-distribute-vertically\" />\n </button>\n <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-vertical-space\" value={\"\"} size={4} min={0} max={9999}/>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,100 @@
1
+ import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldDistributeCss = ":host{display:inline-block;vertical-align:middle}button{display:inline-flex;background-color:transparent;min-width:24px;min-height:24px;border-radius:0.5rem;margin:0.25rem;width:27px;height:27px;justify-content:center;vertical-align:middle;border:0}button:hover{background-color:gray}.ls-toolbar-numeric{width:45px;max-height:18px;margin:0px;padding:0px}";
4
+
5
+ const LsFieldDistribute = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.mutate = createEvent(this, "mutate", 7);
9
+ this.update = createEvent(this, "update", 7);
10
+ }
11
+ dataItem;
12
+ mutate;
13
+ update;
14
+ get component() { return getElement(this); }
15
+ // Send one or more mutations up the chain
16
+ // The source of the chain fires the mutation
17
+ alter(diff) {
18
+ console.log(diff);
19
+ const diffs = this.dataItem.map(c => {
20
+ return { action: "update", data: { ...c, ...diff } };
21
+ });
22
+ this.dataItem = diffs.map(d => d.data);
23
+ this.mutate.emit(diffs);
24
+ this.update.emit(diffs);
25
+ }
26
+ distributeHorizontal() {
27
+ var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space');
28
+ var avgspace = 0;
29
+ const sorted = this.dataItem.sort((a, b) => (a.left - b.left));
30
+ if (spacing.value !== "") {
31
+ avgspace = parseInt(spacing.value);
32
+ }
33
+ else {
34
+ var space = 0;
35
+ for (var i = 1; i < sorted.length; i++) {
36
+ const c1 = sorted[i - 1];
37
+ const c2 = sorted[i];
38
+ space = space + (((c2.left - c1.left - c1.width)) <= 0 ? 0 : (c2.left - c1.left - c1.width));
39
+ }
40
+ avgspace = Math.floor(space / sorted.length);
41
+ }
42
+ var nextleft = sorted[0].left;
43
+ const diffs = sorted.map((c) => {
44
+ const newLeft = nextleft;
45
+ nextleft = nextleft + c.width + avgspace;
46
+ return {
47
+ action: "update", data: {
48
+ ...c,
49
+ left: newLeft,
50
+ ax: newLeft,
51
+ bx: newLeft + c.width
52
+ }
53
+ };
54
+ });
55
+ this.dataItem = diffs.map(d => d.data);
56
+ this.mutate.emit(diffs);
57
+ this.update.emit(diffs);
58
+ }
59
+ distributeVertical() {
60
+ var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space');
61
+ var avgspace = 0;
62
+ const sorted = this.dataItem.sort((a, b) => (a.top - b.top));
63
+ if (spacing.value !== '')
64
+ avgspace = parseInt(spacing.value);
65
+ else {
66
+ var space = 0;
67
+ for (var i = 1; i < sorted.length; i++) {
68
+ const c1 = sorted[i - 1];
69
+ const c2 = sorted[i];
70
+ space = space + (((c2.top - c1.top - c1.height)) <= 0 ? 0 : (c2.top - c1.top - c1.height));
71
+ }
72
+ avgspace = Math.floor(space / sorted.length);
73
+ }
74
+ var buffer = sorted[0].top;
75
+ const diffs = sorted.map((c) => {
76
+ const newTop = buffer;
77
+ buffer = buffer + c.height + avgspace;
78
+ return {
79
+ action: "update", data: {
80
+ ...c,
81
+ top: newTop,
82
+ ay: newTop,
83
+ by: newTop + c.height
84
+ }
85
+ };
86
+ });
87
+ this.dataItem = diffs.map(d => d.data);
88
+ this.mutate.emit(diffs);
89
+ this.update.emit(diffs);
90
+ }
91
+ render() {
92
+ return (h(Host, { key: 'e34dae85e1ad46318881567b8295e4a5cecd8222' }, h("div", { key: '0174acf02458bb7edfbb5a273208bae26213413f', class: "flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30" }, h("button", { key: '46455263311fa1ceaa24d95159b50190ece6b4d9', class: 'ls-round-button', onClick: () => { this.distributeHorizontal(); }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Distribute selected fields horizontally.", "data-tooltip-place": "top" }, h("ls-icon", { key: 'fcba8edda613a4f49fd28f0fbdde8be16847a59d', name: "field-distribute-horizontally" })), h("input", { key: '7369af7c27647ce8dfffc12fcbb4f25ce85590a3', type: "number", class: "ls-toolbar-numeric", id: "ls-fix-horizontal-space", value: "", size: 4, min: 0, max: 9999 }), h("button", { key: '3a6885343f04b8e38ae016440355c09b715c6600', onClick: () => { this.distributeVertical(); }, class: 'ls-round-button', "aria-label": "Distribute selected fields vertically.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Distribute selected fields vertically.", "data-tooltip-place": "top" }, h("ls-icon", { key: '67cfe264bf0d8e03db9c47e999497708ec80e232', name: "field-distribute-vertically" })), h("input", { key: '7521df1e46b1c42ee0b67be3792e13a64ac33d67', type: "number", class: "ls-toolbar-numeric", id: "ls-fix-vertical-space", value: "", size: 4, min: 0, max: 9999 })), h("slot", { key: '3ed38b0cd5d436adf30e2eb1cd846d84986aade1' })));
93
+ }
94
+ };
95
+ LsFieldDistribute.style = lsFieldDistributeCss;
96
+
97
+ export { LsFieldDistribute as ls_field_distribute };
98
+ //# sourceMappingURL=ls-field-distribute.entry.esm.js.map
99
+
100
+ //# sourceMappingURL=ls-field-distribute.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-distribute.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-field-distribute/ls-field-distribute.css?tag=ls-field-distribute&encapsulation=shadow","src/components/ls-field-distribute/ls-field-distribute.tsx"],"sourcesContent":[":host {\n display: inline-block;\n vertical-align: middle;\n}\n\nbutton {\n display: inline-flex;\n background-color: transparent;\n min-width: 24px;\n min-height: 24px;\n border-radius: 0.5rem;\n margin: 0.25rem;\n width: 27px; \n height: 27px;\n justify-content: center;\n vertical-align: middle;\n border: 0;\n}\n\nbutton:hover {\n background-color: gray;\n}\n\n.ls-toolbar-numeric {\n width: 45px;\n max-height: 18px;\n margin: 0px;\n padding: 0px;\n}","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-distribute',\n styleUrl: 'ls-field-distribute.css',\n shadow: true,\n})\nexport class LsFieldDistribute {\n @Prop({\n mutable: true\n }) dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n @Element() component: HTMLElement;\n\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff)\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n\n distributeHorizontal() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space') as HTMLInputElement;\n var avgspace = 0;\n const sorted = this.dataItem.sort((a, b) => (a.left - b.left))\n\n if(spacing.value !== \"\") {\n avgspace = parseInt(spacing.value)\n } else {\n var space = 0\n for (var i = 1; i < sorted.length; i++) {\n const c1 = sorted[i - 1]\n const c2 = sorted[i]\n space = space + (((c2.left - c1.left - c1.width)) <= 0 ? 0 : (c2.left - c1.left - c1.width))\n }\n avgspace = Math.floor(space / sorted.length)\n }\n\n var nextleft = sorted[0].left\n\n const diffs: LSMutateEvent[] = sorted.map((c) => {\n const newLeft = nextleft\n nextleft = nextleft + c.width + avgspace\n\n return {\n action: \"update\", data: {\n ...c,\n left: newLeft,\n ax: newLeft,\n bx: newLeft + c.width\n } as LSApiElement\n }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n\n distributeVertical() {\n var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space') as HTMLInputElement;\n var avgspace = 0;\n const sorted = this.dataItem.sort((a, b) => (a.top - b.top))\n\n if (spacing.value !== '') avgspace = parseInt(spacing.value)\n else {\n var space = 0\n for (var i = 1; i < sorted.length; i++) {\n const c1 = sorted[i - 1]\n const c2 = sorted[i]\n space = space + (((c2.top - c1.top - c1.height)) <= 0 ? 0 : (c2.top - c1.top - c1.height))\n }\n avgspace = Math.floor(space / sorted.length)\n\n }\n\n var buffer = sorted[0].top\n\n const diffs: LSMutateEvent[] = sorted.map((c) => {\n const newTop = buffer\n buffer = buffer + c.height + avgspace\n\n return {\n action: \"update\", data: {\n ...c,\n top: newTop,\n ay: newTop,\n by: newTop + c.height\n } as LSApiElement\n }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n\n render() {\n return (\n <Host>\n <div class=\"flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30\">\n <button\n class='ls-round-button'\n onClick={() => { this.distributeHorizontal() }}\n aria-label=\"Distribute selected fields horizontally.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields horizontally.\"\n data-tooltip-place=\"top\">\n <ls-icon name=\"field-distribute-horizontally\" /></button>\n\n <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-horizontal-space\" value={\"\"} size={4} min={0} max={9999} />\n <button\n onClick={() => { this.distributeVertical() }}\n class='ls-round-button'\n aria-label=\"Distribute selected fields vertically.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Distribute selected fields vertically.\" data-tooltip-place=\"top\">\n <ls-icon name=\"field-distribute-vertically\" />\n </button>\n <input type=\"number\" class=\"ls-toolbar-numeric\" id=\"ls-fix-vertical-space\" value={\"\"} size={4} min={0} max={9999}/>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-format.entry.esm.js","sources":["src/components/ls-field-format/ls-field-format.css?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-field-format-bar {\n display: flex;\n flex-direction: row;\n}","import { Component, EventEmitter, Host, Prop, h, Element, Event } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.css',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true\n }) dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n @Element() component: HTMLElement;\n\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff)\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n render() {\n return (\n <Host>\n {this.dataItem && this.dataItem.length > 1 &&\n <div class={\"ls-field-format-bar\"}>\n <select onChange={(input) => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value }) \n }}>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <input width=\"30\" size={4} />\n <select>\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select>\n </div>}\n {this.dataItem && this.dataItem.length === 1 &&\n <div class={\"ls-field-format-bar\"}>\n <select onChange={(input) => {\n console.log((input.target as HTMLSelectElement).value) \n }}>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <input width=\"30\" size={4} value={this.dataItem[0].fontSize} />\n <select>\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select>\n </div>}\n\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,41 @@
1
+ import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldFormatCss = ":host{display:flex;flex-direction:row}.ls-field-format-bar{display:flex;flex-direction:row}";
4
+
5
+ const LsFieldFormat = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.mutate = createEvent(this, "mutate", 7);
9
+ this.update = createEvent(this, "update", 7);
10
+ }
11
+ dataItem;
12
+ mutate;
13
+ update;
14
+ get component() { return getElement(this); }
15
+ // Send one or more mutations up the chain
16
+ // The source of the chain fires the mutation
17
+ alter(diff) {
18
+ console.log(diff);
19
+ const diffs = this.dataItem.map(c => {
20
+ return { action: "update", data: { ...c, ...diff } };
21
+ });
22
+ this.dataItem = diffs.map(d => d.data);
23
+ this.mutate.emit(diffs);
24
+ this.update.emit(diffs);
25
+ }
26
+ render() {
27
+ return (h(Host, { key: 'f7e1e01dd3519de4af0022ca839788f34622c0fe' }, this.dataItem && this.dataItem.length > 1 &&
28
+ h("div", { key: '163d45e33489c20cfcfe100d1028bd462c7dab06', class: "ls-field-format-bar" }, h("select", { key: '0bb51866dcac394ce70dff226088d2844837b32b', onChange: (input) => {
29
+ this.alter({ fontName: input.target.value });
30
+ } }, h("option", { key: 'a7e93b92114cfdfd595e76065dc072b7bb299bee', value: "arial" }, "Arial"), h("option", { key: 'c9d8c116fe38e2ec32c7b013f6fc3bc1c838520f', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'f36de6a494483f88cf82cd5d88c44be104c3daaf', value: "courier" }, "Courier"), h("option", { key: '2ed6572a993ddd23746c858a57731cbdae4b4b1e', value: "helvetica" }, "Helvetica"), h("option", { key: '5b9f95a6d02f6930ab7de9cb32fb605e8c18c639', value: "verdana" }, "Verdana")), h("input", { key: '12f74056dce07d5ce41ed49f5c4c95fdbafe2382', width: "30", size: 4 }), h("select", { key: 'a338fa91aa733ddba78c7df0d94e718f2f08445e' }, h("option", { key: 'd853cea035c0d5f70cd8879d13ee167a1ea5facb', value: "left" }, "Left"), h("option", { key: '5a90a02f0b8257308ac6195ebed26849bc7d4fc9', value: "center" }, "Center"), h("option", { key: '839dcb1c2bb6596a95c3272ea27b45f7162654cd', value: "right" }, "Right"))), this.dataItem && this.dataItem.length === 1 &&
31
+ h("div", { key: 'f91a4bb284252b4f94a7fe0361ebf04db53dc248', class: "ls-field-format-bar" }, h("select", { key: '4cacd3c4864048da1b34fc301fa17d2f29f7cc6f', onChange: (input) => {
32
+ console.log(input.target.value);
33
+ } }, h("option", { key: '258b4d127ee30c3f84030007c721e7c8aae423ee', value: "arial" }, "Arial"), h("option", { key: 'ac6cc118d6485d1053c89b93193ca2eecca50447', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '8f243ec5c570276a127bcd31447fbf8594cd81b1', value: "courier" }, "Courier"), h("option", { key: '074812fa4249944a00e12cae6c82cb4dfc790a7a', value: "helvetica" }, "Helvetica"), h("option", { key: '45af76ec7273b9b64734e3f20c75bc684a7439c7', value: "verdana" }, "Verdana")), h("input", { key: '5890944f1aa3581aa40f34b15cafef242e0a8484', width: "30", size: 4, value: this.dataItem[0].fontSize }), h("select", { key: '716ffb6b12c307c95ddadcd9083858cc59e1555e' }, h("option", { key: 'a737e6d38809d624da52db3971c63e761a3f50ed', value: "left" }, "Left"), h("option", { key: '62dffe46389bdf89c8ae703484956b13de4cd898', value: "center" }, "Center"), h("option", { key: '63d6f9f019ca6936e38a99fe29627625d4ad0cfc', value: "right" }, "Right")))));
34
+ }
35
+ };
36
+ LsFieldFormat.style = lsFieldFormatCss;
37
+
38
+ export { LsFieldFormat as ls_field_format };
39
+ //# sourceMappingURL=ls-field-format.entry.esm.js.map
40
+
41
+ //# sourceMappingURL=ls-field-format.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-format.entry.esm.js","mappings":"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","names":[],"sources":["src/components/ls-field-format/ls-field-format.css?tag=ls-field-format&encapsulation=shadow","src/components/ls-field-format/ls-field-format.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: row;\n}\n\n.ls-field-format-bar {\n display: flex;\n flex-direction: row;\n}","import { Component, EventEmitter, Host, Prop, h, Element, Event } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-format',\n styleUrl: 'ls-field-format.css',\n shadow: true,\n})\nexport class LsFieldFormat {\n @Prop({\n mutable: true\n }) dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n @Element() component: HTMLElement;\n\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n console.log(diff)\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs)\n this.update.emit(diffs)\n }\n render() {\n return (\n <Host>\n {this.dataItem && this.dataItem.length > 1 &&\n <div class={\"ls-field-format-bar\"}>\n <select onChange={(input) => {\n this.alter({ fontName: (input.target as HTMLSelectElement).value }) \n }}>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <input width=\"30\" size={4} />\n <select>\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select>\n </div>}\n {this.dataItem && this.dataItem.length === 1 &&\n <div class={\"ls-field-format-bar\"}>\n <select onChange={(input) => {\n console.log((input.target as HTMLSelectElement).value) \n }}>\n <option value=\"arial\">Arial</option>\n <option value=\"liberation sans\">Liberation Sans</option>\n <option value=\"courier\">Courier</option>\n <option value=\"helvetica\">Helvetica</option>\n <option value=\"verdana\">Verdana</option>\n </select>\n <input width=\"30\" size={4} value={this.dataItem[0].fontSize} />\n <select>\n <option value=\"left\">Left</option>\n <option value=\"center\">Center</option>\n <option value=\"right\">Right</option>\n </select>\n </div>}\n\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-date.entry.esm.js","sources":["src/components/ls-field-properties-date/ls-field-properties-date.css?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-date',\n styleUrl: 'ls-field-properties-date.css',\n shadow: true,\n})\nexport class LsFieldPropertiesDate {\n @Prop() dataItem: LSApiElement;\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Date Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,wBAAwB,GAAG,kTAAkT;;MCQtU,qBAAqB,GAAA,MAAA;;;;AACxB,IAAA,QAAQ;IAChB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAkB,EAAA,YAAA,CAAA,EAC3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesDateCss = ":host{display:block}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
4
+
5
+ const LsFieldPropertiesDate = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: '91b2aff43af5f14feeaca63bbc2321d86db5c3da' }, h("div", { key: '59296fb97a9a63063f93a4ac75696e8caeb34dc6', class: "ls-field-properties-section" }, "Date Field"), h("div", { key: 'f2e720190a837f25554469ab1be43f8b7062ff17' }, "Label: ", h("input", { key: '7fec61ff41be02aef43bca7213a0791b02e1e0bb', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'c5653214cabc48e06dead7e76e8560a7c595b302', dataItem: this.dataItem }), h("slot", { key: '6e007066ff5a828f9a57c58166b0f36219009f38' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesDate.style = lsFieldPropertiesDateCss;
15
+
16
+ export { LsFieldPropertiesDate as ls_field_properties_date };
17
+ //# sourceMappingURL=ls-field-properties-date.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-date.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-date.entry.esm.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,kTAAkT;;MCQtU,qBAAqB,GAAA,MAAA;;;;AACxB,IAAA,QAAQ;IAChB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAkB,EAAA,YAAA,CAAA,EAC3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-date/ls-field-properties-date.css?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-date',\n styleUrl: 'ls-field-properties-date.css',\n shadow: true,\n})\nexport class LsFieldPropertiesDate {\n @Prop() dataItem: LSApiElement;\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Date Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-general.entry.esm.js","sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.css',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>General Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,2BAA2B,GAAG,kTAAkT;;MCQzU,wBAAwB,GAAA,MAAA;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAqB,EAAA,eAAA,CAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesGeneralCss = ":host{display:block}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
4
+
5
+ const LsFieldPropertiesGeneral = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: 'e61fdbc0affab9b05cbda36bfced55fd62ed2f16' }, h("div", { key: 'ea65b3f69735e2a93882d8584f698ab066b3cd8b', class: "ls-field-properties-section" }, "General Field"), h("div", { key: 'e5df820b75aeb0a9d61c618ee040b6156382092c' }, "Label: ", h("input", { key: 'f4a1dbff82a379ba5eb78827b828ddc1a9612a54', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '24cf3a00d6128dd1e0810aa723f3c4d9afd3b6da', dataItem: this.dataItem }), h("slot", { key: '3ab91ac8574a5f93b33ab07b80ff9e13ba01aceb' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss;
15
+
16
+ export { LsFieldPropertiesGeneral as ls_field_properties_general };
17
+ //# sourceMappingURL=ls-field-properties-general.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-general.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-general.entry.esm.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,kTAAkT;;MCQzU,wBAAwB,GAAA,MAAA;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAqB,EAAA,eAAA,CAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-general',\n styleUrl: 'ls-field-properties-general.css',\n shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>General Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-multiple.entry.esm.js","sources":["src/components/ls-field-properties-multiple/ls-field-properties-multiple.css?tag=ls-field-properties-multiple&encapsulation=shadow","src/components/ls-field-properties-multiple/ls-field-properties-multiple.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-multiple',\n styleUrl: 'ls-field-properties-multiple.css',\n shadow: true,\n})\nexport class LsFieldPropertiesMultiple {\n @Prop() dataItem: LSApiElement[];\n\n render() {\n return (\n <Host>\n <div>{this.dataItem.length} items</div>\n <ls-field-dimensions dataItem={this.dataItem} />\n\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,4BAA4B,GAAG,sBAAsB;;MCQ9C,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAa,QAAA,CAAA,EACvC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesMultipleCss = ":host{display:block}";
4
+
5
+ const LsFieldPropertiesMultiple = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: '0df0a3ec70677b65d31555b53c9578400b55914e' }, h("div", { key: '8a83c0228fde21baba8400ff5d39776deac240d2' }, this.dataItem.length, " items"), h("ls-field-dimensions", { key: '39c4d89f90b3614761495fb8eab20507c97e3ae7', dataItem: this.dataItem }), h("slot", { key: '5033f4401374634a77d341ace837d00cdff009d5' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesMultiple.style = lsFieldPropertiesMultipleCss;
15
+
16
+ export { LsFieldPropertiesMultiple as ls_field_properties_multiple };
17
+ //# sourceMappingURL=ls-field-properties-multiple.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-multiple.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-multiple.entry.esm.js","mappings":";;AAAA,MAAM,4BAA4B,GAAG,sBAAsB;;MCQ9C,yBAAyB,GAAA,MAAA;;;;AAC5B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAa,QAAA,CAAA,EACvC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAEhD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-multiple/ls-field-properties-multiple.css?tag=ls-field-properties-multiple&encapsulation=shadow","src/components/ls-field-properties-multiple/ls-field-properties-multiple.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-multiple',\n styleUrl: 'ls-field-properties-multiple.css',\n shadow: true,\n})\nexport class LsFieldPropertiesMultiple {\n @Prop() dataItem: LSApiElement[];\n\n render() {\n return (\n <Host>\n <div>{this.dataItem.length} items</div>\n <ls-field-dimensions dataItem={this.dataItem} />\n\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-number.entry.esm.js","sources":["src/components/ls-field-properties-number/ls-field-properties-number.css?tag=ls-field-properties-number&encapsulation=shadow","src/components/ls-field-properties-number/ls-field-properties-number.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-number',\n styleUrl: 'ls-field-properties-number.css',\n shadow: true,\n})\nexport class LsFieldPropertiesNumber {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Number Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,0BAA0B,GAAG,sBAAsB;;MCQ5C,uBAAuB,GAAA,MAAA;;;;AAC1B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAoB,EAAA,cAAA,CAAA,EAC7D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesNumberCss = ":host{display:block}";
4
+
5
+ const LsFieldPropertiesNumber = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: '0aaa2ed2233eeae3356d63b120c672d171f820ca' }, h("div", { key: '4ebb3248ea59f50022c0d22567e42d8c9d3f6171', class: "ls-field-properties-section" }, "Number Field"), h("div", { key: '34a1cf60306cab2ff6903011d1707784723a0126' }, "Label: ", h("input", { key: 'f3f307b7327c7ac50cd12a72bd17e83ae0e641fd', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '497e9ebaffe0dad411baf577d26b379436e379a0', dataItem: this.dataItem }), h("slot", { key: '142dc2b21baf7e673b6d14739166588bd4d4522f' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesNumber.style = lsFieldPropertiesNumberCss;
15
+
16
+ export { LsFieldPropertiesNumber as ls_field_properties_number };
17
+ //# sourceMappingURL=ls-field-properties-number.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-number.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-number.entry.esm.js","mappings":";;AAAA,MAAM,0BAA0B,GAAG,sBAAsB;;MCQ5C,uBAAuB,GAAA,MAAA;;;;AAC1B,IAAA,QAAQ;IAEhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAoB,EAAA,cAAA,CAAA,EAC7D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-number/ls-field-properties-number.css?tag=ls-field-properties-number&encapsulation=shadow","src/components/ls-field-properties-number/ls-field-properties-number.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-number',\n styleUrl: 'ls-field-properties-number.css',\n shadow: true,\n})\nexport class LsFieldPropertiesNumber {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Number Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-signature.entry.esm.js","sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.css?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.css',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return ( \n <Host>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,6BAA6B,GAAG,sBAAsB;;MCQ/C,0BAA0B,GAAA,MAAA;;;;AAC7B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesSignatureCss = ":host{display:block}";
4
+
5
+ const LsFieldPropertiesSignature = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: 'dc4a95045198437ce7220d044145a39b899e6b73' }, h("ls-field-dimensions", { key: '431a9093a93818a80e3c1b8e9892399abae3e1cb', dataItem: this.dataItem }), h("slot", { key: '609e75d79941e4a4e92854a31042ec19df15fa47' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesSignature.style = lsFieldPropertiesSignatureCss;
15
+
16
+ export { LsFieldPropertiesSignature as ls_field_properties_signature };
17
+ //# sourceMappingURL=ls-field-properties-signature.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-signature.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-signature.entry.esm.js","mappings":";;AAAA,MAAM,6BAA6B,GAAG,sBAAsB;;MCQ/C,0BAA0B,GAAA,MAAA;;;;AAC7B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAClD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-signature/ls-field-properties-signature.css?tag=ls-field-properties-signature&encapsulation=shadow","src/components/ls-field-properties-signature/ls-field-properties-signature.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-signature',\n styleUrl: 'ls-field-properties-signature.css',\n shadow: true,\n})\nexport class LsFieldPropertiesSignature {\n @Prop() dataItem: LSApiElement;\n\n render() {\n return ( \n <Host>\n <ls-field-dimensions dataItem={this.dataItem} />\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties-text.entry.esm.js","sources":["src/components/ls-field-properties-text/ls-field-properties-text.css?tag=ls-field-properties-text&encapsulation=shadow","src/components/ls-field-properties-text/ls-field-properties-text.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-text',\n styleUrl: 'ls-field-properties-text.css',\n shadow: true,\n})\nexport class LsFieldPropertiesText {\n @Prop() dataItem: LSApiElement;\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Text Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem}/>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,wBAAwB,GAAG,sBAAsB;;MCQ1C,qBAAqB,GAAA,MAAA;;;;AACxB,IAAA,QAAQ;IAChB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAkB,EAAA,YAAA,CAAA,EAC3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAG,CAAA,EAC/C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesTextCss = ":host{display:block}";
4
+
5
+ const LsFieldPropertiesText = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ render() {
11
+ return (h(Host, { key: '064f87b73a2d50fcacc72832d5ca29d59316ffb1' }, h("div", { key: '05f06007a2cfbcb9d30bc8c648ab020c8615497a', class: "ls-field-properties-section" }, "Text Field"), h("div", { key: '0b8fdcda79ba6ab98a9e1164bb3203f2e68cbe0b' }, "Label: ", h("input", { key: '75229d8d11fd65675150df01b5c2029e0a1c2009', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '70135cfeb573007f94d930990aeb3ad9efd2b816', dataItem: this.dataItem }), h("slot", { key: 'a158525ef486e1e60283eed73634be7fb3d9e85b' })));
12
+ }
13
+ };
14
+ LsFieldPropertiesText.style = lsFieldPropertiesTextCss;
15
+
16
+ export { LsFieldPropertiesText as ls_field_properties_text };
17
+ //# sourceMappingURL=ls-field-properties-text.entry.esm.js.map
18
+
19
+ //# sourceMappingURL=ls-field-properties-text.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties-text.entry.esm.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,sBAAsB;;MCQ1C,qBAAqB,GAAA,MAAA;;;;AACxB,IAAA,QAAQ;IAChB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAkB,EAAA,YAAA,CAAA,EAC3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAG,CAAA,EAC/C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties-text/ls-field-properties-text.css?tag=ls-field-properties-text&encapsulation=shadow","src/components/ls-field-properties-text/ls-field-properties-text.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n tag: 'ls-field-properties-text',\n styleUrl: 'ls-field-properties-text.css',\n shadow: true,\n})\nexport class LsFieldPropertiesText {\n @Prop() dataItem: LSApiElement;\n render() {\n return (\n <Host>\n <div class={\"ls-field-properties-section\"}>Text Field</div>\n <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n <ls-field-dimensions dataItem={this.dataItem}/>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-properties.entry.esm.js","sources":["src/components/ls-field-properties/ls-field-properties.css?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.css',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} />\n case 'autodate':\n return <ls-field-properties-date dataItem={this.dataItem[0]} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} />\n\n }\n\n render() {\n return (\n <Host>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,oBAAoB,GAAG,8gBAA8gB;;MCQ9hB,iBAAiB,GAAA,MAAA;;;;AACpB,IAAA,QAAQ;IAEhB,YAAY,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,EAAE;YAChD,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe;AACtC,gBAAA,KAAK,WAAW;AACd,oBAAA,OAAO,CAAA,CAAA,+BAAA,EAAA,EAA+B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACtE,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,QAAQ;AACX,oBAAA,OAAO,CAAA,CAAA,4BAAA,EAAA,EAA4B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACnE,gBAAA;AACE,oBAAA,OAAO,CAAA,CAAA,6BAAA,EAAA,EAA6B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;;;aAGjE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;AACnD,YAAA,OAAO,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;;IAIpE,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;"}
@@ -0,0 +1,39 @@
1
+ import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
2
+
3
+ const lsFieldPropertiesCss = ":host{display:block;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
4
+
5
+ const LsFieldProperties = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ dataItem;
10
+ renderFields() {
11
+ if (this.dataItem && this.dataItem?.length === 1) {
12
+ switch (this.dataItem[0].formElementType) {
13
+ case 'signature':
14
+ return h("ls-field-properties-signature", { dataItem: this.dataItem[0] });
15
+ case 'date':
16
+ return h("ls-field-properties-date", { dataItem: this.dataItem[0] });
17
+ case 'autodate':
18
+ return h("ls-field-properties-date", { dataItem: this.dataItem[0] });
19
+ case 'text':
20
+ return h("ls-field-properties-text", { dataItem: this.dataItem[0] });
21
+ case 'number':
22
+ return h("ls-field-properties-number", { dataItem: this.dataItem[0] });
23
+ default:
24
+ return h("ls-field-properties-general", { dataItem: this.dataItem[0] });
25
+ }
26
+ }
27
+ else if (this.dataItem && this.dataItem?.length > 1)
28
+ return h("ls-field-properties-multiple", { dataItem: this.dataItem });
29
+ }
30
+ render() {
31
+ return (h(Host, { key: '5ec66a914aed5ab37a149a64e6ba32d981f0c93f' }, this.dataItem && this.renderFields(), h("slot", { key: '52af83caee54c5c3134d898fb7859ad58f82ccf5' })));
32
+ }
33
+ };
34
+ LsFieldProperties.style = lsFieldPropertiesCss;
35
+
36
+ export { LsFieldProperties as ls_field_properties };
37
+ //# sourceMappingURL=ls-field-properties.entry.esm.js.map
38
+
39
+ //# sourceMappingURL=ls-field-properties.entry.js.map
@@ -0,0 +1 @@
1
+ {"file":"ls-field-properties.entry.esm.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8gBAA8gB;;MCQ9hB,iBAAiB,GAAA,MAAA;;;;AACpB,IAAA,QAAQ;IAEhB,YAAY,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,EAAE;YAChD,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe;AACtC,gBAAA,KAAK,WAAW;AACd,oBAAA,OAAO,CAAA,CAAA,+BAAA,EAAA,EAA+B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACtE,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACjE,gBAAA,KAAK,QAAQ;AACX,oBAAA,OAAO,CAAA,CAAA,4BAAA,EAAA,EAA4B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;AACnE,gBAAA;AACE,oBAAA,OAAO,CAAA,CAAA,6BAAA,EAAA,EAA6B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAA,CAAI;;;aAGjE,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;AACnD,YAAA,OAAO,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;;IAIpE,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;","names":[],"sources":["src/components/ls-field-properties/ls-field-properties.css?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}\n\n.ls-field-properties-section {\n display: flex;\n flex-direction: column;\n min-width: 110px;\n background-color: white;\n border-radius: 0.75rem;\n border: 1px solid var(--gray-20, #EDEFF2);\n background: var(--white, #FFF);\n box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.css',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} />\n case 'autodate':\n return <ls-field-properties-date dataItem={this.dataItem[0]} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} />\n\n }\n\n render() {\n return (\n <Host>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ls-field-size.entry.esm.js","sources":["src/components/ls-field-size/ls-field-size.css?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\nbutton {\n display: inline-flex;\n background-color: transparent;\n min-width: 24px;\n min-height: 24px;\n border-radius: 0.5rem;\n margin: 0.25rem;\n width: 27px; \n height: 27px;\n justify-content: center;\n vertical-align: middle;\n border: 0;\n}\n\nbutton:hover {\n background-color: rgb(219, 219, 219);\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n tag: 'ls-field-size',\n styleUrl: 'ls-field-size.css',\n shadow: true,\n})\nexport class LsFieldSize {\n @Prop({ mutable: true }) dataItem: LSApiElement[];\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true\n }) update: EventEmitter<LSMutateEvent[]>;\n\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n alter(diff: object) {\n\n const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n return { action: \"update\", data: { ...c, ...diff } as LSApiElement }\n })\n\n this.dataItem = diffs.map(d => d.data as LSApiElement)\n this.mutate.emit(diffs) \n this.update.emit(diffs)\n }\n\n render() {\n return (\n <Host>\n <div class=\"flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30\">\n <button aria-label=\"Make selected fields the same width as the first selected field.\"\n class=\"ls-round-button\"\n onClick={()=> this.alter({width: this.dataItem[0].width})}\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same width as the first selected field.\" data-tooltip-place=\"top\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M14 9V6C14 5.44772 13.5523 5 13 5H11C10.4477 5 10 5.44772 10 6V9M14 15.0104V18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18V15.0104M6.00751 15.0104L4.00751 12M4.00751 12L6.00751 9M4.00751 12H20.0013M18.0013 15.0104L20.0013 12M20.0013 12L18.0013 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>\n </button>\n <button class=\"ls-round-button\" \n onClick={()=>this.alter({height: this.dataItem[0].height})}\n aria-label=\"Make selected fields the same height as the first selected field.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same height as the first selected field.\" data-tooltip-place=\"top\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.00439 10.0042H6.00439C5.45211 10.0042 5.00439 10.4519 5.00439 11.0042V13.0042C5.00439 13.5565 5.45211 14.0042 6.00439 14.0042H9.00439M15.0148 10.0042H18.0044C18.5567 10.0042 19.0044 10.4519 19.0044 11.0042V13.0042C19.0044 13.5565 18.5567 14.0042 18.0044 14.0042H15.0148M15.0148 17.9967L12.0044 19.9967M12.0044 19.9967L9.00439 17.9968M12.0044 19.9967V4.00293M15.0148 6.00299L12.0044 4.00293M12.0044 4.00293L9.00439 6.00293\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n </button>\n <button class=\"ls-round-button\" \n onClick={()=>this.alter({width: this.dataItem[0].width, height: this.dataItem[0].height})}\n aria-label=\"Make selected fields the same height and width as the first selected field.\"\n data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same height and width as the first selected field.\" data-tooltip-place=\"top\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M4 8V4M4 4H8M4 4L8 8M20 8V4M20 4H16M20 4L16 8M4 16V20M4 20H8M4 20L8 16M20 16V20M20 20H16M20 20L16 16M8 8H10M8 8V10M16 8H14M16 8V10M8 16H10M8 16V14M16 16V14M16 16H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>\n </button>\n </div>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}