npm - legalesign-document-viewer - Versions diffs - 1.0.5 → 1.0.7 - Mend

legalesign-document-viewer 1.0.5 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/components/{p-BrO24XkQ.js.map → p-Cb2OmRru.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BrO24XkQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-statusbar/ls-statusbar.scss?tag=ls-statusbar&encapsulation=shadow","src/components/ls-statusbar/ls-statusbar.tsx"],"sourcesContent":[":host {\n position: absolute;\n z-index: 1000;\n left: 23.625rem;\n right: 0.5rem;\n bottom: 1rem;\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n align-items: end;\n justify-content: space-between;\n height: 2.25rem;\n overflow: visible;\n}\n\n:host(.ls-dv-statusbar-preview) {\n left: 0;\n right: 0;\n justify-content: center;\n}\n\n.ls-dv-status-bar-group {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n align-items: end;\n}\n\n.ls-dv-controls-bar {\n display: flex;\n flex-direction: row;\n background-color: white;\n border: 1px solid $gray-30;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 1.125rem;\n height: fit-content;\n}\n\n.ls-dv-page-nav {\n margin-left: -6rem;\n position: relative;\n}\n\n:host(.ls-dv-statusbar-preview) .ls-dv-page-nav {\n margin-left: 0;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-status-bar-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.625rem;\n padding: 0 0.625rem;\n height: 2.25rem;\n}\n\n.ls-dv-controls-bar > :not(:nth-child(1)) {\n border-left: 1px solid $gray-30;\n}\n\nbutton {\n border: 0;\n}\n\nbutton:hover {\n color: $gray-100;\n border-radius: 0.625rem;\n}\n\nbutton:disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none; /* Remove default styling /\n width: 100%;\n height: 0.5rem;\n background: $gray-20;\n border-radius: 0.25rem;\n outline: none;\n}\n\n/ Chrome, Safari, Edge /\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 0.5rem;\n height: 0.5rem;\n background: $gray-70; / Custom thumb color /\n border-radius: 50%;\n cursor: pointer;\n}\n\n/ Firefox /\ninput[type=\"range\"]::-moz-range-thumb {\n width: 0.5rem;\n height: 0.5rem;\n background: $gray-70; / Custom thumb color /\n border: none;\n border-radius: 50%;\n cursor: pointer;\n}\n\n/ Track color for Firefox /\ninput[type=\"range\"]::-moz-range-track {\n background: $gray-20;\n height: 0.5rem;\n border-radius: 0.25rem;\n}\n\n/ Track color for Chrome, Safari, Edge /\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n background: $gray-20;\n height: 0.5rem;\n border-radius: 0.25rem;\n}\n\n\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nspan {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\nbutton {\n all: unset;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: $gray-80;\n text-transform: capitalize;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n.ls-dv-zoom-level-btn {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-80;\n padding: 0.25rem 0.375rem;\n border-radius: 0.25rem;\n margin: 0 -0.25rem;\n\n &:hover {\n background: $gray-10;\n }\n}\n\n.ls-dv-zoom-menu {\n position: absolute;\n width: 6rem;\n bottom: 3rem;\n left: 1rem;\n background: white;\n border: 1px solid $gray-30;\n border-radius: 1rem;\n box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);\n padding: 0.25rem;\n z-index: 1001;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n\n}\n\n.ls-dv-page-menu {\n left: auto;\n max-height: 60cqh;\n overflow-y: auto;\n}\n\n.ls-dv-zoom-menu-item {\n position: relative;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-80;\n padding: 0.375rem 0.625rem;\n border-radius: 0.825rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &:hover {\n background: $gray-10;\n }\n\n &.active {\n font-weight: 500;\n color: $primary-70;\n background: $primary-10;\n }\n}\n\n.ls-dv-thumbnail-popover {\n position: absolute;\n bottom: 3rem;\n right: -3rem;\n background: white;\n border: 1px solid $gray-30;\n border-radius: 1.75rem;\n box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);\n padding: 0.75rem;\n z-index: 1001;\n max-height: 80cqh;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.ls-dv-thumbnail-grid {\n background: $gray-10;\n padding: 0.75rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n gap: 1rem;\n overflow-y: auto;\n max-height: 100%;\n}\n\n.ls-dv-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n cursor: pointer;\n}\n\n.ls-dv-thumbnail-wrapper > span:last-child {\n font-size: var(--text-xs, 0.75rem);\n color: $gray-80;\n font-weight: 500;\n}\n\n.ls-dv-thumbnail {\n border: 1px solid $gray-30;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: border-color 0.15s;\n}\n\n.ls-dv-thumbnail:hover {\n border-color: $primary-40;\n box-shadow: 0 0 0 2px rgba(163, 180, 249, 0.3);\n}\n\n.ls-dv-thumbnail.active {\n border-color: $primary-60;\n outline: 0.25rem solid $primary-30;\n box-shadow: var(--shadow-md);\n}\n\n.ls-dv-thumbnail-dots {\n display: flex;\n gap: 3px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 0.25rem;\n}\n\n.ls-dv-thumbnail-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n display: inline-block;\n border: 2px solid var(--dot-color-60);\n background-color: var(--dot-color-40);\n cursor: pointer;\n transition: background-color 0.15s, border-color 0.15s;\n\n &:hover {\n background-color: var(--dot-color-60);\n border-color: var(--dot-color-70);\n }\n}\n\n.ls-dv-version {\n position: absolute;\n bottom: 100%;\n right: 0;\n color: var(--gray-50, #afb0b2);\n font-size: 0.625rem;\n padding-bottom: 0.25rem;\n display: block;\n}\n\n:host(.ls-dv-statusbar-preview) .ls-dv-version {\n bottom: -1.25rem;\n margin-right: 0.5rem;\n}\n","import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.scss',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n @State() showThumbnails: boolean = false;\n @State() showZoomMenu: boolean = false;\n @State() showPageMenu: boolean = false;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n @Prop() canUndo: boolean = false;\n @Prop() canRedo: boolean = false;\n\n /\n The viewer mode.\n * {'preview' \| 'editor' \| 'compose'}\n /\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n fitWidth() {\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n this.setZoom(Math.round(scale 1e2) / 1e2);\n requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n }\n\n fitHeight() {\n const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const wrapperStyle = getComputedStyle(wrapper);\n const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n const availableHeight = midArea.clientHeight - paddingY;\n const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n goToPage(pageNum: number) {\n const diff = pageNum - this.editor.pageNum;\n if (diff > 0) {\n for (let i = 0; i < diff; i++) this.editor.pageNext();\n } else {\n for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n }\n this.page = pageNum;\n this.renderThumbnails();\n }\n\n getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n const signerCounts = new Map<number, number>();\n fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) \|\| 0) + 1));\n return Array.from(signerCounts.entries())\n .sort(([a], [b]) => {\n const baseA = a % 100;\n const baseB = b % 100;\n if (baseA !== baseB) return baseA - baseB;\n return a - b;\n })\n .map(([s, count]) => {\n const role = template.roles?.find(r => r.signerIndex === s);\n const colorIndex = s % 100;\n return {\n s40: defaultRolePalette[colorIndex]?.s40 \|\| defaultRolePalette[0].s40,\n s60: defaultRolePalette[colorIndex]?.s60 \|\| defaultRolePalette[0].s60,\n s70: defaultRolePalette[colorIndex]?.s70 \|\| defaultRolePalette[0].s70,\n name: role?.name \|\| `Participant ${s}`,\n count,\n };\n });\n }\n\n getPageFields(pageNum: number) {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n }\n\n renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n const fields = this.getPageFields(pageNum);\n fields.forEach(field => {\n const colorIndex = field.signer % 100;\n const palette = defaultRolePalette[colorIndex] \|\| defaultRolePalette[0];\n const x = field.ax * viewport.width;\n const y = field.ay * viewport.height;\n const w = (field.bx - field.ax) * viewport.width;\n const h = (field.by - field.ay) * viewport.height;\n\n ctx.fillStyle = palette.s40 + '1a';\n ctx.fillRect(x, y, w, h);\n ctx.strokeStyle = palette.s60;\n ctx.lineWidth = 1;\n if (field.signer >= 100) {\n ctx.setLineDash([2, 2]);\n }\n ctx.strokeRect(x, y, w, h);\n ctx.setLineDash([]);\n });\n }\n\n renderThumbnails() {\n const pdfDoc = (this.editor as any).pdfDocument;\n if (!pdfDoc) return;\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n if (!container) return;\n container.innerHTML = '';\n\n for (let i = 1; i <= this.pageCount; i++) {\n pdfDoc.getPage(i).then(page => {\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n canvas.addEventListener('click', () => this.goToPage(i));\n\n const wrapper = document.createElement('div');\n wrapper.className = 'ls-dv-thumbnail-wrapper';\n wrapper.addEventListener('click', () => this.goToPage(i));\n\n const dots = document.createElement('div');\n dots.className = 'ls-dv-thumbnail-dots';\n this.getPageFieldColors(i).forEach(color => {\n const dot = document.createElement('span');\n dot.className = 'ls-dv-thumbnail-dot';\n dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n dot.style.setProperty('--dot-color-40', color.s40);\n dot.style.setProperty('--dot-color-60', color.s60);\n dot.style.setProperty('--dot-color-70', color.s70);\n dots.appendChild(dot);\n });\n\n const label = document.createElement('span');\n label.textContent = `${i}`;\n wrapper.appendChild(canvas);\n wrapper.appendChild(dots);\n wrapper.appendChild(label);\n container.appendChild(wrapper);\n\n // Render after appending to DOM — Safari requires the canvas to be\n // in the visible tree before getContext/render produces output.\n const ctx = canvas.getContext('2d');\n page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n this.renderFieldsOnCanvas(ctx, i, viewport);\n // Force Safari to composit the canvas by toggling a style property\n canvas.style.opacity = '0.99';\n requestAnimationFrame(() => {\n canvas.style.opacity = '1';\n });\n });\n });\n }\n }\n\n private outsideClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n if (!path.includes(this.component)) {\n this.showThumbnails = false;\n this.showZoomMenu = false;\n this.showPageMenu = false;\n document.removeEventListener('click', this.outsideClickHandler);\n }\n };\n\n private zoomMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n };\n\n private pageMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n const btn = this.component.shadowRoot.getElementById('page-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n };\n\n private applyUndo() {\n const mutations = undo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n private applyRedo() {\n const mutations = redo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n componentWillLoad() {\n this.zoom = this.editor.zoom;\n }\n\n @Watch('page')\n onPageChange() {\n if (this.showThumbnails) {\n this.renderThumbnails();\n requestAnimationFrame(() => {\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n if (wrapper && container) {\n const gap = 12; // 0.75rem\n const wrapperTop = wrapper.offsetTop - container.offsetTop;\n const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n const scrollTop = container.scrollTop;\n const viewHeight = container.clientHeight;\n\n if (wrapperTop - gap < scrollTop) {\n container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n }\n }\n });\n }\n }\n\n render() {\n const isPreview = this.mode === 'preview';\n return (\n <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n {!isPreview && (\n <div class={'ls-dv-controls-bar'}>\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.applyUndo()} disabled={!this.canUndo} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n <ls-icon name=\"undo-icon\" size={18} />\n </button>\n <button onClick={() => this.applyRedo()} disabled={!this.canRedo} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n </button>\n </div>\n </div>\n )}\n <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n >\n <ls-icon name=\"chevron-left-icon\" />\n </button>\n <button\n id=\"page-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showPageMenu = !this.showPageMenu;\n if (this.showPageMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n }}\n >\n {this.page} / {this.pageCount}\n </button>\n {this.showPageMenu && (\n <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n onClick={() => {\n this.goToPage(p);\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }}\n >\n {p}\n {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n >\n <ls-icon name=\"chevron-right-icon\" />\n </button>\n </div>\n </div>\n <div class={'ls-dv-status-bar-group'}>\n <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> /}\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n <ls-icon name=\"zoom-out-icon\" />\n </button>\n <button\n id=\"zoom-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showZoomMenu = !this.showZoomMenu;\n if (this.showZoomMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n }}\n >\n {Math.round(this.zoom * 100)}%\n </button>\n {this.showZoomMenu && (\n <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n onClick={() => {\n this.setZoom(level);\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }}\n >\n {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n <ls-icon name=\"zoom-in-icon\" />\n </button>\n </div>\n {!isPreview && (\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n <ls-icon name=\"fit-width-icon\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n <ls-icon name=\"fit-height-icon\" />\n </button>\n </div>\n )}\n\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n <button\n onClick={() => {\n this.showThumbnails = !this.showThumbnails;\n if (this.showThumbnails) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.renderThumbnails();\n document.addEventListener('click', this.outsideClickHandler);\n });\n });\n } else {\n document.removeEventListener('click', this.outsideClickHandler);\n }\n }}\n id=\"page-thumbnails-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n >\n <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n </button>\n </div>\n {this.showThumbnails && (\n <div class=\"ls-dv-thumbnail-popover\">\n <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n </div>\n )}\n </div>\n {!isPreview && <ls-helper-bar />}\n <span class=\"ls-dv-version\">v{version}</span>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Cb2OmRru.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-statusbar/ls-statusbar.scss?tag=ls-statusbar&encapsulation=shadow","src/components/ls-statusbar/ls-statusbar.tsx"],"sourcesContent":[":host {\n position: absolute;\n z-index: 1000;\n left: 23.625rem;\n right: 0.5rem;\n bottom: 1rem;\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n align-items: end;\n justify-content: space-between;\n height: 2.25rem;\n overflow: visible;\n}\n\n:host(.ls-dv-statusbar-preview) {\n left: 0;\n right: 0;\n justify-content: center;\n}\n\n.ls-dv-status-bar-group {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n align-items: end;\n}\n\n.ls-dv-controls-bar {\n display: flex;\n flex-direction: row;\n background-color: white;\n border: 1px solid $gray-30;\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n border-radius: 1.125rem;\n height: fit-content;\n}\n\n.ls-dv-page-nav {\n margin-left: -6rem;\n position: relative;\n}\n\n:host(.ls-dv-statusbar-preview) .ls-dv-page-nav {\n margin-left: 0;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.ls-dv-status-bar-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.625rem;\n padding: 0 0.625rem;\n height: 2.25rem;\n}\n\n.ls-dv-controls-bar > :not(:nth-child(1)) {\n border-left: 1px solid $gray-30;\n}\n\nbutton {\n border: 0;\n}\n\nbutton:hover {\n color: $gray-100;\n border-radius: 0.625rem;\n}\n\nbutton:disabled {\n color: $gray-40;\n cursor: not-allowed;\n}\n\ninput[type=\"range\"] {\n -webkit-appearance: none; /* Remove default styling /\n width: 100%;\n height: 0.5rem;\n background: $gray-20;\n border-radius: 0.25rem;\n outline: none;\n}\n\n/ Chrome, Safari, Edge /\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 0.5rem;\n height: 0.5rem;\n background: $gray-70; / Custom thumb color /\n border-radius: 50%;\n cursor: pointer;\n}\n\n/ Firefox /\ninput[type=\"range\"]::-moz-range-thumb {\n width: 0.5rem;\n height: 0.5rem;\n background: $gray-70; / Custom thumb color /\n border: none;\n border-radius: 50%;\n cursor: pointer;\n}\n\n/ Track color for Firefox /\ninput[type=\"range\"]::-moz-range-track {\n background: $gray-20;\n height: 0.5rem;\n border-radius: 0.25rem;\n}\n\n/ Track color for Chrome, Safari, Edge /\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n background: $gray-20;\n height: 0.5rem;\n border-radius: 0.25rem;\n}\n\n\n\n/ Global Styles /\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nspan {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\nbutton {\n all: unset;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: $gray-80;\n text-transform: capitalize;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n\n.ls-dv-zoom-level-btn {\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-80;\n padding: 0.25rem 0.375rem;\n border-radius: 0.25rem;\n margin: 0 -0.25rem;\n\n &:hover {\n background: $gray-10;\n }\n}\n\n.ls-dv-zoom-menu {\n position: absolute;\n width: 6rem;\n bottom: 3rem;\n left: 1rem;\n background: white;\n border: 1px solid $gray-30;\n border-radius: 1rem;\n box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.12);\n padding: 0.25rem;\n z-index: 1001;\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n\n}\n\n.ls-dv-page-menu {\n left: auto;\n max-height: 60cqh;\n overflow-y: auto;\n}\n\n.ls-dv-zoom-menu-item {\n position: relative;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-weight: 400;\n color: $gray-80;\n padding: 0.375rem 0.625rem;\n border-radius: 0.825rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n &:hover {\n background: $gray-10;\n }\n\n &.active {\n font-weight: 500;\n color: $primary-70;\n background: $primary-10;\n }\n}\n\n.ls-dv-thumbnail-popover {\n position: absolute;\n bottom: 3rem;\n right: -3rem;\n background: white;\n border: 1px solid $gray-30;\n border-radius: 1.75rem;\n box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);\n padding: 0.75rem;\n z-index: 1001;\n max-height: 80cqh;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.ls-dv-thumbnail-grid {\n background: $gray-10;\n padding: 0.75rem;\n border-radius: 1rem;\n border: 1px solid $gray-30;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n gap: 1rem;\n overflow-y: auto;\n max-height: 100%;\n}\n\n.ls-dv-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.25rem;\n cursor: pointer;\n}\n\n.ls-dv-thumbnail-wrapper > span:last-child {\n font-size: var(--text-xs, 0.75rem);\n color: $gray-80;\n font-weight: 500;\n}\n\n.ls-dv-thumbnail {\n border: 1px solid $gray-30;\n border-radius: 0.5rem;\n cursor: pointer;\n transition: border-color 0.15s;\n}\n\n.ls-dv-thumbnail:hover {\n border-color: $primary-40;\n box-shadow: 0 0 0 2px rgba(163, 180, 249, 0.3);\n}\n\n.ls-dv-thumbnail.active {\n border-color: $primary-60;\n outline: 0.25rem solid $primary-30;\n box-shadow: var(--shadow-md);\n}\n\n.ls-dv-thumbnail-dots {\n display: flex;\n gap: 3px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 0.25rem;\n}\n\n.ls-dv-thumbnail-dot {\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n display: inline-block;\n border: 2px solid var(--dot-color-60);\n background-color: var(--dot-color-40);\n cursor: pointer;\n transition: background-color 0.15s, border-color 0.15s;\n\n &:hover {\n background-color: var(--dot-color-60);\n border-color: var(--dot-color-70);\n }\n}\n\n.ls-dv-version {\n position: absolute;\n bottom: 100%;\n right: 0;\n color: var(--gray-50, #afb0b2);\n font-size: 0.625rem;\n padding-bottom: 0.25rem;\n display: block;\n}\n\n:host(.ls-dv-statusbar-preview) .ls-dv-version {\n bottom: -1.25rem;\n margin-right: 0.5rem;\n}\n","import { Component, Host, Prop, State, Watch, h, Element } from '@stencil/core';\nimport { dvI18n } from '../../i18n/i18n';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\nimport { version } from '../../../package.json';\nimport { undo, redo } from '../ls-document-viewer/history';\n\n@Component({\n tag: 'ls-statusbar',\n styleUrl: 'ls-statusbar.scss',\n shadow: true,\n})\nexport class LsStatusbar {\n @Element() component: HTMLElement;\n /\n The zoom or scale level 100 === 100%.\n * {number}\n /\n @Prop({ mutable: true }) zoom: number;\n @Prop({ mutable: true }) page: number;\n @Prop({ mutable: true }) pageCount: number;\n\n @State() showThumbnails: boolean = false;\n @State() showZoomMenu: boolean = false;\n @State() showPageMenu: boolean = false;\n\n /\n The parent editor control.\n * {LsDocumentViewer}\n /\n @Prop() editor: LsDocumentViewer;\n @Prop() canUndo: boolean = false;\n @Prop() canRedo: boolean = false;\n\n /\n The viewer mode.\n * {'preview' \| 'editor' \| 'compose'}\n /\n @Prop() mode: 'preview' \| 'editor' \| 'compose' = 'editor';\n\n setZoom(value: number) {\n this.editor.setZoom(value);\n this.zoom = value;\n }\n\n fitWidth() {\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const scale = (wrapper.clientWidth - 396) / this.editor.pageDimensions[this.editor.pageNum - 1].width;\n this.setZoom(Math.round(scale 1e2) / 1e2);\n requestAnimationFrame(() => wrapper.scrollTo(0, 0));\n }\n\n fitHeight() {\n const midArea = this.editor.component.shadowRoot.getElementById('ls-mid-area');\n const wrapper = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n const wrapperStyle = getComputedStyle(wrapper);\n const paddingY = parseFloat(wrapperStyle.paddingTop) + parseFloat(wrapperStyle.paddingBottom);\n const availableHeight = midArea.clientHeight - paddingY;\n const scale = availableHeight / this.editor.pageDimensions[this.editor.pageNum - 1].height;\n this.setZoom(Math.round(scale * 1e2) / 1e2);\n }\n\n goToPage(pageNum: number) {\n const diff = pageNum - this.editor.pageNum;\n if (diff > 0) {\n for (let i = 0; i < diff; i++) this.editor.pageNext();\n } else {\n for (let i = 0; i < Math.abs(diff); i++) this.editor.pagePrev();\n }\n this.page = pageNum;\n this.renderThumbnails();\n }\n\n getPageFieldColors(pageNum: number): { s40: string; s60: string; s70: string; name: string; count: number }[] {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n const fields = template.elementConnection.templateElements.filter(el => el.page === pageNum);\n const signerCounts = new Map<number, number>();\n fields.forEach(el => signerCounts.set(el.signer, (signerCounts.get(el.signer) \|\| 0) + 1));\n return Array.from(signerCounts.entries())\n .sort(([a], [b]) => {\n const baseA = a % 100;\n const baseB = b % 100;\n if (baseA !== baseB) return baseA - baseB;\n return a - b;\n })\n .map(([s, count]) => {\n const role = template.roles?.find(r => r.signerIndex === s);\n const colorIndex = s % 100;\n return {\n s40: defaultRolePalette[colorIndex]?.s40 \|\| defaultRolePalette[0].s40,\n s60: defaultRolePalette[colorIndex]?.s60 \|\| defaultRolePalette[0].s60,\n s70: defaultRolePalette[colorIndex]?.s70 \|\| defaultRolePalette[0].s70,\n name: role?.name \|\| `Participant ${s}`,\n count,\n };\n });\n }\n\n getPageFields(pageNum: number) {\n const template = (this.editor as any)._template;\n if (!template?.elementConnection?.templateElements) return [];\n return template.elementConnection.templateElements.filter(el => el.page === pageNum);\n }\n\n renderFieldsOnCanvas(ctx: CanvasRenderingContext2D, pageNum: number, viewport: { width: number; height: number }) {\n const fields = this.getPageFields(pageNum);\n fields.forEach(field => {\n const colorIndex = field.signer % 100;\n const palette = defaultRolePalette[colorIndex] \|\| defaultRolePalette[0];\n const x = field.ax * viewport.width;\n const y = field.ay * viewport.height;\n const w = (field.bx - field.ax) * viewport.width;\n const h = (field.by - field.ay) * viewport.height;\n\n ctx.fillStyle = palette.s40 + '1a';\n ctx.fillRect(x, y, w, h);\n ctx.strokeStyle = palette.s60;\n ctx.lineWidth = 1;\n if (field.signer >= 100) {\n ctx.setLineDash([2, 2]);\n }\n ctx.strokeRect(x, y, w, h);\n ctx.setLineDash([]);\n });\n }\n\n renderThumbnails() {\n const pdfDoc = (this.editor as any).pdfDocument;\n if (!pdfDoc) return;\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n if (!container) return;\n container.innerHTML = '';\n\n for (let i = 1; i <= this.pageCount; i++) {\n pdfDoc.getPage(i).then(page => {\n const viewport = page.getViewport({ scale: 0.2 });\n const canvas = document.createElement('canvas');\n canvas.width = viewport.width;\n canvas.height = viewport.height;\n canvas.className = i === this.page ? 'ls-dv-thumbnail active' : 'ls-dv-thumbnail';\n canvas.addEventListener('click', () => this.goToPage(i));\n\n const wrapper = document.createElement('div');\n wrapper.className = 'ls-dv-thumbnail-wrapper';\n wrapper.addEventListener('click', () => this.goToPage(i));\n\n const dots = document.createElement('div');\n dots.className = 'ls-dv-thumbnail-dots';\n this.getPageFieldColors(i).forEach(color => {\n const dot = document.createElement('span');\n dot.className = 'ls-dv-thumbnail-dot';\n dot.setAttribute('data-tooltip-id', 'ls-dv-tooltip');\n dot.setAttribute('data-tooltip-content', `${color.name}, ${color.count} Field${color.count !== 1 ? 's' : ''}`);\n dot.style.setProperty('--dot-color-40', color.s40);\n dot.style.setProperty('--dot-color-60', color.s60);\n dot.style.setProperty('--dot-color-70', color.s70);\n dots.appendChild(dot);\n });\n\n const label = document.createElement('span');\n label.textContent = `${i}`;\n wrapper.appendChild(canvas);\n wrapper.appendChild(dots);\n wrapper.appendChild(label);\n container.appendChild(wrapper);\n\n // Render after appending to DOM — Safari requires the canvas to be\n // in the visible tree before getContext/render produces output.\n const ctx = canvas.getContext('2d');\n page.render({ canvasContext: ctx, viewport }).promise.then(() => {\n this.renderFieldsOnCanvas(ctx, i, viewport);\n // Force Safari to composit the canvas by toggling a style property\n canvas.style.opacity = '0.99';\n requestAnimationFrame(() => {\n canvas.style.opacity = '1';\n });\n });\n });\n }\n }\n\n private outsideClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n if (!path.includes(this.component)) {\n this.showThumbnails = false;\n this.showZoomMenu = false;\n this.showPageMenu = false;\n document.removeEventListener('click', this.outsideClickHandler);\n }\n };\n\n private zoomMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-zoom-menu');\n const btn = this.component.shadowRoot.getElementById('zoom-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n };\n\n private pageMenuClickHandler = (e: MouseEvent) => {\n const path = e.composedPath();\n const menu = this.component.shadowRoot.getElementById('ls-page-menu');\n const btn = this.component.shadowRoot.getElementById('page-level-btn');\n if (!path.includes(menu) && !path.includes(btn)) {\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n };\n\n private applyUndo() {\n const mutations = undo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n private applyRedo() {\n const mutations = redo();\n if (!mutations) return;\n this.editor._skipHistory = true;\n this.editor.mutateHandler(new CustomEvent('mutate', { detail: mutations }));\n }\n\n componentWillLoad() {\n this.zoom = this.editor.zoom;\n }\n\n @Watch('page')\n onPageChange() {\n if (this.showThumbnails) {\n this.renderThumbnails();\n requestAnimationFrame(() => {\n const container = this.component.shadowRoot.getElementById('ls-thumbnail-container');\n const wrapper = container?.querySelector('.ls-dv-thumbnail.active')?.closest('.ls-dv-thumbnail-wrapper') as HTMLElement;\n if (wrapper && container) {\n const gap = 12; // 0.75rem\n const wrapperTop = wrapper.offsetTop - container.offsetTop;\n const wrapperBottom = wrapperTop + wrapper.offsetHeight;\n const scrollTop = container.scrollTop;\n const viewHeight = container.clientHeight;\n\n if (wrapperTop - gap < scrollTop) {\n container.scrollTo({ top: wrapperTop - gap, behavior: 'smooth' });\n } else if (wrapperBottom + gap > scrollTop + viewHeight) {\n container.scrollTo({ top: wrapperBottom + gap - viewHeight, behavior: 'smooth' });\n }\n }\n });\n }\n }\n\n render() {\n const isPreview = this.mode === 'preview';\n return (\n <Host class={{ 'ls-dv-statusbar-preview': isPreview }}>\n {!isPreview && (\n <div class={'ls-dv-controls-bar'}>\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.applyUndo()} disabled={!this.canUndo} id=\"undo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.undo')} >\n <ls-icon name=\"undo-icon\" size={18} />\n </button>\n <button onClick={() => this.applyRedo()} disabled={!this.canRedo} id=\"redo-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.redo')} >\n <ls-icon name=\"redo-icon\" style={{transform: \"scale(-1, 1)\", marginLeft: '0.25rem'}} size={18} />\n </button>\n </div>\n </div>\n )}\n <div class={{'ls-dv-controls-bar': true, 'ls-dv-page-nav': true}}>\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n <button\n onClick={() => {\n this.editor.pagePrev();\n }}\n disabled={this.page === 1}\n id=\"prev-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === 1 ? dvI18n.t('statusbar.nopreviouspage') : dvI18n.t('statusbar.previouspage')}\n >\n <ls-icon name=\"chevron-left-icon\" />\n </button>\n <button\n id=\"page-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showPageMenu = !this.showPageMenu;\n if (this.showPageMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.pageMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }\n }}\n >\n {this.page} / {this.pageCount}\n </button>\n {this.showPageMenu && (\n <div id=\"ls-page-menu\" class=\"ls-dv-zoom-menu ls-dv-page-menu\" >\n {Array.from({ length: this.pageCount }, (_, i) => i + 1).map(p => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': this.page === p }}\n onClick={() => {\n this.goToPage(p);\n this.showPageMenu = false;\n document.removeEventListener('click', this.pageMenuClickHandler, true);\n }}\n >\n {p}\n {this.page === p && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button\n onClick={() => {\n this.editor.pageNext();\n }}\n disabled={this.page === this.pageCount}\n id=\"next-page-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={this.page === this.pageCount ? dvI18n.t('statusbar.nonextpage') : dvI18n.t('statusbar.nextpage')}\n >\n <ls-icon name=\"chevron-right-icon\" />\n </button>\n </div>\n </div>\n <div class={'ls-dv-status-bar-group'}>\n <div class={'ls-dv-controls-bar'} style={{position: 'relative'}}>\n {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table-icon\" /></button>\n <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template-icon\" /></button> /}\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.setZoom(this.editor.zoom 0.8)} id=\"zoom-out-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomout')}>\n <ls-icon name=\"zoom-out-icon\" />\n </button>\n <button\n id=\"zoom-level-btn\"\n class=\"ls-dv-zoom-level-btn\"\n onClick={() => {\n this.showZoomMenu = !this.showZoomMenu;\n if (this.showZoomMenu) {\n requestAnimationFrame(() => document.addEventListener('click', this.zoomMenuClickHandler, true));\n } else {\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }\n }}\n >\n {Math.round(this.zoom * 100)}%\n </button>\n {this.showZoomMenu && (\n <div id=\"ls-zoom-menu\" class=\"ls-dv-zoom-menu\">\n {[2, 1.75, 1.5, 1.25, 1, 0.75, 0.5, 0.25].map(level => (\n <button\n class={{ 'ls-dv-zoom-menu-item': true, 'active': Math.round(this.zoom * 100) === Math.round(level * 100) }}\n onClick={() => {\n this.setZoom(level);\n this.showZoomMenu = false;\n document.removeEventListener('click', this.zoomMenuClickHandler, true);\n }}\n >\n {Math.round(level * 100)}%{Math.round(this.zoom * 100) === Math.round(level * 100) && <ls-icon name=\"check-icon\" size={14} />}\n </button>\n ))}\n </div>\n )}\n <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.zoomin')}>\n <ls-icon name=\"zoom-in-icon\" />\n </button>\n </div>\n {!isPreview && (\n <div class={'ls-dv-status-bar-section'}>\n <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitwidth')}>\n <ls-icon name=\"fit-width-icon\" />\n </button>\n <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('statusbar.fitheight')}>\n <ls-icon name=\"fit-height-icon\" />\n </button>\n </div>\n )}\n\n <div class={'ls-dv-status-bar-section'} style={this.pageCount === 1 ? { display: 'none' } : {}}>\n <button\n onClick={() => {\n this.showThumbnails = !this.showThumbnails;\n if (this.showThumbnails) {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.renderThumbnails();\n document.addEventListener('click', this.outsideClickHandler);\n });\n });\n } else {\n document.removeEventListener('click', this.outsideClickHandler);\n }\n }}\n id=\"page-thumbnails-btn\"\n data-tooltip-id=\"ls-dv-tooltip\"\n data-tooltip-content={dvI18n.t('statusbar.pagethumbnails')}\n >\n <ls-icon name={!this.showThumbnails ? 'side-panel-open-right-icon' : 'side-panel-close-right-icon'} size={18} />\n </button>\n </div>\n {this.showThumbnails && (\n <div class=\"ls-dv-thumbnail-popover\">\n <div id=\"ls-thumbnail-container\" class=\"ls-dv-thumbnail-grid\"></div>\n </div>\n )}\n </div>\n {!isPreview && <ls-helper-bar />}\n <span class=\"ls-dv-version\">v{version}</span>\n <ls-tooltip tooltipId=\"ls-dv-tooltip\" />\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-B-P0RM5X.js → p-CxJyHyur.js} RENAMED Viewed

@@ -8,18 +8,18 @@ import { d as defineCustomElement$v } from './p-DkV1l_zw.js';
 import { d as defineCustomElement$u } from './p-Bi1odRMK.js';
 import { d as defineCustomElement$t } from './p-CSxx3aLG.js';
 import { d as defineCustomElement$s } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$r } from './p-BgIA-QAy.js';
-import { d as defineCustomElement$q } from './p-Ce-55WxN.js';
-import { d as defineCustomElement$p } from './p-ihnCvIHa.js';
+import { d as defineCustomElement$r } from './p-BmlXiagO.js';
+import { d as defineCustomElement$q } from './p-CVg_g7Vq.js';
+import { d as defineCustomElement$p } from './p-DXwZW96h.js';
 import { d as defineCustomElement$o } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$n } from './p-DKz0A1Hf.js';
-import { d as defineCustomElement$m } from './p-TQAB33L1.js';
-import { d as defineCustomElement$l } from './p-CWbixCW0.js';
-import { d as defineCustomElement$k } from './p-7AZBNv_W.js';
+import { d as defineCustomElement$n } from './p-Diybi844.js';
+import { d as defineCustomElement$m } from './p-DsEMqzrc.js';
+import { d as defineCustomElement$l } from './p-D8SiEyxv.js';
+import { d as defineCustomElement$k } from './p-T0TVxf3z.js';
 import { d as defineCustomElement$j } from './p-BOg59Hui.js';
-import { d as defineCustomElement$i } from './p-BRbTJsNX.js';
-import { d as defineCustomElement$h } from './p-CvU1rUiv.js';
-import { d as defineCustomElement$g } from './p-CwR2DcQ8.js';
+import { d as defineCustomElement$i } from './p-CJOYo3je.js';
+import { d as defineCustomElement$h } from './p-OChWH88R.js';
+import { d as defineCustomElement$g } from './p-Dr4bZsUx.js';
 import { d as defineCustomElement$f } from './p-pEYsk7D-.js';
 import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
@@ -293,6 +293,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldProperties as L, defineCustomElement as d };
-//# sourceMappingURL=p-B-P0RM5X.js.map
+//# sourceMappingURL=p-CxJyHyur.js.map
-//# sourceMappingURL=p-B-P0RM5X.js.map
+//# sourceMappingURL=p-CxJyHyur.js.map

package/dist/components/{p-B-P0RM5X.js.map → p-CxJyHyur.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B-P0RM5X.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles \|\| [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles \|\| []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CxJyHyur.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,k/IAAk/I,CAAC;;MCQ1gJ,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB,IAAA,QAAQ;IACR,QAAQ,CAAM;IACd,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,YAAY,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,KAAK,CAAC,EAAE;YAChD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;YACxC,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,eAAe;AACtC,gBAAA,KAAK,WAAW;AACd,oBAAA,OAAO,CAA+B,CAAA,+BAAA,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI;AACzK,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC3I,gBAAA,KAAK,cAAc;AACjB,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC3I,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC3I,gBAAA,KAAK,QAAQ;AACX,oBAAA,OAAO,CAAA,CAAA,4BAAA,EAAA,EAA4B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC7I,gBAAA,KAAK,UAAU;oBACb,OAAO,oCAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;AAC9F,gBAAA,KAAK,OAAO;AACV,oBAAA,OAAO,CAAA,CAAA,2BAAA,EAAA,EAA2B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC5I,gBAAA,KAAK,MAAM;AACT,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC3I,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,CAAA,CAAA,0BAAA,EAAA,EAA0B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC3I,gBAAA,KAAK,UAAU;AACb,oBAAA,OAAO,CAAA,CAAA,8BAAA,EAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;AAC/I,gBAAA;AACE,oBAAA,OAAO,CAAA,CAAA,6BAAA,EAAA,EAA6B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAA,CAAI;;;aAG3I,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC;AACnD,YAAA,OAAO,CAA8B,CAAA,8BAAA,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAI;;AAI3J,IAAA,aAAa,GAAG,CAAC,KAAoB,KAAI;QAC/C,KAAK,CAAC,eAAe,EAAE;AACzB,KAAC;AAEO,IAAA,WAAW,GAAG,CAAC,KAAoB,KAAI;QAC7C,KAAK,CAAC,eAAe,EAAE;AACzB,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC3D,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,EACrC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties/ls-field-properties.scss?tag=ls-field-properties&encapsulation=shadow","src/components/ls-field-properties/ls-field-properties.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n}\n\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n}\n\n.ls-dv-input-wrapper {\n position: relative;\n width: fit-content;\n}\n\n#selectorIcon {\n position: absolute;\n top: 50%;\n right: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n#selectLeadingIcon {\n position: absolute;\n top: 50%;\n left: 0.675rem;\n transform: translateY(-50%);\n pointer-events: none;\n color: $gray-80;\n}\n\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../types/LSApiElement';\n\n@Component({\n tag: 'ls-field-properties',\n styleUrl: 'ls-field-properties.scss',\n shadow: true,\n})\nexport class LsFieldProperties {\n @Prop() dataItem: LSApiElement[];\n @Prop() template: any; // LSApiTemplate\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n renderFields() {\n if (this.dataItem && this.dataItem?.length === 1) {\n const roles = this.template?.roles \|\| [];\n switch (this.dataItem[0].formElementType) {\n case 'signature':\n return <ls-field-properties-signature dataItem={this.dataItem[0]} template={this.template} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'signing date':\n return <ls-field-properties-date dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'text':\n return <ls-field-properties-text dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'number':\n return <ls-field-properties-number dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'autosign':\n return <ls-field-properties-autosign dataItem={this.dataItem[0]} readonly={this.readonly} />\n case 'email':\n return <ls-field-properties-email dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'file':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'dropdown':\n return <ls-field-properties-file dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n case 'checkbox':\n return <ls-field-properties-checkbox dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n default:\n return <ls-field-properties-general dataItem={this.dataItem[0]} readonly={this.readonly} roles={roles} filtertoolbox={this.filtertoolbox} />\n\n }\n } else if (this.dataItem && this.dataItem?.length > 1)\n return <ls-field-properties-multiple dataItem={this.dataItem} readonly={this.readonly} roles={this.template?.roles \|\| []} filtertoolbox={this.filtertoolbox} />\n\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n private handleKeyUp = (event: KeyboardEvent) => {\n event.stopPropagation();\n }\n\n render() {\n return (\n <Host onKeyDown={this.handleKeyDown} onKeyUp={this.handleKeyUp}>\n {this.dataItem && this.renderFields()}\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CZCkljMh.js → p-D25GhWKW.js} RENAMED Viewed

@@ -14,19 +14,19 @@ import { d as defineCustomElement$F } from './p-DkV1l_zw.js';
 import { d as defineCustomElement$E } from './p-Bi1odRMK.js';
 import { d as defineCustomElement$D } from './p-CSxx3aLG.js';
 import { d as defineCustomElement$C } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$B } from './p-B-P0RM5X.js';
-import { d as defineCustomElement$A } from './p-BgIA-QAy.js';
-import { d as defineCustomElement$z } from './p-Ce-55WxN.js';
-import { d as defineCustomElement$y } from './p-ihnCvIHa.js';
+import { d as defineCustomElement$B } from './p-CxJyHyur.js';
+import { d as defineCustomElement$A } from './p-BmlXiagO.js';
+import { d as defineCustomElement$z } from './p-CVg_g7Vq.js';
+import { d as defineCustomElement$y } from './p-DXwZW96h.js';
 import { d as defineCustomElement$x } from './p-C1SFI6sR.js';
-import { d as defineCustomElement$w } from './p-DKz0A1Hf.js';
-import { d as defineCustomElement$v } from './p-TQAB33L1.js';
-import { d as defineCustomElement$u } from './p-CWbixCW0.js';
-import { d as defineCustomElement$t } from './p-7AZBNv_W.js';
+import { d as defineCustomElement$w } from './p-Diybi844.js';
+import { d as defineCustomElement$v } from './p-DsEMqzrc.js';
+import { d as defineCustomElement$u } from './p-D8SiEyxv.js';
+import { d as defineCustomElement$t } from './p-T0TVxf3z.js';
 import { d as defineCustomElement$s } from './p-BOg59Hui.js';
-import { d as defineCustomElement$r } from './p-BRbTJsNX.js';
-import { d as defineCustomElement$q } from './p-CvU1rUiv.js';
-import { d as defineCustomElement$p } from './p-CwR2DcQ8.js';
+import { d as defineCustomElement$r } from './p-CJOYo3je.js';
+import { d as defineCustomElement$q } from './p-OChWH88R.js';
+import { d as defineCustomElement$p } from './p-Dr4bZsUx.js';
 import { d as defineCustomElement$o } from './p-pEYsk7D-.js';
 import { d as defineCustomElement$n } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$m } from './p-CzkJGTTH.js';
@@ -439,6 +439,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsLeftBar as L, defineCustomElement as d };
-//# sourceMappingURL=p-CZCkljMh.js.map
+//# sourceMappingURL=p-D25GhWKW.js.map
-//# sourceMappingURL=p-CZCkljMh.js.map
+//# sourceMappingURL=p-D25GhWKW.js.map

package/dist/components/{p-CZCkljMh.js.map → p-D25GhWKW.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CZCkljMh.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin /\n {\n margin: 0;\n}\n\n/* 8. Avoid text overflows /\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n/ 9. Improve line wrapping /\np {\n text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n text-wrap: balance;\n}\n\n:host {\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n\n {\n @include hide-scrollbars;\n }\n}\n\n.ls-dv-hidden {\n visibility: hidden;\n display: none;\n width: 0px;\n}\n\n#my-field-panel {\n position: relative;\n height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n position: relative;\n border-radius: 1.75rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n width: 21.25rem;\n margin: 1rem;\n min-width: 21.25rem;\n height: calc(100% - 2rem);\n max-height: calc(100% - 2rem);\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n}\n\n.ls-dv-left-box-inner {\n position: relative;\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n padding: 0.75rem;\n gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n border: 1px solid $gray-30;\n background: $gray-10;\n padding: 0.75rem;\n gap: 1rem;\n overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: none;\n border-radius: 0;\n border: none;\n background: white;\n padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow-y: auto;\n /* width: calc(100% + 0.25rem); /\n padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n position: absolute;\n top: 5.9375rem;\n left: 0;\n width: 100%;\n height: 1rem;\n background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n position: absolute;\n bottom: 1rem;\n left: 0.75rem;\n width: calc(100% - 1.5rem);\n height: 1rem;\n background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem;\n / 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-fields-box {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n position: relative;\n height: 100%;\n}\n\n.ls-dv-properties-header {\n display: flex;\n padding: 1rem;\n gap: 0.75rem;\n align-items: center;\n border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n color: $gray-100;\n width: 100%;\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 2rem;\n / 133.333% /\n}\n\n.ls-dv-properties-header-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n background: $primary-10;\n color: $primary-60;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-locked-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(100% - 5rem);\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 1.25rem;\n z-index: 1001;\n pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-left-bar',\n styleUrl: 'ls-left-bar.scss',\n shadow: true,\n})\nexport class LsLeftBar {\n @Element() el: HTMLElement;\n\n @Prop() mode: 'editor' \| 'compose' \| 'preview' = 'editor';\n @Prop() selected: HTMLLsEditorFieldElement[] = [];\n @Prop() manager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation';\n @Prop() signer: number;\n @Prop() filtertoolbox: string = null;\n @Prop() template: LSApiTemplate;\n @Prop() recipients: any[];\n @Prop() validationErrors: ValidationError[] = [];\n @Prop() fieldTypeSelected: IToolboxField;\n @Prop() displayTable: boolean = false;\n @Prop() busy: boolean = false;\n @Prop() selectedDataItems: any[] = [];\n\n @Event() managerChange: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation') {\n if (newManager === 'document') {\n const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n if (dm) dm.template = this.template;\n } else if (newManager === 'participant') {\n const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n if (pm) pm.template = this.template;\n } else if (newManager === 'validation') {\n const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n if (vm) vm.validationErrors = this.validationErrors;\n }\n }\n\n componentDidLoad() {\n const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n if (leftBox) {\n leftBox.addEventListener('mousedown', e => e.stopPropagation());\n leftBox.addEventListener('mouseup', e => e.stopPropagation());\n leftBox.addEventListener('mousemove', e => e.stopPropagation());\n }\n }\n\n @Watch('signer')\n signerChanged() {\n try {\n const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n if (recipientManager) {\n const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n if (recipientsBox) {\n recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n } catch (e) {\n // fail silently\n }\n }\n\n private showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null \|\| this.filtertoolbox.split('\|').includes(fieldFormType);\n }\n\n private checkType(type: LSApiRoleType): boolean {\n if (this.mode === 'compose' && this.recipients) {\n return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n } else if (this.template) {\n return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n }\n return false;\n }\n\n private renderFieldProperties() {\n if (this.displayTable \|\| this.selected.length === 0) return null;\n return (\n <div class=\"ls-dv-field-properties-outer\">\n <div class=\"ls-dv-properties-header\">\n <div class=\"ls-dv-properties-header-icon\">\n <ls-icon name=\"pre-filled-content-icon\" />\n </div>\n <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n <button\n class=\"ls-dv-tertiary-grey\"\n onClick={e => {\n this.clearSelected.emit();\n e.preventDefault();\n }}\n style={{ borderRadius: '0.75rem' }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n >\n <ls-icon name=\"x-icon\" size={20} />\n </button>\n </div>\n <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked \|\| false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n </div>\n );\n }\n\n private renderToolbox() {\n return (\n <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n </div>\n <div class=\"ls-dv-fields-box\">\n {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n />\n )}\n {this.signer === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"admin\"\n formElementType=\"auto sign\"\n label={dvI18n.t('toolbox.autosign')}\n defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n validation={3000}\n icon=\"auto-sign-icon\"\n tooltip={dvI18n.t('toolbox.autosigntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label={dvI18n.t('toolbox.text')}\n defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n validation={0}\n icon=\"text-icon\"\n tooltip={dvI18n.t('toolbox.texttooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n />\n )}\n {this.signer > 0 && this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"signing date\"\n label={dvI18n.t('toolbox.signingdate')}\n defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n validation={32}\n icon=\"auto-date-icon\"\n tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n />\n )}\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"date\"\n label={dvI18n.t('toolbox.date')}\n defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n validation={4}\n icon=\"calender-icon\"\n tooltip={dvI18n.t('toolbox.datetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"email\"\n label={dvI18n.t('toolbox.email')}\n defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n validation={1}\n icon=\"at-symbol-icon\"\n tooltip={dvI18n.t('toolbox.emailtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n />\n )}\n {this.showTool('initials') && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label={dvI18n.t('toolbox.initials')}\n defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n validation={2000}\n icon=\"initials-icon\"\n tooltip={dvI18n.t('toolbox.initialstooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n />\n )}\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"number\"\n label={dvI18n.t('toolbox.number')}\n defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n validation={50}\n icon=\"hashtag-icon\"\n tooltip={dvI18n.t('toolbox.numbertooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n />\n )}\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"dropdown\"\n label={dvI18n.t('toolbox.dropdown')}\n defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n validation={20}\n icon=\"dropdown-icon\"\n tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n />\n )}\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"checkbox\"\n label={dvI18n.t('toolbox.checkbox')}\n defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n validation={25}\n icon=\"check-icon\"\n tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n />\n )}\n {this.signer > 0 && this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regular expression\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n />\n )}\n\n {this.signer > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"file\"\n label={dvI18n.t('toolbox.file')}\n defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n validation={74}\n icon=\"upload-icon\"\n tooltip={dvI18n.t('toolbox.filetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n />\n )}\n {this.signer > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"drawn field\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n />\n )}\n </div>\n </div>\n );\n }\n\n private renderEditor() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n {this.renderToolbox()}\n <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n <div class=\"ls-dv-scroll-gradient-top\" />\n <div class=\"ls-dv-scroll-gradient-bottom\" />\n <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n <div class=\"ls-dv-recipients-box\">\n {this.recipients &&\n this.recipients.map(recipient => (\n <ls-recipient-card\n recipient={recipient}\n activeRecipient={this.signer}\n filtertoolbox={this.filtertoolbox}\n template={this.template}\n validationErrors={this.validationErrors}\n fieldTypeSelected={this.fieldTypeSelected}\n data-signer-index={recipient.signerIndex}\n />\n ))}\n </div>\n <slot name=\"recipient-panel\"></slot>\n </ls-recipient-manager>\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n render() {\n return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n }\n}\n"],"version":3}
1	+ {"file":"p-D25GhWKW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.scss?tag=ls-left-bar&encapsulation=shadow","src/components/ls-left-bar/ls-left-bar.tsx"],"sourcesContent":["/* 1. Use a more-intuitive box-sizing model /\n,\n::before,\n::after {\n box-sizing: border-box;\n}\n\n/* 2. Remove default margin /\n {\n margin: 0;\n}\n\n/* 8. Avoid text overflows /\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n overflow-wrap: break-word;\n}\n\n/ 9. Improve line wrapping /\np {\n text-wrap: pretty;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n text-wrap: balance;\n}\n\n:host {\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n\n {\n @include hide-scrollbars;\n }\n}\n\n.ls-dv-hidden {\n visibility: hidden;\n display: none;\n width: 0px;\n}\n\n#my-field-panel {\n position: relative;\n height: calc(100% - 4.313rem);\n}\n\n.ls-dv-left-box {\n position: relative;\n border-radius: 1.75rem;\n border: 1px solid $gray-30;\n background: $white;\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n width: 21.25rem;\n margin: 1rem;\n min-width: 21.25rem;\n height: calc(100% - 2rem);\n max-height: calc(100% - 2rem);\n overflow: hidden;\n z-index: 1000;\n left: 0;\n top: 0;\n}\n\n.ls-dv-left-box-inner {\n position: relative;\n display: flex;\n height: 100%;\n max-height: 100%;\n overflow: hidden;\n padding: 0.75rem;\n gap: 0.75rem;\n}\n\n.ls-dv-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border-radius: 1.25rem;\n border: 1px solid $gray-30;\n background: $gray-10;\n padding: 0.75rem;\n gap: 1rem;\n overflow-y: auto;\n}\n\n.ls-dv-compose-toolbox {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n overflow: none;\n border-radius: 0;\n border: none;\n background: white;\n padding: 0.25rem;\n}\n\n.ls-dv-recipients-box {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow-y: auto;\n /* width: calc(100% + 0.25rem); /\n padding: 0.75rem 0.25rem 0.25rem 0.25rem;\n height: 100%;\n}\n\n.ls-dv-scroll-gradient-top {\n position: absolute;\n top: 5.9375rem;\n left: 0;\n width: 100%;\n height: 1rem;\n background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-scroll-gradient-bottom {\n position: absolute;\n bottom: 1rem;\n left: 0.75rem;\n width: calc(100% - 1.5rem);\n height: 1rem;\n background: linear-gradient(to top, white, rgba(255, 255, 255, 0));\n pointer-events: none;\n z-index: 100;\n}\n\n.ls-dv-editor-infobox {\n padding: 0.125rem 0.5rem 0.125rem 0.5rem;\n}\n\n.ls-dv-toolbox-section-title {\n color: $gray-100;\n font-size: 1.125rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.75rem;\n / 155.556% /\n}\n\n.ls-dv-toolbox-section-description {\n color: $gray-80;\n font-size: 0.75rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-fields-box {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.ls-dv-field-properties-outer {\n position: relative;\n height: 100%;\n}\n\n.ls-dv-properties-header {\n display: flex;\n padding: 1rem;\n gap: 0.75rem;\n align-items: center;\n border-bottom: 1px solid $gray-20;\n}\n\n.ls-dv-properties-header-title {\n color: $gray-100;\n width: 100%;\n font-size: 1.5rem;\n font-style: normal;\n font-weight: 500;\n line-height: 2rem;\n / 133.333% /\n}\n\n.ls-dv-properties-header-icon {\n display: flex;\n padding: 0.5rem;\n border-radius: 0.625rem;\n background: $primary-10;\n color: $primary-60;\n}\n\n/ Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\nbutton {\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\n.ls-dv-locked-overlay {\n position: absolute;\n top: 0;\n right: 0;\n width: calc(100% - 5rem);\n height: 100%;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 1.25rem;\n z-index: 1001;\n pointer-events: all;\n}\n","import { Component, Prop, Event, EventEmitter, Element, Watch, h } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LSApiRoleType } from '../../types/LSApiRole';\nimport { ValidationError } from '../../types/ValidationError';\nimport { IToolboxField } from '../interfaces/IToolboxField';\nimport { dvI18n } from '../../i18n/i18n';\nimport { FIELD_DEFAULTS } from '../../constants/fieldDefaults';\n\n@Component({\n tag: 'ls-left-bar',\n styleUrl: 'ls-left-bar.scss',\n shadow: true,\n})\nexport class LsLeftBar {\n @Element() el: HTMLElement;\n\n @Prop() mode: 'editor' \| 'compose' \| 'preview' = 'editor';\n @Prop() selected: HTMLLsEditorFieldElement[] = [];\n @Prop() manager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation';\n @Prop() signer: number;\n @Prop() filtertoolbox: string = null;\n @Prop() template: LSApiTemplate;\n @Prop() recipients: any[];\n @Prop() validationErrors: ValidationError[] = [];\n @Prop() fieldTypeSelected: IToolboxField;\n @Prop() displayTable: boolean = false;\n @Prop() busy: boolean = false;\n @Prop() selectedDataItems: any[] = [];\n\n @Event() managerChange: EventEmitter<'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation'>;\n @Event() clearSelected: EventEmitter<void>;\n\n @Watch('manager')\n managerWatchHandler(newManager: 'document' \| 'toolbox' \| 'participant' \| 'recipient' \| 'validation') {\n if (newManager === 'document') {\n const dm = this.el.shadowRoot.getElementById('ls-document-options') as HTMLLsDocumentOptionsElement;\n if (dm) dm.template = this.template;\n } else if (newManager === 'participant') {\n const pm = this.el.shadowRoot.getElementById('ls-participant-manager') as HTMLLsParticipantManagerElement;\n if (pm) pm.template = this.template;\n } else if (newManager === 'validation') {\n const vm = this.el.shadowRoot.getElementById('ls-validation-manager') as HTMLLsValidationManagerElement;\n if (vm) vm.validationErrors = this.validationErrors;\n }\n }\n\n componentDidLoad() {\n const leftBox = this.el.shadowRoot.getElementById('ls-left-box');\n if (leftBox) {\n leftBox.addEventListener('mousedown', e => e.stopPropagation());\n leftBox.addEventListener('mouseup', e => e.stopPropagation());\n leftBox.addEventListener('mousemove', e => e.stopPropagation());\n }\n }\n\n @Watch('signer')\n signerChanged() {\n try {\n const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');\n if (recipientManager) {\n const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');\n if (recipientsBox) {\n recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });\n }\n }\n } catch (e) {\n // fail silently\n }\n }\n\n private showTool(fieldFormType: string): boolean {\n return this.filtertoolbox === null \|\| this.filtertoolbox.split('\|').includes(fieldFormType);\n }\n\n private checkType(type: LSApiRoleType): boolean {\n if (this.mode === 'compose' && this.recipients) {\n return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n } else if (this.template) {\n return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;\n }\n return false;\n }\n\n private renderFieldProperties() {\n if (this.displayTable \|\| this.selected.length === 0) return null;\n return (\n <div class=\"ls-dv-field-properties-outer\">\n <div class=\"ls-dv-properties-header\">\n <div class=\"ls-dv-properties-header-icon\">\n <ls-icon name=\"pre-filled-content-icon\" />\n </div>\n <h1 class=\"ls-dv-properties-header-title\">{dvI18n.t('viewer.fieldproperties')}</h1>\n <button\n class=\"ls-dv-tertiary-grey\"\n onClick={e => {\n this.clearSelected.emit();\n e.preventDefault();\n }}\n style={{ borderRadius: '0.75rem' }}\n data-tooltip-id=\"ls-dv-tooltip\" data-tooltip-content={dvI18n.t('viewer.closepropertiespanel')}\n >\n <ls-icon name=\"x-icon\" size={20} />\n </button>\n </div>\n <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems} template={this.template} readonly={this.template?.locked \|\| false} filtertoolbox={this.filtertoolbox}></ls-field-properties>\n </div>\n );\n }\n\n private renderToolbox() {\n return (\n <div id=\"ls-toolbox\" class={this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden'}>\n <div class=\"ls-dv-editor-infobox\">\n <h2 class=\"ls-dv-toolbox-section-title\">{dvI18n.t('toolbox.title')}</h2>\n <p class=\"ls-dv-toolbox-section-description\">{dvI18n.t('toolbox.description')}</p>\n </div>\n <div class=\"ls-dv-fields-box\">\n {this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (\n <ls-toolbox-field\n elementType=\"signature\"\n formElementType=\"signature\"\n label={dvI18n.t('toolbox.signature')}\n defaultHeight={FIELD_DEFAULTS['signature'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signature'].defaultWidth}\n validation={0}\n icon=\"signature-icon\"\n tooltip={dvI18n.t('toolbox.signaturetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signature'}\n />\n )}\n {this.signer === 0 && this.showTool('auto sign') && (\n <ls-toolbox-field\n elementType=\"admin\"\n formElementType=\"auto sign\"\n label={dvI18n.t('toolbox.autosign')}\n defaultHeight={FIELD_DEFAULTS['auto sign'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['auto sign'].defaultWidth}\n validation={3000}\n icon=\"auto-sign-icon\"\n tooltip={dvI18n.t('toolbox.autosigntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'auto sign'}\n />\n )}\n {this.showTool('text') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"text\"\n label={dvI18n.t('toolbox.text')}\n defaultHeight={FIELD_DEFAULTS['text'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['text'].defaultWidth}\n validation={0}\n icon=\"text-icon\"\n tooltip={dvI18n.t('toolbox.texttooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'text'}\n />\n )}\n {this.signer > 0 && this.showTool('signing date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"signing date\"\n label={dvI18n.t('toolbox.signingdate')}\n defaultHeight={FIELD_DEFAULTS['signing date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['signing date'].defaultWidth}\n validation={32}\n icon=\"auto-date-icon\"\n tooltip={dvI18n.t('toolbox.signingdatetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'signing date'}\n />\n )}\n {this.showTool('date') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"date\"\n label={dvI18n.t('toolbox.date')}\n defaultHeight={FIELD_DEFAULTS['date'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['date'].defaultWidth}\n validation={4}\n icon=\"calender-icon\"\n tooltip={dvI18n.t('toolbox.datetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'date'}\n />\n )}\n {this.showTool('email') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"email\"\n label={dvI18n.t('toolbox.email')}\n defaultHeight={FIELD_DEFAULTS['email'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['email'].defaultWidth}\n validation={1}\n icon=\"at-symbol-icon\"\n tooltip={dvI18n.t('toolbox.emailtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'email'}\n />\n )}\n {this.showTool('initials') && (\n <ls-toolbox-field\n elementType=\"initials\"\n formElementType=\"initials\"\n label={dvI18n.t('toolbox.initials')}\n defaultHeight={FIELD_DEFAULTS['initials'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['initials'].defaultWidth}\n validation={2000}\n icon=\"initials-icon\"\n tooltip={dvI18n.t('toolbox.initialstooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'initials'}\n />\n )}\n {this.showTool('number') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"number\"\n label={dvI18n.t('toolbox.number')}\n defaultHeight={FIELD_DEFAULTS['number'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['number'].defaultWidth}\n validation={50}\n icon=\"hashtag-icon\"\n tooltip={dvI18n.t('toolbox.numbertooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'number'}\n />\n )}\n {this.showTool('dropdown') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"dropdown\"\n label={dvI18n.t('toolbox.dropdown')}\n defaultHeight={FIELD_DEFAULTS['dropdown'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['dropdown'].defaultWidth}\n validation={20}\n icon=\"dropdown-icon\"\n tooltip={dvI18n.t('toolbox.dropdowntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'dropdown'}\n />\n )}\n {this.showTool('checkbox') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"checkbox\"\n label={dvI18n.t('toolbox.checkbox')}\n defaultHeight={FIELD_DEFAULTS['checkbox'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['checkbox'].defaultWidth}\n validation={25}\n icon=\"check-icon\"\n tooltip={dvI18n.t('toolbox.checkboxtooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'checkbox'}\n />\n )}\n {this.signer > 0 && this.showTool('regex') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"regular expression\"\n label={dvI18n.t('toolbox.regex')}\n defaultHeight={FIELD_DEFAULTS['regular expression'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['regular expression'].defaultWidth}\n validation={93}\n icon=\"code-icon\"\n tooltip={dvI18n.t('toolbox.regextooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'regular expression'}\n />\n )}\n\n {this.signer > 0 && this.showTool('file') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"file\"\n label={dvI18n.t('toolbox.file')}\n defaultHeight={FIELD_DEFAULTS['file'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['file'].defaultWidth}\n validation={74}\n icon=\"upload-icon\"\n tooltip={dvI18n.t('toolbox.filetooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'file'}\n />\n )}\n {this.signer > 0 && this.showTool('drawn') && (\n <ls-toolbox-field\n elementType=\"text\"\n formElementType=\"drawn field\"\n label={dvI18n.t('toolbox.drawn')}\n defaultHeight={FIELD_DEFAULTS['drawn field'].defaultHeight}\n defaultWidth={FIELD_DEFAULTS['drawn field'].defaultWidth}\n validation={90}\n icon=\"pencil-icon\"\n tooltip={dvI18n.t('toolbox.drawntooltip')}\n signer={this.signer}\n isSelected={this.fieldTypeSelected?.formElementType === 'drawn field'}\n />\n )}\n </div>\n </div>\n );\n }\n\n private renderEditor() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n <ls-feature-column mode={this.mode} manager={this.manager} onManage={manager => this.managerChange.emit(manager.detail)} />\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n {this.renderToolbox()}\n <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} activeSigner={this.signer} template={this.template} busy={this.busy} />\n <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} template={this.template} />\n <ls-validation-manager id=\"ls-validation-manager\" class={this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n private renderCompose() {\n return (\n <div id=\"ls-left-box\" class=\"ls-dv-left-box\">\n <div class={!this.selected \|\| this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden'}>\n {this.template?.locked && <div class=\"ls-dv-locked-overlay\"></div>}\n <ls-recipient-manager id=\"ls-recipient-manager\" class=\"ls-dv-compose-toolbox\">\n <div class=\"ls-dv-scroll-gradient-top\" />\n <div class=\"ls-dv-scroll-gradient-bottom\" />\n <ls-validation-tag validationErrors={this.validationErrors} style={{ position: 'absolute', top: '1.125rem', right: '1rem' }} type=\"compose\" />\n <div class=\"ls-dv-recipients-box\">\n {this.recipients &&\n this.recipients.map(recipient => (\n <ls-recipient-card\n recipient={recipient}\n activeRecipient={this.signer}\n filtertoolbox={this.filtertoolbox}\n template={this.template}\n validationErrors={this.validationErrors}\n fieldTypeSelected={this.fieldTypeSelected}\n data-signer-index={recipient.signerIndex}\n />\n ))}\n </div>\n <slot name=\"recipient-panel\"></slot>\n </ls-recipient-manager>\n </div>\n {this.renderFieldProperties()}\n </div>\n );\n }\n\n render() {\n return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;\n }\n}\n"],"version":3}

package/dist/components/{p-CWbixCW0.js → p-D8SiEyxv.js} RENAMED Viewed

@@ -6,7 +6,7 @@ import { d as defineCustomElement$k } from './p-BJoHocUQ.js';
 import { d as defineCustomElement$j } from './p-DkV1l_zw.js';
 import { d as defineCustomElement$i } from './p-CSxx3aLG.js';
 import { d as defineCustomElement$h } from './p-Dab8K5mi.js';
-import { d as defineCustomElement$g } from './p-BgIA-QAy.js';
+import { d as defineCustomElement$g } from './p-BmlXiagO.js';
 import { d as defineCustomElement$f } from './p-C1SFI6sR.js';
 import { d as defineCustomElement$e } from './p-DX7Kb9cb.js';
 import { d as defineCustomElement$d } from './p-CzkJGTTH.js';
@@ -178,6 +178,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { LsFieldPropertiesFile as L, defineCustomElement as d };
-//# sourceMappingURL=p-CWbixCW0.js.map
+//# sourceMappingURL=p-D8SiEyxv.js.map
-//# sourceMappingURL=p-CWbixCW0.js.map
+//# sourceMappingURL=p-D8SiEyxv.js.map

package/dist/components/{p-CWbixCW0.js.map → p-D8SiEyxv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CWbixCW0~~.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-file/ls-field-properties-file.scss?tag=ls-field-properties-file&encapsulation=shadow","src/components/ls-field-properties-file/ls-field-properties-file.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-file',\n styleUrl: 'ls-field-properties-file.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesFile {\n @Prop() dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-D8SiEyxv.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,u2JAAu2J,CAAC;;MCSn4J,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;AACxB,IAAA,QAAQ;IACR,KAAK,GAAgB,EAAE;IACvB,QAAQ,GAAY,KAAK;IACzB,aAAa,GAAW,IAAI;IAEpC,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,SAAS,EAAA,EAC3C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAI,CAAA,EAC5H,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC9E,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,YAAY,EAAA,EAC9C,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACrE,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC7C,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CACpE,CACwB,EAChC,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CAChE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-file/ls-field-properties-file.scss?tag=ls-field-properties-file&encapsulation=shadow","src/components/ls-field-properties-file/ls-field-properties-file.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n* {\n margin: 0;\n}\n\n.ls-dv-field-set {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 100%;\n}\n\n/* Global Styles */\n\np {\n color: $gray-80;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n}\n\na {\n color: $primary-60;\n font-size: var(--text-sm);\n font-style: normal;\n font-weight: 400;\n line-height: var(--text-sm-line-height);\n cursor: pointer;\n}\n\na:hover {\n text-decoration: underline;\n color: $primary-70;\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n all: unset;\n}\n\nselect {\n appearance: none;\n height: 2.25rem;\n width: 100%;\n}\n.ls-dv-has-leading-icon {\n padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n border: 1px solid $gray-40;\n box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n padding: 0.5rem 0.75rem;\n font-family: var(--font-family);\n font-size: var(--text-sm);\n border-radius: 0.625rem;\n color: $gray-100;\n font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n color: $gray-60;\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n border-color: $gray-50;\n background-color: $white;\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-40;\n border-color: $primary-60;\n background-color: $white;\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n border-color: $primary-50;\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n background-color: $gray-10;\n}\n\ninput[type='checkbox'] {\n appearance: none;\n position: relative;\n height: 1rem;\n width: 1rem;\n padding: 0.25rem;\n border-radius: var(--radius-sm);\n border: 1px solid #d1d5db;\n background-color: #ffffff;\n cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n background-color: $primary-60;\n border: none;\n}\n\ninput[type='checkbox']:checked::after {\n content: '';\n position: absolute;\n top: 45%;\n left: 50%;\n transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n width: 0.5rem;\n height: 0.25rem;\n border-bottom: 0.125rem solid white;\n border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 0.5rem;\n height: 0.125rem;\n background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n background-color: $primary-70;\n border: none;\n}\n\ninput[type='checkbox']:hover {\n border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n outline: none;\n box-shadow: 0 0 0 0.25rem $primary-20;\n background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n background-color: #f3f4f6;\n outline: none;\n cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n background-color: #e5e7eb;\n border: none;\n outline: none;\n cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n display: flex;\n gap: 0.5rem;\n width: 100%;\n}\n\n.ls-dv-checkbox-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 400;\n line-height: 1rem;\n}\n\n.ls-dv-form-label {\n color: $gray-100;\n font-size: 1rem;\n font-style: normal;\n font-weight: 500;\n line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n width: 100%;\n}\n\n.ls-dv-loading-box {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100vh;\n color: $primary-60;\n}\n\nbutton {\n display: flex;\n gap: 0.5rem;\n border: 0;\n appearance: button;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--radius-lg);\n background-color: $primary-60;\n color: white;\n font-weight: 500;\n text-transform: capitalize;\n min-height: 2.25rem;\n min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n border: 1px solid $gray-40;\n background-color: white;\n color: $gray-80;\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-secondary {\n border: 1px solid $gray-50;\n background: $white;\n color: $gray-90;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.ls-dv-secondary:hover {\n border: 1px solid $gray-50;\n background: $gray-10;\n}\n\nbutton.ls-dv-destructive {\n border: 1px solid $red-60;\n background-color: white;\n color: $red-60;\n}\n\nbutton.ls-dv-destructive:hover {\n border: 1px solid $red-70;\n background: $red-10;\n}\n\n\n\n.ls-dv-button-group {\n display: flex;\n border-radius: 0.625rem;\n border: 1px solid $gray-30;\n background: $white;\n overflow: clip;\n}\n\n.ls-dv-button-group button {\n display: flex;\n background: transparent;\n border-radius: unset;\n padding: 0.25rem 0.75rem;\n min-width: 2.156rem;\n min-height: unset;\n color: $gray-80;\n}\n\n.ls-dv-button-group button:hover {\n background: $gray-10;\n}\n\n.ls-dv-button-group > :first-child {\n border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n border-left: 1px solid $gray-30;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { LSApiRole } from '../../types/LSApiRole';\n\n@Component({\n tag: 'ls-field-properties-file',\n styleUrl: 'ls-field-properties-file.scss',\n shadow: true,\n})\nexport class LsFieldPropertiesFile {\n @Prop() dataItem: LSApiElement;\n @Prop() roles: LSApiRole[] = [];\n @Prop() readonly: boolean = false;\n @Prop() filtertoolbox: string = null;\n\n render() {\n return (\n <Host>\n <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n <div class={'ls-dv-field-set'} slot=\"content\">\n <ls-field-content dataItem={this.dataItem} roles={this.roles} readonly={this.readonly} filtertoolbox={this.filtertoolbox} />\n <ls-field-properties-advanced dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"dimensions\">\n <ls-field-dimensions dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n <div class={'ls-dv-field-set'} slot=\"placement\">\n <ls-field-placement dataItem={this.dataItem} readonly={this.readonly} />\n </div>\n </ls-field-properties-container>\n <ls-field-footer dataItem={this.dataItem} readonly={this.readonly} />\n </Host>\n );\n }\n}\n"],"version":3}