legalesign-document-viewer 0.7.3 → 0.7.4

package/dist/ls-document-viewer/ls-compose-manager.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsComposeManagerCss = () => `:host{display:block}`;
-
-const LsComposeManager = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * The base template information (as JSON).
-     * {LSApiTemplate}
-     */
-    template;
-    render() {
-        return (h(Host, { key: '7d657f7fed3fdfcde20a0c0660ca1ca2a3673028' }, h("div", { key: '129f8e00c9604ae99d7386f64e0b8840481d62e6', class: "ls-editor-infobox" }, h("h2", { key: 'a51811f12ed9b60d968fdc62d7c0dea46035fa25', class: "toolbox-section-title" }, "Recipient Fields"), h("p", { key: '785fac917bf37afbbc9cdd7e421ca76426ad344c', class: "toolbox-section-description" }, "Select and Click to place Signature fields where on the Document.")), h("div", { key: 'f01892a98b7b85d176de8106918723e46efa0e6d', class: "participant-list" }, this.template &&
-            this.template?.roles.map(() => {
-                return (h("div", null));
-            })), h("slot", { key: 'ecd3acd17f6cf69fcabf8238c17ff86a0c9417c4' })));
-    }
-};
-LsComposeManager.style = lsComposeManagerCss();
-
-export { LsComposeManager as ls_compose_manager };
-//# sourceMappingURL=ls-compose-manager.entry.esm.js.map

package/dist/ls-document-viewer/ls-editor-field.entry.js

@@ -1,203 +0,0 @@
-import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
-import { i as getInputType } from './editorUtils-B8pqYCt6.js';
-import { d as defaultRolePalette } from './defaultPalette-CwCWCxsI.js';
-
-const lsEditorFieldCss = () => `:host{display:block;position:absolute;margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;margin:0;padding:0px 0px 0px 0px;min-width:2em;height:100%;width:100%}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;min-width:2px;height:98%;width:98%}.hidden-field{display:none}input{all:unset}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}.required-icon{color:var(--red-60, #f64a44)}.x-button{all:unset;cursor:pointer;transform:translate(55%, -55%);position:absolute;color:white;background:var(--gray-80, #3a3a3a);border-radius:50%;top:0;right:0}.x-button:hover{background:var(--gray-90, #1c1c1c)}`;
-
-const LsEditorField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 6);
-        this.update = createEvent(this, "update", 6);
-    }
-    get component() { return getElement(this); }
-    assignee;
-    dataItem;
-    selected = false;
-    readonly;
-    type;
-    page;
-    fixedAspect = null;
-    isEditing = false;
-    heldEdge = null;
-    isEdgeDragging = false;
-    innerValue;
-    zoom;
-    sizeObserver;
-    mutate;
-    update;
-    /**
-     * Controls whether floating elements are visible. Set by mouse enter/leave events.
-     */
-    floatingActive = false;
-    // Set floatingActive true on mouse enter, false on mouse leave
-    handleMouseEnter = () => {
-        this.floatingActive = true;
-    };
-    handleMouseLeave = () => {
-        this.floatingActive = false;
-    };
-    handleInput(e) {
-        if (e.code === 'Enter') {
-            this.isEditing = false;
-            this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'));
-        }
-        e.stopPropagation();
-    }
-    handleMouseMove(e) {
-        if (this.readonly)
-            return;
-        if (!e.clientX)
-            return;
-        // Determine which edge is being moved over and what cursor to show.
-        if (Math.abs(e.offsetX) < 5) {
-            this.component.style.cursor = 'ew-resize';
-        }
-        else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {
-            this.component.style.cursor = 'ew-resize';
-        }
-        else if (Math.abs(e.offsetY) < 5) {
-            this.component.style.cursor = 'ns-resize';
-        }
-        else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {
-            this.component.style.cursor = 'ns-resize';
-        }
-        else {
-            this.component.style.cursor = 'move';
-        }
-    }
-    handleDoubleClick(e) {
-        if (this.readonly || this.dataItem.formElementType === 'signature' || this.dataItem.formElementType === 'initials')
-            return;
-        this.isEditing = true;
-        this.heldEdge = null;
-        this.isEdgeDragging = false;
-        this.sizeObserver.disconnect();
-        this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;
-        const editbox = this.component.shadowRoot.getElementById('editing-input');
-        console.log(this.dataItem);
-        if (editbox) {
-            editbox.className = 'ls-editor-field-editable';
-            editbox.focus();
-        }
-        e.preventDefault();
-        e.stopPropagation();
-    }
-    handleDragStart(event) {
-        // Add the target element's id to the data transfer object
-        event.dataTransfer.setData('application/json', JSON.stringify({
-            type: this.type,
-        }));
-        event.dataTransfer.dropEffect = 'move';
-    }
-    watchSelectedHandler(_newValue, _oldValue) {
-        if (_newValue) {
-            this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = 'rgba(255,255,255,0.5)';
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    deleteField = () => {
-        this.mutate.emit([{ action: 'delete', data: this.dataItem }]);
-        this.update.emit([{ action: 'delete', data: this.dataItem }]);
-    };
-    componentDidLoad() {
-        this.sizeObserver = new ResizeObserver(entries => {
-            for (const entry of entries) {
-                if (entry.contentRect) {
-                    const movebox = this.component.shadowRoot.getElementById('field-info');
-                    movebox.style.height = entry.contentRect.height + 'px';
-                    movebox.style.width = entry.contentRect.width + 'px';
-                }
-            }
-        });
-        this.sizeObserver.observe(this.component);
-        // New dropped components automatically need selecting.
-        if (this.selected) {
-            this.component.style.background = this.hexToRgba(defaultRolePalette[this.dataItem?.signer % 100].s20, 0.5);
-            this.component.style.boxShadow = '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)';
-        }
-        else {
-            this.component.style.background = this.hexToRgba('ffffff', 0.7);
-            this.component.style.boxShadow = 'none';
-        }
-    }
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    // NOTE this alter is debounced to account for typing
-    alter(diff) {
-        this.dataItem = { ...this.dataItem, ...diff };
-        this.debounce(this.dataItem, 900);
-    }
-    labeltimer;
-    debounce(data, delay) {
-        if (this.labeltimer)
-            clearTimeout(this.labeltimer);
-        this.labeltimer = setTimeout(() => {
-            const diffs = [{ action: 'update', data }];
-            this.mutate.emit(diffs);
-        }, delay);
-    }
-    hexToRgba(hex, alpha) {
-        hex = hex.replace('#', '');
-        const r = parseInt(hex.substring(0, 2), 16);
-        const g = parseInt(hex.substring(2, 4), 16);
-        const b = parseInt(hex.substring(4, 6), 16);
-        return `rgba(${r},${g},${b},${alpha})`;
-    }
-    render() {
-        const hostStyle = this.floatingActive
-            ? { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}`, boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.06)' }
-            : { border: `2px ${defaultRolePalette[this.dataItem?.signer % 100].s60} ${this.dataItem?.signer > 99 ? 'dashed' : 'solid'}` };
-        const zoomValue = parseFloat(this.zoom) || 1;
-        return (h(Host, { key: '11f4f6db9b380c3a0875fdf63da7450b4589d325', id: this.dataItem ? 'ls-field-' + this.dataItem.id : undefined, style: hostStyle, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: 'e74e7f4dc398dbfe93b03b1e28b6d3a57a9ef1f0', class: {
-                'ls-editor-field': true,
-                'is-selected': this.selected,
-            } }, !this.dataItem?.optional && (h("ls-icon", { key: '99ae4dd65f3e5bb83d1b6516d8f684610e6a9e42', name: "required", size: `${0.75 * zoomValue}rem`, class: "required-icon", customStyle: {
-                position: 'absolute',
-                verticalAlign: 'top',
-                top: `${0.125 * zoomValue}rem`,
-                right: `${0.125 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            } })), h("input", { key: 'ffa6dc7a70aa49deb697f9d8e6513f61d3d7d84a', id: "editing-input", class: this.isEditing ? 'ls-editor-field-editable' : 'hidden-field', type: getInputType(this.dataItem.validation).inputType, value: this.dataItem?.value, checked: this.dataItem?.value ? true : false, onInput: e => this.alter({ value: e.target.value }) }), h("div", { key: 'dfa7d7859fa9de8815a9e2be92df7b400f200bb8', id: "field-info", class: this.isEditing ? 'hidden-field' : 'ls-editor-field-draggable', style: { color: `${defaultRolePalette[this.dataItem?.signer % 100].s100}` } }, (this.dataItem.value.length && this.dataItem.value) || this.dataItem?.formElementType), (this.floatingActive || this.selected) && this.dataItem?.label && (h("div", { key: '35c368af6acb3f5a0f491693f5a42738fefc4631', style: {
-                position: 'absolute',
-                background: `${defaultRolePalette[this.dataItem?.signer % 100].s20}`,
-                color: `${defaultRolePalette[this.dataItem?.signer % 100].s80}`,
-                borderRadius: `${0.25 * zoomValue}rem`,
-                padding: `${0.125 * zoomValue}rem ${0.25 * zoomValue}rem`,
-                top: `-${1.375 * zoomValue}rem`,
-                fontWeight: '500',
-                left: `-${2 * zoomValue}px`,
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-            } }, this.dataItem?.label)), (this.floatingActive || this.selected) && (h("p", { key: '5d9dcb7a97b537a7cc8183fe3f704a748acfd956', style: {
-                position: 'absolute',
-                color: 'var(--gray-80, #3a3a3a)',
-                bottom: `-${1.75 * zoomValue}rem`,
-                fontSize: `${0.625 * zoomValue}rem`,
-                left: '0',
-                whiteSpace: 'nowrap',
-                width: 'fit-content',
-                fontFamily: 'sans-serif',
-            } }, "Assigned to: ", this.assignee)), this.floatingActive && (h("button", { key: '44c7d7a11b830b84808de2a70d8084aad5c30318', class: 'x-button', style: {
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                width: `${0.875 * zoomValue}rem`,
-                height: `${0.875 * zoomValue}rem`,
-                lineHeight: `${0.75 * zoomValue}rem`,
-                fontSize: `${0.75 * zoomValue}rem`,
-            }, onClick: () => this.deleteField() }, h("ls-icon", { key: '0d951c691fd05840590d0ec4bb19075983c88aed', name: "x", size: `${0.75 * zoomValue}rem` }))))));
-    }
-    static get watchers() { return {
-        "selected": ["watchSelectedHandler"]
-    }; }
-};
-LsEditorField.style = lsEditorFieldCss();
-
-export { LsEditorField as ls_editor_field };
-//# sourceMappingURL=ls-editor-field.entry.esm.js.map

package/dist/ls-document-viewer/ls-editor-table.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, e as getElement, h, a as Host } from './index-DANCsk1i.js';
-
-const lsEditorTableCss = () => `:host{display:block;z-index:100;position:absolute;top:0px;left:0px}table{background-color:azure;border:1px solid black}td{border:1px solid black}`;
-
-const LsEditorTable = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    get component() { return getElement(this); }
-    /**
-  * The parent editor control.
-  * {LsDocumentViewer}
-  */
-    editor;
-    componentDidLoad() {
-        var dataTable = this.component.shadowRoot.getElementById('ls-editor-table');
-        Array.from(this.editor.component.shadowRoot.querySelectorAll('ls-editor-field')).forEach(fx => {
-            const rowNode = document.createElement('tr');
-            const idCellNode = document.createElement('td');
-            idCellNode.innerText = fx.dataItem.id;
-            rowNode.appendChild(idCellNode);
-            const valueCellNode = document.createElement('td');
-            valueCellNode.innerText = fx.dataItem.value;
-            rowNode.appendChild(valueCellNode);
-            const labelCellNode = document.createElement('td');
-            labelCellNode.innerText = fx.dataItem.label;
-            rowNode.appendChild(labelCellNode);
-            dataTable.appendChild(rowNode);
-        });
-    }
-    render() {
-        return (h(Host, { key: '2b5f985395683bb456d7e27dcafe93fcd42e0d6a' }, h("table", { key: '42c9f9c8dd310cdc85fb8cf01478cf4152605e3e', id: "ls-editor-table" }), h("slot", { key: 'a38507ff154b812f3567a0e720fa3f68172e8ed0' })));
-    }
-};
-LsEditorTable.style = lsEditorTableCss();
-
-export { LsEditorTable as ls_editor_table };
-//# sourceMappingURL=ls-editor-table.entry.esm.js.map

package/dist/ls-document-viewer/ls-feature-column.entry.js

@@ -1,49 +0,0 @@
-import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
-import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
-
-const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.5rem}.activeIcon,.defaultIcon{padding:0.75rem;border-radius:0.75rem;color:var(--gray-80, #787A80)}.defaultIcon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.activeIcon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.hidden{display:none}`;
-
-const LsFeatureColoumn = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.manage = createEvent(this, "manage", 7);
-    }
-    get component() { return getElement(this); }
-    /**
-     * Determines / sets which of the far left 'managers' is active.
-     * {'document' | 'toolbox' | 'participant' }
-     */
-    manager = 'toolbox';
-    /**
-     * The mode that document viewer is being used in.
-     * {'preview' | 'editor' | 'custom'}
-     */
-    mode = 'editor';
-    // Send an manager change up the DOM
-    manage;
-    componentDidLoad() {
-        attachAllTooltips(this.component.shadowRoot);
-    }
-    render() {
-        return (h(Host, { key: '32506176ef09b0cee6c503629199ac89b9c9a5dc' }, h("div", { key: 'a1090e9ea9c4283c87193fa3db2145d9a6d23284', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
-                this.manage.emit('document');
-                this.manager = 'document';
-            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '269246201ec37901ea6b035a459ab8b685acb020', name: "document", size: "1.5rem" })), h("div", { key: '0af26d8205f68f1a8991a2f1258e4e211ea7caa1', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
-                this.manage.emit('toolbox');
-                this.manager = 'toolbox';
-            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '81765d486710124204aebcdbab6ee95ee80fcaad', name: "typing-input", size: "1.5rem" })), h("div", { key: 'bbdb846db734b5cab9e42b10efe2eace77f1300b', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
-                this.manage.emit('participant');
-                this.manager = 'participant';
-            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'a870efda3f15f7276e68cf09c1225a72b6be5847', name: "user-group", size: "1.5rem" })), h("div", { key: '9b930ef8bae634ee87457cb5654054c8aaecc395', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
-                this.manage.emit('recipient');
-                this.manager = 'recipient';
-            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'c2e34b0120245df52bbb5abc23a0b0f86fdaaf82', name: "user-group", size: "1.5rem" })), h("div", { key: '8f08f61a053f5502e93c33ab453034a51dad0b5a', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
-                this.manage.emit('validation');
-                this.manager = 'validation';
-            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '01b2b7b89f38b6ea017d8f0f6996b8c9d31469ed', name: "adjustments", size: "1.5rem" })), h("slot", { key: 'c8f5990f5ab8bb5f27b51ea3d5ff539608e2ed6f' }), h("ls-tooltip", { key: 'fa075419a9de6fc70eab22d4917d2f0ec922d24b', id: "ls-tooltip-master" })));
-    }
-};
-LsFeatureColoumn.style = lsFeatureColumnCss();
-
-export { LsFeatureColoumn as ls_feature_column };
-//# sourceMappingURL=ls-feature-column.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-distribute.entry.js

@@ -1,159 +0,0 @@
-import { r as registerInstance, d as createEvent, e as getElement, h, a as Host } from './index-DANCsk1i.js';
-import { o as oob } from './editorUtils-B8pqYCt6.js';
-import { a as attachAllTooltips } from './tooltip-Cb8nDMs-.js';
-import { o as outOfBounds } from './mouseHandlers-ng8CZPvb.js';
-
-const lsFieldDistributeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-toolbar-numeric{width:2.813rem;max-height:1.125rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.row{flex-direction:row;align-items:center;justify-content:space-between}.multi-button-group-row{display:flex;gap:0.5rem}.ls-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.input-row{display:flex;gap:0.5rem}.input-row .input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:36px}.input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsFieldDistribute = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-    }
-    dataItem;
-    mutate;
-    get component() { return getElement(this); }
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    alter(diff) {
-        console.log(diff);
-        const diffs = this.dataItem.map(c => {
-            return { action: 'update', data: { ...c, ...diff } };
-        });
-        this.dataItem = diffs.map(d => d.data);
-        this.mutate.emit(diffs);
-    }
-    distributeHorizontal() {
-        var spacing = this.component.shadowRoot.getElementById('ls-fix-horizontal-space');
-        const sorted = this.dataItem.sort((a, b) => a.left - b.left);
-        if (sorted.length < 3)
-            return;
-        var avgspace = 0;
-        const leftmost = sorted[0].left + sorted[0].width / 2;
-        const rightmost = sorted.reduce((acc, cur) => {
-            return cur.left + (cur.width / 2) > acc ? cur.left + (cur.width / 2) : acc;
-        }, leftmost);
-        // find total width between centre first and centre last
-        const totalWidth = rightmost - leftmost;
-        if (spacing.value !== '') {
-            avgspace = parseInt(spacing.value);
-        }
-        else {
-            avgspace = Math.floor(totalWidth / (sorted.length - 1));
-        }
-        const filtered = sorted.filter((c, index) => {
-            return outOfBounds({ ...c, left: (Math.floor(leftmost - (c.width / 2) + avgspace * index)) }) === false
-                && index !== 0
-                && index !== sorted.length - 1;
-        });
-        const diffs = filtered.map((c, index) => {
-            return {
-                action: 'update',
-                data: {
-                    ...c,
-                    left: Math.floor(leftmost - (c.width / 2) + (avgspace * (index + 1))),
-                },
-            };
-        });
-        this.dataItem = diffs.map(d => d.data);
-        this.mutate.emit(diffs);
-    }
-    gapVertical(spacing) {
-        const sorted = this.dataItem.sort((a, b) => a.top - b.top);
-        var buffer = sorted[0].top;
-        const diffs = sorted.map(c => {
-            const newTop = buffer;
-            buffer = buffer + c.height + spacing;
-            const target = {
-                ...c,
-                top: newTop,
-            };
-            return {
-                action: 'update',
-                data: oob(target)
-                    ? {
-                        ...c,
-                        left: c.pageDimensions.height - c.height - 1,
-                    }
-                    : target,
-            };
-        });
-        this.dataItem = diffs.map(d => d.data);
-        this.mutate.emit(diffs);
-    }
-    gapHorizontal(spacing) {
-        const sorted = this.dataItem.sort((a, b) => a.top - b.top);
-        var buffer = sorted[0].left;
-        const diffs = sorted.map(c => {
-            const newLeft = buffer;
-            buffer = buffer + c.width + spacing;
-            const target = {
-                ...c,
-                left: newLeft,
-            };
-            console.log(target, oob(target));
-            return {
-                action: 'update',
-                data: oob(target)
-                    ? {
-                        ...c,
-                        left: c.pageDimensions.width - c.width - 1,
-                    }
-                    : target,
-            };
-        });
-        this.dataItem = diffs.map(d => d.data);
-        this.mutate.emit(diffs);
-    }
-    distributeVertical() {
-        var spacing = this.component.shadowRoot.getElementById('ls-fix-vertical-space');
-        var avgspace = 0;
-        const sorted = this.dataItem.sort((a, b) => a.top - b.top);
-        const topmost = sorted[0].top + sorted[0].height / 2;
-        const bottommost = sorted.reduce((acc, cur) => {
-            return cur.top + (cur.height / 2) > acc ? cur.top + (cur.height / 2) : acc;
-        }, topmost);
-        // find total width between centre first and centre last
-        const totalHeight = bottommost - topmost;
-        if (spacing.value !== '') {
-            avgspace = parseInt(spacing.value);
-        }
-        else {
-            avgspace = Math.floor(totalHeight / (sorted.length - 1));
-        }
-        const filtered = sorted.filter((c, index) => {
-            return outOfBounds({ ...c, left: Math.floor(topmost - (c.height / 2) + avgspace * index) }) === false
-                && index !== 0
-                && index !== sorted.length - 1;
-        });
-        const diffs = filtered.map((c, index) => {
-            return {
-                action: 'update',
-                data: {
-                    ...c,
-                    top: Math.floor(topmost - (c.height / 2) + (avgspace * (index + 1))),
-                },
-            };
-        });
-        this.dataItem = diffs.map(d => d.data);
-        this.mutate.emit(diffs);
-    }
-    componentDidLoad() {
-        attachAllTooltips(this.component.shadowRoot);
-    }
-    render() {
-        return (h(Host, { key: '20ed172d0bcb5b68534b475cdd1678a69a74170e' }, h("div", { key: 'fb9f834b3d036e71394043db0dd3c5ac993a268a', class: 'ls-field-properties-section' }, h("div", { key: 'c0e97a0a7f2e628fff96977a90cbe294b44e875d', class: 'ls-field-properties-section-text' }, h("p", { key: 'b30ce5af073ff4352dc297e0b85cc01c4bca09da', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: '59baa11995fcde242d4c25ac8a249af2822e7755', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'e93dc9c722fce5ee539495d1f1ffe8fa6ce11384', class: 'button-group' }, h("button", { key: 'bd78ec4d7e346e959b7b1a6bb1b43743b6db50b3', onClick: () => {
-                this.distributeVertical();
-            }, "aria-label": "Distribute selected fields vertically.", "data-tooltip": "Distribute selected fields vertically" }, h("ls-icon", { key: 'f4b13c486ff1a0de89525e7dc48c524af1567f6a', name: "field-distribute-vertically" })), h("button", { key: 'beb4c05c61af507ea384071a3c549edb446d771c', onClick: () => {
-                this.distributeHorizontal();
-            }, "aria-label": "Distribute selected fields horizontally.", "data-tooltip": "Distribute selected fields horizontally" }, h("ls-icon", { key: '538190ed10a830c7a414bb1a8ad27e41d2516794', name: "field-distribute-horizontally" })))), h("div", { key: '508120b649469081c72caf374b20355a737a8f00', class: 'ls-field-properties-section' }, h("div", { key: 'b6ec99a7892a704dd9908721387e35837b5cfd51', class: 'ls-field-properties-section-text' }, h("p", { key: 'da94b9d7719b89d1d1401bfd86b8bdab20e3c0b8', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '2e549d34d071de110ef5f5b4b4025ed4eb274443', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '99b63bf357fa2e5f1c85ef28b27d9ed7129d40de', class: 'input-row' }, h("div", { key: '0cd2636a436b72299affab8aa3206963de4d0a1f', class: 'input-wrapper', "data-tooltip": "Set vertical gap between selected fields" }, h("ls-icon", { key: 'fdcaedecd654e5f5a86461adbf581e79589cabd4', id: "selectLeadingIcon", name: "field-distribute-vertically" }), h("input", { key: '34ba43b3a8b2c5a7213ae42c13ade0872c9e4a49', type: "number", class: 'has-leading-icon', id: "ls-fix-vertical-space", onChange: e => {
-                this.gapVertical(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })), h("div", { key: 'a3a6df59012be17e7c13d0f3120d67dba6dfa228', class: 'input-wrapper', "data-tooltip": "Set horizontal gap between selected fields" }, h("ls-icon", { key: '458a58304efca77db965d01e28b75cc870c444cc', id: "selectLeadingIcon", name: "field-distribute-horizontally" }), h("input", { key: '947cc9032152cbaf9bb12ef5d2825e97e41bcc0c', type: "number", class: 'has-leading-icon', id: "ls-fix-horizontal-space", onChange: e => {
-                this.gapHorizontal(parseInt(e.target.value));
-            }, min: 0, max: 9999, value: '', size: 4 })))), h("ls-tooltip", { key: '00ba0f021c557924d94f51f90602b7647d60146b', id: "ls-tooltip-master" }), h("slot", { key: '053a8890fc80e262111da6237cb00cc8d650e461' })));
-    }
-};
-LsFieldDistribute.style = lsFieldDistributeCss();
-
-export { LsFieldDistribute as ls_field_distribute };
-//# sourceMappingURL=ls-field-distribute.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-container.entry.js

@@ -1,24 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsFieldPropertiesContainerCss = () => `*{margin:0;box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:calc(100% - 7.25rem);position:relative}.tabs-container{display:grid;width:100%;gap:0.125rem;padding:0.125rem;border:1px solid var(--gray-30, #e0e2e5);border-radius:0.75rem;background:var(--white, #ffffff)}.ls-tab{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0.5rem;border-radius:0.625rem;font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;color:var(--gray-80, #6c6e73);text-transform:capitalize}.ls-tab.active{background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}.ls-tab:not(.active):hover{background:var(--gray-10, #f7f8fa)}.button-footer{display:flex;padding-top:1rem;border-top:1px solid var(--gray-20, #f0f1f2);flex-direction:column;justify-content:flex-end;gap:0.75rem;margin-top:auto}.scrolling-container{overflow-y:auto;padding:0 1rem;margin:0 -1rem;height:100%}`;
-
-const LsFieldPropertiesContainer = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    dataItem;
-    tabs = [];
-    selectedTab;
-    componentWillLoad() {
-        if (!this.selectedTab) {
-            this.selectedTab = this.tabs[0] || '';
-        }
-    }
-    render() {
-        return (h(Host, { key: 'bbc4b2d901e7d43634ee189c47432646fe0ef32b' }, this.tabs.length > 1 && (h("div", { key: '04d92b4e44705131b3238b7ccd2088676b2d2595', class: 'tabs-container', style: { gridTemplateColumns: `repeat(${this.tabs.length}, 1fr)` } }, this.tabs.map(tab => (h("button", { class: tab === this.selectedTab ? 'ls-tab active' : 'ls-tab', onClick: () => (this.selectedTab = tab) }, tab))))), h("div", { key: '0766da41c913486b195de6fe7af0fb2cbff32207', class: 'scrolling-container' }, h("slot", { key: 'ae2f5574ebcf4143c50a6120d21d4580da2f9a06', name: this.selectedTab }))));
-    }
-};
-LsFieldPropertiesContainer.style = lsFieldPropertiesContainerCss();
-
-export { LsFieldPropertiesContainer as ls_field_properties_container };
-//# sourceMappingURL=ls-field-properties-container.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-date.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsFieldPropertiesDateCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsFieldPropertiesDate = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    dataItem;
-    render() {
-        return (h(Host, { key: 'a58bf1c859e9456c530445d7d22a0173aa181e1c' }, h("ls-field-properties-container", { key: '32c5cd5fbb6be8e5a263a79b8a1d987d278907a9', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'a795c00dc85bcbb05acf381da4f3fc8b10698b0b', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'fcf1a55f5c1c55fc459d93fb4f186be20e0b896b', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'ef8d73cba5de01453e268011f986b9c312c91a84', dataItem: this.dataItem })), h("div", { key: '531cee8ff5b1730b5f53d50717b9935e699689fd', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'e8165a64cd4952394c4a6b0c54650e4470007acf', dataItem: this.dataItem })), h("div", { key: 'a18165d320a13699e9e9601c69b9cf751066ec7f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '698b2fc299ab793420c0ee7a06520a31adcc5f65', dataItem: this.dataItem }))), h("ls-field-footer", { key: '492cff9db8308e8e51a605219c7f2e0dd40f3310', dataItem: this.dataItem })));
-    }
-};
-LsFieldPropertiesDate.style = lsFieldPropertiesDateCss();
-
-export { LsFieldPropertiesDate as ls_field_properties_date };
-//# sourceMappingURL=ls-field-properties-date.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-dropdown.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsFieldPropertiesDropdownCss = () => `:host{display:block}`;
-
-const LsFieldPropertiesDropdown = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    dataItem;
-    render() {
-        return (h(Host, { key: '5f496c7ebb98d1c58b0d9a8eba7b365ffbcced0c' }, h("ls-field-properties-container", { key: 'bde6544b98187a3d8562e1d36593a16a3e9869fd', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'ff837bf1dbba3ad6d86b817a10dc1afa5b9bce73', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '264792e6f26d829a2883864439b065a23644d375', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '73ff6f72bd68b5f433a5a553f8169fc4f7ba8a64', dataItem: this.dataItem })), h("div", { key: '3a4b52b123e1d4eb91aa34b21759389bf59cb808', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '0058acbd46f5bbba6d3cc42fe224ebecfded7509', dataItem: this.dataItem })), h("div", { key: '3bbffaa074c73c0029b078eefbcca9bff6501114', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: 'a26984ac563fa96577c7d9fe731e9b97e855b6e3', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'beabefa383c7c7428ef40dfe2e174ff755a06da0', dataItem: this.dataItem })));
-    }
-};
-LsFieldPropertiesDropdown.style = lsFieldPropertiesDropdownCss();
-
-export { LsFieldPropertiesDropdown as ls_field_properties_dropdown };
-//# sourceMappingURL=ls-field-properties-dropdown.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-email.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsFieldPropertiesEmailCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsFieldPropertiesEmail = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    dataItem;
-    render() {
-        return (h(Host, { key: '5b3199a7d7eff6c7acd3fd6d6c2697c14e1c0b68' }, h("ls-field-properties-container", { key: '8c6030f2a4fd547ad4658713b50f5e910599d79e', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '75c1e9300f33ec7e9c7bf52953946cae053d376c', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '34cd9dce6cbc26e83bb1ae68ad1b4324a92380a2', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: 'c02fe2598b7a86b1e0c6a9a49a0c12e7e2e60f43', dataItem: this.dataItem })), h("div", { key: 'cad862591eac6b86aaddf86cdbe4766e506ff403', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '3b36763438b15e5daf09efaceac4702e7b524d69', dataItem: this.dataItem })), h("div", { key: 'f614773e3500a2449257f346b5e69c838e3c5896', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0f846347f7a576b40777881f33cc73cf49cd6f2d', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'e4291106914d0cda4824603c0d2bed1e23b7b9c1', dataItem: this.dataItem })));
-    }
-};
-LsFieldPropertiesEmail.style = lsFieldPropertiesEmailCss();
-
-export { LsFieldPropertiesEmail as ls_field_properties_email };
-//# sourceMappingURL=ls-field-properties-email.entry.esm.js.map

package/dist/ls-document-viewer/ls-field-properties-file.entry.js

@@ -1,17 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
-
-const lsFieldPropertiesFileCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsFieldPropertiesFile = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    dataItem;
-    render() {
-        return (h(Host, { key: '202c0bc3e463790765dffd5f4583c2520d55606a' }, h("ls-field-properties-container", { key: '9018b87d5516867935e80a32389527775c8fcf75', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'a665675fffc0f762b167fe7897348aed1a220f45', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'd46ff82d0c5813d72018f6230f6df039d18ffc37', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '137a62ed0ac8b19e324002146eb79a5536aa92cd', dataItem: this.dataItem })), h("div", { key: 'c5fea20dd564ebed49bfef9c0279cfe0040f3d25', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '77da9defc22444acbe79e5442b5b7e8a87c06041', dataItem: this.dataItem })), h("div", { key: '71b46d7cbafe1faf5d23a7b8cd92395fd69ee65f', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '5a70228f0147884c4aba1976fbc782f536fc8dfd', dataItem: this.dataItem }))), h("ls-field-footer", { key: '19455b300a5a33d59695ea2a83ce57355c58e087', dataItem: this.dataItem })));
-    }
-};
-LsFieldPropertiesFile.style = lsFieldPropertiesFileCss();
-
-export { LsFieldPropertiesFile as ls_field_properties_file };
-//# sourceMappingURL=ls-field-properties-file.entry.esm.js.map