npm - legalesign-document-viewer - Versions diffs - 0.10.2 → 0.10.4 - Mend

legalesign-document-viewer 0.10.2 → 0.10.4

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 (508) hide show

package/dist/collection/components/ls-editor-field/ls-editor-field.js CHANGED Viewed

@@ -263,13 +263,13 @@ export class LsEditorField {
                 transform: 'translateY(-50%)',
                 lineHeight: '1',
                 fontSize: `${0.75 * zoomValue}rem`,
-            } })), this.isDateField() ? (h("input", { id: "editing-input", class: "ls-dv-date-field-input", type: "date", style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }, value: this.toISODate(this.dataItem?.value), checked: this.dataItem?.value ? true : false, onInput: e => {
+            } })), this.isDateField() ? (h("input", { id: "editing-input", class: "ls-dv-date-field-input", type: "date", style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.toISODate(this.dataItem?.value), checked: this.dataItem?.value ? true : false, onInput: e => {
                 const val = e.target.value;
                 this.alter({ value: this.formatDateFromISO(val) });
             }, onChange: e => {
                 const val = e.target.value;
                 this.alter({ value: this.formatDateFromISO(val) });
-            } })) : (h("textarea", { id: "editing-input", class: this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }, value: this.dataItem?.value, rows: 1, onInput: e => {
+            } })) : (h("textarea", { id: "editing-input", class: this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }, value: this.dataItem?.value, rows: 1, onInput: e => {
                 const el = e.target;
                 el.style.height = 'auto';
                 el.style.height = el.scrollHeight + 'px';
@@ -281,7 +281,7 @@ export class LsEditorField {
                         el.style.height = el.scrollHeight + 'px';
                     });
                 }
-            } })), h("div", { key: 'de43d60774b719441dbf4de5e03c371adc43b949', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || dvI18n.t(this.getFieldTypeKey())), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '7a96393778d5c52a5db25d52d334a485f0073007', style: {
+            } })), h("div", { key: '3674f26decf45d88822b5a5aa716ca275389e417', id: "field-info", class: this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, h("span", { key: '043b9992a9b061bcc4453b269983a1b764ee6c8e', style: { width: '100%', display: 'block', textAlign: 'inherit' } }, (this.dataItem.value.length && this.dataItem.value) || dvI18n.t(this.getFieldTypeKey()))), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '4b54596d4c87be261f4522573a9deb30fdc69565', style: {
                 position: 'absolute',
                 background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
                 color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
@@ -292,7 +292,7 @@ export class LsEditorField {
                 left: `-${2 * zoomValue}px`,
                 whiteSpace: 'nowrap',
                 width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '4cc0bd1ba6001e6231b1cbe5c5427b4aedcd0c33', style: {
+            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '091e37d8cd5ffccb804ebac8035143c154924e58', style: {
                 position: 'absolute',
                 color: 'var(--gray-80, #3a3a3a)',
                 bottom: `-${1.75 * zoomValue}rem`,
@@ -303,7 +303,7 @@ export class LsEditorField {
                 textOverflow: 'ellipsis',
                 maxWidth: `${10 * zoomValue}rem`,
                 fontFamily: 'sans-serif',
-            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.selected && !this.multiSelected && (h("div", { key: '7cfa81df3e9d6eb7d24d8a886843bf5b792fa535', class: "resize-handles" }, h("div", { key: '408aed099dd3ec814b5240d49d705a7dc9fe4ace', class: "resize-handle handle-e" }), h("div", { key: '8f81ab03888b08568e3ebe877499a05922b72b02', class: "resize-handle handle-s" }), h("div", { key: 'c02e55ab8d2eb1bb2dc5417e4eb9ff73b7418418', class: "resize-handle handle-se" }))), this.floatingActive && !this.readonly && (h("button", { key: 'ce31cd079ac2c236538c4a001c2951c1acd1cf3f', class: 'ls-dv-x-button', style: {
+            } }, dvI18n.t('fieldproperties.assignedto'), " ", this.assignee)), this.selected && !this.multiSelected && (h("div", { key: '309a973906b50d00d8b867859e0fa0cff9fe6ac0', class: "resize-handles" }, h("div", { key: '9255aa25105203f41ae04b3f99bc5cb52b2e27f2', class: "resize-handle handle-e" }), h("div", { key: 'c4cea6db9d93c4c4bcee0985881434516490fff3', class: "resize-handle handle-s" }), h("div", { key: 'bcb7ca588ab4302bf09d41afbddb878cb57ce20e', class: "resize-handle handle-se" }))), this.floatingActive && !this.readonly && (h("button", { key: 'b544260efa160380f5090562195f6ff7793b8c5c', class: 'ls-dv-x-button', style: {
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',
@@ -311,7 +311,7 @@ export class LsEditorField {
                 height: `${0.875 * zoomValue}rem`,
                 lineHeight: `${0.75 * zoomValue}rem`,
                 fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '4ba7f32bf21aad8f6fdfce97adc1c52ec31bcc9a', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
+            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '92057e863a06f24617ecef01c46eb011b6f6d413', name: "x-icon", size: Math.round(12 * zoomValue) }))))));
     }
     static get is() { return "ls-editor-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-editor-field/ls-editor-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'image': 'toolbox.image',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'drawn': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n 'regex': 'toolbox.regex',\n};\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.scss',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop() assignee: string;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() multiSelected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' \| 'signature' \| 'date' \| 'regex' \| 'file' \| 'number' \| 'signing date';\n @Prop() page: { height: number; width: number };\n\n private getFieldTypeKey(): string {\n return fieldTypeKeyMap[this.dataItem?.formElementType] \|\| 'toolbox.text';\n }\n @Prop() fixedAspect: number \| null = null;\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n @Prop() zoom: string;\n\n private sizeObserver: ResizeObserver;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n /*\n Controls whether floating elements are visible. Set by mouse enter/leave events.\n /\n @Prop({ mutable: true, reflect: true }) floatingActive: boolean = false;\n\n // Set floatingActive true on mouse enter, false on mouse leave\n private handleMouseEnter = () => {\n this.floatingActive = true;\n };\n\n private handleMouseLeave = () => {\n this.floatingActive = false;\n };\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter' && !e.ctrlKey && !e.metaKey) {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n e.preventDefault();\n }\n\n e.stopPropagation();\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // While dragging (button held), keep current cursor\n if (e.buttons === 1) return;\n\n // Scale edge threshold so short/narrow fields still have a usable move zone\n const edgeX = Math.min(8, this.component.clientWidth 0.25);\n const edgeY = Math.min(8, this.component.clientHeight * 0.25);\n\n const nearLeft = e.offsetX < edgeX;\n const nearRight = (this.component.clientWidth - e.offsetX) < edgeX;\n const nearTop = e.offsetY < edgeY;\n const nearBottom = (this.component.clientHeight - e.offsetY) < edgeY;\n\n // Corners first\n if ((nearRight && nearBottom) \|\| (nearLeft && nearTop)) {\n this.component.style.cursor = 'nwse-resize';\n } else if ((nearLeft && nearBottom) \|\| (nearRight && nearTop)) {\n this.component.style.cursor = 'nesw-resize';\n } else if (nearLeft \|\| nearRight) {\n this.component.style.cursor = 'ew-resize';\n } else if (nearTop \|\| nearBottom) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick(e: MouseEvent) {\n if (this.readonly \|\| this.dataItem.formElementType === 'signature' \|\| this.dataItem.formElementType === 'initials' \|\| this.dataItem.formElementType === 'signing date') {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n // Date fields use selection to open picker, skip dblclick\n if (this.isDateField()) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-dv-editor-field-editable';\n editbox.focus();\n }\n e.preventDefault();\n e.stopPropagation();\n }\n\n @Listen('mousedown', { capture: true })\n handleMouseDown(e) {\n if (this.readonly) return;\n const edgeX = Math.min(8, this.component.clientWidth * 0.25);\n const edgeY = Math.min(8, this.component.clientHeight * 0.25);\n\n const nearLeft = e.offsetX < edgeX;\n const nearRight = (this.component.clientWidth - e.offsetX) < edgeX;\n const nearTop = e.offsetY < edgeY;\n const nearBottom = (this.component.clientHeight - e.offsetY) < edgeY;\n\n if (nearLeft \|\| nearRight \|\| nearTop \|\| nearBottom) {\n // Prevent native drag so mousemove keeps firing during resize\n e.preventDefault();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = 'rgba(255,255,255,0.5)';\n this.component.style.boxShadow = 'none';\n }\n }\n\n deleteField = () => {\n this.mutate.emit([{ action: 'delete', data: this.dataItem }]);\n this.update.emit([{ action: 'delete', data: this.dataItem }]);\n };\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n\n movebox.style.height = '100%';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = this.hexToRgba('ffffff', 0.7);\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n hexToRgba(hex: string, alpha: number): string {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `rgba(${r},${g},${b},${alpha})`;\n }\n\n private isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n private getDateFormat(): string \| null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] \|\| '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '', m = '', d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n private formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n render() {\n const hostStyle = this.floatingActive\n ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 }\n : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 };\n\n const zoomValue = parseFloat(this.zoom) \|\| 1;\n // const topOffset = (this.dataItem.height ?? 1) + 4;\n const topOffset = 24;\n \n\n return (\n <Host id={this.dataItem ? 'ls-field-' + this.dataItem.id : undefined} style={hostStyle} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && (\n <ls-icon\n name=\"required-icon\"\n size={Math.round(12 * zoomValue)}\n class=\"ls-dv-required-icon\"\n customStyle={{\n position: 'absolute',\n top: '50%',\n right: `${0.25 * zoomValue}rem`,\n transform: 'translateY(-50%)',\n lineHeight: '1',\n fontSize: `${0.75 * zoomValue}rem`,\n }}\n />\n )}\n {this.isDateField() ? (\n <input\n id=\"editing-input\"\n class=\"ls-dv-date-field-input\"\n type=\"date\"\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}\n value={this.toISODate(this.dataItem?.value)}\n checked={this.dataItem?.value ? true : false}\n onInput={e => {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\n }}\n onChange={e => {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\n }}\n />\n ) : (\n <textarea\n id=\"editing-input\"\n class={this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field'}\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}\n value={this.dataItem?.value}\n rows={1}\n onInput={e => {\n const el = e.target as HTMLTextAreaElement;\n el.style.height = 'auto';\n el.style.height = el.scrollHeight + 'px';\n this.alter({ value: el.value });\n }}\n ref={el => {\n if (el && this.isEditing) {\n requestAnimationFrame(() => {\n el.style.height = 'auto';\n el.style.height = el.scrollHeight + 'px';\n });\n }\n }}\n />\n )}\n\n <div id=\"field-info\" class={this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable'} style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}>\n {(this.dataItem.value.length && this.dataItem.value) \|\| dvI18n.t(this.getFieldTypeKey())}\n </div>\n {(this.floatingActive \|\| this.selected) && this.dataItem?.label && (\n <div\n style={{\n position: 'absolute',\n background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,\n color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,\n borderRadius: `${0.25 * zoomValue}rem`,\n padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,\n top: `-${topOffset * zoomValue}px`,\n fontWeight: '500',\n left: `-${2 * zoomValue}px`,\n whiteSpace: 'nowrap',\n width: 'fit-content',\n }}\n >\n {this.dataItem?.label}\n </div>\n )}\n {(this.floatingActive \|\| this.selected) && (\n <p\n style={{\n position: 'absolute',\n color: 'var(--gray-80, #3a3a3a)',\n bottom: `-${1.75 * zoomValue}rem`,\n fontSize: `${0.625 * zoomValue}rem`,\n left: '0',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: `${10 * zoomValue}rem`,\n fontFamily: 'sans-serif',\n }}\n >\n {dvI18n.t('fieldproperties.assignedto')} {this.assignee}\n </p>\n )}\n {this.selected && !this.multiSelected && (\n <div class=\"resize-handles\">\n <div class=\"resize-handle handle-e\" />\n <div class=\"resize-handle handle-s\" />\n <div class=\"resize-handle handle-se\" />\n </div>\n )}\n {this.floatingActive && !this.readonly && (\n <button\n class={'ls-dv-x-button'}\n style={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: `${0.875 * zoomValue}rem`,\n height: `${0.875 * zoomValue}rem`,\n lineHeight: `${0.75 * zoomValue}rem`,\n fontSize: `${0.75 * zoomValue}rem`,\n }}\n onClick={() => this.deleteField()}\n >\n <ls-icon name=\"x-icon\" size={Math.round(12 * zoomValue)} />\n </button>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-editor-field.js","sourceRoot":"","sources":["../../../../src/components/ls-editor-field/ls-editor-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Element, State, Prop, Watch, Listen, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { dvI18n } from '../../i18n/i18n';\n\nconst fieldTypeKeyMap: { [key: string]: string } = {\n 'signature': 'toolbox.signature',\n 'auto sign': 'toolbox.autosign',\n 'text': 'toolbox.text',\n 'signing date': 'toolbox.signingdate',\n 'date': 'toolbox.date',\n 'initials': 'toolbox.initials',\n 'checkbox': 'toolbox.checkbox',\n 'email': 'toolbox.email',\n 'number': 'toolbox.number',\n 'image': 'toolbox.image',\n 'dropdown': 'toolbox.dropdown',\n 'file': 'toolbox.file',\n 'drawn field': 'toolbox.drawn',\n 'drawn': 'toolbox.drawn',\n 'regular expression': 'toolbox.regex',\n 'regex': 'toolbox.regex',\n};\n\n@Component({\n tag: 'ls-editor-field',\n styleUrl: 'ls-editor-field.scss',\n shadow: true,\n})\nexport class LsEditorField {\n @Element() component: HTMLElement;\n @Prop() assignee: string;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() selected: boolean = false;\n @Prop() multiSelected: boolean = false;\n @Prop() readonly: boolean;\n @Prop() type: 'text' \| 'signature' \| 'date' \| 'regex' \| 'file' \| 'number' \| 'signing date';\n @Prop() page: { height: number; width: number };\n\n private getFieldTypeKey(): string {\n return fieldTypeKeyMap[this.dataItem?.formElementType] \|\| 'toolbox.text';\n }\n @Prop() fixedAspect: number \| null = null;\n @State() isEditing: boolean = false;\n @State() heldEdge: string = null;\n @State() isEdgeDragging: boolean = false;\n @State() innerValue: string;\n @Prop() zoom: string;\n\n private sizeObserver: ResizeObserver;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: false,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n /*\n Controls whether floating elements are visible. Set by mouse enter/leave events.\n /\n @Prop({ mutable: true, reflect: true }) floatingActive: boolean = false;\n\n // Set floatingActive true on mouse enter, false on mouse leave\n private handleMouseEnter = () => {\n this.floatingActive = true;\n };\n\n private handleMouseLeave = () => {\n this.floatingActive = false;\n };\n\n @Listen('keydown')\n handleInput(e: KeyboardEvent) {\n if (e.code === 'Enter' && !e.ctrlKey && !e.metaKey) {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\n e.preventDefault();\n }\n\n e.stopPropagation();\n }\n\n @Listen('mousemove', { capture: true })\n handleMouseMove(e) {\n if (this.readonly) return;\n if (!e.clientX) return;\n\n // While dragging (button held), keep current cursor\n if (e.buttons === 1) return;\n\n // Scale edge threshold so short/narrow fields still have a usable move zone\n const edgeX = Math.min(8, this.component.clientWidth 0.25);\n const edgeY = Math.min(8, this.component.clientHeight * 0.25);\n\n const nearLeft = e.offsetX < edgeX;\n const nearRight = (this.component.clientWidth - e.offsetX) < edgeX;\n const nearTop = e.offsetY < edgeY;\n const nearBottom = (this.component.clientHeight - e.offsetY) < edgeY;\n\n // Corners first\n if ((nearRight && nearBottom) \|\| (nearLeft && nearTop)) {\n this.component.style.cursor = 'nwse-resize';\n } else if ((nearLeft && nearBottom) \|\| (nearRight && nearTop)) {\n this.component.style.cursor = 'nesw-resize';\n } else if (nearLeft \|\| nearRight) {\n this.component.style.cursor = 'ew-resize';\n } else if (nearTop \|\| nearBottom) {\n this.component.style.cursor = 'ns-resize';\n } else {\n this.component.style.cursor = 'move';\n }\n }\n\n @Listen('dblclick', { capture: true })\n handleDoubleClick(e: MouseEvent) {\n if (this.readonly \|\| this.dataItem.formElementType === 'signature' \|\| this.dataItem.formElementType === 'initials' \|\| this.dataItem.formElementType === 'signing date') {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n // Date fields use selection to open picker, skip dblclick\n if (this.isDateField()) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n this.isEditing = true;\n this.heldEdge = null;\n this.isEdgeDragging = false;\n this.sizeObserver.disconnect();\n this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n console.log(this.dataItem);\n\n if (editbox) {\n editbox.className = 'ls-dv-editor-field-editable';\n editbox.focus();\n }\n e.preventDefault();\n e.stopPropagation();\n }\n\n @Listen('mousedown', { capture: true })\n handleMouseDown(e) {\n if (this.readonly) return;\n const edgeX = Math.min(8, this.component.clientWidth * 0.25);\n const edgeY = Math.min(8, this.component.clientHeight * 0.25);\n\n const nearLeft = e.offsetX < edgeX;\n const nearRight = (this.component.clientWidth - e.offsetX) < edgeX;\n const nearTop = e.offsetY < edgeY;\n const nearBottom = (this.component.clientHeight - e.offsetY) < edgeY;\n\n if (nearLeft \|\| nearRight \|\| nearTop \|\| nearBottom) {\n // Prevent native drag so mousemove keeps firing during resize\n e.preventDefault();\n }\n }\n\n @Listen('dragstart', { capture: false, passive: false })\n handleDragStart(event) {\n // Add the target element's id to the data transfer object\n event.dataTransfer.setData(\n 'application/json',\n JSON.stringify({\n type: this.type,\n }),\n );\n event.dataTransfer.dropEffect = 'move';\n }\n\n @Watch('selected')\n watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n if (_newValue) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = 'rgba(255,255,255,0.5)';\n this.component.style.boxShadow = 'none';\n }\n }\n\n deleteField = () => {\n this.mutate.emit([{ action: 'delete', data: this.dataItem }]);\n this.update.emit([{ action: 'delete', data: this.dataItem }]);\n };\n\n componentDidLoad() {\n this.sizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n if (entry.contentRect) {\n const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n\n movebox.style.height = '100%';\n }\n }\n });\n\n this.sizeObserver.observe(this.component);\n\n // New dropped components automatically need selecting.\n if (this.selected) {\n this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);\n this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';\n } else {\n this.component.style.background = this.hexToRgba('ffffff', 0.7);\n this.component.style.boxShadow = 'none';\n }\n }\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 900);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n hexToRgba(hex: string, alpha: number): string {\n hex = hex.replace('#', '');\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return `rgba(${r},${g},${b},${alpha})`;\n }\n\n private isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n private getDateFormat(): string \| null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] \|\| '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '', m = '', d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n private formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n render() {\n const hostStyle = this.floatingActive\n ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 }\n : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, '--field-border-color': defaultRolePalette[this.dataItem?.signer % 100].s60 };\n\n const zoomValue = parseFloat(this.zoom) \|\| 1;\n // const topOffset = (this.dataItem.height ?? 1) + 4;\n const topOffset = 24;\n \n\n return (\n <Host id={this.dataItem ? 'ls-field-' + this.dataItem.id : undefined} style={hostStyle} onMouseEnter={this.handleMouseEnter} onMouseLeave={this.handleMouseLeave}>\n <div\n class={{\n 'ls-editor-field': true,\n 'is-selected': this.selected,\n }}\n >\n {!this.dataItem?.optional && (\n <ls-icon\n name=\"required-icon\"\n size={Math.round(12 * zoomValue)}\n class=\"ls-dv-required-icon\"\n customStyle={{\n position: 'absolute',\n top: '50%',\n right: `${0.25 * zoomValue}rem`,\n transform: 'translateY(-50%)',\n lineHeight: '1',\n fontSize: `${0.75 * zoomValue}rem`,\n }}\n />\n )}\n {this.isDateField() ? (\n <input\n id=\"editing-input\"\n class=\"ls-dv-date-field-input\"\n type=\"date\"\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }}\n value={this.toISODate(this.dataItem?.value)}\n checked={this.dataItem?.value ? true : false}\n onInput={e => {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\n }}\n onChange={e => {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\n }}\n />\n ) : (\n <textarea\n id=\"editing-input\"\n class={this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field'}\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}`, textAlign: 'inherit' }}\n value={this.dataItem?.value}\n rows={1}\n onInput={e => {\n const el = e.target as HTMLTextAreaElement;\n el.style.height = 'auto';\n el.style.height = el.scrollHeight + 'px';\n this.alter({ value: el.value });\n }}\n ref={el => {\n if (el && this.isEditing) {\n requestAnimationFrame(() => {\n el.style.height = 'auto';\n el.style.height = el.scrollHeight + 'px';\n });\n }\n }}\n />\n )}\n\n <div id=\"field-info\" class={this.isEditing ? 'ls-dv-hidden-field' : 'ls-dv-editor-field-draggable'} style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}>\n <span style={{ width: '100%', display: 'block', textAlign: 'inherit' }}>{(this.dataItem.value.length && this.dataItem.value) \|\| dvI18n.t(this.getFieldTypeKey())}</span>\n </div>\n {(this.floatingActive \|\| this.selected) && this.dataItem?.label && (\n <div\n style={{\n position: 'absolute',\n background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,\n color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,\n borderRadius: `${0.25 * zoomValue}rem`,\n padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,\n top: `-${topOffset * zoomValue}px`,\n fontWeight: '500',\n left: `-${2 * zoomValue}px`,\n whiteSpace: 'nowrap',\n width: 'fit-content',\n }}\n >\n {this.dataItem?.label}\n </div>\n )}\n {(this.floatingActive \|\| this.selected) && (\n <p\n style={{\n position: 'absolute',\n color: 'var(--gray-80, #3a3a3a)',\n bottom: `-${1.75 * zoomValue}rem`,\n fontSize: `${0.625 * zoomValue}rem`,\n left: '0',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: `${10 * zoomValue}rem`,\n fontFamily: 'sans-serif',\n }}\n >\n {dvI18n.t('fieldproperties.assignedto')} {this.assignee}\n </p>\n )}\n {this.selected && !this.multiSelected && (\n <div class=\"resize-handles\">\n <div class=\"resize-handle handle-e\" />\n <div class=\"resize-handle handle-s\" />\n <div class=\"resize-handle handle-se\" />\n </div>\n )}\n {this.floatingActive && !this.readonly && (\n <button\n class={'ls-dv-x-button'}\n style={{\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n width: `${0.875 * zoomValue}rem`,\n height: `${0.875 * zoomValue}rem`,\n lineHeight: `${0.75 * zoomValue}rem`,\n fontSize: `${0.75 * zoomValue}rem`,\n }}\n onClick={() => this.deleteField()}\n >\n <ls-icon name=\"x-icon\" size={Math.round(12 * zoomValue)} />\n </button>\n )}\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-editor-table/ls-editor-table.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class LsEditorTable {
         });
     }
     render() {
-        return (h(Host, { key: 'd4b5a3624260d46d38afb1d1501519a3320d0acf' }, h("table", { key: '90fd0682df01d838ea34b0311c12c9136152d755', id: "ls-editor-table" }), h("slot", { key: '7cc7c056d53c5b84c48e7dc4b6b2506e7cf9bf2f' })));
+        return (h(Host, { key: '465bf3765c06cf044bacd292a712c06290ac3770' }, h("table", { key: '906c3270a0758c8eb589d4d4dab85bdfedbfdded', id: "ls-editor-table" }), h("slot", { key: 'c1b68a6e6ab42c27a81b7557600d09fc057a2338' })));
     }
     static get is() { return "ls-editor-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-feature-column/ls-feature-column.js CHANGED Viewed

@@ -17,22 +17,22 @@ export class LsFeatureColoumn {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '58038c2ee40e668bf5ae92c9651480a7285901b3' }, h("div", { key: 'd640b0fe6d45457194e9c1755c01214d286db8a4', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+        return (h(Host, { key: '9d04bb0991d2b703f9d3aae1bbeaba1e4435244f' }, h("div", { key: '87c0a840f6ee79737187d49cdab70c1628392551', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('document');
                 this.manager = 'document';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '1f7563bf1b8759f35b4c819b599aad85a9770728', name: "document-icon", size: 24 })), h("div", { key: '2b4a1f07150478bef0e2e7d6f938050218e1b5a0', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.templatedetails')}</strong><br/>${dvI18n.t('featurecolumn.templatedetailstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '2c394fa1d93840f9aa389df613795cb12cd46a12', name: "document-icon", size: 24 })), h("div", { key: '3159f85bb836b1cc99c2f22057b78cbf1feef509', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('toolbox');
                 this.manager = 'toolbox';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'e486e1cdb118702454f868ddb6f72512574210c2', name: "typing-input-icon", size: 24 })), h("div", { key: 'a1bd1f8d8616c01e3061013a6fdb10f98f8c363c', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.fieldtypes')}</strong><br/>${dvI18n.t('featurecolumn.fieldtypestooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '67b8eede3eaf341ea1d13e4968b1ec959cdf4431', name: "typing-input-icon", size: 24 })), h("div", { key: 'af82b8e8d330de072f3e43924c780bc022956823', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('participant');
                 this.manager = 'participant';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '93ed21475908c43669f42614508f057530282af9', name: "user-group-icon", size: 24 })), h("div", { key: '43d45df9f266d5c8489d1e55f7fbbcc4b9d3937f', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.participants')}</strong><br/>${dvI18n.t('featurecolumn.participantstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '21432806a27193222886b07220fa579780e5239c', name: "user-group-icon", size: 24 })), h("div", { key: 'bb0c623d9cfe2e1579c434e1bd5220fe62e101c3', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('recipient');
                 this.manager = 'recipient';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: '664807c17913c2e3391b9e33d5765c958f390323', name: "user-group-icon", size: 24 })), h("div", { key: '6d0321b3a7708679796a65799539268a6d3aa8ae', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.recipients')}</strong><br/>${dvI18n.t('featurecolumn.recipientstooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'f595f2426bc6392c7f18157ea6fddfa97e87a477', name: "user-group-icon", size: 24 })), h("div", { key: '5a28cf31a458908f221b3c1120793a36fa843a88', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('validation');
                 this.manager = 'validation';
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'ad1caf093d1cb7694d86ccd0abe04aaa05b4c130', name: "adjustments-icon", size: 24 })), h("slot", { key: 'c3c6d40c231fedca3ef41cf4a64d77dbfe6fb44c' }), h("ls-tooltip", { key: '422df26e468501520861ca05ede80d3e41e92de2', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-html": `<strong>${dvI18n.t('featurecolumn.validation')}</strong><br/>${dvI18n.t('featurecolumn.validationtooltip')}`, "data-tooltip-place": "right" }, h("ls-icon", { key: 'bc9036e2e27513a9f89b597997ba906096648744', name: "adjustments-icon", size: 24 })), h("slot", { key: 'ba34f0ac0354779dcf958097faa29b0e3278eda6' }), h("ls-tooltip", { key: '6238d20870825e456b4253135640942b079b8ea4', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-feature-column"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-alignment/ls-field-alignment.js CHANGED Viewed

@@ -112,9 +112,9 @@ export class LsFieldAlignment {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '4b82273e27feb20ce51de4c159cd4e037aee341d' }, h("div", { key: 'e2fd27d6985c29cc6f312f5dc5bf8f3ba35244f3', class: 'ls-dv-field-properties-section' }, h("div", { key: '40b145acdcc7ccf20627776ae115730ef30103c6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f00f39d9587cc530b882f54813e20804b4ffe982', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'c043f36003c1bcd34256073406ee07a56f8a7889', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'f16a4626f0ba07a0d1f526da0da9d20590dad643', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '83217ab8385d413d84508e06e0c8a0881d5692ba', class: 'ls-dv-button-group' }, h("button", { key: 'e85d71d5f0a9f1f98be9ee507f78dd04b6e22e38', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: 'c5bdef871e860d12cdeec1f978cee97ab08d0476', name: "field-alignment-left-icon" })), h("button", { key: 'afdf4536494589acf307ef09cc42365329c4bbc6', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: 'be3ba82dda4ab564e403775e54613a9fa8e96f42', name: "field-alignment-centre-icon" })), h("button", { key: '71f627940e169d15760660e7a77b86635f1f2967', onClick: () => {
+        return (h(Host, { key: '02ac835613930a103b3327bc8b44c693be7c3695' }, h("div", { key: 'c80492f5506b8ba1c0f810c3bee227bb1bf65f48', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c05fe5b8cc6a0dbe35b18779726564ead67cbe22', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8e1ef32725a00be3b7d33512081d8b3b809a3bd0', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '2ef6497e8dfe8f2ae77239427e53b8203434b825', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'a7f190dbf99d1fc4b560c0e419c5b6b7d8037018', class: 'ls-dv-multi-button-group-row' }, h("div", { key: 'af92d6c29a55da64ff46fe49fc6dfd7b2023211d', class: 'ls-dv-button-group' }, h("button", { key: '9609aaf2d21515717145fb6b1993d51e564775b8', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft'), disabled: this.readonly }, h("ls-icon", { key: '9617202d5d3846d8d981a7c2b14f4a5fe06c5142', name: "field-alignment-left-icon" })), h("button", { key: '73694691f4ae5d40a6c31788160915e78c19d817', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter'), disabled: this.readonly }, h("ls-icon", { key: 'ed8c0aef6b3d61bf2496e9218a39e2a0a13f8830', name: "field-alignment-centre-icon" })), h("button", { key: '38196f4f24650c383c3d0aa1168d48b91572d2e8', onClick: () => {
                 this.right();
-            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: '1b28dfbdd7da0b41c706a13656c2327cb5efe06e', name: "field-alignment-right-icon" }))), h("div", { key: '2eb97c7347fe6e5b77630da77fe52b3dc1809d81', class: 'ls-dv-button-group' }, h("button", { key: 'f09a7fac8036ae33c051f3b3b52ef6fc71dcd5cf', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '5efbcab9310580df7f141d3334d1aa18e2523b61', name: "field-alignment-top-icon" })), h("button", { key: 'b26e39f0dbee74eb665bfcf89e64698ebce34eea', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: 'd1f13c0d3cf84c8fc96eb40ef8fa2a34672f85d4', name: "field-alignment-middle-icon" })), h("button", { key: '80f381b547069e65dfd7a53484fb6cf251812b8b', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: '8295a894d6e76a8e78ac3c3cfa5a30157a053bbc', name: "field-alignment-bottom-icon" }))))), h("slot", { key: 'a0b542dde98191db553af7cd7b935c06fda9811f' }), h("ls-tooltip", { key: '9f444dbdb13bdefabc581b548da6d3c4b240f71a', tooltipId: "ls-dv-tooltip" })));
+            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright'), disabled: this.readonly }, h("ls-icon", { key: '1a41ca820b0a31bb815221c001b38bd9a8ea4527', name: "field-alignment-right-icon" }))), h("div", { key: '46a48c47465425ae35daeb23587547ebfaf3ee62', class: 'ls-dv-button-group' }, h("button", { key: '5ee86692c5d311a3cd71868b61d81977a05dc16b', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop'), disabled: this.readonly }, h("ls-icon", { key: '3394b53ece7f773f7b821df8a1b30417d065f734', name: "field-alignment-top-icon" })), h("button", { key: '5c74d482ecdc9ae892540e4c2b86392d65413263', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle'), disabled: this.readonly }, h("ls-icon", { key: '10400075e7e02e58042ecdfe16542531eaf0ed97', name: "field-alignment-middle-icon" })), h("button", { key: '73a7d430e28d1d466c4ae1a4cb6e522d98779066', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom'), disabled: this.readonly }, h("ls-icon", { key: '80febff05c3efa8fd24ee5c0b15032c1f86e946a', name: "field-alignment-bottom-icon" }))))), h("slot", { key: '96da2c8b313277db464db2c5dfe002ea292ad8ef' }), h("ls-tooltip", { key: 'de33d7977d4d68839c673bcbe9f3be547e4ac643', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-field-alignment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-content/ls-field-content.js CHANGED Viewed

@@ -134,15 +134,15 @@ export class LsFieldContent {
         this.alter({ validation: newValidation, value: newValue });
     }
     render() {
-        return (h(Host, { key: '320cb21f3cad0da910d8870c6a283a772d11d201' }, h("ls-props-section", { key: 'ee795e246768bbefd046ad6037f7308a9e2579b3', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: '0435a56c4006374343d3a86b71623c73095a0e4a', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '9227d2187d9c71ad33565c6baace77b2d3f88068', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: 'fe3a44ce7074ec0eb5c45a6be18e7a011165d8f3', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'cc51a43e2b0c8568b9acfbe7fee8d288edd68d25', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '9e00acddb33aadab2c93036a6b091b81bad3f142', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }), disabled: this.readonly })), this.supportsValue() && (h("ls-props-section", { key: 'bc4e904f4823e4dc207c7c5fdaadcb11305355c4', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
+        return (h(Host, { key: '0e4be12a5cfe7d86afe3800c6dada17ee92ba0c6' }, h("ls-props-section", { key: '81618ff56ea83795b99d5d2a7f6fa0a30df55eb4', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: 'bc0e38160eefc5a20d6d549b1c43099e4afca657', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), this.dataItem?.formElementType !== 'signature' && (h("ls-props-section", { key: 'cef7f6d80321ed89c619cb084f007997b7f01b59', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: '8d0b4c10978029e70b145178df44982ee84f4d2e', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => !this.readonly && this.alter({ optional: !ev.detail }) }))), h("ls-props-section", { key: 'fecc2570a73bcbb477dfc50f946c5365dcde1e8e', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '9e8a9a7324d1faeeceb9f32a6097cb30094c9862', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }), disabled: this.readonly })), this.supportsValue() && (h("ls-props-section", { key: '5f00d7ccc50ebc2e0efb4c34e89245dc2478371e', sectionTitle: dvI18n.t('fieldproperties.value'), sectionDescription: dvI18n.t('fieldproperties.valuedescription') }, this.isDateField() ? (h("div", { class: "ls-dv-date-input-wrapper" }, h("input", { class: "ls-dv-date-display", type: "text", value: this.dataItem?.value, placeholder: this.getDateFormat(), readOnly: true, onClick: () => {
                 if (this.readonly)
                     return;
                 const picker = this.component.shadowRoot.getElementById('ls-date-picker');
                 if (picker)
                     picker.showPicker();
-            } }), this.dataItem?.value && !this.readonly && (h("div", { class: "ls-dv-date-clear", onClick: () => this.alter({ value: '' }) }, h("ls-icon", { name: "x-icon", size: 20 }))), h("input", { id: "ls-date-picker", class: "ls-dv-date-picker-hidden", type: "date", value: this.toISODate(this.dataItem?.value), onInput: e => this.alter({ value: this.formatDateFromISO(e.target.value) }), disabled: this.readonly }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }), disabled: this.readonly })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '7a1f973209728e99fd8ece34b675f21fafc1610b', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: 'b9dcf3d74d21791661e90f9cd1ed8bedeed84823', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && (h("ls-props-section", { key: '8b7e684b85139bebbf354895bf4f0b149212c7ac', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'ed2457b95b6515b37ab4a76394e641ad8897b687', select: true }, h("select", { key: 'd6befb3ff520da8a54f62b950f0c7cb48af43cfa', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
+            } }), this.dataItem?.value && !this.readonly && (h("div", { class: "ls-dv-date-clear", onClick: () => this.alter({ value: '' }) }, h("ls-icon", { name: "x-icon", size: 20 }))), h("input", { id: "ls-date-picker", class: "ls-dv-date-picker-hidden", type: "date", value: this.toISODate(this.dataItem?.value), onInput: e => this.alter({ value: this.formatDateFromISO(e.target.value) }), disabled: this.readonly }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }), disabled: this.readonly })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: '9e0b123a33d3470a281fc966523780819bced98d', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: 'e5a9f7de939f85523ae418bcb6ba7a3b9af0e702', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }), disabled: this.readonly }))), this.showValidationTypes && (h("ls-props-section", { key: '91d2c6a1c55f172fedabca33a17f3460bb7e3c21', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'fd3a78cf1b00343935eed87cd19fc87b484b6ee3', select: true }, h("select", { key: 'f7378995e328e5d556f910f7dee50245239438c2', onChange: ev => !this.readonly && this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
             .filter(type => type.formType === this.dataItem?.formElementType)
-            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '0d55ca40e33b8b835438e6d531a2ecea3c9d3fe4' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '910ab65ef77ed05bbb03baf4d3eabaa31de90e6c' })));
     }
     static get is() { return "ls-field-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-content/ls-field-content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ls-field-content.js","sourceRoot":"","sources":["../../../../src/components/ls-field-content/ls-field-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACxG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOzC,MAAM,OAAO,cAAc;IACd,SAAS,CAAc;IACT,QAAQ,CAAe;IACxC,mBAAmB,GAAY,IAAI,CAAC;IACpC,QAAQ,GAAY,KAAK,CAAC;IAOlC,MAAM,CAAgC;IAOtC,MAAM,CAAgC;IAEtC,0CAA0C;IAC1C,6CAA6C;IAC7C,qDAAqD;IACrD,KAAK,CAAC,IAAY;QAChB,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACpC,CAAC;IAEO,UAAU,CAAC;IAEnB,QAAQ,CAAC,IAAI,EAAE,KAAK;QAClB,IAAI,IAAI,CAAC,UAAU;YAAE,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAEnD,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;IAED,aAAa;QACX,MAAM,cAAc,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;QAEvJ,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IAClE,CAAC;IAED,WAAW;QACT,OAAO,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,SAAS,CAAC,KAAa;QACrB,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACpC,IAAI,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;QAE1B,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACpC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO,KAAK,CAAC;QAExC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;QAC3B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;iBACxB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;iBAC7B,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;YAAE,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,CAAC;YAAE,CAAC,GAAG,IAAI,CAAC;QAEjB,OAAO,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC7E,CAAC;IAED;;OAEG;IACH,iBAAiB,CAAC,QAAgB;QAChC,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC;QACzB,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACpC,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAC;QAE7B,OAAO,MAAM;aACV,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;aAClB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1B,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;aAChB,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;aAChB,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAEO,aAAa;QACnB,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC5E,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM;YAAE,OAAO,IAAI,CAAC;QACtD,OAAO,KAAK,CAAC,WAAW,CAAC;IAC3B,CAAC;IAEO,iBAAiB,CAAC,UAAkB;QAC1C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,KAAK,MAAM;YAAE,OAAO,IAAI,CAAC;QACtD,OAAO,KAAK,CAAC,WAAW,CAAC;IAC3B,CAAC;IAEO,kBAAkB,CAAC,aAAqB;QAC9C,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;QAC1C,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,kDAAkD;QAClD,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;QACjD,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;QAC3B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACrB,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;iBACxB,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;iBAC7B,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;gBAAE,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;YAAE,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,CAAC;YAAE,CAAC,GAAG,IAAI,CAAC;QAEjB,MAAM,QAAQ,GAAG,SAAS;aACvB,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;aACnC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1B,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;aACjC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;aACjC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC;gBACzI,8EAAuB,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAI,CACpF;YACnB,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAE,GAAG,EAAE,IAAI;gBAClF,kEAAW,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAI,CACjI;YACnB,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,4BAA4B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,uCAAuC,CAAC;gBAC3I,8DACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,WAAW,EAAE,uBAAuB,CAAC,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC,EACpE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EACzE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACe;YAClB,IAAI,CAAC,aAAa,EAAE,IAAI,CACvB,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,kCAAkC,CAAC,IAChI,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CACpB,WAAK,KAAK,EAAC,0BAA0B;gBACnC,aACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,EACjC,QAAQ,QACR,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,IAAI,CAAC,QAAQ;4BAAE,OAAO;wBAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,cAAc,CAAC,gBAAgB,CAAqB,CAAC;wBAC9F,IAAI,MAAM;4BAAE,MAAM,CAAC,UAAU,EAAE,CAAC;oBAClC,CAAC,GACD;gBACD,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CACzC,WAAK,KAAK,EAAC,kBAAkB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;oBACpE,eAAS,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,CAC/B,CACP;gBACD,aACE,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAE,CAAC,EACjG,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACE,CACP,CAAC,CAAC,CAAC,CACF,aACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAC3B,WAAW,EAAE,mBAAmB,CAAC,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC,EAChE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,EAAE,CAAC,EACzE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACH,CACgB,CACpB;YACA,IAAI,CAAC,QAAQ,CAAC,UAAU,KAAK,EAAE,IAAI,CAClC,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,oCAAoC,CAAC;gBACrI,iEACE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,OAAO,EAC7B,WAAW,EAAC,8BAAoC,EAChD,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,EAAE,CAAC,EAC9E,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB,CACe,CACpB;YAEA,IAAI,CAAC,mBAAmB,IAAI,CAC3B,yEAAkB,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,0CAA0C,CAAC;gBACjJ,yEAAkB,MAAM;oBACtB,+DAAQ,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAE,EAAE,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC,IAChH,eAAe;yBACb,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC;yBAChE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACX,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,IACpE,IAAI,CAAC,WAAW,CACV,CACV,CAAC,CACG,CACQ,CACF,CACpB;YACD,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { getFieldPlaceholder, getFieldTitleSuggestion } from '../ls-document-viewer/defaultFieldLabels';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-field-content',\n styleUrl: 'ls-field-content.scss',\n shadow: true,\n})\nexport class LsFieldContent {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() showValidationTypes: boolean = true;\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n supportsValue() {\n const typesWithValue = ['signature', 'initials', 'image', 'file', 'signing', 'autosign', 'regex', 'signing date', 'auto sign', 'dropdown', 'checkbox'];\n\n return !typesWithValue.includes(this.dataItem?.formElementType);\n }\n\n isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n /*\n Convert a formatted date value back to ISO (yyyy-mm-dd) for the native date input.\n /\n toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] \|\| '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '', m = '', d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n /\n Convert an ISO date (yyyy-mm-dd) to the configured format.\n */\n formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n private getDateFormat(): string \| null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private getDateFormatById(validation: number): string \| null {\n const vType = validationTypes.find(v => v.id === validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private handleFormatChange(newValidation: number) {\n const currentValue = this.dataItem?.value;\n if (!currentValue \|\| !this.isDateField()) {\n this.alter({ validation: newValidation });\n return;\n }\n\n // Parse current value to ISO using the old format\n const oldFormat = this.getDateFormat();\n const newFormat = this.getDateFormatById(newValidation);\n if (!oldFormat \|\| !newFormat) {\n this.alter({ validation: newValidation });\n return;\n }\n\n const parts = oldFormat.split(/[/.-]/);\n const sep = oldFormat.match(/[/.-]/)?.[0] \|\| '/';\n const valueParts = currentValue.split(sep);\n if (valueParts.length < 2) {\n this.alter({ validation: newValidation });\n return;\n }\n\n let y = '', m = '', d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n const newValue = newFormat\n .replace('yyyy', y.padStart(4, '0'))\n .replace('yy', y.slice(-2))\n .replace('mm', m.padStart(2, '0'))\n .replace('dd', d.padStart(2, '0'))\n .replace('d', String(parseInt(d)));\n\n this.alter({ validation: newValidation, value: newValue });\n }\n\n render() {\n return (\n <Host>\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldtype')} sectionDescription={dvI18n.t('fieldproperties.fieldtypedescription')}>\n <ls-field-type-display fieldType={this.dataItem?.formElementType} assignee={this.dataItem?.signer} />\n </ls-props-section>\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.requiredfield')} row={true}>\n <ls-toggle id=\"toggle-required\" checked={!this.dataItem?.optional} onValueChange={ev => !this.readonly && this.alter({ optional: !ev.detail })} />\n </ls-props-section>\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldlabel')} sectionDescription={dvI18n.t('fieldproperties.fieldlabeldescription')}>\n <input\n value={this.dataItem?.label}\n placeholder={getFieldTitleSuggestion(this.dataItem?.formElementType)}\n onInput={e => this.alter({ label: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n {this.supportsValue() && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.value')} sectionDescription={dvI18n.t('fieldproperties.valuedescription')}>\n {this.isDateField() ? (\n <div class=\"ls-dv-date-input-wrapper\">\n <input\n class=\"ls-dv-date-display\"\n type=\"text\"\n value={this.dataItem?.value}\n placeholder={this.getDateFormat()}\n readOnly\n onClick={() => {\n if (this.readonly) return;\n const picker = this.component.shadowRoot.getElementById('ls-date-picker') as HTMLInputElement;\n if (picker) picker.showPicker();\n }}\n />\n {this.dataItem?.value && !this.readonly && (\n <div class=\"ls-dv-date-clear\" onClick={() => this.alter({ value: '' })}>\n <ls-icon name=\"x-icon\" size={20} />\n </div>\n )}\n <input\n id=\"ls-date-picker\"\n class=\"ls-dv-date-picker-hidden\"\n type=\"date\"\n value={this.toISODate(this.dataItem?.value)}\n onInput={e => this.alter({ value: this.formatDateFromISO((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n ) : (\n <input\n value={this.dataItem?.value}\n placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n )}\n </ls-props-section>\n )}\n {this.dataItem.validation === 20 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.options')} sectionDescription={dvI18n.t('fieldproperties.optionsdescription')}>\n <textarea\n value={this.dataItem?.options}\n placeholder=\"Option 1 Option 2 Option 3\"\n onInput={e => this.alter({ options: (e.target as HTMLTextAreaElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n )}\n\n {this.showValidationTypes && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.contentformat')} sectionDescription={dvI18n.t('fieldproperties.contentformatdescription')}>\n <ls-input-wrapper select>\n <select onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}>\n {validationTypes\n .filter(type => type.formType === this.dataItem?.formElementType)\n .map(type => (\n <option selected={this.dataItem?.validation === type.id} value={type.id}>\n {type.description}\n </option>\n ))}\n </select>\n </ls-input-wrapper>\n </ls-props-section>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ls-field-content.js","sourceRoot":"","sources":["../../../../src/components/ls-field-content/ls-field-content.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { validationTypes, getInputType } from '../ls-document-viewer/editorUtils';\nimport { getFieldPlaceholder, getFieldTitleSuggestion } from '../ls-document-viewer/defaultFieldLabels';\nimport { dvI18n } from '../../i18n/i18n';\n\n@Component({\n tag: 'ls-field-content',\n styleUrl: 'ls-field-content.scss',\n shadow: true,\n})\nexport class LsFieldContent {\n @Element() component: HTMLElement;\n @Prop({ mutable: true }) dataItem: LSApiElement;\n @Prop() showValidationTypes: boolean = true;\n @Prop() readonly: boolean = false;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n mutate: EventEmitter<LSMutateEvent[]>;\n\n @Event({\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n update: EventEmitter<LSMutateEvent[]>;\n\n // Send one or more mutations up the chain\n // The source of the chain fires the mutation\n // NOTE this alter is debounced to account for typing\n alter(diff: object) {\n this.dataItem = { ...this.dataItem, ...diff };\n this.debounce(this.dataItem, 500);\n }\n\n private labeltimer;\n\n debounce(data, delay) {\n if (this.labeltimer) clearTimeout(this.labeltimer);\n\n this.labeltimer = setTimeout(() => {\n const diffs: LSMutateEvent[] = [{ action: 'update', data }];\n this.mutate.emit(diffs);\n }, delay);\n }\n\n supportsValue() {\n const typesWithValue = ['signature', 'initials', 'image', 'file', 'signing', 'autosign', 'regex', 'signing date', 'auto sign', 'dropdown', 'checkbox'];\n\n return !typesWithValue.includes(this.dataItem?.formElementType);\n }\n\n isDateField(): boolean {\n return getInputType(this.dataItem?.validation)?.inputType === 'date';\n }\n\n /*\n Convert a formatted date value back to ISO (yyyy-mm-dd) for the native date input.\n /\n toISODate(value: string): string {\n if (!value) return '';\n const format = this.getDateFormat();\n if (!format) return value;\n\n const sep = format.match(/[/.-]/)?.[0] \|\| '/';\n const parts = format.split(/[/.-]/);\n const valueParts = value.split(sep);\n if (valueParts.length < 2) return value;\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n return `${y.padStart(4, '0')}-${m.padStart(2, '0')}-${d.padStart(2, '0')}`;\n }\n\n /\n Convert an ISO date (yyyy-mm-dd) to the configured format.\n */\n formatDateFromISO(isoValue: string): string {\n if (!isoValue) return '';\n const [y, m, d] = isoValue.split('-');\n const format = this.getDateFormat();\n if (!format) return isoValue;\n\n return format\n .replace('yyyy', y)\n .replace('yy', y.slice(-2))\n .replace('mm', m)\n .replace('dd', d)\n .replace('d', String(parseInt(d)));\n }\n\n private getDateFormat(): string \| null {\n const vType = validationTypes.find(v => v.id === this.dataItem?.validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private getDateFormatById(validation: number): string \| null {\n const vType = validationTypes.find(v => v.id === validation);\n if (!vType \|\| vType.inputType !== 'date') return null;\n return vType.description;\n }\n\n private handleFormatChange(newValidation: number) {\n const currentValue = this.dataItem?.value;\n if (!currentValue \|\| !this.isDateField()) {\n this.alter({ validation: newValidation });\n return;\n }\n\n // Parse current value to ISO using the old format\n const oldFormat = this.getDateFormat();\n const newFormat = this.getDateFormatById(newValidation);\n if (!oldFormat \|\| !newFormat) {\n this.alter({ validation: newValidation });\n return;\n }\n\n const parts = oldFormat.split(/[/.-]/);\n const sep = oldFormat.match(/[/.-]/)?.[0] \|\| '/';\n const valueParts = currentValue.split(sep);\n if (valueParts.length < 2) {\n this.alter({ validation: newValidation });\n return;\n }\n\n let y = '',\n m = '',\n d = '';\n parts.forEach((p, i) => {\n const v = valueParts[i] \|\| '';\n if (p.startsWith('y')) y = v;\n else if (p.startsWith('m')) m = v;\n else if (p.startsWith('d')) d = v;\n });\n\n if (y.length === 2) y = '20' + y;\n if (!d) d = '01';\n\n const newValue = newFormat\n .replace('yyyy', y.padStart(4, '0'))\n .replace('yy', y.slice(-2))\n .replace('mm', m.padStart(2, '0'))\n .replace('dd', d.padStart(2, '0'))\n .replace('d', String(parseInt(d)));\n\n this.alter({ validation: newValidation, value: newValue });\n }\n\n render() {\n return (\n <Host>\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldtype')} sectionDescription={dvI18n.t('fieldproperties.fieldtypedescription')}>\n <ls-field-type-display fieldType={this.dataItem?.formElementType} assignee={this.dataItem?.signer} />\n </ls-props-section>\n {this.dataItem?.formElementType !== 'signature' && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.requiredfield')} row={true}>\n <ls-toggle id=\"toggle-required\" checked={!this.dataItem?.optional} onValueChange={ev => !this.readonly && this.alter({ optional: !ev.detail })} />\n </ls-props-section>\n )}\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.fieldlabel')} sectionDescription={dvI18n.t('fieldproperties.fieldlabeldescription')}>\n <input\n value={this.dataItem?.label}\n placeholder={getFieldTitleSuggestion(this.dataItem?.formElementType)}\n onInput={e => this.alter({ label: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n {this.supportsValue() && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.value')} sectionDescription={dvI18n.t('fieldproperties.valuedescription')}>\n {this.isDateField() ? (\n <div class=\"ls-dv-date-input-wrapper\">\n <input\n class=\"ls-dv-date-display\"\n type=\"text\"\n value={this.dataItem?.value}\n placeholder={this.getDateFormat()}\n readOnly\n onClick={() => {\n if (this.readonly) return;\n const picker = this.component.shadowRoot.getElementById('ls-date-picker') as HTMLInputElement;\n if (picker) picker.showPicker();\n }}\n />\n {this.dataItem?.value && !this.readonly && (\n <div class=\"ls-dv-date-clear\" onClick={() => this.alter({ value: '' })}>\n <ls-icon name=\"x-icon\" size={20} />\n </div>\n )}\n <input\n id=\"ls-date-picker\"\n class=\"ls-dv-date-picker-hidden\"\n type=\"date\"\n value={this.toISODate(this.dataItem?.value)}\n onInput={e => this.alter({ value: this.formatDateFromISO((e.target as HTMLInputElement).value) })}\n disabled={this.readonly}\n />\n </div>\n ) : (\n <input\n value={this.dataItem?.value}\n placeholder={getFieldPlaceholder(this.dataItem?.formElementType)}\n onInput={e => this.alter({ value: (e.target as HTMLInputElement).value })}\n disabled={this.readonly}\n />\n )}\n </ls-props-section>\n )}\n {this.dataItem.validation === 20 && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.options')} sectionDescription={dvI18n.t('fieldproperties.optionsdescription')}>\n <textarea\n value={this.dataItem?.options}\n placeholder=\"Option 1 Option 2 Option 3\"\n onInput={e => this.alter({ options: (e.target as HTMLTextAreaElement).value })}\n disabled={this.readonly}\n />\n </ls-props-section>\n )}\n\n {this.showValidationTypes && (\n <ls-props-section sectionTitle={dvI18n.t('fieldproperties.contentformat')} sectionDescription={dvI18n.t('fieldproperties.contentformatdescription')}>\n <ls-input-wrapper select>\n <select onChange={ev => !this.readonly && this.handleFormatChange(parseInt((ev.target as HTMLSelectElement).value))}>\n {validationTypes\n .filter(type => type.formType === this.dataItem?.formElementType)\n .map(type => (\n <option selected={this.dataItem?.validation === type.id} value={type.id}>\n {type.description}\n </option>\n ))}\n </select>\n </ls-input-wrapper>\n </ls-props-section>\n )}\n <slot></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ls-field-dimensions/ls-field-dimensions.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class LsFieldDimensions {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '75c157aed402b7f4418061ec5d7488ea5b351a2f' }, this.isMultiple(this.dataItem) && (h("div", { key: '5375277dbfcecbde013e2b01dfc7003f51d5d381', class: 'ls-dv-field-properties-section' }, h("div", { key: '6e7c7b29c02da8878c876450c157c01f8d30cc28', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '68fc8818ad575b8a55782c868f842c220d8e1d45', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'fcf4683d768ad3c6426d66aceffd5e57f0d99487', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: 'b30aa797ba4300da92b9a10eb1f149a6bca01242', class: 'ls-dv-input-row' }, h("div", { key: 'c77b86d29ece058871b089a0dd756fe441be3675', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '1e357ee2f9def99f2a05c09a3509451a6491af7b', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'c85c7ead468b593fa9e7185c32714f91c2e05954', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }), disabled: this.readonly })), h("div", { key: '207c81648f43898a254abc4add7f48609f8eecb5', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '6e511ea0499f66e729303978c26e1f74c6f8df5e', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: '362efb5722cb2aaa0938c528540b3fd51a03fecc', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: '0794bbd408f2cf790282e36906b9074110e727c3', class: 'ls-dv-field-set' }, h("div", { key: '213585dcf3bd29866671fef538fdd3cbaf4820e3', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ec5d48b8f3d3dfc8e0f1c375a1368f1bdfa91645', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cdd01763df694de4d030d8e4a50ddc0e457a098f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: '64b4f74ed8f637aebb0c8860b53392629c2e34b9', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '80be0876ba4d3001560b87dd85214097990a7e7e', class: 'ls-dv-input-row' }, h("div", { key: '61213b19de6f979b9290b4af0cdd8cb21ed503b6', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '6d1ae43b0629f9c70a436f6b5441a30eef33f76c', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '0096fffdff18f7f145c11c5d2fcb8ac159b52190', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
+        return (h(Host, { key: '0e9b42741d60bbe49d52f45f645982bc642d5d34' }, this.isMultiple(this.dataItem) && (h("div", { key: '1f669907f2be753ce0ef7bb365960c8500717832', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ced0be23e9fb47c070c71b49fd8a0d7c87ba50e7', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '91a6ed2cb926f852413c8cc4136e73f8be96789f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: '056a1356f7cc617b8bbcd4b52fd76c6f4aa05de5', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: 'ea3693b69f5885fdca520d364a18e02ed67031c0', class: 'ls-dv-input-row' }, h("div", { key: '24bff14acd575184308a773cb6810109981c46f2', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '245a595768df0e100bda26fefdf40c7a5feaa299', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'c0de745bfd8c1cda50775fe815ae8357a278df54', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }), disabled: this.readonly })), h("div", { key: 'f67d9bb7be72bfa7d957a8067005258fdbb35a4f', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '2b484223f82787a2d190f680eece4efac6b2a6da', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'd02950f66080b493db2557cec9e56682ee64c67e', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }), disabled: this.readonly }))))), this.isSingle(this.dataItem) && (h("div", { key: 'abbafd7091a36a54f247eb21f297ed7710b2cb2e', class: 'ls-dv-field-set' }, h("div", { key: 'a16a567451d7c74afce044d90f2f31a157c6d4d2', class: 'ls-dv-field-properties-section' }, h("div", { key: '1b1747281bd1b0f0595c90bbd593986ba815997e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0a13f12229679eba1a5c123344a7551166039f6c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'e93f6d24eef96819bb2ca42115deaa00a2940b7a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: 'fa47853df4bd46e61ad3c6499eb03b751d61ae62', class: 'ls-dv-input-row' }, h("div", { key: 'c1e8fda7ebf9f3e69ac5ac8a075d5acc96ed5d25', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: 'e30403ad076cbe0917ec53d39d3d6d5b7fced56d', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '30cf8e4f4161c1d790410b4adc38930c0d53f908', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
                 const di = this.getDataItem();
                 const newWidth = parseInt(e.target.value);
                 if (newWidth > di.pageDimensions.width - di.left) {
@@ -53,7 +53,7 @@ export class LsFieldDimensions {
                 else {
                     this.alter({ width: newWidth });
                 }
-            }, disabled: this.readonly })), h("div", { key: '8731af708086e8389dd3f9d671f602710ccac2b6', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '3df4809d761189c6aba6ac2c35b321801df59d53', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'cea9d948e2ed7719737e5c93eb22c8a9eb20125f', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
+            }, disabled: this.readonly })), h("div", { key: '29e4955be80aca046dc022a44d9330807e8b23bc', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '6cdc0ee8627b3c54a86b4044aa81fd23ede02e1f', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'c04fb2bd74fcfc27912af31e6d7bed279ad8a32a', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
                 const di = this.getDataItem();
                 const newHeight = parseInt(e.target.value);
                 if (newHeight > di.pageDimensions.height - di.top) {
@@ -67,7 +67,7 @@ export class LsFieldDimensions {
                 else {
                     this.alter({ height: newHeight });
                 }
-            }, disabled: this.readonly })))), h("div", { key: 'ff73f6064bca404229ec872100418198e018ec20', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c7dcc6d4f6c6a4a12c8a47dbc49921ede7174932', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '4eecf0a9d76839a310362fd2cb93f443da7f903d', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '5aa14ad80e31434fdd87f9979f6670ea2e1e15cd', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'a2b9cdfc958d5fdb238778ed2e58ce07e7912962', class: 'ls-dv-button-group' }, h("button", { key: 'ebd35f8464ed82ee3be4d402d6a71064aa3ad49a', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: '7deefe485c2345308c0807a848741030dfba1b67', name: "field-scale-icon" })), h("button", { key: '60a77af29656be4a4c3430f420621d293f6fda72', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: 'ebba350ecf0d19cdd62decf6eec0b9f19df8228b', name: "field-match-width-icon" })), h("button", { key: '0f4f7e42e2a46210f05bef70355b80d1e07fd7b3', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '4ef9c6eb907b47cf2ad130f73017d115855b43f4', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: '36c1a3668f11041d99eb4c20148125828c0517d3', tooltipId: "ls-dv-tooltip" })));
+            }, disabled: this.readonly })))), h("div", { key: '878c30487b854b48fdf9057a5a524a535b227262', class: 'ls-dv-field-properties-section' }, h("div", { key: '4362ab681a2b0e9924f384bc25ba7c3040053bae', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'a9acb48901f676e66cab508809aba2306b3a8142', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: 'b82f410992f55e21842def443bba3099e98d7af8', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'a1b3a04c372dd165cf931da5d214f0de4c9dce5e', class: 'ls-dv-button-group' }, h("button", { key: '931f91906dcc46362eac9e02c7b34aa32e6c09fb', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: '748be84fdc37fa583d2aaf34e9b6b76d020ece06', name: "field-scale-icon" })), h("button", { key: '2d5fd027599fa7c44dc041e3e35c83917debb4a2', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: '59f2c51db783030fedec6791a1837d153bd9f277', name: "field-match-width-icon" })), h("button", { key: 'a3c669555340a9389fcbc4b66fa8ba12cc7b2f4a', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '85b7c0bcfbda2a9c56d6f855c0dfae4cbc75f670', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: 'deb0e4b518c49c32f43fc4c230b44f83c9a70f56', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-field-dimensions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-field-distribute/ls-field-distribute.js CHANGED Viewed

@@ -18,10 +18,10 @@ export class LsFieldDistribute {
         this.mutate.emit(diffs);
     }
     distributeHorizontal() {
+        if (!this.dataItem || this.dataItem.length < 3)
+            return;
         var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space');
         const sorted = this.dataItem.sort((a, b) => a.left - b.left);
-        if (sorted.length < 3)
-            return;
         var avgspace = 0;
         const leftmost = sorted[0].left + sorted[0].width / 2;
         const rightmost = sorted.reduce((acc, cur) => {
@@ -53,6 +53,8 @@ export class LsFieldDistribute {
         this.mutate.emit(diffs);
     }
     gapVertical(spacing) {
+        if (!this.dataItem || this.dataItem.length === 0)
+            return;
         const sorted = this.dataItem.sort((a, b) => a.top - b.top);
         var buffer = sorted[0].top;
         const diffs = sorted.map(c => {
@@ -76,6 +78,8 @@ export class LsFieldDistribute {
         this.mutate.emit(diffs);
     }
     gapHorizontal(spacing) {
+        if (!this.dataItem || this.dataItem.length === 0)
+            return;
         const sorted = this.dataItem.sort((a, b) => a.top - b.top);
         var buffer = sorted[0].left;
         const diffs = sorted.map(c => {
@@ -100,32 +104,24 @@ export class LsFieldDistribute {
         this.mutate.emit(diffs);
     }
     distributeVertical() {
-        var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space');
-        var avgspace = 0;
+        if (!this.dataItem || this.dataItem.length < 3)
+            return;
         const sorted = this.dataItem.sort((a, b) => a.top - b.top);
-        const topmost = sorted[0].top + sorted[0].height / 2;
-        const bottommost = sorted.reduce((acc, cur) => {
-            return cur.top + (cur.height / 2) > acc ? cur.top + (cur.height / 2) : acc;
-        }, topmost);
-        // find total width between centre first and centre last
-        const totalHeight = bottommost - topmost;
-        if (spacing.value !== '') {
-            avgspace = parseInt(spacing.value);
-        }
-        else {
-            avgspace = Math.floor(totalHeight / (sorted.length - 1));
-        }
-        const filtered = sorted.filter((c, index) => {
-            return outOfBounds({ ...c, left: Math.floor(topmost - (c.height / 2) + avgspace * index) }) === false
-                && index !== 0
-                && index !== sorted.length - 1;
-        });
-        const diffs = filtered.map((c, index) => {
+        const firstBottom = sorted[0].top + sorted[0].height;
+        const lastTop = sorted[sorted.length - 1].top;
+        const availableSpace = lastTop - firstBottom;
+        const middleFieldsHeight = sorted.slice(1, -1).reduce((sum, field) => sum + field.height, 0);
+        const numGaps = sorted.length - 1;
+        const gap = Math.max(0, (availableSpace - middleFieldsHeight) / numGaps);
+        let currentTop = sorted[0].top + sorted[0].height + gap;
+        const diffs = sorted.slice(1, -1).map((c) => {
+            const newTop = Math.floor(currentTop);
+            currentTop += c.height + gap;
             return {
                 action: 'update',
                 data: {
                     ...c,
-                    top: Math.floor(topmost - (c.height / 2) + (avgspace * (index + 1))),
+                    top: newTop,
                 },
             };
         });
@@ -135,15 +131,15 @@ export class LsFieldDistribute {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '56f966a535e8f922b26c8cb54cf6665d44910f5e' }, h("div", { key: 'f070810aa48fdc91969557ed530df85a9e348a69', class: 'ls-dv-field-properties-section' }, h("div", { key: 'e1a26c95992928568d2ee15698271a5dc64c4451', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0bcf794aa4354342aafa27c445da23a5137fec24', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: 'c8954ef063c9b9621a9b936c24e5a66f1a43e34b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'aea726ed81c4f338ba062483a8817187c8c9b057', class: 'ls-dv-button-group' }, h("button", { key: 'dc82813a701f5cade56af5a7c40f7db80dd9dc3a', onClick: () => {
+        return (h(Host, { key: '57be31baf13ebcc0f22a87fb357c1e909a2f2f92' }, h("div", { key: '913ccc6218e4b1f5a62209efce83071d4ff9fafc', class: 'ls-dv-field-properties-section' }, h("div", { key: '7f102602755314f06e1c3b47e14e84231a735eef', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '187c445e9f1e48614584346318feb52e2fff8556', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '6a6383b9df8541c41d862f68c9f6c78013a0b73c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'a5d0e949746bae9ab910c80f2a6e8c9dce75dbd5', class: 'ls-dv-button-group' }, h("button", { key: 'a3726734b194b794bb977a4efd309f7143d9bb69', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically'), disabled: this.readonly }, h("ls-icon", { key: '0227863069afb084f820aaccfd9bd1984e79f10d', name: "field-distribute-vertically-icon" })), h("button", { key: '820d383d045d4a719ce8ef23e1fa12b16aed265f', onClick: () => {
+            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically'), disabled: this.readonly }, h("ls-icon", { key: '96c4ce2b7b5352a99ed26787c85f0505ae4fcc6b', name: "field-distribute-vertically-icon" })), h("button", { key: 'b9a96c6b3289ddd237179063e085c23bc6eb3663', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": dvI18n.t('alignment.distributehorizontally'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributehorizontally'), disabled: this.readonly }, h("ls-icon", { key: '1cbc62ba1ea65c63d6ff2cffb8b8b8f616e823ca', name: "field-distribute-horizontally-icon" })))), h("div", { key: '862a48f72f56cfad6edfc08ccc9df8566245c948', class: 'ls-dv-field-properties-section' }, h("div", { key: '85f6591763a0c8bbc2ac0774f81e1372029bdc53', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8fff6072497b1fac6f903eb4b7d9b4ede6601ef6', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '73e6b2a00c9b391fd35ec468b02909601fdd3a25', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: '656418e594632ab5ffa29b46f5b6539c6dbdd981', class: 'ls-dv-input-row' }, h("div", { key: 'c7a10c323f60861b30a26f03606e0f7aa92d51ef', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: 'cdbbcb89ab6d3cd7b74e2395ff25cc602326e34d', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: '2e45e83bbe4d7ac4f68d94eb9e70944cef07dbd9', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
+            }, "aria-label": dvI18n.t('alignment.distributehorizontally'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributehorizontally'), disabled: this.readonly }, h("ls-icon", { key: '27a9f65617e16a07d601de53e5570e2d9831960c', name: "field-distribute-horizontally-icon" })))), h("div", { key: '3cfec98f4de47bd4f7f106aabaea219b40482564', class: 'ls-dv-field-properties-section' }, h("div", { key: '31c5bd2ed10f7c7e5203d1cece96a9aecd6a59f0', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5fe76aabfdfae6f4c0251ed2d23a472ba6b9daee', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '87cc8c0961ede86283d413813e96d42ffb41765f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'dc033f1b292825bf64b06e3c0c8f09d3fa78830c', class: 'ls-dv-input-row' }, h("div", { key: 'cafaa3f295fb0c24f6d67cfd4ee8a743a9f73cb1', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: '889436667ef89ad9e9d0fca9a8e3666720036783', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: 'f753f53b100450b872581d2bbc7fd66b6062d479', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
                 this.gapVertical(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4, disabled: this.readonly })), h("div", { key: '9c3b3c812a0146f28da6147962875a692752d1aa', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: 'dcc63604c1281b6aef939007d3c37cac039532a7', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: '7de0252c577005ecbb09848d4490db90b1f7aa36', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, min: 0, max: 9999, value: '', size: 4, disabled: this.readonly })), h("div", { key: '191371a18ff9ddb71e800220c50af942d83e4630', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: 'f860ecf1213034604e410a43febb7f95f675d387', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: '56f64b5e2548de9772831d925b1f99f1038e8514', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
                 this.gapHorizontal(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4, disabled: this.readonly })))), h("ls-tooltip", { key: 'dd415c0c2c8eb33ca5425fbccf6554f8a5bf5244', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '5e830d31e15e188f9260e52d099f84192486afca' })));
+            }, min: 0, max: 9999, value: '', size: 4, disabled: this.readonly })))), h("ls-tooltip", { key: 'c75fba59ca3fb9e50a108f153ecd2353cfefb8fe', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '987d6eb4a9990f7ce0a8ba7b9a1a8b489bd4c5a1' })));
     }
     static get is() { return "ls-field-distribute"; }
     static get encapsulation() { return "shadow"; }