@uniformdev/context-vue 16.0.1-alpha.128

package/README.md

@@ -0,0 +1,16 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
+
+1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
+2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
+
+You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var q=Object.defineProperty;var A=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var L=(n,t,o)=>t in n?q(n,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[t]=o,g=(n,t)=>{for(var o in t||(t={}))k.call(t,o)&&L(n,o,t[o]);if(A)for(var o of A(t))V.call(t,o)&&L(n,o,t[o]);return n};var P=(n,t)=>{var o={};for(var i in n)k.call(n,i)&&t.indexOf(i)<0&&(o[i]=n[i]);if(n!=null&&A)for(var i of A(n))t.indexOf(i)<0&&V.call(n,i)&&(o[i]=n[i]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const b=typeof window=="undefined",v=Symbol("uniformContextStore"),N=({context:n,outputType:t="standard"})=>{e.provide(v,{context:n,outputType:t})},h=(n,t)=>{const o=e.inject(n,t);if(!o)throw Error(`could not resolve ${n.description}`);return g({},o)},J=e.defineComponent({__name:"TestStandard",props:{name:null,variations:null,loadingMode:null,component:null},setup(n){const{name:t,variations:o,component:i}=n,{context:s}=h(v),{result:f}=s.test({name:t,variations:o});return(r,a)=>e.unref(f)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0)}});/*! js-cookie v3.0.1 | MIT */function z(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)n[i]=o[i]}return n}var Q={read:function(n){return n[0]==='"'&&(n=n.slice(1,-1)),n.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(n){return encodeURIComponent(n).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function T(n,t){function o(s,f,r){if(typeof document!="undefined"){r=z({},t,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),s=encodeURIComponent(s).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a="";for(var c in r)!r[c]||(a+="; "+c,r[c]!==!0&&(a+="="+r[c].split(";")[0]));return document.cookie=s+"="+n.write(f,s)+a}}function i(s){if(!(typeof document=="undefined"||arguments.length&&!s)){for(var f=document.cookie?document.cookie.split("; "):[],r={},a=0;a<f.length;a++){var c=f[a].split("="),l=c.slice(1).join("=");try{var u=decodeURIComponent(c[0]);if(r[u]=n.read(l,u),s===u)break}catch{}}return s?r[s]:r}}return Object.create({set:o,get:i,remove:function(s,f){o(s,"",z({},f,{expires:-1}))},withAttributes:function(s){return T(this.converter,z({},this.attributes,s))},withConverter:function(s){return T(z({},this.converter,s),this.attributes)}},{attributes:{value:Object.freeze(t)},converter:{value:Object.freeze(n)}})}T(Q,{path:"/"});var D=G;function _(n){return n instanceof Buffer?Buffer.from(n):new n.constructor(n.buffer.slice(),n.byteOffset,n.length)}function G(n){if(n=n||{},n.circles)return W(n);return n.proto?i:o;function t(s,f){for(var r=Object.keys(s),a=new Array(r.length),c=0;c<r.length;c++){var l=r[c],u=s[l];typeof u!="object"||u===null?a[l]=u:u instanceof Date?a[l]=new Date(u):ArrayBuffer.isView(u)?a[l]=_(u):a[l]=f(u)}return a}function o(s){if(typeof s!="object"||s===null)return s;if(s instanceof Date)return new Date(s);if(Array.isArray(s))return t(s,o);if(s instanceof Map)return new Map(t(Array.from(s),o));if(s instanceof Set)return new Set(t(Array.from(s),o));var f={};for(var r in s)if(Object.hasOwnProperty.call(s,r)!==!1){var a=s[r];typeof a!="object"||a===null?f[r]=a:a instanceof Date?f[r]=new Date(a):a instanceof Map?f[r]=new Map(t(Array.from(a),o)):a instanceof Set?f[r]=new Set(t(Array.from(a),o)):ArrayBuffer.isView(a)?f[r]=_(a):f[r]=o(a)}return f}function i(s){if(typeof s!="object"||s===null)return s;if(s instanceof Date)return new Date(s);if(Array.isArray(s))return t(s,i);if(s instanceof Map)return new Map(t(Array.from(s),i));if(s instanceof Set)return new Set(t(Array.from(s),i));var f={};for(var r in s){var a=s[r];typeof a!="object"||a===null?f[r]=a:a instanceof Date?f[r]=new Date(a):a instanceof Map?f[r]=new Map(t(Array.from(a),i)):a instanceof Set?f[r]=new Set(t(Array.from(a),i)):ArrayBuffer.isView(a)?f[r]=_(a):f[r]=i(a)}return f}}function W(n){var t=[],o=[];return n.proto?f:s;function i(r,a){for(var c=Object.keys(r),l=new Array(c.length),u=0;u<c.length;u++){var d=c[u],p=r[d];if(typeof p!="object"||p===null)l[d]=p;else if(p instanceof Date)l[d]=new Date(p);else if(ArrayBuffer.isView(p))l[d]=_(p);else{var C=t.indexOf(p);C!==-1?l[d]=o[C]:l[d]=a(p)}}return l}function s(r){if(typeof r!="object"||r===null)return r;if(r instanceof Date)return new Date(r);if(Array.isArray(r))return i(r,s);if(r instanceof Map)return new Map(i(Array.from(r),s));if(r instanceof Set)return new Set(i(Array.from(r),s));var a={};t.push(r),o.push(a);for(var c in r)if(Object.hasOwnProperty.call(r,c)!==!1){var l=r[c];if(typeof l!="object"||l===null)a[c]=l;else if(l instanceof Date)a[c]=new Date(l);else if(l instanceof Map)a[c]=new Map(i(Array.from(l),s));else if(l instanceof Set)a[c]=new Set(i(Array.from(l),s));else if(ArrayBuffer.isView(l))a[c]=_(l);else{var u=t.indexOf(l);u!==-1?a[c]=o[u]:a[c]=s(l)}}return t.pop(),o.pop(),a}function f(r){if(typeof r!="object"||r===null)return r;if(r instanceof Date)return new Date(r);if(Array.isArray(r))return i(r,f);if(r instanceof Map)return new Map(i(Array.from(r),f));if(r instanceof Set)return new Set(i(Array.from(r),f));var a={};t.push(r),o.push(a);for(var c in r){var l=r[c];if(typeof l!="object"||l===null)a[c]=l;else if(l instanceof Date)a[c]=new Date(l);else if(l instanceof Map)a[c]=new Map(i(Array.from(l),f));else if(l instanceof Set)a[c]=new Set(i(Array.from(l),f));else if(ArrayBuffer.isView(l))a[c]=_(l);else{var u=t.indexOf(l);u!==-1?a[c]=o[u]:a[c]=f(l)}}return t.pop(),o.pop(),a}}var U="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",X=new Array(123);for(let n=0;n<U.length;n++)X[U.charCodeAt(n)]=n;D();D();D();var y=(n=>(n.ListStart="nesi-list-start",n.ListEnd="nesi-list-end",n.ListItem="nesi-list-item-html",n.ListItemSettings="nesi-list-item-settings",n.TestStart="nesi-test-start",n.TestEnd="nesi-test-end",n.Unknown="unknown",n))(y||{}),Y="nesitag";const w=n=>e.h(Y,n),Z=e.defineComponent({__name:"TestEdge",props:{name:null,variations:null,loadingMode:null,component:null},setup(n){const{name:t,variations:o,component:i}=n,s={name:t};return(f,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w),{"data-type":e.unref(y).TestStart,innerHTML:JSON.stringify(s)},null,8,["data-type","innerHTML"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.variations,(a,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c},[e.createVNode(e.unref(w),{"data-type":e.unref(y).ListItemSettings,innerHTML:JSON.stringify({id:a.id})},null,8,["data-type","innerHTML"]),e.createVNode(e.unref(w),{"data-type":e.unref(y).ListItem},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f.renderComponent),e.normalizeProps(e.guardReactiveProps(a)),null,16))]),_:2},1032,["data-type"])],64))),128)),e.createVNode(e.unref(w),{"data-type":e.unref(y).TestEnd},null,8,["data-type"])],64))}}),K=e.defineComponent({__name:"Test",props:{name:null,variations:null,loadingMode:null,component:null},setup(n){const t=n,{outputType:o}=h(v),i=e.computed(()=>!b||o==="standard"?J:Z);return(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),e.normalizeProps(e.guardReactiveProps(t)),null,16))}}),ee=e.defineComponent({__name:"UniformContextProvider",props:{context:null},setup(n){return N(g({},n)),(o,i)=>e.renderSlot(o.$slots,"default")}});var I=Object.prototype.hasOwnProperty;function x(n,t){var o,i;if(n===t)return!0;if(n&&t&&(o=n.constructor)===t.constructor){if(o===Date)return n.getTime()===t.getTime();if(o===RegExp)return n.toString()===t.toString();if(o===Array){if((i=n.length)===t.length)for(;i--&&x(n[i],t[i]););return i===-1}if(!o||typeof n=="object"){i=0;for(o in n)if(I.call(n,o)&&++i&&!I.call(t,o)||!(o in t)||!x(n[o],t[o]))return!1;return Object.keys(t).length===i}}return n!==n&&t!==t}const R=()=>{const{context:n}=h(v),t=e.ref(n.scores);return e.watchEffect(()=>{const o=s=>t.value=s,i=n.scores;return x(t,i)||(t.value=i),n.events.on("scoresUpdated",o),()=>{n.events.off("scoresUpdated",o)}}),t},M=Symbol("uniformIsPersonalizedStore"),$=({personalized:n=!1})=>{e.provide(M,{personalized:n})},E=(n,t)=>{const o=e.inject(n,t);return o?g({},o):{personalized:!1}},ne=e.defineComponent({__name:"PersonalizeProvider",props:{personalized:{type:Boolean}},setup(n){const{personalized:t}=n;return $({personalized:t}),(o,i)=>e.renderSlot(o.$slots,"default",e.normalizeProps(e.guardReactiveProps({personalized:n.personalized})))}}),te=e.defineComponent({__name:"PersonalizeStandard",props:{name:null,variations:null,component:null,count:null},setup(n){const{name:t,component:o,variations:i,count:s=1}=n,{context:f}=h(v),r=R(),a=e.computed(()=>{if(r.value,o){const{variations:c,personalized:l}=f.personalize({name:t,variations:i,take:s});return{personalizedVariations:c,personalizationOccurred:l}}});return(c,l)=>(e.openBlock(),e.createBlock(ne,{personalized:!0},{default:e.withCtx(()=>{var u;return[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((u=e.unref(a))==null?void 0:u.personalizedVariations,d=>{var p;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component),e.normalizeProps(e.mergeProps({key:d.id},g({personalizationResult:{variation:d,personalizationOccurred:(p=e.unref(a))==null?void 0:p.personalizationOccurred}},d))),null,16)}),128))]}),_:1}))}}),re=e.defineComponent({__name:"PersonalizeEdge",props:{name:null,variations:null,component:null,count:null},setup(n){const{component:t,variations:o,count:i}=n,s=i!=null?i:1;return(f,r)=>{const a=e.resolveComponent("component");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w),{"data-type":e.unref(y).ListStart,innerHTML:JSON.stringify(e.unref(s))},null,8,["data-type","innerHTML"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.variations,c=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:c.id},[e.createVNode(e.unref(w),{"data-type":e.unref(y).ListItemSettings,innerHTML:JSON.stringify({id:c.id,pz:c.pz||null})},null,8,["data-type","innerHTML"]),e.createVNode(e.unref(w),{"data-type":e.unref(y).ListItem},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(a,{key:c.id,personalizationResult:{variant:c,personalizationOccurred:!1}},null,8,["personalizationResult"]))]),_:2},1032,["data-type"])],64))),128)),e.createVNode(e.unref(w),{"data-type":e.unref(y).ListEnd},null,8,["data-type"])],64)}}}),oe=e.defineComponent({__name:"Personalize",props:{name:null,variations:null,component:null,count:null},setup(n){const t=n,{outputType:o}=h(v),i=e.computed(()=>!b||o==="standard"?te:re);return(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),e.normalizeProps(e.guardReactiveProps(g({},t))),null,16))}}),ae=e.defineComponent({__name:"Track",props:{behavior:null,tagName:{default:"div"},disableVisibilityTrigger:{type:Boolean},threshold:{default:.5}},setup(n){const C=n,{behavior:t,tagName:o,threshold:i,disableVisibilityTrigger:s=typeof window=="undefined"||!("IntersectionObserver"in window)}=C,f=P(C,["behavior","tagName","threshold","disableVisibilityTrigger"]),r=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:a}=h(v),{personalized:c}=E(M),l=e.ref(""),u=e.ref(!1),d=e.ref(),p=e.ref();return e.watchEffect(()=>{l.value!==r&&(l.value=r,u.value=!1)}),e.watchEffect(()=>{var j;const S=!t||Array.isArray(t)&&!t.length;if(c||S||!d.value)return;const F=Array.isArray(t)?t:[t],O=()=>{var m;u.value||(a.update({enrichments:F}),u.value=!1,(m=p.value)==null||m.call(p))};if(s)O();else{(j=p.value)==null||j.call(p);const m=new IntersectionObserver(([B])=>{B.isIntersecting&&O()},{threshold:i});m.observe(d.value),p.value=()=>{var B;return(B=m.disconnect)==null?void 0:B.call(m)}}return()=>{var m;(m=p.value)==null||m.call(p)}}),(S,H)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o),e.mergeProps(g({},f),{ref_key:"wrapperEl",ref:d}),{default:e.withCtx(()=>[e.renderSlot(S.$slots,"default")]),_:3},16))}}),se=e.defineComponent({__name:"TrackSlot",props:{behavior:null},setup(n){const c=n,{behavior:t}=c,o=P(c,["behavior"]),i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:s}=h(v),{personalized:f}=E(M),r=e.ref(""),a=e.ref(!1);return e.watchEffect(()=>{r.value!==i&&(r.value=i,a.value=!1)}),e.watchEffect(()=>{const l=!t||Array.isArray(t)&&!t.length;if(f||l)return;(()=>{if(a.value)return;const p=Array.isArray(t)?t:[t];s.update({enrichments:p}),a.value=!0})()}),(l,u)=>e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(g({},l.rest))))}}),ie=()=>{const{context:n}=h(v),t=e.ref(n.quirks),o=i=>{t.value=i};return e.watch(n,()=>(n.events.on("quirksUpdated",o),()=>{n.events.off("quirksUpdated",o)})),t};exports.Personalize=oe;exports.Test=K;exports.Track=ae;exports.TrackSlot=se;exports.UniformContextProvider=ee;exports.initPersonalizeStore=$;exports.initStore=N;exports.uniformContextStoreProps=v;exports.useIsPersonalized=E;exports.useQuirks=ie;exports.useScores=R;exports.useUniformContext=h;

package/dist/index.d.ts

@@ -0,0 +1,265 @@
+import type { a0 } from '@uniformdev/context/dist/types-876fb8b8';
+import type { AllowedComponentProps } from 'vue';
+import { Component } from 'vue';
+import type { ComponentCustomProps } from 'vue';
+import type { ComponentOptionsMixin } from 'vue';
+import type { ComputedOptions } from 'vue';
+import type { ComputedRef } from 'vue';
+import { Context } from '@uniformdev/context';
+import type { d } from '@uniformdev/context/dist/types-876fb8b8';
+import type { DefineComponent } from 'vue';
+import { EdgeTestComponentOptions } from '@uniformdev/context';
+import type { ExtractPropTypes } from 'vue';
+import { InjectionKey } from 'vue';
+import type { MethodOptions } from 'vue';
+import type { PersonalizedVariant } from '@uniformdev/context';
+import { Quirks } from '@uniformdev/context';
+import type { Ref } from 'vue';
+import type { RendererElement } from 'vue';
+import type { RendererNode } from 'vue';
+import { ScoreVector } from '@uniformdev/context';
+import type { ScriptType } from '@uniformdev/context';
+import { TestVariant } from '@uniformdev/context';
+import type { VNode } from 'vue';
+import type { VNodeProps } from 'vue';
+
+export declare type EdgeTestListComponentOptions<TVariation extends TestVariant> = {
+    components?: Component<TVariation>[];
+    variations: TVariation[];
+    options: EdgeTestComponentOptions;
+};
+
+export declare const initPersonalizeStore: ({ personalized }: PersonalizationContextProps) => void;
+
+export declare const initStore: ({ context, outputType }: UniformContextProps) => void;
+
+export declare type PersonalizationContextProps = {
+    personalized?: boolean;
+};
+
+export declare const Personalize: DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    variations: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    component: {
+        type: null;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: false;
+    };
+}, {
+    outputType: VariantOutputType;
+    props: {
+        /**
+         * Name of the personalized placement. Should be unique to this placement location and set of variants.
+         * This name is emitted to analytics after personalization executes.
+         */
+        name: string;
+        /** The possible variations of the content to render depending on personalization conditions */
+        variations: PersonalizedVariant[];
+        /** A Vue component to use to render a selected variant. */
+        component: PersonalizedVariationComponent<PersonalizedVariant>;
+        /** A React component that will be used to wrap all personalized variants. If no variants match, the wrapper is not rendered. */
+        /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        count?: number | undefined;
+    };
+    personalizeComponent: ComputedRef<DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        variations: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        component: {
+            type: null;
+            required: true;
+        };
+        count: {
+            type: NumberConstructor;
+            required: false; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        };
+    }, {
+        context: a0;
+        scores: Ref<d>;
+        personalized: ComputedRef<{
+            personalizedVariations: PersonalizedVariant[];
+            personalizationOccurred: boolean;
+        } | undefined>;
+        PersonalizeProvider: DefineComponent<{
+            personalized: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+            personalized: {
+                type: BooleanConstructor;
+                required: false;
+            };
+        }>>, {
+            personalized: boolean;
+        }>;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        variations: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        component: {
+            type: null;
+            required: true;
+        };
+        count: {
+            type: NumberConstructor;
+            required: false; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        };
+    }>>, {}> | DefineComponent<{
+        name: {
+            type: StringConstructor;
+            required: true; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        }; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        variations: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        component: {
+            type: null;
+            required: true;
+        };
+        count: {
+            type: NumberConstructor;
+            required: false;
+        };
+    }, {
+        options: number;
+        ScriptType: typeof ScriptType;
+        /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        EdgeTag: (props: Record<string, unknown>) => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        }; /** The number of variations to select. Use for personalized lists where the `count` most relevant should be shown. */
+        variations: {
+            type: ArrayConstructor;
+            required: true;
+        };
+        component: {
+            type: null;
+            required: true;
+        };
+        count: {
+            type: NumberConstructor;
+            required: false;
+        };
+    }>>, {}>>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    variations: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    component: {
+        type: null;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: false;
+    };
+}>>, {}>;
+
+declare type PersonalizedVariationComponent<TVariation> = Component<TVariation & {
+    personalizationResult: {
+        variation: PersonalizedVariant;
+        personalizationOccurred: boolean;
+    };
+}>;
+
+export declare const Test: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+
+export declare interface TestComponentProps {
+    /** Name of the test that is running. */
+    name: string;
+    /** Variation list that this test will selected from. */
+    variations: TestVariant[];
+    /**
+     * Determines what should be rendered if testing is in a "loading" state.
+     * default: shows the default variation while loading
+     * none: shows nothing while loading
+     * Vue component: shows the component while loading
+     */
+    loadingMode?: 'default' | 'none' | Component;
+    /** A Vue component to use to render the test variant. */
+    component?: Component<TestVariant>;
+}
+
+export declare type TestEdgeComponentProps = Omit<TestComponentProps, 'selectedVariantId'>;
+
+export declare const Track: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+
+export declare const TrackSlot: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+
+export declare type UniformContextProps = {
+    context: Context;
+    outputType?: VariantOutputType;
+};
+
+export declare const UniformContextProvider: DefineComponent<{
+    context: {
+        type: null;
+        required: true;
+    };
+}, {
+    props: {
+        context: Context;
+    };
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    context: {
+        type: null;
+        required: true;
+    };
+}>>, {}>;
+
+export declare const uniformContextStoreProps: InjectionKey<UniformContextProps>;
+
+export declare const useIsPersonalized: (key: InjectionKey<PersonalizationContextProps>, fallback?: PersonalizationContextProps | undefined) => {
+    personalized?: boolean | undefined;
+};
+
+/**
+ * Provides reactive access to the Uniform Context's current visitor quirks values
+ * This can be used when you want to read current quirk values directly.
+ */
+export declare const useQuirks: () => Ref<Quirks>;
+
+/**
+ * Provides reactive access to the Uniform Context's current visitor scores values.
+ * This can be used when you want to read current score values directly.
+ */
+export declare const useScores: () => Ref<ScoreVector>;
+
+export declare const useUniformContext: (key: InjectionKey<UniformContextProps>, fallback?: UniformContextProps | undefined) => {
+    context: Context;
+    outputType?: VariantOutputType;
+};
+
+export declare type VariantOutputType = 'edge' | 'standard' | undefined;
+
+export { }

package/dist/index.es.js

@@ -0,0 +1,770 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { provide, inject, defineComponent, unref, openBlock, createBlock, resolveDynamicComponent, normalizeProps, mergeProps, createCommentVNode, h, createElementBlock, Fragment, createVNode, renderList, withCtx, guardReactiveProps, computed, renderSlot, ref, watchEffect, resolveComponent, watch } from "vue";
+const isServer = typeof window === "undefined";
+const uniformContextStoreProps = Symbol("uniformContextStore");
+const initStore = ({ context, outputType = "standard" }) => {
+  provide(uniformContextStoreProps, {
+    context,
+    outputType
+  });
+};
+const useUniformContext = (key, fallback) => {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    throw Error(`could not resolve ${key.description}`);
+  }
+  const value = resolved;
+  return __spreadValues({}, value);
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "TestStandard",
+  props: {
+    name: null,
+    variations: null,
+    loadingMode: null,
+    component: null
+  },
+  setup(__props) {
+    const { name, variations, component } = __props;
+    const { context } = useUniformContext(uniformContextStoreProps);
+    const { result } = context.test({
+      name,
+      variations
+    });
+    return (_ctx, _cache) => {
+      return unref(result) ? (openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({ key: 0 }, unref(result))), null, 16)) : createCommentVNode("", true);
+    };
+  }
+});
+/*! js-cookie v3.0.1 | MIT */
+function assign(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+    for (var key in source) {
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+var defaultConverter = {
+  read: function(value) {
+    if (value[0] === '"') {
+      value = value.slice(1, -1);
+    }
+    return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(value) {
+    return encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
+  }
+};
+function init(converter, defaultAttributes) {
+  function set(key, value, attributes) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    attributes = assign({}, defaultAttributes, attributes);
+    if (typeof attributes.expires === "number") {
+      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
+    }
+    if (attributes.expires) {
+      attributes.expires = attributes.expires.toUTCString();
+    }
+    key = encodeURIComponent(key).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+    var stringifiedAttributes = "";
+    for (var attributeName in attributes) {
+      if (!attributes[attributeName]) {
+        continue;
+      }
+      stringifiedAttributes += "; " + attributeName;
+      if (attributes[attributeName] === true) {
+        continue;
+      }
+      stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
+    }
+    return document.cookie = key + "=" + converter.write(value, key) + stringifiedAttributes;
+  }
+  function get(key) {
+    if (typeof document === "undefined" || arguments.length && !key) {
+      return;
+    }
+    var cookies = document.cookie ? document.cookie.split("; ") : [];
+    var jar = {};
+    for (var i = 0; i < cookies.length; i++) {
+      var parts = cookies[i].split("=");
+      var value = parts.slice(1).join("=");
+      try {
+        var foundKey = decodeURIComponent(parts[0]);
+        jar[foundKey] = converter.read(value, foundKey);
+        if (key === foundKey) {
+          break;
+        }
+      } catch (e) {
+      }
+    }
+    return key ? jar[key] : jar;
+  }
+  return Object.create({
+    set,
+    get,
+    remove: function(key, attributes) {
+      set(key, "", assign({}, attributes, {
+        expires: -1
+      }));
+    },
+    withAttributes: function(attributes) {
+      return init(this.converter, assign({}, this.attributes, attributes));
+    },
+    withConverter: function(converter2) {
+      return init(assign({}, this.converter, converter2), this.attributes);
+    }
+  }, {
+    attributes: { value: Object.freeze(defaultAttributes) },
+    converter: { value: Object.freeze(converter) }
+  });
+}
+init(defaultConverter, { path: "/" });
+var rfdc_1 = rfdc;
+function copyBuffer(cur) {
+  if (cur instanceof Buffer) {
+    return Buffer.from(cur);
+  }
+  return new cur.constructor(cur.buffer.slice(), cur.byteOffset, cur.length);
+}
+function rfdc(opts) {
+  opts = opts || {};
+  if (opts.circles)
+    return rfdcCircles(opts);
+  return opts.proto ? cloneProto : clone;
+  function cloneArray(a, fn) {
+    var keys = Object.keys(a);
+    var a2 = new Array(keys.length);
+    for (var i = 0; i < keys.length; i++) {
+      var k = keys[i];
+      var cur = a[k];
+      if (typeof cur !== "object" || cur === null) {
+        a2[k] = cur;
+      } else if (cur instanceof Date) {
+        a2[k] = new Date(cur);
+      } else if (ArrayBuffer.isView(cur)) {
+        a2[k] = copyBuffer(cur);
+      } else {
+        a2[k] = fn(cur);
+      }
+    }
+    return a2;
+  }
+  function clone(o) {
+    if (typeof o !== "object" || o === null)
+      return o;
+    if (o instanceof Date)
+      return new Date(o);
+    if (Array.isArray(o))
+      return cloneArray(o, clone);
+    if (o instanceof Map)
+      return new Map(cloneArray(Array.from(o), clone));
+    if (o instanceof Set)
+      return new Set(cloneArray(Array.from(o), clone));
+    var o2 = {};
+    for (var k in o) {
+      if (Object.hasOwnProperty.call(o, k) === false)
+        continue;
+      var cur = o[k];
+      if (typeof cur !== "object" || cur === null) {
+        o2[k] = cur;
+      } else if (cur instanceof Date) {
+        o2[k] = new Date(cur);
+      } else if (cur instanceof Map) {
+        o2[k] = new Map(cloneArray(Array.from(cur), clone));
+      } else if (cur instanceof Set) {
+        o2[k] = new Set(cloneArray(Array.from(cur), clone));
+      } else if (ArrayBuffer.isView(cur)) {
+        o2[k] = copyBuffer(cur);
+      } else {
+        o2[k] = clone(cur);
+      }
+    }
+    return o2;
+  }
+  function cloneProto(o) {
+    if (typeof o !== "object" || o === null)
+      return o;
+    if (o instanceof Date)
+      return new Date(o);
+    if (Array.isArray(o))
+      return cloneArray(o, cloneProto);
+    if (o instanceof Map)
+      return new Map(cloneArray(Array.from(o), cloneProto));
+    if (o instanceof Set)
+      return new Set(cloneArray(Array.from(o), cloneProto));
+    var o2 = {};
+    for (var k in o) {
+      var cur = o[k];
+      if (typeof cur !== "object" || cur === null) {
+        o2[k] = cur;
+      } else if (cur instanceof Date) {
+        o2[k] = new Date(cur);
+      } else if (cur instanceof Map) {
+        o2[k] = new Map(cloneArray(Array.from(cur), cloneProto));
+      } else if (cur instanceof Set) {
+        o2[k] = new Set(cloneArray(Array.from(cur), cloneProto));
+      } else if (ArrayBuffer.isView(cur)) {
+        o2[k] = copyBuffer(cur);
+      } else {
+        o2[k] = cloneProto(cur);
+      }
+    }
+    return o2;
+  }
+}
+function rfdcCircles(opts) {
+  var refs = [];
+  var refsNew = [];
+  return opts.proto ? cloneProto : clone;
+  function cloneArray(a, fn) {
+    var keys = Object.keys(a);
+    var a2 = new Array(keys.length);
+    for (var i = 0; i < keys.length; i++) {
+      var k = keys[i];
+      var cur = a[k];
+      if (typeof cur !== "object" || cur === null) {
+        a2[k] = cur;
+      } else if (cur instanceof Date) {
+        a2[k] = new Date(cur);
+      } else if (ArrayBuffer.isView(cur)) {
+        a2[k] = copyBuffer(cur);
+      } else {
+        var index = refs.indexOf(cur);
+        if (index !== -1) {
+          a2[k] = refsNew[index];
+        } else {
+          a2[k] = fn(cur);
+        }
+      }
+    }
+    return a2;
+  }
+  function clone(o) {
+    if (typeof o !== "object" || o === null)
+      return o;
+    if (o instanceof Date)
+      return new Date(o);
+    if (Array.isArray(o))
+      return cloneArray(o, clone);
+    if (o instanceof Map)
+      return new Map(cloneArray(Array.from(o), clone));
+    if (o instanceof Set)
+      return new Set(cloneArray(Array.from(o), clone));
+    var o2 = {};
+    refs.push(o);
+    refsNew.push(o2);
+    for (var k in o) {
+      if (Object.hasOwnProperty.call(o, k) === false)
+        continue;
+      var cur = o[k];
+      if (typeof cur !== "object" || cur === null) {
+        o2[k] = cur;
+      } else if (cur instanceof Date) {
+        o2[k] = new Date(cur);
+      } else if (cur instanceof Map) {
+        o2[k] = new Map(cloneArray(Array.from(cur), clone));
+      } else if (cur instanceof Set) {
+        o2[k] = new Set(cloneArray(Array.from(cur), clone));
+      } else if (ArrayBuffer.isView(cur)) {
+        o2[k] = copyBuffer(cur);
+      } else {
+        var i = refs.indexOf(cur);
+        if (i !== -1) {
+          o2[k] = refsNew[i];
+        } else {
+          o2[k] = clone(cur);
+        }
+      }
+    }
+    refs.pop();
+    refsNew.pop();
+    return o2;
+  }
+  function cloneProto(o) {
+    if (typeof o !== "object" || o === null)
+      return o;
+    if (o instanceof Date)
+      return new Date(o);
+    if (Array.isArray(o))
+      return cloneArray(o, cloneProto);
+    if (o instanceof Map)
+      return new Map(cloneArray(Array.from(o), cloneProto));
+    if (o instanceof Set)
+      return new Set(cloneArray(Array.from(o), cloneProto));
+    var o2 = {};
+    refs.push(o);
+    refsNew.push(o2);
+    for (var k in o) {
+      var cur = o[k];
+      if (typeof cur !== "object" || cur === null) {
+        o2[k] = cur;
+      } else if (cur instanceof Date) {
+        o2[k] = new Date(cur);
+      } else if (cur instanceof Map) {
+        o2[k] = new Map(cloneArray(Array.from(cur), cloneProto));
+      } else if (cur instanceof Set) {
+        o2[k] = new Set(cloneArray(Array.from(cur), cloneProto));
+      } else if (ArrayBuffer.isView(cur)) {
+        o2[k] = copyBuffer(cur);
+      } else {
+        var i = refs.indexOf(cur);
+        if (i !== -1) {
+          o2[k] = refsNew[i];
+        } else {
+          o2[k] = cloneProto(cur);
+        }
+      }
+    }
+    refs.pop();
+    refsNew.pop();
+    return o2;
+  }
+}
+var ht = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", jt = new Array(123);
+for (let e = 0; e < ht.length; e++)
+  jt[ht.charCodeAt(e)] = e;
+rfdc_1();
+rfdc_1();
+rfdc_1();
+var Pe = ((u) => (u.ListStart = "nesi-list-start", u.ListEnd = "nesi-list-end", u.ListItem = "nesi-list-item-html", u.ListItemSettings = "nesi-list-item-settings", u.TestStart = "nesi-test-start", u.TestEnd = "nesi-test-end", u.Unknown = "unknown", u))(Pe || {}), Dr = "nesitag";
+const EdgeTag = (props) => {
+  return h(Dr, props);
+};
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "TestEdge",
+  props: {
+    name: null,
+    variations: null,
+    loadingMode: null,
+    component: null
+  },
+  setup(__props) {
+    const { name, variations, component: renderComponent } = __props;
+    const options = {
+      name
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(EdgeTag), {
+          "data-type": unref(Pe).TestStart,
+          innerHTML: JSON.stringify(options)
+        }, null, 8, ["data-type", "innerHTML"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.variations, (variation, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            createVNode(unref(EdgeTag), {
+              "data-type": unref(Pe).ListItemSettings,
+              innerHTML: JSON.stringify({ id: variation.id })
+            }, null, 8, ["data-type", "innerHTML"]),
+            createVNode(unref(EdgeTag), {
+              "data-type": unref(Pe).ListItem
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderComponent), normalizeProps(guardReactiveProps(variation)), null, 16))
+              ]),
+              _: 2
+            }, 1032, ["data-type"])
+          ], 64);
+        }), 128)),
+        createVNode(unref(EdgeTag), {
+          "data-type": unref(Pe).TestEnd
+        }, null, 8, ["data-type"])
+      ], 64);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "Test",
+  props: {
+    name: null,
+    variations: null,
+    loadingMode: null,
+    component: null
+  },
+  setup(__props) {
+    const props = __props;
+    const { outputType } = useUniformContext(uniformContextStoreProps);
+    const testComponent = computed(() => !isServer || outputType === "standard" ? _sfc_main$9 : _sfc_main$8);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(testComponent)), normalizeProps(guardReactiveProps(props)), null, 16);
+    };
+  }
+});
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "UniformContextProvider",
+  props: {
+    context: null
+  },
+  setup(__props) {
+    const props = __props;
+    initStore(__spreadValues({}, props));
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+var has = Object.prototype.hasOwnProperty;
+function dequal(foo, bar) {
+  var ctor, len;
+  if (foo === bar)
+    return true;
+  if (foo && bar && (ctor = foo.constructor) === bar.constructor) {
+    if (ctor === Date)
+      return foo.getTime() === bar.getTime();
+    if (ctor === RegExp)
+      return foo.toString() === bar.toString();
+    if (ctor === Array) {
+      if ((len = foo.length) === bar.length) {
+        while (len-- && dequal(foo[len], bar[len]))
+          ;
+      }
+      return len === -1;
+    }
+    if (!ctor || typeof foo === "object") {
+      len = 0;
+      for (ctor in foo) {
+        if (has.call(foo, ctor) && ++len && !has.call(bar, ctor))
+          return false;
+        if (!(ctor in bar) || !dequal(foo[ctor], bar[ctor]))
+          return false;
+      }
+      return Object.keys(bar).length === len;
+    }
+  }
+  return foo !== foo && bar !== bar;
+}
+const useScores = () => {
+  const { context } = useUniformContext(uniformContextStoreProps);
+  const scores = ref(context.scores);
+  watchEffect(() => {
+    const scoringChangeListener = (updatedScores) => scores.value = updatedScores;
+    const currentScores = context.scores;
+    if (!dequal(scores, currentScores)) {
+      scores.value = currentScores;
+    }
+    context.events.on("scoresUpdated", scoringChangeListener);
+    return () => {
+      context.events.off("scoresUpdated", scoringChangeListener);
+    };
+  });
+  return scores;
+};
+const uniformPersonalizationContextProps = Symbol("uniformIsPersonalizedStore");
+const initPersonalizeStore = ({ personalized = false }) => {
+  provide(uniformPersonalizationContextProps, {
+    personalized
+  });
+};
+const useIsPersonalized = (key, fallback) => {
+  const resolved = inject(key, fallback);
+  if (!resolved) {
+    return {
+      personalized: false
+    };
+  }
+  const value = resolved;
+  return __spreadValues({}, value);
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "PersonalizeProvider",
+  props: {
+    personalized: { type: Boolean }
+  },
+  setup(__props) {
+    const { personalized } = __props;
+    initPersonalizeStore({
+      personalized
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ personalized: __props.personalized })));
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "PersonalizeStandard",
+  props: {
+    name: null,
+    variations: null,
+    component: null,
+    count: null
+  },
+  setup(__props) {
+    const { name, component, variations, count = 1 } = __props;
+    const { context } = useUniformContext(uniformContextStoreProps);
+    const scores = useScores();
+    const personalized = computed(() => {
+      if (scores.value, component) {
+        const { variations: personalizedVariations, personalized: personalizationOccurred } = context.personalize({
+          name,
+          variations,
+          take: count
+        });
+        return {
+          personalizedVariations,
+          personalizationOccurred
+        };
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$5, { personalized: true }, {
+        default: withCtx(() => {
+          var _a;
+          return [
+            (openBlock(true), createElementBlock(Fragment, null, renderList((_a = unref(personalized)) == null ? void 0 : _a.personalizedVariations, (item) => {
+              var _a2;
+              return openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({
+                key: item.id
+              }, __spreadValues({
+                personalizationResult: {
+                  variation: item,
+                  personalizationOccurred: (_a2 = unref(personalized)) == null ? void 0 : _a2.personalizationOccurred
+                }
+              }, item))), null, 16);
+            }), 128))
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "PersonalizeEdge",
+  props: {
+    name: null,
+    variations: null,
+    component: null,
+    count: null
+  },
+  setup(__props) {
+    const { component, variations, count } = __props;
+    const options = count != null ? count : 1;
+    return (_ctx, _cache) => {
+      const _component_component = resolveComponent("component");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(EdgeTag), {
+          "data-type": unref(Pe).ListStart,
+          innerHTML: JSON.stringify(unref(options))
+        }, null, 8, ["data-type", "innerHTML"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.variations, (variant) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: variant.id
+          }, [
+            createVNode(unref(EdgeTag), {
+              "data-type": unref(Pe).ListItemSettings,
+              innerHTML: JSON.stringify({ id: variant.id, pz: variant.pz || null })
+            }, null, 8, ["data-type", "innerHTML"]),
+            createVNode(unref(EdgeTag), {
+              "data-type": unref(Pe).ListItem
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(_component_component, {
+                  key: variant.id,
+                  personalizationResult: {
+                    variant,
+                    personalizationOccurred: false
+                  }
+                }, null, 8, ["personalizationResult"]))
+              ]),
+              _: 2
+            }, 1032, ["data-type"])
+          ], 64);
+        }), 128)),
+        createVNode(unref(EdgeTag), {
+          "data-type": unref(Pe).ListEnd
+        }, null, 8, ["data-type"])
+      ], 64);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Personalize",
+  props: {
+    name: null,
+    variations: null,
+    component: null,
+    count: null
+  },
+  setup(__props) {
+    const props = __props;
+    const { outputType } = useUniformContext(uniformContextStoreProps);
+    const personalizeComponent = computed(() => !isServer || outputType === "standard" ? _sfc_main$4 : _sfc_main$3);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(personalizeComponent)), normalizeProps(guardReactiveProps(__spreadValues({}, props))), null, 16);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Track",
+  props: {
+    behavior: null,
+    tagName: { default: "div" },
+    disableVisibilityTrigger: { type: Boolean },
+    threshold: { default: 0.5 }
+  },
+  setup(__props) {
+    const _a = __props, {
+      behavior,
+      tagName,
+      threshold,
+      disableVisibilityTrigger = typeof window === "undefined" || !("IntersectionObserver" in window)
+    } = _a, rest = __objRest(_a, [
+      "behavior",
+      "tagName",
+      "threshold",
+      "disableVisibilityTrigger"
+    ]);
+    const currentUrl = typeof document === "undefined" ? "__uniform_ssr_url" : document.location.href;
+    const { context } = useUniformContext(uniformContextStoreProps);
+    const { personalized: insidePersonalizeComponent } = useIsPersonalized(uniformPersonalizationContextProps);
+    const lastUrl = ref("");
+    const hasTracked = ref(false);
+    const wrapperEl = ref();
+    const disconnect = ref();
+    watchEffect(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    watchEffect(() => {
+      var _a2;
+      const hasNoBehaviorValue = !behavior || Array.isArray(behavior) && !behavior.length;
+      const cannotTrack = insidePersonalizeComponent || hasNoBehaviorValue;
+      if (cannotTrack || !wrapperEl.value) {
+        return;
+      }
+      const enrichments = Array.isArray(behavior) ? behavior : [behavior];
+      const pushBehaviorEnrichment = () => {
+        var _a3;
+        if (hasTracked.value) {
+          return;
+        }
+        context.update({
+          enrichments
+        });
+        hasTracked.value = false;
+        (_a3 = disconnect.value) == null ? void 0 : _a3.call(disconnect);
+      };
+      if (disableVisibilityTrigger) {
+        pushBehaviorEnrichment();
+      } else {
+        (_a2 = disconnect.value) == null ? void 0 : _a2.call(disconnect);
+        const instance = new IntersectionObserver(([entry]) => {
+          if (entry.isIntersecting) {
+            pushBehaviorEnrichment();
+          }
+        }, {
+          threshold
+        });
+        instance.observe(wrapperEl.value);
+        disconnect.value = () => {
+          var _a3;
+          return (_a3 = instance.disconnect) == null ? void 0 : _a3.call(instance);
+        };
+      }
+      return () => {
+        var _a3;
+        (_a3 = disconnect.value) == null ? void 0 : _a3.call(disconnect);
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(tagName), mergeProps(__spreadValues({}, rest), {
+        ref_key: "wrapperEl",
+        ref: wrapperEl
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TrackSlot",
+  props: {
+    behavior: null
+  },
+  setup(__props) {
+    const _a = __props, { behavior } = _a, rest = __objRest(_a, ["behavior"]);
+    const currentUrl = typeof document === "undefined" ? "__uniform_ssr_url" : document.location.href;
+    const { context } = useUniformContext(uniformContextStoreProps);
+    const { personalized: insidePersonalizeComponent } = useIsPersonalized(uniformPersonalizationContextProps);
+    const lastUrl = ref("");
+    const hasTracked = ref(false);
+    watchEffect(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    watchEffect(() => {
+      const hasNoBehaviorValue = !behavior || Array.isArray(behavior) && !behavior.length;
+      const cannotTrack = insidePersonalizeComponent || hasNoBehaviorValue;
+      if (cannotTrack)
+        return;
+      const pushBehaviorEnrichment = () => {
+        if (hasTracked.value) {
+          return;
+        }
+        const enrichments = Array.isArray(behavior) ? behavior : [behavior];
+        context.update({
+          enrichments
+        });
+        hasTracked.value = true;
+      };
+      pushBehaviorEnrichment();
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(__spreadValues({}, _ctx.rest))));
+    };
+  }
+});
+const useQuirks = () => {
+  const { context } = useUniformContext(uniformContextStoreProps);
+  const quirks = ref(context.quirks);
+  const quirkChangeListener = (updateQuirks) => {
+    quirks.value = updateQuirks;
+  };
+  watch(context, () => {
+    context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  });
+  return quirks;
+};
+export { _sfc_main$2 as Personalize, _sfc_main$7 as Test, _sfc_main$1 as Track, _sfc_main as TrackSlot, _sfc_main$6 as UniformContextProvider, initPersonalizeStore, initStore, uniformContextStoreProps, useIsPersonalized, useQuirks, useScores, useUniformContext };

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@uniformdev/context-vue",
+  "version": "16.0.1-alpha.128+6cdb4ff33",
+  "description": "Uniform Context Vue integration package",
+  "license": "SEE LICENSE IN LICENSE.txt",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "exports": {
+    "import": "./dist/index.es.js",
+    "require": "./dist/index.cjs.js"
+  },
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "dev": "vue-tsc --noEmit && vite build --watch",
+    "build": "vue-tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@uniformdev/context": "^16.0.1-alpha.128+6cdb4ff33",
+    "vue": "^3.2.25"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.34",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "typescript": "^4.5.4",
+    "vite": "^2.9.9",
+    "vite-plugin-dts": "^1.1.1",
+    "vue-tsc": "^0.34.15"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "6cdb4ff331d6d0d9d5c154b7b342e7703067bfc3"
+}