legalesign-document-viewer 0.9.7 → 0.9.9

package/dist/components/p-D--_zaSS.js

@@ -0,0 +1,356 @@
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-BhZ5Udbm.js';
+import { d as defineCustomElement$A } from './p-BxFFKKBV.js';
+import { d as defineCustomElement$z } from './p-nI-Ai-EP.js';
+import { d as defineCustomElement$y } from './p-RsH48e52.js';
+import { d as defineCustomElement$x } from './p-C875TNEf.js';
+import { d as defineCustomElement$w } from './p-mlgxtxvQ.js';
+import { d as defineCustomElement$v } from './p-CjyuB3m8.js';
+import { d as defineCustomElement$u } from './p-Bvtx16Bo.js';
+import { d as defineCustomElement$t } from './p-DbfkETsr.js';
+import { d as defineCustomElement$s } from './p-Cxl5cc-7.js';
+import { d as defineCustomElement$r } from './p-wzFlqO4T.js';
+import { d as defineCustomElement$q } from './p-CdThcAPH.js';
+import { d as defineCustomElement$p } from './p-rw74yErL.js';
+import { d as defineCustomElement$o } from './p-csQ0C6zE.js';
+import { d as defineCustomElement$n } from './p-ChxQBrfn.js';
+import { d as defineCustomElement$m } from './p-CdWpDwHq.js';
+import { d as defineCustomElement$l } from './p-DULymkT9.js';
+import { d as defineCustomElement$k } from './p-D4TN_vTG.js';
+import { d as defineCustomElement$j } from './p-YLs5dFjd.js';
+import { d as defineCustomElement$i } from './p-BzPeOeYU.js';
+import { d as defineCustomElement$h } from './p-2-WpcyBs.js';
+import { d as defineCustomElement$g } from './p-DuZQc5pI.js';
+import { d as defineCustomElement$f } from './p-BRnLu4rA.js';
+import { d as defineCustomElement$e } from './p-DraXDtkk.js';
+import { d as defineCustomElement$d } from './p-CPAt_lYg.js';
+import { d as defineCustomElement$c } from './p-C6Xh997j.js';
+import { d as defineCustomElement$b } from './p-BPU5lYEx.js';
+import { d as defineCustomElement$a } from './p-DQM5v3We.js';
+import { d as defineCustomElement$9 } from './p-CnF0KNjR.js';
+import { d as defineCustomElement$8 } from './p-D_vziSXg.js';
+import { d as defineCustomElement$7 } from './p-DOlb65kw.js';
+import { d as defineCustomElement$6 } from './p-CSHGWlYo.js';
+import { d as defineCustomElement$5 } from './p-DW3YwzWQ.js';
+import { d as defineCustomElement$4 } from './p-Bvl107Bs.js';
+import { d as defineCustomElement$3 } from './p-r-WjsApf.js';
+import { d as defineCustomElement$2 } from './p-MnmZGRfs.js';
+import { d as defineCustomElement$1 } from './p-BPdSuUDG.js';
+
+const lsLeftBarCss = () => `*,*::before,*::after{box-sizing:border-box}*{margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:host{display:flex;height:100%;max-height:100%;overflow:hidden}.ls-dv-hidden{visibility:hidden;display:none;width:0px}#my-field-panel{position:relative;height:calc(100% - 4.313rem)}.ls-dv-left-box{position:relative;border-radius:1.75rem;border:1px solid var(--gray-30, #edeff2);background:var(--white, #fff);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);width:21.25rem;margin:1rem;min-width:21.25rem;height:calc(100% - 2rem);max-height:calc(100% - 2rem);overflow:hidden;z-index:1000;left:0;top:0}.ls-dv-left-box-inner{position:relative;display:flex;height:100%;max-height:100%;overflow:hidden;padding:0.75rem;gap:0.75rem}.ls-dv-toolbox{display:flex;flex-direction:column;width:100%;height:100%;border-radius:1.25rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--gray-10, #f7f8fa);padding:0.75rem;gap:1rem;overflow-y:auto}.ls-dv-compose-toolbox{display:flex;flex-direction:column;width:100%;height:100%;overflow:none;border-radius:0;border:none;background:white;padding:0.25rem}.ls-dv-recipients-box{position:relative;display:flex;flex-direction:column;gap:0.75rem;overflow-y:auto;padding:0.75rem 0.25rem 0.25rem 0.25rem;height:100%}.ls-dv-scroll-gradient-top{position:absolute;top:5.9375rem;left:0;width:100%;height:1rem;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-scroll-gradient-bottom{position:absolute;bottom:1rem;left:0.75rem;width:calc(100% - 1.5rem);height:1rem;background:linear-gradient(to top, white, rgba(255, 255, 255, 0));pointer-events:none;z-index:100}.ls-dv-editor-infobox{padding:0.125rem 0.5rem 0.125rem 0.5rem}.ls-dv-toolbox-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-fields-box{display:flex;flex-direction:column;gap:0.75rem}.ls-dv-field-properties-outer{position:relative;height:100%}.ls-dv-properties-header{display:flex;padding:1rem;gap:0.75rem;align-items:center;border-bottom:1px solid var(--gray-20, #edeff2)}.ls-dv-properties-header-title{color:var(--gray-100, #45484d);width:100%;font-size:1.5rem;font-style:normal;font-weight:500;line-height:2rem;}.ls-dv-properties-header-icon{display:flex;padding:0.5rem;border-radius:0.625rem;background:var(--primary-10, #eff4ff);color:var(--primary-60, #4456f6)}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)}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.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}`;
+
+const LsLeftBar = /*@__PURE__*/ proxyCustomElement(class LsLeftBar extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.managerChange = createEvent(this, "managerChange", 7);
+        this.clearSelected = createEvent(this, "clearSelected", 7);
+    }
+    get el() { return this; }
+    mode = 'editor';
+    selected = [];
+    manager;
+    signer;
+    filtertoolbox = null;
+    template;
+    recipients;
+    validationErrors = [];
+    fieldTypeSelected;
+    displayTable = false;
+    selectedDataItems = [];
+    managerChange;
+    clearSelected;
+    managerWatchHandler(newManager) {
+        if (newManager === 'document') {
+            const dm = this.el.shadowRoot.getElementById('ls-document-options');
+            if (dm)
+                dm.template = this.template;
+        }
+        else if (newManager === 'participant') {
+            const pm = this.el.shadowRoot.getElementById('ls-participant-manager');
+            if (pm)
+                pm.template = this.template;
+        }
+        else if (newManager === 'validation') {
+            const vm = this.el.shadowRoot.getElementById('ls-validation-manager');
+            if (vm)
+                vm.validationErrors = this.validationErrors;
+        }
+    }
+    componentDidLoad() {
+        const leftBox = this.el.shadowRoot.getElementById('ls-left-box');
+        if (leftBox) {
+            leftBox.addEventListener('mousedown', e => e.stopPropagation());
+            leftBox.addEventListener('mouseup', e => e.stopPropagation());
+            leftBox.addEventListener('mousemove', e => e.stopPropagation());
+        }
+    }
+    signerChanged() {
+        try {
+            const recipientManager = this.el.shadowRoot.getElementById('ls-recipient-manager');
+            if (recipientManager) {
+                const recipientsBox = recipientManager.querySelector('.ls-dv-recipients-box');
+                if (recipientsBox) {
+                    recipientsBox.scrollTo({ top: 0, behavior: 'smooth' });
+                }
+            }
+        }
+        catch (e) {
+            // fail silently
+        }
+    }
+    showTool(fieldFormType) {
+        return this.filtertoolbox === null || this.filtertoolbox.split('|').includes(fieldFormType);
+    }
+    checkType(type) {
+        if (this.mode === 'compose' && this.recipients) {
+            return this.recipients.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;
+        }
+        else if (this.template) {
+            return this.template.roles.find(r => r.roleType === type && r.signerIndex === this.signer) !== undefined;
+        }
+        return false;
+    }
+    renderFieldProperties() {
+        if (this.displayTable || this.selected.length === 0)
+            return null;
+        return (h("div", { class: "ls-dv-field-properties-outer" }, h("div", { class: "ls-dv-properties-header" }, h("div", { class: "ls-dv-properties-header-icon" }, h("ls-icon", { name: "pre-filled-content" })), h("h1", { class: "ls-dv-properties-header-title" }, "Field Properties"), h("button", { class: "ls-dv-tertiary-grey", onClick: e => {
+                this.clearSelected.emit();
+                e.preventDefault();
+            }, style: { borderRadius: '0.75rem' }, "data-tooltip": "Close Properties Panel" }, h("ls-icon", { name: "x", size: "1.25rem" }))), h("ls-field-properties", { id: "my-field-panel", dataItem: this.selectedDataItems })));
+    }
+    renderToolbox() {
+        return (h("div", { id: "ls-toolbox", class: this.manager === 'toolbox' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }, h("div", { class: "ls-dv-editor-infobox" }, h("h2", { class: "ls-dv-toolbox-section-title" }, "Fields"), h("p", { class: "ls-dv-toolbox-section-description" }, "Drag and drop, or select and double click, to place fields on the Document.")), h("div", { class: "ls-dv-fields-box" }, this.signer > 0 && this.showTool('signature') && !this.checkType('APPROVER') && (h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 25, defaultWidth: 97, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: this.signer })), this.signer === 0 && this.showTool('auto sign') && (h("ls-toolbox-field", { elementType: "admin", formElementType: "auto sign", label: "Auto Sign", defaultHeight: 25, defaultWidth: 97, validation: 3000, icon: "auto-sign", tooltip: "Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending", signer: this.signer })), this.showTool('text') && (h("ls-toolbox-field", { elementType: "text", formElementType: "text", label: "Text", defaultHeight: 16, defaultWidth: 150, validation: 0, icon: "text", tooltip: "A field for collecting any plain text values such as: names, addresses or descriptions", signer: this.signer })), this.signer > 0 && this.showTool('signing date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "signing date", label: "Signing Date", defaultHeight: 16, defaultWidth: 100, validation: 32, icon: "auto-date", tooltip: "Automatically inserts the date upon completion by the assigned Participant", signer: this.signer })), this.showTool('date') && (h("ls-toolbox-field", { elementType: "text", formElementType: "date", label: "Date", defaultHeight: 16, defaultWidth: 100, validation: 4, icon: "calender", tooltip: "A field for collecting dates with built-in date formatting options", signer: this.signer })), this.showTool('email') && (h("ls-toolbox-field", { elementType: "text", formElementType: "email", label: "Email", defaultHeight: 16, defaultWidth: 150, validation: 1, icon: "at-symbol", tooltip: "A Field to only accept entries formatted as an email address (e.g., example@example.com)", signer: this.signer })), this.showTool('initials') && (h("ls-toolbox-field", { elementType: "initials", formElementType: "initials", label: "Initials", defaultHeight: 25, defaultWidth: 70, validation: 2000, icon: "initials", tooltip: "Use this field anywhere Participants are required to Initial your document", signer: this.signer })), this.showTool('number') && (h("ls-toolbox-field", { elementType: "text", formElementType: "number", label: "Number", defaultHeight: 16, defaultWidth: 150, validation: 50, icon: "hashtag", tooltip: "A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)", signer: this.signer })), this.showTool('dropdown') && (h("ls-toolbox-field", { elementType: "text", formElementType: "dropdown", label: "Dropdown", defaultHeight: 16, defaultWidth: 100, validation: 20, icon: "dropdown", tooltip: "Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes", signer: this.signer })), this.showTool('checkbox') && (h("ls-toolbox-field", { elementType: "text", formElementType: "checkbox", label: "Checkbox", defaultHeight: 16, defaultWidth: 16, validation: 25, icon: "check", tooltip: "Places a checkbox on your document. Handy for T&Cs or  \u2714/\u2717 sections", signer: this.signer })), this.signer > 0 && this.showTool('regex') && (h("ls-toolbox-field", { elementType: "text", formElementType: "regex", label: "Regex", defaultHeight: 16, defaultWidth: 150, validation: 93, icon: "code", tooltip: "Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need", signer: this.signer })), this.signer > 0 && this.showTool('image') && (h("ls-toolbox-field", { elementType: "text", formElementType: "image", label: "Image", defaultHeight: 16, defaultWidth: 100, validation: 90, icon: "photograph", tooltip: "Use when you need Participants to upload their own images during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('file') && (h("ls-toolbox-field", { elementType: "text", formElementType: "file", label: "File", defaultHeight: 16, defaultWidth: 100, validation: 74, icon: "upload", tooltip: "Use when you need Participants to upload their own documents during the signing process", signer: this.signer })), this.signer > 0 && this.showTool('drawn') && (h("ls-toolbox-field", { elementType: "text", formElementType: "drawn", label: "Drawn", defaultHeight: 120, defaultWidth: 120, validation: 90, icon: "pencil", tooltip: "Allow users to draw on the document using their mouse or touchscreen", signer: this.signer })))));
+    }
+    renderEditor() {
+        return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-feature-column", { mode: this.mode, onManage: manager => this.managerChange.emit(manager.detail) }), this.renderToolbox(), h("ls-participant-manager", { id: "ls-participant-manager", class: this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), h("ls-document-options", { id: "ls-document-options", class: this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden' }), h("ls-validation-manager", { id: "ls-validation-manager", class: this.manager === 'validation' ? 'ls-dv-toolbox' : 'ls-dv-hidden' })), this.renderFieldProperties()));
+    }
+    renderCompose() {
+        return (h("div", { id: "ls-left-box", class: "ls-dv-left-box" }, h("div", { class: !this.selected || this.selected.length === 0 ? 'ls-dv-left-box-inner' : 'ls-dv-hidden' }, h("ls-recipient-manager", { id: "ls-recipient-manager", class: "ls-dv-compose-toolbox" }, h("div", { class: "ls-dv-scroll-gradient-top" }), h("div", { class: "ls-dv-scroll-gradient-bottom" }), h("ls-validation-tag", { validationErrors: this.validationErrors, style: { position: 'absolute', top: '1.125rem', right: '1rem' }, type: "compose" }), h("div", { class: "ls-dv-recipients-box" }, this.recipients &&
+            this.recipients.map(recipient => (h("ls-recipient-card", { recipient: recipient, activeRecipient: this.signer, filtertoolbox: this.filtertoolbox, template: this.template, validationErrors: this.validationErrors, fieldTypeSelected: this.fieldTypeSelected, "data-signer-index": recipient.signerIndex })))), h("slot", { name: "recipient-panel" }))), this.renderFieldProperties()));
+    }
+    render() {
+        return this.mode === 'editor' ? this.renderEditor() : this.mode === 'compose' ? this.renderCompose() : null;
+    }
+    static get watchers() { return {
+        "manager": ["managerWatchHandler"],
+        "signer": ["signerChanged"]
+    }; }
+    static get style() { return lsLeftBarCss(); }
+}, [769, "ls-left-bar", {
+        "mode": [1],
+        "selected": [16],
+        "manager": [1],
+        "signer": [2],
+        "filtertoolbox": [1],
+        "template": [16],
+        "recipients": [16],
+        "validationErrors": [16],
+        "fieldTypeSelected": [16],
+        "displayTable": [4, "display-table"],
+        "selectedDataItems": [16]
+    }, undefined, {
+        "manager": ["managerWatchHandler"],
+        "signer": ["signerChanged"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-left-bar", "ls-document-options", "ls-editor-field", "ls-feature-column", "ls-field-alignment", "ls-field-content", "ls-field-dimensions", "ls-field-distribute", "ls-field-footer", "ls-field-placement", "ls-field-properties", "ls-field-properties-advanced", "ls-field-properties-autosign", "ls-field-properties-container", "ls-field-properties-date", "ls-field-properties-email", "ls-field-properties-file", "ls-field-properties-general", "ls-field-properties-image", "ls-field-properties-multiple", "ls-field-properties-number", "ls-field-properties-signature", "ls-field-properties-text", "ls-field-size", "ls-field-type-display", "ls-icon", "ls-input-wrapper", "ls-participant-card", "ls-participant-manager", "ls-props-section", "ls-recipient-card", "ls-recipient-manager", "ls-toggle", "ls-toolbox-field", "ls-tooltip", "ls-validation-manager", "ls-validation-tag"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-left-bar":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsLeftBar);
+            }
+            break;
+        case "ls-document-options":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$A();
+            }
+            break;
+        case "ls-editor-field":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$z();
+            }
+            break;
+        case "ls-feature-column":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$y();
+            }
+            break;
+        case "ls-field-alignment":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$x();
+            }
+            break;
+        case "ls-field-content":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$w();
+            }
+            break;
+        case "ls-field-dimensions":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$v();
+            }
+            break;
+        case "ls-field-distribute":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$u();
+            }
+            break;
+        case "ls-field-footer":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$t();
+            }
+            break;
+        case "ls-field-placement":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$s();
+            }
+            break;
+        case "ls-field-properties":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$r();
+            }
+            break;
+        case "ls-field-properties-advanced":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$q();
+            }
+            break;
+        case "ls-field-properties-autosign":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$p();
+            }
+            break;
+        case "ls-field-properties-container":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$o();
+            }
+            break;
+        case "ls-field-properties-date":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$n();
+            }
+            break;
+        case "ls-field-properties-email":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$m();
+            }
+            break;
+        case "ls-field-properties-file":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$l();
+            }
+            break;
+        case "ls-field-properties-general":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$k();
+            }
+            break;
+        case "ls-field-properties-image":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$j();
+            }
+            break;
+        case "ls-field-properties-multiple":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$i();
+            }
+            break;
+        case "ls-field-properties-number":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$h();
+            }
+            break;
+        case "ls-field-properties-signature":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$g();
+            }
+            break;
+        case "ls-field-properties-text":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$f();
+            }
+            break;
+        case "ls-field-size":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$e();
+            }
+            break;
+        case "ls-field-type-display":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$d();
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$c();
+            }
+            break;
+        case "ls-input-wrapper":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$b();
+            }
+            break;
+        case "ls-participant-card":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$a();
+            }
+            break;
+        case "ls-participant-manager":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$9();
+            }
+            break;
+        case "ls-props-section":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$8();
+            }
+            break;
+        case "ls-recipient-card":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$7();
+            }
+            break;
+        case "ls-recipient-manager":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "ls-toggle":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "ls-toolbox-field":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ls-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-validation-manager":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-validation-tag":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsLeftBar as L, defineCustomElement as d };
+//# sourceMappingURL=p-D--_zaSS.js.map
+
+//# sourceMappingURL=p-D--_zaSS.js.map

package/dist/components/p-D--_zaSS.js.map

@@ -0,0 +1 @@
+{"file":"p-D--_zaSS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-left-bar/ls-left-bar.css?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.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 var(--gray-30, #edeff2);\n  background: var(--white, #fff);\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 var(--gray-30, #e0e2e5);\n  background: var(--gray-10, #f7f8fa);\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: var(--gray-100, #45484d);\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: var(--gray-80, #5e6066);\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 var(--gray-20, #edeff2);\n}\n\n.ls-dv-properties-header-title {\n  color: var(--gray-100, #45484d);\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: var(--primary-10, #eff4ff);\n  color: var(--primary-60, #4456f6);\n}\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\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: var(--primary-60, #4456f6);\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 var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\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';\n\n@Component({\n  tag: 'ls-left-bar',\n  styleUrl: 'ls-left-bar.css',\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: string;\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() selectedDataItems: any[] = [];\n\n  @Event() managerChange: EventEmitter<string>;\n  @Event() clearSelected: EventEmitter<void>;\n\n  @Watch('manager')\n  managerWatchHandler(newManager: string) {\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\" />\n          </div>\n          <h1 class=\"ls-dv-properties-header-title\">Field Properties</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=\"Close Properties Panel\"\n          >\n            <ls-icon name=\"x\" size=\"1.25rem\" />\n          </button>\n        </div>\n        <ls-field-properties id=\"my-field-panel\" dataItem={this.selectedDataItems}></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\">Fields</h2>\n          <p class=\"ls-dv-toolbox-section-description\">Drag and drop, or select and double click, to place fields on the Document.</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=\"Signature\"\n              defaultHeight={25}\n              defaultWidth={97}\n              validation={0}\n              icon=\"signature\"\n              tooltip=\"Use this field to collect Signatures from Participants\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer === 0 && this.showTool('auto sign') && (\n            <ls-toolbox-field\n              elementType=\"admin\"\n              formElementType=\"auto sign\"\n              label=\"Auto Sign\"\n              defaultHeight={25}\n              defaultWidth={97}\n              validation={3000}\n              icon=\"auto-sign\"\n              tooltip=\"Auto-Sign lets Senders add a Signature to the Document that will be automatically applied upon Sending\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('text') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"text\"\n              label=\"Text\"\n              defaultHeight={16}\n              defaultWidth={150}\n              validation={0}\n              icon=\"text\"\n              tooltip=\"A field for collecting any plain text values such as: names, addresses or descriptions\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer > 0 && this.showTool('signing date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"signing date\"\n              label=\"Signing Date\"\n              defaultHeight={16}\n              defaultWidth={100}\n              validation={32}\n              icon=\"auto-date\"\n              tooltip=\"Automatically inserts the date upon completion by the assigned Participant\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('date') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"date\"\n              label=\"Date\"\n              defaultHeight={16}\n              defaultWidth={100}\n              validation={4}\n              icon=\"calender\"\n              tooltip=\"A field for collecting dates with built-in date formatting options\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('email') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"email\"\n              label=\"Email\"\n              defaultHeight={16}\n              defaultWidth={150}\n              validation={1}\n              icon=\"at-symbol\"\n              tooltip=\"A Field to only accept entries formatted as an email address (e.g., example@example.com)\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('initials') && (\n            <ls-toolbox-field\n              elementType=\"initials\"\n              formElementType=\"initials\"\n              label=\"Initials\"\n              defaultHeight={25}\n              defaultWidth={70}\n              validation={2000}\n              icon=\"initials\"\n              tooltip=\"Use this field anywhere Participants are required to Initial your document\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('number') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"number\"\n              label=\"Number\"\n              defaultHeight={16}\n              defaultWidth={150}\n              validation={50}\n              icon=\"hashtag\"\n              tooltip=\"A Field to only accept entries in numerical format. Additional validations include character limit (1 to 12 digits), and currency format (2 decimal places)\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('dropdown') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"dropdown\"\n              label=\"Dropdown\"\n              defaultHeight={16}\n              defaultWidth={100}\n              validation={20}\n              icon=\"dropdown\"\n              tooltip=\"Use this field to create custom dropdown menus in your document, or place one of our handy presets for countries or prefixes\"\n              signer={this.signer}\n            />\n          )}\n          {this.showTool('checkbox') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"checkbox\"\n              label=\"Checkbox\"\n              defaultHeight={16}\n              defaultWidth={16}\n              validation={25}\n              icon=\"check\"\n              tooltip=\"Places a checkbox on your document. Handy for T&Cs or  ✔/✗ sections\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer > 0 && this.showTool('regex') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"regex\"\n              label=\"Regex\"\n              defaultHeight={16}\n              defaultWidth={150}\n              validation={93}\n              icon=\"code\"\n              tooltip=\"Need a specific validation? Use this field to enter a custom RegEx and have Participants enter exactly what you need\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer > 0 && this.showTool('image') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"image\"\n              label=\"Image\"\n              defaultHeight={16}\n              defaultWidth={100}\n              validation={90}\n              icon=\"photograph\"\n              tooltip=\"Use when you need Participants to upload their own images during the signing process\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer > 0 && this.showTool('file') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"file\"\n              label=\"File\"\n              defaultHeight={16}\n              defaultWidth={100}\n              validation={74}\n              icon=\"upload\"\n              tooltip=\"Use when you need Participants to upload their own documents during the signing process\"\n              signer={this.signer}\n            />\n          )}\n          {this.signer > 0 && this.showTool('drawn') && (\n            <ls-toolbox-field\n              elementType=\"text\"\n              formElementType=\"drawn\"\n              label=\"Drawn\"\n              defaultHeight={120}\n              defaultWidth={120}\n              validation={90}\n              icon=\"pencil\"\n              tooltip=\"Allow users to draw on the document using their mouse or touchscreen\"\n              signer={this.signer}\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} onManage={manager => this.managerChange.emit(manager.detail)} />\n          {this.renderToolbox()}\n          <ls-participant-manager id=\"ls-participant-manager\" class={this.manager === 'participant' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\n          <ls-document-options id=\"ls-document-options\" class={this.manager === 'document' ? 'ls-dv-toolbox' : 'ls-dv-hidden'} />\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          <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-D4TN_vTG.js

@@ -0,0 +1,117 @@
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
+import { d as defineCustomElement$d } from './p-nI-Ai-EP.js';
+import { d as defineCustomElement$c } from './p-mlgxtxvQ.js';
+import { d as defineCustomElement$b } from './p-CjyuB3m8.js';
+import { d as defineCustomElement$a } from './p-DbfkETsr.js';
+import { d as defineCustomElement$9 } from './p-Cxl5cc-7.js';
+import { d as defineCustomElement$8 } from './p-CdThcAPH.js';
+import { d as defineCustomElement$7 } from './p-csQ0C6zE.js';
+import { d as defineCustomElement$6 } from './p-CPAt_lYg.js';
+import { d as defineCustomElement$5 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$4 } from './p-BPU5lYEx.js';
+import { d as defineCustomElement$3 } from './p-D_vziSXg.js';
+import { d as defineCustomElement$2 } from './p-DW3YwzWQ.js';
+import { d as defineCustomElement$1 } from './p-r-WjsApf.js';
+
+const lsFieldPropertiesGeneralCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-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)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-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.625rem;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'].ls-dv-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'].ls-dv-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'].ls-dv-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}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-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.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-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.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-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)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+
+const LsFieldPropertiesGeneral = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesGeneral extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: 'a491fc66eab0b24cce5e0c1448364e3ad4b4af68' }, h("ls-field-properties-container", { key: 'f7e5715d3688d1a6c33a58c26d31bf28e32d2231', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd02caaa343e75b044115f9013ec0f90b6900d395', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: 'b2d136bc049a74abcf31be920e8e338d527efaf4', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '7c47d69fdfd1d556f9fca1561c12bce4fb4acc07', dataItem: this.dataItem })), h("div", { key: 'f666c3a11bb8638e0e3a307538a4a47475a3f447', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '048ea3f2cd9254c68f560d020bce76e525999d82', dataItem: this.dataItem })), h("div", { key: '412a9a74412507295875c27f5b006add4938e675', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '927c9446fe2fdbae3257a6d1b4f171e79b268527', dataItem: this.dataItem }))), h("ls-field-footer", { key: '5baea440dec41dd7d75026d762c795333e3b49c8', dataItem: this.dataItem })));
+    }
+    static get style() { return lsFieldPropertiesGeneralCss(); }
+}, [769, "ls-field-properties-general", {
+        "dataItem": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-properties-general", "ls-editor-field", "ls-field-content", "ls-field-dimensions", "ls-field-footer", "ls-field-placement", "ls-field-properties-advanced", "ls-field-properties-container", "ls-field-type-display", "ls-icon", "ls-input-wrapper", "ls-props-section", "ls-toggle", "ls-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-properties-general":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsFieldPropertiesGeneral);
+            }
+            break;
+        case "ls-editor-field":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$d();
+            }
+            break;
+        case "ls-field-content":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$c();
+            }
+            break;
+        case "ls-field-dimensions":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$b();
+            }
+            break;
+        case "ls-field-footer":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$a();
+            }
+            break;
+        case "ls-field-placement":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$9();
+            }
+            break;
+        case "ls-field-properties-advanced":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$8();
+            }
+            break;
+        case "ls-field-properties-container":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$7();
+            }
+            break;
+        case "ls-field-type-display":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "ls-input-wrapper":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "ls-props-section":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-toggle":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
+//# sourceMappingURL=p-D4TN_vTG.js.map
+
+//# sourceMappingURL=p-D4TN_vTG.js.map

package/dist/components/p-D4TN_vTG.js.map

@@ -0,0 +1 @@
+{"file":"p-D4TN_vTG.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,62JAA62J,CAAC;;MCQ54J,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,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,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,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,GAAI,CAC5C,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,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n  display: 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: var(--gray-80, #6c6e73);\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: var(--primary-60, #4456f6);\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: var(--primary-70, #2134dc);\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 var(--gray-40, #d8d9dc);\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: var(--gray-100, #45484d);\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: var(--gray-60, #afb0b2);\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: var(--gray-50, #c8c9cc);\n  background-color: var(--white, #fff);\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n  border-color: var(--primary-60, #4456f6);\n  background-color: var(--white, #fff);\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: var(--gray-10, #f7f8fa);\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: var(--primary-60, #4456f6);\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: var(--primary-70, #2134dc);\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 var(--primary-20, #c7ddff);\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: var(--gray-100, #45484d);\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: var(--gray-100, #45484d);\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: var(--primary-60, #0c7cba);\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: var(--primary-60, #4456f6);\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 var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\nbutton.ls-dv-secondary {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--white, #fff);\n  color: var(--gray-90, #5e6066);\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 var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\nbutton.ls-dv-destructive {\n  border: 1px solid var(--red-60, #f04438);\n  background-color: white;\n  color: var(--red-60);\n}\n\nbutton.ls-dv-destructive:hover {\n  border: 1px solid var(--red-70, #d92d20);\n  background: var(--red-10, #fff1f0);\n}\n\n\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\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: var(--gray-80, #6c6e73);\n}\n\n.ls-dv-button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\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 var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-general',\n  styleUrl: 'ls-field-properties-general.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n  @Prop() dataItem: LSApiElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'ls-dv-field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} />\n            <ls-field-properties-advanced dataItem={this.dataItem} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} />\n          </div>\n          <div class={'ls-dv-field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} />\n      </Host>\n    );\n  }\n}\n"],"version":3}