legalesign-document-viewer 0.0.7 → 0.0.9

package/dist/{ls-document-viewer/ls-text-input.entry.js → components/p-CdKIqMdM.js}

@@ -1,11 +1,14 @@
-import { r as registerInstance, h, e as Host } from './index-Cjn1MNt-.js';
-import { c as clsx } from './clsx-ChV9xqsO.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { c as clsx } from './p-ChV9xqsO.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
 
 const lsTextInputCss = "* {\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: 36px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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 LsTextInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LsTextInput = /*@__PURE__*/ proxyCustomElement(class LsTextInput extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
     type = 'default';
     name;
@@ -38,10 +41,45 @@ const LsTextInput = class {
                         : 'default', fieldIcon && 'icon-input', dirty && 'button-input', buttonIcon && 'button-input', buttonIcon && dirty && 'right-items-input');
         return (h(Host, { key: '6462187da506b6cd1adb89f00247097c2f3c5416', class: 'host' }, fieldIcon && (h("ls-icon", { key: 'c80abd9b78a54b31a827851d637c845aaebea0dc', id: disabled ? 'fieldIconDisabled' : 'fieldIcon', name: fieldIcon })), type === 'password' ? (h("input", { type: showPassword && 'password', class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })) : type === 'displayonly' ? (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: true })) : (h("input", { class: inputClass, id: name, name: name, value: value, maxlength: countMax, placeholder: placeholder, "aria-label": aria, required: required, disabled: disabled })), h("div", { key: '61739c02c2de93f0dcfd55dce6e72cb6cc973af7', class: 'right-items' }, dirty && !disabled && (h("ls-icon", { key: '9d9966564af4d40bf4c1b67e7c97426b7985a105', id: valid ? 'validIcon' : 'invalidIcon', name: valid ? 'check-circle' : 'exclamation-circle' })), buttonIcon && (h("button", { key: 'fb91b8562c4d946625a02da2e4f3661c047b1df6', class: 'button', onClick: buttonClick }, h("ls-icon", { key: '5c791544181981b821be4723ee60e525bbe246a6', id: 'buttonIcon', name: buttonIcon }))), type === 'password' && !buttonIcon && (h("ls-icon-button", { key: '4ddbf5b44cde5fe4d4a8babfeda0c915e21bef5e', id: 'password-icon', icon: showPassword ? 'eye' : 'eye-off', onClick: handlePassword })))));
     }
-};
-LsTextInput.style = lsTextInputCss;
+    static get style() { return lsTextInputCss; }
+}, [257, "ls-text-input", {
+        "type": [1],
+        "name": [1],
+        "value": [1025],
+        "placeholder": [1],
+        "aria": [1],
+        "inputRef": [1, "input-ref"],
+        "disabled": [4],
+        "required": [4],
+        "valid": [4],
+        "dirty": [4],
+        "countMax": [2, "count-max"],
+        "buttonClick": [8, "button-click"],
+        "buttonIcon": [1, "button-icon"],
+        "fieldIcon": [1, "field-icon"],
+        "showPassword": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-text-input", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-text-input":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsTextInput);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsTextInput as ls_text_input };
-//# sourceMappingURL=ls-text-input.entry.esm.js.map
+export { LsTextInput as L, defineCustomElement as d };
+//# sourceMappingURL=p-CdKIqMdM.js.map
 
-//# sourceMappingURL=ls-text-input.entry.js.map
+//# sourceMappingURL=p-CdKIqMdM.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CdKIqMdM.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/inputs/ls-text-input/ls-text-input.css?tag=ls-text-input&encapsulation=shadow","src/components/ls-formfield/inputs/ls-text-input/ls-text-input.tsx"],"sourcesContent":["* {\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: 36px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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: 28px;\n  width: 28px;\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","import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-text-input',\n  styleUrl: 'ls-text-input.css',\n  shadow: true,\n})\nexport class LsTextInput {\n  @Prop() type: 'default' | 'password' | 'displayonly' = 'default';\n  @Prop() name: string;\n  @Prop({ mutable: true }) value: string;\n  @Prop() placeholder?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() disabled: boolean;\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() countMax: number;\n  @Prop() buttonClick?: any;\n  @Prop() buttonIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n\n  @State() showPassword: boolean = false;\n\n  handlePassword = () => {\n    this.showPassword = !this.showPassword;\n  };\n\n  render() {\n    const {\n      type,\n      name,\n      value,\n      placeholder,\n      aria,\n      disabled,\n      required,\n      valid,\n      dirty,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      showPassword,\n      handlePassword,\n    } = this;\n\n    const inputClass = clsx(\n      'input-base',\n      type === 'displayonly'\n        ? 'display-only'\n        : disabled\n          ? 'disabled'\n          : dirty && valid\n            ? 'valid'\n            : dirty && !valid\n              ? 'invalid'\n              : 'default',\n      fieldIcon && 'icon-input',\n      dirty && 'button-input',\n      buttonIcon && 'button-input',\n      buttonIcon && dirty && 'right-items-input',\n    );\n\n    return (\n      <Host class='host'>\n        {fieldIcon && (\n          <ls-icon\n            id={disabled ? 'fieldIconDisabled' : 'fieldIcon'}\n            name={fieldIcon}\n          ></ls-icon>\n        )}\n        {type === 'password' ? (\n          <input\n            type={showPassword && 'password'}\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled={disabled}\n          ></input>\n        ) : type === 'displayonly' ? (\n          <input\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled\n          />\n        ) : (\n          <input\n            class={inputClass}\n            id={name}\n            name={name}\n            value={value}\n            maxlength={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={required}\n            disabled={disabled}\n          ></input>\n        )}\n        <div class='right-items'>\n          {dirty && !disabled && (\n            <ls-icon\n              id={valid ? 'validIcon' : 'invalidIcon'}\n              name={valid ? 'check-circle' : 'exclamation-circle'}\n            ></ls-icon>\n          )}\n          {buttonIcon && (\n            <button class='button' onClick={buttonClick}>\n              <ls-icon id='buttonIcon' name={buttonIcon}></ls-icon>\n            </button>\n          )}\n          {type === 'password' && !buttonIcon && (\n            <ls-icon-button\n              id='password-icon'\n              icon={showPassword ? 'eye' : 'eye-off'}\n              onClick={handlePassword}\n            ></ls-icon-button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/{ls-document-viewer/clsx-ChV9xqsO.js → components/p-ChV9xqsO.js}

@@ -1,6 +1,6 @@
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 export { clsx as c };
-//# sourceMappingURL=clsx-ChV9xqsO.js.map
+//# sourceMappingURL=p-ChV9xqsO.js.map
 
-//# sourceMappingURL=clsx-ChV9xqsO.js.map
+//# sourceMappingURL=p-ChV9xqsO.js.map

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

@@ -0,0 +1 @@
+{"file":"p-ChV9xqsO.js","mappings":"AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;;;","names":[],"sources":["node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"version":3}

package/dist/{ls-document-viewer/ls-participant-manager.entry.js → components/p-Cy8NNOJW.js}

@@ -1,12 +1,15 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
 
 const lsParticipantManagerCss = ":host{display:flex;flex-direction:column;border:1px solid black}.label-span{position:absolute;font-family:inherit;display:inline-flex;align-items:center;line-height:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{font-size:19px}*{box-sizing:border-box}.card{display:flex;padding-right:4px;padding-left:4px;padding-top:4px;padding-bottom:4px;margin:4px;border-radius:0.55rem;gap:4px;border:0}.innerButton{margin:0px;padding:0px;background-color:transparent;border:none}.titleButton{width:100%;text-align:left;background-color:transparent;border:none}";
 
-const LsParticipantManager = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
+const LsParticipantManager = /*@__PURE__*/ proxyCustomElement(class LsParticipantManager extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.mutate = createEvent(this, "mutate");
+        this.update = createEvent(this, "update");
     }
     /**
    * The base template information (as JSON).
@@ -50,10 +53,32 @@ const LsParticipantManager = class {
                 } }, h("button", { class: "titleButton", onClick: () => { this.selectedHandler(r); } }, r?.name || 'Signer ' + index), h("button", { class: "innerButton", onClick: () => { this.deleteHandler(r); } }, h("ls-icon", { name: "trash", size: "18" })), index !== 0 ? h("button", { class: "innerButton", onClick: () => { this.swapHandler(r, this.template.roles[index - 1]); } }, h("ls-icon", { name: "arrow-up", size: "18" })) : h(h.Fragment, null), index < this.template.roles.length - 1 ? h("button", { class: "innerButton", onClick: () => { this.swapHandler(r, this.template.roles[index + 1]); } }, h("ls-icon", { name: "arrow-down", size: "18" })) : h(h.Fragment, null));
         }), h("button", { key: '828789c30c2fb340a7bf02c4f275e1ae5f09ca07', onClick: () => this.createHandler() }, "Add Participant"), h("slot", { key: '5624d9c4cf3dd1d38cda2d9239cbde5a611e4258' })));
     }
-};
-LsParticipantManager.style = lsParticipantManagerCss;
+    static get style() { return lsParticipantManagerCss; }
+}, [257, "ls-participant-manager", {
+        "editor": [16],
+        "template": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-participant-manager", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-participant-manager":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsParticipantManager);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsParticipantManager as ls_participant_manager };
-//# sourceMappingURL=ls-participant-manager.entry.esm.js.map
+export { LsParticipantManager as L, defineCustomElement as d };
+//# sourceMappingURL=p-Cy8NNOJW.js.map
 
-//# sourceMappingURL=ls-participant-manager.entry.js.map
+//# sourceMappingURL=p-Cy8NNOJW.js.map

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

@@ -0,0 +1 @@
+{"file":"p-Cy8NNOJW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-participant-manager/ls-participant-manager.css?tag=ls-participant-manager&encapsulation=shadow","src/components/ls-participant-manager/ls-participant-manager.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid black\n}\n\n.label-span {\n  position: absolute;\n  font-family: inherit;\n  display: inline-flex;\n  align-items: center;\n  line-height: 1rem;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nh1 {\n  font-size: 19px;\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.card {\n  display: flex;\n  padding-right: 4px;\n  padding-left: 4px;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  margin: 4px;\n  border-radius: 0.55rem;\n  gap: 4px;\n  border: 0;\n}\n\n.innerButton {\n  margin: 0px;\n  padding: 0px;\n  background-color: transparent;\n  border: none;\n\n}\n\n.titleButton {\n  width: 100%;\n  text-align: left;\n  background-color: transparent;\n  border: none;\n\n}\n\n","import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { LSApiTemplate } from '../../types/LSApiTemplate';\nimport { LsDocumentViewer } from '../ls-document-viewer/ls-document-viewer';\nimport { LSApiRole } from '../../types/LSApiRole';\nimport { LSMutateEvent } from '../../types/LSMutateEvent';\n\n@Component({\n  tag: 'ls-participant-manager',\n  styleUrl: 'ls-participant-manager.css',\n  shadow: true,\n})\n\nexport class LsParticipantManager {\n\n  /**\n * The base template information (as JSON).\n * {LSDocumentViewer}\n */\n  @Prop() editor: LsDocumentViewer;\n\n  /**\n   * The base template information (as JSON).\n   * {LSApiTemplate}\n   */\n  @Prop() template: LSApiTemplate;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n  selectedHandler(_role) {\n    //console.log(role, 'participant manager')\n  }\n\n  deleteHandler(role: LSApiRole) {\n    this.update.emit([{ action: 'delete', data: role }])\n  }\n\n  swapHandler(role1, role2) {\n    this.update.emit([{ action: 'swap', data: role1, data2: role2 }])\n  }\n  createHandler() {\n    this.update.emit([{\n      action: 'create', data: {\n        id: btoa('rol' + crypto.randomUUID()),\n        name: 'Signer ' + this.template.roles.length,\n        roleType: 'SIGNER',\n        signerIndex: 1,\n        ordinal: this.template.roles.length,\n        signerParent: null,\n        experience: ''\n      }\n    }])\n  }\n\n  render() {\n    return (\n      <Host>\n        <h1>Participants</h1>\n        {this.template?.roles.map((r, index) => {\n          return <div class=\"card\" style={{\n            backgroundColor: this.editor.roleColors[index].faded,\n            border: \"1px solid \" + this.editor.roleColors[index].primary\n          }}>\n            <button class=\"titleButton\" onClick={() => { this.selectedHandler(r) }}>{r?.name || 'Signer ' + index}</button>\n            <button class=\"innerButton\" onClick={() => { this.deleteHandler(r) }}><ls-icon name=\"trash\" size=\"18\" /></button>\n            {index !== 0 ? <button class=\"innerButton\" onClick={() => { this.swapHandler(r, this.template.roles[index - 1]) }}><ls-icon name=\"arrow-up\" size=\"18\" /></button> : <></>}\n            {index < this.template.roles.length - 1 ? <button class=\"innerButton\" onClick={() => { this.swapHandler(r, this.template.roles[index + 1]) }}><ls-icon name=\"arrow-down\" size=\"18\" /></button> : <></>}\n          </div>\n        })}\n        <button onClick={() => this.createHandler()}>Add Participant</button>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-D8fda2Dd.js

@@ -0,0 +1,43 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-BDLp4DXn.js';
+
+const lsFieldPropertiesDateCss = ":host{display:block}.ls-field-properties-section{display:flex;flex-direction:column;min-width:110px;background-color:white;border-radius:0.75rem;border:1px solid var(--gray-20, #EDEFF2);background:var(--white, #FFF);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)}";
+
+const LsFieldPropertiesDate = /*@__PURE__*/ proxyCustomElement(class LsFieldPropertiesDate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    dataItem;
+    render() {
+        return (h(Host, { key: '91b2aff43af5f14feeaca63bbc2321d86db5c3da' }, h("div", { key: '59296fb97a9a63063f93a4ac75696e8caeb34dc6', class: "ls-field-properties-section" }, "Date Field"), h("div", { key: 'f2e720190a837f25554469ab1be43f8b7062ff17' }, "Label: ", h("input", { key: '7fec61ff41be02aef43bca7213a0791b02e1e0bb', value: this.dataItem?.label, width: "30" })), h("ls-field-dimensions", { key: 'c5653214cabc48e06dead7e76e8560a7c595b302', dataItem: this.dataItem }), h("slot", { key: '6e007066ff5a828f9a57c58166b0f36219009f38' })));
+    }
+    static get style() { return lsFieldPropertiesDateCss; }
+}, [257, "ls-field-properties-date", {
+        "dataItem": [16, "data-item"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-properties-date", "ls-field-dimensions"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-properties-date":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFieldPropertiesDate);
+            }
+            break;
+        case "ls-field-dimensions":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LsFieldPropertiesDate as L, defineCustomElement as d };
+//# sourceMappingURL=p-D8fda2Dd.js.map
+
+//# sourceMappingURL=p-D8fda2Dd.js.map

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

@@ -0,0 +1 @@
+{"file":"p-D8fda2Dd.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,kTAAkT;;MCQtU,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;AACxB,IAAA,QAAQ;IAChB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,6BAA6B,EAAkB,EAAA,YAAA,CAAA,EAC3D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,aAAY,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAA,CAAE,CAAM,EAClE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAqB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,EAChD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-properties-date/ls-field-properties-date.css?tag=ls-field-properties-date&encapsulation=shadow","src/components/ls-field-properties-date/ls-field-properties-date.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.ls-field-properties-section {\n   display: flex;\n   flex-direction: column;\n  min-width: 110px;\n  background-color: white;\n  border-radius: 0.75rem;\n  border: 1px solid var(--gray-20, #EDEFF2);\n  background: var(--white, #FFF);\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);\n\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { LSApiElement } from '../../components';\n\n@Component({\n  tag: 'ls-field-properties-date',\n  styleUrl: 'ls-field-properties-date.css',\n  shadow: true,\n})\nexport class LsFieldPropertiesDate {\n  @Prop() dataItem: LSApiElement;\n  render() {\n    return (\n      <Host>\n        <div class={\"ls-field-properties-section\"}>Date Field</div>\n        <div>Label: <input value={this.dataItem?.label} width=\"30\"/></div>\n        <ls-field-dimensions dataItem={this.dataItem} />\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,12 +1,14 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B_usMQbd.js';
 
 const lsFieldSizeCss = ":host{display:inline-block}button{display:inline-flex;background-color:transparent;min-width:24px;min-height:24px;border-radius:0.5rem;margin:0.25rem;width:27px;height:27px;justify-content:center;vertical-align:middle;border:0}button:hover{background-color:rgb(219, 219, 219)}";
 
-const LsFieldSize = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
+const LsFieldSize = /*@__PURE__*/ proxyCustomElement(class LsFieldSize extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.mutate = createEvent(this, "mutate");
+        this.update = createEvent(this, "update");
     }
     dataItem;
     mutate;
@@ -24,10 +26,26 @@ const LsFieldSize = class {
     render() {
         return (h(Host, { key: '0394ea5c55fdf6680ebf723c588333e4551f99ee' }, h("div", { key: 'e985d7ad03a96bec59d563a9ae39a06ec9dd27be', class: "flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30" }, h("button", { key: 'cf4453e75fd169679715c010592ef60b6f7301dc', "aria-label": "Make selected fields the same width as the first selected field.", class: "ls-round-button", onClick: () => this.alter({ width: this.dataItem[0].width }), "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same width as the first selected field.", "data-tooltip-place": "top" }, h("svg", { key: '7bebe9b89820d8709a47fa536858cdb33b2abea6', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5ae2c2a402295427600157dc92bb75e132f75693', d: "M14 9V6C14 5.44772 13.5523 5 13 5H11C10.4477 5 10 5.44772 10 6V9M14 15.0104V18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18V15.0104M6.00751 15.0104L4.00751 12M4.00751 12L6.00751 9M4.00751 12H20.0013M18.0013 15.0104L20.0013 12M20.0013 12L18.0013 9", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'f9375df61a69f0568de27cd4f4dc23f945c6add2', class: "ls-round-button", onClick: () => this.alter({ height: this.dataItem[0].height }), "aria-label": "Make selected fields the same height as the first selected field.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height as the first selected field.", "data-tooltip-place": "top" }, h("svg", { key: '31dcd7f385c184ec2730aaab08ddc6e85da479ca', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dab2671aa531b492fcf47fde7c631c0d8d339797', d: "M9.00439 10.0042H6.00439C5.45211 10.0042 5.00439 10.4519 5.00439 11.0042V13.0042C5.00439 13.5565 5.45211 14.0042 6.00439 14.0042H9.00439M15.0148 10.0042H18.0044C18.5567 10.0042 19.0044 10.4519 19.0044 11.0042V13.0042C19.0044 13.5565 18.5567 14.0042 18.0044 14.0042H15.0148M15.0148 17.9967L12.0044 19.9967M12.0044 19.9967L9.00439 17.9968M12.0044 19.9967V4.00293M15.0148 6.00299L12.0044 4.00293M12.0044 4.00293L9.00439 6.00293", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: '5a296dcd455c391deb56b4953a19a7e3c23f96e4', class: "ls-round-button", 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-id": "le-tooltip", "data-tooltip-content": "Make selected fields the same height and width as the first selected field.", "data-tooltip-place": "top" }, h("svg", { key: 'e1d8c0b27c9ca350b437b2a2b1513bd65becab88', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '68b64b0899019469946718ea545a76cc6c77ebad', d: "M4 8V4M4 4H8M4 4L8 8M20 8V4M20 4H16M20 4L16 8M4 16V20M4 20H8M4 20L8 16M20 16V20M20 20H16M20 20L16 16M8 8H10M8 8V10M16 8H14M16 8V10M8 16H10M8 16V14M16 16V14M16 16H14", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("slot", { key: '69b404acca8ec83463492386af516720273795c7' })));
     }
-};
-LsFieldSize.style = lsFieldSizeCss;
+    static get style() { return lsFieldSizeCss; }
+}, [257, "ls-field-size", {
+        "dataItem": [1040, "data-item"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-size"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-size":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFieldSize);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsFieldSize as ls_field_size };
-//# sourceMappingURL=ls-field-size.entry.esm.js.map
+export { LsFieldSize as L, defineCustomElement as d };
+//# sourceMappingURL=p-D9AkP1pt.js.map
 
-//# sourceMappingURL=ls-field-size.entry.js.map
+//# sourceMappingURL=p-D9AkP1pt.js.map

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

@@ -0,0 +1 @@
+{"file":"p-D9AkP1pt.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: inline-block;\n}\n\nbutton {\n  display: inline-flex;\n  background-color: transparent;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 0.5rem;\n  margin: 0.25rem;\n  width: 27px;  \n  height: 27px;\n  justify-content: center;\n  vertical-align: middle;\n  border: 0;\n}\n\nbutton:hover {\n  background-color: rgb(219, 219, 219);\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n@Component({\n  tag: 'ls-field-size',\n  styleUrl: 'ls-field-size.css',\n  shadow: true,\n})\nexport class LsFieldSize {\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n\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    this.update.emit(diffs)\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"flex rounded-[10px] focus:outline-hidden focus:ring-4 focus:ring-offset-0 focus:ring-primary-30\">\n          <button aria-label=\"Make selected fields the same width as the first selected field.\"\n            class=\"ls-round-button\"\n            onClick={()=> this.alter({width: this.dataItem[0].width})}\n            data-tooltip-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same width as the first selected field.\" data-tooltip-place=\"top\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M14 9V6C14 5.44772 13.5523 5 13 5H11C10.4477 5 10 5.44772 10 6V9M14 15.0104V18C14 18.5523 13.5523 19 13 19H11C10.4477 19 10 18.5523 10 18V15.0104M6.00751 15.0104L4.00751 12M4.00751 12L6.00751 9M4.00751 12H20.0013M18.0013 15.0104L20.0013 12M20.0013 12L18.0013 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n            </svg>\n          </button>\n          <button class=\"ls-round-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-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same height as the first selected field.\" data-tooltip-place=\"top\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.00439 10.0042H6.00439C5.45211 10.0042 5.00439 10.4519 5.00439 11.0042V13.0042C5.00439 13.5565 5.45211 14.0042 6.00439 14.0042H9.00439M15.0148 10.0042H18.0044C18.5567 10.0042 19.0044 10.4519 19.0044 11.0042V13.0042C19.0044 13.5565 18.5567 14.0042 18.0044 14.0042H15.0148M15.0148 17.9967L12.0044 19.9967M12.0044 19.9967L9.00439 17.9968M12.0044 19.9967V4.00293M15.0148 6.00299L12.0044 4.00293M12.0044 4.00293L9.00439 6.00293\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>\n          </button>\n          <button class=\"ls-round-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-id=\"le-tooltip\" data-tooltip-content=\"Make selected fields the same height and width as the first selected field.\" data-tooltip-place=\"top\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M4 8V4M4 4H8M4 4L8 8M20 8V4M20 4H16M20 4L16 8M4 16V20M4 20H8M4 20L8 16M20 16V20M20 20H16M20 20L16 16M8 8H10M8 8V10M16 8H14M16 8V10M8 16H10M8 16V14M16 16V14M16 16H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n            </svg>\n          </button>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,13 +1,15 @@
-import { r as registerInstance, d as getElement, h, e as Host } from './index-Cjn1MNt-.js';
-import { b as getInputType } from './editorUtils-CFWWEWrJ.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-B_usMQbd.js';
+import { b as getInputType } from './p-CJEpfA7P.js';
 
 const lsEditorFieldCss = ":host{display:block;position:absolute;border:1px solid rgb(49, 49, 49);margin:0px;padding:0px 0px 0px 0px;isolation:isolate}.ls-editor-field-editable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;border:0px solid #000;margin:0;padding:0px 0px 0px 0px;min-width:2em;background-color:white;height:100%;width:100%}.ls-editor-field-editable:focus{outline:none}.ls-editor-field-draggable{display:block;font-family:inherit;font-size:inherit;overflow:hidden;white-space:nowrap;background-color:white;min-width:2px;height:98%;width:98%}.is-selected{border:1px dotted rgb(193, 26, 26)}.hidden-field{display:none}.draggable-input{font-family:inherit;font-size:inherit;position:relative;height:95%;width:95%}.editing-input{caret-color:rgb(15 23 42);caret-shape:auto;height:100%;width:100%}";
 
-const LsEditorField = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LsEditorField = /*@__PURE__*/ proxyCustomElement(class LsEditorField extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
-    get component() { return getElement(this); }
+    get component() { return this; }
     dataItem;
     selected;
     readonly;
@@ -111,10 +113,37 @@ const LsEditorField = class {
     static get watchers() { return {
         "selected": ["watchSelectedHandler"]
     }; }
-};
-LsEditorField.style = lsEditorFieldCss;
+    static get style() { return lsEditorFieldCss; }
+}, [257, "ls-editor-field", {
+        "dataItem": [1040, "data-item"],
+        "selected": [4],
+        "readonly": [4],
+        "palette": [16],
+        "type": [1],
+        "page": [16],
+        "isEditing": [32],
+        "heldEdge": [32],
+        "isEdgeDragging": [32],
+        "innerValue": [32]
+    }, [[0, "keydown", "handleInput"], [3, "mousemove", "handleMouseMove"], [2, "dblclick", "handleDoubleClick"], [0, "dragstart", "handleDragStart"]], {
+        "selected": ["watchSelectedHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-editor-field"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-editor-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsEditorField);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsEditorField as ls_editor_field };
-//# sourceMappingURL=ls-editor-field.entry.esm.js.map
+export { LsEditorField as L, defineCustomElement as d };
+//# sourceMappingURL=p-DRATqnWY.js.map
 
-//# sourceMappingURL=ls-editor-field.entry.js.map
+//# sourceMappingURL=p-DRATqnWY.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DRATqnWY.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-editor-field/ls-editor-field.css?tag=ls-editor-field&encapsulation=shadow","src/components/ls-editor-field/ls-editor-field.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: absolute;\n  border: 1px solid rgb(49, 49, 49);\n  margin: 0px;\n  padding: 0px 0px 0px 0px;\n  isolation: isolate;\n}\n\n.ls-editor-field-editable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  border: 0px solid #000;\n  margin: 0;\n  padding: 0px 0px 0px 0px;\n  /* default widths */\n  min-width: 2em;\n  background-color: white;\n  height: 100%;\n  width: 100%;\n}\n\n.ls-editor-field-editable:focus {\n  outline: none;\n}\n\n.ls-editor-field-draggable {\n  display: block;\n  font-family: inherit;\n  font-size: inherit;\n\n  overflow: hidden;\n\n  /* no extra spaces */\n  white-space: nowrap;\n  background-color: white;\n\n  /* default widths */\n  min-width: 2px;\n  height: 98%;\n  width: 98%;\n}\n\n.is-selected {\n    border: 1px dotted rgb(193, 26, 26);\n}\n\n.hidden-field {\n  display: none;\n}\n\n.draggable-input {\n  font-family: inherit;\n  font-size: inherit;\n  position: relative;\n  height: 95%;\n  width: 95%;\n}\n\n.editing-input {\n  caret-color: rgb(15 23 42);\n  caret-shape: auto;\n  height: 100%;\n  width: 100%;\n}","import { Component, Host, h, Element, State, Prop, Watch, Listen } from '@stencil/core';\nimport { LSApiElement } from '../../components';\nimport { getInputType } from '../ls-document-viewer/editorUtils';\n\n@Component({\n  tag: 'ls-editor-field',\n  styleUrl: 'ls-editor-field.css',\n  shadow: true,\n})\nexport class LsEditorField {\n  @Element() component: HTMLElement;\n  @Prop({ mutable: true }) dataItem: LSApiElement;\n  @Prop() selected: boolean;\n  @Prop() readonly: boolean;\n  @Prop() palette: RoleColor[];\n\n  @Prop() type: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';\n  @Prop() page: { height: number, width: number };\n  @State() isEditing: boolean = false;\n  @State() heldEdge: string = null;\n  @State() isEdgeDragging: boolean = false;\n  @State() innerValue: string;\n  private sizeObserver: ResizeObserver;\n\n  @Listen('keydown')\n  handleInput(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n      this.isEditing = false;\n      this.sizeObserver.observe(this.component.shadowRoot.getElementById('field-info'))\n    }\n  }\n\n  @Listen(\"mousemove\", { capture: true })\n  handleMouseMove(e) {\n    if (this.readonly) return;\n    if (!e.clientX) return;\n\n    // Determine which edge is being moved over and what cursor to show.\n    if (Math.abs(e.offsetX) < 5) {\n      this.component.style.cursor = \"ew-resize\";\n    } else if (Math.abs(e.offsetX - this.component.clientWidth) < 5) {\n      this.component.style.cursor = \"ew-resize\";\n    } else if (Math.abs(e.offsetY) < 5) {\n      this.component.style.cursor = \"ns-resize\";\n    } else if (Math.abs(e.offsetY - this.component.clientHeight) < 5) {\n      this.component.style.cursor = \"ns-resize\";\n    } else {\n      this.component.style.cursor = \"move\";\n    }\n  };\n\n  @Listen('dblclick', { capture: true })\n  handleDoubleClick() {\n    if (this.readonly) return;\n    this.isEditing = true;\n    this.heldEdge = null;\n    this.isEdgeDragging = false;\n    this.sizeObserver.disconnect()\n    this.innerValue = this.innerValue ? this.innerValue : this.dataItem?.value;\n    \n    const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLInputElement;\n    console.log(editbox)\n\n    if(editbox) {\n      editbox.className = 'ls-editor-field-editable'\n      editbox.focus();\n    }\n  }\n\n  @Listen('dragstart', { capture: false, passive: false })\n  handleDragStart(event) {\n    console.log(\"dragstart ls-editor-field\", event, this.type)\n    // Add the target element's id to the data transfer object\n    event.dataTransfer.setData(\"application/json\", JSON.stringify({\n      type: this.type\n    }));\n    event.dataTransfer.dropEffect = \"move\";\n  }\n\n  @Watch('selected')\n  watchSelectedHandler(_newValue: boolean, _oldValue: boolean) {\n    if (_newValue) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n  onInputChange(e) {\n    // console.log(\"INPUT CHANGE\", e);\n    this.innerValue = e.target.value;\n  }\n\n  componentDidLoad() {\n\n    this.sizeObserver = new ResizeObserver((entries) => {\n\n      for (const entry of entries) {\n        if (entry.contentRect) {\n\n//          const editbox = this.component.shadowRoot.getElementById('editing-input') as HTMLElement;\n          const movebox = this.component.shadowRoot.getElementById('field-info') as HTMLElement;\n          // console.log(editbox)\n          // editbox.style.height = entry.contentRect.height + \"px\"\n          // editbox.style.width = entry.contentRect.width + \"px\"\n\n          movebox.style.height = entry.contentRect.height + \"px\"\n          movebox.style.width = entry.contentRect.width + \"px\"\n\n        }\n      }\n    })\n\n    this.sizeObserver.observe(this.component)\n\n    // New dropped components automatically need selecting.\n    if (this.selected) this.component.style.border = \"1px dotted red\";\n    else this.component.style.border = \"1px solid black\";\n  }\n\n\n\n  render() {\n    return (\n      <Host class={{\n        'ls-editor-field': true,\n        'is-selected': this.selected\n      }}>\n          <input id=\"editing-input\"\n            class={this.isEditing ? \"ls-editor-field-editable\" : \"hidden-field\"}\n            type={getInputType(this.dataItem.validation).inputType}\n            value={this.dataItem?.value || this.innerValue}\n            onChange={(e) => this.onInputChange(e)}\n          />\n          <div id=\"field-info\" class={this.isEditing ? \"hidden-field\" : \"ls-editor-field-draggable\"}>\n            {this.innerValue || this.dataItem?.label || this.dataItem?.formElementType}\n          </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,12 +1,15 @@
-import { r as registerInstance, a as createEvent, h, e as Host } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-B_usMQbd.js';
+import { d as defineCustomElement$1 } from './p-DmPOm3yt.js';
 
 const lsFieldAlignmentCss = ":host{display:inline-block;vertical-align:middle}button{display:inline-flex;background-color:transparent;min-width:24px;min-height:24px;border-radius:0.5rem;margin:0.25rem;width:27px;height:27px;justify-content:center;vertical-align:middle;border:0}button:hover{background-color:rgb(219, 219, 219)}";
 
-const LsFieldAlignment = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.mutate = createEvent(this, "mutate", 7);
-        this.update = createEvent(this, "update", 7);
+const LsFieldAlignment = /*@__PURE__*/ proxyCustomElement(class LsFieldAlignment extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.mutate = createEvent(this, "mutate");
+        this.update = createEvent(this, "update");
     }
     dataItem;
     mutate;
@@ -121,10 +124,31 @@ const LsFieldAlignment = class {
     render() {
         return (h(Host, { key: 'a1de6bebd7aa25015b5d6891b6c61bda3bd16011' }, h("div", { key: '9f2dd99bd6ebc7b605e47101c830ecbdfbd24641' }, h("button", { key: 'dcab63a0567dde0cd54fd81be729a263fea86a8d', onClick: () => this.left(), class: 'ls-round-button', "aria-label": "Align selected fields vertically about their left edge.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: '998fa6e15a29c7816f0b43924bb4e0663609109a', name: "field-alignment-left" })), h("button", { key: '4d83647c277e38deb0e271e6d29025d38baaaf3a', onClick: () => this.center(), class: 'ls-round-button', "aria-label": "Align selected fields vertically about their centre.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: '6aa90fce22792e031d9b868c5d1af2a332d99264', name: "field-alignment-centre" })), h("button", { key: 'dce8bc883871937bc750a1967a733e141a51923f', onClick: () => { this.right(); }, "aria-label": "Align selected fields vertically about their right edge.", class: 'ls-round-button', "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: 'c9d819e0a2b71e2b9cdc133114fdee15cac65807', name: "field-alignment-right" })), h("button", { key: 'dd30c144e877fba3e55b5febbbcce282ce5b4f36', onClick: () => this.top(), class: 'ls-round-button', "aria-label": "Align selected fields by their top.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: '10be3c90695db9182b245ac0deee7b549d68728b', name: "field-alignment-top" })), h("button", { key: '8379fe058c20e6a6e7a38b5dacf2f2fe54767767', onClick: () => this.middle(), class: 'ls-round-button', "aria-label": "Align selected fields by their middles.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: '39cb5c2d0d50878dc46012590fab6c801064001e', name: "field-alignment-middle" })), h("button", { key: '2b2b7d4b14910b0b7405a72ca84b784436d3279b', onClick: () => this.bottom(), class: 'ls-round-button', "aria-label": "Align selected fields by their bottoms.", "data-tooltip-id": "le-tooltip", "data-tooltip-content": "Shift + Select multiple fields to access this control", "data-tooltip-place": "top" }, h("ls-icon", { key: 'b8d043ebb45ebde2b458c80a2dc740311c3597d2', name: "field-alignment-bottom" }))), h("slot", { key: '6d8308e909e44447b868cc943858ec5f539ef644' })));
     }
-};
-LsFieldAlignment.style = lsFieldAlignmentCss;
+    static get style() { return lsFieldAlignmentCss; }
+}, [257, "ls-field-alignment", {
+        "dataItem": [1040, "data-item"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-field-alignment", "ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-field-alignment":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsFieldAlignment);
+            }
+            break;
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsFieldAlignment as ls_field_alignment };
-//# sourceMappingURL=ls-field-alignment.entry.esm.js.map
+export { LsFieldAlignment as L, defineCustomElement as d };
+//# sourceMappingURL=p-DiIhIGnw.js.map
 
-//# sourceMappingURL=ls-field-alignment.entry.js.map
+//# sourceMappingURL=p-DiIhIGnw.js.map

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

@@ -0,0 +1 @@
+{"file":"p-DiIhIGnw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-field-alignment/ls-field-alignment.css?tag=ls-field-alignment&encapsulation=shadow","src/components/ls-field-alignment/ls-field-alignment.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  vertical-align: middle;\n}\nbutton {\n  display: inline-flex;\n  background-color: transparent;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 0.5rem;\n  margin: 0.25rem;\n  width: 27px;  \n  height: 27px;\n  justify-content: center;\n  vertical-align: middle;\n  border: 0;\n}\nbutton:hover {\n  background-color: rgb(219, 219, 219);\n}","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { LSApiElement, LSMutateEvent } from '../../components';\n\n\n@Component({\n  tag: 'ls-field-alignment',\n  styleUrl: 'ls-field-alignment.css',\n  shadow: true,\n})\nexport class LsFieldAlignment {\n  @Prop({ mutable: true }) dataItem: LSApiElement[];\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) mutate: EventEmitter<LSMutateEvent[]>;\n\n  @Event({\n    bubbles: true,\n    cancelable: true,\n    composed: true\n  }) update: EventEmitter<LSMutateEvent[]>;\n\n\n  // Send one or more mutations up the chain\n  // The source of the chain fires the mutation\n  alter(diff: object) {\n    console.log(diff)\n\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    this.update.emit(diffs)\n  }\n\n  right() {\n    const rightmost = this.dataItem.reduce((rightmost, current) => {\n\n      return (current.left + current.width) < rightmost ? rightmost : (current.left + current.width)\n    }, 0);\n\n    console.log(rightmost)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n      const newLeft = rightmost - c.width\n\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  center() {\n    const addcentres = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.left + current.width / 2))\n      return total + (current.left + current.width / 2)\n    }, 0);\n    console.log(addcentres)\n\n    const cp = addcentres / this.dataItem.length\n    console.log('centerposition', cp)\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newLeft = c.left + (cp - (c.left + c.width / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          left: newLeft,\n          ax: newLeft,\n          bx: newLeft + c.width\n        } as LSApiElement\n      }\n    })\n    console.log(diffs)\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  top() {\n    const topmost = this.dataItem.reduce((most, current) => {\n      return current.top < most ? most : current.top\n    }, 0);\n\n    this.alter({ top: topmost })\n  }\n\n\n  left() {\n    const leftmost = this.dataItem.reduce((least, current) => {\n      return current.left < least ?  current.left : least\n    }, this.dataItem[0].left);\n\n    this.alter({ left: leftmost })\n  }\n\n\n  middle() {\n    const addmiddles = this.dataItem.reduce((total, current) => {\n      console.log(total + (current.top + current.height / 2))\n      return total + (current.top + current.height / 2)\n    }, 0);\n\n    const cp = addmiddles / this.dataItem.length\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = c.top + (cp - (c.top + c.height / 2))\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  bottom() {\n    const lowest = this.dataItem.reduce((acc, current) => {\n      return acc > (current.top + current.height) ? acc : (current.top + current.height)\n    }, 0);\n\n    const diffs: LSMutateEvent[] = this.dataItem.map((c) => {\n\n      const newTop = lowest - c.height\n      return {\n        action: \"update\", data: {\n          ...c,\n          top: newTop,\n          ay: newTop,\n          by: newTop + c.height\n        } as LSApiElement\n      }\n    })\n    this.dataItem = diffs.map(d => d.data  as LSApiElement)\n    this.mutate.emit(diffs)\n    this.update.emit(diffs)\n  }\n\n  render() {\n    return (\n      <Host>\n        \n          <div>\n            <button\n              onClick={() => this.left()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their left edge.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-left\" /></button>\n            <button\n              onClick={() => this.center()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields vertically about their centre.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-centre\" /></button>\n            <button\n              onClick={() => { this.right() }}\n              aria-label=\"Align selected fields vertically about their right edge.\"\n              class='ls-round-button'\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n        <ls-icon name=\"field-alignment-right\" />\n            </button>\n\n            <button\n              onClick={() => this.top()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their top.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n         <ls-icon name=\"field-alignment-top\" />\n            </button>\n            <button\n              onClick={() => this.middle()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their middles.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n                <ls-icon name=\"field-alignment-middle\" /></button>\n            <button\n              onClick={() => this.bottom()}\n              class='ls-round-button'\n              aria-label=\"Align selected fields by their bottoms.\"\n              data-tooltip-id=\"le-tooltip\"\n              data-tooltip-content=\"Shift + Select multiple fields to access this control\"\n              data-tooltip-place=\"top\"\n            >\n              <ls-icon name=\"field-alignment-bottom\" />\n            </button>\n          </div>\n        \n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/{ls-document-viewer/ls-icon.entry.js → components/p-DmPOm3yt.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-Cjn1MNt-.js';
+import { p as proxyCustomElement, H, h } from './p-B_usMQbd.js';
 
 const html = String.raw;
 const icons = [
@@ -10966,18 +10966,12 @@ var IconEnum;
     // Add more icons here
 })(IconEnum || (IconEnum = {}));
 const iconNames = [...icons.map((icon) => icon.name).sort()];
-const outlineIcons = icons
-    .filter((i) => i.svgOutline !== 'No Outline')
-    .map((i) => i.name)
-    .sort();
-const solidIcons = icons
-    .filter((i) => i.svgSolid !== 'No Solid')
-    .map((i) => i.name)
-    .sort();
 
-const LsIcon = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const LsIcon = /*@__PURE__*/ proxyCustomElement(class LsIcon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
     }
     name;
     solid = false;
@@ -11009,9 +11003,28 @@ const LsIcon = class {
                 ...this.customStyle,
             } }, this.solid ? (h("div", { innerHTML: icon.svgSolid })) : (h("div", { innerHTML: icon.svgOutline })))))));
     }
-};
+}, [257, "ls-icon", {
+        "name": [1],
+        "solid": [4],
+        "size": [1],
+        "customStyle": [16, "custom-style"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ls-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ls-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LsIcon);
+            }
+            break;
+    } });
+}
+defineCustomElement();
 
-export { LsIcon as ls_icon };
-//# sourceMappingURL=ls-icon.entry.esm.js.map
+export { LsIcon as L, defineCustomElement as d };
+//# sourceMappingURL=p-DmPOm3yt.js.map
 
-//# sourceMappingURL=ls-icon.entry.js.map
+//# sourceMappingURL=p-DmPOm3yt.js.map