@verdocs/web-sdk 4.0.8 → 4.1.2

package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js

@@ -1,52 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-cfdfab36.js');
-const popper = require('./popper-31badbf8.js');
-
-const verdocsToolbarIconCss = "@-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-toolbar-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-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;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}";
-const VerdocsToolbarIconStyle0 = verdocsToolbarIconCss;
-
-const VerdocsToolbarIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.text = '';
-        this.icon = '';
-        this.placement = 'bottom';
-        this.containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;
-    }
-    componentDidLoad() {
-        this.popperInstance = popper.createPopper(this.iconEl, this.tooltip, {
-            placement: this.placement,
-            modifiers: this.placement === 'left' ? [{ name: 'offset', options: { offset: [0, 20] } }] : [],
-        });
-        // 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');
-    }
-    // handlePress() {
-    //   this.press?.emit();
-    // }
-    render() {
-        return (index.h(index.Host, { key: 'c12c9e2593bf281d5c0ce60ebffebf974a4a1afb', class: {} }, index.h("div", { key: '7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: 'd757834d1be057de971a7bcbb47158c9c2182907', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: '0a9e2615fa20a0625b929173dd2705be5165c39a', "data-popper-arrow": "true", class: "arrow" }))));
-    }
-};
-VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;
-
-exports.verdocs_toolbar_icon = VerdocsToolbarIcon;

package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.css

@@ -1,102 +0,0 @@
-@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-floating-menu {
-  display: none;
-}
-
-#verdocs-floating-menu {
-  position: absolute;
-  width: 56px;
-  height: 56px;
-  display: flex;
-  flex: 0 0 fit-content;
-}
-#verdocs-floating-menu:not(.force-closed):hover {
-  height: 500px;
-}
-#verdocs-floating-menu:not(.force-closed):hover .trigger {
-  box-shadow: 0 10px 25px #4c56cb;
-  transform: translatey(2px);
-  transition: all 0.3s;
-}
-#verdocs-floating-menu:not(.force-closed):hover .options {
-  display: flex;
-}
-#verdocs-floating-menu:not(.force-closed):hover .options .option {
-  animation: vfm-appear 0.1s forwards 0.2s;
-}
-#verdocs-floating-menu .trigger {
-  position: absolute;
-  width: 56px;
-  height: 56px;
-  background: #654dcb;
-  bottom: 0;
-  border-radius: 50%;
-  left: 0;
-  right: 0;
-  margin: auto;
-  color: white;
-  line-height: 52px;
-  text-align: center;
-  font-size: 44px;
-  z-index: 100;
-  box-shadow: 0 10px 25px -5px #4c56cb;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-#verdocs-floating-menu .options {
-  width: 56px;
-  flex-direction: column;
-  flex: 0 0 fit-content;
-  position: absolute;
-  bottom: 70px;
-  display: none;
-}
-#verdocs-floating-menu .option {
-  background: #654dcb;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  margin: 5px auto;
-  color: white;
-  font-weight: 500;
-  text-align: center;
-  line-height: 36px;
-  opacity: 0;
-}
-#verdocs-floating-menu verdocs-toolbar-icon .icon {
-  display: flex;
-}
-#verdocs-floating-menu verdocs-toolbar-icon .icon svg {
-  fill: #ffffff;
-}
-
-@keyframes vfm-appear {
-  0% {
-    opacity: 0;
-  }
-  30% {
-    transform: scale(0.4);
-    opacity: 0.3;
-  }
-  70% {
-    transform: scale(1.2);
-    opacity: 0.6;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}

package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.js

@@ -1,157 +0,0 @@
-import { h, Host } from "@stencil/core";
-const getTop = (el) => el.offsetTop + (el.parentElement && getTop(el.parentElement));
-const getLeft = (el) => el.offsetLeft + (el.parentElement && getLeft(el.parentElement));
-// @see https://stackoverflow.com/a/49186677/1812436
-const getScrollParent = node => {
-    const regex = /(auto|scroll)/;
-    const parents = (_node, ps) => {
-        if (_node.parentNode === null) {
-            return ps;
-        }
-        return parents(_node.parentNode, ps.concat([_node]));
-    };
-    const style = (_node, prop) => getComputedStyle(_node, null).getPropertyValue(prop);
-    const overflow = _node => style(_node, 'overflow') + style(_node, 'overflow-y') + style(_node, 'overflow-x');
-    const scroll = _node => regex.test(overflow(_node));
-    const scrollParent = _node => {
-        if (!(_node instanceof HTMLElement || _node instanceof SVGElement)) {
-            return;
-        }
-        const ps = parents(_node.parentNode, []);
-        for (let i = 0; i < ps.length; i += 1) {
-            if (scroll(ps[i])) {
-                return ps[i];
-            }
-        }
-        return document.scrollingElement || document.documentElement;
-    };
-    return scrollParent(node);
-};
-export class VerdocsFloatingMenu {
-    constructor() {
-        this.menuContainer = null;
-        this.scrollParent = null;
-        this.scrollParentParent = null;
-        this.options = [];
-    }
-    componentDidLoad() {
-        this.menuContainer = document.createElement('div');
-        this.menuContainer.id = 'verdocs-floating-menu';
-        let el = document.createElement('div');
-        el.className = 'trigger';
-        el.innerText = '+';
-        this.menuContainer.append(el);
-        el = document.createElement('div');
-        el.className = 'options';
-        this.menuContainer.append(el);
-        const localhandleSelect = this.handleSelect.bind(this);
-        this.options.forEach(option => {
-            const childEl = document.createElement('div');
-            childEl.className = 'option';
-            childEl.addEventListener('click', () => localhandleSelect(option));
-            el.append(childEl);
-            const iconEl = document.createElement('verdocs-toolbar-icon');
-            iconEl.setAttribute('icon', option.icon);
-            iconEl.setAttribute('text', option.tooltip);
-            iconEl.setAttribute('placement', 'left');
-            childEl.append(iconEl);
-        });
-        document.body.append(this.menuContainer);
-        this.scrollParent = getScrollParent(this.el);
-        if (this.scrollParent) {
-            this.scrollParentParent = this.scrollParent.parentElement;
-            this.repositionTrigger(this.scrollParent);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.menuContainer) === null || _a === void 0 ? void 0 : _a.remove();
-    }
-    handleSelect(option) {
-        var _a;
-        (_a = this.optionSelected) === null || _a === void 0 ? void 0 : _a.emit(option);
-        const el = document.getElementById('verdocs-floating-menu');
-        if (el) {
-            el.className = 'force-closed';
-            setTimeout(() => {
-                el.className = '';
-            }, 100);
-        }
-    }
-    repositionTrigger(scrollParent) {
-        const scrollParentParent = scrollParent.parentElement;
-        if (scrollParentParent) {
-            const bounds = scrollParentParent.getBoundingClientRect();
-            const menu = document.getElementById('verdocs-floating-menu');
-            if (menu) {
-                menu.style.bottom = `${document.documentElement.clientHeight - (document.documentElement.scrollTop + bounds.bottom) + 10}px`;
-                menu.style.left = `${bounds.right - 80}px`;
-            }
-        }
-    }
-    render() {
-        return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
-    }
-    static get is() { return "verdocs-floating-menu"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["verdocs-floating-menu.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["verdocs-floating-menu.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "options": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "IOption[]",
-                    "resolved": "IOption[]",
-                    "references": {
-                        "IOption": {
-                            "location": "local",
-                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/controls/verdocs-floating-menu/verdocs-floating-menu.tsx",
-                            "id": "src/components/controls/verdocs-floating-menu/verdocs-floating-menu.tsx::IOption"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The role that this contact will be assigned to."
-                },
-                "defaultValue": "[]"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "optionSelected",
-                "name": "optionSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event fired when a menu option is clicked.\nWeb Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks."
-                },
-                "complexType": {
-                    "original": "IOption",
-                    "resolved": "IOption",
-                    "references": {
-                        "IOption": {
-                            "location": "local",
-                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/controls/verdocs-floating-menu/verdocs-floating-menu.tsx",
-                            "id": "src/components/controls/verdocs-floating-menu/verdocs-floating-menu.tsx::IOption"
-                        }
-                    }
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/components/verdocs-floating-menu.d.ts

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

package/dist/components/verdocs-floating-menu.js

@@ -1,129 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './verdocs-toolbar-icon2.js';
-
-const verdocsFloatingMenuCss = "@-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-floating-menu{display:none}#verdocs-floating-menu{position:absolute;width:56px;height:56px;display:-ms-flexbox;display:flex;-ms-flex:0 0 fit-content;flex:0 0 fit-content}#verdocs-floating-menu:not(.force-closed):hover{height:500px}#verdocs-floating-menu:not(.force-closed):hover .trigger{-webkit-box-shadow:0 10px 25px #4c56cb;box-shadow:0 10px 25px #4c56cb;-webkit-transform:translatey(2px);transform:translatey(2px);-webkit-transition:all 0.3s;transition:all 0.3s}#verdocs-floating-menu:not(.force-closed):hover .options{display:-ms-flexbox;display:flex}#verdocs-floating-menu:not(.force-closed):hover .options .option{-webkit-animation:vfm-appear 0.1s forwards 0.2s;animation:vfm-appear 0.1s forwards 0.2s}#verdocs-floating-menu .trigger{position:absolute;width:56px;height:56px;background:#654dcb;bottom:0;border-radius:50%;left:0;right:0;margin:auto;color:white;line-height:52px;text-align:center;font-size:44px;z-index:100;-webkit-box-shadow:0 10px 25px -5px #4c56cb;box-shadow:0 10px 25px -5px #4c56cb;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s}#verdocs-floating-menu .options{width:56px;-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 fit-content;flex:0 0 fit-content;position:absolute;bottom:70px;display:none}#verdocs-floating-menu .option{background:#654dcb;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:36px;height:36px;margin:5px auto;color:white;font-weight:500;text-align:center;line-height:36px;opacity:0}#verdocs-floating-menu verdocs-toolbar-icon .icon{display:-ms-flexbox;display:flex}#verdocs-floating-menu verdocs-toolbar-icon .icon svg{fill:#ffffff}@-webkit-keyframes vfm-appear{0%{opacity:0}30%{-webkit-transform:scale(0.4);transform:scale(0.4);opacity:0.3}70%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.6}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes vfm-appear{0%{opacity:0}30%{-webkit-transform:scale(0.4);transform:scale(0.4);opacity:0.3}70%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.6}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}";
-const VerdocsFloatingMenuStyle0 = verdocsFloatingMenuCss;
-
-// @see https://stackoverflow.com/a/49186677/1812436
-const getScrollParent = node => {
-    const regex = /(auto|scroll)/;
-    const parents = (_node, ps) => {
-        if (_node.parentNode === null) {
-            return ps;
-        }
-        return parents(_node.parentNode, ps.concat([_node]));
-    };
-    const style = (_node, prop) => getComputedStyle(_node, null).getPropertyValue(prop);
-    const overflow = _node => style(_node, 'overflow') + style(_node, 'overflow-y') + style(_node, 'overflow-x');
-    const scroll = _node => regex.test(overflow(_node));
-    const scrollParent = _node => {
-        if (!(_node instanceof HTMLElement || _node instanceof SVGElement)) {
-            return;
-        }
-        const ps = parents(_node.parentNode, []);
-        for (let i = 0; i < ps.length; i += 1) {
-            if (scroll(ps[i])) {
-                return ps[i];
-            }
-        }
-        return document.scrollingElement || document.documentElement;
-    };
-    return scrollParent(node);
-};
-const VerdocsFloatingMenu$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFloatingMenu extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.optionSelected = createEvent(this, "optionSelected", 7);
-        this.menuContainer = null;
-        this.scrollParent = null;
-        this.scrollParentParent = null;
-        this.options = [];
-    }
-    componentDidLoad() {
-        this.menuContainer = document.createElement('div');
-        this.menuContainer.id = 'verdocs-floating-menu';
-        let el = document.createElement('div');
-        el.className = 'trigger';
-        el.innerText = '+';
-        this.menuContainer.append(el);
-        el = document.createElement('div');
-        el.className = 'options';
-        this.menuContainer.append(el);
-        const localhandleSelect = this.handleSelect.bind(this);
-        this.options.forEach(option => {
-            const childEl = document.createElement('div');
-            childEl.className = 'option';
-            childEl.addEventListener('click', () => localhandleSelect(option));
-            el.append(childEl);
-            const iconEl = document.createElement('verdocs-toolbar-icon');
-            iconEl.setAttribute('icon', option.icon);
-            iconEl.setAttribute('text', option.tooltip);
-            iconEl.setAttribute('placement', 'left');
-            childEl.append(iconEl);
-        });
-        document.body.append(this.menuContainer);
-        this.scrollParent = getScrollParent(this.el);
-        if (this.scrollParent) {
-            this.scrollParentParent = this.scrollParent.parentElement;
-            this.repositionTrigger(this.scrollParent);
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.menuContainer) === null || _a === void 0 ? void 0 : _a.remove();
-    }
-    handleSelect(option) {
-        var _a;
-        (_a = this.optionSelected) === null || _a === void 0 ? void 0 : _a.emit(option);
-        const el = document.getElementById('verdocs-floating-menu');
-        if (el) {
-            el.className = 'force-closed';
-            setTimeout(() => {
-                el.className = '';
-            }, 100);
-        }
-    }
-    repositionTrigger(scrollParent) {
-        const scrollParentParent = scrollParent.parentElement;
-        if (scrollParentParent) {
-            const bounds = scrollParentParent.getBoundingClientRect();
-            const menu = document.getElementById('verdocs-floating-menu');
-            if (menu) {
-                menu.style.bottom = `${document.documentElement.clientHeight - (document.documentElement.scrollTop + bounds.bottom) + 10}px`;
-                menu.style.left = `${bounds.right - 80}px`;
-            }
-        }
-    }
-    render() {
-        return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
-    }
-    get el() { return this; }
-    static get style() { return VerdocsFloatingMenuStyle0; }
-}, [0, "verdocs-floating-menu", {
-        "options": [16]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["verdocs-floating-menu", "verdocs-toolbar-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "verdocs-floating-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, VerdocsFloatingMenu$1);
-            }
-            break;
-        case "verdocs-toolbar-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const VerdocsFloatingMenu = VerdocsFloatingMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { VerdocsFloatingMenu, defineCustomElement };