npm - legalesign-document-viewer - Versions diffs - 0.9.21 → 0.9.22 - Mend

legalesign-document-viewer 0.9.21 → 0.9.22

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

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() 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') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\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\n // Open date picker when field is selected\n if (this.isDateField() && !this.readonly) {\n requestAnimationFrame(() => {\n const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n if (editbox) {\n editbox.showPicker();\n }\n });\n }\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 = entry.contentRect.height + 'px';\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)' }\n : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };\n\n const zoomValue = parseFloat(this.zoom) \|\| 1;\n const topOffest = (this.dataItem.height ?? 1) + 4;\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.125 * zoomValue}rem`,\n transform: 'translateY(-50%)',\n lineHeight: '1',\n fontSize: `${0.75 * zoomValue}rem`,\n }}\n />\n )}\n <input\n id=\"editing-input\"\n class={this.isDateField()\n ? 'ls-dv-date-field-input'\n : (this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field')}\n type={this.isDateField() ? 'date' : 'text'}\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}\n value={this.isDateField() ? this.toISODate(this.dataItem?.value) : 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.isDateField() ? this.formatDateFromISO(val) : val });\n }}\n onChange={e => {\n if (this.isDateField()) {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\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: `-${topOffest * 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 width: 'fit-content',\n fontFamily: 'sans-serif',\n }}\n >\n {dvI18n.t('fieldproperties.assignedto')} {this.assignee}\n </p>\n )}\n {this.floatingActive && (\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') {\n this.isEditing = false;\n this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));\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 = entry.contentRect.height + 'px';\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 topOffest = (this.dataItem.height ?? 1) + 4;\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 <input\n id=\"editing-input\"\n class={this.isDateField()\n ? 'ls-dv-date-field-input'\n : (this.isEditing ? 'ls-dv-editor-field-editable' : 'ls-dv-hidden-field')}\n type={this.isDateField() ? 'date' : 'text'}\n style={{ color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` }}\n value={this.isDateField() ? this.toISODate(this.dataItem?.value) : 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.isDateField() ? this.formatDateFromISO(val) : val });\n }}\n onChange={e => {\n if (this.isDateField()) {\n const val = (e.target as HTMLInputElement).value;\n this.alter({ value: this.formatDateFromISO(val) });\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: `-${topOffest * 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 width: 'fit-content',\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: 'fd833328c59e52038ec822377048965c2319e2f8' }, h("table", { key: '1236941547e73a380313f6ab882b867f18a93d16', id: "ls-editor-table" }), h("slot", { key: '7e1a9cd5fa8fd6d76379ac04e31a06df6c447525' })));
+        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: 'a7e981b013d605a9226fc5cd12bf3609d146d63b' }, h("div", { key: '69def4aef5cc630a9f7d93be08769cb8382eabb8', 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: '3e39090f465858b01e24ba9afc9f95b8dc3387c2', name: "document-icon", size: 24 })), h("div", { key: 'a63ae8b9a96a0bb72b9949d1b74f2e587c381ea4', 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: 'ccc77c26ae66e2f60a31bdd3c4d10ebe23deb5b3', name: "typing-input-icon", size: 24 })), h("div", { key: 'c4ea7725f86dadc1b5bf77be2a12d6de3962d96b', 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: '803ad745b5c798076a72df4b9fd9765d71e3a268', name: "user-group-icon", size: 24 })), h("div", { key: '69287b5b6ead94db78ea6657f7afac1fec1f5fd8', 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: 'fa6daa47874a7d845743241a12863656349e633c', name: "user-group-icon", size: 24 })), h("div", { key: '39851d7f12531a2de660cbbf9dc3bc728b0c0a4c', 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: 'f68de6984e2726ce3ee3dca876d09949fe2a2b32', name: "adjustments-icon", size: 24 })), h("slot", { key: '85c63e2273754a75c473bf957ca9b0ed1527f927' }), h("ls-tooltip", { key: 'bff0baef76221b5a8e82c2dc97ec77be9f4417a2', 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

@@ -111,9 +111,9 @@ export class LsFieldAlignment {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: 'e5996ef81d07b88a0da3367b67ddf439553a35ab' }, h("div", { key: '381f0c2133e74c779c18d22e4c3e4af6c9bd9aca', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b9878fcf9f619e37bf7ff512f62cb4b54b921dcb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '2f6a2f2858afd95852f6ab5f5773a1d658a3ea96', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '6e836f409055be007f1f4b4d155dcf2ec779d601', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '3c60e6c0dfacb6740d47a1c717f1e7e1bdf120e4', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '45b1990c24405ce67264a95b642c59ad838fa2f2', class: 'ls-dv-button-group' }, h("button", { key: '9e7c160677efd922700865416ed2dcb394984b45', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: '929b9c3a4c956ed1e35db3299195571140335064', name: "field-alignment-left-icon" })), h("button", { key: '5b8ec1346fee89f0159be43a3d93ba5d273181c5', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: 'c6054913cfb4d771b3aa51a342ea81fcbc7a39a7', name: "field-alignment-centre-icon" })), h("button", { key: '32d8ef2fc988f9fc327b699431cfc661ffb9fb88', onClick: () => {
+        return (h(Host, { key: '66383550a731a5c0fdf58c8d6c247034552d0625' }, h("div", { key: '33ffe3106c3111626ecc33d0ffa5bb673be1440b', class: 'ls-dv-field-properties-section' }, h("div", { key: '2daa5e2c4428b4ef9bec6b074c1f593727c5f04a', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '50e76c8701fd17c223be884596f31e6c7fc9e5e0', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: '911ec1d7a0ca56df9525c1547eee226546a51240', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'c9f13bffe0a8a2801155a8a612516e43d1215628', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '34b64b309d2afc5e8de33f99ba20f0211397c997', class: 'ls-dv-button-group' }, h("button", { key: 'c904aaf54443f91a59a1e229c93f9e431278886b', onClick: () => this.left(), "aria-label": dvI18n.t('alignment.alignleft'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: 'c45679a7ec88a06e3f7be427bd7a63ed66eb7ee3', name: "field-alignment-left-icon" })), h("button", { key: 'c991c76feb073d27dcafb5fbb1b1f9807ba2fe50', onClick: () => this.center(), "aria-label": dvI18n.t('alignment.aligncenter'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: '5577e53c1c7eccc22185b4c19b82e59f8f369f0c', name: "field-alignment-centre-icon" })), h("button", { key: '6ecfdd6d642f6e76f79756a4c82ccf621842f102', onClick: () => {
                 this.right();
-            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'dd8bcbc611929770d802dec71dd17e69f5246630', name: "field-alignment-right-icon" }))), h("div", { key: '34dd993f274904b36249aee6295017a50e5c4b7e', class: 'ls-dv-button-group' }, h("button", { key: '12e1521a1530a0cadd5c5143f5bbc1a2c374c224', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '3bfccefe8214c9f1d1499b6d7369929aaf6ba83d', name: "field-alignment-top-icon" })), h("button", { key: 'da9a3bf665c14e1add0aaecdefa6365d8469a2ea', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: 'c3ee9044bd263c13ff7faed49ac0bd679c969a4a', name: "field-alignment-middle-icon" })), h("button", { key: '018f3ef34c31478e1567fa0d83c152c83acacde8', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'ed76758ebee4c172e51b83b8d7192c5b7ffca523', name: "field-alignment-bottom-icon" }))))), h("slot", { key: '6c006e30dde126d86c625a2ae99e555fe4d4fcb4' }), h("ls-tooltip", { key: '644ffd5db4d30e43d4ff78d44f1ae400e729cb53', tooltipId: "ls-dv-tooltip" })));
+            }, "aria-label": dvI18n.t('alignment.alignright'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: '0f9af3b4d7e490e6e6642c04422e052384998bc9', name: "field-alignment-right-icon" }))), h("div", { key: '6d9df4c4bd865cd54ea6f20611613825398768be', class: 'ls-dv-button-group' }, h("button", { key: '159a34755632cd97ece611aa7a26c3c62e75be0f', onClick: () => this.top(), "aria-label": dvI18n.t('alignment.aligntop'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '794d7a7459fde95dd4b103209e302eb4882b94eb', name: "field-alignment-top-icon" })), h("button", { key: '986c74c6bd7efb0b23c7c6c84ec0b45f660fc88d', onClick: () => this.middle(), "aria-label": dvI18n.t('alignment.alignmiddle'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '6441550c1f6ddbfe9c73e1f34414c0755d43b276', name: "field-alignment-middle-icon" })), h("button", { key: 'f782d4f400c8bd7fae42539c17ca1b4b3b6ce969', onClick: () => this.bottom(), "aria-label": dvI18n.t('alignment.alignbottom'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'a2f28a957f2eca5a2aa52ed4eb7efedbc0cadc0e', name: "field-alignment-bottom-icon" }))))), h("slot", { key: '1aea5648036c82700a075bec8b3fb3a2b9f84f3a' }), h("ls-tooltip", { key: '776ce5aac062faad36c1200b829cb459d2be9be4', 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

@@ -133,13 +133,13 @@ export class LsFieldContent {
         this.alter({ validation: newValidation, value: newValue });
     }
     render() {
-        return (h(Host, { key: '7e037ae04f67d6c96f34a7092f000889fb99b66a' }, h("ls-props-section", { key: '82fd9118dc9e0ff5c27b56e0b88b07063636a1a5', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: '14d7d26a08c850ecf4a139c8cb690fa0c871f8fd', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '02bdf158ccdd561f3defa9b846afa3c9ec0cdb40', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: 'c6a4f71032b9b1b2e8d81a1e6a2935d38a66e2de', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: 'f608bedd266e644d9c8efe5acd0d8f09173b120b', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '28fc29934b5480dabdf3d74317a42cd011089f6f', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'bb3e0c6912b4b77b4ec8b12379dd8f064c77da12', 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: '20b43bff48a28591f35caba3817d7bf43441c5dd' }, h("ls-props-section", { key: '329be94caac8e36ba24d5d57db6e7111e56768b9', sectionTitle: dvI18n.t('fieldproperties.fieldtype'), sectionDescription: dvI18n.t('fieldproperties.fieldtypedescription') }, h("ls-field-type-display", { key: '61ba978e6d0d6e0e4623d86cee2f5c294c2b6783', fieldType: this.dataItem?.formElementType, assignee: this.dataItem?.signer })), h("ls-props-section", { key: '0e6acecfdd5e59973fa54f6b8f850cbbe8da30fa', sectionTitle: dvI18n.t('fieldproperties.requiredfield'), row: true }, h("ls-toggle", { key: 'e0335898a3c98c7dd34cf4e3fe8c3ee6e718ac18', id: "toggle-required", checked: !this.dataItem?.optional, onValueChange: ev => this.alter({ optional: !ev.detail }) })), h("ls-props-section", { key: '5c5ce0a00cf9414b38e0422f777e2890cbcc3140', sectionTitle: dvI18n.t('fieldproperties.fieldlabel'), sectionDescription: dvI18n.t('fieldproperties.fieldlabeldescription') }, h("input", { key: '80db08297f3429699f1eb080b1ee333245e91dd2', value: this.dataItem?.label, placeholder: getFieldTitleSuggestion(this.dataItem?.formElementType), onInput: e => this.alter({ label: e.target.value }) })), this.supportsValue() && (h("ls-props-section", { key: 'd09e11dc0097b8f042fcc02ade6000e76a101cb6', 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: () => {
                 const picker = this.component.shadowRoot.getElementById('ls-date-picker');
                 if (picker)
                     picker.showPicker();
-            } }), this.dataItem?.value && (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) }) }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'c8f5abcd9d05615e5b008b66ec975b8b4b69066e', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '3c22633bcac4d81f2f5760cd42f7be54fcf388ed', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '616c7e1f9e016b331feacdb7b3edbff857c64177', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: '4e39f3bfa6bd43d864d145ab9e92c504f722b314', select: true }, h("select", { key: 'bf3dcf728121b67e82618fd0f991ac50ba42135c', onChange: ev => this.handleFormatChange(parseInt(ev.target.value)) }, validationTypes
+            } }), this.dataItem?.value && (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) }) }))) : (h("input", { value: this.dataItem?.value, placeholder: getFieldPlaceholder(this.dataItem?.formElementType), onInput: e => this.alter({ value: e.target.value }) })))), this.dataItem.validation === 20 && (h("ls-props-section", { key: 'e5c71319004c524773659a2232416e272c9eb9c9', sectionTitle: dvI18n.t('fieldproperties.options'), sectionDescription: dvI18n.t('fieldproperties.optionsdescription') }, h("textarea", { key: '6ed0f4be72655401af433cd22a18ad48aff26504', value: this.dataItem?.options, placeholder: "Option 1\nOption 2\nOption 3", onInput: e => this.alter({ options: e.target.value }) }))), this.showValidationTypes && (h("ls-props-section", { key: '328c17a0ae5df04e7525deabbb8eaf4a7986eeef', sectionTitle: dvI18n.t('fieldproperties.contentformat'), sectionDescription: dvI18n.t('fieldproperties.contentformatdescription') }, h("ls-input-wrapper", { key: 'c7e3e841c7678a9f56a4099444074b7ca2146c8e', select: true }, h("select", { key: 'e677b0411c4309b36016bf66d6dabed9248fcb05', onChange: ev => 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: 'a3fcfa566139735212adc39c80bc7fa86e84c9cb' })));
+            .map(type => (h("option", { selected: this.dataItem?.validation === type.id, value: type.id }, type.description))))))), h("slot", { key: '34d14a779b9f62272e27d94262fa04a50e444e68' })));
     }
     static get is() { return "ls-field-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,7 +38,7 @@ export class LsFieldDimensions {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '5a68fca24f8ba97432464688a4787ee2ccd61dee' }, this.isMultiple(this.dataItem) && (h("div", { key: '75939c5974efd263f5c9609985e1367d2034d214', class: 'ls-dv-field-properties-section' }, h("div", { key: 'a6dfdf54e78957e8fd0d6bece37509a9bda17931', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '7b228de5827ac2874228012472159c951751b5cb', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'ca93eb7e86dfd2be9b7ebcc377bd904fa5e72bd9', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '7b721441a66d133b1c7b71461d41873cfc598628', class: 'ls-dv-input-row' }, h("div", { key: '4fe825b30385d83e18ca9ede1a19b4984c86039b', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '21e7a114aae93c96ba8215c14faa9a6bade0647c', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'fdc4fb2ccd1c7877fa332bd7e9d9106113adbd59', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '48f0404db8f52a7c442488c4d96140aae64c985d', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: 'a51e68de1fbb6cb55c0403387b1b4edc86286970', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'bb1d074da75de9683aa05ddf8df80c0e02c865ff', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '98b034e58fb98ce6432cfffd594b8adc30654642', class: 'ls-dv-field-set' }, h("div", { key: 'a239c132e86e80fc5d0949fad2d7286b70d0ec8a', class: 'ls-dv-field-properties-section' }, h("div", { key: '9630568ae20e38d802cba3a58fd2b448675da20e', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8538d1d5bfd2c55bf806b52aae00f7d22ecfd8f3', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: '0bb0da4b4d0edd8187c7bd69d7144e0f58ccd030', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: 'f712d39ccc8121ad21f97b1fd9bcd1c7ae157a0d', class: 'ls-dv-input-row' }, h("div", { key: '36138daa0e692ce35600b5917d017e17ddef3f06', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: 'b5da16fe2569ef0d00e1d5a39735236efe18bd8d', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '6b42feae172daa69a48b6c615fd923976074fc72', 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: '283e87c0502d9ba664040b181efad513dc8100ce' }, this.isMultiple(this.dataItem) && (h("div", { key: '31b8106ad0ee000a1fc7cf6ad59a64bd24686ebe', class: 'ls-dv-field-properties-section' }, h("div", { key: '48691a4ec410dcbd69fede572738163535b2acca', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'eff66b6869bddc4ab60055d617441f475dc75f38', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'd53b82c1195157a81cdf45a8c5d8164f3a3f58b7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '5a7f97cc667ada0ad656e31769021179f45c03b1', class: 'ls-dv-input-row' }, h("div", { key: 'f821ebd228075974f861a437cb1c9f89e1858e6f', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '326b2355f4538aa2f162c10e386d4f4e96ec72d7', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: 'f874580527d93ca7724a82ed1605f5c159d97c48', class: 'ls-dv-has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '17afa085f8604e31ba96c36c512762678af40956', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '34612e51dafd3563b0d8b3ed9d238e9616e6d484', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: '9d38bbb0c1e09729239239021f6ce91054e6310a', class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '8d654d629e4fb1104a87e38d91b0c707865ca851', class: 'ls-dv-field-set' }, h("div", { key: '25ffacd7af6418d951ac2c748763882104cbfbbc', class: 'ls-dv-field-properties-section' }, h("div", { key: '4c8b1318430e90e762726ff310e331e2dac61791', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '0a4ebf26ff3105f3cc7afe84731a33fdbe527910', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.heightandwidth')), h("p", { key: 'bb1d64dd11e2840ae493b9b2cfa84699bb61b352', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.heightandwidthdescription'))), h("div", { key: '2492dc627226e5a139cb878939f7ce8c005bdc34', class: 'ls-dv-input-row' }, h("div", { key: 'cd445c570d936b82e3664bd69e3f88dabdeac8b4', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setwidthtooltip') }, h("ls-icon", { key: '3d906619bcc75384b5a10c04b3a5ebca89d11c1e', id: "selectLeadingIcon", name: "field-match-width-icon" }), h("input", { key: '70475990c321852786c2c5b4cdb5054bd0188426', 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) {
@@ -52,7 +52,7 @@ export class LsFieldDimensions {
                 else {
                     this.alter({ width: newWidth });
                 }
-            } })), h("div", { key: '62ddb95ea993b9d4914cb5cd96fe52a8467e8410', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '8c42e4399ff729751a44fb02e3d1a06f7e5bba92', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'c38c994b925c73fb33b8ccf0566941b84a8f9327', type: "number", class: 'ls-dv-has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
+            } })), h("div", { key: '89c74e310e07a1dbfb81fc67604f8c10899c6811', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('dimensions.setheighttooltip') }, h("ls-icon", { key: '9eb56c7e7491115dc2781fc6084a201d6c814ba5', id: "selectLeadingIcon", name: "field-match-height-icon" }), h("input", { key: 'beb279bef8cbc0a0334dbe29b7411d4698bcf00d', 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) {
@@ -66,7 +66,7 @@ export class LsFieldDimensions {
                 else {
                     this.alter({ height: newHeight });
                 }
-            } })))), h("div", { key: 'fa3c29f82b3e8af53f7dbf9d2bf139c120bd8a0f', class: 'ls-dv-field-properties-section' }, h("div", { key: '30be27d3ad8effbac3dd7448d782e555bfe17635', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6a3852cc27ddf831632938fadf43cd8e5b3f7686', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '85928a864cb7b6d5531d64a3e6de20262ebeac1e', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: '5781abccaddff82427a828838a41c5899e8d82c7', class: 'ls-dv-button-group' }, h("button", { key: '170144170e490eb1a1c540c07fc7c03d2d053a72', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: 'f9da7f972e0262b69d7deb53b0b82de4cb44b4b4', name: "field-scale-icon" })), h("button", { key: 'b60cca28461882d18dd1f2f00d14d4c33f23c086', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: 'be9e93597330a225f8c23c27290534f7903b48e2', name: "field-match-width-icon" })), h("button", { key: '04606f0d02496745260e92c7117a4bd5a8974036', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '03de6d3a25dd533f92f9f8d65ccfcbb2762cd775', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: 'ba7d7ade9c1f2b67a386580097c180885855fe4a', tooltipId: "ls-dv-tooltip" })));
+            } })))), h("div", { key: 'f92df07ff270d579ec86c7b924347750409f6659', class: 'ls-dv-field-properties-section' }, h("div", { key: '580de1b3bd00c5c209334c58c26064175ff61f62', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8028f1490ff5f6cbcbc46c30899acb905871fb7f', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('dimensions.scaleandresize')), h("p", { key: '8d720d90459b291bb59a33a1e7f056ef895ceb8b', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('dimensions.scaleandresizedescription'))), h("div", { key: 'f252e2e28aa2aa4a3cf82c659dae86335c99ebd1', class: 'ls-dv-button-group' }, h("button", { key: 'db388589301291276c36e7031e0f770c17922e63', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplescale') }, h("ls-icon", { key: 'ad9ef9f9af7ed649533d299163cbc2f31ec194f3', name: "field-scale-icon" })), h("button", { key: '2118663fb1ff1c61e42b6134ac50731547c9ff9a', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultiplewidth') }, h("ls-icon", { key: '95b5ad4283153cbf5d33efa16f66152ee876f728', name: "field-match-width-icon" })), h("button", { key: '19e967816cf37381e1ad3c537b206f8a7c5563b0', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipleheight') }, h("ls-icon", { key: '46622ed272e834dbf88dadb2af9a139861841252', name: "field-match-height-icon" })))))), h("ls-tooltip", { key: '5c3774880d73223f91417d227358f0a688b8a9e4', 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

@@ -134,15 +134,15 @@ export class LsFieldDistribute {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '525f94669a4e8bec578065204afcb492e2b07b24' }, h("div", { key: '2015776e33b5042c77bbe3f1bf10c3bbb40ab773', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b5f32886e70dc739d8a1ae0b80a325426c363060', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'd51c61b51808fae833621e619fc52038fed9df1d', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '3c13e60348db49de078e666ad6842b5a8f8f1a0c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '68a1b5c7eae513136a9d7ebd281f79b77a435943', class: 'ls-dv-button-group' }, h("button", { key: 'd2a5f1714aa5996185aa87141b4995064518adb7', onClick: () => {
+        return (h(Host, { key: '01f6d96ded943892c29ddb3cd152709d0acb8a41' }, h("div", { key: '4531214ce93eb47527fcfe377788d04015eda282', class: 'ls-dv-field-properties-section' }, h("div", { key: '19cd9102d7bd24ba22b980b866cd6552fae989ba', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '4a859b97e94e4237d85dc7519cb861f10801e3f8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '8fe8b7fc7ada7cbbfb57467191a095f9f4831214', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '830f37df2b90bdc5f89283541bbe9aaa1c0039fb', class: 'ls-dv-button-group' }, h("button", { key: '7e5f857cb785fd77aa7ffac1068b92e6cc9021e2', onClick: () => {
                 this.distributeVertical();
-            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically') }, h("ls-icon", { key: 'f2896d86bceddac5d9ad33b1b5c40b485025d136', name: "field-distribute-vertically-icon" })), h("button", { key: '9ce79600052b2a1b46cd5571cefc6a30981e827d', onClick: () => {
+            }, "aria-label": dvI18n.t('alignment.distributevertically'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributevertically') }, h("ls-icon", { key: '77b9d390708d9865da130bbf4ae1d80a45df9e66', name: "field-distribute-vertically-icon" })), h("button", { key: '0bc938ac4f7f7b07a6f95aefe291fb489bc22bd2', onClick: () => {
                 this.distributeHorizontal();
-            }, "aria-label": dvI18n.t('alignment.distributehorizontally'), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.distributehorizontally') }, h("ls-icon", { key: '99f3c22b1ebd868a29d5778ff39df2f9cd142c71', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'f4b3f30aa5f1b0f8450bb15d134f65ad1127dce0', class: 'ls-dv-field-properties-section' }, h("div", { key: '0aa0a20f8d99353d7da87d0a3db0db033fae516d', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'e837016d6762891bec096affde218016f7b49a19', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'f9c8ab7d90ee998e49a66c968ebe2caec035dd4c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'fb68bc991dd3391aacd8ffdc80ccba724869d579', class: 'ls-dv-input-row' }, h("div", { key: 'a01e264f35ef61dad7c0a9389b42adacaa101c45', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: 'b4d7c1dbef7eb1426c35380fdd79744aa5b7b2fc', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: 'cf0752776caa4363cf12f621032838525772d1d3', 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') }, h("ls-icon", { key: '27673bc2e7baf89f6b15e957c46b31ef55d4251c', name: "field-distribute-horizontally-icon" })))), h("div", { key: '18cb50b579c8c9b8a74374af11a88096a5f321ec', class: 'ls-dv-field-properties-section' }, h("div", { key: 'f11ef74f047bd2736ce5b377ebbd19c32faf3672', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '412fed2372e3ff501f5fee7d02101a5c2cc1258a', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: 'c1893b487c3d18aeb54c09243c93ab6bbc72d38c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'ae325d1ba7f08014303a366fc8c3bbe54f745897', class: 'ls-dv-input-row' }, h("div", { key: 'c28f8c175007c08e7f97c7e35cad74c35d2bd030', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.setverticalgap') }, h("ls-icon", { key: 'ffc7e80802c1b6492b7a5f6af98d494b8fa4fe48', id: "selectLeadingIcon", name: "field-distribute-vertically-icon" }), h("input", { key: '3db6d88ba85133bd2c201fd79a759ff01e1f2e7e', 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 })), h("div", { key: '01f7d983b206c08c2ea6f6d309026183e9acc14c', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: '2687730a4d1a93008f544dd67cbcf1eeb779a1b4', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: 'eb0e383f10139e3a61a11d11779619bc6b0f3151', type: "number", class: 'ls-dv-has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
+            }, min: 0, max: 9999, value: '', size: 4 })), h("div", { key: '6cba1c88553fe6e02bb667eddf9837d1cb4806e7', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.sethorizontalgap') }, h("ls-icon", { key: '815738561c5cee9c40860d972f1f8f91b2d1d736', id: "selectLeadingIcon", name: "field-distribute-horizontally-icon" }), h("input", { key: '101c0bf2bfd69ebd98da777b44927e14f2945045', 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 })))), h("ls-tooltip", { key: '4742d373587b7a87c04bdebcf85cf6994ca913da', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '02b3d216a56c86ab988e4395f02cb025a135a5f9' })));
+            }, min: 0, max: 9999, value: '', size: 4 })))), h("ls-tooltip", { key: '8c7da9b8b16f4eb2d8f9ede0a29dda3646d9321d', tooltipId: "ls-dv-tooltip" }), h("slot", { key: '356d2b38a3fceedb514f737b82c844af7509f3d4' })));
     }
     static get is() { return "ls-field-distribute"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,7 +37,7 @@ export class LsFieldFooter {
         });
     };
     render() {
-        return (h(Host, { key: '01014fb0513d21f034f79a3e0a80d10721459592' }, h("div", { key: 'f624389308a64f9e25d2d7b5ecf1f4b5728b5697', class: 'ls-dv-button-footer' }, h("button", { key: 'fad6913c8dfaa431fba1cb3520fc0df25275828a', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField() }, h("ls-icon", { key: '97b73bb3000586d01d4e7f6dd2c357282baa52bc', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: 'a56d2a11bf2ef3ffb9388ff652db2455d4ea01a5', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField() }, h("ls-icon", { key: '1e21dc85eac47282f9aa97920163ae3ddb97d3d5', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: '777722e824d99267002020bbed46c4c8bb202d36' })));
+        return (h(Host, { key: 'd832b2404b55ff76415d0f1e06a524cca39b0458' }, h("div", { key: 'b4909398f888945123b7d774fac7de611e040bfb', class: 'ls-dv-button-footer' }, h("button", { key: '299172979fca79a8de2fbc7eada6bae959c92793', class: 'ls-dv-secondary ls-dv-full-rounded', onClick: () => this.duplicateField() }, h("ls-icon", { key: 'e6c255df73a30d38508f109e8352627148b4db49', name: "field-duplicate-icon", size: 20 }), dvI18n.t('common.duplicate')), h("button", { key: '2d59a4ca5434341f0e2dbf0968019f21e1d57002', class: 'ls-dv-destructive ls-dv-full-rounded', onClick: () => this.deleteField() }, h("ls-icon", { key: '0f80f8568501ec6dd68e61d573a5cd332ee7a729', name: "trash-icon", size: 20 }), dvI18n.t('common.delete'))), h("slot", { key: '7b33862a9ec06565a69ca9e6b4f73b0799ba8fd4' })));
     }
     static get is() { return "ls-field-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,31 +43,31 @@ export class LsFieldFormat {
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '6b23fc93d340a8054fb46d803c0ad862128a22b5', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '10ac53711a8c3d7020afa6834a80a8dcb11660a2', class: 'ls-dv-field-format-bar' }, h("div", { key: 'c29d49c58b71f07a166f8a5d4df47282dbe04557', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: 'b7cf6238ef856a83d61be45f6fe8d3b3123fc2f2', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '23ff73054e519c36b5e1952819561fdbb9d5234a', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: 'a30cfc986e0ffb27427cceb442475cf4555e4413', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '52fac60e65e1d4cc6fc7b1c880ab18bdc9b15209', class: 'ls-dv-field-format-bar' }, h("div", { key: 'a2a8c49a08a5fb178f1b1e33d04bbeaf7685c6b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '3ca17f5993952362605535e56166ecde5bde0478', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '1b043cc3013f7f6e80dddccd23dc54aae11688d0', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: 'edc81ecb32cd23653374a5fb07673a6fcd1c8e10', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '0a1cd00578f7ab5a96ccc3721ca2aeae9771a808', value: "arial" }, "Arial"), h("option", { key: 'dd9f74095bf72ae78482bf8a305ed6a162ab9fe9', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2cab344aa9a74af5a32753d3946b900584470607', value: "courier" }, "Courier"), h("option", { key: '48c9a29804245beb2b469142b59ebf986a34cc13', value: "helvetica" }, "Helvetica"), h("option", { key: '5a1af383288abc9ace1854c5378e192ac26efc43', value: "verdana" }, "Verdana")), h("ls-icon", { key: 'fadfd9e9dd064e24595b4f1a14139dc90fe9f483', id: "selectorIcon", name: "selector-icon" })), h("div", { key: 'ddb6a2932520121ef646250ac09cfa3e69d72e39', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '8905ee23f2fd530fc0209ac2c0fd6b21eaddc111', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'b418cc56b2da051b428f16ba5ccacd17a5dacf83', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '67cf7d2fe34fc980065c73ea8f31fa53737bce82', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '6874d63750b95da6078128b758060a5a5b7027b0', value: "arial" }, "Arial"), h("option", { key: 'bd6ad75adf8b0b3c627eebead981bb70e6552576', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '701df08cbb9304ba133a5a22859fcf2969ed346b', value: "courier" }, "Courier"), h("option", { key: '2e6543181136d996999414f7417c0975c6f3f241', value: "helvetica" }, "Helvetica"), h("option", { key: '6899f4e88c3e961ecf44825d88f597338c8299a6', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2c23e090ada507f25a8cfd28f008490928fb2d6d', id: "selectorIcon", name: "selector-icon" })), h("div", { key: '7c78dbd2488e7d1d4160023fbf0e7841a098e4b1', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '2950ad5c3a4fae0b8ef561207506fc8a08fa63b6', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: '366854e50d871a9f28e8794dd055e18f628b6a1d', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '04a35200f07cf18591c8ab8547f73705a52a8257', class: 'ls-dv-button-group' }, h("button", { key: '5d8f5c0944094832d286380851bb021df01ff805', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '27ee621bbc68e397ef17f8b47aaa58af14ff35c4', class: 'ls-dv-button-group' }, h("button", { key: '32115e771209bd271e8a84e67be8bc737569235e', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'fc8a467f6dbba2abc94caa708a15901add9b1f33', name: "menu-alt-2-icon" })), h("button", { key: '13cc9502982f0faadb190a7031c728f79e72b199', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'edb58e9b830825d44965b49c7afe2a8ac53f0294', name: "menu-alt-2-icon" })), h("button", { key: '5f915c921b9be965707ab89224d070246f9883a8', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: 'd04829812fda158285f5a5fbd2aea62c40ebc9f3', name: "menu-alt-5-icon" })), h("button", { key: '8a686e1b1df08ee37514eba1085725667dff0293', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '25f88a7a103ae302ea5dd9b93400cda22b388498', name: "menu-alt-5-icon" })), h("button", { key: '62787902f13ec6f870ae1e533416b58f5553ebd7', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '217c9ad02f7499f127a76bf118ae817a997e89cc', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '5d605266235bbcb00b0979235a91a66e086db93b', class: 'ls-dv-field-format-bar' }, h("div", { key: '0da3b47516c59592d6b3e837c92521efd4b5c5c7', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '26edf0fafae6448256518118b2acd3250ce42e99', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: '3d1d424d1d615c5bdac1837638c727a8421a1a15', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '4202bfd331d0dc984b83b540e297c36931a48082', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '6930b9223a758a6f8b42c466739612ef3d6b67d5', name: "menu-alt-3-icon" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '93faac03f2360ffdb2b9108ad867a667c1c286ad', class: 'ls-dv-field-format-bar' }, h("div", { key: '64132c9d4eab4ae39e44fe47d8054589d23cd382', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontfamily') }, h("ls-icon", { key: '294ff2c8f5ec22da2667616f3ca9c976475a95a3', id: "selectorIcon", name: "selector-icon" }), h("ls-icon", { key: 'bc8f8e348c5d80a5e9685e5daa305f160216fb19', id: "selectLeadingIcon", name: "typeface-icon" }), h("select", { key: '5107e3ee8eaab44b4e86483bd2350ea63c20e6bc', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '0e59e235bda33e1cfb2fee4331134f47ad3a597f', value: "arial" }, "Arial"), h("option", { key: '5894b9ad447782e2d9b5e95911e0c956418fc3a0', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2e94fc53e42255fb9c478fa46152a3016b9b0756', value: "courier" }, "Courier"), h("option", { key: 'c9fd646a70afbb1f1935b190cc3d1d7b724e8307', value: "helvetica" }, "Helvetica"), h("option", { key: '8b210d9140b6bcd7bc375e1013c672122e111212', value: "verdana" }, "Verdana"))), h("div", { key: '67d56df75bedbd3831a7359d305c08c6bbf06ae2', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '668ea18cc6c82457f54ae7adc61fbe0c5553509e', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'e247ed75673eb9bd2989e64178a46f1f46ed460a', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'ls-dv-has-leading-icon' }, h("option", { key: '920297ef5b4aebe491a443ce49d1d5e562af6a45', value: "arial" }, "Arial"), h("option", { key: '88e02f1c303035268adeafaa7d41b4e55c363244', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '60d38b842f30969235e6d17ed4a9394ea1d5f481', value: "courier" }, "Courier"), h("option", { key: '94f13f530eed3b58557cc8f21a29bcd9faf48ddd', value: "helvetica" }, "Helvetica"), h("option", { key: '5ed34e08ce75ad09eae4a13b0f7954777cbd80a2', value: "verdana" }, "Verdana"))), h("div", { key: '3cc803cb4fc197f49c1f013707b51d8dd777fc88', class: "ls-dv-input-wrapper", "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.fontsize') }, h("ls-icon", { key: '17d2bd94b28f40fd3d99958f78599f46b670b0f5', id: "selectLeadingIcon", name: "text-size-icon" }), h("input", { key: 'd3da7becaae40a614e3830d7e0b8fe1ae0862a9e', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '02da6c033e42a77b914bbbbfb171595ca5c81345', class: 'ls-dv-button-group' }, h("button", { key: '639542f1e98d4993341b83a26186c86cac7a4727', onClick: () => {
+            }, class: 'ls-dv-has-leading-icon' })), h("div", { key: '89671bf2c0be560096f7a4c30f34560835ba474f', class: 'ls-dv-button-group' }, h("button", { key: 'a9031769ea7f8341c2785bf7856616d15eb30242', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: '7d6d6d250cb615eeb454785f74da70775e9043f3', name: "menu-alt-2-icon" })), h("button", { key: 'afa2fc53bedd0b3b85b102cc113a78515260d554', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextleft') }, h("ls-icon", { key: 'a552e176a9b1eefa3d98b499d40a051c6890699a', name: "menu-alt-2-icon" })), h("button", { key: 'cd8fcf405d9e01b6ef05f73969bf5aa745a5cc5f', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '568ef51278adbe4aeb5b222456edea73e6857cc5', name: "menu-alt-5-icon" })), h("button", { key: '1493af110aa908defbe80ccaf06f889c55da0457', onClick: () => {
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextcenter') }, h("ls-icon", { key: '175863219aa3c0f2e5896b449af6b39d0c16ce35', name: "menu-alt-5-icon" })), h("button", { key: '9ad50c653dc8841f3d365efe6fd3f7990b98cdf5', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: 'd1b0a7941e026b8da9a36b8b2625226ffb065d88', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '50cd13a98e7cb172bb78b18d03b660bb6e0d838f', tooltipId: "ls-dv-tooltip" })));
+            }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('format.aligntextright') }, h("ls-icon", { key: '5f43493886d11b50785b376286350c3dae6e2553', name: "menu-alt-3-icon" }))))), h("ls-tooltip", { key: '59262818661db8f250aa92a9a2c9b1014964d629', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-field-format"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class LsFieldPlacement {
     componentDidLoad() {
     }
     render() {
-        return (h(Host, { key: '6f0563de1fa4b5d583ceda094647f341b34110e7' }, this.isMultiple(this.dataItem) && (h("div", { key: '61eef6459021f86dbec50dd82a03e4848f92e2ec', class: 'ls-dv-field-properties-section' }, h("div", { key: 'c1db5ab5e2bdc3df939a8957f914a53c6ebef2cf', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'f5416f5d30bd62bb88d3f5bef7dd47ac4b7e01e9', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '859beb120eea956c2473c96497b7f009e83730d6', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '0dfd1255e79640a95f39accb0a6792cf2b5fabb2', class: 'ls-dv-input-row' }, h("div", { key: '768f739647a6322e3dbb3d32d5996f1a70951821', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '10a423d794ee80002f84a8ee462da70eb0d3e44a', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '51dda6f75d78fd989e230701e7d22f7a580aaca0', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '42a8b0b4ea87de3f1c567a760019f78e49f9b1ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '8471579b65d61b33cb6339deb80a73ea95938a17', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '74a2224af041481f0d859a635468f53a7c229a6f', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '5282d859d36de529691b209dce96634d2260fc55', class: 'ls-dv-field-set' }, h("div", { key: 'caa1bd85cb35632af2a41249399fe93aa586d3d5', class: 'ls-dv-field-properties-section' }, h("div", { key: 'bd7095466c4295f0ef27cf50e2134a2ed5e5971f', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'b94ed1e806e98f0fe5ed10088c45d39bd801d524', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'd36c40b31bd5b95da3fe864f2fbb8431b950402c', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: 'f51729503ae10faca9b7df0122462dd3e6f782a8', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '670d6f106368a0e1a454f6ff7f3a0e4752287622', class: 'ls-dv-button-group' }, h("button", { key: 'ed16e0c3ea8476094c09c8068cde21fc8f05cbdf', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: '4cf032e8c1d0c38d7bbcc8f271a1c61e49875d6d', name: "field-alignment-left-icon" })), h("button", { key: '8b4084ad6e65f9c296474a21d06a552ec5c058e4', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: '182b281a20b4f8aed14e5d6ddbbb670e68e96fef', name: "field-alignment-centre-icon" })), h("button", { key: 'ef5bbc8f5ed346f939945274c62cfe4231911119', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'bdf7ad9720159ffa4a13b974342e720fe7dda925', name: "field-alignment-right-icon" }))), h("div", { key: 'ed07b9b8098ef5b8ccfe989cada28a341ec5ca58', class: 'ls-dv-button-group' }, h("button", { key: 'bddc1f9574222be542b966bd576fe6c465eee60f', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '4391bb257e558ba32e73a5a365d84bf2267c0b2c', name: "field-alignment-top-icon" })), h("button", { key: '5326418c172ce24b009f1558361e97f1790dccba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '5159f221f5c2633e9586bc43a889ee919215868e', name: "field-alignment-middle-icon" })), h("button", { key: '36314754ae396174a0818e6ac9f271ae98f79b65', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: 'c52e5d23f61ceeb85e14215ed7f722064e4820a1', name: "field-alignment-bottom-icon" }))))), h("div", { key: '2897ce745ae66af092ec579c20637e65489aa9ea', class: 'ls-dv-field-properties-section' }, h("div", { key: '2207e4d5150c691e518ecbdb8438074bdf04e188', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '5849954c9b3bd52b4d7fb7f8a25f4944b47d2695', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: 'ed55b75c9668334df2fa5dce14dba15b1fe2f20f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: 'ad70f2d5a581a7742bb925951bedb773e467be69', class: 'ls-dv-input-row' }, h("div", { key: '31ca15c6a0e3dea8c97f67a16f73a559fbd19b21', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'b0ded693a7bb8d2553749c73896942e312a3e2be', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'f438acbad757f3f8c13e0ea34151d4d14c8259fd', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'b045c79e92e32d10c27d5e0a32e6c4f315048e00', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '99c8fb3ce9174103d3d0dd5969d5b2ab43bdd3a7', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '44d5e9c620c6bc715e01ce64f8da2f94fbe58ab3', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '51d16ec46ecd2715821cec604320f35d852bae6f', class: 'ls-dv-field-properties-section' }, h("div", { key: '9c52228c215dc7f6bda7743f11a33761e3ccd3e6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'e796df393fd78a2285ae08be756959fed925b0b7', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '00d33c3a2a96b8cceba5b098ec8f98c7b2c883a0', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: 'ac24f714324e922bbc59b177a9ceabf5b76c214d', class: 'ls-dv-button-group' }, h("button", { key: '012fb1c0cc55b454f0bad076c37e00e9a0f59053', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'bf622879b930ea87fe22e5b3991ac239702961c1', name: "field-distribute-vertically-icon" })), h("button", { key: '61da6c91d91fc1277eaa8cdb8746c018eb586b50', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: 'de331d8aa839c347698cfd9ceeddd1c30505a7dc', name: "field-distribute-horizontally-icon" })))), h("div", { key: '2379aeb51cf6cbfe3a6d9efdecee63a654c4eb22', class: 'ls-dv-field-properties-section' }, h("div", { key: '64cab0e10dc0e904dc712f9f0814d4dbf13a9cd3', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '92ac13e7593cdd7c9d92defe7fd0a3bbc55f6909', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '0bea954cf1eba3518d1458acbba1e25b9d28a5ea', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: '9003ca928dca37ae99b621c205c82dc91e03086d', class: 'ls-dv-input-row' }, h("div", { key: 'be7401d2eaa826fbf2e77df4dabd5a58d7e9203e', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'b3ed7ee1a4b17b6c9305acb558ebc17f6028a81a', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '3d2d9df4d2f793aa55ef4e335e4becea1d68ffb5', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '0571522331bfae60038df5b5530051415cc9f6bf', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '55c014b3abfcbc408ba493556f075e9affc2a3d7', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: 'd2765f9479ed50c47fdebfb25fdc6ef06ea6ef63', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '67a9e27330e90d24d9b6f1d69ecb870b45c012a5', tooltipId: "ls-dv-tooltip" })));
+        return (h(Host, { key: '1f98ef31a65443dd21359181a512fe7a06cf4138' }, this.isMultiple(this.dataItem) && (h("div", { key: '287ac3ac893c77d021ae2531bdc5fc98cc884c38', class: 'ls-dv-field-properties-section' }, h("div", { key: 'b1a28cd5df5000f04059bd7c1a93aa8044b1fb20', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '49d1d65533c47c80e69d68847ed6397792734f59', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '6929bed80c02e2ef0b5fb4899c502b3cbee5570d', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '8de73a6b06b1cfde543bc425bbd031b90a6f9882', class: 'ls-dv-input-row' }, h("div", { key: '3eee05138db567cb99dfba9284fc02018047c168', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '70a4a0adb0d7cb2dd06dffaa6743d1c6d3bd7a6c', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: 'be288339ede9804310a5d1ddb9dd5f4e4d189f1d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '67d1516f69103d904641cff18a4cc1b3fb0207d9', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'e8bb52815395e6f8488e13b2f818759a1f6f6edc', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '94b11705c2357e5810ad89b93417bee268635a1a', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'bebab81242f643c9bd0dad81999d018ce2aaf4f7', class: 'ls-dv-field-set' }, h("div", { key: 'cbcfd84fec6cb909892558764f92030f60fb10e2', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ca3d9287959f82b6fd81b32ed2f590276d0c09eb', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '8aa006405ae37d39ab8637c8c022d07524303dc8', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.alignment')), h("p", { key: 'c78e60cbf5d63ad1c63f62c8e1900af80deb1e7f', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.alignmentdescription'))), h("div", { key: '15fdbc0af15e2291267f91e2716b79a4de684627', class: 'ls-dv-multi-button-group-row' }, h("div", { key: '27d079876b4c6a525c16b5fecd8e4878cd12ef2f', class: 'ls-dv-button-group' }, h("button", { key: 'f535b9e071d8b9dd75174c1f1a290438d77ff15b', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignleft') }, h("ls-icon", { key: 'fd0fd61c79704651c9582d805e941b44580e392f', name: "field-alignment-left-icon" })), h("button", { key: 'f169be68deecaee3993e1a66f1021b0d20deee5f', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligncenter') }, h("ls-icon", { key: 'bed42bef80a4fd48a80fb459354f140b15c26ee6', name: "field-alignment-centre-icon" })), h("button", { key: 'b10b3d100689cd5c577bc831c925aeccc866b6c4', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignright') }, h("ls-icon", { key: 'b5882a2fea4177824c4bedafaed85d84fb842906', name: "field-alignment-right-icon" }))), h("div", { key: 'a45687ecd1d6799e54191f2664be21cefdf2a507', class: 'ls-dv-button-group' }, h("button", { key: 'c55f736d8f89a25fda5bfd882d513d042984401e', onClick: () => this.alter({ top: 0 }), "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.aligntop') }, h("ls-icon", { key: '7e930f27d06dc022c67e41402b80ac52416203c0', name: "field-alignment-top-icon" })), h("button", { key: 'c4c1895958e8d99d0ed11754ffdb3f5122447293', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignmiddle') }, h("ls-icon", { key: '99487d592f4aef1612e54fd75a249142118b07a5', name: "field-alignment-middle-icon" })), h("button", { key: '3b5a49168c1e4d876e4cfeed2172cab1b83e13a3', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.alignbottom') }, h("ls-icon", { key: '473512ea82374f0217934ae8573f98126cb02678', name: "field-alignment-bottom-icon" }))))), h("div", { key: '7039482a40a7cc4b67041926be48006481e5eff4', class: 'ls-dv-field-properties-section' }, h("div", { key: 'db9f828737c9b3afc1ec84d995d0ef85529db396', class: 'ls-dv-field-properties-section-text' }, h("p", { key: 'cb16889efabf1b4d429e4a461c46d8a5f1da2e10', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.location')), h("p", { key: '1d1fb1d8f1399225fca71ea960d4be56027692f7', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.locationdescription'))), h("div", { key: '96f8999cf487dd9d9e254d62c3463d9ff574a9cb', class: 'ls-dv-input-row' }, h("div", { key: 'b40561420f4c0518680546ccbb1963c4c3f12e1b', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: 'beb47dafca177b1f9b274b7bda3d8b101d1a4b10', id: "selectLeadingIcon", name: "x-letter-icon" }), h("input", { key: '66375b69b1c6d051aeb37735c0ce238888f0b76d', type: "number", class: 'ls-dv-has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '902932b9c4f1b5f5ce1326e9745c4a29aee704ca', class: 'ls-dv-input-wrapper' }, h("ls-icon", { key: '08e48cc94443a177d17ca03dac52317f0b2bb32b', id: "selectLeadingIcon", name: "y-icon" }), h("input", { key: '4aec32e2feb65fd4fc4b4cae689568cba1e9ea87', type: "number", class: 'ls-dv-has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: '7b7294ff0503cf9a3a26ebe47d2d1799aa1ead5c', class: 'ls-dv-field-properties-section' }, h("div", { key: 'dd889cdd7aa59756deae34af6866f49b6943ea4c', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '38de8d81237e209a1e59fe70191fcc09795fa67c', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.distribution')), h("p", { key: '1e8a3542914fcb6adc5d0267dae04e5514cdf22a', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.distributiondescription'))), h("div", { key: '8a74b83b826c2a25e7c018f197b0834c52df5442', class: 'ls-dv-button-group' }, h("button", { key: '54b6334ceb9041611348ae3b6587ec5184575863', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '6171a092bb121e89751e685338a0ef5e77a545c6', name: "field-distribute-vertically-icon" })), h("button", { key: '599c6f2cadba4e5ef33bf0497aaae5a71ad1d472', disabled: true, "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('alignment.selectmultipledistribution') }, h("ls-icon", { key: '1af45d54b13e652f86ca5ec944db2f5e2fdf1e47', name: "field-distribute-horizontally-icon" })))), h("div", { key: 'a8a3e04e5557aa03763d04d04d3393358419dfac', class: 'ls-dv-field-properties-section' }, h("div", { key: 'ac28f68d572fe38570ea0d89a9eb48d3c06cca63', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '6012db7e106cc5042410dfb6b91808c1c9bf1c14', class: 'ls-dv-field-properties-section-title' }, dvI18n.t('placement.gap')), h("p", { key: '382fdcea48e57760ef64688575c2b2d7a5c91407', class: 'ls-dv-field-properties-section-description' }, dvI18n.t('placement.gapdescription'))), h("div", { key: 'fad8f7a6815a92b5e4d878a1746589fd33dc6ecf', class: 'ls-dv-input-row' }, h("div", { key: 'b119a6cfb19b6de4909bb461c32a1d7b50f32dd9', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: 'bf1bd492051d8f03428fb40229f992b3ca0dea71', id: "selectLeadingIconDisabled", name: "field-distribute-vertically-icon" }), h("input", { key: '0b85ba37204a2ce18bec156fa3861dddb45aec39', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '3945a5c3cd9fbe5b8c2c1be9ecbc723a6e8b9b84', class: 'ls-dv-input-wrapper', "data-tooltip-id": "ls-dv-tooltip", "data-tooltip-content": dvI18n.t('placement.selectmultiplegap') }, h("ls-icon", { key: '1487f1247f4a1cdcac7f914c89fa5f66c14d26db', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally-icon" }), h("input", { key: '5c53ae431604ed367407c83b57546312f595291e', type: "number", value: "0", class: 'ls-dv-has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '46706b2a43b3a24d825ec9a1c1c4e62a3ef5ad8e', tooltipId: "ls-dv-tooltip" })));
     }
     static get is() { return "ls-field-placement"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class LsFieldProperties {
         event.stopPropagation();
     };
     render() {
-        return (h(Host, { key: 'ad0ebe5fb2f492e2b14a6ff906ba0045e75dbf3f', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'ecbdb6661e7650e7d0705b9a50755c215cc536f8' })));
+        return (h(Host, { key: '31eca74650a769d9464d618a48496c58896adbfc', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.renderFields(), h("slot", { key: 'e3bf52e32b43ebf70ae3ea2361fd7de4872596a9' })));
     }
     static get is() { return "ls-field-properties"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,10 +53,10 @@ export class LsFieldPropertiesAdvanced {
         return '';
     }
     render() {
-        return (h(Host, { key: '5084eae49b9868b13d08bbd2b890379283edc308' }, h("div", { key: '7655ede1c2207e02d8f2bcf246151f3ed53fce73', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'da5f9ec15f3d528a3ef6c1d37f590a520119cd29', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '6d154fe3bdc09d6d997c67912db6177b979c1625' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: 'b3f2bde0220c5e7042dadc6e8028d9d571c320b6', class: 'ls-dv-field-set' }, h("ls-props-section", { key: '5f78367b9f150bf1233816c5d7a074c1a6cd99ad', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: '86824b6da1538314e1c638cc4526baf43681bfc4', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
+        return (h(Host, { key: 'dce9d545f6f3dcc1ad003f8c7eb8b59277e69f08' }, h("div", { key: 'cb8ff109932195eef0a6ad413ff299803a134442', class: 'ls-dv-expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '3cd2ae0144e6547d47c02509d686b0c82eb3ff52', name: this.expanded ? 'expand-icon' : 'collapse-icon', size: 20, solid: true }), h("p", { key: '7a2322163b61b99f7d82fcee1db6d0a039118736' }, dvI18n.t('fieldproperties.advancedproperties'))), this.expanded && (h("div", { key: '1bbbe173c9f175de2b05eca13ae0cf66f0790c0e', class: 'ls-dv-field-set' }, h("ls-props-section", { key: 'ccc4c811072b5961e277ade726eb707096b33d9d', sectionTitle: dvI18n.t('fieldproperties.fieldorder'), sectionDescription: dvI18n.t('fieldproperties.fieldorderdescription') }, h("input", { key: 'a51b6c3cbd2df64269099523ab15454ccfc682f2', value: this.getValue('fieldOrder'), type: "number", placeholder: dvI18n.t('fieldproperties.placeholdereg1'), onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '9b8a1d37fd1cf6795d7ab0772ba4937e4b224d01', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: '1c99ed733527bdb55b151b1d0afb760aa1e2ab31', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '2da37550c06897bdd37a85f47f9891549d17fbfb', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: '5ae2d7db7fe6e5243c717e9784b0b033e9c06e98', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '29e2f2aadf3bbd37d770ebc9d337d5a1f1aa76c7', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'afb12cebc2aa62f63582ea57ec4a60924dff6c53', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '7762f4d47f12eb30779af084b9daa11da90480c5', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: 'e96ed8cc33f182b972c6b74a7eddf4ee981aa890', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: '5f58003264edb0c3fc2d5520bd74762031f573fb', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '8975517b48a7bcc82101f612f3d81718c9e08a58', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }) }))))));
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '154bf5aa0ab022185b667bd138871cdc2a162823', sectionTitle: dvI18n.t('fieldproperties.refname') }, h("input", { key: 'f11c9a03c2f14202e24be314351c458bddbc76a3', value: this.getValue('link'), placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: 'fb3290edfac869459d25f72c563af601b2619446', sectionTitle: dvI18n.t('fieldproperties.linktype'), sectionDescription: dvI18n.t('fieldproperties.linktypedescription') }, h("select", { key: '506aaad6c944add3d78be44484e41780f9512403', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'e0e169f0ceb818cf96829ea9c2beb287d369285d', value: "0", selected: this.getValue('linkType') === '0' }, dvI18n.t('fieldproperties.linktypenoption')), h("option", { key: 'be9569ca3e11c9b399502bfd8047eff80bb930a6', value: "1", selected: this.getValue('linkType') === '1' }, dvI18n.t('fieldproperties.linktypeoneofgroup')), h("option", { key: '93d0daad9d1147e94bba63b12e70e43e14b8d66d', value: "2", selected: this.getValue('linkType') === '2' }, dvI18n.t('fieldproperties.linktypeaddtotal')), h("option", { key: '8f8074096509395f7da9833328c3a57729817cb7', value: "3", selected: this.getValue('linkType') === '3' }, dvI18n.t('fieldproperties.linktypeconditional')))), h("ls-props-section", { key: 'ef548c0b7212fbf018bca8aa0aae391f865b8482', sectionTitle: dvI18n.t('fieldproperties.linkvalue'), sectionDescription: dvI18n.t('fieldproperties.linkvaluedescription') }, h("input", { key: '76ad0cb2c41559669b363e6b92e2f91a7d18996d', value: this.getValue('logicAction'), width: "30", placeholder: dvI18n.t('fieldproperties.placeholdercheckboxgroup'), onChange: e => this.alter({ logicAction: e.target.value }) }))))));
     }
     static get is() { return "ls-field-properties-advanced"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 export class LsFieldPropertiesAutosign {
     dataItem;
     render() {
-        return (h(Host, { key: '7ceb78eddcab2b5abead0539501db90129a8684c' }, h("div", { key: 'b09e050d14074abd1066e87f962279aaa93f80ea', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: '52cb76627ea14277cbf925a0a1c16b15d547617c' }, "Label: ", h("input", { key: '69acf2903d2a1a6fca5bf2b3b3c8edad5b5affdb', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'e2a4a1b510558e360c54ee9537c072ea9ce67a3f', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '75c154aac528d5a356fbda8723a0aa4ff50c9fa6', dataItem: this.dataItem }), h("ls-field-footer", { key: 'd169358beb35bfc0a648c24b4e6418c66bdb8219', dataItem: this.dataItem }), h("slot", { key: 'd16e837373223eaa7b31fc5e9efc2e5c361de3f0' })));
+        return (h(Host, { key: 'bc32f57799246e60b814f7177058af903386bba3' }, h("div", { key: '50a0cecc511e6a945ee93ba4bb01e25afa4e129c', class: "ls-dv-field-properties-section" }, "Self Sign Field"), h("div", { key: 'ea02607090be540edd750b32926569a5b1861866' }, "Label: ", h("input", { key: '7c08297b5912fb06b8ba57a9a08f6c749f9dde91', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: '163133b0134b03a8b4b71b51b6cb16a2afc6fd87', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '237ff12ca1874f202ec56f190b6cb44c9f5f8ae4', dataItem: this.dataItem }), h("ls-field-footer", { key: 'b15a064b07f1f56cc71089f8723d6a443543e11a', dataItem: this.dataItem }), h("slot", { key: 'f68746d2c56feb47e4c9b01735a9aa5bf64245c8' })));
     }
     static get is() { return "ls-field-properties-autosign"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class LsFieldPropertiesContainer {
         }
     }
     render() {
-        return (h(Host, { key: '9c36b5da13bea523df82df8b09653072f18731de' }, this.tabs.length > 1 && (h("div", { key: '8280f589050d81cf7983537e23176f637c38b9a2', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '54d443298a0169f23c3a5c798d75fbf05836b46e', class: 'ls-dv-scrolling-container' }, h("slot", { key: 'ae5194c400ed5d7e47024b9d33618193ea410ea9', name: this.selectedTab }))));
+        return (h(Host, { key: 'b1fd1ab25e56d0f6b009012bd03c8e16f0ca7e54' }, this.tabs.length > 1 && (h("div", { key: '6c2ae62c5b3ee2d46e25b37c5d6c945874737a66', class: 'ls-dv-tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-dv-tab ls-dv-active' : 'ls-dv-tab', onClick: () => (this.selectedTab = tab) }, dvI18n.t(`tabs.${tab}`, { defaultValue: tab })))))), h("div", { key: '60a78fab9be2656cbcd0a842c84a0471c9f68dbd', class: 'ls-dv-scrolling-container' }, h("slot", { key: '8f59435c282ddf990a499745aa013d68acb0f604', name: this.selectedTab }))));
     }
     static get is() { return "ls-field-properties-container"; }
     static get encapsulation() { return "shadow"; }