@utrecht/web-component-library-vue 1.0.0-alpha.106 → 1.0.0-alpha.107

package/dist/vue-component-lib/utils.d.ts

@@ -15,4 +15,4 @@ export interface InputProps extends Object {
 * @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 declare const defineContainer: <Props>(name: string, customElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => import("vue").DefineComponent<Props & InputProps, object, {}, Record<string, import("vue").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Props & InputProps extends import("vue").ComponentPropsOptions<Record<string, unknown>> ? import("vue").ExtractPropTypes<string[] & Props & InputProps> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<Record<string, unknown>> & Props & InputProps> : Props & InputProps>, import("vue").ExtractDefaultPropTypes<Props & InputProps>>;
+export declare const defineContainer: <Props>(name: string, defineCustomElement: any, componentProps?: string[], modelProp?: string, modelUpdateEvent?: string, externalModelUpdateEvent?: string) => import("vue").DefineComponent<Props & InputProps, object, {}, Record<string, import("vue").ComputedGetter<any> | import("vue").WritableComputedOptions<any>>, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<Props & InputProps extends import("vue").ComponentPropsOptions<Record<string, unknown>> ? import("vue").ExtractPropTypes<string[] & Props & InputProps> | import("vue").ExtractPropTypes<import("vue").ComponentObjectPropsOptions<Record<string, unknown>> & Props & InputProps> : Props & InputProps>, import("vue").ExtractDefaultPropTypes<Props & InputProps>>;

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

@@ -38,16 +38,14 @@ const getElementClasses = (ref, componentClasses, defaultClasses = []) => {
 * @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) => {
+export const defineContainer = (name, defineCustomElement, 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);
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
     }
     const Container = defineComponent((props, { attrs, slots, emit }) => {
         var _a;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.106",
+  "version": "1.0.0-alpha.107",
   "author": "Community for NL Design System",
   "description": "Vue.js web components for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -28,10 +28,10 @@
     "dist/"
   ],
   "devDependencies": {
-    "@utrecht/web-component-library-stencil": "1.0.0-alpha.160",
+    "@utrecht/web-component-library-stencil": "1.0.0-alpha.161",
     "rimraf": "3.0.2",
     "typescript": "4.1.6 <4.2",
     "vue": "3.2.26"
   },
-  "gitHead": "5f3b625d3fc1a306bcb40037487552238fb509c2"
+  "gitHead": "0f0e321f9e566f2f3c5f6c0119bbaf1d13098da6"
 }