@nanoporetech-digital/components-vue 1.13.11 → 1.13.15

package/dist/vue-component-lib/utils.js

@@ -1,166 +0,0 @@
-import { defineComponent, getCurrentInstance, h, inject, ref } from 'vue';
-const UPDATE_VALUE_EVENT = 'update:modelValue';
-const MODEL_VALUE = 'modelValue';
-const ROUTER_LINK_VALUE = 'routerLink';
-const NAV_MANAGER = 'navManager';
-const ROUTER_PROP_PREFIX = 'router';
-/**
- * Starting in Vue 3.1.0, all properties are
- * added as keys to the props object, even if
- * they are not being used. In order to correctly
- * account for both value props and v-model props,
- * we need to check if the key exists for Vue <3.1.0
- * and then check if it is not undefined for Vue >= 3.1.0.
- * See https://github.com/vuejs/vue-next/issues/3889
- */
-const EMPTY_PROP = Symbol();
-const DEFAULT_EMPTY_PROP = { default: EMPTY_PROP };
-const getComponentClasses = (classes) => {
-    return classes?.split(' ') || [];
-};
-const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
-    return [...Array.from(ref.value?.classList || []), ...defaultClasses]
-        .filter((c, i, self) => !componentClasses.has(c) && self.indexOf(c) === i);
-};
-/**
-* Create a callback to define a Vue component wrapper around a Web Component.
-*
-* @prop name - The component tag name (i.e. `ion-button`)
-* @prop componentProps - An array of properties on the
-* component. These usually match up with the @Prop definitions
-* in each component's TSX file.
-* @prop customElement - An option custom element instance to pass
-* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
-* @prop modelProp - The prop that v-model binds to (i.e. value)
-* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
-* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
-* correctly updated when a user's event callback fires.
-*/
-export const defineContainer = (name, customElement, componentProps = [], modelProp, modelUpdateEvent, externalModelUpdateEvent) => {
-    /**
-    * Create a Vue component wrapper around a Web Component.
-    * Note: The `props` here are not all properties on a component.
-    * They refer to whatever properties are set on an instance of a component.
-    */
-    if (customElement !== undefined &&
-        typeof customElements !== 'undefined' &&
-        !customElements.get(name)) {
-        customElements.define(name, customElement);
-    }
-    const Container = defineComponent((props, { attrs, slots, emit }) => {
-        let modelPropValue = props[modelProp];
-        const containerRef = ref();
-        const classes = new Set(getComponentClasses(attrs.class));
-        const onVnodeBeforeMount = (vnode) => {
-            // Add a listener to tell Vue to update the v-model
-            if (vnode.el) {
-                const eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
-                eventsNames.forEach((eventName) => {
-                    vnode.el.addEventListener(eventName.toLowerCase(), (e) => {
-                        modelPropValue = e?.target[modelProp];
-                        emit(UPDATE_VALUE_EVENT, modelPropValue);
-                        /**
-                         * We need to emit the change event here
-                         * rather than on the web component to ensure
-                         * that any v-model bindings have been updated.
-                         * Otherwise, the developer will listen on the
-                         * native web component, but the v-model will
-                         * not have been updated yet.
-                         */
-                        if (externalModelUpdateEvent) {
-                            emit(externalModelUpdateEvent, e);
-                        }
-                    });
-                });
-            }
-        };
-        const currentInstance = getCurrentInstance();
-        const hasRouter = currentInstance?.appContext?.provides[NAV_MANAGER];
-        const navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
-        const handleRouterLink = (ev) => {
-            const { routerLink } = props;
-            if (routerLink === EMPTY_PROP)
-                return;
-            if (navManager !== undefined) {
-                let navigationPayload = { event: ev };
-                for (const key in props) {
-                    const value = props[key];
-                    if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
-                        navigationPayload[key] = value;
-                    }
-                }
-                navManager.navigate(navigationPayload);
-            }
-            else {
-                console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
-            }
-        };
-        return () => {
-            modelPropValue = props[modelProp];
-            getComponentClasses(attrs.class).forEach(value => {
-                classes.add(value);
-            });
-            const oldClick = props.onClick;
-            const handleClick = (ev) => {
-                if (oldClick !== undefined) {
-                    oldClick(ev);
-                }
-                if (!ev.defaultPrevented) {
-                    handleRouterLink(ev);
-                }
-            };
-            let propsToAdd = {
-                ref: containerRef,
-                class: getElementClasses(containerRef, classes),
-                onClick: handleClick,
-                onVnodeBeforeMount: (modelUpdateEvent) ? onVnodeBeforeMount : undefined
-            };
-            /**
-             * We can use Object.entries here
-             * to avoid the hasOwnProperty check,
-             * but that would require 2 iterations
-             * where as this only requires 1.
-             */
-            for (const key in props) {
-                const value = props[key];
-                if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
-                    propsToAdd[key] = value;
-                }
-            }
-            if (modelProp) {
-                /**
-                 * If form value property was set using v-model
-                 * then we should use that value.
-                 * Otherwise, check to see if form value property
-                 * was set as a static value (i.e. no v-model).
-                 */
-                if (props[MODEL_VALUE] !== EMPTY_PROP) {
-                    propsToAdd = {
-                        ...propsToAdd,
-                        [modelProp]: props[MODEL_VALUE]
-                    };
-                }
-                else if (modelPropValue !== EMPTY_PROP) {
-                    propsToAdd = {
-                        ...propsToAdd,
-                        [modelProp]: modelPropValue
-                    };
-                }
-            }
-            return h(name, propsToAdd, slots.default && slots.default());
-        };
-    });
-    Container.displayName = name;
-    Container.props = {
-        [ROUTER_LINK_VALUE]: DEFAULT_EMPTY_PROP
-    };
-    componentProps.forEach(componentProp => {
-        Container.props[componentProp] = DEFAULT_EMPTY_PROP;
-    });
-    if (modelProp) {
-        Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
-        Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];
-    }
-    return Container;
-};
-//# sourceMappingURL=utils.js.map

package/dist/vue-component-lib/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/vue-component-lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/web-types.json

@@ -1,13 +0,0 @@
-{
-  "$schema": "http://json.schemastore.org/web-types",
-  "framework": "vue",
-  "name": "@nanoporetech-digital/components-vue",
-  "version": "1.13.11",
-  "contributions": {
-    "html": {
-      "types-syntax": "typescript",
-      "description-markup": "markdown",
-      "tags": []
-    }
-  }
-}