@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/components/verdocs-field-attachment2.js

@@ -0,0 +1,88 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './verdocs-button2.js';
+import { d as defineCustomElement$1 } from './verdocs-upload-dialog2.js';
+
+const Paperclip = `<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />
+</svg>
+`;
+
+const verdocsFieldAttachmentCss = "verdocs-field-attachment{font-family:sans-serif;font-family:var(--verdocs-font);width:24px;height:24px;display:block;font-size:11px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment span{width:20px;cursor:pointer}verdocs-field-attachment.required span{border:1px solid var(--verdocs-required-color)}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
+
+const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.fieldChange = createEvent(this, "fieldChange", 7);
+    /**
+     * Sets the tabIndex of the input element.
+     */
+    this.order = 1;
+    /**
+     * Sets the value of the input element.
+     */
+    this.value = '';
+    /**
+     * If true, the field will be marked required.
+     */
+    this.required = false;
+    /**
+     * Sets the disabled attribute of the input element.
+     */
+    this.disabled = false;
+  }
+  async focusField() {
+    this.handleShow();
+  }
+  handleShow() {
+    this.dialog = document.createElement('verdocs-upload-dialog');
+    this.dialog.open = true;
+    this.dialog.addEventListener('cancel', () => {
+      var _a;
+      console.log('cancel');
+      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+    });
+    document.addEventListener('done', e => {
+      var _a;
+      console.log('done', e);
+      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+    });
+    document.body.append(this.dialog);
+  }
+  render() {
+    return (h(Host, { class: { required: this.required } }, h("span", { innerHTML: Paperclip, onClick: () => this.handleShow() })));
+  }
+  static get style() { return verdocsFieldAttachmentCss; }
+}, [0, "verdocs-field-attachment", {
+    "order": [2],
+    "value": [1],
+    "required": [4],
+    "disabled": [4],
+    "focusField": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-field-attachment", "verdocs-button", "verdocs-upload-dialog"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-field-attachment":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsFieldAttachment);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "verdocs-upload-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement(VerdocsFieldAttachment);
+
+export { VerdocsFieldAttachment as V, defineCustomElement as d };

package/dist/components/verdocs-field-checkbox.d.ts

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

package/dist/components/verdocs-field-checkbox.js

@@ -0,0 +1,6 @@
+import { V as VerdocsFieldCheckbox$1, d as defineCustomElement$1 } from './verdocs-field-checkbox2.js';
+
+const VerdocsFieldCheckbox = VerdocsFieldCheckbox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsFieldCheckbox, defineCustomElement };

package/dist/components/verdocs-field-checkbox2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const verdocsFieldCheckboxCss = "@charset \"UTF-8\";verdocs-field-checkbox{font-family:sans-serif;font-family:var(--verdocs-font);font-size:11px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-checkbox label>input[type=checkbox]{display:none}verdocs-field-checkbox label>input[type=checkbox]+*::before{content:\"\";display:block;vertical-align:bottom;width:14px;height:14px;border-radius:2px;border:1px solid rgba(0, 0, 0, 0.2);-ms-flex-negative:0;flex-shrink:0}verdocs-field-checkbox label>input[type=checkbox]:checked+*{color:var(--verdocs-primary-color)}verdocs-field-checkbox label>input[type=checkbox]:checked+*::before{content:\"✓\";color:white;text-align:center;background:var(--verdocs-primary-color);border-color:var(--verdocs-primary-color)}verdocs-field-checkbox.required label>input[type=checkbox]+*::before{border:1px solid var(--verdocs-required-color)}verdocs-field-checkbox.hide{display:none}verdocs-field-checkbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
+
+const VerdocsFieldCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.fieldChange = createEvent(this, "fieldChange", 7);
+    /**
+     * Sets the tabIndex of the input element.
+     */
+    this.order = 1;
+    /**
+     * Sets the value of the input element.
+     */
+    this.value = false;
+    /**
+     * If true, the field will be marked required.
+     */
+    this.required = false;
+    /**
+     * Sets the disabled attribute of the input element.
+     */
+    this.disabled = false;
+  }
+  handleChange(e) {
+    this.fieldChange.emit(e.target.checked);
+  }
+  render() {
+    return (h(Host, { class: { required: this.required } }, h("label", null, h("input", { type: "checkbox", tabIndex: this.order, checked: this.value, disabled: this.disabled, required: this.required, onChange: e => this.handleChange(e) }), h("span", null))));
+  }
+  static get style() { return verdocsFieldCheckboxCss; }
+}, [0, "verdocs-field-checkbox", {
+    "order": [2],
+    "value": [4],
+    "required": [4],
+    "disabled": [4]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-field-checkbox"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-field-checkbox":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsFieldCheckbox);
+      }
+      break;
+  } });
+}
+defineCustomElement(VerdocsFieldCheckbox);
+
+export { VerdocsFieldCheckbox as V, defineCustomElement as d };

package/dist/components/verdocs-field-date.d.ts

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

package/dist/components/verdocs-field-date.js

@@ -0,0 +1,6 @@
+import { V as VerdocsFieldDate$1, d as defineCustomElement$1 } from './verdocs-field-date2.js';
+
+const VerdocsFieldDate = VerdocsFieldDate$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsFieldDate, defineCustomElement };