legalesign-document-viewer 0.9.7 → 0.9.9

package/dist/components/p-Rnmk1CqZ.js

@@ -1,117 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$d } from './p-LsRvuNhk.js';
-import { d as defineCustomElement$c } from './p-CbC-aTzj.js';
-import { d as defineCustomElement$b } from './p-DhSQ43wj.js';
-import { d as defineCustomElement$a } from './p-BvxhmYtv.js';
-import { d as defineCustomElement$9 } from './p-CT3XMXW6.js';
-import { d as defineCustomElement$8 } from './p-BlbYremm.js';
-import { d as defineCustomElement$7 } from './p-Cgka-t2t.js';
-import { d as defineCustomElement$6 } from './p-DOn32rOe.js';
-import { d as defineCustomElement$5 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$4 } from './p-VCYab8gJ.js';
-import { d as defineCustomElement$3 } from './p-IdvWNLco.js';
-import { d as defineCustomElement$2 } from './p-DLZDxSn0.js';
-import { d as defineCustomElement$1 } from './p-EiDqqBpE.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 = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesGeneral extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    dataItem;
-    render() {
-        return (h(Host, { key: 'a7d5abd0173c81f180d3e48d58c40fb92499a001' }, h("ls-field-properties-container", { key: '266ef0eb896e8bfc293d40c1607595203c26a7e1', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '6aef6f40f180e1d2044e83f06a6d54130e38828e', class: 'field-set', slot: "content" }, h("ls-field-content", { key: 'c6ee6468e3ab87a54fa7fcb0e51d154b9fef3c30', dataItem: this.dataItem }), h("ls-field-properties-advanced", { key: '09c837e104de3fd38812a87ef23a9089c6a5ad5b', dataItem: this.dataItem })), h("div", { key: 'b2e481729e4e33de81c32a73db4e8aad07f8c0bc', class: 'field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: 'daaedba55e5286663a2cb5bf3ec79adb0d9681c9', dataItem: this.dataItem })), h("div", { key: '6f617c8174bcf19f175a3b9aab17ebd75a6c0bd1', class: 'field-set', slot: "placement" }, h("ls-field-placement", { key: '79450a3c6a0724029b0bddd3a925cfbb6d88d58a', dataItem: this.dataItem }))), h("ls-field-footer", { key: 'ea702b1786d16d7a9f975d3809f8b6c5bfa377f3', dataItem: this.dataItem })));
-    }
-    static get style() { return lsFieldPropertiesGeneralCss(); }
-}, [769, "ls-field-properties-general", {
-        "dataItem": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-field-properties-general", "ls-editor-field", "ls-field-content", "ls-field-dimensions", "ls-field-footer", "ls-field-placement", "ls-field-properties-advanced", "ls-field-properties-container", "ls-field-type-display", "ls-icon", "ls-input-wrapper", "ls-props-section", "ls-toggle", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-field-properties-general":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFieldPropertiesGeneral);
-            }
-            break;
-        case "ls-editor-field":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$d();
-            }
-            break;
-        case "ls-field-content":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$c();
-            }
-            break;
-        case "ls-field-dimensions":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ls-field-footer":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ls-field-placement":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ls-field-properties-advanced":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ls-field-properties-container":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ls-field-type-display":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-input-wrapper":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-props-section":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsFieldPropertiesGeneral as L, defineCustomElement as d };
-//# sourceMappingURL=p-Rnmk1CqZ.js.map
-
-//# sourceMappingURL=p-Rnmk1CqZ.js.map

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

@@ -1 +0,0 @@
-{"file":"p-Rnmk1CqZ.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,2BAA2B,GAAG,MAAM,CAAC,mtJAAmtJ,CAAC;;MCQlvJ,wBAAwB,iBAAAA,kBAAA,CAAA,MAAA,wBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAA+B,CAAA,+BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,EAAA,EACzE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,SAAS,EAAA,EACrC,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAkB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAC7C,CAAA,CAAA,8BAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAA8B,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACrD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,EAAA,EACxC,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CAC5C,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,WAAW,EAAE,IAAI,EAAC,WAAW,EAAA,EACvC,CAAA,CAAA,oBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAoB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CAAI,CAC3C,CACwB,EAChC,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-general/ls-field-properties-general.css?tag=ls-field-properties-general&encapsulation=shadow","src/components/ls-field-properties-general/ls-field-properties-general.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n* {\n  margin: 0;\n}\n\n.field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: var(--primary-60, #4456f6);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n  width: 100%;\n}\n.has-leading-icon {\n  padding-left: 2.5rem;\n}\n\n\ninput,\nselect,\ntextarea {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.5rem;\n  color: var(--gray-100, #45484d);\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: var(--gray-60, #afb0b2);\n}\n\ninput:hover,\nselect:hover,\ntextarea:hover {\n  border-color: var(--gray-50, #c8c9cc);\n  background-color: var(--white, #fff);\n}\n\ninput:focus,\nselect:focus,\ntextarea:focus {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-40, #79adfc);\n  border-color: var(--primary-60, #4456f6);\n  background-color: var(--white, #fff);\n}\n\ninput:active,\nselect:active,\ntextarea:active {\n  border-color: var(--primary-50, #5185ff);\n}\n\ninput:disabled,\nselect:disabled,\ntextarea:disabled {\n  cursor: not-allowed;\n  background-color: var(--gray-10, #f7f8fa);\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].indeterminate {\n  background-color: var(--primary-60, #4456f6);\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].indeterminate:hover {\n  background-color: var(--primary-70, #2134dc);\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.checkbox-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.form-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n  display: flex;\n  gap: 0.5rem;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: var(--primary-60, #4456f6);\n  color: white;\n  font-weight: 500;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.tertiaryGrey {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.tertiaryGrey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\nbutton.secondary {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--white, #fff);\n  color: var(--gray-90, #5e6066);\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1);\n}\n\nbutton.secondary:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\nbutton.destructive {\n  border: 1px solid var(--red-60, #f04438);\n  background-color: white;\n  color: var(--red-60);\n}\n\nbutton.destructive:hover {\n  border: 1px solid var(--red-70, #d92d20);\n  background: var(--red-10, #fff1f0);\n}\n\n\n\n.button-group {\n  display: flex;\n  border-radius: 0.5rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\n  overflow: clip;\n}\n\n.button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n  border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-general',\n  styleUrl: 'ls-field-properties-general.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesGeneral {\n  @Prop() dataItem: LSApiElement;\n\n  render() {\n    return (\n      <Host>\n        <ls-field-properties-container tabs={['content', 'placement', 'dimensions']}>\n          <div class={'field-set'} slot=\"content\">\n            <ls-field-content dataItem={this.dataItem} />\n            <ls-field-properties-advanced dataItem={this.dataItem} />\n          </div>\n          <div class={'field-set'} slot=\"dimensions\">\n            <ls-field-dimensions dataItem={this.dataItem} />\n          </div>\n          <div class={'field-set'} slot=\"placement\">\n            <ls-field-placement dataItem={this.dataItem} />\n          </div>\n        </ls-field-properties-container>\n        <ls-field-footer dataItem={this.dataItem} />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-WuO25l6V.js

@@ -1,36 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-
-const lsComposeLoaderCss = () => `:host{position:fixed;display:flex;top:0;left:0;height:100%;width:100%;z-index:3000}:host>*{box-sizing:border-box;margin:0;padding:0}.compose-loader{display:flex;flex-direction:column;background:var(--gray-10);width:100vw;height:100vh}.compose-loader__header{border-bottom:1px solid var(--gray-20);pointer-events:none;height:2rem;background:white;display:flex;align-items:center;justify-content:center}.compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.5rem;animation:pulse 1.5s infinite}.compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.compose-loader__header-title{font-weight:bold;font-size:1.1rem}.compose-loader__header-docname{margin-left:1rem;color:var(--gray-100)}.compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100vh - 2.375rem);position:relative}.compose-loader__sidebar{position:absolute;height:100%;width:19rem}.compose-loader__card{display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:var(--white, #fff);border-radius:1.5rem;border:1px solid var(--gray-30);width:100%;height:100%;max-height:calc(100vh - 5rem);overflow:hidden}.compose-loader__skeleton,.compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.5rem;animation:pulse 1.5s infinite}.skeleton-title{width:12.5rem;min-height:1.25rem}.skeleton-line--blue,.skeleton-line--green,.skeleton-line--gray,.skeleton-line{width:12.5rem;height:0.75rem}.skeleton-short--blue,.skeleton-short--green,.skeleton-short--gray,.skeleton-short{width:5rem;height:0.75rem}.skeleton-medium{width:4rem;height:0.75rem}.skeleton-icon{width:1rem;height:1rem}.skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.skeleton-line--blue,.skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50) 25%, transparent 100%)}.compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%)}.skeleton-line--green,.skeleton-short--green{background:linear-gradient(90deg, var(--green-50) 25%, transparent 100%)}.compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%)}.skeleton-line--gray,.skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50) 25%, transparent 100%)}.compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%)}.compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.compose-loader__section{display:flex;flex-direction:column;gap:0.75rem;border:1px solid var(--gray-30);padding:0.75rem;border-radius:1.5rem;background:var(--gray-10);margin-top:0.25rem;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03)}.compose-loader__section--blue{border-color:var(--blue-30);background:var(--blue-10)}.compose-loader__section--green{border-color:var(--green-30);background:var(--green-10)}.compose-loader__skeleton-box--green,.compose-loader__skeleton-box--blue,.compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.compose-loader__row{display:flex;gap:0.75rem;background:var(--white, #fff);border:1px solid var(--gray-20);padding:0.5rem 1rem 0.5rem 0.5rem;border-radius:0.75rem;align-items:center}.compose-loader__icon-skeleton--blue{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--blue-10);border:1px solid var(--blue-30);border-radius:0.5rem}.compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);border-radius:0.5rem}.compose-loader__icon-skeleton--green{display:flex;align-items:center;justify-content:center;min-width:2.375rem;min-height:2.375rem;background:var(--green-10);border:1px solid var(--green-30);border-radius:0.5rem}.compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%);border-radius:0.5rem}.compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}.compose-loader__preview-box{background:var(--white, #fff);border:1px solid var(--gray-30);aspect-ratio:1/1.414;height:100%;margin-top:7rem;min-width:40vw;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}.compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #fff)}.compose-loader__action-btn{border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:0.75rem;border:none;background:var(--primary-60);cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}`;
-
-const LsComposeLoader = /*@__PURE__*/ proxyCustomElement(class LsComposeLoader extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '521afcff03c604f5705f6a4b27f7087c48aaf0cd' }, h("div", { key: '977611efd7fe174762c6654c95751ac3a8b9d987', class: "compose-loader" }, h("div", { key: 'c605370c46b1ebbf2f44fe9f311f59a166545614', class: "compose-loader__header" }, h("div", { key: '0ffd91a347b294ed3632cc5953e0df3c848ee7eb', class: "compose-loader__header-skeleton" })), h("div", { key: '326c07eac0d24eebdd8609624581192b34d562cc', class: "compose-loader__main" }, h("div", { key: 'd54f6ad5c5c7efcc21647f052a4d2c3012a88922', class: "compose-loader__sidebar" }, h("div", { key: '6316cf0f7e490a318f7800d310dff8d9587f92f9', class: "compose-loader__card" }, h("div", { key: '9c97b7d34d8419c843d10203b4e351648d023fee', class: "compose-loader__skeleton skeleton-title" }), h("div", { key: 'af2957a999f5e3d8658842267368ba6da3e30e34', class: "compose-loader__skeleton-group" }, h("div", { key: '6acf3900b4c023d5e37dd9a71d1e018f615d74f7', class: "compose-loader__skeleton skeleton-line" }), h("div", { key: 'bb140427be02ba8bff9926d3442ee6df0195beba', class: "compose-loader__skeleton skeleton-short" })), h("div", { key: 'f46b465e2b16a088d4e6c5c3000f75fbfdb9b470', class: "compose-loader__section compose-loader__section--gray" }, h("div", { key: '761c47c1421539ed3e3f37e7214cbcc1d79a4bdb', class: "compose-loader__skeleton-box--gray" }), h("div", { key: 'e5620c11511584fffa4855216d930ddada358d17', class: "compose-loader__skeleton skeleton-line--gray" }), h("div", { key: '81c2d719f995ac85c2116c8685ac0015b85a6095', class: "compose-loader__skeleton skeleton-short--gray" })), h("div", { key: 'a1738fbdbe05df9ac32fc6386f41593089f89d54', class: "compose-loader__section compose-loader__section--blue" }, h("div", { key: '0d45ed8f94c328c0809eade762fb6dd9924e41f0', class: "compose-loader__skeleton-box--blue" }), h("div", { key: 'e084391fab97c86ec7487c54bb16977d965203fa', class: "compose-loader__skeleton skeleton-line--blue" }), h("div", { key: '08ad8ad9683958d8fdb98895ea876fbd90d8ffbe', class: "compose-loader__skeleton skeleton-short--blue" }), h("div", { key: 'c0f4cea3bab23b79042fe78d4f2f9f50171e26ef', class: "compose-loader__row" }, h("div", { key: '8cf9f9c186bcb59e4f3fb7e8bc846fbee9a74538', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: '1a271177d712660e850ad10d74d89daabc00726f', class: "compose-loader__icon--blue" })), h("div", { key: 'cb7bfdbda0d6b9cda485dfec0cd9a3bce3cac4ea', class: "compose-loader__row-content" }, h("div", { key: '0cc42a1f8368748c136a6814f03c1f7ef0b774fd', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '00695b7aef1e64f0772f46d99b0925c6bbcc37d7', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: 'd93f934b18c988666b5a2260dc9fb22ad5706214', class: "compose-loader__row" }, h("div", { key: '60c7cf17e691ff408d3d292d364ca56f98e84915', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: '0303348559cdef262566d4e97b154202ae2b04b6', class: "compose-loader__icon--blue" })), h("div", { key: '5cca786cc766bddc292343a80a9d8df2d72b9b4a', class: "compose-loader__row-content" }, h("div", { key: '6980a180df5f07423204bb54bb847eff2082e821', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '82f347350f7f4297dcb1c96f2aab0348657b297a', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: '32478d3aa42ca01b63611be036146eefa0f35f90', class: "compose-loader__row" }, h("div", { key: '331271ba1edf8fc30cdd79888a278f768483264f', class: "compose-loader__icon-skeleton--blue" }, h("div", { key: 'cc3eab180929df917f06d97c022a26e3a183603c', class: "compose-loader__icon--blue" })), h("div", { key: 'ebcf98a08ba432e6004dbd1917f3fb3746f97008', class: "compose-loader__row-content" }, h("div", { key: '2e7334a54889f0be8473826ba739ef5d8ce5537c', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '5485547a36a6a960dd560db36b6082dd244ecbca', class: "compose-loader__skeleton skeleton-icon" })))), h("div", { key: '223722280d4addbb51d6af705066541e0a088e61', class: "compose-loader__section compose-loader__section--green" }, h("div", { key: '60dd95c95be6398d70a99ecf417b2a03306fa404', class: "compose-loader__skeleton-box--green" }), h("div", { key: 'bdfdfbbf4264f1f0a2fce23cf3a4040647b0b9ff', class: "compose-loader__skeleton skeleton-line--green" }), h("div", { key: '86e8e4da6f7f81893534d49a8576f686ca782a37', class: "compose-loader__skeleton skeleton-short--green" }), h("div", { key: 'c81327b9fceee1fa8f7e9583c7328ad4f97fa755', class: "compose-loader__row" }, h("div", { key: '179d1f19883862e74214ddbce0b2be31fd5fbe10', class: "compose-loader__icon-skeleton--green" }, h("div", { key: '01c487c6c1d8d79a77e6751524f09fb87a13cb33', class: "compose-loader__icon--green" })), h("div", { key: '52794189130c84191aad23622917dec6b099681a', class: "compose-loader__row-content" }, h("div", { key: '020cdfbf4d27b9081147a21d58afe2d4b1ff81a1', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '7e0b69bce13ceb5dcefb67456003fdd00ea42d1f', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: 'a98bfbaa96f29d35685c4d688254508d9bbcf92d', class: "compose-loader__row" }, h("div", { key: '6967bdf9e46d5449f67e028047d5179b5a20b624', class: "compose-loader__icon-skeleton--green" }, h("div", { key: 'd819f31e0875813f9163fd8f3ac5bd0bfc41ce35', class: "compose-loader__icon--green" })), h("div", { key: '6f53bc98eb6920be5d1d00a1b42f2fb4d59f267b', class: "compose-loader__row-content" }, h("div", { key: '5702225c81b762606de34014140554ac3c3497aa', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: '51533dcf2c6d1e8ecd6e4560a53f85edeafe83c9', class: "compose-loader__skeleton skeleton-icon" }))), h("div", { key: '43294a913c0bb86bacc43f7211c3b82e2503a51a', class: "compose-loader__row" }, h("div", { key: 'e7aa3b7e156ee2f58ca2da41e823fb9ea7c5b97f', class: "compose-loader__icon-skeleton--green" }, h("div", { key: 'd312991b72d73c9d186f37b4c5fb8f29f77877d1', class: "compose-loader__icon--green" })), h("div", { key: '4d796611467ed1d7aec90275ffbb65ab1da3b8b8', class: "compose-loader__row-content" }, h("div", { key: '05b8f024ab54b5ed1e227a36f6113edc8ce5a962', class: "compose-loader__skeleton skeleton-medium" }), h("div", { key: 'c5367647c76f3aeaa91b383ff8ddcede1fa3c05a', class: "compose-loader__skeleton skeleton-icon" })))))), h("div", { key: 'a65a698bf2ea725ac28b3111b1bd6b4ea0ab75a0', class: "compose-loader__preview" }, h("div", { key: '53ad82840586e800fa707581157c4c09ace2a000', class: "compose-loader__preview-box" })), h("div", { key: '784850ccdfeb0670dcce884283c7556feb5328b6', class: "compose-loader__button" }, h("button", { key: '98d1fd5f33ba9178024cf3a5066018e4ca50079b', class: "compose-loader__action-btn" }, h("div", { key: '73476a7a9f399bdd5f8b1570bc43b5d23182d56c', class: "compose-loader__skeleton skeleton-btn" }), h("div", { key: '6225b7b6906ab2ab9dcf183cfe828f8e410181ec', class: "compose-loader__skeleton skeleton-btn-icon" })))))));
-    }
-    static get style() { return lsComposeLoaderCss(); }
-}, [257, "ls-compose-loader"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-compose-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-compose-loader":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsComposeLoader);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsComposeLoader as L, defineCustomElement as d };
-//# sourceMappingURL=p-WuO25l6V.js.map
-
-//# sourceMappingURL=p-WuO25l6V.js.map

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

@@ -1 +0,0 @@
-{"file":"p-WuO25l6V.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-compose-loader/ls-compose-loader.css?tag=ls-compose-loader&encapsulation=shadow","src/components/ls-compose-loader/ls-compose-loader.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  display: flex;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 3000;\n}\n\n:host > * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.compose-loader {\n  display: flex;\n  flex-direction: column;\n  background: var(--gray-10);\n  width: 100vw;\n  height: 100vh;\n}\n\n.compose-loader__header {\n  border-bottom: 1px solid var(--gray-20);\n  pointer-events: none;\n  height: 2rem;\n  background: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.compose-loader__header-skeleton {\n  width: 10rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);\n  border-radius: 0.5rem;\n  animation: pulse 1.5s infinite;\n}\n\n.compose-loader__header-bar {\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n}\n\n.compose-loader__header-title {\n  font-weight: bold;\n  font-size: 1.1rem;\n}\n\n.compose-loader__header-docname {\n  margin-left: 1rem;\n  color: var(--gray-100);\n}\n\n.compose-loader__main {\n  display: flex;\n  padding: 1rem;\n  gap: 1.5rem;\n  height: calc(100vh - 2.375rem);\n  position: relative;\n}\n\n.compose-loader__sidebar {\n  position: absolute;\n  height: 100%;\n  width: 19rem;\n}\n\n.compose-loader__card {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  padding: 1rem;\n  background: var(--white, #fff);\n  border-radius: 1.5rem;\n  border: 1px solid var(--gray-30);\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 5rem);\n  overflow: hidden;\n}\n\n.compose-loader__skeleton,\n.compose-loader__icon-skeleton {\n  background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);\n  border-radius: 0.5rem;\n  animation: pulse 1.5s infinite;\n}\n\n.skeleton-title {\n  width: 12.5rem;\n  min-height: 1.25rem;\n}\n.skeleton-line--blue,\n.skeleton-line--green,\n.skeleton-line--gray,\n.skeleton-line {\n  width: 12.5rem;\n  height: 0.75rem;\n}\n.skeleton-short--blue,\n.skeleton-short--green,\n.skeleton-short--gray,\n.skeleton-short {\n  width: 5rem;\n  height: 0.75rem;\n}\n.skeleton-medium {\n  width: 4rem;\n  height: 0.75rem;\n}\n.skeleton-icon {\n  width: 1rem;\n  height: 1rem;\n}\n.skeleton-btn {\n  width: 7rem;\n  height: 0.75rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n.skeleton-btn-icon {\n  width: 1rem;\n  height: 1rem;\n  background: linear-gradient(90deg, var(white) 25%, transparent 100%);\n}\n\n.skeleton-line--blue,\n.skeleton-short--blue {\n  background: linear-gradient(90deg, var(--blue-50) 25%, transparent 100%);\n}\n.compose-loader__skeleton-box--blue {\n  background: linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);\n}\n\n\n.skeleton-line--green,\n.skeleton-short--green {\n  background: linear-gradient(90deg, var(--green-50) 25%, transparent 100%);\n}\n.compose-loader__skeleton-box--green {\n  background: linear-gradient(90deg, var(--green-30) 25%, transparent 100%);\n}\n\n.skeleton-line--gray,\n.skeleton-short--gray {\n  background: linear-gradient(90deg, var(--gray-50) 25%, transparent 100%);\n}\n.compose-loader__skeleton-box--gray {\n  background: linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);\n}\n\n.compose-loader__skeleton-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.compose-loader__section {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  border: 1px solid var(--gray-30);\n  padding: 0.75rem;\n  border-radius: 1.5rem;\n  background: var(--gray-10);\n  margin-top: 0.25rem;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);\n}\n\n.compose-loader__section--blue {\n  border-color: var(--blue-30);\n  background: var(--blue-10);\n}\n\n.compose-loader__section--green {\n  border-color: var(--green-30);\n  background: var(--green-10);\n}\n\n.compose-loader__skeleton-box--green,\n.compose-loader__skeleton-box--blue,\n.compose-loader__skeleton-box--gray {\n  display: flex;\n  align-items: center;\n  width: 5rem;\n  height: 1.15rem;\n  border-radius: 0.375rem;\n}\n\n.compose-loader__row {\n  display: flex;\n  gap: 0.75rem;\n  background: var(--white, #fff);\n  border: 1px solid var(--gray-20);\n  padding: 0.5rem 1rem 0.5rem 0.5rem;\n  border-radius: 0.75rem;\n  align-items: center;\n}\n\n.compose-loader__icon-skeleton--blue {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: var(--blue-10);\n  border: 1px solid var(--blue-30);\n  border-radius: 0.5rem;\n}\n\n.compose-loader__icon--blue {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);\n  border-radius: 0.5rem;\n}\n\n.compose-loader__icon-skeleton--green {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.375rem;\n  min-height: 2.375rem;\n  background: var(--green-10);\n  border: 1px solid var(--green-30);\n  border-radius: 0.5rem;\n}\n\n.compose-loader__icon--green {\n  width: 1.25rem;\n  height: 1.25rem;\n  background: linear-gradient(90deg, var(--green-30) 25%, transparent 100%);\n  border-radius: 0.5rem;\n}\n\n.compose-loader__row-content {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.compose-loader__preview {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100vw;\n  height: 100%;\n}\n\n.compose-loader__preview-box {\n  background: var(--white, #fff);\n  border: 1px solid var(--gray-30);\n  aspect-ratio: 1/1.414;\n  height: 100%;\n  margin-top: 7rem;\n  min-width: 40vw;\n  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);\n}\n\n.compose-loader__button {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  border-radius: 1rem;\n  padding: 0.25rem;\n  background: var(--white, #fff);\n}\n\n.compose-loader__action-btn {\n  border-radius: 1rem;\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border: none;\n  background: var(--primary-60);\n  cursor: not-allowed;\n}\n\n@keyframes pulse {\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'ls-compose-loader',\n  styleUrl: 'ls-compose-loader.css',\n  shadow: true,\n})\nexport class LsComposeLoader {\n  render() {\n    return (\n      <Host>\n        <div class=\"compose-loader\">\n          <div class=\"compose-loader__header\">\n            <div class=\"compose-loader__header-skeleton\"></div>\n          </div>\n\n          <div class=\"compose-loader__main\">\n            <div class=\"compose-loader__sidebar\">\n              <div class=\"compose-loader__card\">\n                <div class=\"compose-loader__skeleton skeleton-title\"></div>\n                <div class=\"compose-loader__skeleton-group\">\n                  <div class=\"compose-loader__skeleton skeleton-line\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short\"></div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--gray\">\n                  <div class=\"compose-loader__skeleton-box--gray\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--gray\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--gray\"></div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--blue\">\n                  <div class=\"compose-loader__skeleton-box--blue\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--blue\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--blue\"></div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--blue\">\n                      <div class=\"compose-loader__icon--blue\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"compose-loader__section compose-loader__section--green\">\n                  <div class=\"compose-loader__skeleton-box--green\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-line--green\"></div>\n                  <div class=\"compose-loader__skeleton skeleton-short--green\"></div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                  <div class=\"compose-loader__row\">\n                    <div class=\"compose-loader__icon-skeleton--green\">\n                      <div class=\"compose-loader__icon--green\"></div>\n                    </div>\n                    <div class=\"compose-loader__row-content\">\n                      <div class=\"compose-loader__skeleton skeleton-medium\"></div>\n                      <div class=\"compose-loader__skeleton skeleton-icon\"></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"compose-loader__preview\">\n              <div class=\"compose-loader__preview-box\"></div>\n            </div>\n            <div class=\"compose-loader__button\">\n              <button class=\"compose-loader__action-btn\">\n                <div class=\"compose-loader__skeleton skeleton-btn\"></div>\n                <div class=\"compose-loader__skeleton skeleton-btn-icon\"></div>\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"p-ubk149vz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-feature-column/ls-feature-column.css?tag=ls-feature-column&encapsulation=shadow","src/components/ls-feature-column/ls-feature-column.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n\n}\n\n.activeIcon, .defaultIcon {\n  padding: 0.75rem;\n  border-radius: 0.75rem;\n  color: var(--gray-80, #787A80);\n}\n\n.defaultIcon:hover {\n  background-color: var(--primary-10, #EFF4FF);\n  color: var(--primary-100, #0C1457);\n  cursor: pointer;\n}\n\n.activeIcon {\n  background-color: var(--primary-60, #4456F6);\n  color: var(--white, #fff);\n}\n\n.hidden {\n  display: none;\n}","import { Component, Host, Prop, h, EventEmitter, Event, Element } from '@stencil/core';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n  tag: 'ls-feature-column',\n  styleUrl: 'ls-feature-column.css',\n  shadow: true,\n})\nexport class LsFeatureColoumn {\n  @Element() component: HTMLElement;\n  /**\n   * Determines / sets which of the far left 'managers' is active.\n   * {'document' | 'toolbox' | 'participant' }\n   */\n  @Prop({ mutable: true }) manager: 'document' | 'toolbox' | 'participant'| 'recipient' | 'validation' = 'toolbox';\n\n\n  /**\n   * The mode that document viewer is being used in.\n   * {'preview' | 'editor' | 'custom'}\n   */\n  @Prop() mode: 'preview' | 'editor' | 'compose' = 'editor';\n\n  // Send an manager change up the DOM\n  @Event() manage: EventEmitter<'document' | 'toolbox' | 'participant' | 'recipient' | 'validation'>;\n\n  componentDidLoad() {\n    attachAllTooltips(this.component.shadowRoot);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={this.mode !== \"editor\" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon'}\n          onClick={() => {\n            this.manage.emit('document');\n            this.manager = 'document';\n          }}\n          data-tooltip-title=\"Template Details\"\n          data-tooltip=\"View and edit Template properties\"\n          data-tooltip-placement=\"right\"\n        >\n          <ls-icon name=\"document\" size=\"1.5rem\" />\n        </div>\n        <div\n          class={this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon'}\n          onClick={() => {\n            this.manage.emit('toolbox');\n            this.manager = 'toolbox';\n          }}\n          data-tooltip-title=\"Field Types\"\n          data-tooltip=\"Select and place Form Field Elements\"\n          data-tooltip-placement=\"right\"\n        >\n          <ls-icon name=\"typing-input\" size=\"1.5rem\" />\n        </div>\n        \n        <div\n          class={this.mode !== \"editor\" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon'}\n          onClick={() => {\n            this.manage.emit('participant');\n            this.manager = 'participant';\n          }}\n          data-tooltip-title=\"Participants\"\n          data-tooltip=\"Manage Signers, Witnesses and Approvers\"\n          data-tooltip-placement=\"right\"\n        >\n          <ls-icon name=\"user-group\" size=\"1.5rem\" />\n        </div>\n\n        <div\n          class={this.mode !== \"compose\" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon'}\n          onClick={() => {\n            this.manage.emit('recipient');\n            this.manager = 'recipient';\n          }}\n          data-tooltip-title=\"Recipients\"\n          data-tooltip=\"View the list of Recipients for this document\"\n          data-tooltip-placement=\"right\"\n        >\n          <ls-icon name=\"user-group\" size=\"1.5rem\" />\n        </div>\n\n        <div\n          class={this.mode !== \"preview\" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon'}\n          onClick={() => {\n            this.manage.emit('validation');\n            this.manager = 'validation';\n          }}\n          data-tooltip-title=\"Validation\"\n          data-tooltip=\"View the list of Recipients for this document\"\n          data-tooltip-placement=\"right\"\n        >\n          <ls-icon name=\"adjustments\" size=\"1.5rem\" />\n        </div>\n\n        <slot></slot>\n        <ls-tooltip id=\"ls-tooltip-master\" />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-vDRagogD.js

@@ -1,104 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
-import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$4 } from './p-DFXzftOm.js';
-import { d as defineCustomElement$3 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$2 } from './p-DVRkdKN3.js';
-import { d as defineCustomElement$1 } from './p-EiDqqBpE.js';
-
-const lsStatusbarCss = () => `:host{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:row;gap:0.5rem;align-items:end;height:2.25rem;overflow:visible}.controls-bar{display:flex;flex-direction:row;background-color:white;border:1px solid var(--gray-30, #e0e2e5);box-shadow:0px 4px 16px rgba(0, 0, 0, 0.1);border-radius:1.125rem}*{margin:0;padding:0;box-sizing:border-box}.status-bar-section{display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem}.controls-bar>:not(:nth-child(1)){border-left:1px solid var(--gray-30, #e0e2e5)}button{border:0}button:hover{color:var(--gray-100, #45484d);border-radius:0.5rem}button:disabled{color:var(--gray-40, #c1c4c8);cursor:not-allowed}input[type="range"]{-webkit-appearance:none;width:100%;height:0.5rem;background:var(--gray-20, #EDEFF2);border-radius:0.25rem;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-thumb{width:0.5rem;height:0.5rem;background:var(--gray-70, #4a4c51);border:none;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}input[type="range"]::-webkit-slider-runnable-track{background:var(--gray-20, #EDEFF2);height:0.5rem;border-radius:0.25rem}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)}span{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}button{all:unset;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-80, #6c6e73);text-transform:capitalize}button.tertiaryGrey:hover{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 LsStatusbar = /*@__PURE__*/ proxyCustomElement(class LsStatusbar extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    get component() { return this; }
-    /**
-     * The zoom or scale level 100 === 100%.
-     * {number}
-     */
-    zoom;
-    page;
-    pageCount;
-    /**
-     * The parent editor control.
-     * {LsDocumentViewer}
-     */
-    editor;
-    setZoom(value) {
-        this.editor.setZoom(value);
-        this.zoom = value;
-    }
-    fitWidth() {
-        const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');
-        const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');
-        const space = midBox.clientWidth - leftBox.clientWidth - 60; // 60 for padding/margin
-        console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);
-        const scale = space / this.editor.pageDimensions[0].width;
-        this.setZoom(Math.round(scale * 1e2) / 1e2);
-    }
-    fitHeight() {
-        const space = window.screen.height - 40; // 40 for padding/margin
-        const scale = space / this.editor.pageDimensions[0].height;
-        this.setZoom(Math.round(scale * 1e2) / 1e2);
-    }
-    componentDidLoad() {
-        attachAllTooltips(this.component.shadowRoot);
-        this.zoom = this.editor.zoom;
-    }
-    render() {
-        return (h(Host, { key: '7493f5c7b4db2abff502f8e8072b6cf27103771f' }, h("div", { key: 'f7e23deb0e694b048bfff88b7835897d5e4736ba', class: 'controls-bar' }, h("div", { key: '3b6673ce67d16db3477bc61bcf35ccf4d82b632d', class: 'status-bar-section' }, h("button", { key: '5d7dbac0428fcb1c535ec8ef3ec2dd9150bb855d', onClick: () => this.setZoom(this.editor.zoom * 0.8), id: "zoom-out-btn", "data-tooltip": "Zoom Out" }, h("ls-icon", { key: '454e0ed372dc05e02230991cf68785818df3dbff', name: "zoom-out" })), h("span", { key: '7ede7d13f4676a855caab4f3a2393528e04878bf' }, Math.round(this.zoom * 100), "%"), h("button", { key: '47f3b10127c83f03d2dbad91d41ad4d4c7d38b97', onClick: () => this.setZoom(this.editor.zoom / 0.8), id: "zoom-in-btn", "data-tooltip": "Zoom In" }, h("ls-icon", { key: '510531830fc42a116a69a9d3ed12d8528b7f628c', name: "zoom-in" }))), h("div", { key: 'b2f36fe62f2d9c01e63ad73d92451b66111b42fb', class: 'status-bar-section' }, h("button", { key: 'ebd1be8f9f055d3c2b77f70584ba0655ce80a0cb', onClick: () => this.fitWidth(), id: "fit-width-btn", "data-tooltip": "Fit Width" }, h("ls-icon", { key: '93fc22664fbd363017639e5c5916aa143893f923', name: "fit-width" })), h("button", { key: '45ca4c396ab8b51d98e6224c8323dd054840c3c4', onClick: () => this.fitHeight(), id: "fit-height-btn", "data-tooltip": "Fit Height" }, h("ls-icon", { key: '49f0c06c6c65651adf4aebbe08c791b1d76e693c', name: "fit-height" }))), h("div", { key: '85d2c52f6dafdccb9ed02f4325e0c7ad0f67d3ce', class: 'status-bar-section', style: this.pageCount === 1 && { display: 'none' } }, h("button", { key: 'fa68157935ee601a8655f5be7978da1d5a6ee33c', onClick: () => {
-                this.editor.pagePrev();
-            }, disabled: this.page === 1, id: "prev-page-btn", "data-tooltip": this.page === 1 ? 'No Previous Page' : 'Previous Page' }, h("ls-icon", { key: '8a4fa4fad4e83f030527eb3dc19d2ac6d5952820', name: "chevron-left" })), h("p", { key: 'f0cc99dc7944c0d1fa35af0a523ef5706ebbc81c' }, this.page, " / ", this.pageCount), h("button", { key: 'c50a3e710d6af6ecf268ec6cb467a41ceae8936b', onClick: () => {
-                this.editor.pageNext();
-            }, disabled: this.page === this.pageCount, id: "next-page-btn", "data-tooltip": this.page === this.pageCount ? 'No Next Page' : 'Next Page' }, h("ls-icon", { key: 'd5eb152c8ab6406bbad6e27824161f326e41d525', name: "chevron-right" })))), h("ls-helper-bar", { key: 'ebecb593ca3b26666a75457f97c797d8c9be436d' }), h("ls-tooltip", { key: '7913241a36bcf237f1b1f7643d46684905ca7a79', id: "ls-tooltip-master" }), h("slot", { key: 'c2aa28d38f6b485289ca56cf28b6d9f64dd9de21' })));
-    }
-    static get style() { return lsStatusbarCss(); }
-}, [769, "ls-statusbar", {
-        "zoom": [1026],
-        "page": [1026],
-        "pageCount": [1026, "page-count"],
-        "editor": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-statusbar", "ls-helper-bar", "ls-icon", "ls-keyboard-shortcuts", "ls-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-statusbar":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsStatusbar);
-            }
-            break;
-        case "ls-helper-bar":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-keyboard-shortcuts":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ls-tooltip":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LsStatusbar as L, defineCustomElement as d };
-//# sourceMappingURL=p-vDRagogD.js.map
-
-//# sourceMappingURL=p-vDRagogD.js.map

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

@@ -1 +0,0 @@
-{"file":"p-vDRagogD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-statusbar/ls-statusbar.css?tag=ls-statusbar&encapsulation=shadow","src/components/ls-statusbar/ls-statusbar.tsx"],"sourcesContent":[":host {\n  position: fixed;\n  z-index: 1000;\n  right: 1rem;\n  bottom: 1rem;\n  display: flex;\n  flex-direction: row;\n  gap: 0.5rem;\n  align-items: end;\n  height: 2.25rem;\n  overflow: visible;\n}\n\n.controls-bar {\n  display: flex;\n  flex-direction: row;\n  background-color: white;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 1.125rem;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.status-bar-section {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.controls-bar > :not(:nth-child(1)) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n\nbutton {\n  border: 0;\n}\n\nbutton:hover {\n  color: var(--gray-100, #45484d);\n  border-radius: 0.5rem;\n}\n\nbutton:disabled {\n  color: var(--gray-40, #c1c4c8);\n  cursor: not-allowed;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none; /* Remove default styling */\n  width: 100%;\n  height: 0.5rem;\n  background: var(--gray-20, #EDEFF2);\n  border-radius: 0.25rem;\n  outline: none;\n}\n\n/* Chrome, Safari, Edge */\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 0.5rem;\n  height: 0.5rem;\n  background: var(--gray-70, #4a4c51); /* Custom thumb color */\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n/* Firefox */\ninput[type=\"range\"]::-moz-range-thumb {\n  width: 0.5rem;\n  height: 0.5rem;\n  background: var(--gray-70, #4a4c51); /* Custom thumb color */\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n/* Track color for Firefox */\ninput[type=\"range\"]::-moz-range-track {\n  background: var(--gray-20, #EDEFF2);\n  height: 0.5rem;\n  border-radius: 0.25rem;\n}\n\n/* Track color for Chrome, Safari, Edge */\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  background: var(--gray-20, #EDEFF2);\n  height: 0.5rem;\n  border-radius: 0.25rem;\n}\n\n\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\nspan {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: var(--primary-60, #4456f6);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: var(--primary-70, #2134dc);\n}\n\n.button-link,\n.button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 2.25rem;\n}\n\n.input-wrapper {\n  position: relative;\n  width: fit-content;\n}\n\n#selectorIcon {\n  position: absolute;\n  top: 50%;\n  right: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n#selectLeadingIcon {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-80, #6c6e73);\n}\n\n.has-leading-icon {\n  padding-left: 2.5rem;\n}\n\nbutton {\n  all: unset;\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--gray-80, #6c6e73);\n  text-transform: capitalize;\n}\n\nbutton.tertiaryGrey:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group {\n  display: flex;\n  border-radius: 0.5rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\n  overflow: clip;\n}\n\n.button-group button {\n  display: flex;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  min-height: unset;\n  color: var(--gray-80, #6c6e73);\n}\n\n.button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.button-group > :first-child {\n  border-radius: 0.5rem 0 0 0.5rem;\n}\n\n.button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.button-group > :not(:first-child) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n  tag: 'ls-statusbar',\n  styleUrl: 'ls-statusbar.css',\n  shadow: true,\n})\nexport class LsStatusbar {\n  @Element() component: HTMLElement;\n  /**\n   * The zoom or scale level 100 === 100%.\n   * {number}\n   */\n  @Prop({ mutable: true }) zoom: number;\n  @Prop({ mutable: true }) page: number;\n  @Prop({ mutable: true }) pageCount: number;\n\n  /**\n   * The parent editor control.\n   * {LsDocumentViewer}\n   */\n  @Prop() editor: LsDocumentViewer;\n\n  setZoom(value: number) {\n    this.editor.setZoom(value);\n    this.zoom = value;\n  }\n\n  fitWidth() {\n    const leftBox = this.editor.component.shadowRoot.getElementById('ls-left-box');\n    const midBox = this.editor.component.shadowRoot.getElementById('document-frame-wrapper');\n    const space = midBox.clientWidth - leftBox.clientWidth - 60; // 60 for padding/margin\n\n    \n    console.log('Space width:', space, 'Page width:', this.editor.pageDimensions[0].width);\n    const scale: number = space / this.editor.pageDimensions[0].width;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n  }\n\n  fitHeight() {\n    const space = window.screen.height - 40; // 40 for padding/margin\n    const scale: number = space / this.editor.pageDimensions[0].height;\n    this.setZoom(Math.round(scale * 1e2) / 1e2);\n  }\n\n  componentDidLoad() {\n    attachAllTooltips(this.component.shadowRoot);\n    this.zoom = this.editor.zoom;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'controls-bar'}>\n        {/* <button onClick={() => this.editor.displayTable = true}><ls-icon name=\"table\" /></button>\n        <button onClick={() => this.editor.displayTable = false}><ls-icon name=\"template\" /></button> */}\n        <div class={'status-bar-section'}>\n          <button onClick={() => this.setZoom(this.editor.zoom * 0.8)} id=\"zoom-out-btn\" data-tooltip=\"Zoom Out\">\n            <ls-icon name=\"zoom-out\" />\n          </button>\n          <span>{Math.round(this.zoom * 100)}%</span>\n          <button onClick={() => this.setZoom(this.editor.zoom / 0.8)} id=\"zoom-in-btn\" data-tooltip=\"Zoom In\">\n            <ls-icon name=\"zoom-in\" />\n          </button>\n        </div>\n        <div class={'status-bar-section'}>\n          <button onClick={() => this.fitWidth()} id=\"fit-width-btn\" data-tooltip=\"Fit Width\">\n            <ls-icon name=\"fit-width\" />\n          </button>\n          <button onClick={() => this.fitHeight()} id=\"fit-height-btn\" data-tooltip=\"Fit Height\">\n            <ls-icon name=\"fit-height\" />\n          </button>\n        </div>\n        <div class={'status-bar-section'} style={this.pageCount === 1 && { display: 'none' }}>\n          <button\n            onClick={() => {\n              this.editor.pagePrev();\n            }}\n            disabled={this.page === 1}\n            id=\"prev-page-btn\"\n            data-tooltip={this.page === 1 ? 'No Previous Page' : 'Previous Page'}\n          >\n            <ls-icon name=\"chevron-left\" />\n          </button>\n          <p>\n            {this.page} / {this.pageCount}\n          </p>\n          <button\n            onClick={() => {\n              this.editor.pageNext();\n            }}\n            disabled={this.page === this.pageCount}\n            id=\"next-page-btn\"\n            data-tooltip={this.page === this.pageCount ? 'No Next Page' : 'Next Page'}\n          >\n            <ls-icon name=\"chevron-right\" />\n          </button>\n        </div>\n        </div>\n        <ls-helper-bar />\n        <ls-tooltip id=\"ls-tooltip-master\" />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/ls-document-viewer/p-2b078e5d.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as e,c as r,H as a}from"./p-BwdJ-HOC.js";function o(n){var e,r,a="";if("string"==typeof n||"number"==typeof n)a+=n;else if("object"==typeof n)if(Array.isArray(n)){var i=n.length;for(e=0;e<i;e++)n[e]&&(r=o(n[e]))&&(a&&(a+=" "),a+=r)}else for(r in n)n[r]&&(a&&(a+=" "),a+=r);return a}function i(){for(var n,e,r=0,a="",i=arguments.length;r<i;r++)(n=arguments[r])&&(e=o(n))&&(a&&(a+=" "),a+=e);return a}const d=()=>`* {\n  box-sizing: border-box;\n  font-family:\n    'IBM Plex Sans',\n    sans-serif;\n  margin: 0;\n}\n\n.host {\n  display: flex;\n  width: 100%;\n  padding: 0.25rem;\n  align-items: flex-start;\n  gap: 0.25rem;\n  border-radius: 0.625rem;\n  border: 1px solid var(--Grey-20, #edeff2);\n  background: var(--Grey-10, #f7f8fa);\n}\n\n.input-container {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-basic {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-ls {\n  display: flex;\n  width: 100%;\n  height: 1.75rem;\n  padding: 0 0.5rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.375rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n\n\n}\n\n.input-ls::-webkit-outer-spin-button,\n.input-ls::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n.input-ls {\n  -moz-appearance: textfield;\n}\n\ninput-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\ninput:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button-disabled {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-=10, #F7F8FA);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  cursor: not-allowed;\n\n  #buttonIcon {\n    color: var(--gray-70);\n  }\n}\n\n.button:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const t=class{constructor(e){n(this,e)}type="ls";name;value=0;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;handleChange=n=>{this.value=n.target.value};handlePlus=()=>{this.value=this.value+1};handleMinus=()=>{this.value=this.value-1};render(){const{type:n,name:r,value:a,placeholder:o,aria:d,disabled:t,required:l,valid:s,dirty:c,buttonClick:p,buttonIcon:b,fieldIcon:g,handleChange:f,handleMinus:u,handlePlus:x}=this;const m=i(n==="ls"?"input-ls":"input-basic",t?"disabled":c&&s?"valid":c&&!s?"invalid":"default",g&&"icon-input",c&&"button-input",b&&"button-input",b&&c&&"right-items-input");const h=i(t?"button-disabled":"button");return e("host",{key:"9114045f57d6a88ebffaa6ced9a8c500bc2716b0",class:n==="ls"&&"host"},n==="ls"&&e("button",{key:"0733a5e621ebf1ea6eb325a667be4f599b5b2365",class:h,onClick:()=>u(),disabled:t},e("ls-icon",{key:"488ae5ed33e3d395c037283e0017917a43608adc",id:"buttonIcon",name:"minus-sm"})),e("div",{key:"7bea9c1f79acaf0f8914447143a5942918b5436b",class:"input-container"},g&&e("ls-icon",{key:"a9b70f9ca1d501f753bc10fccbb84f1de4c6fb0e",id:t?"fieldIconDisabled":"fieldIcon",name:g}),e("input",{key:"6c42a54a61e9ef2ee90f39b83b0ea9b9dac60c9a",type:"number",class:m,id:r,name:r,value:a,placeholder:o,"aria-label":d,required:l,disabled:t,onInput:n=>f(n)}),e("div",{key:"394aa256f306c1b9afbeecbd9e1f1993ef92158f",class:"right-items"},c&&!t&&e("ls-icon",{key:"7c670e23084ccbd8b02adf0cfb2367165ded6c51",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),b&&n!=="ls"&&e("button",{key:"473d42bfb91cde0718eb651a2f1b8c61a35d4f78",class:"button",onClick:p},e("ls-icon",{key:"33a1eee6a18b5ea30693dbd3fd894d91700666aa",id:"buttonIcon",name:b})))),n==="ls"&&e("button",{key:"74fdfd758f02f3b53301c3d84e3a8eb8efc8d3c6",class:h,onClick:x,disabled:t},e("ls-icon",{key:"40c6e35452a62d954cdd1038debf02e56b5269a8",id:"buttonIcon",name:"plus-sm"})))}};t.style=d();const l=()=>`.radioLabel{display:flex;align-items:center;gap:0.75rem;border-radius:0.5rem;padding:0.5rem 0.75rem}.radioLabel.checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.radioLabel:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.radioLabel.checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.radioLabel:not(.checked):not(.disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.radioLabel:focus:not(.disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.radioLabel.disabled{cursor:not-allowed}.radioLabel.disabled.checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.radioLabel.disabled:not(.checked){background-color:var(--gray-10);color:var(--gray-60)}.inputClass{margin-top:0px}.inputClass:focus{outline:none}.inputClass:disabled{cursor:not-allowed}.spanContainer{display:flex;gap:0.25rem;align-items:center}`;const s=class{constructor(e){n(this,e)}radioId;label;icon;name="name";checked=false;disabled=false;customStyle;render(){const{label:n,radioId:r,icon:a,name:o,disabled:d,checked:t,customStyle:l}=this;const s=i("radioLabel",d&&"disabled",t&&"checked");return e("label",{key:"b0bfe57cbbe4021b0e05adaeddd45a5e3733a0e9",htmlFor:r,tabIndex:0,class:s,style:l},e("input",{key:"5a2841e892763953a7b04ccb868f7b621808cb57",type:"radio",class:"inputClass",id:r,name:o,value:n,disabled:d,tabIndex:0,checked:t}),e("div",{key:"1a5d4aab50813cea85662a9bbe706db5688a521b",class:"spanContainer"},e("span",{key:"d37ebe931692ed543284dd96d47371af369a23ca"},a&&e("ls-icon",{key:"6361c2d3f46d553e6a79964536e433f4768879fd",name:a,size:"16"})),e("span",{key:"b824adb5f5634230aa43741105e855f6a4df8c67"},n)))}};s.style=l();const c=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0rem 0.75rem;\n  align-items: center;\n  vertical-align: text-top;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\nselect::-ms-expand {\n  display: none;\n}\n\nselect {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n#select-arrow {\n  color: var(--gray-70);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n#select-arrow-disabled {\n  color: var(--gray-40);\n  margin-right: 0.25rem;\n  margin-left: -0.125rem;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const p=class{constructor(e){n(this,e)}name;value;aria;inputRef;disabled;displayOnly;required;valid;dirty;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,aria:r,disabled:a,displayOnly:o,required:d,valid:t,dirty:l,buttonClick:s,buttonIcon:c,fieldIcon:p}=this;const b=i("input-base",a?"disabled":l&&t?"valid":l&&!t?"invalid":o?"displayOnly":"default",p&&"icon-input",l&&"button-input",c&&"button-input",c&&l&&"right-items-input");return e("host",{key:"7e2f92d2af5629bff210d9bbd956541164479d23",class:"host"},p&&e("ls-icon",{key:"321f068929d845ad9ffb2a0d3a0d15683ab1f9e2",id:a?"fieldIconDisabled":"fieldIcon",name:p}),e("select",{key:"0e87d08f8f75d3fb8129280d1ae653beb4bb2063",class:b,id:n,name:n,"aria-label":r,required:d,disabled:a},e("slot",{key:"a3ec595b4442184afc7c156c9a15e4ff4f6f1915"})),e("div",{key:"b471cf02fb50521c5140485dc137920d9c9dd408",class:"right-items"},l&&!a&&e("ls-icon",{key:"026efb5d2f0d06be94585a90133ca979b77f992c",id:t?"validIcon":"invalidIcon",name:t?"check-circle":"exclamation-circle"}),c?e("button",{class:"button",onClick:s},e("ls-icon",{id:"buttonIcon",name:c})):e("ls-icon",{id:a?"select-arrow-disabled":"select-arrow",name:"chevron-down"})))}};p.style=c();const b=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80)\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60)\n}\n\n#password-icon {\n  padding-right: 0.25rem;\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);\n  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;\n}\n\n\n.default {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #D8D9DC);\n  background: var(--White, #FFF);\n  color: var(--gray-110);\n}\n\n\n.disabled {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.display-only {\n  border: 1px solid var(--gray-40, #D8D9DC);\n  background: var(--gray-10, #F7F8FA);\n  color: var(--gray-100);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #FFA19E);\n  background: var(--White, #FFF);\n  color: var(--Red-100, #7A1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72F0C2);\n  background: var(--White, #FFF);\n  color: var(--Green-100, #125241);\n}\n\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n} \n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--White, #FFF);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #C8C9CC);\n  background: var(--gray-20, #EDEFF2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456F6);\n  background: var(--White, #FFF);\n  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n\n\n\n\n`;const g=class{constructor(e){n(this,e);this.valueChange=r(this,"valueChange",7)}type="default";name;value;placeholder;aria;inputRef;disabled;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;valueChange;showPassword=false;handlePassword=()=>{this.showPassword=!this.showPassword};changeHandler(n){console.log(n);this.valueChange.emit(n.target.value)}render(){const{type:n,name:r,value:o,placeholder:d,aria:t,disabled:l,required:s,valid:c,dirty:p,countMax:b,buttonClick:g,buttonIcon:f,fieldIcon:u,showPassword:x,handlePassword:m}=this;const h=i("input-base",n==="displayonly"?"display-only":l?"disabled":p&&c?"valid":p&&!c?"invalid":"default",u&&"icon-input",p&&"button-input",f&&"button-input",f&&p&&"right-items-input");return e(a,{key:"fc106c6a7a7764c8586c003422cad5ba80ebcb26",class:"host"},u&&e("ls-icon",{key:"761585b7694e2d96e7589f792b3d585d733e7d6b",id:l?"fieldIconDisabled":"fieldIcon",name:u}),n==="password"?e("input",{type:x&&"password",class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:l,onChange:n=>{this.changeHandler(n)}}):n==="displayonly"?e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:true,onChange:n=>{this.changeHandler(n)}}):e("input",{class:h,id:r,name:r,value:o,maxlength:b,placeholder:d,"aria-label":t,required:s,disabled:l,onChange:n=>{this.changeHandler(n)}}),e("div",{key:"82950d2016707dc134465309a11fb96d29524e26",class:"right-items"},p&&!l&&e("ls-icon",{key:"e26592e29ef88b943c54d810fc38205e07787e55",id:c?"validIcon":"invalidIcon",name:c?"check-circle":"exclamation-circle"}),f&&e("button",{key:"7020ef37953b7e37c28af9c18b02298db2cf5201",class:"button",onClick:g},e("ls-icon",{key:"3ad18586309c7cae59f7beca9b818a1b30cf228c",id:"buttonIcon",name:f})),n==="password"&&!f&&e("ls-icon-button",{key:"91e90ed4b2d3431a8df608b731a214583ba219f7",id:"password-icon",icon:x?"eye":"eye-off",onClick:m})))}};g.style=b();const f=()=>`* {\n  box-sizing: border-box;\n  font-family: "IBM Plex", sans-serif;\n  margin: 0;\n}\n\n.host {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n\n#fieldIcon {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-80);\n}\n\n#fieldIconDisabled {\n  position: absolute;\n  top: 0.5rem;\n  left: 0.75rem;\n  color: var(--gray-60);\n}\n\n.icon-input {\n  padding-left: 2.5rem !important;\n}\n\n.button-input {\n  padding-right: 2.5rem !important;\n}\n\n.right-items-input {\n  padding-right: 4rem !important;\n}\n\n.input-base {\n  display: flex;\n  resize: vertical;\n  width: 100%;\n  min-height: 4rem;\n  padding: 0.5rem 0.75rem;\n  align-items: center;\n  gap: 0.5rem;\n  align-self: stretch;\n  border-radius: 0.5rem;\n  /* Shadow/sm */\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  /* text-sm/leading-5/font-regular */\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.input-base:active:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.input-base:focus:not(:disabled) {\n  outline: 1px solid var(--Legalesign-Blue-60, #4456f6);\n  box-shadow:\n    0px 0px 3px 0px rgba(0, 15, 153, 0.25),\n    0px 0px 2px 0px rgba(0, 15, 153, 0.06),\n    0px 0px 0px 4px #9dc3fc;\n}\n\n.default {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-100);\n}\n\n.default:hover {\n  border: 1px solid var(--gray-50, #d8d9dc);\n  background: var(--White, #fff);\n  color: var(--gray-110);\n}\n\n.disabled {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background: var(--gray-10, #f7f8fa);\n  color: var(--gray-60);\n  cursor: not-allowed;\n}\n\n.invalid {\n  border: 1px solid var(--red-40, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.invalid:hover {\n  border: 1px solid var(--red-50, #ffa19e);\n  background: var(--White, #fff);\n  color: var(--Red-100, #7a1714);\n}\n\n.valid {\n  border: 1px solid var(--green-40, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.valid:hover {\n  border: 1px solid var(--green-50, #72f0c2);\n  background: var(--White, #fff);\n  color: var(--Green-100, #125241);\n}\n\n.right-items {\n  position: absolute;\n  padding: 0.25rem;\n  height: 2.25rem;\n  right: 0;\n  top: 0;\n  display: flex;\n  align-items: center;\n}\n\n#invalidIcon {\n  margin: 0 0.5rem;\n  color: var(--red-70);\n}\n\n#validIcon {\n  margin: 0 0.5rem;\n  color: var(--green-60);\n}\n\n.button {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-90);\n  }\n}\n\n.button:hover {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-20, #edeff2);\n  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:active {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n\n.button:focus {\n  display: flex;\n  height: 1.75rem;\n  width: 1.75rem;\n  padding: 0.25rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.375rem;\n  border: 1px solid var(--Primary-Blue-Light, #4456f6);\n  background: var(--White, #fff);\n  box-shadow:\n    0px 0px 4px 0px #c7ddff inset,\n    0px 0px 0px 4px #9dc3fc;\n\n  #buttonIcon {\n    color: var(--gray-100);\n  }\n}\n`;const u=class{constructor(e){n(this,e)}name;value;placeholder;aria;inputRef;disabled;displayOnly;required;valid;dirty;countMax;buttonClick;buttonIcon;fieldIcon;render(){const{name:n,value:r,placeholder:a,aria:o,disabled:d,displayOnly:t,required:l,valid:s,dirty:c,countMax:p,buttonClick:b,buttonIcon:g,fieldIcon:f}=this;const u=i("input-base",d?"disabled":c&&s?"valid":c&&!s?"invalid":t?"displayOnly":"default",f&&"icon-input",c&&"button-input",g&&"button-input",g&&c&&"right-items-input");return e("host",{key:"b9b212fa870cab626f6e1dc5f48d0dcd45a5d1bd",class:"host"},f&&e("ls-icon",{key:"f3373d97aec26d513a31a95ee616324f07b4c7d9",id:d?"fieldIconDisabled":"fieldIcon",name:f}),e("textarea",{key:"704e3606a789cc71f142bd34df933a173232f5f5",class:u,id:n,name:n,value:r,maxlength:p,placeholder:a,"aria-label":o,required:l,disabled:d}),e("div",{key:"df50eb4f16b1e9847569f2f5e6ad17510ec8e93a",class:"right-items"},c&&!d&&e("ls-icon",{key:"a6b317c7baa79e9e31b2327e68cc5205b0505308",id:s?"validIcon":"invalidIcon",name:s?"check-circle":"exclamation-circle"}),g&&e("button",{key:"12cd96da1502f4271259c82d331fa4278643a999",class:"button",onClick:b},e("ls-icon",{key:"2b9a1052b00ee9f9a078962e7cc927355b219fc9",id:"buttonIcon",name:g}))))}};u.style=f();export{t as ls_number_input,s as ls_radio_input,p as ls_select_input,g as ls_text_input,u as ls_textarea_input};
-//# sourceMappingURL=p-2b078e5d.entry.js.map

package/dist/ls-document-viewer/p-2b078e5d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","h","createEvent","Host","r","e","t","f","n","Array","isArray","o","length","clsx","arguments","lsNumberInputCss","LsNumberInput","constructor","hostRef","this","type","name","value","placeholder","aria","inputRef","disabled","required","valid","dirty","countMax","buttonClick","buttonIcon","fieldIcon","handleChange","event","target","handlePlus","handleMinus","render","inputClass","plusMinusClass","key","class","onClick","id","onInput","style","lsRadioInputCss","LsRadioInput","radioId","label","icon","checked","customStyle","radioLabelClass","htmlFor","tabIndex","size","lsSelectInputCss","LsSelectInput","displayOnly","lsTextInputCss","LsTextInput","valueChange","showPassword","handlePassword","changeHandler","console","log","emit","maxlength","onChange","lsTextareaInputCss","LsTextareaInput"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/ls-document-viewer/p-362b3939.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as n,h as t}from"./p-BwdJ-HOC.js";const l=()=>`* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n`;const i=class{constructor(t){e(this,t);this.valueChange=n(this,"valueChange",7)}name;fieldId;label;as="text";value;placeholder;descriptionText;errorText;aria;inputRef;infoTooltipText;hoverTooltipText;disabled;extraLabel="none";required;valid;dirty;count;countMax;buttonClick;buttonIcon;labelIcon;fieldIcon;valueChange;changeHandler(e){this.valueChange.emit(e)}_value;valueWatcher(e){this._value=e;console.log(e)}componentWillLoad(){this.valueWatcher(this?.value?.toString())}render(){const{name:e,fieldId:n,label:l,as:i,value:a,placeholder:o,descriptionText:r,errorText:d,aria:c,infoTooltipText:s,disabled:f,extraLabel:b,valid:u,dirty:m,count:p,countMax:h,buttonClick:x,buttonIcon:y,fieldIcon:g,labelIcon:v}=this;const I=a&&a.toString().length>h?"formfield-count-error":"formfield-count";return t("host",{key:"0a2bafe77f859bdb7e4fa672212dfe40aaeee59a",class:"formfield-host"},l?.length>1||b!=="none"&&t("div",{key:"b2f8613eb672acc65a3db47254b879a88eb06f45",class:"formfield-top-elements"},t("div",{key:"ec1d8bb4d57723c4f0c56db6c7b6c1909602c969",class:"formfield-left-side"},v&&t("ls-icon",{key:"1dfd307f162b238d23b2bcc6e353b59a28c45ce2",name:v}),t("label",{key:"de3946135d7a099f746e82f9b88d37522985e9da",htmlFor:e,class:"formfield-label"},l),s&&t("ls-icon",{key:"a860894077d14c0aca5cc0546c4263efd489cecd",name:"information-circle"})),b==="optional"?t("ls-label",{text:"Optional",colour:"gray",type:"low"}):b==="required"?t("ls-label",{text:"Required",colour:"gray",type:"low"}):""),i==="text"?t("ls-text-input",{id:n,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g,onValueChange:e=>{this.changeHandler(e.detail)}}):i==="select"?t("ls-select-input",{id:e,name:e,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g},t("slot",null)):i==="radio"?t("ls-radio-input",{radioId:l,label:a?.toString(),icon:g,name:e,disabled:f}):i==="textarea"?t("ls-textarea-input",{id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="password"?t("ls-text-input",{type:"password",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="displayonly"?t("ls-text-input",{type:"displayonly",id:e,name:e,value:a?.toString(),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):i==="number"?t("ls-number-input",{type:"ls",id:e,name:e,value:Number(a),countMax:h,placeholder:o,"aria-label":c,required:b==="required",disabled:f,valid:u,dirty:m,buttonIcon:y,buttonClick:x,fieldIcon:g}):t("p",null,"placeholder"),d||p||h||r&&t("div",{key:"ac5661b96439fad43167fc55c1d7993834aad073",class:"formfield-bottom-elements"},d&&!u?t("p",{class:"formfield-error-text"},d):r?t("p",{class:"formfield-description-text"},r):"",p&&t("div",{key:"751feb6bf225c49f3c4a6af11210ecae5d20b599",class:"formfield-count-container"},t("p",{key:"65768f7211e0f157d6e144eca6e005e599f08255",class:I},a?.toString()?.length),h>0&&t("div",{key:"49eadb78f447b1b60684eabf8504fdfba8bd9f41",class:I},t("p",{key:"c0e437c0b1e314b66e02c43a8d663e7b13be641d"},"/"),t("p",{key:"f395471b222fb8758275f4869030ba40fd95721d"},h)))))}static get watchers(){return{value:["valueWatcher"]}}};i.style=l();export{i as ls_formfield};
-//# sourceMappingURL=p-362b3939.entry.js.map

package/dist/ls-document-viewer/p-4b51640e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,a as t,h as o,H as a}from"./p-BwdJ-HOC.js";const i=()=>`*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}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 n=class{constructor(t){e(this,t);this.mutate=r(this,"mutate",7)}get component(){return t(this)}template;editTitle=false;mutate;alter(e){this.debounce(e,500)}titletimer;debounce(e,r){if(this.titletimer)clearTimeout(this.titletimer);this.titletimer=setTimeout((()=>{this.template={...this.template,...e};const r=[{action:"update",data:this.template}];this.mutate.emit(r)}),r)}render(){return o(a,{key:"7b5aac6715fe92fc4ccff81f56b9993930713363"},this.editTitle?o("div",{style:{display:"flex",gap:"0.5rem",alignItems:"center"}},o("input",{value:this.template?.title,style:{height:"1.25rem",padding:"0 0.25rem",width:"fit-content"},onInput:e=>{e.preventDefault();this.alter({title:e.target.value})},onKeyUp:e=>{if(e.key==="Enter"||e.keyCode===13)this.editTitle=false}}),o("ls-icon",{name:"check",size:"1rem",class:"editButton",onClick:()=>{this.editTitle=false}})):o("div",{class:"template-title",onClick:()=>{this.editTitle=!this.editTitle}},o("p",null,this.template?.title)))}};n.style=i();export{n as ls_title_input};
-//# sourceMappingURL=p-4b51640e.entry.js.map