legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/{components/p-CYMm2d62.js → ls-document-viewer/ls-field-placement.entry.js}

@@ -1,20 +1,14 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+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 lsFieldPlacementCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{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:2.25rem}.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 LsFieldPlacement = /*@__PURE__*/ proxyCustomElement(class LsFieldPlacement extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldPlacement = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     dataItem;
     mutate;
     isSingle(dt) {
@@ -64,38 +58,10 @@ const LsFieldPlacement = /*@__PURE__*/ proxyCustomElement(class LsFieldPlacement
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '8e93d504c59f8fe602219fbb3ac6e31557311557' }, this.isMultiple(this.dataItem) && (h("div", { key: 'a87c48d4e205430175a4f620117e4a01c2d2138d', class: 'ls-field-properties-section' }, h("div", { key: '2fa5668e33ff54813df4c4e96d643822a8cb2042', class: 'ls-field-properties-section-text' }, h("p", { key: '19a69739d7e581df62f647b234d0ef71a56a92ca', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '67c1ae8cbdce9f640b1a0b05af316716d5d4cc46', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '2e0b9e18f21e4d2ac6ec5568d3499b0f7dcc7cb1', class: 'input-row' }, h("div", { key: '30e1f4fcf72cd3b4a9fc8e7fcb110949904b7d13', class: 'input-wrapper' }, h("ls-icon", { key: 'c3a901e6ff2ef14267d6d8880174525ac85664d7', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '8b154ebda590ac44903f36ba75b2604593833036', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '22fb1402a7755e44b4bddf4679f7028316a8037f', class: 'input-wrapper' }, h("ls-icon", { key: 'f0f69c7ba55b081a974700ddff27498fd862be04', id: "selectLeadingIcon", name: "y" }), h("input", { key: 'e3c970c8eadabb84b23a54b766b094f659226b30', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '9b901011d5f575852eed2b660b245163a7e3e94f', class: 'field-set' }, h("div", { key: 'd78045fbffb3cb4f9da7a8d6ce4b61dc81b2b066', class: 'ls-field-properties-section' }, h("div", { key: '3497a08b171472a7460ab994245100a041d8eef2', class: 'ls-field-properties-section-text' }, h("p", { key: '00da2370280a40f157f7ded56813f03ae59e1898', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: '2384ee6d72622669a83e5043553e175d65f4d654', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: 'cd0d415acceacba5a59f8ae66678033b5a1b3e13', class: 'multi-button-group-row' }, h("div", { key: '0c175ae0dfde633e88ba491884b8cbe94482c31b', class: 'button-group' }, h("button", { key: '7ee30c1ea1dbabc2f8eb76dc2391e35cef084b1c', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '6fa865027b58d0d3db5382184823bab893f3469f', name: "field-alignment-left" })), h("button", { key: '4b376c40bc8e189649e8538f2847d445046bcb65', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: '326ebc8b0f8ff9a1170a05a5e75c38866ec55033', name: "field-alignment-centre" })), h("button", { key: '386854721462d3c450773070ee4d6dd56596c398', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: '92a089288cda26058db4b9b570caccd31fc852cf', name: "field-alignment-right" }))), h("div", { key: 'ed226a73dc0d32e6830eec80105e0938eaf8b8cf', class: 'button-group' }, h("button", { key: '8fc399e06bbf34284ab880490cbaa1745cc43c67', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: 'bd87c6420e3f4c5dbd409f371cc72964e295b776', name: "field-alignment-top" })), h("button", { key: 'cf4b6111d166e76f02bd34f881f7cb4817ffa723', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: '8a616e56f8dc692ae8043c0fe15045838d60507b', name: "field-alignment-middle" })), h("button", { key: '45a1b7eafdd09a024fb4dad806377f867c6e77a4', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '020764a04b64100aac1019284a071d768fdccc5f', name: "field-alignment-bottom" }))))), h("div", { key: '09c4e324a65221a9e739fcd56e486e1167cb96e7', class: 'ls-field-properties-section' }, h("div", { key: 'd9e40fc3fcabc2d2fe52149f0a25389efea8989e', class: 'ls-field-properties-section-text' }, h("p", { key: 'de9f99818da2f31d61b2f844c245bf6eabda1e48', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '5b5712bf6e3c3a5fdf84ed706bb7fb7aa62e30d9', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '0f6221de9fd02346792e2b06f398ff9375461c46', class: 'input-row' }, h("div", { key: 'c7e40f6df6925b8905223a136c1d64f05b26d5f0', class: 'input-wrapper' }, h("ls-icon", { key: 'a2081cf36c44f3ccee7b737744e20fde96e3d58c', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '29de67a93199f89da679902fd9e8964cd28d0dc0', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'd3b1c71eb1f261d8d26bafe6d245b0bb8087f3d7', class: 'input-wrapper' }, h("ls-icon", { key: '5822af40c40b8bba666592943271d11a54128dc9', id: "selectLeadingIcon", name: "y" }), h("input", { key: '56879c0e8195c943d59ddbaf0ff25704512e2a35', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: 'e33848f600c84029d2f59c039c5d17c622162f06', class: 'ls-field-properties-section' }, h("div", { key: '4edc72ca1c3e82db755ac4b5143fa618acf48195', class: 'ls-field-properties-section-text' }, h("p", { key: 'c46244e187dbd788eda6b4e9b3d4b94cd5f06ab6', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f9172724db3f5df3ab9c39320fad11f9ea56f333', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: 'd7129f72c8057d07effcea7096d335545c56ac87', class: 'button-group' }, h("button", { key: '2645b0e213599bf1dc93fcd6ebf70f43710cf72a', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '0dbcc5c32141cf6c63e06feb1d31328bbd796fa8', name: "field-distribute-vertically" })), h("button", { key: '8acb95f4f0a5351bd9935f8524b712c08a15b48a', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: 'f0a1a1df6c5c290b614839a33c90efa4fbda4e30', name: "field-distribute-horizontally" })))), h("div", { key: 'db2732da927ce155eea6de22a1918c268e129d85', class: 'ls-field-properties-section' }, h("div", { key: '9deb78c5a75ca1a541b2a3a2be272937a8a5a76b', class: 'ls-field-properties-section-text' }, h("p", { key: '78db32539b94166cb62bc518344dd4e6486cf453', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '95c9d982a1925b054737d6148c3ff361269d5ea4', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '43e4c3ce3848f4ffd8a867236f070dcfc0950e2a', class: 'input-row' }, h("div", { key: '032032a7ae2548e56bfe82cb17a3e7c6038a6aea', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '6f213b3a0556e8bcd0e419489c0575d543d8ac77', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: '956aba482021272690d298b56777bbc47cc534cd', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: '41f66794a3c8c4370eca9adb25d6aa5cfa705300', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '10df619222401790e78687af57c3aff5c899cfc6', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: 'fb21a896341bef926bd3357a70f79ab70c3c1175', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: '1da98656abb6639ec60a4110a122587b8f721b16', id: "ls-tooltip-master" })));
-    }
-    static get style() { return lsFieldPlacementCss(); }
-}, [769, "ls-field-placement", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
+        return (h(Host, { key: '2538c7b4d84752658a14c8cb37d93d4932bb7811' }, this.isMultiple(this.dataItem) && (h("div", { key: '664de1a9d9dc57048338abec0fc7b9300f8e05b2', class: 'ls-field-properties-section' }, h("div", { key: '37d887330abc59ec9a83f37226f948dd5cb7c660', class: 'ls-field-properties-section-text' }, h("p", { key: '59e2ab4f69970073a76b4b24618344a97544c3d7', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '7aca4bfb9980b482740f7cd95397d449c3e1d3ac', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '7863894e6fe694e9dd633a0f34dc63e68e491d4e', class: 'input-row' }, h("div", { key: 'ef1b1e610a7a7fd123dbc64b76315ebff81d9aa0', class: 'input-wrapper' }, h("ls-icon", { key: '995345388de8d92ac1f1538cc30c51ce2a923185', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: '852f6a82137994d8ba5a5cf6acbd9576c2ba9194', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: 'c2b1b101320ca9daa0177492b736251b9542a33a', class: 'input-wrapper' }, h("ls-icon", { key: '0bb38ab17466e199e8981ac249c575f8e8426aef', id: "selectLeadingIcon", name: "y" }), h("input", { key: '0c1b69c49be28f36499050868e7e9ef44bbfbf7d', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", onChange: e => this.alter({ top: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'b60c1fb6254a5afd8b2a5fda53825a1b1c1e30ef', class: 'field-set' }, h("div", { key: '6b06be3c6e503e10aba06596bfbce0dba5fffb7c', class: 'ls-field-properties-section' }, h("div", { key: '8dcbe1a956ad08d337ce568856ab67c436aa3526', class: 'ls-field-properties-section-text' }, h("p", { key: 'f0a562857440fbbc97b18e1c9eaef55ff52a01d5', class: 'ls-field-properties-section-title' }, "Alignment"), h("p", { key: 'e8bc085b3be34359131395c4f998c5acc0520ed9', class: 'ls-field-properties-section-description' }, "Align your Fields relative to the page or multi-select and align then to each other.")), h("div", { key: 'b0c43cc0e91ff508e1f74a032c10eb53aa29d147', class: 'multi-button-group-row' }, h("div", { key: 'c76e7e834cabfa1e8a86d96b1376c751b6979fc3', class: 'button-group' }, h("button", { key: 'b062dc5e9d3fd5b4c31977eb739b46d6175ac397', onClick: () => { this.alter({ left: 0 }); }, "data-tooltip": "Align Left" }, h("ls-icon", { key: '51e8b960f751f4de777205dd3e49bd695f6355a2', name: "field-alignment-left" })), h("button", { key: '11a2bd2a38b7afd1bd4d23588e4246af2ffc489e', onClick: () => { this.alter({ left: this.center() }); }, "data-tooltip": "Align Center" }, h("ls-icon", { key: '5ebf3816ab67e1b773cafb8d258f676189e51518', name: "field-alignment-centre" })), h("button", { key: '0b4d26a709de89d8b7497b129bce8443967ef386', onClick: () => { this.alter({ left: this.right() }); }, "data-tooltip": "Align Right" }, h("ls-icon", { key: 'a75a9e9d2119547aeba20229d817788bd3024219', name: "field-alignment-right" }))), h("div", { key: '7957cf9dd25338ac3810b91a2b331929997dc07c', class: 'button-group' }, h("button", { key: '85f9f5118370364ed4c632cbda4d2fcd1eedf9c6', onClick: () => this.alter({ top: 0 }), "data-tooltip": "Align Top" }, h("ls-icon", { key: '4f1aa12d9f82d66e9582a2db68d91edd88600dbe', name: "field-alignment-top" })), h("button", { key: 'e89bf4aef5cb53bc65e930dcb331b4b0faa946ba', onClick: () => { this.alter({ top: this.middle() }); }, "data-tooltip": "Align Middle" }, h("ls-icon", { key: 'fa26cf8fdb786b90d2f38f336a25535612ffba67', name: "field-alignment-middle" })), h("button", { key: 'f62fd76937a1eb8a3bcdfa647ace361a160fb400', onClick: () => { this.alter({ top: this.bottom() }); }, "data-tooltip": "Align Bottom" }, h("ls-icon", { key: '306fee2103dfb567e6548d65e65fcc7db587a836', name: "field-alignment-bottom" }))))), h("div", { key: '2809ec3ac3da9690c2f2b475e94dd7927d565883', class: 'ls-field-properties-section' }, h("div", { key: '8c203f23637ff38f8771b8d0df44a2d049af6643', class: 'ls-field-properties-section-text' }, h("p", { key: '28e47062aa67091131f66ce2a5240c9c26efc171', class: 'ls-field-properties-section-title' }, "Location"), h("p", { key: '15831cf53fd6ea047e002b56d3cbb0d8990e563c', class: 'ls-field-properties-section-description' }, "Use coordinates to move your fields on the page")), h("div", { key: '3a5a8003c708a0f6a4fa4929e7ee2efc72526fd5', class: 'input-row' }, h("div", { key: 'f8f0d1c819801bcd57dca10ce6abc4e762075991', class: 'input-wrapper' }, h("ls-icon", { key: '02e49bed3788c7f1be2a0a6eb06716db8b2c7288', id: "selectLeadingIcon", name: "x-letter" }), h("input", { key: 'a96371f3787821749814197c36e1da432863bb25', type: "number", class: 'has-leading-icon', aria: "top-location", id: "top-location", value: this.dataItem?.left, onChange: e => this.alter({ left: e.target.value }) })), h("div", { key: '24febdba0221a3bc76cfda9dc9edabe1ec73e9ad', class: 'input-wrapper' }, h("ls-icon", { key: '1612c998bbdf1e7af18f864af89a1e758cd85166', id: "selectLeadingIcon", name: "y" }), h("input", { key: '3fb8cdee00be2aabc8c49cd36cbde234dda5419d', type: "number", class: 'has-leading-icon', aria: "left-location", id: "left-location", value: this.dataItem?.top, onChange: e => this.alter({ top: e.target.value }), width: "30" })))), h("div", { key: 'c3bb1e1f7c34bbcf01da3b46ed8c6f42416e35bd', class: 'ls-field-properties-section' }, h("div", { key: '59ab8b7fdedd8188251b52304cc0f619fcb16d3e', class: 'ls-field-properties-section-text' }, h("p", { key: 'bd38326d63d62f3a0b0eef13a8eb7c9f32945b60', class: 'ls-field-properties-section-title' }, "Distribution"), h("p", { key: 'f5ae5b16f1d7d8665898a26a06b1d9b1149aa984', class: 'ls-field-properties-section-description' }, "Multi-select fields and evenly space them out")), h("div", { key: '26be32b3c2ffbac26aa196a007b2dd8f20704f1b', class: 'button-group' }, h("button", { key: 'fd8cd286a9aca09c8b862b0b927538591f77a826', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '7f098d6a95cb6c3b2fe7c9171b2a764a1b3ec6cf', name: "field-distribute-vertically" })), h("button", { key: 'c152bfb1e0adeae74287c1a79dde71bef49b1f14', disabled: true, "data-tooltip": "Select multiple Fields to to access distribution controls" }, h("ls-icon", { key: '348197e9bc4a4c8c515ccc7355a7a04141bd5b1d', name: "field-distribute-horizontally" })))), h("div", { key: '6502d4a9a88eae59ae5b9d0326d745ec290e1292', class: 'ls-field-properties-section' }, h("div", { key: '6fb666ebd51126ae6b2febc7cb58b711c934c117', class: 'ls-field-properties-section-text' }, h("p", { key: 'f8a4aa997917cb7d282918473bef66343de7e886', class: 'ls-field-properties-section-title' }, "Gap"), h("p", { key: '5b9079f8ffc8305a74414ad8d643f56b681afcf3', class: 'ls-field-properties-section-description' }, "Define the exact gap between multi-select fields.")), h("div", { key: '1acbc2cce56d198a87f6db9eb94e390e8e083ee2', class: 'input-row' }, h("div", { key: '4740e05852519509964fd6e29c203c421b7fdead', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '41e4577f93fb72e1e4bb7246bfb33247ea896635', id: "selectLeadingIconDisabled", name: "field-distribute-vertically" }), h("input", { key: 'b88b3a68efcee58eb9d2ee03db37635b5903858c', type: "number", value: "0", class: 'has-leading-icon', aria: "vertical-gap", id: "vertical-gap", disabled: true })), h("div", { key: 'bececbb0a1eb781e7d2e4840acd602e45ed4d50d', class: 'input-wrapper', "data-tooltip": "Select multiple Fields to to access gap controls" }, h("ls-icon", { key: '4ca3f6c52e49be4b4c6d42853e4af30974e856f2', id: "selectLeadingIconDisabled", name: "field-distribute-horizontally" }), h("input", { key: '99bcb7648a3bc93300ede35299620abafb73f1f6', type: "number", value: "0", class: 'has-leading-icon', aria: "horizontal-gap", id: "horizontal-gap", disabled: true })))))), h("ls-tooltip", { key: 'a82485a3fdaef6677a668b085693075f0b54f195', id: "ls-tooltip-master" })));
     }
-    const components = ["ls-field-placement", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-placement":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPlacement);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPlacement as L, defineCustomElement as d };
-//# sourceMappingURL=p-CYMm2d62.js.map
+};
+LsFieldPlacement.style = lsFieldPlacementCss();
 
-//# sourceMappingURL=p-CYMm2d62.js.map
+export { LsFieldPlacement as ls_field_placement };
+//# sourceMappingURL=ls-field-placement.entry.esm.js.map

package/dist/{components/p-BSpwN-xy.js → ls-document-viewer/ls-field-properties-advanced.entry.js}

@@ -1,16 +1,10 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$1 } from './p-CwkNbClZ.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
 
 const lsFieldPropertiesAdvancedCss = () => `:host,.field-set{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}*{margin:0;box-sizing:border-box}.expand-fields-row{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.25rem;cursor:pointer;color:var(--gray-80, #6c6e73);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;}.expand-fields-row p{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;}.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:2.25rem}.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 LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesAdvanced extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldPropertiesAdvanced = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
     }
     dataItem;
@@ -65,42 +59,13 @@ const LsFieldPropertiesAdvanced = /*@__PURE__*/ proxyCustomElement(class LsField
         return '';
     }
     render() {
-        return (h(Host, { key: 'a7ad1697f4b329ac1a43928e8d3f248d7d83e8c2' }, h("div", { key: '453c1146cc0c240c9e5024f2239b46d051fe7f8f', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: '09f6842e5dd0cd3ce2304105f53776ab75de7bde', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: 'ec9e254f995db1a731559e6a486103c90a283454' }, "Advanced Properties")), this.expanded && (h("div", { key: '0d78df448e715ae48c9d3056cc2045eb80435471', class: 'field-set' }, h("ls-props-section", { key: '378b525bd9d90f67e66d23aef89c1a90e72191c8', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '7fff85c8ca9bf8623e09d3fbddc99193d02a223f', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
+        return (h(Host, { key: '4cc19ee44823f85d1cbc76b92f109ccb038513a5' }, h("div", { key: 'ad5fa141c10b225a864da9edef5fad3a37e03459', class: 'expand-fields-row', onClick: () => (this.expanded = !this.expanded) }, h("ls-icon", { key: 'a028b8e22e0fa2bc897cf2a50f50e0680b924524', name: this.expanded ? 'expand' : 'collapse', size: "1.25rem", solid: true }), h("p", { key: '884e4f883d1dc11d3b5f52a899507e43943937a9' }, "Advanced Properties")), this.expanded && (h("div", { key: '1265569f80ac28212a3eb4dd9e4677b6db002ec0', class: 'field-set' }, h("ls-props-section", { key: 'a02cde009be40c5f16b1ececb330ba6d7cd96afb', sectionTitle: "Field Order", sectionDescription: "Determines what order fields will be filled in by the user" }, h("input", { key: '622d357b9667520d35db546a9409fd1b02ccf7c9', value: this.getValue('fieldOrder'), type: "number", placeholder: "eg. 1", onInput: e => {
                 console.log(e);
                 this.alter({ fieldOrder: e.target.value }, 100);
-            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '1acdb4e42e843c7df99ea8d591056c530ef0666d', sectionTitle: "Ref. Name" }, h("input", { key: '1cdb174f66cc80372ec45c7d633c0b5b92217015', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '9bf9c95ac4434883e04bba1cc25ce3615edbd724', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '49d87771e92f2355bbdc09ddb1f17e1e950691ee', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: 'ec72dcc31d227996bebcf70a3e090d98bd4103be', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'ac8684b302d4ad04b4838c508e537c4315659a85', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'de0cc8c8afe8848f0588850101a1223ff35823d9', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: '038488bca973a04f6e71bb3ad6f3a585f2ddb9a3', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: '4d8e5cb2195f46695c79c7fba470fc0e5c9706cb', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: 'c109689bac1c4817e13f64549cce1a375d1f7620', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
-    }
-    static get style() { return lsFieldPropertiesAdvancedCss(); }
-}, [769, "ls-field-properties-advanced", {
-        "dataItem": [1040],
-        "expanded": [1028]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
+            }, onChange: () => { console.log('onchange'); } })), h("ls-props-section", { key: '64e58bf99868003f27c36a2f8fa9dd81a79749be', sectionTitle: "Ref. Name" }, h("input", { key: '1dca310b1962dff4e0c3ee192df1138a3a04d95d', value: this.getValue('link'), placeholder: "eg. checkbox group", onInput: e => this.alter({ link: e.target.value }, 300) })), h("ls-props-section", { key: '39d33ca99d41ac57bf7183debc740f52a3dac35b', sectionTitle: "Link Type", sectionDescription: "Determines  in what way this field is linked to other fields" }, h("select", { key: '45fb0914453f07d668ca614851eed4fe63649d28', onChange: e => this.alter({ linkType: e.target.value }), name: "Link Field", "aria-label": "Link Field" }, h("option", { key: '4b5c95b967d98dfb6f936e9c8ab0bd16ec507534', value: "0", selected: this.getValue('linkType') === '0' }, "None"), h("option", { key: 'df4c67e55a853b81e4f28e3d3bf9888ee3f8f721', value: "1", selected: this.getValue('linkType') === '1' }, "One of a group (e.g. select one checkbox)"), h("option", { key: 'bda019b66e4236ddade651e7a49c3bd8b3f494e3', value: "2", selected: this.getValue('linkType') === '2' }, "Add to a total"), h("option", { key: 'e11dc6b6b64d0482ff0c69d383fa0979965a126d', value: "3", selected: this.getValue('linkType') === '3' }, "Make this conditional upon..."))), h("ls-props-section", { key: 'e2d43a5dfe639b82f91d277d2fa1e5744ad0b90f', sectionTitle: "Link Value", sectionDescription: "Fields with the same Link Value will be linked together" }, h("input", { key: '36b54a8dee79f7e308911b75329db200a9f8a1a6', value: this.getValue('logicAction'), width: "30", placeholder: "eg. checkbox group", onChange: e => this.alter({ logicAction: e.target.value }) }))))));
     }
-    const components = ["ls-field-properties-advanced", "ls-icon", "ls-props-section"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-properties-advanced":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPropertiesAdvanced);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-props-section":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPropertiesAdvanced as L, defineCustomElement as d };
-//# sourceMappingURL=p-BSpwN-xy.js.map
+};
+LsFieldPropertiesAdvanced.style = lsFieldPropertiesAdvancedCss();
 
-//# sourceMappingURL=p-BSpwN-xy.js.map
+export { LsFieldPropertiesAdvanced as ls_field_properties_advanced };
+//# sourceMappingURL=ls-field-properties-advanced.entry.esm.js.map

package/dist/{components/p-Cx-QcGQg.js → ls-document-viewer/ls-field-properties-autosign.entry.js}

@@ -1,75 +1,17 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$6 } from './p-DBZFz4Ni.js';
-import { d as defineCustomElement$5 } from './p-BDTgDxaX.js';
-import { d as defineCustomElement$4 } from './p-BSpwN-xy.js';
-import { d as defineCustomElement$3 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$2 } from './p-CwkNbClZ.js';
-import { d as defineCustomElement$1 } from './p-faUZy676.js';
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
 
 const lsFieldPropertiesAutosignCss = () => `:host{display:block}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}.input-wrapper{position:relative;width:fit-content}#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)}.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{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}.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 LsFieldPropertiesAutosign = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesAutosign extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldPropertiesAutosign = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
     dataItem;
     render() {
-        return (h(Host, { key: '8f7b942e74e8ca72125f9967333c05994d529b7c' }, h("div", { key: 'f59182d1ceeed8952ff89dc8b916d7b306e26b2d', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: '6c82316c12286e0800c477255be78c6d87fba5cf' }, "Label: ", h("input", { key: '5c97471656ff9423ced68e73b5706f67dec961dd', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'ec8a96054dbfcd714bd67a1e9ef26b3c204c77bc', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '15dfcbe70f384ed36264f70e29b6de1a146c0724', dataItem: this.dataItem }), h("ls-field-footer", { key: '69c1d133cb2aadfd442d16b5a2a1e045fecfa47c', dataItem: this.dataItem }), h("slot", { key: '4ec1b62695aea8064d6a8d88519f51545d711015' })));
+        return (h(Host, { key: '7631bd85ad6ac274055a143f54c24bd679c8be7a' }, h("div", { key: 'e288e6a5839e48dd3dfb0a8bd016cdaab595022b', class: "ls-field-properties-section" }, "Self Sign Field"), h("div", { key: 'bdee112cc331e3c469526935398ecd0ff53460e6' }, "Label: ", h("input", { key: '8951352731a6b06a18d7c188dadd6b073c5c1c77', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'b96a2fed5250295839519333c67090edbe8e5933', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '5f473ad63cc05f1486ac8f81bfdd04259aad2741', dataItem: this.dataItem }), h("ls-field-footer", { key: 'e28edb5cba1c36f7354c084cc44819d6d8a967f1', dataItem: this.dataItem }), h("slot", { key: 'ddb608556f2ce33fc386eff3096052c13d9c2d69' })));
     }
-    static get style() { return lsFieldPropertiesAutosignCss(); }
-}, [769, "ls-field-properties-autosign", {
-        "dataItem": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-properties-autosign", "ls-field-dimensions", "ls-field-footer", "ls-field-properties-advanced", "ls-icon", "ls-props-section", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-properties-autosign":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPropertiesAutosign);
-            }
-            break;
-        case "ls-field-dimensions":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-field-footer":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-field-properties-advanced":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-props-section":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPropertiesAutosign as L, defineCustomElement as d };
-//# sourceMappingURL=p-Cx-QcGQg.js.map
+};
+LsFieldPropertiesAutosign.style = lsFieldPropertiesAutosignCss();
 
-//# sourceMappingURL=p-Cx-QcGQg.js.map
+export { LsFieldPropertiesAutosign as ls_field_properties_autosign };
+//# sourceMappingURL=ls-field-properties-autosign.entry.esm.js.map

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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,17 @@
+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

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesGeneralCss = () => `: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 LsFieldPropertiesGeneral = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: '99bdd307a452bb3918e2582cbbad1e260a2aa352' }, h("ls-field-properties-container", { key: '3a242fa851e09ea1144fd16b0beda6a724cb70b2', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'd3e30130964af76c2eb70854457a989c2224c304', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'cdf399e2513c067b4c05767808f73cbd13f07921', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '52dbf46aac0af7675736bc1c2a5ef410697f7cde', dataItem: this.dataItem })), h("div", { key: '146cd7c365d25cb87fc42ebc4b640c1e6afbf009', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '565f3edf8039d4a788fd44a130d3ad080e4d9811', dataItem: this.dataItem })), h("div", { key: '9937a8d417937b50ae75c66f2291583dd9ea07ce', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '0548d17e020fcb314f5eabe10dd46b9dad984843', dataItem: this.dataItem }))), h("ls-field-footer", { key: '6728e3194ce98c0e6b67e87d7871d49888a876e2', dataItem: this.dataItem })));
+    }
+};
+LsFieldPropertiesGeneral.style = lsFieldPropertiesGeneralCss();
+
+export { LsFieldPropertiesGeneral as ls_field_properties_general };
+//# sourceMappingURL=ls-field-properties-general.entry.esm.js.map

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, a as Host } from './index-DANCsk1i.js';
+
+const lsFieldPropertiesImageCss = () => `: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 LsFieldPropertiesImage = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: 'd8701a344bfb35dcd76f2bc063a49b53a1f11a47' }, h("ls-field-properties-container", { key: '153cf6cc354d4204d07544141a0c441a33481755', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: 'b302cc16583d2827003fb13b0a8dcf3c85e8b3e9', class: 'field-set', slot: "content" }, h("ls-field-content", { key: '85b7a7ea95d1252cec24fe3e539cab748c42f9c9', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '3654358a11a8ec08afae38e4384728c41c3ce566', dataItem: this.dataItem })), h("div", { key: '8f1170e7d6b95718dd370c4cce8862516788a027', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'f85423715f6208e8bcd4a9cb7b5c49f1d93bf244', dataItem: this.dataItem })), h("div", { key: 'cb93779dbada27755babd54eb1574bc5c1afb153', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '87ee0370fca00db5becba44d1f0de1ff7ab51cbe', dataItem: this.dataItem }))), h("ls-field-footer", { key: '630b6a6a83d144ec7d01782609fe80e04b794189', dataItem: this.dataItem })));
+    }
+};
+LsFieldPropertiesImage.style = lsFieldPropertiesImageCss();
+
+export { LsFieldPropertiesImage as ls_field_properties_image };
+//# sourceMappingURL=ls-field-properties-image.entry.esm.js.map