@verdocs/web-sdk 1.10.1 → 1.10.4

package/dist/cjs/verdocs-button-panel_2.cjs.entry.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-const popper = require('./popper-11d5f714.js');
-
-const verdocsButtonPanelCss = "verdocs-button-panel{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer}verdocs-button-panel .icon svg{fill:#cccccc}verdocs-button-panel .icon:hover svg{fill:#ffffff}.verdocs-button-panel-content{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:280px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{color:#092c4c;font-size:16px;font-weight:bold;margin:0 0 8px 0}.verdocs-button-panel-content form{margin:0;padding:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.verdocs-button-panel-content label{display:block;font-size:14px;font-weight:bold;margin:0 0 3px 0;color:#33364b}.verdocs-button-panel-content input{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:14px;margin:0 0 10px 0}";
-
-const VerdocsButtonPanel = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.showing = false;
-    this.icon = '';
-  }
-  componentDidRender() {
-    document.body.appendChild(this.panelEl);
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-    }
-    this.popperInstance = popper.createPopper(this.iconEl, this.panelEl, {
-    // placement: 'top-end',
-    // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],
-    });
-  }
-  disconnectedCallback() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
-    }
-    if (this.panelEl) {
-      this.panelEl.remove();
-    }
-  }
-  toggle(e) {
-    var _a, _b, _c, _d;
-    e.stopPropagation();
-    if (this.showing) {
-      (_a = this.panelEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-      (_b = this.hiderEl) === null || _b === void 0 ? void 0 : _b.remove();
-      this.showing = false;
-    }
-    else {
-      (_c = this.panelEl) === null || _c === void 0 ? void 0 : _c.setAttribute('data-show', '');
-      (_d = this.popperInstance) === null || _d === void 0 ? void 0 : _d.update().catch(() => { });
-      this.showing = true;
-      this.hiderEl = document.createElement('div');
-      this.hiderEl.style.zIndex = '100';
-      this.hiderEl.style.position = 'absolute';
-      this.hiderEl.style.top = '0px';
-      this.hiderEl.style.left = '0px';
-      this.hiderEl.style.right = '0px';
-      this.hiderEl.style.bottom = '0px';
-      this.hiderEl.onclick = (e) => this.toggle(e);
-      document.body.appendChild(this.hiderEl);
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "icon", innerHTML: this.icon, onClick: (e) => this.toggle(e), ref: el => (this.iconEl = el) }), index.h("div", { role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, index.h("div", { "data-popper-arrow": "true", class: "arrow" }), index.h("slot", null))));
-  }
-};
-VerdocsButtonPanel.style = verdocsButtonPanelCss;
-
-const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:focus{border:1px solid #7d88ff}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
-
-const VerdocsSelectInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.value = '';
-    this.label = '';
-    this.options = undefined;
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: "input-field" }, index.h("label", null, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("select", { class: "input-element", disabled: this.disabled }, this.options.map(option => (index.h("option", { value: option.value, selected: option.value === this.value }, option.label)))))));
-  }
-};
-VerdocsSelectInput.style = verdocsSelectInputCss;
-
-exports.verdocs_button_panel = VerdocsButtonPanel;
-exports.verdocs_select_input = VerdocsSelectInput;

package/dist/cjs/verdocs-checkbox.cjs.entry.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-
-const verdocsCheckboxCss = "@charset \"UTF-8\";verdocs-checkbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;line-height:18px}verdocs-checkbox label>input[type=checkbox]{display:none}verdocs-checkbox label>input[type=checkbox]+*::before{content:\"\";width:1rem;height:1rem;-ms-flex-negative:0;flex-shrink:0;line-height:18px;border-radius:2px;border-style:solid;margin-right:0.5rem;border-width:0.1rem;display:inline-block;vertical-align:bottom;border-color:#aeb4bf}verdocs-checkbox label>input[type=checkbox]:checked+*{color:#55bc81}verdocs-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:#55bc81;border-color:#55bc81}verdocs-checkbox.dark label>input[type=checkbox]+*::before{border-color:#ffffff}verdocs-checkbox.dark label>input[type=checkbox]:checked+*::before{background:#55bc81;border-color:#55bc81}";
-
-const VerdocsCheckbox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.checked = false;
-    this.name = '';
-    this.label = '';
-    this.value = '';
-    this.theme = 'light';
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: { disabled: this.disabled, [this.theme]: true } }, index.h("label", null, index.h("input", { type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), index.h("span", null, this.label))));
-  }
-};
-VerdocsCheckbox.style = verdocsCheckboxCss;
-
-exports.verdocs_checkbox = VerdocsCheckbox;

package/dist/cjs/verdocs-component-error.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-
-const verdocsComponentErrorCss = "verdocs-component-error{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-component-error .inner{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;font-size:18px;background:#ffffff;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
-
-const VerdocsComponentError = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.message = '';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "inner" }, this.message)));
-  }
-};
-VerdocsComponentError.style = verdocsComponentErrorCss;
-
-exports.verdocs_component_error = VerdocsComponentError;

package/dist/cjs/verdocs-help-icon_2.cjs.entry.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-const popper = require('./popper-11d5f714.js');
-
-const verdocsHelpIconCss = "verdocs-help-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-help-icon .icon{display:inline-block}verdocs-help-icon .icon svg{fill:#5c6575}verdocs-help-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;position:relative;padding:5px 10px;font-size:13px;border-radius:4px;z-index:10000}verdocs-help-icon .tooltip .arrow,verdocs-help-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-help-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-help-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-help-icon .tooltip[data-show]{display:block}verdocs-help-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-help-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-help-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-help-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}";
-
-const helpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
-const VerdocsHelpIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.text = '';
-    this.containerId = `verdocs-help-icon-${Math.random().toString(36).substring(2, 11)}`;
-  }
-  componentDidLoad() {
-    this.popperInstance = popper.createPopper(this.icon, this.tooltip, {
-    // placement: 'top-end',
-    // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],
-    });
-  }
-  disconnectedCallback() {
-    if (this.popperInstance) {
-      this.popperInstance.destroy();
-      this.popperInstance = null;
-    }
-  }
-  show() {
-    var _a, _b;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.setAttribute('data-show', '');
-    (_b = this.popperInstance) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  hide() {
-    var _a;
-    (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-  }
-  render() {
-    return (index.h(index.Host, { class: {} }, index.h("div", { "aria-describedby": this.containerId, class: "icon", innerHTML: helpIcon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.icon = el) }), index.h("div", { id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltip = el) }, this.text, index.h("div", { "data-popper-arrow": "true", class: "arrow" }))));
-  }
-};
-VerdocsHelpIcon.style = verdocsHelpIconCss;
-
-const verdocsRadioButtonCss = "verdocs-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
-
-const VerdocsRadioButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.checked = false;
-    this.name = '';
-    this.value = '';
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: { disabled: this.disabled } }, index.h("input", { type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
-  }
-};
-VerdocsRadioButton.style = verdocsRadioButtonCss;
-
-exports.verdocs_help_icon = VerdocsHelpIcon;
-exports.verdocs_radio_button = VerdocsRadioButton;

package/dist/cjs/verdocs-template-sender-dialog.cjs.entry.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-const Types = require('./Types-da57ce69.js');
-
-const verdocsTemplateSenderDialogCss = "verdocs-template-sender-dialog{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-sender-dialog .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender-dialog .buttons verdocs-button{margin-left:16px}verdocs-template-sender-dialog .options{row-gap:10px}verdocs-template-sender-dialog .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .options .option .description{margin-left:10px}verdocs-template-sender-dialog .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
-
-const VerdocsTemplateSenderDialog = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cancel = index.createEvent(this, "cancel", 7);
-    this.next = index.createEvent(this, "next", 7);
-    this.value = Types.TemplateSenderTypes.EVERYONE;
-    this.newValue = Types.TemplateSenderTypes.EVERYONE;
-  }
-  componentWillLoad() {
-    this.newValue = this.value;
-  }
-  handleCancel() {
-    this.cancel.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.handleCancel();
-    }
-  }
-  handleDone() {
-    this.next.emit(this.newValue);
-  }
-  handleSelectSetting(value) {
-    this.newValue = value;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { class: "dialog" }, index.h("div", { class: "options" }, index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: Types.TemplateSenderTypes.EVERYONE, checked: this.value === Types.TemplateSenderTypes.EVERYONE, onInput: () => this.handleSelectSetting(Types.TemplateSenderTypes.EVERYONE) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: Types.TemplateSenderTypes.EVERYONE_AS_CREATOR, checked: this.value === Types.TemplateSenderTypes.EVERYONE_AS_CREATOR, onInput: () => this.handleSelectSetting(Types.TemplateSenderTypes.EVERYONE_AS_CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: Types.TemplateSenderTypes.ORGANIZATION_MEMBER, checked: this.value === Types.TemplateSenderTypes.ORGANIZATION_MEMBER, onInput: () => this.handleSelectSetting(Types.TemplateSenderTypes.ORGANIZATION_MEMBER) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: Types.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, checked: this.value === Types.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, onInput: () => this.handleSelectSetting(Types.TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { class: "option" }, index.h("verdocs-radio-button", { name: "template-sender", value: Types.TemplateSenderTypes.CREATOR, checked: this.value === Types.TemplateSenderTypes.CREATOR, onInput: () => this.handleSelectSetting(Types.TemplateSenderTypes.CREATOR) }), index.h("div", { class: "description" }, index.h("div", { class: "name" }, "Me"), index.h("verdocs-help-icon", { text: "Only I can use this template." })))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), index.h("verdocs-button", { label: "Done", onClick: () => this.handleDone() }))))));
-  }
-};
-VerdocsTemplateSenderDialog.style = verdocsTemplateSenderDialogCss;
-
-exports.verdocs_template_sender_dialog = VerdocsTemplateSenderDialog;

package/dist/cjs/verdocs-text-input.cjs.entry.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-1329d89c.js');
-
-const verdocsTextInputCss = "verdocs-text-input{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element:disabled{border:1px solid #aeb4bf;background:#f5f5fa}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input [data-lastpass-icon-root]{display:none !important}";
-
-const VerdocsTextInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.value = '';
-    this.label = '';
-    this.placeholder = '';
-    this.autocomplete = '';
-    this.type = 'text';
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: "input-field" }, index.h("label", null, this.label ? index.h("div", { class: "input-label" }, this.label + ':') : index.h("div", null), index.h("input", { type: this.type, value: this.value, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete }))));
-  }
-};
-VerdocsTextInput.style = verdocsTextInputCss;
-
-exports.verdocs_text_input = VerdocsTextInput;

package/dist/collection/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.js

@@ -1,114 +0,0 @@
-import { TemplateSenderTypes } from '@verdocs/js-sdk/Templates/Types';
-import { h, Host } from '@stencil/core';
-/**
- * Display a dialog that allows a template sender to be selected.
- */
-export class VerdocsTemplateSenderDialog {
-  constructor() {
-    this.value = TemplateSenderTypes.EVERYONE;
-    this.newValue = TemplateSenderTypes.EVERYONE;
-  }
-  componentWillLoad() {
-    this.newValue = this.value;
-  }
-  handleCancel() {
-    this.cancel.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.handleCancel();
-    }
-  }
-  handleDone() {
-    this.next.emit(this.newValue);
-  }
-  handleSelectSetting(value) {
-    this.newValue = value;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "options" }, h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.EVERYONE, checked: this.value === TemplateSenderTypes.EVERYONE, onInput: () => this.handleSelectSetting(TemplateSenderTypes.EVERYONE) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.EVERYONE_AS_CREATOR, checked: this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.ORGANIZATION_MEMBER, checked: this.value === TemplateSenderTypes.ORGANIZATION_MEMBER, onInput: () => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, checked: this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.CREATOR, checked: this.value === TemplateSenderTypes.CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Me"), h("verdocs-help-icon", { text: "Only I can use this template." })))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { label: "Done", onClick: () => this.handleDone() }))))));
-  }
-  static get is() { return "verdocs-template-sender-dialog"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["verdocs-template-sender-dialog.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["verdocs-template-sender-dialog.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "TemplateSenderTypes",
-          "resolved": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
-          "references": {
-            "TemplateSenderTypes": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Whether the dialog is currently being displayed. This allows it to be added to the DOM before being displayed."
-        },
-        "attribute": "value",
-        "reflect": false,
-        "defaultValue": "TemplateSenderTypes.EVERYONE"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "newValue": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "cancel",
-        "name": "cancel",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the dialog is closed. The event data will contain the closure reason."
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "next",
-        "name": "next",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event fired when the dialog is closed. The event data will contain the selected value."
-        },
-        "complexType": {
-          "original": "TemplateSenderTypes",
-          "resolved": "TemplateSenderTypes.CREATOR | TemplateSenderTypes.EVERYONE | TemplateSenderTypes.EVERYONE_AS_CREATOR | TemplateSenderTypes.ORGANIZATION_MEMBER | TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR",
-          "references": {
-            "TemplateSenderTypes": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Templates/Types"
-            }
-          }
-        }
-      }];
-  }
-}

package/dist/collection/components/dialogs/verdocs-template-sender-dialog/verdocs-template-sender-dialog.stories.js

@@ -1,46 +0,0 @@
-import { html } from 'lit-html';
-import { TemplateSenderTypes } from '@verdocs/js-sdk/Templates/Types';
-export default {
-  title: 'Dialogs/Template Sender Dialog',
-  component: 'verdocs-template-sender-dialog',
-  args: {
-    value: 'everyone',
-  },
-  argTypes: {
-    value: {
-      options: [
-        TemplateSenderTypes.CREATOR,
-        TemplateSenderTypes.ORGANIZATION_MEMBER,
-        TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR,
-        TemplateSenderTypes.EVERYONE,
-        TemplateSenderTypes.EVERYONE_AS_CREATOR,
-      ],
-      mapping: {
-        [TemplateSenderTypes.CREATOR]: 'creator',
-        [TemplateSenderTypes.ORGANIZATION_MEMBER]: 'organization_member',
-        [TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR]: 'organization_member_as_creator',
-        [TemplateSenderTypes.EVERYONE]: 'everyone',
-        [TemplateSenderTypes.EVERYONE_AS_CREATOR]: 'everyone_as_creator',
-      },
-      control: {
-        type: 'select',
-        labels: {
-          [TemplateSenderTypes.CREATOR]: 'creator',
-          [TemplateSenderTypes.ORGANIZATION_MEMBER]: 'organization_member',
-          [TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR]: 'organization_member_as_creator',
-          [TemplateSenderTypes.EVERYONE]: 'everyone',
-          [TemplateSenderTypes.EVERYONE_AS_CREATOR]: 'everyone_as_creator',
-        },
-      },
-    },
-    onNext: {
-      action: 'next',
-      table: { disable: true },
-    },
-    onCancel: {
-      action: 'cancel',
-      table: { disable: true },
-    },
-  },
-};
-export const TemplateSenderDialog = ({ value, onCancel, onNext }) => html `<verdocs-template-sender-dialog .value=${value} @cancel=${onCancel} @next=${onNext} />`;

package/dist/components/Types.js

@@ -1,43 +0,0 @@
-var TemplatePermissions;
-(function (TemplatePermissions) {
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PUBLIC"] = "template:creator:create:public";
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_ORG"] = "template:creator:create:org";
-    TemplatePermissions["TEMPLATE_CREATOR_CREATE_PERSONAL"] = "template:creator:create:personal";
-    TemplatePermissions["TEMPLATE_CREATOR_DELETE"] = "template:creator:delete";
-    TemplatePermissions["TEMPLATE_CREATOR_VISIBILITY"] = "template:creator:visibility";
-    TemplatePermissions["TEMPLATE_MEMBER_READ"] = "template:member:read";
-    TemplatePermissions["TEMPLATE_MEMBER_WRITE"] = "template:member:write";
-    TemplatePermissions["TEMPLATE_MEMBER_DELETE"] = "template:member:delete";
-    TemplatePermissions["TEMPLATE_MEMBER_VISIBILITY"] = "template:member:visibility";
-})(TemplatePermissions || (TemplatePermissions = {}));
-var TemplateSenderTypes;
-(function (TemplateSenderTypes) {
-    TemplateSenderTypes["CREATOR"] = "creator";
-    TemplateSenderTypes["ORGANIZATION_MEMBER"] = "organization_member";
-    TemplateSenderTypes["ORGANIZATION_MEMBER_AS_CREATOR"] = "organization_member_as_creator";
-    TemplateSenderTypes["EVERYONE"] = "everyone";
-    TemplateSenderTypes["EVERYONE_AS_CREATOR"] = "everyone_as_creator";
-})(TemplateSenderTypes || (TemplateSenderTypes = {}));
-var TemplateActions;
-(function (TemplateActions) {
-    TemplateActions["CREATE_PERSONAL"] = "create_personal";
-    TemplateActions["CREATE_ORG"] = "create_org";
-    TemplateActions["CREATE_PUBLIC"] = "create_public";
-    TemplateActions["READ"] = "read";
-    TemplateActions["WRITE"] = "write";
-    TemplateActions["DELETE"] = "delete";
-    TemplateActions["CHANGE_VISIBILITY_PERSONAL"] = "change_visibility_personal";
-    TemplateActions["CHANGE_VISIBILITY_ORG"] = "change_visibility_org";
-    TemplateActions["CHANGE_VISIBILITY_PUBLIC"] = "change_visibility_public";
-})(TemplateActions || (TemplateActions = {}));
-var SortOptions;
-(function (SortOptions) {
-    SortOptions["CREATED_AT"] = "created_at";
-    SortOptions["UPDATED_AT"] = "updated_at";
-    SortOptions["NAME"] = "name";
-    SortOptions["LAST_USED_AT"] = "last_used_at";
-    SortOptions["COUNTER"] = "counter";
-    SortOptions["STAR_COUNTER"] = "star_counter";
-})(SortOptions || (SortOptions = {}));
-
-export { TemplateSenderTypes as T };

package/dist/components/verdocs-template-sender-dialog.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface VerdocsTemplateSenderDialog extends Components.VerdocsTemplateSenderDialog, HTMLElement {}
-export const VerdocsTemplateSenderDialog: {
-  prototype: VerdocsTemplateSenderDialog;
-  new (): VerdocsTemplateSenderDialog;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/verdocs-template-sender-dialog.js

@@ -1,6 +0,0 @@
-import { V as VerdocsTemplateSenderDialog$1, d as defineCustomElement$1 } from './verdocs-template-sender-dialog2.js';
-
-const VerdocsTemplateSenderDialog = VerdocsTemplateSenderDialog$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { VerdocsTemplateSenderDialog, defineCustomElement };

package/dist/components/verdocs-template-sender-dialog2.js

@@ -1,75 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { T as TemplateSenderTypes } from './Types.js';
-import { d as defineCustomElement$3 } from './verdocs-button2.js';
-import { d as defineCustomElement$2 } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$1 } from './verdocs-radio-button2.js';
-
-const verdocsTemplateSenderDialogCss = "verdocs-template-sender-dialog{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-sender-dialog .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender-dialog .buttons verdocs-button{margin-left:16px}verdocs-template-sender-dialog .options{row-gap:10px}verdocs-template-sender-dialog .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender-dialog .options .option .description{margin-left:10px}verdocs-template-sender-dialog .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
-
-const VerdocsTemplateSenderDialog = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.cancel = createEvent(this, "cancel", 7);
-    this.next = createEvent(this, "next", 7);
-    this.value = TemplateSenderTypes.EVERYONE;
-    this.newValue = TemplateSenderTypes.EVERYONE;
-  }
-  componentWillLoad() {
-    this.newValue = this.value;
-  }
-  handleCancel() {
-    this.cancel.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.handleCancel();
-    }
-  }
-  handleDone() {
-    this.next.emit(this.newValue);
-  }
-  handleSelectSetting(value) {
-    this.newValue = value;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "options" }, h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.EVERYONE, checked: this.value === TemplateSenderTypes.EVERYONE, onInput: () => this.handleSelectSetting(TemplateSenderTypes.EVERYONE) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.EVERYONE_AS_CREATOR, checked: this.value === TemplateSenderTypes.EVERYONE_AS_CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.EVERYONE_AS_CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.ORGANIZATION_MEMBER, checked: this.value === TemplateSenderTypes.ORGANIZATION_MEMBER, onInput: () => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, checked: this.value === TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.ORGANIZATION_MEMBER_AS_CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { class: "option" }, h("verdocs-radio-button", { name: "template-sender", value: TemplateSenderTypes.CREATOR, checked: this.value === TemplateSenderTypes.CREATOR, onInput: () => this.handleSelectSetting(TemplateSenderTypes.CREATOR) }), h("div", { class: "description" }, h("div", { class: "name" }, "Me"), h("verdocs-help-icon", { text: "Only I can use this template." })))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { label: "Done", onClick: () => this.handleDone() }))))));
-  }
-  static get style() { return verdocsTemplateSenderDialogCss; }
-}, [0, "verdocs-template-sender-dialog", {
-    "value": [1],
-    "newValue": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-template-sender-dialog", "verdocs-button", "verdocs-help-icon", "verdocs-radio-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-template-sender-dialog":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsTemplateSenderDialog);
-      }
-      break;
-    case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "verdocs-help-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "verdocs-radio-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { VerdocsTemplateSenderDialog as V, defineCustomElement as d };