legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/components/ls-formfield.js

@@ -1,243 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$7 } from './p-DnyBXRV4.js';
-import { d as defineCustomElement$6 } from './p-BrNFnrQ5.js';
-import { d as defineCustomElement$5 } from './p-C6pzA2Lp.js';
-import { d as defineCustomElement$4 } from './p-B6kmJVw0.js';
-import { d as defineCustomElement$3 } from './p-tbdpKil5.js';
-import { d as defineCustomElement$2 } from './p-CntMVGQM.js';
-
-const lsFormfieldCss = () => `* {
-  box-sizing: border-box;
-  margin: 0;
-}
-
-.formfield-host {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  width: 100%;
-}
-
-.formfield-top-elements {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0 0.125rem;
-}
-
-.formfield-left-side {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: 0.5rem;
-
-  ls-icon {
-    color: var(--gray-80, #787A80);
-  }
-
-  .formfield-label {
-    color: var(--gray-100, #45484D);
-    /* text-base/leading-6/font-medium */
-    font-size: 1rem;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 1.5rem; /* 150% */
-  }
-}
-
-.formfield-bottom-elements {
-  position: relative;
-  min-height: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  height: fit-content;
-  padding: 0 0.125rem;
-}
-
-.formfield-description-text {
-  color: var(--Grey-80, #6C6E73);
-  width: 100%;
-  /* text-xs/leading-4/font-light */
-  font-size: 0.75rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1rem; /* 133.333% */
-}
-
-.formfield-error-text {
-  color: var(--red-70, #DC2721);
-  width: 100%;
-  /* text-xs/leading-4/font-light */
-  font-size: 0.75rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1rem; /* 133.333% */
-}
-
-.formfield-count-container {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  gap: 0.125rem;
-  align-items: center;
-  font-size: 0.75rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1rem; /* 133.333% */
-  text-align: right;
-}
-
-.formfield-count {
-  display: flex;
-  align-items: center;
-  color: var(--Grey-70, #6C6E73);
-  gap: 0.125rem;
-}
-
-.formfield-count-error {
-  display: flex;
-  align-items: center;
-  gap: 0.125rem;
-  color: var(--red-70, #DC2721);
-}
-
-
-`;
-
-const LsFormfield$1 = /*@__PURE__*/ proxyCustomElement(class LsFormfield extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.valueChange = createEvent(this, "valueChange", 7);
-    }
-    name;
-    fieldId;
-    label;
-    as = 'text';
-    value;
-    placeholder;
-    descriptionText;
-    errorText;
-    aria;
-    inputRef;
-    infoTooltipText;
-    hoverTooltipText;
-    disabled;
-    extraLabel = 'none';
-    required;
-    valid;
-    dirty;
-    count;
-    countMax;
-    buttonClick;
-    buttonIcon;
-    labelIcon;
-    fieldIcon;
-    valueChange;
-    changeHandler(value) {
-        this.valueChange.emit(value);
-    }
-    _value;
-    valueWatcher(newValue) {
-        this._value = newValue;
-        console.log(newValue);
-    }
-    componentWillLoad() {
-        this.valueWatcher(this?.value?.toString());
-    }
-    render() {
-        const { name, fieldId, label, as, value, placeholder, descriptionText, errorText, aria, infoTooltipText, disabled, extraLabel, valid, dirty, count, countMax, buttonClick, buttonIcon, fieldIcon, labelIcon, } = this;
-        const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';
-        return (h("host", { key: '287883cc6c4e64c69978b4cddb7dd128a8752e39', class: "formfield-host" }, label?.length > 1 || extraLabel !== 'none' && (h("div", { key: 'c55d579264fe88a6f2981230deba9299b3e6a840', class: "formfield-top-elements" }, h("div", { key: '9421f23783396994fa8179ee9e48eaebd9088576', class: "formfield-left-side" }, labelIcon && h("ls-icon", { key: '9d4ae64ee8a468fa6284bfada671508afedfe3d6', name: labelIcon }), h("label", { key: '146f1845abd5037da007b60d1c6938c3d779fda7', htmlFor: name, class: "formfield-label" }, label), infoTooltipText && h("ls-icon", { key: '1571c4bdf442295ad101262c4b31fae7c78c2fad', name: 'information-circle' })), extraLabel === 'optional' ? (h("ls-label", { text: "Optional", colour: "gray", type: "low" })) : extraLabel === 'required' ? (h("ls-label", { text: "Required", colour: "gray", type: "low" })) : (''))), as === 'text' ? (h("ls-text-input", { id: fieldId, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon, onValueChange: (e) => { this.changeHandler(e.detail); } })) : as === 'select' ? (h("ls-select-input", { id: name, name: name, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon }, h("slot", null))) : as === 'radio' ? (h("ls-radio-input", { radioId: label, label: value?.toString(), icon: fieldIcon, name: name, disabled: disabled })) : as === 'textarea' ? (h("ls-textarea-input", { id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'password' ? (h("ls-text-input", { type: "password", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'displayonly' ? (h("ls-text-input", { type: "displayonly", id: name, name: name, value: value?.toString(), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : as === 'number' ? (h("ls-number-input", { type: "ls", id: name, name: name, value: Number(value), countMax: countMax, placeholder: placeholder, "aria-label": aria, required: extraLabel === 'required', disabled: disabled, valid: valid, dirty: dirty, buttonIcon: buttonIcon, buttonClick: buttonClick, fieldIcon: fieldIcon })) : (h("p", null, "placeholder")), errorText ||
-            count ||
-            countMax ||
-            (descriptionText && (h("div", { key: '4beee1b3de46e93e6f2140c843ea76f6fd83f1e1', class: "formfield-bottom-elements" }, errorText && !valid ? h("p", { class: "formfield-error-text" }, errorText) : descriptionText ? h("p", { class: "formfield-description-text" }, descriptionText) : '', count && (h("div", { key: 'afdead328fac758d58f6680d1f4abe9fe640d0b4', class: "formfield-count-container" }, h("p", { key: '874e22cdbf52ff5ee5b04a6a353cc8fdf88f789d', class: countClass }, value?.toString()?.length), countMax > 0 && (h("div", { key: 'cc53500d95ed74d959f62d4a0093a90bd5bac9cc', class: countClass }, h("p", { key: 'd3db9761a6c627f2e75d36973c9f897c20cafff8' }, "/"), h("p", { key: 'b4098fc9c862d2b4923dc778e8db2d709f50e37c' }, countMax))))))))));
-    }
-    static get watchers() { return {
-        "value": ["valueWatcher"]
-    }; }
-    static get style() { return lsFormfieldCss(); }
-}, [772, "ls-formfield", {
-        "name": [1],
-        "fieldId": [1, "field-id"],
-        "label": [1],
-        "as": [1],
-        "value": [1032],
-        "placeholder": [1],
-        "descriptionText": [1, "description-text"],
-        "errorText": [1, "error-text"],
-        "aria": [1],
-        "inputRef": [1, "input-ref"],
-        "infoTooltipText": [1, "info-tooltip-text"],
-        "hoverTooltipText": [1, "hover-tooltip-text"],
-        "disabled": [4],
-        "extraLabel": [1, "extra-label"],
-        "required": [4],
-        "valid": [4],
-        "dirty": [4],
-        "count": [4],
-        "countMax": [2, "count-max"],
-        "buttonClick": [16],
-        "buttonIcon": [1, "button-icon"],
-        "labelIcon": [1, "label-icon"],
-        "fieldIcon": [1, "field-icon"],
-        "_value": [32]
-    }, undefined, {
-        "value": ["valueWatcher"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-formfield", "ls-icon", "ls-number-input", "ls-radio-input", "ls-select-input", "ls-text-input", "ls-textarea-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-formfield":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsFormfield$1);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ls-number-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ls-radio-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ls-select-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ls-text-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ls-textarea-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const LsFormfield = LsFormfield$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsFormfield, defineCustomElement };
-//# sourceMappingURL=ls-formfield.js.map
-
-//# sourceMappingURL=ls-formfield.js.map

package/dist/components/ls-formfield.js.map

@@ -1 +0,0 @@
-{"file":"ls-formfield.js","mappings":"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","names":["LsFormfield","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/ls-formfield/ls-formfield.css?tag=ls-formfield","src/components/ls-formfield/ls-formfield.tsx"],"sourcesContent":["* {\n  box-sizing: border-box;\n  margin: 0;\n}\n\n.formfield-host {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  width: 100%;\n}\n\n.formfield-top-elements {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0 0.125rem;\n}\n\n.formfield-left-side {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 0.5rem;\n\n  ls-icon {\n    color: var(--gray-80, #787A80);\n  }\n\n  .formfield-label {\n    color: var(--gray-100, #45484D);\n    /* text-base/leading-6/font-medium */\n    font-size: 1rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.5rem; /* 150% */\n  }\n}\n\n.formfield-bottom-elements {\n  position: relative;\n  min-height: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  height: fit-content;\n  padding: 0 0.125rem;\n}\n\n.formfield-description-text {\n  color: var(--Grey-80, #6C6E73);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-error-text {\n  color: var(--red-70, #DC2721);\n  width: 100%;\n  /* text-xs/leading-4/font-light */\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n}\n\n.formfield-count-container {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  gap: 0.125rem;\n  align-items: center;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1rem; /* 133.333% */\n  text-align: right;\n}\n\n.formfield-count {\n  display: flex;\n  align-items: center;\n  color: var(--Grey-70, #6C6E73);\n  gap: 0.125rem;\n}\n\n.formfield-count-error {\n  display: flex;\n  align-items: center;\n  gap: 0.125rem;\n  color: var(--red-70, #DC2721);\n}\n\n\n","import { Component, Prop, h, Event as StencilEvent, EventEmitter  } from '@stencil/core';\nimport { Icon } from '../../types/Icon';\nimport { State, Watch } from '@stencil/core/internal';\n\n@Component({\n  tag: 'ls-formfield',\n  styleUrl: 'ls-formfield.css',\n  shadow: false,\n})\nexport class LsFormfield {\n  @Prop() name: string;\n  @Prop() fieldId: string;\n  @Prop() label?: string;\n  @Prop() as?: 'text' | 'select' | 'radio' | 'textarea' | 'password' | 'number' | 'displayonly' = 'text';\n  @Prop({ mutable: true }) value?: string | number;\n  @Prop() placeholder?: string;\n  @Prop() descriptionText?: string;\n  @Prop() errorText?: string;\n  @Prop() aria?: string;\n  @Prop() inputRef?: string;\n  @Prop() infoTooltipText?: string;\n  @Prop() hoverTooltipText?: string;\n  @Prop() disabled: boolean;\n  @Prop() extraLabel: 'optional' | 'required' | 'none' = 'none';\n  @Prop() required: boolean;\n  @Prop() valid: boolean;\n  @Prop() dirty: boolean;\n  @Prop() count: boolean;\n  @Prop() countMax?: number;\n  @Prop() buttonClick?: () => void;\n  @Prop() buttonIcon?: Icon;\n  @Prop() labelIcon?: Icon;\n  @Prop() fieldIcon?: Icon;\n  @StencilEvent() valueChange: EventEmitter<string>;\n\n  changeHandler(value: string) {\n    this.valueChange.emit(value);\n  }\n\n  @State() _value: string;\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    this._value = newValue;\n    console.log(newValue)\n  }\n\n  componentWillLoad() {\n    this.valueWatcher(this?.value?.toString());\n  }\n\n  render() {\n    const {\n      name,\n      fieldId,\n      label,\n      as,\n      value,\n      placeholder,\n      descriptionText,\n      errorText,\n      aria,\n      infoTooltipText,\n      disabled,\n      extraLabel,\n      valid,\n      dirty,\n      count,\n      countMax,\n      buttonClick,\n      buttonIcon,\n      fieldIcon,\n      labelIcon,\n    } = this;\n\n    const countClass = value && value.toString().length > countMax ? 'formfield-count-error' : 'formfield-count';\n\n    return (\n      <host class=\"formfield-host\">\n        {label?.length > 1 || extraLabel !== 'none' && (\n          <div class=\"formfield-top-elements\">\n            <div class=\"formfield-left-side\">\n              {labelIcon && <ls-icon name={labelIcon}></ls-icon>}\n              <label htmlFor={name} class=\"formfield-label\">\n                {label}\n              </label>\n              {infoTooltipText && <ls-icon name={'information-circle'}></ls-icon>}\n            </div>\n\n            {extraLabel === 'optional' ? (\n              <ls-label text=\"Optional\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : extraLabel === 'required' ? (\n              <ls-label text=\"Required\" colour=\"gray\" type=\"low\"></ls-label>\n            ) : (\n              ''\n            )}\n          </div>\n        )}\n        {as === 'text' ? (\n          <ls-text-input\n            id={fieldId}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n            onValueChange={(e) => {this.changeHandler(e.detail)}}\n          ></ls-text-input>\n        ) : as === 'select' ? (\n          <ls-select-input\n            id={name}\n            name={name}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          >\n            <slot></slot>\n          </ls-select-input>\n        ) : as === 'radio' ? (\n          <ls-radio-input radioId={label} label={value?.toString()} icon={fieldIcon} name={name} disabled={disabled} />\n        ) : as === 'textarea' ? (\n          <ls-textarea-input\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'password' ? (\n          <ls-text-input\n            type=\"password\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'displayonly' ? (\n          <ls-text-input\n            type=\"displayonly\"\n            id={name}\n            name={name}\n            value={value?.toString()}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : as === 'number' ? (\n          <ls-number-input\n            type=\"ls\"\n            id={name}\n            name={name}\n            value={Number(value)}\n            countMax={countMax}\n            placeholder={placeholder}\n            aria-label={aria}\n            required={extraLabel === 'required'}\n            disabled={disabled}\n            valid={valid}\n            dirty={dirty}\n            buttonIcon={buttonIcon}\n            buttonClick={buttonClick}\n            fieldIcon={fieldIcon}\n          />\n        ) : (\n          <p>placeholder</p>\n        )}\n        {errorText ||\n          count ||\n          countMax ||\n          (descriptionText && (\n            <div class=\"formfield-bottom-elements\">\n              {errorText && !valid ? <p class=\"formfield-error-text\">{errorText}</p> : descriptionText ? <p class=\"formfield-description-text\">{descriptionText}</p> : ''}\n              {count && (\n                <div class=\"formfield-count-container\">\n                  <p class={countClass}>{value?.toString()?.length}</p>\n                  {countMax > 0 && (\n                    <div class={countClass}>\n                      <p>/</p>\n                      <p>{countMax}</p>\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          ))}\n      </host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/ls-helper-bar.js

@@ -1,9 +0,0 @@
-import { L as LsHelperBar$1, d as defineCustomElement$1 } from './p-CN4S8Tr6.js';
-
-const LsHelperBar = LsHelperBar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsHelperBar, defineCustomElement };
-//# sourceMappingURL=ls-helper-bar.js.map
-
-//# sourceMappingURL=ls-helper-bar.js.map

package/dist/components/ls-helper-bar.js.map

@@ -1 +0,0 @@
-{"file":"ls-helper-bar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-icon.js

@@ -1,9 +0,0 @@
-import { L as LsIcon$1, d as defineCustomElement$1 } from './p-DnyBXRV4.js';
-
-const LsIcon = LsIcon$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsIcon, defineCustomElement };
-//# sourceMappingURL=ls-icon.js.map
-
-//# sourceMappingURL=ls-icon.js.map

package/dist/components/ls-icon.js.map

@@ -1 +0,0 @@
-{"file":"ls-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-input-wrapper.js

@@ -1,9 +0,0 @@
-import { L as LsInputWrapper$1, d as defineCustomElement$1 } from './p-B5cnJ7Uh.js';
-
-const LsInputWrapper = LsInputWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsInputWrapper, defineCustomElement };
-//# sourceMappingURL=ls-input-wrapper.js.map
-
-//# sourceMappingURL=ls-input-wrapper.js.map

package/dist/components/ls-input-wrapper.js.map

@@ -1 +0,0 @@
-{"file":"ls-input-wrapper.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-keyboard-shortcuts.js

@@ -1,9 +0,0 @@
-import { L as LsKeyboardShortcuts$1, d as defineCustomElement$1 } from './p-DfkXv1vI.js';
-
-const LsKeyboardShortcuts = LsKeyboardShortcuts$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsKeyboardShortcuts, defineCustomElement };
-//# sourceMappingURL=ls-keyboard-shortcuts.js.map
-
-//# sourceMappingURL=ls-keyboard-shortcuts.js.map

package/dist/components/ls-keyboard-shortcuts.js.map

@@ -1 +0,0 @@
-{"file":"ls-keyboard-shortcuts.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-number-input.js

@@ -1,9 +0,0 @@
-import { L as LsNumberInput$1, d as defineCustomElement$1 } from './p-BrNFnrQ5.js';
-
-const LsNumberInput = LsNumberInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsNumberInput, defineCustomElement };
-//# sourceMappingURL=ls-number-input.js.map
-
-//# sourceMappingURL=ls-number-input.js.map

package/dist/components/ls-number-input.js.map

@@ -1 +0,0 @@
-{"file":"ls-number-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-page-loader.js

@@ -1,9 +0,0 @@
-import { L as LsPageLoader$1, d as defineCustomElement$1 } from './p-B_JOCgcw.js';
-
-const LsPageLoader = LsPageLoader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsPageLoader, defineCustomElement };
-//# sourceMappingURL=ls-page-loader.js.map
-
-//# sourceMappingURL=ls-page-loader.js.map

package/dist/components/ls-page-loader.js.map

@@ -1 +0,0 @@
-{"file":"ls-page-loader.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-participant-card.js

@@ -1,9 +0,0 @@
-import { L as LsParticipantCard$1, d as defineCustomElement$1 } from './p-B4_-Y3Tc.js';
-
-const LsParticipantCard = LsParticipantCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsParticipantCard, defineCustomElement };
-//# sourceMappingURL=ls-participant-card.js.map
-
-//# sourceMappingURL=ls-participant-card.js.map

package/dist/components/ls-participant-card.js.map

@@ -1 +0,0 @@
-{"file":"ls-participant-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-participant-manager.js

@@ -1,9 +0,0 @@
-import { L as LsParticipantManager$1, d as defineCustomElement$1 } from './p-enO8g-4z.js';
-
-const LsParticipantManager = LsParticipantManager$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsParticipantManager, defineCustomElement };
-//# sourceMappingURL=ls-participant-manager.js.map
-
-//# sourceMappingURL=ls-participant-manager.js.map

package/dist/components/ls-participant-manager.js.map

@@ -1 +0,0 @@
-{"file":"ls-participant-manager.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-participant-select.js

@@ -1,9 +0,0 @@
-import { L as LsParticipantSelect$1, d as defineCustomElement$1 } from './p-DK4_6BnD.js';
-
-const LsParticipantSelect = LsParticipantSelect$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsParticipantSelect, defineCustomElement };
-//# sourceMappingURL=ls-participant-select.js.map
-
-//# sourceMappingURL=ls-participant-select.js.map

package/dist/components/ls-participant-select.js.map

@@ -1 +0,0 @@
-{"file":"ls-participant-select.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-props-section.js

@@ -1,9 +0,0 @@
-import { L as LsPropsSection$1, d as defineCustomElement$1 } from './p-CwkNbClZ.js';
-
-const LsPropsSection = LsPropsSection$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsPropsSection, defineCustomElement };
-//# sourceMappingURL=ls-props-section.js.map
-
-//# sourceMappingURL=ls-props-section.js.map

package/dist/components/ls-props-section.js.map

@@ -1 +0,0 @@
-{"file":"ls-props-section.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-radio-input.js

@@ -1,9 +0,0 @@
-import { L as LsRadioInput$1, d as defineCustomElement$1 } from './p-C6pzA2Lp.js';
-
-const LsRadioInput = LsRadioInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsRadioInput, defineCustomElement };
-//# sourceMappingURL=ls-radio-input.js.map
-
-//# sourceMappingURL=ls-radio-input.js.map

package/dist/components/ls-radio-input.js.map

@@ -1 +0,0 @@
-{"file":"ls-radio-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-recipient-card.js

@@ -1,9 +0,0 @@
-import { L as LsRecipientCard$1, d as defineCustomElement$1 } from './p-CbSH7gJL.js';
-
-const LsRecipientCard = LsRecipientCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsRecipientCard, defineCustomElement };
-//# sourceMappingURL=ls-recipient-card.js.map
-
-//# sourceMappingURL=ls-recipient-card.js.map

package/dist/components/ls-recipient-card.js.map

@@ -1 +0,0 @@
-{"file":"ls-recipient-card.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-recipient-manager.js

@@ -1,9 +0,0 @@
-import { L as LsRecipientManager$1, d as defineCustomElement$1 } from './p-D1Vbun-H.js';
-
-const LsRecipientManager = LsRecipientManager$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsRecipientManager, defineCustomElement };
-//# sourceMappingURL=ls-recipient-manager.js.map
-
-//# sourceMappingURL=ls-recipient-manager.js.map

package/dist/components/ls-recipient-manager.js.map

@@ -1 +0,0 @@
-{"file":"ls-recipient-manager.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-select-input.js

@@ -1,9 +0,0 @@
-import { L as LsSelectInput$1, d as defineCustomElement$1 } from './p-B6kmJVw0.js';
-
-const LsSelectInput = LsSelectInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsSelectInput, defineCustomElement };
-//# sourceMappingURL=ls-select-input.js.map
-
-//# sourceMappingURL=ls-select-input.js.map

package/dist/components/ls-select-input.js.map

@@ -1 +0,0 @@
-{"file":"ls-select-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-statusbar.js

@@ -1,9 +0,0 @@
-import { L as LsStatusbar$1, d as defineCustomElement$1 } from './p-Bw19bxna.js';
-
-const LsStatusbar = LsStatusbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsStatusbar, defineCustomElement };
-//# sourceMappingURL=ls-statusbar.js.map
-
-//# sourceMappingURL=ls-statusbar.js.map

package/dist/components/ls-statusbar.js.map

@@ -1 +0,0 @@
-{"file":"ls-statusbar.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-text-input.js

@@ -1,9 +0,0 @@
-import { L as LsTextInput$1, d as defineCustomElement$1 } from './p-tbdpKil5.js';
-
-const LsTextInput = LsTextInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsTextInput, defineCustomElement };
-//# sourceMappingURL=ls-text-input.js.map
-
-//# sourceMappingURL=ls-text-input.js.map

package/dist/components/ls-text-input.js.map

@@ -1 +0,0 @@
-{"file":"ls-text-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-textarea-input.js

@@ -1,9 +0,0 @@
-import { L as LsTextareaInput$1, d as defineCustomElement$1 } from './p-CntMVGQM.js';
-
-const LsTextareaInput = LsTextareaInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsTextareaInput, defineCustomElement };
-//# sourceMappingURL=ls-textarea-input.js.map
-
-//# sourceMappingURL=ls-textarea-input.js.map

package/dist/components/ls-textarea-input.js.map

@@ -1 +0,0 @@
-{"file":"ls-textarea-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/ls-title-input.js

@@ -1,79 +0,0 @@
-import { t as transformTag, p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-BhZ5Udbm.js';
-import { d as defineCustomElement$2 } from './p-DnyBXRV4.js';
-
-const lsTitleInputCss = () => `*{box-sizing:border-box;margin:0;padding:0}:host{display:block}.template-title{border-radius:0.5rem;padding:0 0.25rem;color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;cursor:pointer}.template-title:hover{background:var(--gray-10, #f7f8fa)}.editButton{margin:0px;padding:0px;max-height:1.25rem !important;max-width:1.25rem !important;background-color:transparent;border:none;cursor:pointer;color:var(--gray-70)}.editButton:hover{color:var(--gray-80)}p{color:var(--gray-80, #6c6e73);font-family:var(--font-family);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height)}a{color:var(--primary-60, #4456f6);font-size:var(--text-sm);font-style:normal;font-weight:400;line-height:var(--text-sm-line-height);cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-70, #2134dc)}.button-link,.button-link:hover{all:unset}select{appearance:none;height:2.25rem}.input-wrapper{position:relative;width:fit-content}#selectorIcon{position:absolute;top:50%;right:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}#selectLeadingIcon{position:absolute;top:50%;left:0.675rem;transform:translateY(-50%);pointer-events:none;color:var(--gray-80, #6c6e73)}.has-leading-icon{padding-left:2.5rem}input,select,textarea{border:1px solid var(--gray-40, #d8d9dc);box-shadow:0 1px 0.125rem rgba(0, 0, 0, 0.05);padding:0.5rem 0.75rem;font-family:var(--font-family);font-size:var(--text-sm);border-radius:0.5rem;color:var(--gray-100, #45484d);font-weight:400}input::placeholder,select::placeholder,textarea::placeholder{color:var(--gray-60, #afb0b2)}input:hover,select:hover,textarea:hover{border-color:var(--gray-50, #c8c9cc);background-color:var(--white, #fff)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 0.25rem var(--primary-40, #79adfc);border-color:var(--primary-60, #4456f6);background-color:var(--white, #fff)}input:active,select:active,textarea:active{border-color:var(--primary-50, #5185ff)}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background-color:var(--gray-10, #f7f8fa)}input[type='checkbox']{appearance:none;position:relative;height:1rem;width:1rem;padding:0.25rem;border-radius:var(--radius-sm);border:1px solid #d1d5db;background-color:#ffffff;cursor:pointer}input[type='checkbox']:checked,input[type='checkbox'].indeterminate{background-color:var(--primary-60, #4456f6);border:none}input[type='checkbox']:checked::after{content:'';position:absolute;top:45%;left:50%;transform:translate(-50%, -50%) rotate(-45deg) scale(-1, 1);width:0.5rem;height:0.25rem;border-bottom:0.125rem solid white;border-right:0.125rem solid white}input[type='checkbox'].indeterminate::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.5rem;height:0.125rem;background-color:white}input[type='checkbox']:checked:hover,input[type='checkbox'].indeterminate:hover{background-color:var(--primary-70, #2134dc);border:none}input[type='checkbox']:hover{border:1px solid #9ca3af}input[type='checkbox']:focus,input[type='checkbox']:active{outline:none;box-shadow:0 0 0 0.25rem var(--primary-20, #c7ddff);background-color:#f0f4f8}input[type='checkbox']:disabled{background-color:#f3f4f6;outline:none;cursor:not-allowed}input[type='checkbox']:disabled:checked{background-color:#e5e7eb;border:none;outline:none;cursor:not-allowed}.checkbox-container{display:flex;gap:0.5rem;width:100%}.checkbox-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem}.form-label{color:var(--gray-100, #45484d);font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}.form-field{display:flex;flex-direction:column;gap:0.25rem;width:100%}.loading-box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;color:var(--primary-60, #0c7cba)}button{border:0;appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:var(--primary-60, #4456f6);color:white;text-transform:capitalize;min-height:2.25rem;min-width:2.25rem}button.tertiaryGrey{border:1px solid var(--gray-40, #d8d9dc);background-color:white;color:var(--gray-80, #787a80)}button.tertiaryGrey:hover{border:1px solid var(--gray-50, #c8c9cc);background:var(--gray-10, #f7f8fa)}.button-group{display:flex;border-radius:0.5rem;border:1px solid var(--gray-30, #e0e2e5);background:var(--white, #ffffff);overflow:clip}.button-group button{display:flex;background:transparent;border-radius:unset;padding:0.25rem 0.75rem;min-width:2.156rem;min-height:unset;color:var(--gray-80, #6c6e73)}.button-group button:hover{background:var(--gray-10, #f7f8fa)}.button-group>:first-child{border-radius:0.5rem 0 0 0.5rem}.button-group>:last-child{border-radius:0 0.5rem 0.5rem 0}.button-group>:not(:first-child){border-left:1px solid var(--gray-30, #e0e2e5)}`;
-
-const LsTitleInput$1 = /*@__PURE__*/ proxyCustomElement(class LsTitleInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.mutate = createEvent(this, "mutate", 7);
-    }
-    get component() { return this; }
-    template;
-    editTitle = false;
-    mutate;
-    // Send one or more mutations up the chain
-    // The source of the chain fires the mutation
-    // NOTE this alter is debounced to account for typing
-    alter(diff) {
-        this.debounce(diff, 500);
-    }
-    titletimer;
-    debounce(diff, delay) {
-        if (this.titletimer)
-            clearTimeout(this.titletimer);
-        this.titletimer = setTimeout(() => {
-            this.template = { ...this.template, ...diff };
-            const diffs = [{ action: 'update', data: this.template }];
-            this.mutate.emit(diffs);
-        }, delay);
-    }
-    render() {
-        return (h(Host, { key: '954a32dad8c48be15367eff9fa0adbb55234655b' }, this.editTitle ? (h("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' } }, h("input", { value: this.template?.title, style: { height: '1.25rem', padding: '0 0.25rem', width: 'fit-content' }, onInput: e => {
-                e.preventDefault();
-                this.alter({ title: e.target.value });
-            }, onKeyUp: e => {
-                if (e.key === 'Enter' || e.keyCode === 13)
-                    this.editTitle = false;
-            } }), h("ls-icon", { name: "check", size: "1rem", class: 'editButton', onClick: () => {
-                this.editTitle = false;
-            } }))) : (h("div", { class: "template-title", onClick: () => {
-                this.editTitle = !this.editTitle;
-            } }, h("p", null, this.template?.title)))));
-    }
-    static get style() { return lsTitleInputCss(); }
-}, [769, "ls-title-input", {
-        "template": [1040],
-        "editTitle": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ls-title-input", "ls-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ls-title-input":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), LsTitleInput$1);
-            }
-            break;
-        case "ls-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const LsTitleInput = LsTitleInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LsTitleInput, defineCustomElement };
-//# sourceMappingURL=ls-title-input.js.map
-
-//# sourceMappingURL=ls-title-input.js.map