legalesign-document-viewer 0.7.2 → 0.7.3

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

@@ -1,21 +1,15 @@
-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 lsFieldDimensionsCss = () => `: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}.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)}.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;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 LsFieldDimensions = /*@__PURE__*/ proxyCustomElement(class LsFieldDimensions extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldDimensions = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
     }
-    get component() { return this; }
+    get component() { return getElement(this); }
     dataItem;
     mutate;
     update;
@@ -52,50 +46,22 @@ const LsFieldDimensions = /*@__PURE__*/ proxyCustomElement(class LsFieldDimensio
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: 'f9e4e16ef08ec5f70e65842ba6294912f2a174fe' }, this.isMultiple(this.dataItem) && (h("div", { key: 'e6a1b8cae92da758ced3738dd537f9abbcce9c4c', class: 'ls-field-properties-section' }, h("div", { key: 'd90d8abebbf482cff332a9c21d9f4376b456ecfc', class: 'ls-field-properties-section-text' }, h("p", { key: '4540932f4eefcff7ac32a6eb293f71b55db2a301', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '5b8bc4edd219c8278bcc831adc126df0b9197f9a', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'e5d7c59eb09e502ada4b5fc5376b16a7cef75b21', class: 'input-row' }, h("div", { key: '701ed1be5465938e39915e2e35c32846506d655e', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '2ccd4a27535c3ccf5b04c58c48b4b79047e3df01', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '77a53201e85eb2133ba805f18536df657d6c52a6', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '6c9c3b71a7062c3cf63a415bbe360f95fbb554b0', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'aea620db2a1b60232771665f9ab314f5b0cc9600', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: '4529cca2995bf33d277d90c136d25e7baf3a515e', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: '3943ce1d0020f68a4b1c83d65f2c0df38a584a79', class: 'field-set' }, h("div", { key: '328daef452d53699cc78eefbf0196adc8fc2eb2e', class: 'ls-field-properties-section' }, h("div", { key: '75ce25693e0c52fdf92b22107b48d394091428df', class: 'ls-field-properties-section-text' }, h("p", { key: '644cc20e8fab6ee67821e02c5fab674484e0f027', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'b4d3b8a8d8c1dfbacf4b201f2bca9db62b79d577', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: '5687982a59f858eddc88e4b048e35537c914382d', class: 'input-row' }, h("div", { key: '8c5777936a1ce92974ddc64b432ac5a9032ec67a', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '40c0c6f0f19388afe24a7bba00012436151035cd', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '1a1695bcaebe1b4ebf4a1441b6f3aa23c36ff2fb', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
+        return (h(Host, { key: '0bba34e3f640285df087d1563b017b36c2f1dcfe' }, this.isMultiple(this.dataItem) && (h("div", { key: 'cf85b84aa0a658215f6cc5fdcefb277703a50c06', class: 'ls-field-properties-section' }, h("div", { key: 'd50c2f2a8e061f072648fa71310c4c1a9474a1e7', class: 'ls-field-properties-section-text' }, h("p", { key: '956dd75d1727016aecb31e64d93c9b48ee73cffa', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: '464753a0a8b80400791c0a06848b58f7cb48d5d3', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'de81a353ee6358af748da60485441794c53bc8c3', class: 'input-row' }, h("div", { key: 'a6846b797c39e3cb85e7fc48ee7b7739105a4366', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: '26685e97aa989c2d5cfdc883d5c7a3e6f3659d65', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '15ffbf1c41c9a597efe0e30cbae07f6b70672b31', class: 'has-leading-icon', aria: "field-width", id: "field-width", onChange: e => this.alter({ width: e.target.value }) })), h("div", { key: '7f341ecb15720a7f332d1d246055fb6261f1c8f3', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'e7fda848862fca6da5187e4e7148c68a0d87c328', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: 'b4e96766c19f8c71bd76a34d3fe10a48dda3bbb6', class: 'has-leading-icon', aria: "field-height", id: "field-height", onChange: e => this.alter({ height: e.target.value }) }))))), this.isSingle(this.dataItem) && (h("div", { key: 'e008d89765c1d052e85669c70e886d32bf9f3860', class: 'field-set' }, h("div", { key: '04e30b661e428ee53be77e4cb357da9508896d92', class: 'ls-field-properties-section' }, h("div", { key: '1fee7aed0740dad27d540abf8ef98f12567599c8', class: 'ls-field-properties-section-text' }, h("p", { key: '0a241c2d61d5ca009576e6ad41920476c05febf1', class: 'ls-field-properties-section-title' }, "Height and Width"), h("p", { key: 'ffb954513e5ea73cacc875dceb8b9e97e597cf54', class: 'ls-field-properties-section-description' }, "Define the height and width of one or multiple fields")), h("div", { key: 'bc4648d497bfa3e525aa3425d0cc74e5325c6729', class: 'input-row' }, h("div", { key: '54e643ee05a6adbb9955f4567e9a478edbef8764', class: 'input-wrapper', "data-tooltip": "Set field width in pixels" }, h("ls-icon", { key: 'b935662a24ed17f5884b64e0f478994b871dd18b', id: "selectLeadingIcon", name: "field-match-width" }), h("input", { key: '840552c74c8ee09961d2cb3313e4bf2fd08c7a89', type: "number", class: 'has-leading-icon', aria: "field-width", id: "field-width", min: 5, max: this.dataItem.pageDimensions.width - this.dataItem.width, value: this.dataItem?.width, onChange: e => {
                 const di = this.getDataItem();
                 if (parseInt(e.target.value) > di.pageDimensions.width - di.left) {
                     return;
                 }
                 this.alter({ width: e.target.value });
-            } })), h("div", { key: '37aae3302cb432cfc54760518551158997d58448', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: '84e0c035547d19196475a1c1c22e4ea1bcdfd48f', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: '4f6f5509c57b5dc65c58ab752edfc1b5206b91e0', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
+            } })), h("div", { key: '38c1000466f44fff9cf2ac0156d3b677710a469a', class: 'input-wrapper', "data-tooltip": "Set field height in pixels" }, h("ls-icon", { key: 'a780c96f2e7c1539837b1898c5e2134c8744460a', id: "selectLeadingIcon", name: "field-match-height" }), h("input", { key: '58742536845e77dd562f1f64686a69d315e9bee3', type: "number", class: 'has-leading-icon', aria: "field-height", id: "field-height", value: this.dataItem?.height, onChange: e => {
                 const di = this.getDataItem();
                 if (parseInt(e.target.value) > di.pageDimensions.height - di.top) {
                     return;
                 }
                 this.alter({ height: e.target.value });
-            } })))), h("div", { key: '7f2df2712d59199a20e4a020c67ab488cb92bca9', class: 'ls-field-properties-section' }, h("div", { key: '28e3d76b871ec618c21da803b7eee989af150e67', class: 'ls-field-properties-section-text' }, h("p", { key: '352da8f1c624592595afe6f7ca37937c7b358853', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '39286bb6613775a939b22d039fab3761c4c01ae2', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'a142aa75b933127d4eccc5087d6bc6666fdd5f7b', class: 'button-group' }, h("button", { key: '52287437bb6ed091c9a22cbda416fe50b7fa012a', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: 'eb9126123e5cbd14a9972223cf50dc1a931b1ec7', name: "field-scale" })), h("button", { key: 'fb5bd7363f479fd04ecae26d43f1cca56cc378ac', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: '8b5439df09ff193e1d9db5bed1a179f6c3c57b3a', name: "field-match-width" })), h("button", { key: '581ba46d0613193c5b428c0c1eb55c6d546d41d5', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '77da448a05f559743ef857b8305cbac405887868', name: "field-match-height" })))))), h("ls-tooltip", { key: '84551dae27ff2d8e8aa08663de91f4b7c05adff5', id: "ls-tooltip-master" })));
-    }
-    static get style() { return lsFieldDimensionsCss(); }
-}, [769, "ls-field-dimensions", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
+            } })))), h("div", { key: '030b122d0b8b583bbe289c6ad3ffc79d1c1928eb', class: 'ls-field-properties-section' }, h("div", { key: 'fbe959b7294985ff6bdaee2364788209fa158f8c', class: 'ls-field-properties-section-text' }, h("p", { key: 'c7630fe2f6f9cd103bbced54c50557cedb77c23c', class: 'ls-field-properties-section-title' }, "Scale and Resize"), h("p", { key: '532d4283f5bac65ea279efe00726ab9796157dd3', class: 'ls-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: 'cd4e090401642e4c89c6e75cd07a84475f47b9aa', class: 'button-group' }, h("button", { key: 'f392f3bd8fae346fecc4a23aa170f98e0cb3f263', disabled: true, "data-tooltip": "Select multiple Fields to to access scale controls" }, h("ls-icon", { key: 'bea76771e85b768d9311279a39b85d54f3c583b2', name: "field-scale" })), h("button", { key: 'ee494a3b9c7cf4241be842483cd3a3e0b36ae3a8', disabled: true, "data-tooltip": "Select multiple Fields to to access match width controls" }, h("ls-icon", { key: '17e215364aae1b5ee92a67be70e55915daade482', name: "field-match-width" })), h("button", { key: '98d3abc518af083fe3f90d2fd6bca815be566ad7', disabled: true, "data-tooltip": "Select multiple Fields to to access match height controls" }, h("ls-icon", { key: '1af0aecb8d7dafc312ce8cecc62fd1b9d252d3f4', name: "field-match-height" })))))), h("ls-tooltip", { key: '230a8a17f6b3b822e341f994a8ad5e357a45a983', id: "ls-tooltip-master" })));
     }
-    const components = ["ls-field-dimensions", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-dimensions":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldDimensions);
-            }
-            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 { LsFieldDimensions as L, defineCustomElement as d };
-//# sourceMappingURL=p-DBZFz4Ni.js.map
+};
+LsFieldDimensions.style = lsFieldDimensionsCss();
 
-//# sourceMappingURL=p-DBZFz4Ni.js.map
+export { LsFieldDimensions as ls_field_dimensions };
+//# sourceMappingURL=ls-field-dimensions.entry.esm.js.map

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

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

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

@@ -1,15 +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$1 } from './p-DnyBXRV4.js';
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-DANCsk1i.js';
 
 const lsFieldFooterCss = () => `:host{display:block}.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}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{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}`;
 
-const LsFieldFooter = /*@__PURE__*/ proxyCustomElement(class LsFieldFooter extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
         this.update = createEvent(this, "update", 7);
         this.selectFields = createEvent(this, "selectFields", 7);
@@ -48,33 +43,10 @@ const LsFieldFooter = /*@__PURE__*/ proxyCustomElement(class LsFieldFooter exten
         });
     };
     render() {
-        return (h(Host, { key: 'a0e90a78a6991933353d27c8f41bf9da30db2372' }, h("div", { key: '4d8c18396786143c5e58cd73a493e46df7c8c0a6', class: 'button-footer' }, h("button", { key: '3b75c5dade3dd585cc1950e1314036a90eba920b', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: '05e75a02cce2e27233741c5a28a674fbae0d7494', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), h("button", { key: 'f97d16699eb76834007989235ac18a23f4a5f34c', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'f3854ca272a90b2ea442b1c51db21661bf64f52e', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), h("slot", { key: '84baa90b9488b4e3b12f4aae8e754bb33bb3fa81' })));
-    }
-    static get style() { return lsFieldFooterCss(); }
-}, [769, "ls-field-footer", {
-        "dataItem": [1040]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
+        return (h(Host, { key: 'a72cb4a6ee63e95c6f2d8d19bfa5bc4a7d7a4378' }, h("div", { key: '1bddb9f01dbc04eb0f46aa8ead090f242e942e4d', class: 'button-footer' }, h("button", { key: '2d8074ab3fc664a1d21bcb57fb607272182b40ec', class: 'secondary', onClick: () => this.duplicateField() }, h("ls-icon", { key: 'fb807fa67c4cdfff94fd169e3723337110d51d54', name: "field-duplicate", size: "1.25rem" }), "Duplicate"), h("button", { key: 'e072c42ef4b12e7072dc639a173e7195225aa6f5', class: 'destructive', onClick: () => this.deleteField() }, h("ls-icon", { key: 'a74525f4ecd4b82054eef70ce569cb9c7e438fdb', name: "trash", size: "1.25rem", color: 'var(--red-60)' }), "Delete")), h("slot", { key: '78f4c325e1d089bc96c2784a3bd3ad0545a1fa7e' })));
     }
-    const components = ["ls-field-footer", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-footer":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldFooter);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldFooter as L, defineCustomElement as d };
-//# sourceMappingURL=p-BDTgDxaX.js.map
+};
+LsFieldFooter.style = lsFieldFooterCss();
 
-//# sourceMappingURL=p-BDTgDxaX.js.map
+export { LsFieldFooter as ls_field_footer };
+//# sourceMappingURL=ls-field-footer.entry.esm.js.map

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

@@ -1,22 +1,16 @@
-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 lsFieldFormatCss = () => `:host{display:flex;flex-direction:row}.ls-field-format-bar{display:flex;flex-direction:row;gap:0.5rem}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='number']{width:max-content;max-width:3rem}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 LsFieldFormat = /*@__PURE__*/ proxyCustomElement(class LsFieldFormat extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
+const LsFieldFormat = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.mutate = createEvent(this, "mutate", 7);
     }
     dataItem;
     mutate;
-    get component() { return this; }
+    get component() { return getElement(this); }
     handleKeyDown = (event) => {
         event.stopPropagation();
     };
@@ -58,67 +52,37 @@ const LsFieldFormat = /*@__PURE__*/ proxyCustomElement(class LsFieldFormat exten
         return { isSame: allFontsSame && allFontSizesSame, fontName: allFontsSame ? firstFontName : 'mixed', fontSize: allFontSizesSame ? firstFontSize : 'mixed' };
     };
     render() {
-        return (h(Host, { key: '76d6f65cba421c0e9ae3886f5b8c00d00dea313a', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: 'ce1e85055e6036c818ffd74386841e2105d0e307', class: 'ls-field-format-bar' }, h("div", { key: '263533896b0d1552dedc2be743665ab432c811a8', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '53b29313a2363f17a69e68a22cf6647b1335994c', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'cc3707b3f3e7d25ad7f5fe18c9b7e845be5654dc', id: "ls-toolbar-font-select", onChange: input => {
+        return (h(Host, { key: '1cd5edad4148b7474cc1cfd71c7c11f021e9f77e', onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp }, this.dataItem && this.dataItem.length > 1 && (h("div", { key: '29afd8d97e1ae80cad7981de20cf6ad863cb3c10', class: 'ls-field-format-bar' }, h("div", { key: '5943e0faf7cefc695750c5201b649d1d19a95582', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: 'b77b8f697a09ddb5c79b15e10903da04d68bd01b', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: 'e2d782a4c9de37959c56a0db68fd590c8737625a', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, h("option", { key: '7c9f5332ae3e5688c3d20292c8c67abbec50a3c1', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: 'e0c5648f78cd95dffc056a22853173416e851f1a', value: "arial" }, "Arial"), h("option", { key: '84cb8ba4c94cd226bb8641b13af7e99262d7fc93', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '2b43a7e50838bb2de4d51d10ea40992eff0b0c73', value: "courier" }, "Courier"), h("option", { key: '54163a61162c4c5fc05d77f8432ec2810d3aae59', value: "helvetica" }, "Helvetica"), h("option", { key: 'c056efd5e5dd6bc09737a4f5b0c552311044dff0', value: "verdana" }, "Verdana")), h("ls-icon", { key: '03c671b1ec055c40aff8d9066a99e2c6edf9aeb9', id: "selectorIcon", name: "selector" })), h("div", { key: 'af77456935679b30e0e99c3cd319257575b636b8', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '1d7412d9610a51ea42d89c6a84239a5e9f7134c9', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'b32dd35583ddba5066b7a9479e73cbec3b51f49b', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
+            }, class: 'has-leading-icon' }, h("option", { key: '8b83ce7fe984acb3c8cdc93ac587a8f18bf73208', disabled: true, selected: this.allElementsSame()?.fontName === 'mixed', value: 'mixed' }, "Mixed"), h("option", { key: '713fbee950aa5bd0b7913349c1623e9a68327795', value: "arial" }, "Arial"), h("option", { key: '2540cc57f01c214206eb601eb3ef3ff606d31809', value: "liberation sans" }, "Liberation Sans"), h("option", { key: '8d8e5f77de76078a8e49c4ee2456ea0c19caac9a', value: "courier" }, "Courier"), h("option", { key: '29778b9ca44b2340fb2c6ab2d7b14e7f60c4c0b8', value: "helvetica" }, "Helvetica"), h("option", { key: 'd839a27eadb0cc89e71f9820bcb6e898631edbfd', value: "verdana" }, "Verdana")), h("ls-icon", { key: '2f04e9194a443d75cf460bc07f3fc7c163692143', id: "selectorIcon", name: "selector" })), h("div", { key: 'e23be539d13db70ca61a4d3b68d407fac7fb3aa6', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'cd92327f0efb4b384c8dc47493cedf08ef6471a3', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: '66b9a6258a0096588f4b2196b763eee099653741', id: "ls-toolbar-font-size", type: 'number', min: "4", value: this.allElementsSame()?.fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), h("div", { key: 'fe0e8427c51778982f855d1a75f137bdede9acbe', class: 'button-group' }, h("button", { key: 'ee7e2411d8ae22e7aba9289e8921436d2853ab22', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: '7a9c2fdc46e798f5c400fca69432e6d96942e85f', class: 'button-group' }, h("button", { key: '23cf2b0695045155f8d18afb45e2e0ed415175e7', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '8bde9435f8c4ba33554cfa40c357b66de6b43ddc', name: "menu-alt-2" })), h("button", { key: '6638d5d9ca6d7660aa239498257f5e5651e1ea8b', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: '21abdebbaebdcc4317ff2f43803a8f43457ce692', name: "menu-alt-2" })), h("button", { key: '3d3ace784a1bee0392ae5cd24346160e19f5511d', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '0b8079276c0ded5f7d7bb4e3ceeaaa1e7cccba84', name: "menu-alt-5" })), h("button", { key: '245c6b7ba9feffb0744912fa5ba4a8281e846a82', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: 'd4d029df21af9a29a354b076c84097400925bd0c', name: "menu-alt-5" })), h("button", { key: '1d336107ab330bc8e0e3629347ad4bf94bb7e396', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: 'ee4f87dc400df7ee6e96bbcfab1e79550581b2ef', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '1cada21e16b4218c50eed7f7f47620e00a3e4f93', class: 'ls-field-format-bar' }, h("div", { key: 'c0bf19a3733551a2b28b67efe53b9588a7d2e528', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '1968f660740e8b292b9fd7c6b0b351b3d1007a04', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '32185b7ba976ab050853ae88d4813f08774159ce', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '3d2de2bbbf52eebf7110472d1be231e79cb6beb3', id: "ls-toolbar-font-select", onChange: input => {
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '20d51818db2d2093f5931049e3e253fa1fabfed4', name: "menu-alt-3" }))))), this.dataItem && this.dataItem.length === 1 && (h("div", { key: '07dca6ef6ceaafeac08f2bffa2dc0019d6ac2da9', class: 'ls-field-format-bar' }, h("div", { key: '94a9d2c14871a95c5d7998fd93570e1202b398d4', class: "input-wrapper", "data-tooltip": "Font Family" }, h("ls-icon", { key: '1edc65e56d6a11e6985a4d89d475b031b6cc763f', id: "selectorIcon", name: "selector" }), h("ls-icon", { key: '088ae34c6ebee88da56fbe04cc71df71878aedc6', id: "selectLeadingIcon", name: "typeface" }), h("select", { key: '9f208099c6dac86745204ecf5a6f871f21a3cdb2', id: "ls-toolbar-font-select", onChange: input => {
                 this.alter({ fontName: input.target.value });
-            }, class: 'has-leading-icon' }, h("option", { key: 'e9598b7011df4574e756064931e92f20c85101b9', value: "arial" }, "Arial"), h("option", { key: '8330da4991f31f4d613731b3d933ce1f4de37188', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'ca969de9430f760714d246504f24a5a6e15079b4', value: "courier" }, "Courier"), h("option", { key: '922d78fb1ddcb3dbeedeed087576c1c10121c5c9', value: "helvetica" }, "Helvetica"), h("option", { key: '726313fc22d9bfbd85836974089976b408eca14f', value: "verdana" }, "Verdana"))), h("div", { key: '4a5dd1dc8ce193f037febfeed7da6458a399702d', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: '2c52b48225642f171571e3e8800c5c043b431d2c', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'adfd522269f13843b2a0f86e3dd50389453407c0', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
+            }, class: 'has-leading-icon' }, h("option", { key: '3dd75cc98c9b38a5ba38d38fcd9dcad03251905d', value: "arial" }, "Arial"), h("option", { key: '6da5cca97b76aaa53cb156572e04db341ff93dce', value: "liberation sans" }, "Liberation Sans"), h("option", { key: 'f7ae2a360e0e7aec8c242be9c1f73998112aeb09', value: "courier" }, "Courier"), h("option", { key: '9432a60ccf70e3d6bf16fd31af8b183dfcfed117', value: "helvetica" }, "Helvetica"), h("option", { key: '0f6c0a16aacc566a5226b3fd41d9b2b13e6f03bb', value: "verdana" }, "Verdana"))), h("div", { key: '7321ff80e8e7a5ee5e83d0d00400ae17b9432102', class: "input-wrapper", "data-tooltip": "Font Size" }, h("ls-icon", { key: 'c15976b80faffd90fe7187ed0504fc6211184bb5', id: "selectLeadingIcon", name: "typesize" }), h("input", { key: 'f7fdbad5b1b63febf6652220436388e01e0b7d70', id: "ls-toolbar-font-size", type: "number", min: "4", size: 4, value: this.dataItem[0].fontSize, onChange: input => {
                 if (input.target.value === '')
                     return;
                 this.alter({ fontSize: input.target.value });
-            }, class: 'has-leading-icon' })), h("div", { key: '5a7e595287b645865c958d37942c968d79643866', class: 'button-group' }, h("button", { key: '186fa6758cb7ea11d020d5caca9edfc10414060e', onClick: () => {
+            }, class: 'has-leading-icon' })), h("div", { key: 'ae8f936dcde7f5a83ef3ff571a4caf5dc2a02e45', class: 'button-group' }, h("button", { key: 'cba214724914b3cedc6e2bf850c91c7f51aab4c5', onClick: () => {
                 this.alter({ align: 'left' });
-            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'ec1365fbaa3a9906c7074f967b103f2cf38642ba', name: "menu-alt-2" })), h("button", { key: '6badeae61b901e2a59a569a3a9d592d695e17c93', onClick: () => {
+            }, "data-tooltip": "Align Text Left" }, h("ls-icon", { key: 'fff29ab537ba4a018adf47f4131906a4922c9f43', name: "menu-alt-2" })), h("button", { key: '65f50ea6e8846c26c22c940b184adc7c81cb4ac7', onClick: () => {
                 this.alter({ align: 'center' });
-            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: 'f999b7abf51a0d686f4cfe20922117564ae521af', name: "menu-alt-5" })), h("button", { key: 'abc821a566f6b136dffbafa4e6fd5c625e792695', onClick: () => {
+            }, "data-tooltip": "Align Text Center" }, h("ls-icon", { key: '0f2e83cfcfc028707a144611b74e8c12366d91da', name: "menu-alt-5" })), h("button", { key: '59e4b40291cce947c06a33ccad5cfb1168b13226', onClick: () => {
                 this.alter({ align: 'right' });
-            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '049d6e7432caa737d0858731f0e84a053fc819a0', name: "menu-alt-3" }))))), h("ls-tooltip", { key: '03b64c9d83b9e8f26f01c420b4d11181ce9a09e2', id: "ls-tooltip-master" })));
+            }, "data-tooltip": "Align Text Right" }, h("ls-icon", { key: '2e096f1645099c0cc4c8487b6338fd6bc2cde798', name: "menu-alt-3" }))))), h("ls-tooltip", { key: '18e3b38d2e1fc47b75cdda73443a9de2577a83a3', id: "ls-tooltip-master" })));
     }
     static get watchers() { return {
         "dataItem": ["selectFieldsHandler"]
     }; }
-    static get style() { return lsFieldFormatCss(); }
-}, [769, "ls-field-format", {
-        "dataItem": [1040]
-    }, undefined, {
-        "dataItem": ["selectFieldsHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-format", "ls-icon", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-format":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldFormat);
-            }
-            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 { LsFieldFormat as L, defineCustomElement as d };
-//# sourceMappingURL=p-Ch9RTQWk.js.map
+};
+LsFieldFormat.style = lsFieldFormatCss();
 
-//# sourceMappingURL=p-Ch9RTQWk.js.map
+export { LsFieldFormat as ls_field_format };
+//# sourceMappingURL=ls-field-format.entry.esm.js.map