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.
- package/LICENSE +21 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/components/ls-document-options.d.ts +11 -0
- package/dist/components/ls-document-viewer.d.ts +11 -0
- package/dist/components/ls-editor-field.d.ts +11 -0
- package/dist/components/ls-editor-table.d.ts +11 -0
- package/dist/components/ls-feature-column.d.ts +11 -0
- package/dist/components/ls-field-alignment.d.ts +11 -0
- package/dist/components/ls-field-dimensions.d.ts +11 -0
- package/dist/components/ls-field-distribute.d.ts +11 -0
- package/dist/components/ls-field-format.d.ts +11 -0
- package/dist/components/ls-field-properties-date.d.ts +11 -0
- package/dist/components/ls-field-properties-general.d.ts +11 -0
- package/dist/components/ls-field-properties-multiple.d.ts +11 -0
- package/dist/components/ls-field-properties-number.d.ts +11 -0
- package/dist/components/ls-field-properties-signature.d.ts +11 -0
- package/dist/components/ls-field-properties-text.d.ts +11 -0
- package/dist/components/ls-field-properties.d.ts +11 -0
- package/dist/components/ls-field-size.d.ts +11 -0
- package/dist/components/ls-formfield.d.ts +11 -0
- package/dist/components/ls-icon.d.ts +11 -0
- package/dist/components/ls-number-input.d.ts +11 -0
- package/dist/components/ls-participant-manager.d.ts +11 -0
- package/dist/components/ls-participant-select.d.ts +11 -0
- package/dist/components/ls-radio-input.d.ts +11 -0
- package/dist/components/ls-select-input.d.ts +11 -0
- package/dist/components/ls-statusbar.d.ts +11 -0
- package/dist/components/ls-text-input.d.ts +11 -0
- package/dist/components/ls-textarea-input.d.ts +11 -0
- package/dist/components/ls-toolbar.d.ts +11 -0
- package/dist/components/ls-toolbox-field.d.ts +11 -0
- package/dist/ls-document-viewer/clsx-ChV9xqsO.js +6 -0
- package/dist/ls-document-viewer/clsx-ChV9xqsO.js.map +1 -0
- package/dist/ls-document-viewer/editorUtils-CFWWEWrJ.js +163 -0
- package/dist/ls-document-viewer/editorUtils-CFWWEWrJ.js.map +1 -0
- package/dist/ls-document-viewer/index-Cjn1MNt-.js +4334 -0
- package/dist/ls-document-viewer/index-Cjn1MNt-.js.map +1 -0
- package/dist/ls-document-viewer/index.esm.js +18 -0
- package/dist/ls-document-viewer/index.esm.js.map +1 -0
- package/dist/ls-document-viewer/loader.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-options.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-options.entry.js +29 -0
- package/dist/ls-document-viewer/ls-document-options.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.entry.js +46750 -0
- package/dist/ls-document-viewer/ls-document-viewer.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js +50 -0
- package/dist/ls-document-viewer/ls-document-viewer.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-editor-field.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-editor-field.entry.js +120 -0
- package/dist/ls-document-viewer/ls-editor-field.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-editor-table.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-editor-table.entry.js +40 -0
- package/dist/ls-document-viewer/ls-editor-table.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-feature-column.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-feature-column.entry.js +26 -0
- package/dist/ls-document-viewer/ls-feature-column.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-alignment.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-alignment.entry.js +130 -0
- package/dist/ls-document-viewer/ls-field-alignment.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-dimensions.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-dimensions.entry.js +50 -0
- package/dist/ls-document-viewer/ls-field-dimensions.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-distribute.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-distribute.entry.js +100 -0
- package/dist/ls-document-viewer/ls-field-distribute.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-format.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-format.entry.js +41 -0
- package/dist/ls-document-viewer/ls-field-format.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-date.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-date.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-date.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-general.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-general.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-general.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-multiple.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-multiple.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-multiple.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-number.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-number.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-number.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-signature.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-signature.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-signature.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-text.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties-text.entry.js +19 -0
- package/dist/ls-document-viewer/ls-field-properties-text.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-properties.entry.js +39 -0
- package/dist/ls-document-viewer/ls-field-properties.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-size.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-field-size.entry.js +33 -0
- package/dist/ls-document-viewer/ls-field-size.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-formfield.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-formfield.entry.js +59 -0
- package/dist/ls-document-viewer/ls-formfield.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-icon.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-icon.entry.js +11017 -0
- package/dist/ls-document-viewer/ls-icon.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-number-input.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-number-input.entry.js +51 -0
- package/dist/ls-document-viewer/ls-number-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-participant-manager.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-participant-manager.entry.js +59 -0
- package/dist/ls-document-viewer/ls-participant-manager.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-participant-select.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-participant-select.entry.js +18 -0
- package/dist/ls-document-viewer/ls-participant-select.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-radio-input.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-radio-input.entry.js +28 -0
- package/dist/ls-document-viewer/ls-radio-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-select-input.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-select-input.entry.js +44 -0
- package/dist/ls-document-viewer/ls-select-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-statusbar.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-statusbar.entry.js +50 -0
- package/dist/ls-document-viewer/ls-statusbar.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-text-input.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-text-input.entry.js +47 -0
- package/dist/ls-document-viewer/ls-text-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-textarea-input.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-textarea-input.entry.js +43 -0
- package/dist/ls-document-viewer/ls-textarea-input.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-toolbar.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-toolbar.entry.js +36 -0
- package/dist/ls-document-viewer/ls-toolbar.entry.js.map +1 -0
- package/dist/ls-document-viewer/ls-toolbox-field.entry.esm.js.map +1 -0
- package/dist/ls-document-viewer/ls-toolbox-field.entry.js +52 -0
- package/dist/ls-document-viewer/ls-toolbox-field.entry.js.map +1 -0
- package/dist/types/components/interfaces/IToolboxField.d.ts +6 -0
- package/dist/types/components/ls-document-options/ls-document-options.d.ts +10 -0
- package/dist/types/components/ls-document-viewer/defaultPalette.d.ts +1 -0
- package/dist/types/components/ls-document-viewer/editorCalculator.d.ts +15 -0
- package/dist/types/components/ls-document-viewer/editorUtils.d.ts +20 -0
- package/dist/types/components/ls-document-viewer/keyHandlers.d.ts +1 -0
- package/dist/types/components/ls-document-viewer/ls-document-viewer.d.ts +139 -0
- package/dist/types/components/ls-document-viewer/mouseHandlers.d.ts +4 -0
- package/dist/types/components/ls-editor-field/ls-editor-field.d.ts +26 -0
- package/dist/types/components/ls-editor-table/ls-editor-table.d.ts +11 -0
- package/dist/types/components/ls-feature-column/ls-feature-column.d.ts +10 -0
- package/dist/types/components/ls-field-alignment/ls-field-alignment.d.ts +15 -0
- package/dist/types/components/ls-field-dimensions/ls-field-dimensions.d.ts +11 -0
- package/dist/types/components/ls-field-distribute/ls-field-distribute.d.ts +12 -0
- package/dist/types/components/ls-field-format/ls-field-format.d.ts +10 -0
- package/dist/types/components/ls-field-properties/ls-field-properties.d.ts +6 -0
- package/dist/types/components/ls-field-properties-date/ls-field-properties-date.d.ts +5 -0
- package/dist/types/components/ls-field-properties-general/ls-field-properties-general.d.ts +5 -0
- package/dist/types/components/ls-field-properties-multiple/ls-field-properties-multiple.d.ts +5 -0
- package/dist/types/components/ls-field-properties-number/ls-field-properties-number.d.ts +5 -0
- package/dist/types/components/ls-field-properties-signature/ls-field-properties-signature.d.ts +5 -0
- package/dist/types/components/ls-field-properties-text/ls-field-properties-text.d.ts +5 -0
- package/dist/types/components/ls-field-size/ls-field-size.d.ts +9 -0
- package/dist/types/components/ls-formfield/inputs/ls-number-input/ls-number-input.d.ts +21 -0
- package/dist/types/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.d.ts +13 -0
- package/dist/types/components/ls-formfield/inputs/ls-select-input/ls-select-input.d.ts +16 -0
- package/dist/types/components/ls-formfield/inputs/ls-text-input/ls-text-input.d.ts +20 -0
- package/dist/types/components/ls-formfield/inputs/ls-textarea-input/ls-textarea-input.d.ts +18 -0
- package/dist/types/components/ls-formfield/ls-formfield.d.ts +31 -0
- package/dist/types/components/ls-icon/icons.d.ts +5 -0
- package/dist/types/components/ls-icon/ls-icon.d.ts +13 -0
- package/dist/types/components/ls-participant-manager/ls-participant-manager.d.ts +24 -0
- package/dist/types/components/ls-participant-select/ls-participant-select.d.ts +3 -0
- package/dist/types/components/ls-statusbar/ls-statusbar.d.ts +20 -0
- package/dist/types/components/ls-toolbar/ls-toolbar.d.ts +19 -0
- package/dist/types/components/ls-toolbox-field/ls-toolbox-field.d.ts +23 -0
- package/dist/types/components.d.ts +1145 -0
- package/dist/types/index.d.ts +11 -0
- package/dist/types/stencil-public-runtime.d.ts +1709 -0
- package/dist/types/types/Icon.d.ts +355 -0
- package/dist/types/types/LSApiElement.d.ts +42 -0
- package/dist/types/types/LSApiElementType.d.ts +14 -0
- package/dist/types/types/LSApiRole.d.ts +11 -0
- package/dist/types/types/LSApiTemplate.d.ts +29 -0
- package/dist/types/types/LSMutateEvent.d.ts +7 -0
- package/dist/types/types/RoleColor.d.ts +4 -0
- package/dist/types/types/ValidationType.d.ts +9 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/package.json +59 -0
- 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":";;AAAA,MAAM,oBAAoB,GAAG,kTAAkT;;MCQlU,iBAAiB,GAAA,MAAA;;;;;;AACpB,IAAA,QAAQ;AAMb,IAAA,MAAM;AAMN,IAAA,MAAM;AAGT,IAAA,QAAQ,CAAC,EAAiC,EAAA;AACxC,QAAA,OAAQ,EAAqB,CAAC,MAAM,KAAK,SAAS;;AAGpD,IAAA,UAAU,CAAC,EAAiC,EAAA;AAC1C,QAAA,OAAO,OAAQ,EAAqB,CAAC,MAAM,KAAK,QAAQ;;;;AAK1D,IAAA,KAAK,CAAC,IAAY,EAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;QACjB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAClC,MAAM,KAAK,GAAoB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAG;AACnD,gBAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,EAAkB,EAAE;AACtE,aAAC,CAAC;AAEF,YAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAoB,CAAC;AACtD,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;aAClB;AACL,YAAA,MAAM,UAAU,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAkB,EAAmB;AAC7G,YAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAoB;YAC/C,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;YAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC;;;IAIlC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC9B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EACvC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAa,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EACjI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAa,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EAChI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAW,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAA,CAAG,CAAM,CAC1H,EAEP,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC5B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EACvC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAa,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EACpJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,cAAa,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EAClJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAW,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,GAAG,CAAM,EAC5I,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,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAC,IAAI,EAAA,CAAG,CAAM,CAC3I,CACH;;;;;;;","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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"}
|