@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/components/verdocs-progress-bar2.js

@@ -1,37 +1,38 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const verdocsProgressBarCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-progress-bar{font-family:\"Inter\", \"Barlow\", sans-serif;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-progress-bar .labels{display:-ms-flexbox;display:flex;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-progress-bar .labels .label{display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;color:#33364b}verdocs-progress-bar .bar{display:-ms-flexbox;display:flex;-ms-flex:0 0 10px;flex:0 0 10px;border-radius:5px;background-color:#cccccc}verdocs-progress-bar .bar .slider{display:-ms-flexbox;display:flex;border-radius:5px;background-color:#55bc81}";
+const VerdocsProgressBarStyle0 = verdocsProgressBarCss;
 
-const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.label = '';
-    this.showPercent = false;
-    this.percent = 0;
-  }
-  render() {
-    const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
-    return (h(Host, null, h("div", { class: "labels" }, this.label && h("div", { class: "label" }, this.label), this.showPercent && h("div", { class: "label" }, this.percent, "%")), h("div", { class: "bar" }, h("div", { class: "slider", style: { width: `${widthPercent}%` } }))));
-  }
-  static get style() { return verdocsProgressBarCss; }
+const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgressBar extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.label = '';
+        this.showPercent = false;
+        this.percent = 0;
+    }
+    render() {
+        const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
+        return (h(Host, { key: '3c48e5a6c30688c72bbeaa00b3d0fdf8cba1c765' }, h("div", { key: 'f64ac74d3ca62bac1aa859e2d6abd3d94c8efd48', class: "labels" }, this.label && h("div", { key: '018cd8a64169ca83e6702eab88d187ad2a0cb50e', class: "label" }, this.label), this.showPercent && h("div", { key: '550104a8505d437df7248adb11fd97aaa9e72ef9', class: "label" }, this.percent, "%")), h("div", { key: '11cc23dad95af23bbf84022312dc760b15fe4b70', class: "bar" }, h("div", { key: '168c45390049adeb97996699aab0708c19ccb4f7', class: "slider", style: { width: `${widthPercent}%` } }))));
+    }
+    static get style() { return VerdocsProgressBarStyle0; }
 }, [0, "verdocs-progress-bar", {
-    "label": [1],
-    "showPercent": [4, "show-percent"],
-    "percent": [2]
-  }]);
+        "label": [1],
+        "showPercent": [4, "show-percent"],
+        "percent": [2]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-progress-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-progress-bar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsProgressBar);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsProgressBar);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-quick-filter.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsQuickFilter extends Components.VerdocsQuickFilter, HTMLElement {}
 export const VerdocsQuickFilter: {
-  prototype: VerdocsQuickFilter;
-  new (): VerdocsQuickFilter;
+    prototype: VerdocsQuickFilter;
+    new (): VerdocsQuickFilter;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/verdocs-quick-filter2.js

@@ -1,112 +1,113 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as renderedTextWidth } from './utils.js';
+import { i as renderedTextWidth } from './utils.js';
 import { c as createPopper } from './popper.js';
 
-const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
+const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
+const VerdocsQuickFilterStyle0 = verdocsQuickFilterCss;
 
 const DropdownArrow = `<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;
-const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.optionSelected = createEvent(this, "optionSelected", 7);
-    // We need to do this to reliably disconnect the click-away listener
-    this.clickListenerSymbol = new AbortController();
-    this.options = [];
-    this.label = 'Filter';
-    this.value = '';
-    this.placeholder = 'Select...';
-    this.open = undefined;
-  }
-  componentDidLoad() {
-    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
-    window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
-  }
-  disconnectedCallback() {
-    this.clickListenerSymbol.abort();
-  }
-  clickListener(e) {
-    const outside = !(e.target == this.el || this.el.contains(e.target));
-    if (outside) {
-      this.hide();
+const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFilter extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.optionSelected = createEvent(this, "optionSelected", 7);
+        // We need to do this to reliably disconnect the click-away listener
+        this.clickListenerSymbol = new AbortController();
+        this.options = [];
+        this.label = 'Filter';
+        this.value = '';
+        this.placeholder = 'Select...';
+        this.open = undefined;
     }
-  }
-  handleSelectOption(e, option) {
-    e.stopPropagation();
-    this.optionSelected.emit(option);
-    this.value = option.value;
-    this.hide();
-  }
-  // See https://popper.js.org/docs/v2/tutorial/
-  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
-  showDropdown() {
-    var _a, _b;
-    this.open = true;
-    this.dropdownMenu.setAttribute('data-show', '');
-    this.dropdownMenu.removeAttribute('aria-hidden');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
-    })).catch(() => { });
-    (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  handleHideDropdown(e) {
-    var _a, _b;
-    if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
-      // This event is fired when a menu element is clicked because the button "loses focus" then too
-      return;
+    componentDidLoad() {
+        this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
+        window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
     }
-    this.hide();
-  }
-  toggleDropdown(e) {
-    e.stopPropagation();
-    if (this.open) {
-      this.hide();
+    disconnectedCallback() {
+        this.clickListenerSymbol.abort();
     }
-    else {
-      this.showDropdown();
+    clickListener(e) {
+        const outside = !(e.target == this.el || this.el.contains(e.target));
+        if (outside) {
+            this.hide();
+        }
     }
-  }
-  hide() {
-    var _a;
-    this.open = false;
-    this.dropdownMenu.removeAttribute('data-show');
-    this.dropdownMenu.setAttribute('aria-hidden', 'true');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
-    })).catch(() => { });
-  }
-  render() {
-    var _a, _b, _c;
-    const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
-    const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
-    const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
-    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
-    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-    return (h(Host, { class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { class: "title", ref: el => (this.dropdownButton = el) }, h("span", { class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { style: { flex: '1' } }), h("div", { class: "separator" }), h("div", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
-  }
-  get el() { return this; }
-  static get style() { return verdocsQuickFilterCss; }
+    handleSelectOption(e, option) {
+        e.stopPropagation();
+        this.optionSelected.emit(option);
+        this.value = option.value;
+        this.hide();
+    }
+    // See https://popper.js.org/docs/v2/tutorial/
+    // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
+    showDropdown() {
+        var _a, _b;
+        this.open = true;
+        this.dropdownMenu.setAttribute('data-show', '');
+        this.dropdownMenu.removeAttribute('aria-hidden');
+        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
+            ...options,
+            modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
+        })).catch(() => { });
+        (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
+    }
+    handleHideDropdown(e) {
+        var _a, _b;
+        if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
+            // This event is fired when a menu element is clicked because the button "loses focus" then too
+            return;
+        }
+        this.hide();
+    }
+    toggleDropdown(e) {
+        e.stopPropagation();
+        if (this.open) {
+            this.hide();
+        }
+        else {
+            this.showDropdown();
+        }
+    }
+    hide() {
+        var _a;
+        this.open = false;
+        this.dropdownMenu.removeAttribute('data-show');
+        this.dropdownMenu.setAttribute('aria-hidden', 'true');
+        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
+            ...options,
+            modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
+        })).catch(() => { });
+    }
+    render() {
+        var _a, _b, _c;
+        const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
+        const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
+        const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
+        const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
+        const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
+        return (h(Host, { key: '1f334530a8ad36661234df13dfcded2b0578f6a0', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'ca820c376c072a6de23e9bddf2255fd18d1423c6', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '6b64609796a46da25d7fdcd4b0f667b010feaf5c', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: 'da9dd1d6b822e26e478edef34127324a24c4fa46', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'c3e735e29d3a53780c94689502044af65df358da', style: { flex: '1' } }), h("div", { key: '7ea36915d9db4c97520486db47cb60f6b08ba868', class: "separator" }), h("div", { key: '32b41b27f18e34ab13c80af1562489df9c75edcc', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: 'f9c2a98829e67f30cd2234ce5532684f4ca45ce1', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
+    }
+    get el() { return this; }
+    static get style() { return VerdocsQuickFilterStyle0; }
 }, [0, "verdocs-quick-filter", {
-    "options": [16],
-    "label": [1],
-    "value": [1537],
-    "placeholder": [1],
-    "open": [32]
-  }]);
+        "options": [16],
+        "label": [1],
+        "value": [1537],
+        "placeholder": [1],
+        "open": [32]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-quick-filter"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-quick-filter":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsQuickFilter);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-quick-filter"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-quick-filter":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsQuickFilter);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-quick-functions.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsQuickFunctions extends Components.VerdocsQuickFunctions, HTMLElement {}
 export const VerdocsQuickFunctions: {
-  prototype: VerdocsQuickFunctions;
-  new (): VerdocsQuickFunctions;
+    prototype: VerdocsQuickFunctions;
+    new (): VerdocsQuickFunctions;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/verdocs-quick-functions2.js

@@ -1,44 +1,44 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import './Types.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
 
 const verdocsQuickFunctionsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
+const VerdocsQuickFunctionsStyle0 = verdocsQuickFunctionsCss;
 
 const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
-const VerdocsQuickFunctions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.createTemplate = createEvent(this, "createTemplate", 7);
-    this.createDocument = createEvent(this, "createDocument", 7);
-    this.endpoint = VerdocsEndpoint.getDefault();
-  }
-  handleCreateTemplate() {
-    this.createTemplate.emit();
-  }
-  handleCreateDocument() {
-    this.createDocument.emit();
-  }
-  render() {
-    return (h("div", { class: "container" }, h("p", { class: "title" }, "Quick Create"), h("button", { onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
-  }
-  static get style() { return verdocsQuickFunctionsCss; }
+const VerdocsQuickFunctions = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFunctions extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.createTemplate = createEvent(this, "createTemplate", 7);
+        this.createDocument = createEvent(this, "createDocument", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+    }
+    handleCreateTemplate() {
+        this.createTemplate.emit();
+    }
+    handleCreateDocument() {
+        this.createDocument.emit();
+    }
+    render() {
+        return (h("div", { key: 'eb5dc623120c7c528a9eb81f3dd4a2cdabdb7238', class: "container" }, h("p", { key: '09ab8ebada6eee21819e9152a76199bc86043a91', class: "title" }, "Quick Create"), h("button", { key: '9d1d124c64f0b6b7d4adc95a4c637907ad40bdfd', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'e7f2bf2070c45e3266be984c66115615f6578e27', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+    }
+    static get style() { return VerdocsQuickFunctionsStyle0; }
 }, [0, "verdocs-quick-functions", {
-    "endpoint": [16]
-  }]);
+        "endpoint": [16]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-quick-functions"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-quick-functions":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsQuickFunctions);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-quick-functions"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-quick-functions":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsQuickFunctions);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-radio-button.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsRadioButton extends Components.VerdocsRadioButton, HTMLElement {}
 export const VerdocsRadioButton: {
-  prototype: VerdocsRadioButton;
-  new (): VerdocsRadioButton;
+    prototype: VerdocsRadioButton;
+    new (): VerdocsRadioButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/verdocs-radio-button2.js

@@ -1,38 +1,39 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const verdocsRadioButtonCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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 VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;
 
-const VerdocsRadioButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.checked = false;
-    this.name = '';
-    this.value = '';
-    this.disabled = false;
-  }
-  render() {
-    return (h(Host, { class: { disabled: this.disabled } }, h("input", { type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
-  }
-  static get style() { return verdocsRadioButtonCss; }
+const VerdocsRadioButton = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checked = false;
+        this.name = '';
+        this.value = '';
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: '9eee43dc3c08fdd5c3dbde1bb167dfa4d57fe4fa', class: { disabled: this.disabled } }, h("input", { key: '07a13e1ea2e2fc2aa78f2b830908fa6f96e4963d', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '303f4ed1d9f45123a563c6e12e8eafa03e876ef6', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+    }
+    static get style() { return VerdocsRadioButtonStyle0; }
 }, [0, "verdocs-radio-button", {
-    "checked": [4],
-    "name": [1],
-    "value": [1],
-    "disabled": [4]
-  }]);
+        "checked": [4],
+        "name": [1],
+        "value": [1],
+        "disabled": [4]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-radio-button"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-radio-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsRadioButton);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-radio-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-radio-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsRadioButton);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-search-box.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsSearchBox extends Components.VerdocsSearchBox, HTMLElement {}
 export const VerdocsSearchBox: {
-  prototype: VerdocsSearchBox;
-  new (): VerdocsSearchBox;
+    prototype: VerdocsSearchBox;
+    new (): VerdocsSearchBox;
 };
 /**
  * Used to define this component and all nested components recursively.