legalesign-document-viewer 0.9.7 → 0.9.9

package/dist/components/p-DraXDtkk.js

@@ -0,0 +1,67 @@
+import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
+import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
+import { d as defineCustomElement$2 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$1 } from './p-r-WjsApf.js';
+
+const lsFieldSizeCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.ls-dv-toolbar-numeric{width:2.813rem;max-height:1.25rem;margin:0px;padding:0px}*{margin:0;box-sizing:border-box}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}.ls-dv-field-properties-section{display:flex;position:relative;flex-direction:column;gap:0.5rem}.ls-dv-row{flex-direction:row;align-items:center;justify-content:space-between}.ls-dv-multi-button-group-row{display:flex;gap:0.5rem}.ls-dv-field-properties-section-text{display:flex;flex-direction:column;gap:0.25rem;padding:0.25rem}.ls-dv-field-properties-section-title{color:var(--gray-90, #5e6066);font-size:1rem;font-style:normal;font-weight:500;line-height:1.25rem;}.ls-dv-field-properties-section-description{overflow:hidden;color:var(--gray-80, #6c6e73);text-overflow:ellipsis;font-size:0.75rem;font-style:normal;font-weight:400;line-height:0.75rem;}.ls-dv-input-row{display:flex;gap:0.5rem}.ls-dv-input-row .ls-dv-input-wrapper input{width:9.313rem;max-width:9.313rem}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:36px}.ls-dv-input-wrapper{position:relative;width:100%}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIconDisabled{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-50, #d8d9dc)}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus:not(:disabled),select:focus:not(:disabled),textarea:focus:not(:disabled){outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active:not(:disabled),select:active:not(:disabled),textarea:active:not(:disabled){border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa);color:var(--gray-50, #d8d9dc);box-shadow:none}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].ls-dv-indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip;width:100%}.ls-dv-button-group button{display:flex;width:100%;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:disabled{background:var(--gray-10, #f7f8fa);cursor:not-allowed;color:var(--gray-50, #d8d9dc)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+
+const LsFieldSize = /*@__PURE__*/ proxyCustomElement(class LsFieldSize extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.mutate = createEvent(this, "mutate", 7);
+    }
+    get component() { return this; }
+    dataItem;
+    mutate;
+    // Send one or more mutations up the chain
+    // The source of the chain fires the mutation
+    alter(diff) {
+        const diffs = this.dataItem.map(c => {
+            return { action: 'update', data: { ...c, ...diff } };
+        });
+        this.dataItem = diffs.map(d => d.data);
+        this.mutate.emit(diffs);
+    }
+    componentDidLoad() {
+        attachAllTooltips(this.component.shadowRoot);
+    }
+    render() {
+        return (h(Host, { key: '7f7ba7e0d128da2a3c174ac405dfcf00ed1c28ac' }, h("div", { key: '8bc4af6bc62b77af95fff5a2639c9f47c81cfe24', class: 'ls-dv-field-properties-section' }, h("div", { key: '52ca0edbe6434d434145e9c675bf633b5de397f6', class: 'ls-dv-field-properties-section-text' }, h("p", { key: '855aae070b23ab2363b504aaac481051dbe04c5d', class: 'ls-dv-field-properties-section-title' }, "Scale and Resize"), h("p", { key: 'fc42ff88bfa344a80a353a7e70653948f065e41a', class: 'ls-dv-field-properties-section-description' }, "Multi-select fields and match their dimensions")), h("div", { key: '6d51837b066edfd7dafc8e3d833ce80ebbd3ede5', class: 'ls-dv-button-group' }, h("button", { key: '84c0b0f4c00425bb500dd233a5aec0bad7701637', onClick: () => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height and width as the first selected field.", "data-tooltip": "Make selected fields the same height and width as the first selected field" }, h("ls-icon", { key: '316cd93e7cffb7a4de19c499b1d9e148dcc8b12a', name: "field-scale" })), h("button", { key: '6a9d2b9cbf2f714c93a9b995ab9d42287ffb0fdf', "aria-label": "Make selected fields the same width as the first selected field", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip": "Make selected fields the same width as the first selected field" }, h("ls-icon", { key: 'ca4480fa12cf85a38c900d6f4cdf904bc3e20f34', name: "field-match-width" })), h("button", { key: '6b835a3abfbc9f63fc9c18a76b4e2054c58758cf', onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip": "Make selected fields the same height as the first selected field" }, h("ls-icon", { key: 'fac01d314f5b44fd1d2237e03f8a856afdb576f9', name: "field-match-height" })))), h("slot", { key: '70e538700a9eda9904becd89cbfc1713e9446757' }), h("ls-tooltip", { key: '592a41292a1f3550aaf4316a6395b80bf116b46f', id: "ls-tooltip-master" })));
+    }
+    static get style() { return lsFieldSizeCss(); }
+}, [769, "ls-field-size", {
+        "dataItem": [1040]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-size", "ls-icon", "ls-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-size":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsFieldSize);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFieldSize as L, defineCustomElement as d };
+//# sourceMappingURL=p-DraXDtkk.js.map
+
+//# sourceMappingURL=p-DraXDtkk.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DraXDtkk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-size/ls-field-size.css?tag=ls-field-size&encapsulation=shadow","src/components/ls-field-size/ls-field-size.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  position: relative;\n}\n\n.ls-dv-toolbar-numeric {\n  width: 2.813rem;\n  max-height: 1.25rem;\n  margin: 0px;\n  padding: 0px;\n}\n\n* {\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.ls-dv-field-set {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n}\n\n.ls-dv-field-properties-section {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.ls-dv-row {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.ls-dv-multi-button-group-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-field-properties-section-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  padding: 0.25rem;\n}\n\n.ls-dv-field-properties-section-title {\n  color: var(--gray-90, #5e6066);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n}\n\n.ls-dv-field-properties-section-description {\n  overflow: hidden;\n  color: var(--gray-80, #6c6e73);\n  text-overflow: ellipsis;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 0.75rem; /* 120% */\n}\n\n.ls-dv-input-row {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.ls-dv-input-row .ls-dv-input-wrapper input {\n  width: 9.313rem;\n  max-width: 9.313rem;\n}\n\n/* Global Styles */\n\np {\n  color: var(--gray-80, #6c6e73);\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n}\n\na {\n  color: var(--primary-60, #4456f6);\n  font-size: var(--text-sm);\n  font-style: normal;\n  font-weight: 400;\n  line-height: var(--text-sm-line-height);\n  cursor: pointer;\n}\n\na:hover {\n  text-decoration: underline;\n  color: var(--primary-70, #2134dc);\n}\n\n.ls-dv-button-link,\n.ls-dv-button-link:hover {\n  all: unset;\n}\n\nselect {\n  appearance: none;\n  height: 36px;\n}\n\n.ls-dv-input-wrapper {\n  position: relative;\n  width: 100%;\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#selectLeadingIconDisabled {\n  position: absolute;\n  top: 50%;\n  left: 0.675rem;\n  transform: translateY(-50%);\n  pointer-events: none;\n  color: var(--gray-50, #d8d9dc);\n}\n\n.ls-dv-has-leading-icon {\n  padding-left: 2.5rem;\n}\n\ninput,\nselect,\ntextarea {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  box-shadow: 0 1px 0.125rem rgba(0, 0, 0, 0.05);\n  padding: 0.5rem 0.75rem;\n  font-family: var(--font-family);\n  font-size: var(--text-sm);\n  border-radius: 0.625rem;\n  color: var(--gray-100, #45484d);\n  font-weight: 400;\n}\n\ninput::placeholder,\nselect::placeholder,\ntextarea::placeholder {\n  color: var(--gray-60, #afb0b2);\n}\n\ninput:hover:not(:disabled),\nselect:hover:not(:disabled),\ntextarea:hover:not(:disabled) {\n  border-color: var(--gray-50, #c8c9cc);\n  background-color: var(--white, #fff);\n}\n\ninput:focus:not(:disabled),\nselect:focus:not(:disabled),\ntextarea:focus:not(:disabled) {\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:not(:disabled),\nselect:active:not(:disabled),\ntextarea:active:not(:disabled) {\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  color: var(--gray-50, #d8d9dc);\n  box-shadow: none;\n}\n\ninput[type='checkbox'] {\n  appearance: none;\n  position: relative;\n  height: 1rem;\n  width: 1rem;\n  padding: 0.25rem;\n  border-radius: var(--radius-sm);\n  border: 1px solid #d1d5db;\n  background-color: #ffffff;\n  cursor: pointer;\n}\n\ninput[type='checkbox']:checked,\ninput[type='checkbox'].ls-dv-indeterminate {\n  background-color: var(--primary-60, #4456f6);\n  border: none;\n}\n\ninput[type='checkbox']:checked::after {\n  content: '';\n  position: absolute;\n  top: 45%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-45deg) scale(-1, 1);\n  width: 0.5rem;\n  height: 0.25rem;\n  border-bottom: 0.125rem solid white;\n  border-right: 0.125rem solid white;\n}\n\ninput[type='checkbox'].ls-dv-indeterminate::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 0.5rem;\n  height: 0.125rem;\n  background-color: white;\n}\n\ninput[type='checkbox']:checked:hover,\ninput[type='checkbox'].ls-dv-indeterminate:hover {\n  background-color: var(--primary-70, #2134dc);\n  border: none;\n}\n\ninput[type='checkbox']:hover {\n  border: 1px solid #9ca3af;\n}\n\ninput[type='checkbox']:focus,\ninput[type='checkbox']:active {\n  outline: none;\n  box-shadow: 0 0 0 0.25rem var(--primary-20, #c7ddff);\n  background-color: #f0f4f8;\n}\n\ninput[type='checkbox']:disabled {\n  background-color: #f3f4f6;\n  outline: none;\n  cursor: not-allowed;\n}\n\ninput[type='checkbox']:disabled:checked {\n  background-color: #e5e7eb;\n  border: none;\n  outline: none;\n  cursor: not-allowed;\n}\n\n.ls-dv-checkbox-container {\n  display: flex;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.ls-dv-checkbox-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-form-label {\n  color: var(--gray-100, #45484d);\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.5rem;\n}\n\n.ls-dv-form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  width: 100%;\n}\n\n.ls-dv-loading-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100vh;\n  color: var(--primary-60, #0c7cba);\n}\n\nbutton {\n  border: 0;\n  appearance: button;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--radius-lg);\n  background-color: var(--primary-60, #4456f6);\n  color: white;\n  text-transform: capitalize;\n  min-height: 2.25rem;\n  min-width: 2.25rem;\n}\n\nbutton.ls-dv-tertiary-grey {\n  border: 1px solid var(--gray-40, #d8d9dc);\n  background-color: white;\n  color: var(--gray-80, #787a80);\n}\n\nbutton.ls-dv-tertiary-grey:hover {\n  border: 1px solid var(--gray-50, #c8c9cc);\n  background: var(--gray-10, #f7f8fa);\n}\n\n.ls-dv-button-group {\n  display: flex;\n  border-radius: 0.625rem;\n  border: 1px solid var(--gray-30, #e0e2e5);\n  background: var(--white, #ffffff);\n  overflow: clip;\n  width: 100%;\n}\n\n.ls-dv-button-group button {\n  display: flex;\n  width: 100%;\n  background: transparent;\n  border-radius: unset;\n  padding: 0.25rem 0.75rem;\n  min-width: 2.156rem;\n  color: var(--gray-80, #6c6e73);\n}\n\n.ls-dv-button-group button:disabled {\n  background: var(--gray-10, #f7f8fa);\n  cursor: not-allowed;\n  color: var(--gray-50, #d8d9dc);\n}\n\n.ls-dv-button-group button:hover {\n  background: var(--gray-10, #f7f8fa);\n}\n\n.ls-dv-button-group > :first-child {\n  border-radius: 0.625rem 0 0 0.625rem;\n}\n\n.ls-dv-button-group > :last-child {\n  border-radius: 0 0.5rem 0.5rem 0;\n}\n\n.ls-dv-button-group > :not(:first-child) {\n  border-left: 1px solid var(--gray-30, #e0e2e5);\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\nimport { attachAllTooltips } from '../../utils/tooltip';\n\n@Component({\n  tag: 'ls-field-size',\n  styleUrl: 'ls-field-size.css',\n  shadow: true,\n})\nexport class LsFieldSize {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n  })\n  mutate: EventEmitter<LSMutateEvent[]>;\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    const diffs: LSMutateEvent[] = this.dataItem.map(c => {\n      return { action: 'update', data: { ...c, ...diff } as LSApiElement };\n    });\n\n    this.dataItem = diffs.map(d => d.data as LSApiElement);\n    this.mutate.emit(diffs);\n  }\n\n  componentDidLoad() {\n    attachAllTooltips(this.component.shadowRoot);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={'ls-dv-field-properties-section'}>\n          <div class={'ls-dv-field-properties-section-text'}>\n            <p class={'ls-dv-field-properties-section-title'}>Scale and Resize</p>\n            <p class={'ls-dv-field-properties-section-description'}>Multi-select fields and match their dimensions</p>\n          </div>\n          <div class={'ls-dv-button-group'}>\n            <button\n              onClick={() => this.alter({ width: this.dataItem[0].width, height: this.dataItem[0].height })}\n              aria-label=\"Make selected fields the same height and width as the first selected field.\"\n              data-tooltip=\"Make selected fields the same height and width as the first selected field\"\n            >\n              <ls-icon name=\"field-scale\"></ls-icon>\n            </button>\n            <button\n              aria-label=\"Make selected fields the same width as the first selected field\"\n              onClick={() => this.alter({ width: this.dataItem[0].width })}\n              data-tooltip=\"Make selected fields the same width as the first selected field\"\n            >\n              <ls-icon name=\"field-match-width\"></ls-icon>\n            </button>\n            <button\n              onClick={() => this.alter({ height: this.dataItem[0].height })}\n              aria-label=\"Make selected fields the same height as the first selected field.\"\n              data-tooltip=\"Make selected fields the same height as the first selected field\"\n            >\n              <ls-icon name=\"field-match-height\"></ls-icon>\n            </button>\n          </div>\n        </div>\n\n        <slot></slot>\n        <ls-tooltip id=\"ls-tooltip-master\"></ls-tooltip>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-DuZQc5pI.js

@@ -0,0 +1,117 @@
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
+import { d as defineCustomElement$d } from './p-nI-Ai-EP.js';
+import { d as defineCustomElement$c } from './p-mlgxtxvQ.js';
+import { d as defineCustomElement$b } from './p-CjyuB3m8.js';
+import { d as defineCustomElement$a } from './p-DbfkETsr.js';
+import { d as defineCustomElement$9 } from './p-Cxl5cc-7.js';
+import { d as defineCustomElement$8 } from './p-CdThcAPH.js';
+import { d as defineCustomElement$7 } from './p-csQ0C6zE.js';
+import { d as defineCustomElement$6 } from './p-CPAt_lYg.js';
+import { d as defineCustomElement$5 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$4 } from './p-BPU5lYEx.js';
+import { d as defineCustomElement$3 } from './p-D_vziSXg.js';
+import { d as defineCustomElement$2 } from './p-DW3YwzWQ.js';
+import { d as defineCustomElement$1 } from './p-r-WjsApf.js';
+
+const lsFieldPropertiesSignatureCss = () => `:host{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;position:relative}*{margin:0}.ls-dv-field-set{display:flex;flex-direction:column;gap:1rem;width:100%}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.ls-dv-button-link,.ls-dv-button-link:hover{all:unset}select{appearance:none;height:2.25rem;width:100%}.ls-dv-has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.625rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].ls-dv-indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].ls-dv-indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].ls-dv-indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.ls-dv-checkbox-container{display:flex;gap:0.5rem;width:100%}.ls-dv-checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.ls-dv-form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.ls-dv-loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{display:flex;gap:0.5rem;border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;font-weight:500;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.ls-dv-tertiary-grey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.ls-dv-tertiary-grey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-secondary{border:1px solid var(--gray-50, #c8c9cc);background:var(--white, #fff);color:var(--gray-90, #5e6066);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.1)}button.ls-dv-secondary:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}button.ls-dv-destructive{border:1px solid var(--red-60, #f04438);background-color:white;color:var(--red-60)}button.ls-dv-destructive:hover{border:1px solid var(--red-70, #d92d20);background:var(--red-10, #fff1f0)}.ls-dv-button-group{display:flex;border-radius:0.625rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.ls-dv-button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.ls-dv-button-group button:hover{background:var(--gray-10, #f7f8fa)}.ls-dv-button-group>:first-child{border-radius:0.625rem 0 0 0.625rem}.ls-dv-button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.ls-dv-button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
+
+const LsFieldPropertiesSignature = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesSignature extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: '2a76f2868b48f4473b974d52341537171e13e29b' }, h("ls-field-properties-container", { key: '3f6ee3d18957ba7f546a073486d557351a6b7856', tabs: ['content', 'placement', 'dimensions'] }, h("div", { key: '104f5ccf159b3f6b4e7a54b2a197a23c6bceeb0d', class: 'ls-dv-field-set', slot: "content" }, h("ls-field-content", { key: '964b4f4ba183a01daaa86f80835b8d295da8a42f', dataItem: this.dataItem, showValidationTypes: false }), h("ls-field-properties-advanced", { key: '928c0d749de124fa35c0be8316df9bcec74a99f6', dataItem: this.dataItem })), h("div", { key: 'ba12ba8f7874ab83accedd2374c780d6e43867ba', class: 'ls-dv-field-set', slot: "dimensions" }, h("ls-field-dimensions", { key: '1fd8f1eea8d02a60a4439c0ce788cf1b530fbbc2', dataItem: this.dataItem })), h("div", { key: 'f92f69d29e7993ca2f77c05bfbfa43349a2d4bac', class: 'ls-dv-field-set', slot: "placement" }, h("ls-field-placement", { key: '2a40558969f24153f4e81f0012403f9aef5e133a', dataItem: this.dataItem }))), h("ls-field-footer", { key: '3803d5cba9497b2279bf7d7a69dea562f3ff3a8e', dataItem: this.dataItem })));
+    }
+    static get style() { return lsFieldPropertiesSignatureCss(); }
+}, [769, "ls-field-properties-signature", {
+        "dataItem": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-properties-signature", "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-signature":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsFieldPropertiesSignature);
+            }
+            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 { LsFieldPropertiesSignature as L, defineCustomElement as d };
+//# sourceMappingURL=p-DuZQc5pI.js.map
+
+//# sourceMappingURL=p-DuZQc5pI.js.map

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

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

package/dist/components/p-FDtrmHYM.js

@@ -0,0 +1,59 @@
+import { t as transformTag, p as proxyCustomElement, H, h } from './p-BhZ5Udbm.js';
+import { c as clsx } from './p-ChV9xqsO.js';
+import { d as defineCustomElement$1 } from './p-C6Xh997j.js';
+
+const lsRadioInputCss = () => `.ls-dv-radio-label{display:flex;align-items:center;gap:0.75rem;border-radius:0.625rem;padding:0.5rem 0.75rem}.ls-dv-radio-label.ls-dv-checked{background-color:var(--primary-10);border-color:var(--primary-20);color:var(--primary-90)}.ls-dv-radio-label:not(checked){color:var(--gray-90);background-color:var(--gray-10);border:1px solid var(--gray-20)}.ls-dv-radio-label.ls-dv-checked:hover{border-color:var(--primary-30);color:var(--primary-100)}.ls-dv-radio-label:not(.ls-dv-checked):not(.ls-dv-disabled):hover{border-color:var(--gray-50);color:var(--gray-100)}.ls-dv-radio-label:focus:not(.ls-dv-disabled){box-shadow:var(--focus-box-shadow);outline-offset:var(--focus-outline-offset);outline:none}.ls-dv-radio-label.ls-dv-disabled{cursor:not-allowed}.ls-dv-radio-label.ls-dv-disabled.ls-dv-checked{background-color:var(--primary-10);color:var(--primary-40);border-color:var(--primary-40)}.ls-dv-radio-label.ls-dv-disabled:not(.ls-dv-checked){background-color:var(--gray-10);color:var(--gray-60)}.ls-dv-input-class{margin-top:0px}.ls-dv-input-class:focus{outline:none}.ls-dv-input-class:disabled{cursor:not-allowed}.ls-dv-span-container{display:flex;gap:0.25rem;align-items:center}`;
+
+const LsRadioInput = /*@__PURE__*/ proxyCustomElement(class LsRadioInput extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    radioId;
+    label;
+    icon;
+    name = 'name';
+    checked = false;
+    disabled = false;
+    customStyle;
+    render() {
+        const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
+        const radioLabelClass = clsx('ls-dv-radio-label', disabled && 'ls-dv-disabled', checked && 'ls-dv-checked');
+        return (h("label", { key: '4790e31ad8d38631b2f57dc14e29423623510ac6', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: '75aa12d63ea029a4c14cbedc70ef23617a5702ef', type: 'radio', class: 'ls-dv-input-class', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'd84143f3d70ccfe3b722e05c8ff11705c2825813', class: 'ls-dv-span-container' }, h("span", { key: '4726c6d60b29730aeacdd93002579e4379c275e9' }, icon && h("ls-icon", { key: '97eab5929dbfb6cf8884371560b38f20c43499d0', name: icon, size: "16" })), h("span", { key: 'cf759e07cebd1816b9fb8ff26e5d397dc4cddc18' }, label))));
+    }
+    static get style() { return lsRadioInputCss(); }
+}, [768, "ls-radio-input", {
+        "radioId": [1, "radio-id"],
+        "label": [1],
+        "icon": [1],
+        "name": [1],
+        "checked": [4],
+        "disabled": [4],
+        "customStyle": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-radio-input", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-radio-input":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsRadioInput);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsRadioInput as L, defineCustomElement as d };
+//# sourceMappingURL=p-FDtrmHYM.js.map
+
+//# sourceMappingURL=p-FDtrmHYM.js.map

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

@@ -0,0 +1 @@
+{"file":"p-FDtrmHYM.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,4pCAA4pC,CAAC;;MCS/qC,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;AACf,IAAA,OAAO;AACP,IAAA,KAAK;AACL,IAAA,IAAI;IACJ,IAAI,GAAY,MAAM;IACtB,OAAO,GAAY,KAAK;IACxB,QAAQ,GAAa,KAAK;AAC1B,IAAA,WAAW;IAEnB,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,GAAG,IAAI;AACR,QAAA,MAAM,eAAe,GAAG,IAAI,CAC1B,mBAAmB,EACnB,QAAQ,IAAI,gBAAgB,EAC5B,OAAO,IAAI,eAAe,CAC3B;AAED,QAAA,QACE,CACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,WAAW,EAAA,EAElB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,mBAAmB,EACzB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,CAAA,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,IAAI,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAY,CAAQ,EAClE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,KAAK,CAAQ,CAChB,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.css?tag=ls-radio-input","src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.tsx"],"sourcesContent":[".ls-dv-radio-label{\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  border-radius: 0.625rem;\n  padding: 0.5rem 0.75rem;\n}\n\n.ls-dv-radio-label.ls-dv-checked {\n  background-color: var(--primary-10);\n  border-color: var(--primary-20);\n  color: var(--primary-90)\n}\n\n.ls-dv-radio-label:not(checked) {\n  color: var(--gray-90);\n  background-color: var(--gray-10);\n  border: 1px solid var(--gray-20);\n}\n\n.ls-dv-radio-label.ls-dv-checked:hover {\n  border-color: var(--primary-30);\n  color: var(--primary-100);\n  \n}\n\n.ls-dv-radio-label:not(.ls-dv-checked):not(.ls-dv-disabled):hover {\n  border-color: var(--gray-50);\n  color: var(--gray-100);\n}\n\n.ls-dv-radio-label:focus:not(.ls-dv-disabled) {\n  box-shadow: var(--focus-box-shadow);\n  outline-offset: var(--focus-outline-offset);\n  outline: none;\n}\n\n.ls-dv-radio-label.ls-dv-disabled {\n  cursor: not-allowed;\n}\n\n.ls-dv-radio-label.ls-dv-disabled.ls-dv-checked {\n  background-color: var(--primary-10);\n  color: var(--primary-40);\n  border-color: var(--primary-40);\n}\n\n.ls-dv-radio-label.ls-dv-disabled:not(.ls-dv-checked) {\n  background-color: var(--gray-10);\n  color: var(--gray-60);\n}\n\n.ls-dv-input-class {\n  margin-top: 0px;\n}\n\n.ls-dv-input-class:focus {\n  outline: none;\n}\n\n.ls-dv-input-class:disabled {\n  cursor: not-allowed;\n}\n\n.ls-dv-span-container {\n  display: flex;\n  gap: 0.25rem;\n  align-items: center;\n}","import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-radio-input',\n  styleUrl: 'ls-radio-input.css',\n  shadow: false,\n})\nexport class LsRadioInput {\n  @Prop() radioId: string;\n  @Prop() label: string;\n  @Prop() icon?: Icon;\n  @Prop() name?: string = 'name';\n  @Prop() checked: boolean = false;\n  @Prop() disabled?: boolean = false;\n  @Prop() customStyle?: { [key: string]: string };\n\n  render() {\n    const {\n      label,\n      radioId,\n      icon,\n      name,\n      disabled,\n      checked,\n      customStyle,\n    } = this;\n    const radioLabelClass = clsx(\n      'ls-dv-radio-label',\n      disabled && 'ls-dv-disabled',\n      checked && 'ls-dv-checked',\n    );\n\n    return (\n      <label\n        htmlFor={radioId}\n        tabIndex={0}\n        class={radioLabelClass}\n        style={customStyle}\n      >\n        <input\n          type='radio'\n          class='ls-dv-input-class'\n          id={radioId}\n          name={name}\n          value={label}\n          disabled={disabled}\n          tabIndex={0}\n          checked={checked}\n        />\n        <div class='ls-dv-span-container'>\n          <span>{icon && <ls-icon name={icon} size={\"16\"}></ls-icon>}</span>\n          <span>{label}</span>\n        </div>\n      </label>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-MnmZGRfs.js

@@ -0,0 +1,73 @@
+import { t as transformTag, p as proxyCustomElement, H, h, c as Host } from './p-BhZ5Udbm.js';
+import { d as defaultRolePalette } from './p-BKrsDBDB.js';
+import { d as defineCustomElement$3 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$2 } from './p-Bvl107Bs.js';
+import { d as defineCustomElement$1 } from './p-r-WjsApf.js';
+
+const lsValidationManagerCss = () => `:host{display:block}*{box-sizing:border-box;margin:0}.ls-dv-toolbox-section-description{color:var(--gray-80, #5e6066);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem}.ls-dv-validation-section-title{color:var(--gray-100, #45484d);font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.75rem;}.ls-dv-valid-label{display:flex;padding:0.125rem 0.5rem;justify-content:center;align-items:center;gap:0.25rem;border-radius:1rem;font-size:0.75rem;font-style:normal;font-weight:500;line-height:1.25rem;width:fit-content}.ls-dv-valid{background-color:var(--green-30, #9df5d4);color:var(--green-100, #125241)}.ls-dv-invalid{background:var(--yellow-20, #fff3c2);color:var(--yellow-90, #8a3f0e)}.ls-dv-field-counter{display:flex;padding:0.125rem;justify-content:center;align-items:center;border-radius:1rem;font-size:0.625rem;line-height:0.75rem;font-style:normal;font-weight:500;color:var(--yellow-20, #fff3c2);background:#e17100;min-width:1rem}.ls-dv-field-dropdown{position:absolute;top:2rem;right:0;background:white;display:flex;flex-direction:column;gap:0.75rem;width:20rem;padding:1rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);max-height:20rem;overflow-y:auto;flex-direction:column;align-items:flex-start;z-index:1000}.ls-dv-required-field{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;gap:0.5rem;border-radius:0.625rem;padding:0.5rem 0.5rem 0.5rem 1rem;background:var(--field-background);color:var(--field-text-color);border:1px solid var(--field-border-color);transition:all 0.1s ease-in-out}.ls-dv-required-field:hover{background:var(--field-background-hover);color:var(--field-text-color-hover);border:1px solid var(--field-border-color-hover);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)}.ls-dv-required-field-items-left{display:flex;gap:0.5rem;align-items:center;width:100%}.ls-dv-required-field-items-left p{font-size:0.875rem;font-style:normal;font-weight:500;line-height:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-dv-dot{height:0.5rem;width:0.5rem;border-radius:50%}.ls-dv-role-label{display:flex;padding:0.125rem 0.1875rem;justify-content:center;align-items:center;border-radius:0.25rem;font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;text-transform:capitalize}.ls-dv-dropdown-header h2{color:var(--gray-100, #45484d);font-size:0.875rem;font-style:normal;font-weight:500;line-height:1.25rem;margin-bottom:0.125rem}.ls-dv-dropdown-header p{color:var(--gray-80, #6c6e73);font-size:0.75rem;font-style:normal;font-weight:400;line-height:1rem;}`;
+
+const LsValidationManager = /*@__PURE__*/ proxyCustomElement(class LsValidationManager extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    /**
+     * The template information (as JSON).
+     * {LSApiTemplate}
+     */
+    validationErrors;
+    render() {
+        return (h(Host, { key: 'c0e17bb289f70d1a106f31d0a250c19b5e39b467' }, h("div", { key: '7255e0d1895f534e086cc407e5a6f960b5754994' }, h("div", { key: 'a4176da0894e0f1de3215e8394102de3df328c40' }, h("div", { key: 'e4354334733ac2795bb3acdd33f12f548aac88f6', class: 'ls-dv-validation-section-title' }, "Action Required"), h("p", { key: '1943dfe6954d1bda8b4ac0be3c553742208caa1d', class: "ls-dv-toolbox-section-description" }, "This document needs fields added or corrected before it can be sent.")), this.validationErrors && this.validationErrors.map((field, idx) => {
+            const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;
+            const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];
+            return (h("div", { key: idx, class: 'ls-dv-required-field', style: {
+                    '--field-background': pallette.s10,
+                    '--field-border-color': pallette.s10,
+                    '--field-background-hover': pallette.s20,
+                    '--field-text-color': pallette.s70,
+                    '--field-text-color-hover': pallette.s80,
+                    '--field-border-color-hover': pallette.s60,
+                } }, h("div", { class: 'ls-dv-required-field-items-left' }, h("div", { class: 'ls-dv-dot', style: { background: pallette.s60 } }), field?.role && (h("div", { class: 'ls-dv-required-field-items-left' }, h("p", { style: { color: pallette.s80 } }, field.role?.name || `Signer ${field?.role?.signerIndex + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`))), field?.element && (h(h.Fragment, null, h("ls-toolbox-field", { elementType: "signature", formElementType: "signature", label: "Signature", defaultHeight: 27, defaultWidth: 120, validation: 0, icon: "signature", tooltip: "Use this field to collect Signatures from Participants", signer: field.element.signer }), h("p", { style: { color: pallette.s80 } }, field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`), h("div", { class: 'ls-dv-role-label', style: { background: pallette.s30, color: pallette.s70 } }, field.description))))));
+        })), h("slot", { key: '342eeff16ca90f3f406bea886420cdb7888ff6c2' })));
+    }
+    static get style() { return lsValidationManagerCss(); }
+}, [769, "ls-validation-manager", {
+        "validationErrors": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-validation-manager", "ls-icon", "ls-toolbox-field", "ls-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-validation-manager":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), LsValidationManager);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "ls-toolbox-field":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "ls-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsValidationManager as L, defineCustomElement as d };
+//# sourceMappingURL=p-MnmZGRfs.js.map
+
+//# sourceMappingURL=p-MnmZGRfs.js.map

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

@@ -0,0 +1 @@
+{"file":"p-MnmZGRfs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,opFAAopF,CAAC;;MCU9qF,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;;;;;;;;AAE9B;;;AAGG;AACK,IAAA,gBAAgB;IAExB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,gCAAgC,EAAuB,EAAA,iBAAA,CAAA,EACnE,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,mCAAmC,EAAA,EAAA,sEAAA,CAExC,CACA,EACL,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;YACjE,MAAM,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,GAAG,GAAG,IAAI;AACpF,YAAA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,IAAI,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC;AAE/E,YAAA,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,sBAAsB,EAC7B,KAAK,EAAE;oBACL,oBAAoB,EAAE,QAAQ,CAAC,GAAG;oBAClC,sBAAsB,EAAE,QAAQ,CAAC,GAAG;oBACpC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;oBACxC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;oBAClC,0BAA0B,EAAE,QAAQ,CAAC,GAAG;oBACxC,4BAA4B,EAAE,QAAQ,CAAC,GAAG;AAC3C,iBAAA,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iCAAiC,EAAA,EAC3C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAI,CAAA,EAC/D,KAAK,EAAE,IAAI,KACV,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,iCAAiC,EAAA,EAC3C,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CAAA,OAAA,EAAU,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,CAAA,CAAE,CAAK,EACrG,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EACrF,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAA,OAAA,EAAU,KAAK,CAAC,IAAI,EAAE,WAAW,GAAG,CAAC,CAAA,CAAE,CAC1E,CACF,CACP,EACA,KAAK,EAAE,OAAO,KACb,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,IAAA,EACC,CAAA,CAAA,kBAAA,EAAA,EACK,WAAW,EAAC,WAAW,EACvB,eAAe,EAAC,WAAW,EAC3B,KAAK,EAAC,WAAW,EACjB,aAAa,EAAE,EAAE,EACjB,YAAY,EAAE,GAAG,EACjB,UAAU,EAAE,CAAC,EACb,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,wDAAwD,EAChE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAC5B,CAAA,EAEJ,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EAAG,KAAK,CAAC,IAAI,EAAE,IAAI,IAAI,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAA,CAAA,EAAI,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,CAAA,CAAE,CAAK,EAC5H,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,EAAA,EACrF,KAAK,CAAC,WAAW,CACd,CACL,CACJ,CACG,CACF;AAEV,SAAC,CAAC,CACE,EACN,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-validation-manager/ls-validation-manager.css?tag=ls-validation-manager&encapsulation=shadow","src/components/ls-validation-manager/ls-validation-manager.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.ls-dv-toolbox-section-description {\n  color: var(--gray-80, #5e6066);\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem;\n}\n\n.ls-dv-validation-section-title {\n  color: var(--gray-100, #45484d);\n  font-size: 1.125rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.75rem; /* 155.556% */\n}\n\n.ls-dv-valid-label {\n  display: flex;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.25rem;\n  border-radius: 1rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  width: fit-content;\n}\n\n.ls-dv-valid {\n  background-color: var(--green-30, #9df5d4);\n  color: var(--green-100, #125241);\n}\n\n.ls-dv-invalid {\n  background: var(--yellow-20, #fff3c2);\n  color: var(--yellow-90, #8a3f0e);\n}\n\n.ls-dv-field-counter {\n  display: flex;\n  padding: 0.125rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 1rem;\n  font-size: 0.625rem;\n  line-height: 0.75rem;\n  font-style: normal;\n  font-weight: 500;\n  color: var(--yellow-20, #fff3c2);\n  background: #e17100;\n  min-width: 1rem;\n}\n\n.ls-dv-field-dropdown {\n  position: absolute;\n  top: 2rem;\n  right: 0;\n  background: white;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 20rem;\n  padding: 1rem;\n  border-radius: 1rem;\n  border: 1px solid #e5e7eb;\n  background: #fff;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  max-height: 20rem;\n  overflow-y: auto;\n  flex-direction: column;\n  align-items: flex-start;\n  z-index: 1000;\n}\n\n.ls-dv-required-field {\n  position: relative;\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 0.625rem;\n  padding: 0.5rem 0.5rem 0.5rem 1rem;\n  background: var(--field-background);\n  color: var(--field-text-color);\n  border: 1px solid var(--field-border-color);\n  transition: all 0.1s ease-in-out;\n}\n\n.ls-dv-required-field:hover {\n  background: var(--field-background-hover);\n  color: var(--field-text-color-hover);\n  border: 1px solid var(--field-border-color-hover);\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n}\n\n.ls-dv-required-field-items-left {\n  display: flex;\n  gap: 0.5rem;\n  align-items: center;\n  width: 100%;\n}\n\n.ls-dv-required-field-items-left p {\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 0.875rem; /* 142.857% */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ls-dv-dot {\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 50%;\n}\n\n.ls-dv-role-label {\n  display: flex;\n  padding: 0.125rem 0.1875rem;\n  justify-content: center;\n  align-items: center;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-transform: capitalize;\n}\n\n.ls-dv-dropdown-header h2 {\n  color: var(--gray-100, #45484d);\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 1.25rem; /* 142.857% */\n  margin-bottom: 0.125rem;\n}\n\n.ls-dv-dropdown-header p {\n  color: var(--gray-80, #6c6e73);\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { ValidationError } from '../../types/ValidationError';\nimport { defaultRolePalette } from '../ls-document-viewer/defaultPalette';\n\n@Component({\n  tag: 'ls-validation-manager',\n  styleUrl: 'ls-validation-manager.css',\n  shadow: true,\n})\n\nexport class LsValidationManager {\n\n  /**\n   * The template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() validationErrors: ValidationError[];\n\n  render() {\n    return (\n      <Host>\n        <div>\n          <div>\n            <div class={'ls-dv-validation-section-title'}>Action Required</div>\n            <p class=\"ls-dv-toolbox-section-description\">\n              This document needs fields added or corrected before it can be sent.\n            </p>\n          </div>\n          {this.validationErrors && this.validationErrors.map((field, idx) => {\n            const signerIndex = field?.role?.signerIndex ? field?.role?.signerIndex % 100 : null;\n            const pallette = defaultRolePalette[signerIndex || field?.element?.signer || 0];\n\n            return (\n              <div\n                key={idx}\n                class={'ls-dv-required-field'}\n                style={{\n                  '--field-background': pallette.s10,\n                  '--field-border-color': pallette.s10,\n                  '--field-background-hover': pallette.s20,\n                  '--field-text-color': pallette.s70,\n                  '--field-text-color-hover': pallette.s80,\n                  '--field-border-color-hover': pallette.s60,\n                }}\n              >\n                <div class={'ls-dv-required-field-items-left'}>\n                  <div class={'ls-dv-dot'} style={{ background: pallette.s60 }} />\n                  {field?.role && (\n                    <div class={'ls-dv-required-field-items-left'}>\n                      <p style={{ color: pallette.s80 }}>{field.role?.name || `Signer ${field?.role?.signerIndex + 1}`}</p>\n                      <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                        {field.role?.roleType.toLowerCase() || `Signer ${field.role?.signerIndex + 1}`}\n                      </div>\n                    </div>\n                  )}\n                  {field?.element && (\n                    <>\n                     <ls-toolbox-field\n                          elementType=\"signature\"\n                          formElementType=\"signature\"\n                          label=\"Signature\"\n                          defaultHeight={27}\n                          defaultWidth={120}\n                          validation={0}\n                          icon=\"signature\"\n                          tooltip=\"Use this field to collect Signatures from Participants\"\n                          signer={field.element.signer}\n                        />\n\n                      <p style={{ color: pallette.s80 }}>{field.role?.name || `${field.element.formElementType} ${field?.element?.label + 1}`}</p>\n                      <div class={'ls-dv-role-label'} style={{ background: pallette.s30, color: pallette.s70 }}>\n                        {field.description}\n                      </div>\n                    </>\n                  )}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ubk149vz.js → p-RsH48e52.js}

@@ -1,9 +1,9 @@
 import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
 import { a as attachAllTooltips } from './p-Cb8nDMs-.js';
-import { d as defineCustomElement$2 } from './p-CQL30SR-.js';
-import { d as defineCustomElement$1 } from './p-EiDqqBpE.js';
+import { d as defineCustomElement$2 } from './p-C6Xh997j.js';
+import { d as defineCustomElement$1 } from './p-r-WjsApf.js';
 
-const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.5rem}.activeIcon,.defaultIcon{padding:0.75rem;border-radius:0.75rem;color:var(--gray-80, #787A80)}.defaultIcon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.activeIcon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.hidden{display:none}`;
+const lsFeatureColumnCss = () => `:host{display:flex;flex-direction:column;gap:0.75rem;padding:0.25rem}.ls-dv-active-icon,.ls-dv-default-icon{padding:0.75rem;border-radius:1rem;color:var(--gray-80, #787A80)}.ls-dv-default-icon:hover{background-color:var(--primary-10, #EFF4FF);color:var(--primary-100, #0C1457);cursor:pointer}.ls-dv-active-icon{background-color:var(--primary-60, #4456F6);color:var(--white, #fff)}.ls-dv-hidden{display:none}`;
 
 const LsFeatureColoumn = /*@__PURE__*/ proxyCustomElement(class LsFeatureColoumn extends H {
     constructor(registerHost) {
@@ -31,22 +31,22 @@ const LsFeatureColoumn = /*@__PURE__*/ proxyCustomElement(class LsFeatureColoumn
         attachAllTooltips(this.component.shadowRoot);
     }
     render() {
-        return (h(Host, { key: '33077f49a48b41e99a051489b7e38bba0c1055fb' }, h("div", { key: '24d0d75107f8f5af63f1780cbc714d520ded48c0', class: this.mode !== "editor" ? 'hidden' : this.manager === 'document' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+        return (h(Host, { key: 'dbdc43beaadbc40c67cd015772a0eb5e48c1a5d0' }, h("div", { key: '05276cdd8b216de6a250dc564e4f3c6902f4696c', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('document');
                 this.manager = 'document';
-            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: '742239492ae8ee1456e1a497533f46186038a16a', name: "document", size: "1.5rem" })), h("div", { key: '032e00ce45de619401ee6fb4b572c450495fb52e', class: this.manager === 'toolbox' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Template Details", "data-tooltip": "View and edit Template properties", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'ef4f5c751751bd30f64630439aa12825e04a8888', name: "document", size: "1.5rem" })), h("div", { key: 'b70362f897fff72d951d5186a021ccaba4c3ca30', class: this.manager === 'toolbox' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('toolbox');
                 this.manager = 'toolbox';
-            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'f2de1508d1d3287c19b9b9c1d1bbc63eff986b2f', name: "typing-input", size: "1.5rem" })), h("div", { key: 'bc4134d30db2f53752cf43267405454af4463ec2', class: this.mode !== "editor" ? 'hidden' : this.manager === 'participant' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Field Types", "data-tooltip": "Select and place Form Field Elements", "data-tooltip-placement": "right" }, h("ls-icon", { key: '267bc9fcfc46b228dbdd6c19c4c4ac996a95fe5a', name: "typing-input", size: "1.5rem" })), h("div", { key: '3c3e78ab0bb22256fc3c591d7f530713e2568b34', class: this.mode !== "editor" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('participant');
                 this.manager = 'participant';
-            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '60f66117659c06b6fdd22ea32745c760658e1bb3', name: "user-group", size: "1.5rem" })), h("div", { key: '07f204eddf552e76a833bdd7b177e20a26131d52', class: this.mode !== "compose" ? 'hidden' : this.manager === 'recipient' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Participants", "data-tooltip": "Manage Signers, Witnesses and Approvers", "data-tooltip-placement": "right" }, h("ls-icon", { key: '0cbf3ba3151c0fd1f819c6b9cac15d0a34424758', name: "user-group", size: "1.5rem" })), h("div", { key: 'a39ba561bf22f8b379bc1c1d36872842b1d28bbc', class: this.mode !== "compose" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('recipient');
                 this.manager = 'recipient';
-            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '4e48b1db1489a97e3aebb33f7eb6ab33fae6fc00', name: "user-group", size: "1.5rem" })), h("div", { key: 'a356442d761cd5cb0ce8ef86c422fa6511859555', class: this.mode !== "preview" ? 'hidden' : this.manager === 'validation' ? 'activeIcon' : 'defaultIcon', onClick: () => {
+            }, "data-tooltip-title": "Recipients", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '6b22267ed70679e77b7030e4830e2ea24848b082', name: "user-group", size: "1.5rem" })), h("div", { key: 'f5cc74a514443943083953c5f74676a638b574ac', class: this.mode !== "preview" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon', onClick: () => {
                 this.manage.emit('validation');
                 this.manager = 'validation';
-            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: '39521b7437d9200d969e2f4b4853d4031883cf01', name: "adjustments", size: "1.5rem" })), h("slot", { key: '2c2189997b71ea9563f9eeabaf47c53cef61226f' }), h("ls-tooltip", { key: '5605403b0d099df3f47d1911d3c6fafd761dbdaf', id: "ls-tooltip-master" })));
+            }, "data-tooltip-title": "Validation", "data-tooltip": "View the list of Recipients for this document", "data-tooltip-placement": "right" }, h("ls-icon", { key: 'e5ab245d718d941a7726135b16ca21fc46933ea4', name: "adjustments", size: "1.5rem" })), h("slot", { key: '30b75122dfe144c9ecf2fc99f096279d8413daea' }), h("ls-tooltip", { key: '095277d40bbda21469e4a02e518506d6b9eb9e43', id: "ls-tooltip-master" })));
     }
     static get style() { return lsFeatureColumnCss(); }
 }, [769, "ls-feature-column", {
@@ -79,6 +79,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LsFeatureColoumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-ubk149vz.js.map
+//# sourceMappingURL=p-RsH48e52.js.map
 
-//# sourceMappingURL=p-ubk149vz.js.map
+//# sourceMappingURL=p-RsH48e52.js.map

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

@@ -0,0 +1 @@
+{"file":"p-RsH48e52.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.75rem;\n  padding: 0.25rem;\n\n}\n\n.ls-dv-active-icon, .ls-dv-default-icon {\n  padding: 0.75rem;\n  border-radius: 1rem;\n  color: var(--gray-80, #787A80);\n}\n\n.ls-dv-default-icon:hover {\n  background-color: var(--primary-10, #EFF4FF);\n  color: var(--primary-100, #0C1457);\n  cursor: pointer;\n}\n\n.ls-dv-active-icon {\n  background-color: var(--primary-60, #4456F6);\n  color: var(--white, #fff);\n}\n\n.ls-dv-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\" ? 'ls-dv-hidden' : this.manager === 'document' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\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' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\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\" ? 'ls-dv-hidden' : this.manager === 'participant' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\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\" ? 'ls-dv-hidden' : this.manager === 'recipient' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\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\" ? 'ls-dv-hidden' : this.manager === 'validation' ? 'ls-dv-active-icon' : 'ls-dv-default-icon'}\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-YD4Bakxe.js

@@ -0,0 +1,36 @@
+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}.ls-dv-compose-loader{display:flex;flex-direction:column;background:var(--gray-10);width:100vw;height:100vh}.ls-dv-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}.ls-dv-compose-loader__header-skeleton{width:10rem;height:0.75rem;background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-compose-loader__header-bar{padding:1rem;display:flex;align-items:center}.ls-dv-compose-loader__header-title{font-weight:bold;font-size:1.1rem}.ls-dv-compose-loader__header-docname{margin-left:1rem;color:var(--gray-100)}.ls-dv-compose-loader__main{display:flex;padding:1rem;gap:1.5rem;height:calc(100vh - 2.375rem);position:relative}.ls-dv-compose-loader__sidebar{position:absolute;height:100%;width:19rem}.ls-dv-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}.ls-dv-compose-loader__skeleton,.ls-dv-compose-loader__icon-skeleton{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%);border-radius:0.625rem;animation:pulse 1.5s infinite}.ls-dv-skeleton-title{width:12.5rem;min-height:1.25rem}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-line--green,.ls-dv-skeleton-line--gray,.ls-dv-skeleton-line{width:12.5rem;height:0.75rem}.ls-dv-skeleton-short--blue,.ls-dv-skeleton-short--green,.ls-dv-skeleton-short--gray,.ls-dv-skeleton-short{width:5rem;height:0.75rem}.ls-dv-skeleton-medium{width:4rem;height:0.75rem}.ls-dv-skeleton-icon{width:1rem;height:1rem}.ls-dv-skeleton-btn{width:7rem;height:0.75rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-btn-icon{width:1rem;height:1rem;background:linear-gradient(90deg, var(white) 25%, transparent 100%)}.ls-dv-skeleton-line--blue,.ls-dv-skeleton-short--blue{background:linear-gradient(90deg, var(--blue-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--blue{background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%)}.ls-dv-skeleton-line--green,.ls-dv-skeleton-short--green{background:linear-gradient(90deg, var(--green-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--green{background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%)}.ls-dv-skeleton-line--gray,.ls-dv-skeleton-short--gray{background:linear-gradient(90deg, var(--gray-50) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-box--gray{background:linear-gradient(90deg, var(--gray-30) 25%, transparent 100%)}.ls-dv-compose-loader__skeleton-group{display:flex;flex-direction:column;gap:0.5rem}.ls-dv-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)}.ls-dv-compose-loader__section--blue{border-color:var(--blue-30);background:var(--blue-10)}.ls-dv-compose-loader__section--green{border-color:var(--green-30);background:var(--green-10)}.ls-dv-compose-loader__skeleton-box--green,.ls-dv-compose-loader__skeleton-box--blue,.ls-dv-compose-loader__skeleton-box--gray{display:flex;align-items:center;width:5rem;height:1.15rem;border-radius:0.375rem}.ls-dv-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.625rem;align-items:center}.ls-dv-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.625rem}.ls-dv-compose-loader__icon--blue{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--blue-30) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-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.625rem}.ls-dv-compose-loader__icon--green{width:1.25rem;height:1.25rem;background:linear-gradient(90deg, var(--green-30) 25%, transparent 100%);border-radius:0.625rem}.ls-dv-compose-loader__row-content{display:flex;width:100%;align-items:center;justify-content:space-between}.ls-dv-compose-loader__preview{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}.ls-dv-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)}.ls-dv-compose-loader__button{position:absolute;top:1rem;right:1rem;border-radius:1rem;padding:0.25rem;background:var(--white, #fff)}.ls-dv-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: '994a8341d270d3dd4a14b1c9cf17b64180879018' }, h("div", { key: 'c39e6439ade8afba16740f1d21e17735363aa6d8', class: "ls-dv-compose-loader" }, h("div", { key: 'eac29339aacd42e9b25d42cedaf98cf340ab988d', class: "ls-dv-compose-loader__header" }, h("div", { key: 'e2efdfac9e59e0d279c80f8a5db8bdbfb32af821', class: "ls-dv-compose-loader__header-skeleton" })), h("div", { key: '36aac9aba4ba2cc748abe6886590e8f898f74433', class: "ls-dv-compose-loader__main" }, h("div", { key: 'a0e0d520f4d15070c772fbe53d499841fcb97c78', class: "ls-dv-compose-loader__sidebar" }, h("div", { key: '3c6e4ac279329e25a34041bdf6d16ef047a20a01', class: "ls-dv-compose-loader__card" }, h("div", { key: '564cfe08246ecc0c2abb93a1d59c33aa593d64b9', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-title" }), h("div", { key: '7c7de90f68b6c6e4d423539fc5b6cc99b6fb2642', class: "ls-dv-compose-loader__skeleton-group" }, h("div", { key: '479cac856b45709ac5cd00ad533b9ee3f057aeba', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line" }), h("div", { key: '19d1d40b6072f129421830ab338ce61e9a21240f', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short" })), h("div", { key: '68aa162def1e456544955ffe7c853d9753fde1a6', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--gray" }, h("div", { key: '9d467d0d55e7619bc7a7dbbe5b86391d6d030380', class: "ls-dv-compose-loader__skeleton-box--gray" }), h("div", { key: '9419624886dd61fad1af24fc9ccf747e5956a764', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--gray" }), h("div", { key: '039393723ede2aa15cf2335ca8af997a739d1318', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--gray" })), h("div", { key: '552ce909e8e0b62fa513fe310226e309b58dc0aa', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--blue" }, h("div", { key: 'bb6ae3ec8e6bc5e4dd322d0d1be3cc45e9ba192b', class: "ls-dv-compose-loader__skeleton-box--blue" }), h("div", { key: 'fae4ed0dcc8def1e6e43b1e90c7052155d41a22c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--blue" }), h("div", { key: '092b0e5aa0cc60c22a62d25ab3d0d5e7a0e7b41a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--blue" }), h("div", { key: '9d7c1c2117c6209fa7276df3a07d7f95985c0c85', class: "ls-dv-compose-loader__row" }, h("div", { key: '1d0bf8aa631e1fb2c58cb44fb2b843551ee164d0', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'fe335c8885146a9dcf6546a052d6d9d76c3d15ae', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: 'f2166953db52ca622807724f3c598efc2e2167b6', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '020c373c509b555f87bbb08cf1781d9c242d91d4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3fcc420487a39cb955dfa4e3d9e0e1d4a55dc27a', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'cd51686fe9066d59d71d009630ad532ffccc195c', class: "ls-dv-compose-loader__row" }, h("div", { key: '3945fa2ffcf1d3f2f2b80930222507523ea1e380', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: '1ffff7724fec0af5f2af8054a31539ff2671659e', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '8f2a49dc139ca146da132af6cc78e2a3e9390193', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '4a83ee41c82ca0d739a3d5f65a2d878f11f111e2', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '61d6ccb44d6b271d7a182f435e2a72787c0c56c8', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: 'e6bce192459444c00815ee5dc2bc3199288a561b', class: "ls-dv-compose-loader__row" }, h("div", { key: 'a094ce426137e6dceedf934c4a253ad11a5426e5', class: "ls-dv-compose-loader__icon-skeleton--blue" }, h("div", { key: 'ebc55f1468ad3b315fc13fe4c41eb52b4b082866', class: "ls-dv-compose-loader__icon--blue" })), h("div", { key: '756b9c0a9aca5a5afa30c748dbf3d3dc94237c32', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '924bf01487e1e6946eaa4f06437d72ef60c6e1de', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '827f8f928e9b7a86d09b33725ac47ae34f861365', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))), h("div", { key: '7aea384bbc917c780f3a771dfc5b343311c52bf3', class: "ls-dv-compose-loader__section ls-dv-compose-loader__section--green" }, h("div", { key: '17167dba1620fdebeef70c107f3b41b9db22e073', class: "ls-dv-compose-loader__skeleton-box--green" }), h("div", { key: '25b352b4e7e4701c06182f270652f35f88c50fec', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-line--green" }), h("div", { key: '7e911d2a0879fc51d81011e12bf6cf31e350fe0d', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-short--green" }), h("div", { key: 'f02c77e5d728b0898c35a948b8abbaeeca959dda', class: "ls-dv-compose-loader__row" }, h("div", { key: 'fac68e602687b141e5dd43bde7d18397b05c79d5', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: '96dd519e2f91d298f3a85c771239078e8a53aad0', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '0d45bd2a388768798552c51ffc0f3484167faaa2', class: "ls-dv-compose-loader__row-content" }, h("div", { key: '57a540e07e7d264645267fa6c6d056ef7b9b1137', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '9e96fa44a66a9764ed000d2cd6d6b2b7e2d33160', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '22c159bf12873e8abaab9b936d07fe9d2649da50', class: "ls-dv-compose-loader__row" }, h("div", { key: '212d06c6f3e54ddb68b1f3007029d1740d3c6c66', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'a0d06ccd10a9cc5bf96bd0103c97793044009872', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: '2e9a217e84ee7cba457f17dde35eb0fd6a45524f', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'f8e2f2de46d252e99dc0a509b2360ffc82958e2c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: 'c0af6b700589be8d2351ab45d49bfe413e5aac5c', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" }))), h("div", { key: '69c673dc22294855e9e32f0d38b15e493d1cd8f3', class: "ls-dv-compose-loader__row" }, h("div", { key: '2540351c3c296613a4ca59cf74c46290fcbce76b', class: "ls-dv-compose-loader__icon-skeleton--green" }, h("div", { key: 'd8a5a9f0a3421d454f6aa242bea958d21d85ef99', class: "ls-dv-compose-loader__icon--green" })), h("div", { key: 'de2dc1fba3224324f2f9a2bf8a6e56a0ae51eb41', class: "ls-dv-compose-loader__row-content" }, h("div", { key: 'a3affb0ed40f391f5ebf62f1710497744a643932', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-medium" }), h("div", { key: '3ccdf7055f07962366da7a11ec0cc11d5e5c5f27', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-icon" })))))), h("div", { key: '305552d05345d28e61e3541419ea4b9203e97059', class: "ls-dv-compose-loader__preview" }, h("div", { key: 'df83584329ddf8f196aca3c0df0c726f975c2da6', class: "ls-dv-compose-loader__preview-box" })), h("div", { key: '2271d76833122c4c0c10c8eb605687973c65ebde', class: "ls-dv-compose-loader__button" }, h("button", { key: '6130b87727bd2f428f1741f2f9fee42d510b93b4', class: "ls-dv-compose-loader__action-btn" }, h("div", { key: 'b73325a864b4808eb08539cc0996eecd438ed7f4', class: "ls-dv-compose-loader__skeleton ls-dv-skeleton-btn" }), h("div", { key: 'cf9953296bc9862aeabaa98675902b64d14d7c6e', class: "ls-dv-compose-loader__skeleton ls-dv-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-YD4Bakxe.js.map
+
+//# sourceMappingURL=p-YD4Bakxe.js.map