Changeset 2606273

Timestamp:

09/28/2021 03:07:14 PM (4 years ago)

Author:

mithublue

Message:

version:1.0.1

Location:

myloyal/trunk

Files:

• assets/js/app.js (modified) (3 diffs)
• core/action-runner.php (modified) (3 diffs)
• core/ajax-action.php (modified) (2 diffs)
• core/badge-actions.php (added)
• core/data-case-hooks.php (added)
• core/data-point-rules.php (modified) (8 diffs)
• core/functions.php (added)
• core/hooks (added)
• core/hooks/edit-comment.php (added)
• core/hooks/save-post.php (added)
• core/hooks/user-register.php (added)
• core/hooks/wp-head.php (added)
• core/hooks/wp-insert-comment.php (added)
• core/hooks/wp-login.php (added)
• core/instance-post.php (added)
• core/instance-user.php (added)
• core/meta-panel.php (modified) (3 diffs)
• core/options.php (modified) (1 diff)
• core/point-processor.php (modified) (2 diffs)
• core/point-rule.php (modified) (1 diff)
• core/user-actions.php (modified) (2 diffs)
• instance (added)
• instance/log.php (added)
• migrations/badge-user.php (added)
• migrations/log.php (added)
• models (added)
• models/badge-user.php (added)
• models/log.php (added)
• myloyal.php (modified) (5 diffs)
• package-lock.json (modified) (2 diffs)
• package.json (modified) (2 diffs)
• readme.txt (modified) (2 diffs)
• resources/js/app.js (modified) (1 diff)
• shortcodes (added)
• shortcodes/user-profile.php (added)
• templates/admin/partials/badge-meta-panel.php (modified) (1 diff)
• templates/admin/point-rules.php (modified) (5 diffs)

myloyal/trunk/assets/js/app.js

@@ -87 +87 @@
 /******/ ({
 
+/***/ "./node_modules/@vue/composition-api/dist/vue-composition-api.mjs":
+/*!************************************************************************!*\
+  !*** ./node_modules/@vue/composition-api/dist/vue-composition-api.mjs ***!
+  \************************************************************************/
+/*! exports provided: default, EffectScope, computed, createApp, createRef, customRef, defineAsyncComponent, defineComponent, del, effectScope, getCurrentInstance, getCurrentScope, h, inject, isRaw, isReactive, isReadonly, isRef, markRaw, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, provide, proxyRefs, reactive, readonly, ref, set, shallowReactive, shallowReadonly, shallowRef, toRaw, toRef, toRefs, triggerRef, unref, useAttrs, useCSSModule, useCssModule, useSlots, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect */
+/***/ (function(__webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EffectScope", function() { return EffectScope; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "computed", function() { return computed; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createApp", function() { return createApp; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createRef", function() { return createRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "customRef", function() { return customRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defineAsyncComponent", function() { return defineAsyncComponent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "defineComponent", function() { return defineComponent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "del", function() { return del; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "effectScope", function() { return effectScope; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCurrentInstance", function() { return getCurrentInstance; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCurrentScope", function() { return getCurrentScope; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return createElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "inject", function() { return inject; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRaw", function() { return isRaw; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isReactive", function() { return isReactive; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isReadonly", function() { return isReadonly; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isRef", function() { return isRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "markRaw", function() { return markRaw; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "nextTick", function() { return nextTick; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onActivated", function() { return onActivated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onBeforeMount", function() { return onBeforeMount; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onBeforeUnmount", function() { return onBeforeUnmount; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onBeforeUpdate", function() { return onBeforeUpdate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onDeactivated", function() { return onDeactivated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onErrorCaptured", function() { return onErrorCaptured; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onMounted", function() { return onMounted; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onScopeDispose", function() { return onScopeDispose; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onServerPrefetch", function() { return onServerPrefetch; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onUnmounted", function() { return onUnmounted; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "onUpdated", function() { return onUpdated; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "provide", function() { return provide; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "proxyRefs", function() { return proxyRefs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "reactive", function() { return reactive; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "readonly", function() { return readonly; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ref", function() { return ref; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "set", function() { return set$1; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "shallowReactive", function() { return shallowReactive; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "shallowReadonly", function() { return shallowReadonly; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "shallowRef", function() { return shallowRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toRaw", function() { return toRaw; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toRef", function() { return toRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "toRefs", function() { return toRefs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "triggerRef", function() { return triggerRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unref", function() { return unref; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAttrs", function() { return useAttrs; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCSSModule", function() { return useCSSModule; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCssModule", function() { return useCssModule; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSlots", function() { return useSlots; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "version", function() { return version; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "warn", function() { return warn; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "watch", function() { return watch; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "watchEffect", function() { return watchEffect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "watchPostEffect", function() { return watchPostEffect; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "watchSyncEffect", function() { return watchSyncEffect; });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+
+
+var toString = function (x) { return Object.prototype.toString.call(x); };
+function isNative(Ctor) {
+    return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
+}
+var hasSymbol = typeof Symbol !== 'undefined' &&
+    isNative(Symbol) &&
+    typeof Reflect !== 'undefined' &&
+    isNative(Reflect.ownKeys);
+var noopFn = function (_) { return _; };
+function proxy(target, key, _a) {
+    var get = _a.get, set = _a.set;
+    Object.defineProperty(target, key, {
+        enumerable: true,
+        configurable: true,
+        get: get || noopFn,
+        set: set || noopFn,
+    });
+}
+function def(obj, key, val, enumerable) {
+    Object.defineProperty(obj, key, {
+        value: val,
+        enumerable: !!enumerable,
+        writable: true,
+        configurable: true,
+    });
+}
+function hasOwn(obj, key) {
+    return Object.hasOwnProperty.call(obj, key);
+}
+function assert(condition, msg) {
+    if (!condition) {
+        throw new Error("[vue-composition-api] " + msg);
+    }
+}
+function isPrimitive(value) {
+    return (typeof value === 'string' ||
+        typeof value === 'number' ||
+        // $flow-disable-line
+        typeof value === 'symbol' ||
+        typeof value === 'boolean');
+}
+function isArray(x) {
+    return Array.isArray(x);
+}
+var objectToString = Object.prototype.toString;
+var toTypeString = function (value) {
+    return objectToString.call(value);
+};
+var isMap = function (val) {
+    return toTypeString(val) === '[object Map]';
+};
+var isSet = function (val) {
+    return toTypeString(val) === '[object Set]';
+};
+var MAX_VALID_ARRAY_LENGTH = 4294967295; // Math.pow(2, 32) - 1
+function isValidArrayIndex(val) {
+    var n = parseFloat(String(val));
+    return (n >= 0 &&
+        Math.floor(n) === n &&
+        isFinite(val) &&
+        n <= MAX_VALID_ARRAY_LENGTH);
+}
+function isObject(val) {
+    return val !== null && typeof val === 'object';
+}
+function isPlainObject(x) {
+    return toString(x) === '[object Object]';
+}
+function isFunction(x) {
+    return typeof x === 'function';
+}
+function isUndef(v) {
+    return v === undefined || v === null;
+}
+function warn$1(msg, vm) {
+    vue__WEBPACK_IMPORTED_MODULE_0__.util.warn(msg, vm);
+}
+function logError(err, vm, info) {
+    if ((true)) {
+        warn$1("Error in " + info + ": \"" + err.toString() + "\"", vm);
+    }
+    if (typeof window !== 'undefined' && typeof console !== 'undefined') {
+        console.error(err);
+    }
+    else {
+        throw err;
+    }
+}
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+}
+
+/**
+ * Displays a warning message (using console.error) with a stack trace if the
+ * function is called inside of active component.
+ *
+ * @param message warning message to be displayed
+ */
+function warn(message) {
+    var _a;
+    warn$1(message, (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy);
+}
+
+var activeEffectScope;
+var effectScopeStack = [];
+var EffectScopeImpl = /** @class */ (function () {
+    function EffectScopeImpl(vm) {
+        this.active = true;
+        this.effects = [];
+        this.cleanups = [];
+        this.vm = vm;
+    }
+    EffectScopeImpl.prototype.run = function (fn) {
+        if (this.active) {
+            try {
+                this.on();
+                return fn();
+            }
+            finally {
+                this.off();
+            }
+        }
+        else if ((true)) {
+            warn("cannot run an inactive effect scope.");
+        }
+        return;
+    };
+    EffectScopeImpl.prototype.on = function () {
+        if (this.active) {
+            effectScopeStack.push(this);
+            activeEffectScope = this;
+        }
+    };
+    EffectScopeImpl.prototype.off = function () {
+        if (this.active) {
+            effectScopeStack.pop();
+            activeEffectScope = effectScopeStack[effectScopeStack.length - 1];
+        }
+    };
+    EffectScopeImpl.prototype.stop = function () {
+        if (this.active) {
+            this.vm.$destroy();
+            this.effects.forEach(function (e) { return e.stop(); });
+            this.cleanups.forEach(function (cleanup) { return cleanup(); });
+            this.active = false;
+        }
+    };
+    return EffectScopeImpl;
+}());
+var EffectScope = /** @class */ (function (_super) {
+    __extends(EffectScope, _super);
+    function EffectScope(detached) {
+        if (detached === void 0) { detached = false; }
+        var _this = this;
+        var vm = undefined;
+        withCurrentInstanceTrackingDisabled(function () {
+            vm = defineComponentInstance(getVueConstructor());
+        });
+        _this = _super.call(this, vm) || this;
+        if (!detached) {
+            recordEffectScope(_this);
+        }
+        return _this;
+    }
+    return EffectScope;
+}(EffectScopeImpl));
+function recordEffectScope(effect, scope) {
+    var _a;
+    scope = scope || activeEffectScope;
+    if (scope && scope.active) {
+        scope.effects.push(effect);
+        return;
+    }
+    // destory on parent component unmounted
+    var vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
+    vm && vm.$on('hook:destroyed', function () { return effect.stop(); });
+}
+function effectScope(detached) {
+    return new EffectScope(detached);
+}
+function getCurrentScope() {
+    return activeEffectScope;
+}
+function onScopeDispose(fn) {
+    if (activeEffectScope) {
+        activeEffectScope.cleanups.push(fn);
+    }
+    else if ((true)) {
+        warn("onScopeDispose() is called when there is no active effect scope" +
+            " to be associated with.");
+    }
+}
+/**
+ * @internal
+ **/
+function getCurrentScopeVM() {
+    var _a, _b;
+    return ((_a = getCurrentScope()) === null || _a === void 0 ? void 0 : _a.vm) || ((_b = getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.proxy);
+}
+/**
+ * @internal
+ **/
+function bindCurrentScopeToVM(vm) {
+    if (!vm.scope) {
+        var scope_1 = new EffectScopeImpl(vm.proxy);
+        vm.scope = scope_1;
+        vm.proxy.$on('hook:destroyed', function () { return scope_1.stop(); });
+    }
+    return vm.scope;
+}
+
+var vueDependency = undefined;
+try {
+    var requiredVue = require('vue');
+    if (requiredVue && isVue(requiredVue)) {
+        vueDependency = requiredVue;
+    }
+    else if (requiredVue &&
+        'default' in requiredVue &&
+        isVue(requiredVue.default)) {
+        vueDependency = requiredVue.default;
+    }
+}
+catch (_a) {
+    // not available
+}
+var vueConstructor = null;
+var currentInstance = null;
+var currentInstanceTracking = true;
+var PluginInstalledFlag = '__composition_api_installed__';
+function isVue(obj) {
+    return obj && isFunction(obj) && obj.name === 'Vue';
+}
+function isVueRegistered(Vue) {
+    return hasOwn(Vue, PluginInstalledFlag);
+}
+function getVueConstructor() {
+    if ((true)) {
+        assert(vueConstructor, "must call Vue.use(VueCompositionAPI) before using any function.");
+    }
+    return vueConstructor;
+}
+// returns registered vue or `vue` dependency
+function getRegisteredVueOrDefault() {
+    var constructor = vueConstructor || vueDependency;
+    if ((true)) {
+        assert(constructor, "No vue dependency found.");
+    }
+    return constructor;
+}
+function setVueConstructor(Vue) {
+    // @ts-ignore
+    if (( true) && vueConstructor && Vue.__proto__ !== vueConstructor.__proto__) {
+        warn$1('[vue-composition-api] another instance of Vue installed');
+    }
+    vueConstructor = Vue;
+    Object.defineProperty(Vue, PluginInstalledFlag, {
+        configurable: true,
+        writable: true,
+        value: true,
+    });
+}
+/**
+ * For `effectScope` to create instance without populate the current instance
+ * @internal
+ **/
+function withCurrentInstanceTrackingDisabled(fn) {
+    var prev = currentInstanceTracking;
+    currentInstanceTracking = false;
+    try {
+        fn();
+    }
+    finally {
+        currentInstanceTracking = prev;
+    }
+}
+function setCurrentInstance(instance) {
+    if (!currentInstanceTracking)
+        return;
+    var prev = currentInstance;
+    prev === null || prev === void 0 ? void 0 : prev.scope.off();
+    currentInstance = instance;
+    currentInstance === null || currentInstance === void 0 ? void 0 : currentInstance.scope.on();
+}
+function getCurrentInstance() {
+    return currentInstance;
+}
+var instanceMapCache = new WeakMap();
+function toVue3ComponentInstance(vm) {
+    if (instanceMapCache.has(vm)) {
+        return instanceMapCache.get(vm);
+    }
+    var instance = {
+        proxy: vm,
+        update: vm.$forceUpdate,
+        uid: vm._uid,
+        // $emit is defined on prototype and it expected to be bound
+        emit: vm.$emit.bind(vm),
+        parent: null,
+        root: null, // to be immediately set
+    };
+    bindCurrentScopeToVM(instance);
+    // map vm.$props =
+    var instanceProps = [
+        'data',
+        'props',
+        'attrs',
+        'refs',
+        'vnode',
+        'slots',
+    ];
+    instanceProps.forEach(function (prop) {
+        proxy(instance, prop, {
+            get: function () {
+                return vm["$" + prop];
+            },
+        });
+    });
+    proxy(instance, 'isMounted', {
+        get: function () {
+            // @ts-expect-error private api
+            return vm._isMounted;
+        },
+    });
+    proxy(instance, 'isUnmounted', {
+        get: function () {
+            // @ts-expect-error private api
+            return vm._isDestroyed;
+        },
+    });
+    proxy(instance, 'isDeactivated', {
+        get: function () {
+            // @ts-expect-error private api
+            return vm._inactive;
+        },
+    });
+    proxy(instance, 'emitted', {
+        get: function () {
+            // @ts-expect-error private api
+            return vm._events;
+        },
+    });
+    instanceMapCache.set(vm, instance);
+    if (vm.$parent) {
+        instance.parent = toVue3ComponentInstance(vm.$parent);
+    }
+    if (vm.$root) {
+        instance.root = toVue3ComponentInstance(vm.$root);
+    }
+    return instance;
+}
+
+function getCurrentInstanceForFn(hook, target) {
+    target = target || getCurrentInstance();
+    if (( true) && !target) {
+        warn$1(hook + " is called when there is no active component instance to be " +
+            "associated with. " +
+            "Lifecycle injection APIs can only be used during execution of setup().");
+    }
+    return target;
+}
+function defineComponentInstance(Ctor, options) {
+    if (options === void 0) { options = {}; }
+    var silent = Ctor.config.silent;
+    Ctor.config.silent = true;
+    var vm = new Ctor(options);
+    Ctor.config.silent = silent;
+    return vm;
+}
+function isComponentInstance(obj) {
+    var Vue = getVueConstructor();
+    return Vue && obj instanceof Vue;
+}
+function createSlotProxy(vm, slotName) {
+    return (function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (!vm.$scopedSlots[slotName]) {
+            if ((true))
+                return warn$1("slots." + slotName + "() got called outside of the \"render()\" scope", vm);
+            return;
+        }
+        return vm.$scopedSlots[slotName].apply(vm, args);
+    });
+}
+function resolveSlots(slots, normalSlots) {
+    var res;
+    if (!slots) {
+        res = {};
+    }
+    else if (slots._normalized) {
+        // fast path 1: child component re-render only, parent did not change
+        return slots._normalized;
+    }
+    else {
+        res = {};
+        for (var key in slots) {
+            if (slots[key] && key[0] !== '$') {
+                res[key] = true;
+            }
+        }
+    }
+    // expose normal slots on scopedSlots
+    for (var key in normalSlots) {
+        if (!(key in res)) {
+            res[key] = true;
+        }
+    }
+    return res;
+}
+var vueInternalClasses;
+var getVueInternalClasses = function () {
+    if (!vueInternalClasses) {
+        var vm = defineComponentInstance(getVueConstructor(), {
+            computed: {
+                value: function () {
+                    return 0;
+                },
+            },
+        });
+        // to get Watcher class
+        var Watcher = vm._computedWatchers.value.constructor;
+        // to get Dep class
+        var Dep = vm._data.__ob__.dep.constructor;
+        vueInternalClasses = {
+            Watcher: Watcher,
+            Dep: Dep,
+        };
+        vm.$destroy();
+    }
+    return vueInternalClasses;
+};
+
+function createSymbol(name) {
+    return hasSymbol ? Symbol.for(name) : name;
+}
+var WatcherPreFlushQueueKey = createSymbol('composition-api.preFlushQueue');
+var WatcherPostFlushQueueKey = createSymbol('composition-api.postFlushQueue');
+// must be a string, symbol key is ignored in reactive
+var RefKey = 'composition-api.refKey';
+
+var accessModifiedSet = new WeakMap();
+var rawSet = new WeakMap();
+var readonlySet = new WeakMap();
+
+var RefImpl = /** @class */ (function () {
+    function RefImpl(_a) {
+        var get = _a.get, set = _a.set;
+        proxy(this, 'value', {
+            get: get,
+            set: set,
+        });
+    }
+    return RefImpl;
+}());
+function createRef(options, readonly) {
+    if (readonly === void 0) { readonly = false; }
+    var r = new RefImpl(options);
+    // seal the ref, this could prevent ref from being observed
+    // It's safe to seal the ref, since we really shouldn't extend it.
+    // related issues: #79
+    var sealed = Object.seal(r);
+    if (readonly)
+        readonlySet.set(sealed, true);
+    return sealed;
+}
+function ref(raw) {
+    var _a;
+    if (isRef(raw)) {
+        return raw;
+    }
+    var value = reactive((_a = {}, _a[RefKey] = raw, _a));
+    return createRef({
+        get: function () { return value[RefKey]; },
+        set: function (v) { return (value[RefKey] = v); },
+    });
+}
+function isRef(value) {
+    return value instanceof RefImpl;
+}
+function unref(ref) {
+    return isRef(ref) ? ref.value : ref;
+}
+function toRefs(obj) {
+    if (( true) && !isReactive(obj)) {
+        warn$1("toRefs() expects a reactive object but received a plain one.");
+    }
+    if (!isPlainObject(obj))
+        return obj;
+    var ret = {};
+    for (var key in obj) {
+        ret[key] = toRef(obj, key);
+    }
+    return ret;
+}
+function customRef(factory) {
+    var version = ref(0);
+    return createRef(factory(function () { return void version.value; }, function () {
+        ++version.value;
+    }));
+}
+function toRef(object, key) {
+    var v = object[key];
+    if (isRef(v))
+        return v;
+    return createRef({
+        get: function () { return object[key]; },
+        set: function (v) { return (object[key] = v); },
+    });
+}
+function shallowRef(raw) {
+    var _a;
+    if (isRef(raw)) {
+        return raw;
+    }
+    var value = shallowReactive((_a = {}, _a[RefKey] = raw, _a));
+    return createRef({
+        get: function () { return value[RefKey]; },
+        set: function (v) { return (value[RefKey] = v); },
+    });
+}
+function triggerRef(value) {
+    if (!isRef(value))
+        return;
+    value.value = value.value;
+}
+function proxyRefs(objectWithRefs) {
+    var _a, e_1, _b;
+    if (isReactive(objectWithRefs)) {
+        return objectWithRefs;
+    }
+    var value = reactive((_a = {}, _a[RefKey] = objectWithRefs, _a));
+    var _loop_1 = function (key) {
+        proxy(value, key, {
+            get: function () {
+                if (isRef(value[RefKey][key])) {
+                    return value[RefKey][key].value;
+                }
+                return value[RefKey][key];
+            },
+            set: function (v) {
+                if (isRef(value[RefKey][key])) {
+                    return (value[RefKey][key].value = unref(v));
+                }
+                value[RefKey][key] = unref(v);
+            },
+        });
+    };
+    try {
+        for (var _c = __values(Object.keys(objectWithRefs)), _d = _c.next(); !_d.done; _d = _c.next()) {
+            var key = _d.value;
+            _loop_1(key);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_d && !_d.done && (_b = _c.return)) _b.call(_c);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return value;
+}
+
+function isRaw(obj) {
+    var _a;
+    return Boolean(obj &&
+        hasOwn(obj, '__ob__') &&
+        typeof obj.__ob__ === 'object' &&
+        ((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
+}
+function isReactive(obj) {
+    var _a;
+    return Boolean(obj &&
+        hasOwn(obj, '__ob__') &&
+        typeof obj.__ob__ === 'object' &&
+        !((_a = obj.__ob__) === null || _a === void 0 ? void 0 : _a.__raw__));
+}
+/**
+ * Proxing property access of target.
+ * We can do unwrapping and other things here.
+ */
+function setupAccessControl(target) {
+    if (!isPlainObject(target) ||
+        isRaw(target) ||
+        isArray(target) ||
+        isRef(target) ||
+        isComponentInstance(target) ||
+        accessModifiedSet.has(target))
+        return;
+    accessModifiedSet.set(target, true);
+    var keys = Object.keys(target);
+    for (var i = 0; i < keys.length; i++) {
+        defineAccessControl(target, keys[i]);
+    }
+}
+/**
+ * Auto unwrapping when access property
+ */
+function defineAccessControl(target, key, val) {
+    if (key === '__ob__')
+        return;
+    if (isRaw(target[key]))
+        return;
+    var getter;
+    var setter;
+    var property = Object.getOwnPropertyDescriptor(target, key);
+    if (property) {
+        if (property.configurable === false) {
+            return;
+        }
+        getter = property.get;
+        setter = property.set;
+        if ((!getter || setter) /* not only have getter */ &&
+            arguments.length === 2) {
+            val = target[key];
+        }
+    }
+    setupAccessControl(val);
+    proxy(target, key, {
+        get: function getterHandler() {
+            var value = getter ? getter.call(target) : val;
+            // if the key is equal to RefKey, skip the unwrap logic
+            if (key !== RefKey && isRef(value)) {
+                return value.value;
+            }
+            else {
+                return value;
+            }
+        },
+        set: function setterHandler(newVal) {
+            if (getter && !setter)
+                return;
+            // If the key is equal to RefKey, skip the unwrap logic
+            // If and only if "value" is ref and "newVal" is not a ref,
+            // the assignment should be proxied to "value" ref.
+            if (key !== RefKey && isRef(val) && !isRef(newVal)) {
+                val.value = newVal;
+            }
+            else if (setter) {
+                setter.call(target, newVal);
+                val = newVal;
+            }
+            else {
+                val = newVal;
+            }
+            setupAccessControl(newVal);
+        },
+    });
+}
+function observe(obj) {
+    var Vue = getRegisteredVueOrDefault();
+    var observed;
+    if (Vue.observable) {
+        observed = Vue.observable(obj);
+    }
+    else {
+        var vm = defineComponentInstance(Vue, {
+            data: {
+                $$state: obj,
+            },
+        });
+        observed = vm._data.$$state;
+    }
+    // in SSR, there is no __ob__. Mock for reactivity check
+    if (!hasOwn(observed, '__ob__')) {
+        mockReactivityDeep(observed);
+    }
+    return observed;
+}
+/**
+ * Mock __ob__ for object recursively
+ */
+function mockReactivityDeep(obj, seen) {
+    var e_1, _a;
+    if (seen === void 0) { seen = new Set(); }
+    if (seen.has(obj))
+        return;
+    def(obj, '__ob__', mockObserver(obj));
+    seen.add(obj);
+    try {
+        for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            var value = obj[key];
+            if (!(isPlainObject(value) || isArray(value)) ||
+                isRaw(value) ||
+                !Object.isExtensible(value)) {
+                continue;
+            }
+            mockReactivityDeep(value, seen);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
+function mockObserver(value) {
+    if (value === void 0) { value = {}; }
+    return {
+        value: value,
+        dep: {
+            notify: noopFn,
+            depend: noopFn,
+            addSub: noopFn,
+            removeSub: noopFn,
+        },
+    };
+}
+function createObserver() {
+    return observe({}).__ob__;
+}
+function shallowReactive(obj) {
+    var e_2, _a;
+    if (!isObject(obj)) {
+        if ((true)) {
+            warn$1('"shallowReactive()" must be called on an object.');
+        }
+        return obj;
+    }
+    if (!(isPlainObject(obj) || isArray(obj)) ||
+        isRaw(obj) ||
+        !Object.isExtensible(obj)) {
+        return obj;
+    }
+    var observed = observe(isArray(obj) ? [] : {});
+    setupAccessControl(observed);
+    var ob = observed.__ob__;
+    var _loop_1 = function (key) {
+        var val = obj[key];
+        var getter;
+        var setter;
+        var property = Object.getOwnPropertyDescriptor(obj, key);
+        if (property) {
+            if (property.configurable === false) {
+                return "continue";
+            }
+            getter = property.get;
+            setter = property.set;
+        }
+        proxy(observed, key, {
+            get: function getterHandler() {
+                var _a;
+                var value = getter ? getter.call(obj) : val;
+                (_a = ob.dep) === null || _a === void 0 ? void 0 : _a.depend();
+                return value;
+            },
+            set: function setterHandler(newVal) {
+                var _a;
+                if (getter && !setter)
+                    return;
+                if (setter) {
+                    setter.call(obj, newVal);
+                }
+                else {
+                    val = newVal;
+                }
+                (_a = ob.dep) === null || _a === void 0 ? void 0 : _a.notify();
+            },
+        });
+    };
+    try {
+        for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            _loop_1(key);
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    return observed;
+}
+/**
+ * Make obj reactivity
+ */
+function reactive(obj) {
+    if (!isObject(obj)) {
+        if ((true)) {
+            warn$1('"reactive()" must be called on an object.');
+        }
+        return obj;
+    }
+    if (!(isPlainObject(obj) || isArray(obj)) ||
+        isRaw(obj) ||
+        !Object.isExtensible(obj)) {
+        return obj;
+    }
+    var observed = observe(obj);
+    setupAccessControl(observed);
+    return observed;
+}
+/**
+ * Make sure obj can't be a reactive
+ */
+function markRaw(obj) {
+    if (!(isPlainObject(obj) || isArray(obj)) || !Object.isExtensible(obj)) {
+        return obj;
+    }
+    // set the vue observable flag at obj
+    var ob = createObserver();
+    ob.__raw__ = true;
+    def(obj, '__ob__', ob);
+    // mark as Raw
+    rawSet.set(obj, true);
+    return obj;
+}
+function toRaw(observed) {
+    var _a, _b;
+    if (isRaw(observed) || !Object.isExtensible(observed)) {
+        return observed;
+    }
+    return ((_b = (_a = observed) === null || _a === void 0 ? void 0 : _a.__ob__) === null || _b === void 0 ? void 0 : _b.value) || observed;
+}
+
+function isReadonly(obj) {
+    return readonlySet.has(obj);
+}
+/**
+ * **In @vue/composition-api, `reactive` only provides type-level readonly check**
+ *
+ * Creates a readonly copy of the original object. Note the returned copy is not
+ * made reactive, but `readonly` can be called on an already reactive object.
+ */
+function readonly(target) {
+    if (( true) && !isObject(target)) {
+        warn$1("value cannot be made reactive: " + String(target));
+    }
+    else {
+        readonlySet.set(target, true);
+    }
+    return target;
+}
+function shallowReadonly(obj) {
+    var e_1, _a;
+    if (!isObject(obj)) {
+        if ((true)) {
+            warn$1("value cannot be made reactive: " + String(obj));
+        }
+        return obj;
+    }
+    if (!(isPlainObject(obj) || isArray(obj)) ||
+        (!Object.isExtensible(obj) && !isRef(obj))) {
+        return obj;
+    }
+    var readonlyObj = isRef(obj)
+        ? new RefImpl({})
+        : isReactive(obj)
+            ? observe({})
+            : {};
+    var source = reactive({});
+    var ob = source.__ob__;
+    var _loop_1 = function (key) {
+        var val = obj[key];
+        var getter;
+        var property = Object.getOwnPropertyDescriptor(obj, key);
+        if (property) {
+            if (property.configurable === false && !isRef(obj)) {
+                return "continue";
+            }
+            getter = property.get;
+        }
+        proxy(readonlyObj, key, {
+            get: function getterHandler() {
+                var value = getter ? getter.call(obj) : val;
+                ob.dep.depend();
+                return value;
+            },
+            set: function (v) {
+                if ((true)) {
+                    warn$1("Set operation on key \"" + key + "\" failed: target is readonly.");
+                }
+            },
+        });
+    };
+    try {
+        for (var _b = __values(Object.keys(obj)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            _loop_1(key);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    readonlySet.set(readonlyObj, true);
+    return readonlyObj;
+}
+
+/**
+ * Set a property on an object. Adds the new property, triggers change
+ * notification and intercept it's subsequent access if the property doesn't
+ * already exist.
+ */
+function set$1(target, key, val) {
+    var _a;
+    var Vue = getVueConstructor();
+    // @ts-expect-error https://github.com/vuejs/vue/pull/12132
+    var _b = Vue.util, warn = _b.warn, defineReactive = _b.defineReactive;
+    if (( true) && (isUndef(target) || isPrimitive(target))) {
+        warn("Cannot set reactive property on undefined, null, or primitive value: " + target);
+    }
+    if (isArray(target)) {
+        if (isValidArrayIndex(key)) {
+            target.length = Math.max(target.length, key);
+            target.splice(key, 1, val);
+            return val;
+        }
+        else if (key === 'length' && val !== target.length) {
+            target.length = val;
+            (_a = target.__ob__) === null || _a === void 0 ? void 0 : _a.dep.notify();
+            return val;
+        }
+    }
+    if (key in target && !(key in Object.prototype)) {
+        target[key] = val;
+        return val;
+    }
+    var ob = target.__ob__;
+    if (target._isVue || (ob && ob.vmCount)) {
+        ( true) &&
+            warn('Avoid adding reactive properties to a Vue instance or its root $data ' +
+                'at runtime - declare it upfront in the data option.');
+        return val;
+    }
+    if (!ob) {
+        target[key] = val;
+        return val;
+    }
+    defineReactive(ob.value, key, val);
+    // IMPORTANT: define access control before trigger watcher
+    defineAccessControl(target, key, val);
+    // in SSR, there is no __ob__. Mock for reactivity check
+    if (isObject(target[key]) && !hasOwn(target[key], '__ob__')) {
+        mockReactivityDeep(target[key]);
+    }
+    ob.dep.notify();
+    return val;
+}
+
+/**
+ * Delete a property and trigger change if necessary.
+ */
+function del(target, key) {
+    var Vue = getVueConstructor();
+    var warn = Vue.util.warn;
+    if (( true) && (isUndef(target) || isPrimitive(target))) {
+        warn("Cannot delete reactive property on undefined, null, or primitive value: " + target);
+    }
+    if (isArray(target) && isValidArrayIndex(key)) {
+        target.splice(key, 1);
+        return;
+    }
+    var ob = target.__ob__;
+    if (target._isVue || (ob && ob.vmCount)) {
+        ( true) &&
+            warn('Avoid deleting properties on a Vue instance or its root $data ' +
+                '- just set it to null.');
+        return;
+    }
+    if (!hasOwn(target, key)) {
+        return;
+    }
+    delete target[key];
+    if (!ob) {
+        return;
+    }
+    ob.dep.notify();
+}
+
+var genName = function (name) { return "on" + (name[0].toUpperCase() + name.slice(1)); };
+function createLifeCycle(lifeCyclehook) {
+    return function (callback, target) {
+        var instance = getCurrentInstanceForFn(genName(lifeCyclehook), target);
+        return (instance &&
+            injectHookOption(getVueConstructor(), instance, lifeCyclehook, callback));
+    };
+}
+function injectHookOption(Vue, instance, hook, val) {
+    var options = instance.proxy.$options;
+    var mergeFn = Vue.config.optionMergeStrategies[hook];
+    var wrappedHook = wrapHookCall(instance, val);
+    options[hook] = mergeFn(options[hook], wrappedHook);
+    return wrappedHook;
+}
+function wrapHookCall(instance, fn) {
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var prev = getCurrentInstance();
+        setCurrentInstance(instance);
+        try {
+            return fn.apply(void 0, __spreadArray([], __read(args)));
+        }
+        finally {
+            setCurrentInstance(prev);
+        }
+    };
+}
+var onBeforeMount = createLifeCycle('beforeMount');
+var onMounted = createLifeCycle('mounted');
+var onBeforeUpdate = createLifeCycle('beforeUpdate');
+var onUpdated = createLifeCycle('updated');
+var onBeforeUnmount = createLifeCycle('beforeDestroy');
+var onUnmounted = createLifeCycle('destroyed');
+var onErrorCaptured = createLifeCycle('errorCaptured');
+var onActivated = createLifeCycle('activated');
+var onDeactivated = createLifeCycle('deactivated');
+var onServerPrefetch = createLifeCycle('serverPrefetch');
+
+var fallbackVM;
+function flushPreQueue() {
+    flushQueue(this, WatcherPreFlushQueueKey);
+}
+function flushPostQueue() {
+    flushQueue(this, WatcherPostFlushQueueKey);
+}
+function hasWatchEnv(vm) {
+    return vm[WatcherPreFlushQueueKey] !== undefined;
+}
+function installWatchEnv(vm) {
+    vm[WatcherPreFlushQueueKey] = [];
+    vm[WatcherPostFlushQueueKey] = [];
+    vm.$on('hook:beforeUpdate', flushPreQueue);
+    vm.$on('hook:updated', flushPostQueue);
+}
+function getWatcherOption(options) {
+    return __assign({
+        immediate: false,
+        deep: false,
+        flush: 'pre',
+    }, options);
+}
+function getWatchEffectOption(options) {
+    return __assign({
+        flush: 'pre',
+    }, options);
+}
+function getWatcherVM() {
+    var vm = getCurrentScopeVM();
+    if (!vm) {
+        if (!fallbackVM) {
+            fallbackVM = defineComponentInstance(getVueConstructor());
+        }
+        vm = fallbackVM;
+    }
+    else if (!hasWatchEnv(vm)) {
+        installWatchEnv(vm);
+    }
+    return vm;
+}
+function flushQueue(vm, key) {
+    var queue = vm[key];
+    for (var index = 0; index < queue.length; index++) {
+        queue[index]();
+    }
+    queue.length = 0;
+}
+function queueFlushJob(vm, fn, mode) {
+    // flush all when beforeUpdate and updated are not fired
+    var fallbackFlush = function () {
+        vm.$nextTick(function () {
+            if (vm[WatcherPreFlushQueueKey].length) {
+                flushQueue(vm, WatcherPreFlushQueueKey);
+            }
+            if (vm[WatcherPostFlushQueueKey].length) {
+                flushQueue(vm, WatcherPostFlushQueueKey);
+            }
+        });
+    };
+    switch (mode) {
+        case 'pre':
+            fallbackFlush();
+            vm[WatcherPreFlushQueueKey].push(fn);
+            break;
+        case 'post':
+            fallbackFlush();
+            vm[WatcherPostFlushQueueKey].push(fn);
+            break;
+        default:
+            assert(false, "flush must be one of [\"post\", \"pre\", \"sync\"], but got " + mode);
+            break;
+    }
+}
+function createVueWatcher(vm, getter, callback, options) {
+    var index = vm._watchers.length;
+    // @ts-ignore: use undocumented options
+    vm.$watch(getter, callback, {
+        immediate: options.immediateInvokeCallback,
+        deep: options.deep,
+        lazy: options.noRun,
+        sync: options.sync,
+        before: options.before,
+    });
+    return vm._watchers[index];
+}
+// We have to monkeypatch the teardown function so Vue will run
+// runCleanup() when it tears down the watcher on unmounted.
+function patchWatcherTeardown(watcher, runCleanup) {
+    var _teardown = watcher.teardown;
+    watcher.teardown = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        _teardown.apply(watcher, args);
+        runCleanup();
+    };
+}
+function createWatcher(vm, source, cb, options) {
+    var _a;
+    if (( true) && !cb) {
+        if (options.immediate !== undefined) {
+            warn$1("watch() \"immediate\" option is only respected when using the " +
+                "watch(source, callback, options?) signature.");
+        }
+        if (options.deep !== undefined) {
+            warn$1("watch() \"deep\" option is only respected when using the " +
+                "watch(source, callback, options?) signature.");
+        }
+    }
+    var flushMode = options.flush;
+    var isSync = flushMode === 'sync';
+    var cleanup;
+    var registerCleanup = function (fn) {
+        cleanup = function () {
+            try {
+                fn();
+            }
+            catch (error) {
+                logError(error, vm, 'onCleanup()');
+            }
+        };
+    };
+    // cleanup before running getter again
+    var runCleanup = function () {
+        if (cleanup) {
+            cleanup();
+            cleanup = null;
+        }
+    };
+    var createScheduler = function (fn) {
+        if (isSync ||
+            /* without a current active instance, ignore pre|post mode */ vm ===
+                fallbackVM) {
+            return fn;
+        }
+        return (function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return queueFlushJob(vm, function () {
+                fn.apply(void 0, __spreadArray([], __read(args)));
+            }, flushMode);
+        });
+    };
+    // effect watch
+    if (cb === null) {
+        var running_1 = false;
+        var getter_1 = function () {
+            // preventing the watch callback being call in the same execution
+            if (running_1) {
+                return;
+            }
+            try {
+                running_1 = true;
+                source(registerCleanup);
+            }
+            finally {
+                running_1 = false;
+            }
+        };
+        var watcher_1 = createVueWatcher(vm, getter_1, noopFn, {
+            deep: options.deep || false,
+            sync: isSync,
+            before: runCleanup,
+        });
+        patchWatcherTeardown(watcher_1, runCleanup);
+        // enable the watcher update
+        watcher_1.lazy = false;
+        var originGet = watcher_1.get.bind(watcher_1);
+        // always run watchEffect
+        watcher_1.get = createScheduler(originGet);
+        return function () {
+            watcher_1.teardown();
+        };
+    }
+    var deep = options.deep;
+    var isMultiSource = false;
+    var getter;
+    if (isRef(source)) {
+        getter = function () { return source.value; };
+    }
+    else if (isReactive(source)) {
+        getter = function () { return source; };
+        deep = true;
+    }
+    else if (isArray(source)) {
+        isMultiSource = true;
+        getter = function () {
+            return source.map(function (s) {
+                if (isRef(s)) {
+                    return s.value;
+                }
+                else if (isReactive(s)) {
+                    return traverse(s);
+                }
+                else if (isFunction(s)) {
+                    return s();
+                }
+                else {
+                    ( true) &&
+                        warn$1("Invalid watch source: " + JSON.stringify(s) + ".\n          A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.", vm);
+                    return noopFn;
+                }
+            });
+        };
+    }
+    else if (isFunction(source)) {
+        getter = source;
+    }
+    else {
+        getter = noopFn;
+        ( true) &&
+            warn$1("Invalid watch source: " + JSON.stringify(source) + ".\n      A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.", vm);
+    }
+    if (deep) {
+        var baseGetter_1 = getter;
+        getter = function () { return traverse(baseGetter_1()); };
+    }
+    var applyCb = function (n, o) {
+        if (!deep &&
+            isMultiSource &&
+            n.every(function (v, i) { return Object.is(v, o[i]); }))
+            return;
+        // cleanup before running cb again
+        runCleanup();
+        return cb(n, o, registerCleanup);
+    };
+    var callback = createScheduler(applyCb);
+    if (options.immediate) {
+        var originalCallback_1 = callback;
+        // `shiftCallback` is used to handle the first sync effect run.
+        // The subsequent callbacks will redirect to `callback`.
+        var shiftCallback_1 = function (n, o) {
+            shiftCallback_1 = originalCallback_1;
+            // o is undefined on the first call
+            return applyCb(n, isArray(n) ? [] : o);
+        };
+        callback = function (n, o) {
+            return shiftCallback_1(n, o);
+        };
+    }
+    // @ts-ignore: use undocumented option "sync"
+    var stop = vm.$watch(getter, callback, {
+        immediate: options.immediate,
+        deep: deep,
+        sync: isSync,
+    });
+    // Once again, we have to hack the watcher for proper teardown
+    var watcher = vm._watchers[vm._watchers.length - 1];
+    // if the return value is reactive and deep:true
+    // watch for changes, this might happen when new key is added
+    if (isReactive(watcher.value) && ((_a = watcher.value.__ob__) === null || _a === void 0 ? void 0 : _a.dep) && deep) {
+        watcher.value.__ob__.dep.addSub({
+            update: function () {
+                // this will force the source to be revaluated and the callback
+                // executed if needed
+                watcher.run();
+            },
+        });
+    }
+    patchWatcherTeardown(watcher, runCleanup);
+    return function () {
+        stop();
+    };
+}
+function watchEffect(effect, options) {
+    var opts = getWatchEffectOption(options);
+    var vm = getWatcherVM();
+    return createWatcher(vm, effect, null, opts);
+}
+function watchPostEffect(effect) {
+    return watchEffect(effect, { flush: 'post' });
+}
+function watchSyncEffect(effect) {
+    return watchEffect(effect, { flush: 'sync' });
+}
+// implementation
+function watch(source, cb, options) {
+    var callback = null;
+    if (isFunction(cb)) {
+        // source watch
+        callback = cb;
+    }
+    else {
+        // effect watch
+        if ((true)) {
+            warn$1("`watch(fn, options?)` signature has been moved to a separate API. " +
+                "Use `watchEffect(fn, options?)` instead. `watch` now only " +
+                "supports `watch(source, cb, options?) signature.");
+        }
+        options = cb;
+        callback = null;
+    }
+    var opts = getWatcherOption(options);
+    var vm = getWatcherVM();
+    return createWatcher(vm, source, callback, opts);
+}
+function traverse(value, seen) {
+    if (seen === void 0) { seen = new Set(); }
+    if (!isObject(value) || seen.has(value)) {
+        return value;
+    }
+    seen.add(value);
+    if (isRef(value)) {
+        traverse(value.value, seen);
+    }
+    else if (isArray(value)) {
+        for (var i = 0; i < value.length; i++) {
+            traverse(value[i], seen);
+        }
+    }
+    else if (isSet(value) || isMap(value)) {
+        value.forEach(function (v) {
+            traverse(v, seen);
+        });
+    }
+    else if (isPlainObject(value)) {
+        for (var key in value) {
+            traverse(value[key], seen);
+        }
+    }
+    return value;
+}
+
+// implement
+function computed(getterOrOptions) {
+    var vm = getCurrentScopeVM();
+    var getter;
+    var setter;
+    if (isFunction(getterOrOptions)) {
+        getter = getterOrOptions;
+    }
+    else {
+        getter = getterOrOptions.get;
+        setter = getterOrOptions.set;
+    }
+    var computedSetter;
+    var computedGetter;
+    if (vm && !vm.$isServer) {
+        var _a = getVueInternalClasses(), Watcher_1 = _a.Watcher, Dep_1 = _a.Dep;
+        var watcher_1;
+        computedGetter = function () {
+            if (!watcher_1) {
+                watcher_1 = new Watcher_1(vm, getter, noopFn, { lazy: true });
+            }
+            if (watcher_1.dirty) {
+                watcher_1.evaluate();
+            }
+            if (Dep_1.target) {
+                watcher_1.depend();
+            }
+            return watcher_1.value;
+        };
+        computedSetter = function (v) {
+            if (( true) && !setter) {
+                warn$1('Write operation failed: computed value is readonly.', vm);
+                return;
+            }
+            if (setter) {
+                setter(v);
+            }
+        };
+    }
+    else {
+        // fallback
+        var computedHost_1 = defineComponentInstance(getVueConstructor(), {
+            computed: {
+                $$state: {
+                    get: getter,
+                    set: setter,
+                },
+            },
+        });
+        vm && vm.$on('hook:destroyed', function () { return computedHost_1.$destroy(); });
+        computedGetter = function () { return computedHost_1.$$state; };
+        computedSetter = function (v) {
+            if (( true) && !setter) {
+                warn$1('Write operation failed: computed value is readonly.', vm);
+                return;
+            }
+            computedHost_1.$$state = v;
+        };
+    }
+    return createRef({
+        get: computedGetter,
+        set: computedSetter,
+    }, !setter);
+}
+
+var NOT_FOUND = {};
+function resolveInject(provideKey, vm) {
+    var source = vm;
+    while (source) {
+        // @ts-ignore
+        if (source._provided && hasOwn(source._provided, provideKey)) {
+            //@ts-ignore
+            return source._provided[provideKey];
+        }
+        source = source.$parent;
+    }
+    return NOT_FOUND;
+}
+function provide(key, value) {
+    var _a;
+    var vm = (_a = getCurrentInstanceForFn('provide')) === null || _a === void 0 ? void 0 : _a.proxy;
+    if (!vm)
+        return;
+    if (!vm._provided) {
+        var provideCache_1 = {};
+        proxy(vm, '_provided', {
+            get: function () { return provideCache_1; },
+            set: function (v) { return Object.assign(provideCache_1, v); },
+        });
+    }
+    vm._provided[key] = value;
+}
+function inject(key, defaultValue, treatDefaultAsFactory) {
+    var _a;
+    if (treatDefaultAsFactory === void 0) { treatDefaultAsFactory = false; }
+    var vm = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
+    if (!vm) {
+        ( true) &&
+            warn$1("inject() can only be used inside setup() or functional components.");
+        return;
+    }
+    if (!key) {
+        ( true) && warn$1("injection \"" + String(key) + "\" not found.", vm);
+        return defaultValue;
+    }
+    var val = resolveInject(key, vm);
+    if (val !== NOT_FOUND) {
+        return val;
+    }
+    if (defaultValue === undefined && ("development" !== 'production')) {
+        warn$1("Injection \"" + String(key) + "\" not found", vm);
+    }
+    return treatDefaultAsFactory && isFunction(defaultValue)
+        ? defaultValue()
+        : defaultValue;
+}
+
+var EMPTY_OBJ = ( true)
+    ? Object.freeze({})
+    : undefined;
+var useCssModule = function (name) {
+    var _a;
+    if (name === void 0) { name = '$style'; }
+    var instance = getCurrentInstance();
+    if (!instance) {
+        ( true) && warn$1("useCssModule must be called inside setup()");
+        return EMPTY_OBJ;
+    }
+    var mod = (_a = instance.proxy) === null || _a === void 0 ? void 0 : _a[name];
+    if (!mod) {
+        ( true) &&
+            warn$1("Current instance does not have CSS module named \"" + name + "\".");
+        return EMPTY_OBJ;
+    }
+    return mod;
+};
+/**
+ * @deprecated use `useCssModule` instead.
+ */
+var useCSSModule = useCssModule;
+
+function createApp(rootComponent, rootProps) {
+    if (rootProps === void 0) { rootProps = undefined; }
+    var V = getVueConstructor();
+    var mountedVM = undefined;
+    return {
+        config: V.config,
+        use: V.use.bind(V),
+        mixin: V.mixin.bind(V),
+        component: V.component.bind(V),
+        directive: V.directive.bind(V),
+        mount: function (el, hydrating) {
+            if (!mountedVM) {
+                mountedVM = new V(__assign({ propsData: rootProps }, rootComponent));
+                mountedVM.$mount(el, hydrating);
+                return mountedVM;
+            }
+            else {
+                if ((true)) {
+                    warn$1("App has already been mounted.\n" +
+                        "If you want to remount the same app, move your app creation logic " +
+                        "into a factory function and create fresh app instances for each " +
+                        "mount - e.g. `const createMyApp = () => createApp(App)`");
+                }
+                return mountedVM;
+            }
+        },
+        unmount: function () {
+            if (mountedVM) {
+                mountedVM.$destroy();
+                mountedVM = undefined;
+            }
+            else if ((true)) {
+                warn$1("Cannot unmount an app that is not mounted.");
+            }
+        },
+    };
+}
+
+var nextTick = function nextTick() {
+    var _a;
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return (_a = getVueConstructor()) === null || _a === void 0 ? void 0 : _a.nextTick.apply(this, args);
+};
+
+var fallbackCreateElement;
+var createElement = function createElement() {
+    var _a;
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    var instance = (_a = getCurrentInstance()) === null || _a === void 0 ? void 0 : _a.proxy;
+    if (!instance) {
+        ( true) &&
+            warn$1('`createElement()` has been called outside of render function.');
+        if (!fallbackCreateElement) {
+            fallbackCreateElement = defineComponentInstance(getVueConstructor()).$createElement;
+        }
+        return fallbackCreateElement.apply(fallbackCreateElement, args);
+    }
+    return instance.$createElement.apply(instance, args);
+};
+
+function useSlots() {
+    return getContext().slots;
+}
+function useAttrs() {
+    return getContext().attrs;
+}
+function getContext() {
+    var i = getCurrentInstance();
+    if (( true) && !i) {
+        warn$1("useContext() called without active instance.");
+    }
+    return i.setupContext;
+}
+
+function set(vm, key, value) {
+    var state = (vm.__composition_api_state__ =
+        vm.__composition_api_state__ || {});
+    state[key] = value;
+}
+function get(vm, key) {
+    return (vm.__composition_api_state__ || {})[key];
+}
+var vmStateManager = {
+    set: set,
+    get: get,
+};
+
+function asVmProperty(vm, propName, propValue) {
+    var props = vm.$options.props;
+    if (!(propName in vm) && !(props && hasOwn(props, propName))) {
+        if (isRef(propValue)) {
+            proxy(vm, propName, {
+                get: function () { return propValue.value; },
+                set: function (val) {
+                    propValue.value = val;
+                },
+            });
+        }
+        else {
+            proxy(vm, propName, {
+                get: function () {
+                    if (isReactive(propValue)) {
+                        propValue.__ob__.dep.depend();
+                    }
+                    return propValue;
+                },
+                set: function (val) {
+                    propValue = val;
+                },
+            });
+        }
+        if ((true)) {
+            // expose binding to Vue Devtool as a data property
+            // delay this until state has been resolved to prevent repeated works
+            vm.$nextTick(function () {
+                if (Object.keys(vm._data).indexOf(propName) !== -1) {
+                    return;
+                }
+                if (isRef(propValue)) {
+                    proxy(vm._data, propName, {
+                        get: function () { return propValue.value; },
+                        set: function (val) {
+                            propValue.value = val;
+                        },
+                    });
+                }
+                else {
+                    proxy(vm._data, propName, {
+                        get: function () { return propValue; },
+                        set: function (val) {
+                            propValue = val;
+                        },
+                    });
+                }
+            });
+        }
+    }
+    else if ((true)) {
+        if (props && hasOwn(props, propName)) {
+            warn$1("The setup binding property \"" + propName + "\" is already declared as a prop.", vm);
+        }
+        else {
+            warn$1("The setup binding property \"" + propName + "\" is already declared.", vm);
+        }
+    }
+}
+function updateTemplateRef(vm) {
+    var rawBindings = vmStateManager.get(vm, 'rawBindings') || {};
+    if (!rawBindings || !Object.keys(rawBindings).length)
+        return;
+    var refs = vm.$refs;
+    var oldRefKeys = vmStateManager.get(vm, 'refs') || [];
+    for (var index = 0; index < oldRefKeys.length; index++) {
+        var key = oldRefKeys[index];
+        var setupValue = rawBindings[key];
+        if (!refs[key] && setupValue && isRef(setupValue)) {
+            setupValue.value = null;
+        }
+    }
+    var newKeys = Object.keys(refs);
+    var validNewKeys = [];
+    for (var index = 0; index < newKeys.length; index++) {
+        var key = newKeys[index];
+        var setupValue = rawBindings[key];
+        if (refs[key] && setupValue && isRef(setupValue)) {
+            setupValue.value = refs[key];
+            validNewKeys.push(key);
+        }
+    }
+    vmStateManager.set(vm, 'refs', validNewKeys);
+}
+function resolveScopedSlots(vm, slotsProxy) {
+    var parentVNode = vm.$options._parentVnode;
+    if (!parentVNode)
+        return;
+    var prevSlots = vmStateManager.get(vm, 'slots') || [];
+    var curSlots = resolveSlots(parentVNode.data.scopedSlots, vm.$slots);
+    // remove staled slots
+    for (var index = 0; index < prevSlots.length; index++) {
+        var key = prevSlots[index];
+        if (!curSlots[key]) {
+            delete slotsProxy[key];
+        }
+    }
+    // proxy fresh slots
+    var slotNames = Object.keys(curSlots);
+    for (var index = 0; index < slotNames.length; index++) {
+        var key = slotNames[index];
+        if (!slotsProxy[key]) {
+            slotsProxy[key] = createSlotProxy(vm, key);
+        }
+    }
+    vmStateManager.set(vm, 'slots', slotNames);
+}
+function activateCurrentInstance(instance, fn, onError) {
+    var preVm = getCurrentInstance();
+    setCurrentInstance(instance);
+    try {
+        return fn(instance);
+    }
+    catch (err) {
+        if (onError) {
+            onError(err);
+        }
+        else {
+            throw err;
+        }
+    }
+    finally {
+        setCurrentInstance(preVm);
+    }
+}
+
+function mixin(Vue) {
+    Vue.mixin({
+        beforeCreate: functionApiInit,
+        mounted: function () {
+            updateTemplateRef(this);
+        },
+        updated: function () {
+            var _a;
+            updateTemplateRef(this);
+            if ((_a = this.$vnode) === null || _a === void 0 ? void 0 : _a.context) {
+                updateTemplateRef(this.$vnode.context);
+            }
+        },
+    });
+    /**
+     * Vuex init hook, injected into each instances init hooks list.
+     */
+    function functionApiInit() {
+        var vm = this;
+        var $options = vm.$options;
+        var setup = $options.setup, render = $options.render;
+        if (render) {
+            // keep currentInstance accessible for createElement
+            $options.render = function () {
+                var _this = this;
+                var args = [];
+                for (var _i = 0; _i < arguments.length; _i++) {
+                    args[_i] = arguments[_i];
+                }
+                return activateCurrentInstance(toVue3ComponentInstance(vm), function () {
+                    return render.apply(_this, args);
+                });
+            };
+        }
+        if (!setup) {
+            return;
+        }
+        if (!isFunction(setup)) {
+            if ((true)) {
+                warn$1('The "setup" option should be a function that returns a object in component definitions.', vm);
+            }
+            return;
+        }
+        var data = $options.data;
+        // wrapper the data option, so we can invoke setup before data get resolved
+        $options.data = function wrappedData() {
+            initSetup(vm, vm.$props);
+            return isFunction(data)
+                ? data.call(vm, vm)
+                : data || {};
+        };
+    }
+    function initSetup(vm, props) {
+        if (props === void 0) { props = {}; }
+        var setup = vm.$options.setup;
+        var ctx = createSetupContext(vm);
+        var instance = toVue3ComponentInstance(vm);
+        instance.setupContext = ctx;
+        // fake reactive for `toRefs(props)`
+        def(props, '__ob__', createObserver());
+        // resolve scopedSlots and slots to functions
+        resolveScopedSlots(vm, ctx.slots);
+        var binding;
+        activateCurrentInstance(instance, function () {
+            // make props to be fake reactive, this is for `toRefs(props)`
+            binding = setup(props, ctx);
+        });
+        if (!binding)
+            return;
+        if (isFunction(binding)) {
+            // keep typescript happy with the binding type.
+            var bindingFunc_1 = binding;
+            // keep currentInstance accessible for createElement
+            vm.$options.render = function () {
+                resolveScopedSlots(vm, ctx.slots);
+                return activateCurrentInstance(instance, function () { return bindingFunc_1(); });
+            };
+            return;
+        }
+        else if (isPlainObject(binding)) {
+            if (isReactive(binding)) {
+                binding = toRefs(binding);
+            }
+            vmStateManager.set(vm, 'rawBindings', binding);
+            var bindingObj_1 = binding;
+            Object.keys(bindingObj_1).forEach(function (name) {
+                var bindingValue = bindingObj_1[name];
+                if (!isRef(bindingValue)) {
+                    if (!isReactive(bindingValue)) {
+                        if (isFunction(bindingValue)) {
+                            var copy_1 = bindingValue;
+                            bindingValue = bindingValue.bind(vm);
+                            Object.keys(copy_1).forEach(function (ele) {
+                                bindingValue[ele] = copy_1[ele];
+                            });
+                        }
+                        else if (!isObject(bindingValue)) {
+                            bindingValue = ref(bindingValue);
+                        }
+                        else if (hasReactiveArrayChild(bindingValue)) {
+                            // creates a custom reactive properties without make the object explicitly reactive
+                            // NOTE we should try to avoid this, better implementation needed
+                            customReactive(bindingValue);
+                        }
+                    }
+                    else if (isArray(bindingValue)) {
+                        bindingValue = ref(bindingValue);
+                    }
+                }
+                asVmProperty(vm, name, bindingValue);
+            });
+            return;
+        }
+        if ((true)) {
+            assert(false, "\"setup\" must return a \"Object\" or a \"Function\", got \"" + Object.prototype.toString
+                .call(binding)
+                .slice(8, -1) + "\"");
+        }
+    }
+    function customReactive(target, seen) {
+        if (seen === void 0) { seen = new Set(); }
+        if (seen.has(target))
+            return;
+        if (!isPlainObject(target) ||
+            isRef(target) ||
+            isReactive(target) ||
+            isRaw(target))
+            return;
+        var Vue = getVueConstructor();
+        // @ts-expect-error https://github.com/vuejs/vue/pull/12132
+        var defineReactive = Vue.util.defineReactive;
+        Object.keys(target).forEach(function (k) {
+            var val = target[k];
+            defineReactive(target, k, val);
+            if (val) {
+                seen.add(val);
+                customReactive(val, seen);
+            }
+            return;
+        });
+    }
+    function hasReactiveArrayChild(target, visited) {
+        if (visited === void 0) { visited = new Map(); }
+        if (visited.has(target)) {
+            return visited.get(target);
+        }
+        visited.set(target, false);
+        if (isArray(target) && isReactive(target)) {
+            visited.set(target, true);
+            return true;
+        }
+        if (!isPlainObject(target) || isRaw(target) || isRef(target)) {
+            return false;
+        }
+        return Object.keys(target).some(function (x) {
+            return hasReactiveArrayChild(target[x], visited);
+        });
+    }
+    function createSetupContext(vm) {
+        var ctx = { slots: {} };
+        var propsPlain = [
+            'root',
+            'parent',
+            'refs',
+            'listeners',
+            'isServer',
+            'ssrContext',
+        ];
+        var propsReactiveProxy = ['attrs'];
+        var methodReturnVoid = ['emit'];
+        propsPlain.forEach(function (key) {
+            var srcKey = "$" + key;
+            proxy(ctx, key, {
+                get: function () { return vm[srcKey]; },
+                set: function () {
+                    ( true) &&
+                        warn$1("Cannot assign to '" + key + "' because it is a read-only property", vm);
+                },
+            });
+        });
+        var propsProxy;
+        propsReactiveProxy.forEach(function (key) {
+            var srcKey = "$" + key;
+            proxy(ctx, key, {
+                get: function () {
+                    var e_1, _a;
+                    if (propsProxy)
+                        return propsProxy;
+                    propsProxy = reactive({});
+                    var source = vm[srcKey];
+                    var _loop_1 = function (attr) {
+                        proxy(propsProxy, attr, {
+                            get: function () {
+                                // to ensure it always return the latest value
+                                return vm[srcKey][attr];
+                            },
+                        });
+                    };
+                    try {
+                        for (var _b = __values(Object.keys(source)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                            var attr = _c.value;
+                            _loop_1(attr);
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return propsProxy;
+                },
+                set: function () {
+                    ( true) &&
+                        warn$1("Cannot assign to '" + key + "' because it is a read-only property", vm);
+                },
+            });
+        });
+        methodReturnVoid.forEach(function (key) {
+            var srcKey = "$" + key;
+            proxy(ctx, key, {
+                get: function () {
+                    return function () {
+                        var args = [];
+                        for (var _i = 0; _i < arguments.length; _i++) {
+                            args[_i] = arguments[_i];
+                        }
+                        var fn = vm[srcKey];
+                        fn.apply(vm, args);
+                    };
+                },
+            });
+        });
+        if (false) {}
+        return ctx;
+    }
+}
+
+/**
+ * Helper that recursively merges two data objects together.
+ */
+function mergeData(from, to) {
+    if (!from)
+        return to;
+    if (!to)
+        return from;
+    var key;
+    var toVal;
+    var fromVal;
+    var keys = hasSymbol ? Reflect.ownKeys(from) : Object.keys(from);
+    for (var i = 0; i < keys.length; i++) {
+        key = keys[i];
+        // in case the object is already observed...
+        if (key === '__ob__')
+            continue;
+        toVal = to[key];
+        fromVal = from[key];
+        if (!hasOwn(to, key)) {
+            to[key] = fromVal;
+        }
+        else if (toVal !== fromVal &&
+            isPlainObject(toVal) &&
+            !isRef(toVal) &&
+            isPlainObject(fromVal) &&
+            !isRef(fromVal)) {
+            mergeData(fromVal, toVal);
+        }
+    }
+    return to;
+}
+function install(Vue) {
+    if (isVueRegistered(Vue)) {
+        if ((true)) {
+            warn$1('[vue-composition-api] already installed. Vue.use(VueCompositionAPI) should be called only once.');
+        }
+        return;
+    }
+    if ((true)) {
+        if (Vue.version) {
+            if (Vue.version[0] !== '2' || Vue.version[1] !== '.') {
+                warn$1("[vue-composition-api] only works with Vue 2, v" + Vue.version + " found.");
+            }
+        }
+        else {
+            warn$1('[vue-composition-api] no Vue version found');
+        }
+    }
+    Vue.config.optionMergeStrategies.setup = function (parent, child) {
+        return function mergedSetupFn(props, context) {
+            return mergeData(isFunction(parent) ? parent(props, context) || {} : undefined, isFunction(child) ? child(props, context) || {} : undefined);
+        };
+    };
+    setVueConstructor(Vue);
+    mixin(Vue);
+}
+var Plugin = {
+    install: function (Vue) { return install(Vue); },
+};
+
+// implementation, close to no-op
+function defineComponent(options) {
+    return options;
+}
+
+function defineAsyncComponent(source) {
+    if (isFunction(source)) {
+        source = { loader: source };
+    }
+    var loader = source.loader, loadingComponent = source.loadingComponent, errorComponent = source.errorComponent, _a = source.delay, delay = _a === void 0 ? 200 : _a, timeout = source.timeout, // undefined = never times out
+    _b = source.suspensible, // undefined = never times out
+    suspensible = _b === void 0 ? false : _b, // in Vue 3 default is true
+    userOnError = source.onError;
+    if (( true) && suspensible) {
+        warn$1("The suspensiblbe option for async components is not supported in Vue2. It is ignored.");
+    }
+    var pendingRequest = null;
+    var retries = 0;
+    var retry = function () {
+        retries++;
+        pendingRequest = null;
+        return load();
+    };
+    var load = function () {
+        var thisRequest;
+        return (pendingRequest ||
+            (thisRequest = pendingRequest = loader()
+                .catch(function (err) {
+                err = err instanceof Error ? err : new Error(String(err));
+                if (userOnError) {
+                    return new Promise(function (resolve, reject) {
+                        var userRetry = function () { return resolve(retry()); };
+                        var userFail = function () { return reject(err); };
+                        userOnError(err, userRetry, userFail, retries + 1);
+                    });
+                }
+                else {
+                    throw err;
+                }
+            })
+                .then(function (comp) {
+                if (thisRequest !== pendingRequest && pendingRequest) {
+                    return pendingRequest;
+                }
+                if (( true) && !comp) {
+                    warn$1("Async component loader resolved to undefined. " +
+                        "If you are using retry(), make sure to return its return value.");
+                }
+                // interop module default
+                if (comp &&
+                    (comp.__esModule || comp[Symbol.toStringTag] === 'Module')) {
+                    comp = comp.default;
+                }
+                if (( true) && comp && !isObject(comp) && !isFunction(comp)) {
+                    throw new Error("Invalid async component load result: " + comp);
+                }
+                return comp;
+            })));
+    };
+    return function () {
+        var component = load();
+        return {
+            component: component,
+            delay: delay,
+            timeout: timeout,
+            error: errorComponent,
+            loading: loadingComponent,
+        };
+    };
+}
+
+var version = "1.2.1";
+// auto install when using CDN
+if (typeof window !== 'undefined' && window.Vue) {
+    window.Vue.use(Plugin);
+}
+
+/* harmony default export */ __webpack_exports__["default"] = (Plugin);
+
+
+
+/***/ }),
+
+/***/ "./node_modules/@vueform/multiselect/dist/multiselect.vue2.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@vueform/multiselect/dist/multiselect.vue2.js ***!
+  \********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _vue_composition_api__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vue/composition-api */ "./node_modules/@vue/composition-api/dist/vue-composition-api.mjs");
+function l(e){return-1!==[null,void 0,!1].indexOf(e)}function r(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return t?String(e).toLowerCase().trim():String(e).normalize("NFD").replace(/(?:[\^`\xA8\xAF\xB4\xB7\xB8\u02B0-\u034E\u0350-\u0357\u035D-\u0362\u0374\u0375\u037A\u0384\u0385\u0483-\u0487\u0559\u0591-\u05A1\u05A3-\u05BD\u05BF\u05C1\u05C2\u05C4\u064B-\u0652\u0657\u0658\u06DF\u06E0\u06E5\u06E6\u06EA-\u06EC\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F5\u0818\u0819\u08E3-\u08FE\u093C\u094D\u0951-\u0954\u0971\u09BC\u09CD\u0A3C\u0A4D\u0ABC\u0ACD\u0AFD-\u0AFF\u0B3C\u0B4D\u0B55\u0BCD\u0C4D\u0CBC\u0CCD\u0D3B\u0D3C\u0D4D\u0DCA\u0E47-\u0E4C\u0E4E\u0EBA\u0EC8-\u0ECC\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F82-\u0F84\u0F86\u0F87\u0FC6\u1037\u1039\u103A\u1063\u1064\u1069-\u106D\u1087-\u108D\u108F\u109A\u109B\u135D-\u135F\u17C9-\u17D3\u17DD\u1939-\u193B\u1A75-\u1A7C\u1A7F\u1AB0-\u1ABD\u1B34\u1B44\u1B6B-\u1B73\u1BAA\u1BAB\u1C36\u1C37\u1C78-\u1C7D\u1CD0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1D2C-\u1D6A\u1DC4-\u1DCF\u1DF5-\u1DF9\u1DFD-\u1DFF\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2CEF-\u2CF1\u2E2F\u302A-\u302F\u3099-\u309C\u30FC\uA66F\uA67C\uA67D\uA67F\uA69C\uA69D\uA6F0\uA6F1\uA700-\uA721\uA788-\uA78A\uA7F8\uA7F9\uA8C4\uA8E0-\uA8F1\uA92B-\uA92E\uA953\uA9B3\uA9C0\uA9E5\uAA7B-\uAA7D\uAABF-\uAAC2\uAAF6\uAB5B-\uAB5F\uAB69-\uAB6B\uABEC\uABED\uFB1E\uFE20-\uFE2F\uFF3E\uFF40\uFF70\uFF9E\uFF9F\uFFE3]|\uD800\uDEE0|\uD802[\uDEE5\uDEE6]|\uD803[\uDD22-\uDD27\uDF46-\uDF50]|\uD804[\uDCB9\uDCBA\uDD33\uDD34\uDD73\uDDC0\uDDCA-\uDDCC\uDE35\uDE36\uDEE9\uDEEA\uDF3C\uDF4D\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC42\uDC46\uDCC2\uDCC3\uDDBF\uDDC0\uDE3F\uDEB6\uDEB7\uDF2B]|\uD806[\uDC39\uDC3A\uDD3D\uDD3E\uDD43\uDDE0\uDE34\uDE47\uDE99]|\uD807[\uDC3F\uDD42\uDD44\uDD45\uDD97]|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDF8F-\uDF9F\uDFF0\uDFF1]|\uD834[\uDD67-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD]|\uD838[\uDD30-\uDD36\uDEEC-\uDEEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD46\uDD48-\uDD4A])/g,"").toLowerCase().trim()}function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){var u=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),u.push.apply(u,n)}return u}function s(e){for(var t=1;t<arguments.length;t++){var u=null!=arguments[t]?arguments[t]:{};t%2?o(Object(u),!0).forEach((function(t){c(e,t,u[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(u)):o(Object(u)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(u,t))}))}return e}function c(e,t,u){return t in e?Object.defineProperty(e,t,{value:u,enumerable:!0,configurable:!0,writable:!0}):e[t]=u,e}function v(a,o,v){var p=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(a),d=p.options,f=p.mode,g=p.trackBy,b=p.limit,m=p.hideSelected,D=p.createTag,h=p.label,y=p.appendNewTag,_=p.multipleLabel,O=p.object,F=p.loading,S=p.delay,C=p.resolveOnLoad,A=p.minChars,E=p.filterResults,B=p.clearOnSearch,P=p.clearOnSelect,L=p.valueProp,w=p.canDeselect,k=p.max,q=p.strict,j=p.closeOnSelect,x=p.groups,T=(p.groupLabel,p.groupOptions),I=p.groupHideEmpty,R=p.groupSelect,V=v.iv,N=v.ev,G=v.search,H=v.clearSearch,$=v.update,M=v.pointer,U=v.clearPointer,W=v.blur,K=v.deactivate,X=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])([]),z=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])([]),J=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(!1),Q=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){if(x.value){var e=z.value||[],t=[];return e.forEach((function(e){Fe(e[T.value]).forEach((function(u){t.push(Object.assign({},u,e.disabled?{disabled:!0}:{}))}))})),t}var u=Fe(z.value||[]);return X.value.length&&(u=u.concat(X.value)),u})),Y=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return x.value?_e((z.value||[]).map((function(e){var t,u=Fe(e[T.value]);return s(s({},e),{},(c(t={group:!0},T.value,Oe(u,!1).map((function(t){return Object.assign({},t,e.disabled?{disabled:!0}:{})}))),c(t,"__VISIBLE__",Oe(u).map((function(t){return Object.assign({},t,e.disabled?{disabled:!0}:{})}))),t))}))):[]})),Z=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e=Q.value;return ae.value.length&&(e=ae.value.concat(e)),e=Oe(e),b.value>0&&(e=e.slice(0,b.value)),e})),ee=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){switch(f.value){case"single":return!l(V.value[L.value]);case"multiple":case"tags":return!l(V.value)&&V.value.length>0}})),te=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return void 0!==_&&void 0!==_.value?_.value(V.value):V.value&&V.value.length>1?"".concat(V.value.length," options selected"):"1 option selected"})),ue=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return!Q.value.length&&!J.value&&!ae.value.length})),ne=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return Q.value.length>0&&0==Z.value.length&&(G.value&&x.value||!x.value)})),ae=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e;return!1!==D.value&&G.value?-1!==De(G.value)?[]:[(e={},c(e,L.value,G.value),c(e,h.value,G.value),c(e,g.value,G.value),e)]:[]})),le=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){switch(f.value){case"single":return null;case"multiple":case"tags":return[]}})),re=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return F.value||J.value})),ie=function(e){switch("object"!==i(e)&&(e=me(e)),f.value){case"single":$(e);break;case"multiple":case"tags":$(V.value.concat(e))}o.emit("select",se(e),e)},oe=function(e){switch("object"!==i(e)&&(e=me(e)),f.value){case"single":ve();break;case"tags":case"multiple":$(Array.isArray(e)?V.value.filter((function(t){return-1===e.map((function(e){return e[L.value]})).indexOf(t[L.value])})):V.value.filter((function(t){return t[L.value]!=e[L.value]})))}o.emit("deselect",se(e),e)},se=function(e){return O.value?e:e[L.value]},ce=function(e){oe(e)},ve=function(){o.emit("clear"),$(le.value)},pe=function(e){if(void 0!==e.group)return"single"!==f.value&&(be(e[T.value])&&e[T.value].length);switch(f.value){case"single":return!l(V.value)&&V.value[L.value]==e[L.value];case"tags":case"multiple":return!l(V.value)&&-1!==V.value.map((function(e){return e[L.value]})).indexOf(e[L.value])}},de=function(e){return!0===e.disabled},fe=function(){return!(void 0===k||-1===k.value||!ee.value&&k.value>0)&&V.value.length>=k.value},ge=function(e){return void 0===e.find((function(e){return!pe(e)&&!e.disabled}))},be=function(e){return void 0===e.find((function(e){return!pe(e)}))},me=function(e){return Q.value[Q.value.map((function(e){return String(e[L.value])})).indexOf(String(e))]},De=function(e){return Q.value.map((function(e){return e[g.value]})).indexOf(e)},he=function(e){return-1!==["tags","multiple"].indexOf(f.value)&&m.value&&pe(e)},ye=function(e){X.value.push(e)},_e=function(e){return I.value?e.filter((function(e){return G.value?e.__VISIBLE__.length:e[T.value].length})):e.filter((function(e){return!G.value||e.__VISIBLE__.length}))},Oe=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],u=e;return G.value&&E.value&&(u=u.filter((function(e){return-1!==r(e[g.value],q.value).indexOf(r(G.value,q.value))}))),m.value&&t&&(u=u.filter((function(e){return!he(e)}))),u},Fe=function(e){var t,u=e;return t=u,"[object Object]"===Object.prototype.toString.call(t)&&(u=Object.keys(u).map((function(e){var t,n=u[e];return c(t={},L.value,e),c(t,g.value,n),c(t,h.value,n),t}))),u=u.map((function(e){var t;return"object"===i(e)?e:(c(t={},L.value,e),c(t,g.value,e),c(t,h.value,e),t)}))},Se=function(){l(N.value)||(V.value=Ae(N.value))},Ce=function(e){J.value=!0,d.value(G.value).then((function(t){z.value=t,"function"==typeof e&&e(t),J.value=!1}))},Ae=function(e){return l(e)?"single"===f.value?{}:[]:O.value?e:"single"===f.value?me(e)||{}:e.filter((function(e){return!!me(e)})).map((function(e){return me(e)}))};if("single"!==f.value&&!l(N.value)&&!Array.isArray(N.value))throw new Error('v-model must be an array when using "'.concat(f.value,'" mode'));return d&&"function"==typeof d.value?C.value?Ce(Se):1==O.value&&Se():(z.value=d.value,Se()),S.value>-1&&Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])(G,(function(e){e.length<A.value||(J.value=!0,B.value&&(z.value=[]),setTimeout((function(){e==G.value&&d.value(G.value).then((function(t){e==G.value&&(z.value=t,M.value=Z.value.filter((function(e){return!0!==e.disabled}))[0]||null,J.value=!1)}))}),S.value))}),{flush:"sync"}),Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])(N,(function(e){var t,u,n;if(l(e))V.value=Ae(e);else switch(f.value){case"single":(O.value?e[L.value]!=V.value[L.value]:e!=V.value[L.value])&&(V.value=Ae(e));break;case"multiple":case"tags":t=O.value?e.map((function(e){return e[L.value]})):e,u=V.value.map((function(e){return e[L.value]})),n=u.slice().sort(),t.length===u.length&&t.slice().sort().every((function(e,t){return e===n[t]}))||(V.value=Ae(e))}}),{deep:!0}),"function"!=typeof a.options&&Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])(d,(function(e,t){z.value=a.options,Object.keys(V.value).length||Se(),function(){if(ee.value)if("single"===f.value){var e=me(V.value[L.value])[h.value];V.value[h.value]=e,O.value&&(N.value[h.value]=e)}else V.value.forEach((function(e,t){var u=me(V.value[t][L.value])[h.value];V.value[t][h.value]=u,O.value&&(N.value[t][h.value]=u)}))}()})),{fo:Z,filteredOptions:Z,hasSelected:ee,multipleLabelText:te,eo:Q,extendedOptions:Q,fg:Y,filteredGroups:Y,noOptions:ue,noResults:ne,resolving:J,busy:re,select:ie,deselect:oe,remove:ce,clear:ve,isSelected:pe,isDisabled:de,isMax:fe,getOption:me,handleOptionClick:function(e){if(!de(e)){switch(f.value){case"single":if(pe(e))return void(w.value&&oe(e));W(),ie(e);break;case"multiple":if(pe(e))return void oe(e);if(fe())return;ie(e),P.value&&H(),m.value&&U(),j.value&&W();break;case"tags":if(pe(e))return void oe(e);if(fe())return;void 0===me(e[L.value])&&D.value&&(o.emit("tag",e[L.value]),y.value&&ye(e),H()),P.value&&H(),ie(e),m.value&&U(),j.value&&W()}j.value&&K()}},handleGroupClick:function(e){if(!de(e)&&"single"!==f.value&&R.value){switch(f.value){case"multiple":case"tags":ge(e[T.value])?oe(e[T.value]):ie(e[T.value].filter((function(e){return-1===V.value.map((function(e){return e[L.value]})).indexOf(e[L.value])})).filter((function(e){return!e.disabled})).filter((function(e,t){return V.value.length+1+t<=k.value||-1===k.value})))}j.value&&K()}},handleTagRemove:function(e,t){0===t.button?ce(e):t.preventDefault()},refreshOptions:function(e){Ce(e)},resolveOptions:Ce}}function p(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var u=Object.prototype.toString.call(e).slice(8,-1);"Object"===u&&e.constructor&&(u=e.constructor.name);if("Map"===u||"Set"===u)return Array.from(e);if("Arguments"===u||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(u))return d(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var u=0,n=new Array(t);u<t;u++)n[u]=e[u];return n}function f(e){return function(e){if(Array.isArray(e))return g(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var u=Object.prototype.toString.call(e).slice(8,-1);"Object"===u&&e.constructor&&(u=e.constructor.name);if("Map"===u||"Set"===u)return Array.from(e);if("Arguments"===u||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(u))return g(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var u=0,n=new Array(t);u<t;u++)n[u]=e[u];return n}function b(e,t){var u=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),u.push.apply(u,n)}return u}function m(e,t,u){return t in e?Object.defineProperty(e,t,{value:u,enumerable:!0,configurable:!0,writable:!0}):e[t]=u,e}function D(t,n,a){var l=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(t),r=l.disabled,i=l.openDirection,o=l.showOptions,s=a.isOpen,c=a.isPointed,v=a.isSelected,p=a.isDisabled,d=a.isActive,f=a.canPointGroups,g=a.resolving,D=a.fo,h=function(e){for(var t=1;t<arguments.length;t++){var u=null!=arguments[t]?arguments[t]:{};t%2?b(Object(u),!0).forEach((function(t){m(e,t,u[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(u)):b(Object(u)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(u,t))}))}return e}({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",singleLabel:"multiselect-single-label",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",tagDisabled:"is-disabled",tagRemove:"multiselect-tag-remove",tagRemoveIcon:"multiselect-tag-remove-icon",tagsSearchWrapper:"multiselect-tags-search-wrapper",tagsSearch:"multiselect-tags-search",tagsSearchCopy:"multiselect-tags-search-copy",placeholder:"multiselect-placeholder",caret:"multiselect-caret",caretOpen:"is-open",clear:"multiselect-clear",clearIcon:"multiselect-clear-icon",spinner:"multiselect-spinner",dropdown:"multiselect-dropdown",dropdownTop:"is-top",dropdownHidden:"is-hidden",options:"multiselect-options",optionsTop:"is-top",group:"multiselect-group",groupLabel:"multiselect-group-label",groupLabelPointable:"is-pointable",groupLabelPointed:"is-pointed",groupLabelSelected:"is-selected",groupLabelDisabled:"is-disabled",groupLabelSelectedPointed:"is-selected is-pointed",groupLabelSelectedDisabled:"is-selected is-disabled",groupOptions:"multiselect-group-options",option:"multiselect-option",optionPointed:"is-pointed",optionSelected:"is-selected",optionDisabled:"is-disabled",optionSelectedPointed:"is-selected is-pointed",optionSelectedDisabled:"is-selected is-disabled",noOptions:"multiselect-no-options",noResults:"multiselect-no-results",fakeInput:"multiselect-fake-input",spacer:"multiselect-spacer"},l.classes.value),y=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return!!(s.value&&o.value&&(!g.value||g.value&&D.value.length))}));return{classList:Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return{container:[h.container].concat(r.value?h.containerDisabled:[]).concat(y.value&&"top"===i.value?h.containerOpenTop:[]).concat(y.value&&"top"!==i.value?h.containerOpen:[]).concat(d.value?h.containerActive:[]),spacer:h.spacer,singleLabel:h.singleLabel,multipleLabel:h.multipleLabel,search:h.search,tags:h.tags,tag:[h.tag].concat(r.value?h.tagDisabled:[]),tagRemove:h.tagRemove,tagRemoveIcon:h.tagRemoveIcon,tagsSearchWrapper:h.tagsSearchWrapper,tagsSearch:h.tagsSearch,tagsSearchCopy:h.tagsSearchCopy,placeholder:h.placeholder,caret:[h.caret].concat(s.value?h.caretOpen:[]),clear:h.clear,clearIcon:h.clearIcon,spinner:h.spinner,dropdown:[h.dropdown].concat("top"===i.value?h.dropdownTop:[]).concat(s.value&&o.value&&y.value?[]:h.dropdownHidden),options:[h.options].concat("top"===i.value?h.optionsTop:[]),group:h.group,groupLabel:function(e){var t=[h.groupLabel];return c(e)?t.push(v(e)?h.groupLabelSelectedPointed:h.groupLabelPointed):v(e)&&f.value?t.push(p(e)?h.groupLabelSelectedDisabled:h.groupLabelSelected):p(e)&&t.push(h.groupLabelDisabled),f.value&&t.push(h.groupLabelPointable),t},groupOptions:h.groupOptions,option:function(e,t){var u=[h.option];return c(e)?u.push(v(e)?h.optionSelectedPointed:h.optionPointed):v(e)?u.push(p(e)?h.optionSelectedDisabled:h.optionSelected):(p(e)||t&&p(t))&&u.push(h.optionDisabled),u},noOptions:h.noOptions,noResults:h.noResults,fakeInput:h.fakeInput}})),showDropdown:y}}function h(e,t,u,n,a,l,r,i,o,s){"boolean"!=typeof r&&(o=i,i=r,r=!1);var c,v="function"==typeof u?u.options:u;if(e&&e.render&&(v.render=e.render,v.staticRenderFns=e.staticRenderFns,v._compiled=!0,a&&(v.functional=!0)),n&&(v._scopeId=n),l?(c=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,o(e)),e&&e._registeredComponents&&e._registeredComponents.add(l)},v._ssrRegister=c):t&&(c=r?function(e){t.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,i(e))}),c)if(v.functional){var p=v.render;v.render=function(e,t){return c.call(t),p(e,t)}}else{var d=v.beforeCreate;v.beforeCreate=d?[].concat(d,c):[c]}return u}const y={name:"Multiselect",emits:["open","close","select","deselect","input","search-change","tag","update:modelValue","change","clear"],props:{value:{required:!1},modelValue:{required:!1},options:{type:[Array,Object,Function],required:!1,default:()=>[]},id:{type:[String,Number],required:!1},name:{type:[String,Number],required:!1,default:"multiselect"},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:"label"},trackBy:{type:String,required:!1,default:"label"},valueProp:{type:String,required:!1,default:"value"},placeholder:{type:String,required:!1,default:null},mode:{type:String,required:!1,default:"single"},searchable:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:-1},hideSelected:{type:Boolean,required:!1,default:!0},createTag:{type:Boolean,required:!1,default:!1},appendNewTag:{type:Boolean,required:!1,default:!0},caret:{type:Boolean,required:!1,default:!0},loading:{type:Boolean,required:!1,default:!1},noOptionsText:{type:String,required:!1,default:"The list is empty"},noResultsText:{type:String,required:!1,default:"No results found"},multipleLabel:{type:Function,required:!1},object:{type:Boolean,required:!1,default:!1},delay:{type:Number,required:!1,default:-1},minChars:{type:Number,required:!1,default:0},resolveOnLoad:{type:Boolean,required:!1,default:!0},filterResults:{type:Boolean,required:!1,default:!0},clearOnSearch:{type:Boolean,required:!1,default:!1},clearOnSelect:{type:Boolean,required:!1,default:!0},canDeselect:{type:Boolean,required:!1,default:!0},canClear:{type:Boolean,required:!1,default:!0},max:{type:Number,required:!1,default:-1},showOptions:{type:Boolean,required:!1,default:!0},addTagOn:{type:Array,required:!1,default:()=>["enter"]},required:{type:Boolean,required:!1,default:!1},openDirection:{type:String,required:!1,default:"bottom"},nativeSupport:{type:Boolean,required:!1,default:!1},classes:{type:Object,required:!1,default:()=>({})},strict:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},autocomplete:{type:String,required:!1},groups:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:"label"},groupOptions:{type:String,required:!1,default:"options"},groupHideEmpty:{type:Boolean,required:!1,default:!1},groupSelect:{type:Boolean,required:!1,default:!0},inputType:{type:String,required:!1,default:"text"}},setup(r,i){const o=function(n,a){var l=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(n),r=l.value,i=l.modelValue,o=l.mode,s=l.valueProp,c=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])("single"!==o.value?[]:{}),v=void 0!==a.expose?i:r,p=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return"single"===o.value?c.value[s.value]:c.value.map((function(e){return e[s.value]}))})),d=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return"single"!==o.value?c.value.map((function(e){return e[s.value]})).join(","):c.value[s.value]}));return{iv:c,internalValue:c,ev:v,externalValue:v,textValue:d,plainValue:p}}(r,i),s=function(u,n,a){var l=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(u),r=l.groupSelect,i=l.mode,o=l.groups,s=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null),c=function(e){void 0===e||null!==e&&e.disabled||o.value&&e&&e.group&&("single"===i.value||!r.value)||(s.value=e)};return{pointer:s,setPointer:c,clearPointer:function(){c(null)}}}(r),c=function(u,n,a){var l=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(u).disabled,r=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(!1);return{isOpen:r,open:function(){r.value||l.value||(r.value=!0,n.emit("open"))},close:function(){r.value&&(r.value=!1,n.emit("close"))}}}(r,i),d=function(e,u,a){var l=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null),r=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null);return Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])(l,(function(e){u.emit("search-change",e)})),{search:l,input:r,clearSearch:function(){l.value=""},handleSearchInput:function(e){l.value=e.target.value},handlePaste:function(e){u.emit("paste",e)}}}(0,i),g=function(t,u,n){var a=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(t),r=a.object,i=a.valueProp,o=a.mode,s=n.iv,c=function(e){return r.value||l(e)?e:Array.isArray(e)?e.map((function(e){return e[i.value]})):e[i.value]},v=function(e){return l(e)?"single"===o.value?{}:[]:e};return{update:function(e){s.value=v(e);var t=c(e);u.emit("change",t),u.emit("input",t),u.emit("update:modelValue",t)}}}(r,i,{iv:o.iv}),b=function(n,a,l){var r=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(n),i=r.searchable,o=r.disabled,s=l.input,c=l.open,v=l.close,p=l.clearSearch,d=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(null),f=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["ref"])(!1),g=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return i.value||o.value?-1:0})),b=function(){i.value&&s.value.blur(),d.value.blur()},m=function(){f.value=!1,setTimeout((function(){f.value||(v(),p())}),1)};return{multiselect:d,tabindex:g,isActive:f,blur:b,handleFocus:function(){i.value&&!o.value&&s.value.focus()},activate:function(){o.value||(f.value=!0,c())},deactivate:m,handleCaretClick:function(){m(),b()}}}(r,0,{input:d.input,open:c.open,close:c.close,clearSearch:d.clearSearch}),m=v(r,i,{ev:o.ev,iv:o.iv,search:d.search,clearSearch:d.clearSearch,update:g.update,pointer:s.pointer,clearPointer:s.clearPointer,blur:b.blur,deactivate:b.deactivate}),h=function(t,l,r){var i=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(t),o=i.valueProp,s=i.showOptions,c=i.searchable,v=i.groupLabel,d=i.groups,f=i.mode,g=i.groupSelect,b=r.fo,m=r.fg,D=r.handleOptionClick,h=r.handleGroupClick,y=r.search,_=r.pointer,O=r.setPointer,F=r.clearPointer,S=r.multiselect,C=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return b.value.filter((function(e){return!e.disabled}))})),A=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return m.value.filter((function(e){return!e.disabled}))})),E=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return"single"!==f.value&&g.value})),B=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return _.value&&_.value.group})),P=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return V(_.value)})),L=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e=B.value?_.value:V(_.value),t=A.value.map((function(e){return e[v.value]})).indexOf(e[v.value]),u=A.value[t-1];return void 0===u&&(u=k.value),u})),w=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e=A.value.map((function(e){return e.label})).indexOf(B.value?_.value[v.value]:V(_.value)[v.value])+1;return A.value.length<=e&&(e=0),A.value[e]})),k=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return p(A.value).slice(-1)[0]})),q=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return _.value.__VISIBLE__.filter((function(e){return!e.disabled}))[0]})),j=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e=P.value.__VISIBLE__.filter((function(e){return!e.disabled}));return e[e.map((function(e){return e[o.value]})).indexOf(_.value[o.value])-1]})),x=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){var e=V(_.value).__VISIBLE__.filter((function(e){return!e.disabled}));return e[e.map((function(e){return e[o.value]})).indexOf(_.value[o.value])+1]})),T=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return p(L.value.__VISIBLE__.filter((function(e){return!e.disabled}))).slice(-1)[0]})),I=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["computed"])((function(){return p(k.value.__VISIBLE__.filter((function(e){return!e.disabled}))).slice(-1)[0]})),R=function(){O(C.value[0]||null)},V=function(e){return A.value.find((function(t){return-1!==t.__VISIBLE__.map((function(e){return e[o.value]})).indexOf(e[o.value])}))},N=function(){var e=S.value.querySelector("[data-pointed]");if(e){var t=e.parentElement.parentElement;d.value&&(t=B.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>t.clientHeight+t.scrollTop&&(t.scrollTop=e.offsetTop+e.offsetHeight-t.clientHeight),e.offsetTop<t.scrollTop&&(t.scrollTop=e.offsetTop)}};return Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["watch"])(y,(function(e){c.value&&(e.length&&s.value?R():F())})),{pointer:_,canPointGroups:E,isPointed:function(e){return!(!_.value||!(!e.group&&_.value[o.value]==e[o.value]||void 0!==e.group&&_.value[v.value]==e[v.value]))||void 0},setPointerFirst:R,selectPointer:function(){_.value&&!0!==_.value.disabled&&(B.value?h(_.value):D(_.value))},forwardPointer:function(){if(null===_.value)O((d.value&&E.value?A.value[0]:C.value[0])||null);else if(d.value&&E.value){var e=B.value?q.value:x.value;void 0===e&&(e=w.value),O(e||null)}else{var t=C.value.map((function(e){return e[o.value]})).indexOf(_.value[o.value])+1;C.value.length<=t&&(t=0),O(C.value[t]||null)}Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["nextTick"])((function(){N()}))},backwardPointer:function(){if(null===_.value){var e=C.value[C.value.length-1];d.value&&E.value&&void 0===(e=I.value)&&(e=k.value),O(e||null)}else if(d.value&&E.value){var t=B.value?T.value:j.value;void 0===t&&(t=B.value?L.value:P.value),O(t||null)}else{var u=C.value.map((function(e){return e[o.value]})).indexOf(_.value[o.value])-1;u<0&&(u=C.value.length-1),O(C.value[u]||null)}Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["nextTick"])((function(){N()}))}}}(r,0,{fo:m.fo,fg:m.fg,handleOptionClick:m.handleOptionClick,handleGroupClick:m.handleGroupClick,search:d.search,pointer:s.pointer,setPointer:s.setPointer,clearPointer:s.clearPointer,multiselect:b.multiselect}),y=function(t,u,n){var a=Object(_vue_composition_api__WEBPACK_IMPORTED_MODULE_0__["toRefs"])(t),l=a.mode,r=a.addTagOn,i=a.createTag,o=a.openDirection,s=a.searchable,c=a.showOptions,v=a.valueProp,p=a.groups,d=n.iv,g=n.update,b=n.search,m=n.setPointer,D=n.selectPointer,h=n.backwardPointer,y=n.forwardPointer,_=n.blur,O=n.fo,F=function(){"tags"===l.value&&!c.value&&i.value&&s.value&&!p.value&&m(O.value[O.value.map((function(e){return e[v.value]})).indexOf(b.value)])};return{handleKeydown:function(e){switch(e.keyCode){case 8:if("single"===l.value)return;if(s.value&&-1===[null,""].indexOf(b.value))return;if(0===d.value.length)return;g(f(d.value).slice(0,-1));break;case 13:if(e.preventDefault(),"tags"===l.value&&-1===r.value.indexOf("enter")&&i.value)return;F(),D();break;case 32:if(s.value&&"tags"!==l.value&&!i.value)return;if("tags"===l.value&&(-1===r.value.indexOf("space")&&i.value||!i.value))return;e.preventDefault(),F(),D();break;case 9:case 186:case 188:if("tags"!==l.value)return;if(-1===r.value.indexOf({9:"tab",186:";",188:","}[e.keyCode])||!i.value)return;F(),D(),e.preventDefault();break;case 27:_();break;case 38:if(e.preventDefault(),!c.value)return;"top"===o.value?y():h();break;case 40:if(e.preventDefault(),!c.value)return;"top"===o.value?h():y()}},preparePointer:F}}(r,0,{iv:o.iv,update:g.update,search:d.search,setPointer:s.setPointer,selectPointer:h.selectPointer,backwardPointer:h.backwardPointer,forwardPointer:h.forwardPointer,blur:b.blur,fo:m.fo}),_=D(r,0,{isOpen:c.isOpen,isPointed:h.isPointed,canPointGroups:h.canPointGroups,isSelected:m.isSelected,isDisabled:m.isDisabled,isActive:b.isActive,resolving:m.resolving,fo:m.fo});return{...o,...c,...b,...s,...g,...d,...m,...h,...y,..._}}};var _=function(){var e=this,t=e.$createElement,u=e._self._c||t;return u("div",{ref:"multiselect",class:e.classList.container,attrs:{tabindex:e.tabindex,id:e.id},on:{focusin:e.activate,focusout:e.deactivate,keydown:e.handleKeydown,focus:e.handleFocus}},["tags"!==e.mode&&e.searchable&&!e.disabled?[u("input",{ref:"input",class:e.classList.search,attrs:{type:e.inputType,modelValue:e.search,autocomplete:e.autocomplete},domProps:{value:e.search},on:{input:e.handleSearchInput,paste:function(t){return t.stopPropagation(),e.handlePaste(t)}}})]:e._e(),e._v(" "),"tags"==e.mode?[u("div",{class:e.classList.tags},[e._l(e.iv,(function(t,n,a){return e._t("tag",[u("span",{key:a,class:e.classList.tag},[e._v("\n          "+e._s(t[e.label])+"\n          "),e.disabled?e._e():u("span",{class:e.classList.tagRemove,on:{mousedown:function(u){return u.preventDefault(),e.handleTagRemove(t,u)}}},[u("span",{class:e.classList.tagRemoveIcon})])])],{option:t,handleTagRemove:e.handleTagRemove,disabled:e.disabled})})),e._v(" "),u("div",{class:e.classList.tagsSearchWrapper},[u("span",{class:e.classList.tagsSearchCopy},[e._v(e._s(e.search))]),e._v(" "),e.searchable&&!e.disabled?u("input",{ref:"input",class:e.classList.tagsSearch,attrs:{type:e.inputType,modelValue:e.search,autocomplete:e.autocomplete},domProps:{value:e.search},on:{input:e.handleSearchInput,paste:function(t){return t.stopPropagation(),e.handlePaste(t)}}}):e._e()])],2)]:e._e(),e._v(" "),"single"==e.mode&&e.hasSelected&&!e.search&&e.iv?[e._t("singlelabel",[u("div",{class:e.classList.singleLabel},[e._v("\n        "+e._s(e.iv[e.label])+"\n      ")])],{value:e.iv})]:e._e(),e._v(" "),"multiple"==e.mode&&e.hasSelected&&!e.search?[e._t("multiplelabel",[u("div",{class:e.classList.multipleLabel},[e._v("\n        "+e._s(e.multipleLabelText)+"\n      ")])],{values:e.iv})]:e._e(),e._v(" "),!e.placeholder||e.hasSelected||e.search?e._e():[e._t("placeholder",[u("div",{class:e.classList.placeholder},[e._v("\n        "+e._s(e.placeholder)+"\n      ")])])],e._v(" "),e.busy?e._t("spinner",[u("span",{class:e.classList.spinner})]):e._e(),e._v(" "),e.hasSelected&&!e.disabled&&e.canClear&&!e.busy?e._t("clear",[u("span",{class:e.classList.clear,on:{mousedown:e.clear}},[u("span",{class:e.classList.clearIcon})])],{clear:e.clear}):e._e(),e._v(" "),e.caret?e._t("caret",[u("span",{class:e.classList.caret,on:{click:e.handleCaretClick}})]):e._e(),e._v(" "),u("div",{class:e.classList.dropdown,attrs:{tabindex:"-1"}},[e._t("beforelist",null,{options:e.fo}),e._v(" "),u("ul",{class:e.classList.options},[e.groups?e._l(e.fg,(function(t,n,a){return u("li",{key:a,class:e.classList.group},[u("div",{class:e.classList.groupLabel(t),attrs:{"data-pointed":e.isPointed(t)},on:{mouseenter:function(u){return e.setPointer(t)},click:function(u){return e.handleGroupClick(t)}}},[e._t("grouplabel",[u("span",[e._v(e._s(t[e.groupLabel]))])],{group:t})],2),e._v(" "),u("ul",{class:e.classList.groupOptions},e._l(t.__VISIBLE__,(function(n,a,l){return u("li",{key:l,class:e.classList.option(n,t),attrs:{"data-pointed":e.isPointed(n)},on:{mouseenter:function(t){return e.setPointer(n)},click:function(t){return e.handleOptionClick(n)}}},[e._t("option",[u("span",[e._v(e._s(n[e.label]))])],{option:n,search:e.search})],2)})),0)])})):e._l(e.fo,(function(t,n,a){return u("li",{key:a,class:e.classList.option(t),attrs:{"data-pointed":e.isPointed(t)},on:{mouseenter:function(u){return e.setPointer(t)},click:function(u){return e.handleOptionClick(t)}}},[e._t("option",[u("span",[e._v(e._s(t[e.label]))])],{option:t,search:e.search})],2)}))],2),e._v(" "),e.noOptions?e._t("nooptions",[u("div",{class:e.classList.noOptions,domProps:{innerHTML:e._s(e.noOptionsText)}})]):e._e(),e._v(" "),e.noResults?e._t("noresults",[u("div",{class:e.classList.noResults,domProps:{innerHTML:e._s(e.noResultsText)}})]):e._e(),e._v(" "),e._t("afterlist",null,{options:e.fo})],2),e._v(" "),e.required?u("input",{class:e.classList.fakeInput,attrs:{tabindex:"-1",required:""},domProps:{value:e.textValue}}):e._e(),e._v(" "),e.nativeSupport?["single"==e.mode?u("input",{attrs:{type:"hidden",name:e.name},domProps:{value:void 0!==e.plainValue?e.plainValue:""}}):e._l(e.plainValue,(function(t,n){return u("input",{key:n,attrs:{type:"hidden",name:e.name+"[]"},domProps:{value:t}})}))]:e._e(),e._v(" "),u("div",{class:e.classList.spacer})],2)};_._withStripped=!0;const O=h({render:_,staticRenderFns:[]},undefined,y,undefined,false,undefined,!1,void 0,void 0,void 0);/* harmony default export */ __webpack_exports__["default"] = (O);
+
+
+/***/ }),
+
+/***/ "./node_modules/@vueform/multiselect/themes/default.css":
+/*!**************************************************************!*\
+  !*** ./node_modules/@vueform/multiselect/themes/default.css ***!
+  \**************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+
+var content = __webpack_require__(/*! !../../../css-loader??ref--6-1!../../../postcss-loader/src??ref--6-2!./default.css */ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/@vueform/multiselect/themes/default.css");
+
+if(typeof content === 'string') content = [[module.i, content, '']];
+
+var transform;
+var insertInto;
+
+
+
+var options = {"hmr":true}
+
+options.transform = transform
+options.insertInto = undefined;
+
+var update = __webpack_require__(/*! ../../../style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
+
+if(content.locals) module.exports = content.locals;
+
+if(false) {}
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/index.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/@vueform/multiselect/themes/default.css":
+/*!**********************************************************************************************************************************************!*\
+  !*** ./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/src??ref--6-2!./node_modules/@vueform/multiselect/themes/default.css ***!
+  \**********************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__(/*! ../../../css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".multiselect{position:relative;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;cursor:pointer;outline:none;border:var(--ms-border-width,1px) solid var(--ms-border-color,#d1d5db);border-radius:var(--ms-radius,4px);background:var(--ms-bg,#fff);font-size:var(--ms-font-size,1rem);min-height:calc(var(--ms-border-width, 1px)*2 + var(--ms-font-size, 1rem)*var(--ms-line-height, 1.375) + var(--ms-py, .5rem)*2)}.multiselect.is-open{border-radius:var(--ms-radius,4px) var(--ms-radius,4px) 0 0}.multiselect.is-open-top{border-radius:0 0 var(--ms-radius,4px) var(--ms-radius,4px)}.multiselect.is-disabled{cursor:default;background:var(--ms-bg-disabled,#f3f4f6)}.multiselect.is-active{box-shadow:0 0 0 var(--ms-ring-width,3px) var(--ms-ring-color,rgba(16,185,129,.18823529411764706))}.multiselect-multiple-label,.multiselect-placeholder,.multiselect-single-label{display:flex;align-items:center;height:100%;position:absolute;left:0;top:0;pointer-events:none;background:transparent;line-height:var(--ms-line-height,1.375);padding-left:var(--ms-px,.875rem)}.multiselect-placeholder{color:var(--ms-placeholder-color,#9ca3af)}.multiselect-search{width:100%;position:absolute;top:0;bottom:0;left:0;right:0;outline:none;box-sizing:border-box;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;font-family:inherit;background:var(--ms-bg,#fff);border-radius:var(--ms-radius,4px);padding-left:var(--ms-px,.875rem)}.multiselect-search::-webkit-search-cancel-button,.multiselect-search::-webkit-search-decoration,.multiselect-search::-webkit-search-results-button,.multiselect-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-tags{flex-grow:1;flex-shrink:1;display:flex;flex-wrap:wrap;margin:var(--ms-tag-my,.25rem) 0 0;padding-left:var(--ms-py,.5rem);align-items:center}.multiselect-tag{background:var(--ms-tag-bg,#10b981);color:var(--ms-tag-color,#fff);font-size:var(--ms-tag-font-size,.875rem);line-height:var(--ms-tag-line-height,1.25rem);font-weight:var(--ms-tag-font-weight,600);padding:var(--ms-tag-py,.125rem) 0 var(--ms-tag-py,.125rem) var(--ms-tag-px,.5rem);border-radius:var(--ms-tag-radius,4px);margin-right:var(--ms-tag-mx,.25rem);margin-bottom:var(--ms-tag-my,.25rem);display:flex;align-items:center;white-space:nowrap}.multiselect-tag.is-disabled{padding-right:var(--ms-tag-px,.5rem);background:var(--ms-tag-bg-disabled,#9ca3af);color:var(--ms-tag-color-disabled,#fff)}.multiselect-tag-remove{display:flex;align-items:center;justify-content:center;padding:var(--ms-tag-remove-py,.25rem) var(--ms-tag-remove-px,.25rem);margin:var(--ms-tag-remove-my,0) var(--ms-tag-remove-mx,.125rem);border-radius:var(--ms-tag-remove-radius,4px)}.multiselect-tag-remove:hover{background:rgba(0,0,0,.06274509803921569)}.multiselect-tag-remove-icon{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;opacity:.8;display:inline-block;width:.75rem;height:.75rem}.multiselect-tags-search-wrapper{display:inline-block;position:relative;margin:0 var(--ms-tag-mx,4px) var(--ms-tag-my,4px);flex-grow:1;flex-shrink:1;height:100%}.multiselect-tags-search-copy{visibility:hidden;white-space:pre-wrap;display:inline-block;height:1px;width:100%}.multiselect-tags-search{position:absolute;left:0;right:0;top:0;bottom:0;border:0;-webkit-appearance:none;-moz-appearance:none;outline:none;padding:0;font-size:inherit;font-family:inherit;box-sizing:border-box;width:100%;appearance:none}.multiselect-tags-search::-webkit-search-cancel-button,.multiselect-tags-search::-webkit-search-decoration,.multiselect-tags-search::-webkit-search-results-button,.multiselect-tags-search::-webkit-search-results-decoration{-webkit-appearance:none}.multiselect-spinner{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 512 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z'/%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:var(--ms-spinner-color,#10b981);width:1rem;height:1rem;z-index:10;margin:0 var(--ms-px,.875rem) 0 0;-webkit-animation:multiselect-spin 1s linear infinite;animation:multiselect-spin 1s linear infinite;flex-shrink:0;flex-grow:0}.multiselect-clear{padding:0 var(--ms-px,.875rem) 0 0;position:relative;z-index:10;opacity:1;transition:.3s;flex-shrink:0;flex-grow:0;display:flex}.multiselect-clear:hover .multiselect-clear-icon{background-color:var(--ms-clear-color-hover,#000)}.multiselect-clear-icon{-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E\");background-color:var(--ms-clear-color,#999);display:inline-block;transition:.3s}.multiselect-caret,.multiselect-clear-icon{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:.625rem;height:1.125rem}.multiselect-caret{transform:rotate(0deg);transition:transform .3s;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 320 512' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E\");background-color:var(--ms-caret-color,#999);margin:0 var(--ms-px,.875rem) 0 0;position:relative;z-index:10;flex-shrink:0;flex-grow:0;pointer-events:none}.multiselect-caret.is-open{transform:rotate(180deg);pointer-events:auto}.multiselect-dropdown{position:absolute;left:calc(var(--ms-border-width, 1px)*-1);right:calc(var(--ms-border-width, 1px)*-1);bottom:0;transform:translateY(100%);border:var(--ms-dropdown-border-width,1px) solid var(--ms-dropdown-border-color,#d1d5db);margin-top:calc(var(--ms-border-width, 1px)*-1);max-height:15rem;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:100;background:var(--ms-dropdown-bg,#fff);display:flex;flex-direction:column;border-radius:0 0 var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px);outline:none}.multiselect-dropdown.is-top{transform:translateY(-100%);top:var(--ms-border-width,1px);bottom:auto;flex-direction:column-reverse;border-radius:var(--ms-dropdown-radius,4px) var(--ms-dropdown-radius,4px) 0 0}.multiselect-dropdown.is-hidden{display:none}.multiselect-options{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;max-height:var(--ms-max-height,10rem)}.multiselect-options.is-top{flex-direction:column-reverse}.multiselect-group{padding:0;margin:0;@apply p-0 m-0}.multiselect-group-label{padding:var(--ms-group-label-py,.3rem) var(--ms-group-label-px,.75rem);font-size:.875rem;font-weight:600;background:#e5e7eb;color:#374151;cursor:default;line-height:var(--ms-group-label-line-height,1.375);display:flex;box-sizing:border-box;text-decoration:none;align-items:center;justify-content:flex-start;text-align:left}.multiselect-group-label.is-pointable{cursor:pointer}.multiselect-group-label.is-pointed{background:var(--ms-group-label-bg-pointed,#d1d5db);color:var(--ms-group-label-color-pointed,#374151)}.multiselect-group-label.is-selected{background:var(--ms-group-label-bg-selected,#059669);color:var(--ms-group-label-color-selected,#fff)}.multiselect-group-label.is-disabled{background:var(--ms-group-label-bg-disabled,#f3f4f6);color:var(--ms-group-label-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-group-label.is-selected.is-pointed{background:var(--ms-group-label-bg-selected-pointed,#0c9e70);color:var(--ms-group-label-color-selected-pointed,#fff)}.multiselect-group-label.is-selected.is-disabled{background:var(--ms-group-label-bg-selected-disabled,#75cfb1);color:var(--ms-group-label-color-selected-disabled,#d1fae5)}.multiselect-group-options{padding:0;margin:0}.multiselect-option{padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);font-size:var(--ms-option-font-size,1rem);line-height:var(--ms-option-line-height,1.375);cursor:pointer;display:flex;box-sizing:border-box;text-decoration:none;align-items:center;justify-content:flex-start;text-align:left}.multiselect-option.is-pointed{background:var(--ms-option-bg-pointed,#f3f4f6);color:var(--ms-option-color-pointed,#1f2937)}.multiselect-option.is-selected{background:var(--ms-option-bg-selected,#10b981);color:var(--ms-option-color-selected,#fff)}.multiselect-option.is-disabled{background:var(--ms-option-bg-disabled,#fff);color:var(--ms-option-color-disabled,#d1d5db);cursor:not-allowed}.multiselect-option.is-selected.is-pointed{background:var(--ms-option-bg-selected-pointed,#26c08e);color:var(--ms-option-color-selected-pointed,#fff)}.multiselect-option.is-selected.is-disabled{background:var(--ms-option-bg-selected-disabled,#87dcc0);color:var(--ms-option-color-selected-disabled,#d1fae5)}.multiselect-no-options,.multiselect-no-results{padding:var(--ms-option-py,.5rem) var(--ms-option-px,.75rem);color:var(--ms-empty-color,#4b5563)}.multiselect-fake-input{background:transparent;position:absolute;left:0;right:0;bottom:-1px;width:100%;height:1px;border:0;padding:0;font-size:0;outline:none}.multiselect-fake-input:active,.multiselect-fake-input:focus{outline:none}.multiselect-spacer{display:none}@-webkit-keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes multiselect-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "./node_modules/css-loader/lib/css-base.js":
+/*!*************************************************!*\
+  !*** ./node_modules/css-loader/lib/css-base.js ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+/*
+    MIT License http://www.opensource.org/licenses/mit-license.php
+    Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function(useSourceMap) {
+    var list = [];
+
+    // return the list of modules as css string
+    list.toString = function toString() {
+        return this.map(function (item) {
+            var content = cssWithMappingToString(item, useSourceMap);
+            if(item[2]) {
+                return "@media " + item[2] + "{" + content + "}";
+            } else {
+                return content;
+            }
+        }).join("");
+    };
+
+    // import a list of modules into the list
+    list.i = function(modules, mediaQuery) {
+        if(typeof modules === "string")
+            modules = [[null, modules, ""]];
+        var alreadyImportedModules = {};
+        for(var i = 0; i < this.length; i++) {
+            var id = this[i][0];
+            if(typeof id === "number")
+                alreadyImportedModules[id] = true;
+        }
+        for(i = 0; i < modules.length; i++) {
+            var item = modules[i];
+            // skip already imported module
+            // this implementation is not 100% perfect for weird media query combinations
+            //  when a module is imported multiple times with different media queries.
+            //  I hope this will never occur (Hey this way we have smaller bundles)
+            if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
+                if(mediaQuery && !item[2]) {
+                    item[2] = mediaQuery;
+                } else if(mediaQuery) {
+                    item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
+                }
+                list.push(item);
+            }
+        }
+    };
+    return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+    var content = item[1] || '';
+    var cssMapping = item[3];
+    if (!cssMapping) {
+        return content;
+    }
+
+    if (useSourceMap && typeof btoa === 'function') {
+        var sourceMapping = toComment(cssMapping);
+        var sourceURLs = cssMapping.sources.map(function (source) {
+            return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
+        });
+
+        return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+    }
+
+    return [content].join('\n');
+}
+
+// Adapted from convert-source-map (MIT)
+function toComment(sourceMap) {
+    // eslint-disable-next-line no-undef
+    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+    var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
+
+    return '/*# ' + data + ' */';
+}
+
+
+/***/ }),
+
 /***/ "./node_modules/process/browser.js":
 /*!*****************************************!*\
@@ -477 +2861 @@
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./../webpack/buildin/global.js */ "./node_modules/webpack/buildin/global.js"), __webpack_require__(/*! ./../process/browser.js */ "./node_modules/process/browser.js")))
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/lib/addStyles.js":
+/*!****************************************************!*\
+  !*** ./node_modules/style-loader/lib/addStyles.js ***!
+  \****************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+/*
+    MIT License http://www.opensource.org/licenses/mit-license.php
+    Author Tobias Koppers @sokra
+*/
+
+var stylesInDom = {};
+
+var memoize = function (fn) {
+    var memo;
+
+    return function () {
+        if (typeof memo === "undefined") memo = fn.apply(this, arguments);
+        return memo;
+    };
+};
+
+var isOldIE = memoize(function () {
+    // Test for IE <= 9 as proposed by Browserhacks
+    // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+    // Tests for existence of standard globals is to allow style-loader
+    // to operate correctly into non-standard environments
+    // @see https://github.com/webpack-contrib/style-loader/issues/177
+    return window && document && document.all && !window.atob;
+});
+
+var getTarget = function (target, parent) {
+  if (parent){
+    return parent.querySelector(target);
+  }
+  return document.querySelector(target);
+};
+
+var getElement = (function (fn) {
+    var memo = {};
+
+    return function(target, parent) {
+                // If passing function in options, then use it for resolve "head" element.
+                // Useful for Shadow Root style i.e
+                // {
+                //   insertInto: function () { return document.querySelector("#foo").shadowRoot }
+                // }
+                if (typeof target === 'function') {
+                        return target();
+                }
+                if (typeof memo[target] === "undefined") {
+            var styleTarget = getTarget.call(this, target, parent);
+            // Special case to return head of iframe instead of iframe itself
+            if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+                try {
+                    // This will throw an exception if access to iframe is blocked
+                    // due to cross-origin restrictions
+                    styleTarget = styleTarget.contentDocument.head;
+                } catch(e) {
+                    styleTarget = null;
+                }
+            }
+            memo[target] = styleTarget;
+        }
+        return memo[target]
+    };
+})();
+
+var singleton = null;
+var singletonCounter = 0;
+var stylesInsertedAtTop = [];
+
+var fixUrls = __webpack_require__(/*! ./urls */ "./node_modules/style-loader/lib/urls.js");
+
+module.exports = function(list, options) {
+    if (typeof DEBUG !== "undefined" && DEBUG) {
+        if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
+    }
+
+    options = options || {};
+
+    options.attrs = typeof options.attrs === "object" ? options.attrs : {};
+
+    // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+    // tags it will allow on a page
+    if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
+
+    // By default, add <style> tags to the <head> element
+        if (!options.insertInto) options.insertInto = "head";
+
+    // By default, add <style> tags to the bottom of the target
+    if (!options.insertAt) options.insertAt = "bottom";
+
+    var styles = listToStyles(list, options);
+
+    addStylesToDom(styles, options);
+
+    return function update (newList) {
+        var mayRemove = [];
+
+        for (var i = 0; i < styles.length; i++) {
+            var item = styles[i];
+            var domStyle = stylesInDom[item.id];
+
+            domStyle.refs--;
+            mayRemove.push(domStyle);
+        }
+
+        if(newList) {
+            var newStyles = listToStyles(newList, options);
+            addStylesToDom(newStyles, options);
+        }
+
+        for (var i = 0; i < mayRemove.length; i++) {
+            var domStyle = mayRemove[i];
+
+            if(domStyle.refs === 0) {
+                for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
+
+                delete stylesInDom[domStyle.id];
+            }
+        }
+    };
+};
+
+function addStylesToDom (styles, options) {
+    for (var i = 0; i < styles.length; i++) {
+        var item = styles[i];
+        var domStyle = stylesInDom[item.id];
+
+        if(domStyle) {
+            domStyle.refs++;
+
+            for(var j = 0; j < domStyle.parts.length; j++) {
+                domStyle.parts[j](item.parts[j]);
+            }
+
+            for(; j < item.parts.length; j++) {
+                domStyle.parts.push(addStyle(item.parts[j], options));
+            }
+        } else {
+            var parts = [];
+
+            for(var j = 0; j < item.parts.length; j++) {
+                parts.push(addStyle(item.parts[j], options));
+            }
+
+            stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
+        }
+    }
+}
+
+function listToStyles (list, options) {
+    var styles = [];
+    var newStyles = {};
+
+    for (var i = 0; i < list.length; i++) {
+        var item = list[i];
+        var id = options.base ? item[0] + options.base : item[0];
+        var css = item[1];
+        var media = item[2];
+        var sourceMap = item[3];
+        var part = {css: css, media: media, sourceMap: sourceMap};
+
+        if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
+        else newStyles[id].parts.push(part);
+    }
+
+    return styles;
+}
+
+function insertStyleElement (options, style) {
+    var target = getElement(options.insertInto)
+
+    if (!target) {
+        throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
+    }
+
+    var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
+
+    if (options.insertAt === "top") {
+        if (!lastStyleElementInsertedAtTop) {
+            target.insertBefore(style, target.firstChild);
+        } else if (lastStyleElementInsertedAtTop.nextSibling) {
+            target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
+        } else {
+            target.appendChild(style);
+        }
+        stylesInsertedAtTop.push(style);
+    } else if (options.insertAt === "bottom") {
+        target.appendChild(style);
+    } else if (typeof options.insertAt === "object" && options.insertAt.before) {
+        var nextSibling = getElement(options.insertAt.before, target);
+        target.insertBefore(style, nextSibling);
+    } else {
+        throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
+    }
+}
+
+function removeStyleElement (style) {
+    if (style.parentNode === null) return false;
+    style.parentNode.removeChild(style);
+
+    var idx = stylesInsertedAtTop.indexOf(style);
+    if(idx >= 0) {
+        stylesInsertedAtTop.splice(idx, 1);
+    }
+}
+
+function createStyleElement (options) {
+    var style = document.createElement("style");
+
+    if(options.attrs.type === undefined) {
+        options.attrs.type = "text/css";
+    }
+
+    if(options.attrs.nonce === undefined) {
+        var nonce = getNonce();
+        if (nonce) {
+            options.attrs.nonce = nonce;
+        }
+    }
+
+    addAttrs(style, options.attrs);
+    insertStyleElement(options, style);
+
+    return style;
+}
+
+function createLinkElement (options) {
+    var link = document.createElement("link");
+
+    if(options.attrs.type === undefined) {
+        options.attrs.type = "text/css";
+    }
+    options.attrs.rel = "stylesheet";
+
+    addAttrs(link, options.attrs);
+    insertStyleElement(options, link);
+
+    return link;
+}
+
+function addAttrs (el, attrs) {
+    Object.keys(attrs).forEach(function (key) {
+        el.setAttribute(key, attrs[key]);
+    });
+}
+
+function getNonce() {
+    if (false) {}
+
+    return __webpack_require__.nc;
+}
+
+function addStyle (obj, options) {
+    var style, update, remove, result;
+
+    // If a transform function was defined, run it on the css
+    if (options.transform && obj.css) {
+        result = typeof options.transform === 'function'
+         ? options.transform(obj.css) 
+         : options.transform.default(obj.css);
+
+        if (result) {
+            // If transform returns a value, use that instead of the original css.
+            // This allows running runtime transformations on the css.
+            obj.css = result;
+        } else {
+            // If the transform function returns a falsy value, don't add this css.
+            // This allows conditional loading of css
+            return function() {
+                // noop
+            };
+        }
+    }
+
+    if (options.singleton) {
+        var styleIndex = singletonCounter++;
+
+        style = singleton || (singleton = createStyleElement(options));
+
+        update = applyToSingletonTag.bind(null, style, styleIndex, false);
+        remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+
+    } else if (
+        obj.sourceMap &&
+        typeof URL === "function" &&
+        typeof URL.createObjectURL === "function" &&
+        typeof URL.revokeObjectURL === "function" &&
+        typeof Blob === "function" &&
+        typeof btoa === "function"
+    ) {
+        style = createLinkElement(options);
+        update = updateLink.bind(null, style, options);
+        remove = function () {
+            removeStyleElement(style);
+
+            if(style.href) URL.revokeObjectURL(style.href);
+        };
+    } else {
+        style = createStyleElement(options);
+        update = applyToTag.bind(null, style);
+        remove = function () {
+            removeStyleElement(style);
+        };
+    }
+
+    update(obj);
+
+    return function updateStyle (newObj) {
+        if (newObj) {
+            if (
+                newObj.css === obj.css &&
+                newObj.media === obj.media &&
+                newObj.sourceMap === obj.sourceMap
+            ) {
+                return;
+            }
+
+            update(obj = newObj);
+        } else {
+            remove();
+        }
+    };
+}
+
+var replaceText = (function () {
+    var textStore = [];
+
+    return function (index, replacement) {
+        textStore[index] = replacement;
+
+        return textStore.filter(Boolean).join('\n');
+    };
+})();
+
+function applyToSingletonTag (style, index, remove, obj) {
+    var css = remove ? "" : obj.css;
+
+    if (style.styleSheet) {
+        style.styleSheet.cssText = replaceText(index, css);
+    } else {
+        var cssNode = document.createTextNode(css);
+        var childNodes = style.childNodes;
+
+        if (childNodes[index]) style.removeChild(childNodes[index]);
+
+        if (childNodes.length) {
+            style.insertBefore(cssNode, childNodes[index]);
+        } else {
+            style.appendChild(cssNode);
+        }
+    }
+}
+
+function applyToTag (style, obj) {
+    var css = obj.css;
+    var media = obj.media;
+
+    if(media) {
+        style.setAttribute("media", media)
+    }
+
+    if(style.styleSheet) {
+        style.styleSheet.cssText = css;
+    } else {
+        while(style.firstChild) {
+            style.removeChild(style.firstChild);
+        }
+
+        style.appendChild(document.createTextNode(css));
+    }
+}
+
+function updateLink (link, options, obj) {
+    var css = obj.css;
+    var sourceMap = obj.sourceMap;
+
+    /*
+        If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
+        and there is no publicPath defined then lets turn convertToAbsoluteUrls
+        on by default.  Otherwise default to the convertToAbsoluteUrls option
+        directly
+    */
+    var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
+
+    if (options.convertToAbsoluteUrls || autoFixUrls) {
+        css = fixUrls(css);
+    }
+
+    if (sourceMap) {
+        // http://stackoverflow.com/a/26603875
+        css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
+    }
+
+    var blob = new Blob([css], { type: "text/css" });
+
+    var oldSrc = link.href;
+
+    link.href = URL.createObjectURL(blob);
+
+    if(oldSrc) URL.revokeObjectURL(oldSrc);
+}
+
+
+/***/ }),
+
+/***/ "./node_modules/style-loader/lib/urls.js":
+/*!***********************************************!*\
+  !*** ./node_modules/style-loader/lib/urls.js ***!
+  \***********************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+
+/**
+ * When source maps are enabled, `style-loader` uses a link element with a data-uri to
+ * embed the css on the page. This breaks all relative urls because now they are relative to a
+ * bundle instead of the current page.
+ *
+ * One solution is to only use full urls, but that may be impossible.
+ *
+ * Instead, this function "fixes" the relative urls to be absolute according to the current page location.
+ *
+ * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
+ *
+ */
+
+module.exports = function (css) {
+  // get current location
+  var location = typeof window !== "undefined" && window.location;
+
+  if (!location) {
+    throw new Error("fixUrls requires window.location");
+  }
+
+    // blank or null?
+    if (!css || typeof css !== "string") {
+      return css;
+  }
+
+  var baseUrl = location.protocol + "//" + location.host;
+  var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
+
+    // convert each url(...)
+    /*
+    This regular expression is just a way to recursively match brackets within
+    a string.
+
+     /url\s*\(  = Match on the word "url" with any whitespace after it and then a parens
+       (  = Start a capturing group
+         (?:  = Start a non-capturing group
+             [^)(]  = Match anything that isn't a parentheses
+             |  = OR
+             \(  = Match a start parentheses
+                 (?:  = Start another non-capturing groups
+                     [^)(]+  = Match anything that isn't a parentheses
+                     |  = OR
+                     \(  = Match a start parentheses
+                         [^)(]*  = Match anything that isn't a parentheses
+                     \)  = Match a end parentheses
+                 )  = End Group
+              *\) = Match anything and then a close parens
+          )  = Close non-capturing group
+          *  = Match anything
+       )  = Close capturing group
+     \)  = Match a close parens
+
+     /gi  = Get all matches, not the first.  Be case insensitive.
+     */
+    var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
+        // strip quotes (if they exist)
+        var unquotedOrigUrl = origUrl
+            .trim()
+            .replace(/^"(.*)"$/, function(o, $1){ return $1; })
+            .replace(/^'(.*)'$/, function(o, $1){ return $1; });
+
+        // already a full url? no change
+        if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
+          return fullMatch;
+        }
+
+        // convert the url to a full url
+        var newUrl;
+
+        if (unquotedOrigUrl.indexOf("//") === 0) {
+            //TODO: should we add protocol?
+            newUrl = unquotedOrigUrl;
+        } else if (unquotedOrigUrl.indexOf("/") === 0) {
+            // path should be relative to the base url
+            newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
+        } else {
+            // path should be relative to current directory
+            newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
+        }
+
+        // send back the fixed url(...)
+        return "url(" + JSON.stringify(newUrl) + ")";
+    });
+
+    // send back the fixed css
+    return fixedCss;
+};
+
 
 /***/ }),
@@ -12632 +15525 @@
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_0__);
-
-window.Vue = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js");
+/* harmony import */ var _vue_composition_api__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @vue/composition-api */ "./node_modules/@vue/composition-api/dist/vue-composition-api.mjs");
+/* harmony import */ var _vueform_multiselect_dist_multiselect_vue2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @vueform/multiselect/dist/multiselect.vue2.js */ "./node_modules/@vueform/multiselect/dist/multiselect.vue2.js");
+/* harmony import */ var _vueform_multiselect_themes_default_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @vueform/multiselect/themes/default.css */ "./node_modules/@vueform/multiselect/themes/default.css");
+/* harmony import */ var _vueform_multiselect_themes_default_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_vueform_multiselect_themes_default_css__WEBPACK_IMPORTED_MODULE_3__);
+
+window.Vue = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.common.js"); // import Multiselect from '@vueform/multiselect';
+
+
+
+
+vue__WEBPACK_IMPORTED_MODULE_0___default.a.use(_vue_composition_api__WEBPACK_IMPORTED_MODULE_1__["default"]);
+vue__WEBPACK_IMPORTED_MODULE_0___default.a.component('multiselect', _vueform_multiselect_dist_multiselect_vue2_js__WEBPACK_IMPORTED_MODULE_2__["default"]);
 var $ = jQuery;
 new vue__WEBPACK_IMPORTED_MODULE_0___default.a({

myloyal/trunk/core/action-runner.php

@@ -1 +1 @@
 <?php
 namespace myLoyal\core;
+
+use As247\WpEloquent\Support\Facades\DB;
+use myLoyal\instance\Log;
+use myLoyal\models\Badge_User;
 
 class Action_Runner{
@@ -39 +43 @@
     }
 
-    public function run_actions() {return;
-        global $myloyal_point_rules;
+    public function run_actions() {
+        global $myloyal_point_rules, $myloyal_case_hooks;
         $rule_data = Options::instance()->get_option( 'rule_data', 'myloyal' );
 
         foreach ( $rule_data as $case => $rules_array ) {
-            $hook = $myloyal_point_rules[$case]['hook'];
-            switch ( $hook ) {
-                case 'wp_login':
-                    add_action( 'wp_login', function ( $user_login, $user ) use ( $rules_array, $hook ) {
-
-                        foreach ( $rules_array as $k => $rule ) {
-                            $bool = apply_filters( 'myloyal_before_calculate_point', true, $rule, $hook );
-                            if ( $bool ) {
-                                $point = $this->calculate_point( $rule );
-                            }
-                            $bool = apply_filters( 'myloyal_after_calculate_point', $bool, $rule, $hook );
-
-                            if ( $bool ) {
-                                $this->set_point( $rule, $point, 'wp_login', [ 'user' => $user ] );
-                            }
-                        }
-                    }, 10, 2);
-                    break;
-                default:
-                    do_action( 'myloyal_process_point', $hook, $rules_array );
-                    break;
+            $hook = $myloyal_case_hooks[$case];
+            $classname = 'myloyal\\core\\hooks\\'.ucwords( $hook,  '_' );
+            if ( class_exists( $classname ) ) {
+                $classname::instance()->run( $hook, $rules_array );
             }
+            do_action( 'myloyal_process_point', $hook, $rules_array, $classname );
         }
     }
@@ -95 +83 @@
      * @param array $extra
      */
-    public function set_point( $rule, $point, $hook = null, $extra = [] ) {
+    public function set_point( $rule, $point, $user_id ) {
         //target actor
-        $result = null;
-        $new_point = 0;
-        switch ( $rule['target_actor'] ) {
-            case 'own':
-                $user = apply_filters( 'myloyal_set_point_for_user',new User( get_current_user_id() ) ) ;
+        $result = null;
+        $user = new Instance_User( $user_id );
+        $old_point = $user->get_meta( 'points' );
+        $new_point = $old_point + $point;
+        if ( $new_point < 0 ) {
+            $new_point = 0;
+        }
+        $result = $user->set_meta( 'points', $new_point );
+        Log::instance()->log( $point. ' earned.', $rule['case'], $user->get_id() );
+        do_action( 'myloyal_after_set_point', $result, $new_point, $old_point, $user );
+    }
+}
 
-                if ( $hook && $hook == 'wp_login' ) {
-                    $user = new User( $extra['user']->ID );
-                }
+/*
+Array
+(
+    [when_user_create_comment] =>
+        Array
+        (
+            [0] => Array
+            (
+                [case] => when_user_create_comment
+                [action] => add
+                [point] => 1
+                [target_actor] => own
+                [exception_for] => no
+                [applicable_for] => all
+                [post_type] => all
+             )
 
-                if ( $this->check_exception( $user, $rule ) && $this->check_if_applicable( $user, $rule ) ) {
+         )
 
-                    $old_point = $user->get_meta( 'points' );
-                    $new_point = $old_point + $point;
-                    if ( $new_point < 0 ) {
-                        $new_point = 0;
-                    }
-                    $result = $user->set_meta( 'points', $new_point );
-                }
-                break;
-            case 'sel_roles':
-                break;
-        }
-
-        do_action( 'myloyal_after_set_point', $result, $new_point, $old_point );
-    }
-
-    /**
-     * @param $user
-     * @param $rule
-     *
-     * @return int
-     */
-    public function check_if_applicable( $user, $rule ) {
-        //applicable for
-        $updatable = 1;
-
-        if( isset( $rule['applicable_for'] ) ) {
-            switch ( $rule['applicable_for'] ) {
-                case 'all':
-                    break;
-                case 'roles':
-                    $applicable_roles = $rule['applicable_for-roles'];
-                    if( empty( array_intersect( $applicable_roles, get_userdata( get_current_user_id() )->roles ) ) ) {
-                        $updatable = 0;
-                    }
-                    break;
-                case 'users':
-                    $applicable_users = $rule['applicable_for-users'];
-                    if ( !in_array( get_current_user_id(), $applicable_users ) ) {
-                        $updatable = 0;
-                    }
-                    break;
-                default:
-                    break;
-            }
-        }
-        return $updatable;
-    }
-
-    /**
-     * @param $user
-     * @param $rule
-     *
-     * @return int
-     */
-    public function check_exception( $user, $rule ) {
-        $updatable = 1;
-        if( isset( $rule['applicable_for'] ) ) {
-            switch ( $rule['applicable_for'] ) {
-                case 'no':
-                    break;
-                case 'roles':
-                    $exceptional_roles = $rule['exception_for-rules'];
-                    if( !empty( array_intersect( $exceptional_roles, get_userdata( get_current_user_id() )->roles ) ) ) {
-                        $updatable = 0;
-                    }
-                    break;
-                case 'users':
-                    $exceptional_users = $rule['exception_for-users'];
-                    if ( in_array( get_current_user_id(), $exceptional_users ) ) {
-                        $updatable = 0;
-                    }
-                    break;
-                default:
-                    break;
-            }
-        }
-        return $updatable;
-    }
-}
+)*/

myloyal/trunk/core/ajax-action.php

@@ -38 +38 @@
         add_action( 'wp_ajax_myloyal_save_rule_data', [ $this, 'save_rule_data' ] );
         add_action( 'wp_ajax_myloyal_save_badge_settings', [ $this, 'save_badge_settings' ] );
+
+        //reset point
+        add_action( 'wp_ajax_myloyal_reset_point', [ $this, 'reset_point'] );
     }
 
@@ -54 +57 @@
 
     public function save_badge_settings() {
-        $badge_settings = $_POST['badge_settings'];
+        $new_badge_settings = $_POST['badge_settings'];
         $post_id = $_POST['post_id'];
-        (new Post( $post_id ))->set_meta( 'badge_settings', $badge_settings );
+
+        //first, take saved badge settings, and modify badges from option with it to clean up previous data
+        $instance_post = new Instance_Post( $post_id );
+        $badge_settings = $instance_post->get_meta( 'badge_settings' );
+        !is_array( $badge_settings ) ? $badge_settings = [] : '';
+        if ( isset( $badge_settings['target_point'] ) ) {
+            $badges = Options::instance()->get_option( 'badges', 'myloyal' );
+            !is_array( $badges ) ? $badges = [] : '';
+            if ( isset( $badges[ $badge_settings['target_point'] ] ) ) {
+                foreach ( $badges[ $badge_settings['target_point'] ] as $term => $badge_ids ) {
+                    if ( in_array( $post_id, $badge_ids ) ) {
+                        unset( $badges[ $badge_settings['target_point'] ][$term][ array_search( $post_id , $badges[ $badge_settings['target_point'] ][$term] ) ] );
+                        if ( empty( $badges[ $badge_settings['target_point'] ][$term] ) ) {
+                            unset( $badges[ $badge_settings['target_point'] ][$term] );
+                            if ( empty( $badges[ $badge_settings['target_point'] ] ) ) {
+                                unset( $badges[ $badge_settings['target_point'] ] );
+                            }
+                        }
+                    }
+                }
+            }
+            Options::instance()->set_option( 'badges', 'myloyal', $badges );
+        }
+
+        $instance_post->set_meta( 'badge_settings', $new_badge_settings );
         wp_send_json_success([
             'msg' => 'Settings saved successfully !'
         ]);
     }
+
+    public function reset_point() {
+        if ( ! Functions::instance()->current_user_can( 'reset_points' ) ) wp_send_json_error([ 'msg' => __( 'You cannot reset point !', 'myloyal' )]);
+        $new_point = intval( sanitize_text_field( $_POST['new_point'] ) );
+        $user_id = $_POST['user_id'];
+        $instance_user = new Instance_User( $user_id );
+        $old_point = $instance_user->get_meta( 'points' );
+        $result = $instance_user->set_meta( 'points', $new_point );
+        if( $result ) {
+            do_action( 'myloyal_after_set_point', $result, $new_point, $old_point, $instance_user );
+            wp_send_json_success( [
+                'msg' => 'Point is reset !'
+            ]);
+        }
+        wp_send_json_error( ['msg' => __( 'Something went wrong !', 'myloyal' )] );
+    }
 }

myloyal/trunk/core/data-point-rules.php

@@ -1 +1 @@
 <?php
-global $myloyal_point_rules, $myloyal_badge_rule;
+global $myloyal_point_rules, $myloyal_badge_rule, $myloyal_case_hooks;
+$all_roles = get_editable_roles();
+$roles = [];
+foreach ( $all_roles as $role_name => $role_array ) {
+    $roles[$role_name] = $role_array['name'];
+}
+
 $common_fields = [
     [
@@ -30 +36 @@
         'options' => [
             'own' => __( 'Who perform this', 'myloyal'),
-            /*'all' => __( 'All Users', 'myloyal' ),
-            'roles' => __( 'Following Roles', 'myloyal' ),
-            'users' => __( 'Specific Users', 'myloyal' )*/
         ],
         'default' => 'own'
@@ -136 +139 @@
         'type' => 'select',
         'label' => 'Selected Roles',
+        'multiple' => true,
         'desc' => 'Roles with users to who this rule will be applied',
         'options' => [
@@ -167 +171 @@
 ];
 $myloyal_point_rules =  [
-        'when_user_login' => [
-            'hook' => 'wp_login',
-            'label' => 'When User Login',
-            'fields' => $common_fields
-        ],
-    'when_user_create_post' => [
-        'hook' => 'save_post',
-        'label' => 'When user create post',
-        'fields' => array_merge( $common_fields, [
-            [
-                'type' => 'string',
-                'string' => 'for '
-            ],
-            [
-                'name' => 'is_update',
+    'when_user_visit_site' => [
+        'hook' => $myloyal_case_hooks['when_user_visit_site'],
+        'label' => __( 'When user visit site', 'myloyal' ),
+        'fields' => [
+            [
+                'type' => 'string',
+                'string' => ' Through '
+            ],
+            [
+                'name' => 'visitable_page',
+                'type' => 'select',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'sel_page' => __( 'following pages', 'myloyal' )
+                ]
+            ],
+            [
+                'name' => 'sel_page',
+                'type' => 'select',
+                'options' => [
+                    '1' => __( 'page1', 'myloyal' ),
+                    '2' => __( 'page1', 'myloyal' ),
+                ],
+                'multiple' => true,
+                'visible' => [
+                    [
+                        'key' => 'visitable_page',
+                        'val' => 'sel_page'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => ' page and if the user is '
+            ],
+            [
+                'name' => 'user_type',
+                'type' => 'select',
+                'options' => [
+                    'guest' => __( 'guest', 'myloyal' ),
+                    'logged_in' => __( 'logged in', 'myloyal' )
+                ]
+            ],
+            [
+                'type' => 'string',
+                'string' => ' user '
+            ],
+            [
+                'name' => 'role_constrain_type',
+                'type' => 'select',
+                'options' => [
+                    'include' => __( 'with', 'myloyal' ),
+                    'logged_in' => __( 'not with', 'myloyal' )
+                ],
+                'visible' => [
+                    [
+                        'key' => 'user_type',
+                        'val' => 'logged_in'
+                    ]
+                ],
+            ],
+            [
+                'name' => 'user_role',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => [
+                    'all' => __( 'Any', 'myloyal' ),
+                    'role1' => __( 'Role1', 'myloyal' ),
+                    'role2' => __( 'Role2', 'myloyal' )
+                ],
+                'visible' => [
+                    [
+                        'key' => 'user_type',
+                        'val' => 'logged_in'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => 'Then'
+            ],
+            [
+                'name' => 'action',
+                'type' => 'select',
+                'label' => 'Action',
+                'options' => [
+                    'add' => 'Add',
+                    'deduct' => 'Deduct'
+                ],
+                'default' => 'add',
+                'desc' => '',
+            ],
+            [
+                'name' => 'point',
+                'type' => 'number',
+                'label' => 'Point',
+                'default' => 1,
+                'desc' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => __( 'to', 'myloyal' )
+            ],
+            [
+                'name' => 'target_actor',
                 'type' => 'select',
                 'label' => '',
+                'options' => [
+                    'own' => __( 'him', 'myloyal'),
+                ],
+                'default' => 'own'
+            ],
+        ]
+    ],
+    'when_user_register' => [
+        'hook' => $myloyal_case_hooks['when_user_register'],
+        'label' => __( 'When user registers', 'myloyal' ),
+        'fields' => [
+            [
+                'type' => 'string',
+                'string' => __( ' as ')
+            ],
+            [
+                'name' => 'role',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' role(s), Then ','myloyal' )
+            ],
+            [
+                'name' => 'action',
+                'type' => 'select',
+                'label' => 'Action',
+                'options' => [
+                    'add' => 'Add',
+                    'deduct' => 'Deduct'
+                ],
+                'default' => 'add',
                 'desc' => '',
-                'options' => [
-                    'all' => 'Both creating and updating',
-                    'create' => 'Creating',
-                    'update' => 'Updating'
+            ],
+            [
+                'name' => 'point',
+                'type' => 'number',
+                'label' => 'Point',
+                'default' => 1,
+                'desc' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => __( 'to', 'myloyal' )
+            ],
+            [
+                'name' => 'target_actor',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'own' => __( 'him', 'myloyal'),
+                ],
+                'default' => 'own'
+            ],
+        ]
+    ],
+    'when_user_gets_comment' => [
+        'hook' => $myloyal_case_hooks['when_user_gets_comment'],
+        'label' => __( 'When user gets comment', 'myloyal' ),
+        'fields' => [
+            [
+                'type' => 'string',
+                'string' => __( 'for his post, if the post is', 'myloyal' )
+            ],
+            [
+                'name' => 'sel_post',
+                'type' => 'select',
+                'label' => 'Selected Post',
+                'desc' => '',
+                'options' => [
+                    'all' => __( 'Any post', 'myloyal' ),
+                    'sel_post' => __( 'Any of the following post', 'myloyal')
                 ],
                 'default' => 'all'
             ],
             [
-                'type' => 'string',
-                'string' => ' post with post type'
+                'name' => 'sel_post_ids',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => [],
+                'visible' => [
+                    [
+                        'key' => 'sel_post',
+                        'val' => 'sel_post'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => 'and the post is of '
             ],
             [
@@ -201 +376 @@
                 'label' => 'Post Type',
                 'desc' => '',
-                'options' => array_merge( ['all' => 'Any post type'], get_post_types()),
-                'default' => 'post'
-            ],
-            [
-                'type' => 'string',
-                'string' => 'and status'
+                'multiple' => true,
+                'options' => array_merge( ['all' => 'Any'], get_post_types()),
+                'default' => 'all'
+            ],
+            [
+                'type' => 'string',
+                'string' => 'post type, and the post status is '
             ],
             [
@@ -213 +389 @@
                 'label' => 'Post Status',
                 'desc' => '',
+                'multiple' => true,
                 'options' => array_merge( ['all' => 'Any'],get_post_statuses()),
                 'default' => 'publish'
             ],
-        ])
-    ],
-        'when_user_create_comment' => [
-            'hook' => 'wp_insert_comment',
-            'label' => 'When user create comment',
-            'fields' => array_merge( $common_fields, [
-                [
-                    'type' => 'string',
-                    'string' => 'for '
-                ],
-                [
-                    'type' => 'string',
-                    'string' => ' creating'
-                ],
-                [
-                    'type' => 'string',
-                    'string' => ' comment in'
+            [
+                'type' => 'string',
+                'string' => ' and the post creator '
+            ],
+            [
+                'name' => 'post_author_constrain',
+                'type' => 'select',
+                'options' => [
+                    'include' => __( 'is', 'myloyal' ),
+                    'exclude' => __( 'is not', 'myloyal' ),
+                ]
+            ],
+            [
+                'name' => 'constrain_author_list',
+                'type' => 'select',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'sel_user' => __( 'following', 'myloyal' ),
+                ]
+            ],
+            [
+                'type' => 'string',
+                'string' => ' user(s) '
+            ],
+            [
+                'name' => 'constrain_author_ids',
+                'type' => 'select',
+                'options' => [],
+                'multiple' => true,
+                'visible' => [
+                    [
+                        'key' => 'constrain_author_list',
+                        'val' => 'sel_user'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => ' and have '
+            ],
+            [
+                'name' => 'constrain_author_role',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+            ],
+            [
+                'type' => 'string',
+                'string' => ' role(s) '
+            ],
+            [
+                'type' => 'string',
+                'string' => ' and if the commentator '
+            ],
+            [
+                'name' => 'commenter_constrain',
+                'type' => 'select',
+                'options' => [
+                    'include' => __( 'is', 'myloyal' ),
+                    'exclude' => __( 'is not', 'myloyal' ),
+                ]
+            ],
+            [
+                'name' => 'constrain_commenter_list',
+                'type' => 'select',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'sel_user' => __( 'following', 'myloyal' ),
+                ]
+            ],
+            [
+                'type' => 'string',
+                'string' => ' user(s) '
+            ],
+            [
+                'name' => 'constrain_commenter_ids',
+                'type' => 'select',
+                'options' => [],
+                'visible' => [
+                    [
+                        'key' => 'constrain_commenter_list',
+                        'val' => 'sel_user'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => ' and have '
+            ],
+            [
+                'name' => 'constrain_commenter_role',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+            ],
+            [
+                'type' => 'string',
+                'string' => ' role(s) '
+            ],
+            [
+                'type' => 'string',
+                'string' => ' Then '
+            ],
+            [
+                'name' => 'action',
+                'type' => 'select',
+                'label' => 'Action',
+                'options' => [
+                    'add' => 'Add',
+                    'deduct' => 'Deduct'
+                ],
+                'default' => 'add',
+                'desc' => '',
+            ],
+            [
+                'name' => 'point',
+                'type' => 'number',
+                'label' => 'Point',
+                'default' => 1,
+                'desc' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => __( 'to', 'myloyal' )
+            ],
+            [
+                'name' => 'target_actor',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'post_author' => __( 'Post Author', 'myloyal'),
+                    /*'all' => __( 'All Users', 'myloyal' ),
+                    'roles' => __( 'Following Roles', 'myloyal' ),
+                    'users' => __( 'Specific Users', 'myloyal' )*/
+                ],
+                'default' => 'post_author'
+            ],
+
+        ]
+    ],
+    'when_user_login' => [
+        'hook' => $myloyal_case_hooks['when_user_login'],
+        'label' => 'When User Login',
+        'fields' => [
+            //
+            [
+                'type' => 'string',
+                'string' => __( 'If the user ', 'myloyal' )
+            ],
+            [
+                'name' => 'user_inclusion_type',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'include' => __( 'is', 'myloyal' ),
+                    'exclude' => __( 'is not', 'myloyal' )
+                ],
+                'default' => 'all'
+            ],
+            [
+                'name' => 'applicable_for-user_type',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'users' => __( 'following', 'myloyal' )
+                ],
+                'default' => 'all'
+            ],
+            [
+                'type' => 'string',
+                'string' => ' user(s)'
+            ],
+            [
+                'name' => 'applicable_for-users',
+                'type' => 'select',
+                'label' => 'Selected Users',
+                'multiple' => true,
+                'desc' => 'Users to who this rule will be applied',
+                'options' => [
+                    'user1' => 'User1'
+                ],
+                'visible' => [
+                    [
+                        'key' => 'applicable_for-user_type',
+                        'val' => 'users'
+                    ]
+                ],
+                'default' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => ' , and '
+            ],
+            [
+                'name' => 'role_inclusion_type',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'include' => __( 'has', 'myloyal' ),
+                    'exclude' => __( 'has not', 'myloyal' )
+                ],
+                'default' => 'all'
+            ],
+            [
+                'name' => 'applicable_for-role_type',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'roles' => __( 'following', 'myloyal' )
+                ],
+                'default' => 'all'
+            ],
+            [
+                'type' => 'string',
+                'string' => ' role(s)'
+            ],
+            [
+                'name' => 'applicable_for-roles',
+                'type' => 'select',
+                'label' => 'Selected Roles',
+                'multiple' => true,
+                'desc' => 'Roles with users to who this rule will be applied',
+                'options' => [
+                    'role1' => 'Role1'
+                ],
+                'visible' => [
+                    [
+                        'key' => 'applicable_for-role_type',
+                        'val' => 'roles'
+                    ]
+                ],
+                'default' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => ' Then '
+            ],
+            //
+            [
+                'name' => 'action',
+                'type' => 'select',
+                'label' => 'Action',
+                'options' => [
+                    'add' => 'Add',
+                    'deduct' => 'Deduct'
+                ],
+                'default' => 'add',
+                'desc' => '',
+            ],
+            [
+                'name' => 'point',
+                'type' => 'number',
+                'label' => 'Point',
+                'default' => 1,
+                'desc' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => __( 'to', 'myloyal' )
+            ],
+            [
+                'name' => 'target_actor',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'own' => __( 'him', 'myloyal'),
+                ],
+                'default' => 'own'
+            ],
+            //
+        ]
+    ],
+    'when_user_creates_post' => [
+        'hook' => $myloyal_case_hooks['when_user_creates_post'],
+        'label' => __( 'When user creates/updates post', 'myloyal' ),
+        'fields' => [
+            [
+                'type' => 'string',
+                'string' => __( 'If the user is ', 'myloyal' )
+            ],
+            [
+                'name' => 'user_type',
+                'type' => 'select',
+                'options' => [
+                    'all' => __( 'any', 'myloyal' ),
+                    'sel_user' => __( 'following', 'myloyal' ),
+                ]
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' user(s) ', 'myloyal' )
+            ],
+            [
+                'name' => 'sel_users',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => [
+                    'user1' => __( 'User1', 'myloyal' ),
+                    'user2' => __( 'User2', 'myloyal' )
+                ],
+                'visible' => [
+                    [
+                        'key' => 'user_type',
+                        'val' => 'sel_user'
+                    ]
+                ],
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' ,and if the user has ', 'myloyal' )
+            ],
+            [
+                'name' => 'role_types',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' roles, and if the post has ', 'myloyal' )
+            ],
+            [
+                'name' => 'post_statuses',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], get_post_statuses() )
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' post status and has ', 'myloyal' )
+            ],
+            [
+                'name' => 'post_types',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => array_merge( ['all' => __( 'any', 'myloyal' )], get_post_types() )
+            ],
+            [
+                'type' => 'string',
+                'string' => __( ' post type(s), and if the post is ', 'myloyal' )
+            ],
+            [
+                'name' => 'is_update',
+                'type' => 'select',
+                'multiple' => true,
+                'options' => [
+                    'false' => __( 'created', 'myloyal' ),
+                    'true' => __( 'updated', 'myloyal' ),
+                ]
+            ],
+            [
+                'type' => 'string',
+                'string' => '<div></div>'
+            ],
+            [
+                'type' => 'string',
+                'string' => 'Then '
+            ],
+            [
+                'name' => 'action',
+                'type' => 'select',
+                'label' => 'Action',
+                'options' => [
+                    'add' => 'Add',
+                    'deduct' => 'Deduct'
+                ],
+                'default' => 'add',
+                'desc' => '',
+            ],
+            [
+                'name' => 'point',
+                'type' => 'number',
+                'label' => 'Point',
+                'default' => 1,
+                'desc' => ''
+            ],
+            [
+                'type' => 'string',
+                'string' => __( 'to', 'myloyal' )
+            ],
+            [
+                'name' => 'target_actor',
+                'type' => 'select',
+                'label' => '',
+                'options' => [
+                    'own' => __( 'Who perform this', 'myloyal'),
+                ],
+                'default' => 'own'
+            ]
+        ]
+    ],
+        'when_user_creates_comment' => [
+            'hook' => $myloyal_case_hooks['when_user_creates_comment'],
+            'label' => __( 'When user creates comment', 'myloyal' ),
+            'fields' => [
+                [
+                    'type' => 'string',
+                    'string' => __( 'in a post, if the post is', 'myloyal' )
+                ],
+                [
+                    'name' => 'sel_post',
+                    'type' => 'select',
+                    'label' => 'Selected Post',
+                    'desc' => '',
+                    'options' => [
+                        'all' => __( 'Any post', 'myloyal' ),
+                        'sel_post' => __( 'Any of the following post', 'myloyal')
+                    ],
+                    'default' => 'all'
+                ],
+                [
+                    'name' => 'sel_post_ids',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => [],
+                    'visible' => [
+                        [
+                            'key' => 'sel_post',
+                            'val' => 'sel_post'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => 'and the post is of '
                 ],
                 [
@@ -239 +826 @@
                     'label' => 'Post Type',
                     'desc' => '',
-                    'options' => array_merge( ['all' => 'Any post type'], get_post_types()),
-                    'default' => 'post'
-                ]
-            ])
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => 'Any'], get_post_types()),
+                    'default' => 'all'
+                ],
+                [
+                    'type' => 'string',
+                    'string' => 'post type, and the post status is '
+                ],
+                [
+                    'name' => 'post_status',
+                    'type' => 'select',
+                    'label' => 'Post Status',
+                    'desc' => '',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => 'Any'],get_post_statuses()),
+                    'default' => 'publish'
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and the post creator '
+                ],
+                [
+                    'name' => 'post_author_constrain',
+                    'type' => 'select',
+                    'options' => [
+                        'include' => __( 'is', 'myloyal' ),
+                        'exclude' => __( 'is not', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'name' => 'constrain_author_list',
+                    'type' => 'select',
+                    'options' => [
+                        'all' => __( 'any', 'myloyal' ),
+                        'sel_user' => __( 'following', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' user(s) '
+                ],
+                [
+                    'name' => 'constrain_author_ids',
+                    'type' => 'select',
+                    'options' => [],
+                    'multiple' => true,
+                    'visible' => [
+                        [
+                            'key' => 'constrain_author_list',
+                            'val' => 'sel_user'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and have '
+                ],
+                [
+                    'name' => 'constrain_author_role',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' role(s) '
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and if the commentator '
+                ],
+                [
+                    'name' => 'commenter_constrain',
+                    'type' => 'select',
+                    'options' => [
+                        'include' => __( 'is', 'myloyal' ),
+                        'exclude' => __( 'is not', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'name' => 'constrain_commenter_list',
+                    'type' => 'select',
+                    'options' => [
+                        'all' => __( 'any', 'myloyal' ),
+                        'sel_user' => __( 'following', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' user(s) '
+                ],
+                [
+                    'name' => 'constrain_commenter_ids',
+                    'type' => 'select',
+                    'options' => [],
+                    'visible' => [
+                        [
+                            'key' => 'constrain_commenter_list',
+                            'val' => 'sel_user'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and have '
+                ],
+                [
+                    'name' => 'constrain_commenter_role',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' role(s) '
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' Then '
+                ],
+                [
+                    'name' => 'action',
+                    'type' => 'select',
+                    'label' => 'Action',
+                    'options' => [
+                        'add' => 'Add',
+                        'deduct' => 'Deduct'
+                    ],
+                    'default' => 'add',
+                    'desc' => '',
+                ],
+                [
+                    'name' => 'point',
+                    'type' => 'number',
+                    'label' => 'Point',
+                    'default' => 1,
+                    'desc' => ''
+                ],
+                [
+                    'type' => 'string',
+                    'string' => __( 'to', 'myloyal' )
+                ],
+                [
+                    'name' => 'target_actor',
+                    'type' => 'select',
+                    'label' => '',
+                    'options' => [
+                        'commenter' => __( 'Commenter', 'myloyal'),
+                        /*'all' => __( 'All Users', 'myloyal' ),
+                        'roles' => __( 'Following Roles', 'myloyal' ),
+                        'users' => __( 'Specific Users', 'myloyal' )*/
+                    ],
+                    'default' => 'post_author'
+                ],
+
+            ]
         ],
-        'when_user_update_comment' => [
-            'hook' => 'edit_comment',
-            'label' => 'When user update comment',
-            'fields' => array_merge( $common_fields, [
-                [
-                    'type' => 'string',
-                    'string' => 'for '
-                ],
-                [
-                    'type' => 'string',
-                    'string' => ' updating'
-                ],
-                [
-                    'type' => 'string',
-                    'string' => ' comment in'
+        'when_user_updates_comment' => [
+            'hook' => $myloyal_case_hooks['when_user_updates_comment'],
+            'label' => __( 'When user updates comment', 'myloyal' ),
+            'fields' => [
+                [
+                    'type' => 'string',
+                    'string' => __( 'in a post, if the post is', 'myloyal' )
+                ],
+                [
+                    'name' => 'sel_post',
+                    'type' => 'select',
+                    'label' => 'Selected Post',
+                    'desc' => '',
+                    'options' => [
+                        'all' => __( 'Any post', 'myloyal' ),
+                        'sel_post' => __( 'Any of the following post', 'myloyal')
+                    ],
+                    'default' => 'all'
+                ],
+                [
+                    'name' => 'sel_post_ids',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => [],
+                    'visible' => [
+                        [
+                            'key' => 'sel_post',
+                            'val' => 'sel_post'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => 'and the post is of '
                 ],
                 [
@@ -265 +1023 @@
                     'label' => 'Post Type',
                     'desc' => '',
-                    'options' => array_merge( ['all' => 'Any post type'], get_post_types()),
-                    'default' => 'post'
-                ]
-            ])
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => 'Any'], get_post_types()),
+                    'default' => 'all'
+                ],
+                [
+                    'type' => 'string',
+                    'string' => 'post type, and the post status is '
+                ],
+                [
+                    'name' => 'post_status',
+                    'type' => 'select',
+                    'label' => 'Post Status',
+                    'desc' => '',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => 'Any'],get_post_statuses()),
+                    'default' => 'publish'
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and the post creator '
+                ],
+                [
+                    'name' => 'post_author_constrain',
+                    'type' => 'select',
+                    'options' => [
+                        'include' => __( 'is', 'myloyal' ),
+                        'exclude' => __( 'is not', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'name' => 'constrain_author_list',
+                    'type' => 'select',
+                    'options' => [
+                        'all' => __( 'any', 'myloyal' ),
+                        'sel_user' => __( 'following', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' user(s) '
+                ],
+                [
+                    'name' => 'constrain_author_ids',
+                    'type' => 'select',
+                    'options' => [],
+                    'multiple' => true,
+                    'visible' => [
+                        [
+                            'key' => 'constrain_author_list',
+                            'val' => 'sel_user'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and have '
+                ],
+                [
+                    'name' => 'constrain_author_role',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' role(s) '
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and if the commentator '
+                ],
+                [
+                    'name' => 'commenter_constrain',
+                    'type' => 'select',
+                    'options' => [
+                        'include' => __( 'is', 'myloyal' ),
+                        'exclude' => __( 'is not', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'name' => 'constrain_commenter_list',
+                    'type' => 'select',
+                    'options' => [
+                        'all' => __( 'any', 'myloyal' ),
+                        'sel_user' => __( 'following', 'myloyal' ),
+                    ]
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' user(s) '
+                ],
+                [
+                    'name' => 'constrain_commenter_ids',
+                    'type' => 'select',
+                    'options' => [],
+                    'visible' => [
+                        [
+                            'key' => 'constrain_commenter_list',
+                            'val' => 'sel_user'
+                        ]
+                    ],
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' and have '
+                ],
+                [
+                    'name' => 'constrain_commenter_role',
+                    'type' => 'select',
+                    'multiple' => true,
+                    'options' => array_merge( ['all' => __( 'any', 'myloyal' )], $roles )
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' role(s) '
+                ],
+                [
+                    'type' => 'string',
+                    'string' => ' Then '
+                ],
+                [
+                    'name' => 'action',
+                    'type' => 'select',
+                    'label' => 'Action',
+                    'options' => [
+                        'add' => 'Add',
+                        'deduct' => 'Deduct'
+                    ],
+                    'default' => 'add',
+                    'desc' => '',
+                ],
+                [
+                    'name' => 'point',
+                    'type' => 'number',
+                    'label' => 'Point',
+                    'default' => 1,
+                    'desc' => ''
+                ],
+                [
+                    'type' => 'string',
+                    'string' => __( 'to', 'myloyal' )
+                ],
+                [
+                    'name' => 'target_actor',
+                    'type' => 'select',
+                    'label' => '',
+                    'options' => [
+                        'commenter' => __( 'Commenter', 'myloyal'),
+                        /*'all' => __( 'All Users', 'myloyal' ),
+                        'roles' => __( 'Following Roles', 'myloyal' ),
+                        'users' => __( 'Specific Users', 'myloyal' )*/
+                    ],
+                    'default' => 'post_author'
+                ],
+
+            ]
         ],
         'when_user_create_user' => [
-            'hook' => 'user_register',
+            'hook' => $myloyal_case_hooks['when_user_create_user'],
             'label' => 'When user create user',
             'fields' => array_merge( $common_fields, [

myloyal/trunk/core/meta-panel.php

@@ -59 +59 @@
             wp_set_object_terms( $post_id, 'common', 'achievements' );
             $terms = wp_get_post_terms( $post_id, 'achievements' );
-
         }
 
 
-        $badge_settings = (new Post($post_id))->get_meta('badge_settings' );
+        $badge_settings = (new Instance_Post($post_id))->get_meta('badge_settings' );
+
         if ( !is_array( $badge_settings ) ) {
             $badge_settings = [];
@@ -74 +74 @@
 
         if ( isset( $badge_settings['target_point'] ) ) {
-            $badges[$badge_settings['target_point']][$terms[0]->slug][] = $post_id;
-            $badges[$badge_settings['target_point']][$terms[0]->slug] = array_unique( $badges[$badge_settings['target_point']][$terms[0]->slug] );
+            $badges[$badge_settings['target_point']]['term_'.$terms[0]->term_id][] = $post_id;
+            $badges[$badge_settings['target_point']]['term_'.$terms[0]->term_id] = array_unique( $badges[$badge_settings['target_point']]['term_'.$terms[0]->term_id] );
         }
 
@@ -81 +81 @@
     }
 }
-
 /*$settings = [
     'badges' => [

myloyal/trunk/core/options.php

@@ -7 +7 @@
         'myloyal' => null, //sections = rule_data, badges
         //'rule_data' => null,
+        'myloyal_pages' => null, //[ 'user_profile' => id ]
     ];
 

myloyal/trunk/core/point-processor.php

@@ -36 +36 @@
 
     public function __construct() {
-        add_action( 'myloyal_process_point', [ $this, 'process_point_on_actions' ], 10, 2 );
-    }
-
-    public function process_point_on_actions( $hook, $rules_array ) {
-        switch ( $hook ) {
-            case 'save_post':
-                add_action( $hook, function ( $post_id, $post, $update ) use ( $hook, $rules_array ) {
-                    $this->process_on_save_post( $post_id, $post, $update, $hook, $rules_array );
-                }, 10, 3 );
-                break;
-            case 'wp_insert_comment':
-                add_action( $hook, function ( $id, $comment ) use ( $hook, $rules_array ) {
-                    $this->process_on_wp_insert_comment( $id, $comment, $hook, $rules_array );
-                }, 10, 2 );
-                break;
-            case 'edit_comment':
-                add_action( $hook, function ( $id, $comment ) use ( $hook, $rules_array ) {
-                    $this->process_on_edit_comment( $id, $comment, $hook, $rules_array );
-                }, 10, 2 );
-                break;
-            case 'user_register':
-                add_action( $hook, function ( $user_id, $userdata ) use ( $hook, $rules_array ) {
-                    $this->{'process_on_'.$hook}( $user_id, $userdata, $hook, $rules_array );
-                }, 10, 2 );
-                break;
-        }
-    }
-
-    /**
-     * @param $post_id
-     * @param $post
-     * @param $update
-     * @param $hook
-     * @param $rules_array
-     */
-    public function process_on_save_post( $post_id, $post, $update, $hook, $rules_array ) {
-        foreach ( $rules_array as $k => $rule ) {
-            $updatable = 1;
-
-            //check is_update
-            if( $rule['is_update'] != 'all' ) {
-                if ( ( $update && $rule['is_update'] == 'create' ) || ( !$update && $rule['is_update'] == 'update' ) ) {
-                    return;
-                }
-            }
-
-            //check post type
-            if ( $rule['post_type'] != 'all' && $post->post_type !== $rule['post_type'] ) {
-                return;
-            }
-
-            //check post status
-            if( $rule['post_status'] !== 'all' && $post->post_status !== $rule['post_status'] ) {
-                return;
-            }
-
-            $bool = apply_filters( 'myloyal_before_calculate_point', true, $rule, $hook );
-            if ( $bool ) {
-                $point = Action_Runner::instance()->calculate_point( $rule );
-            }
-            $bool = apply_filters( 'myloyal_after_calculate_point', $bool, $rule, $hook );
-
-            if ( $bool ) {
-                Action_Runner::instance()->set_point( $rule, $point );
-            }
-        }
-    }
-
-    /**
-     * @param $id
-     * @param $comment
-     * @param $hook
-     * @param $rules_array
-     */
-    function process_on_wp_insert_comment( $id, $comment, $hook, $rules_array ) {
-
-        foreach ( $rules_array as $k => $rule ) {
-            //check post type
-            if ( $rule['post_type'] !== 'all' && get_post_type( $comment->comment_post_ID ) !== $rule['post_type'] ) {
-                return;
-            }
-
-            $point = Action_Runner::instance()->calculate_point( $rule );
-            Action_Runner::instance()->set_point( $rule, $point );
-        }
     }
 
@@ -130 +45 @@
      */
     function process_on_edit_comment( $id, $comment, $hook, $rules_array ) {
-        foreach ( $rules_array as $k => $rule ) {
-            //check post type
-            if ( $rule['post_type'] !== 'all' && get_post_type( $comment['comment_post_ID'] ) !== $rule['post_type'] ) {
-                return;
-            }
-
-            $point = Action_Runner::instance()->calculate_point( $rule );
-            Action_Runner::instance()->set_point( $rule, $point );
-        }
     }
 
     /**
-     * @param $user_id
-     * @param $userdata
      * @param $hook
      * @param $rules_array
      */
-    public function process_on_user_register( $user_id, $userdata, $hook, $rules_array ) {
-        foreach ( $rules_array as $k => $rule ) {
-
-            if ( $rule['case'] == 'when_user_create_user' ) {
-                //check if the creator is the registerer himself, if so, return
-                if( get_current_user_id() == $user_id ) {
-                    return;
-                }
-            } elseif ( $rule['case'] == 'when_user_register' ) {
-                if( get_current_user_id() != $user_id ) {
-                    return;
-                }
-            }
-
-            //check role for created user
-            if ( empty( array_intersect( ['all', $userdata['role'] ], $rule['role'] ) ) ) {
-                return;
-            }
-
-            $point = Action_Runner::instance()->calculate_point( $rule );
-            Action_Runner::instance()->set_point( $rule, $point );
-        }
+    public function wp_head() {
     }
 

myloyal/trunk/core/point-rule.php

@@ -37 +37 @@
 
     public function __construct() {
-        add_action( 'myloyal_after_set_point', [ $this, 'assign_badge' ], 10, 3 );
-    }
 
-    public function assign_badge( $result, $new_point, $old_point ) {
-        //check if any badge applicable
-        if ( $result ) {
-            $badges = Options::instance()->get_option( 'badges', 'myloyal', [] );
-
-            $to = $from = null;
-            $increse = null;
-
-            if ( $new_point > $old_point ) {
-                $from = $old_point;
-                $to = $new_point;
-                $increse = true;
-            } elseif ( $new_point < $old_point ) {
-                //decrease, detach badge
-                $from = $new_point;
-                $to = $old_point;
-                $increse = false;
-            }
-
-            if ( !is_null( $increse ) ) {
-                foreach ( $badges as $point => $point_data) {
-                    if ( $point >= $to && $point <= $from ) {
-                        if ( $increse ) {
-                            //attach
-
-                        } else {
-                            //detach
-                        }
-                    }
-                }
-            }
-            $badges = Options::instance()->get_option( 'badges', 'myloyal', [] );
-
-        }
     }
 }

myloyal/trunk/core/user-actions.php

@@ -37 +37 @@
     public function __construct() {
         add_action( 'show_user_profile', [ $this, 'user_profile_fields' ] );
+        add_action( 'admin_footer', [ $this, 'wp_footer'] );
     }
 
@@ -42 +43 @@
         ?>
         <h3><?php _e( 'myLoyal Info', 'myloyal' ); ?></h3>
-        <table class="form-table">
+        <input type="hidden" name="user_id" value="<?php echo $user->ID; ?>">
+        <table class="form-table">
             <tr>
                 <th><label for="address"><?php _e("Points Achieved", 'myloyal'); ?></label></th>
                 <td>
-                    <?php echo ( new User( $user->ID ) )->get_meta('points'); ?>
+                    <span class="myloyal-user-points">
+                        <?php echo ( new Instance_User( $user->ID ) )->get_meta('points'); ?>
+                    </span>
                 </td>
+                <?php
+                if ( Functions::instance()->current_user_can( 'reset_points' ) )  {
+                    ?>
+                    <td>
+                        <div style="margin-bottom:10px;">
+                            <a href="javascript:" class="btn btn-danger myloyal_reset_toggle_handler"><?php esc_attr_e( 'Reset Point', 'myloyal' ); ?></a>
+                        </div>
+                        <div class="myloyal_new_point_container">
+                            <input type="number" name="myloyal_new_point" value="0">
+                            <a href="javascript:" class="myloyal_reset_point"><?php _e( 'Reset', 'myloyal' ); ?></a>
+                        </div>
+                    </td>
+                    <?php
+                }
+                ?>
             </tr>
         </table>
+
+<?php
+    }
+
+    public function wp_footer() {
+        global $pagenow;
+        if ( $pagenow !== 'profile.php' ) return;
+        ?>
+        <style>
+            .myloyal_new_point_container {
+                display: none;
+            }
+        </style>
+        <script>
+            (function ($) {
+                $('.myloyal_reset_toggle_handler').click(function () {
+                    $('.myloyal_new_point_container').toggle();
+                });
+                $('.myloyal_reset_point').click(function () {
+                    $.post(
+                        ajaxurl,
+                        {
+                            action: 'myloyal_reset_point',
+                            new_point: $('[name="myloyal_new_point"]').val(),
+                            user_id: $('[name="user_id"]').val()
+                        },
+                        function (res) {
+                            if ( res.success ) {
+                                $('.myloyal-user-points').html( $('[name="myloyal_new_point"]').val() );
+                            }
+                            $('.myloyal_new_point_container').toggle();
+                        }
+                    )
+                });
+            }(jQuery))
+        </script>
 <?php
     }

myloyal/trunk/myloyal.php

@@ -5 +5 @@
  * Plugin URI:
  * Description:       Manage points, rewards, gamifications, ranks, badges on user activities on your site
- * Version:           1.0
+ * Version:           1.0.1
  * Author:            CyberCraft
  * Author URI:
@@ -34 +34 @@
 use myLoyal\core\Admin_Menu;
 use myLoyal\core\Ajax_Action;
+use myLoyal\core\Badge_Actions;
 use myLoyal\core\Meta_Panel;
 use myLoyal\core\Options;
 use myLoyal\core\Point_Processor;
+use myLoyal\core\Point_Rule;
 use myLoyal\core\Post_Types;
 use myLoyal\core\User_Actions;
@@ -49 +51 @@
 spl_autoload_register(function ($class_name) {
     $file = strtolower( str_replace( ['\\','_'], ['/','-'], $class_name ) ).'.php';
-    if ( file_exists( dirname( __DIR__ ) . '/' . $file ) ) {
-        include_once __DIR__.'/core/'.strtolower( str_replace( '_', '-', array_pop(explode('\\', $class_name) ) ) ).'.php';
+    $file = str_replace('myloyal', '', $file);
+    if ( file_exists( __DIR__ . '/' . $file ) ) {
+        include_once __DIR__ . '/' . $file;
     }
 });
@@ -58 +61 @@
 
 use As247\WpEloquent\Application;
+use myLoyal\migrations\Badge_User;
+use myLoyal\migrations\Log;
+use myLoyal\shortcodes\User_Profile;
 
 Application::bootWp();
@@ -98 +104 @@
         register_activation_hook( __FILE__, [ $this, 'on_active' ] );
         $this->includes();
+        User_Profile::instance();
         Meta_Panel::instance();
-        Point_Processor::instance();
         User_Actions::instance();
+        Badge_Actions::instance();
         Ajax_Action::instance();
         Post_Types::instance();
         Admin_Menu::instance();
+        Point_Processor::instance();
         Action_Runner::instance();
+        Point_Rule::instance();
     }
 
     public function includes() {
-        include_once MYLOYAL_PATH . 'core/data-point-rules.php';
+        include_once MYLOYAL_PATH . 'core/data-case-hooks.php';
+        add_action( 'admin_init', function () {
+            include_once MYLOYAL_PATH . 'core/data-point-rules.php';
+        });
     }
 
     public function on_active() {
         //install db tables
-        include_once 'migrations/class-badge-user.php';
+        (new Badge_User())->run();
+        (new Log())->run();
+
+        //create a page with shortcode
+        $myloyal_pages = Options::instance()->get_option( 'myloyal_pages' );
+        if ( !$myloyal_pages || !isset( $myloyal_pages['user_profile'] ) ) {
+            $args = [
+                'post_type' => 'page',
+                'post_status' => 'publish',
+                'post_title' => 'myLoyal User Profile',
+                'post_content' => '[myloyal_user_profile]'
+            ];
+            $post_id = wp_insert_post( $args );
+            $myloyal_pages['user_profile'] = $post_id;
+            Options::instance()->set_option( 'myloyal_pages', null, $myloyal_pages );
+        }
     }
 }

myloyal/trunk/package-lock.json

@@ -1324 +1324 @@
             }
         },
+        "@vue/composition-api": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@vue/composition-api/-/composition-api-1.2.1.tgz",
+            "integrity": "sha512-Gea21Vyl2PVDLc6Fq1rr5poI2qU+1WjGze6oykWDSiGEII72n11XdZOSqF6BA53CXZZVs27cz3S3mfJM0a59Vw==",
+            "dev": true,
+            "requires": {
+                "tslib": "^2.3.0"
+            },
+            "dependencies": {
+                "tslib": {
+                    "version": "2.3.1",
+                    "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
+                    "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
+                    "dev": true
+                }
+            }
+        },
+        "@vueform/multiselect": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/@vueform/multiselect/-/multiselect-2.2.0.tgz",
+            "integrity": "sha512-ozY8/JDAmrBITgEmgB61Grffw3xlQm0E7od/wRsCjx9eFFCAlguLsPOAXZz5Y8eHVjLR7RPA2M5L6A3Exttmeg=="
+        },
         "@webassemblyjs/ast": {
             "version": "1.9.0",
@@ -11308 +11330 @@
             }
         },
-        "vue-multiselect": {
-            "version": "2.1.6",
-            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-2.1.6.tgz",
-            "integrity": "sha512-s7jmZPlm9FeueJg1RwJtnE9KNPtME/7C8uRWSfp9/yEN4M8XcS/d+bddoyVwVnvFyRh9msFo0HWeW0vTL8Qv+w=="
-        },
         "vue-router": {
             "version": "3.5.2",

myloyal/trunk/package.json

@@ -11 +11 @@
     },
     "devDependencies": {
+        "@vue/composition-api": "^1.2.1",
         "bootstrap": "^4.3.1",
         "cross-env": "^5.1",
@@ -29 +30 @@
         "@ckeditor/ckeditor5-build-classic": "^15.0.0",
         "@ckeditor/ckeditor5-vue": "^1.0.0",
+        "@vueform/multiselect": "^2.2.0",
         "axios": "^0.19.0",
         "bootstrap-vue": "^2.0.0-rc.28",
         "dayspan-vuetify": "^0.4.0",
         "sweetalert2": "^9.4.0",
-        "vue-multiselect": "^2.1.6",
         "vue-router": "^3.0.6",
         "vue-simple-calendar": "^4.2.2",

myloyal/trunk/readme.txt

@@ -1 @@
-=== myLoyal ===
-Contributors: Mithublue, cybercraftit
-Tags: rewards, points, wallet, gamification, leaderboard, loyal
+=== myLoyal - reward, point, gamification and loyalty plugin with easy but smart yet rules ===
+Contributors: cybercraftit, Mithublue
+Tags: rewards, points, wallet, ranks, gamification, leaderboard, loyal,points, achievements, badges, awards, credits, engagement, emails, notifications, progress
 Requires at least: 5.0
-Tested up to: 5.8
+Tested up to: 5.8.1
 Requires PHP: 5.6
-Stable tag: 1.0
+Stable tag: 1.0.1
 License: GPLv3
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -13 +13 @@
 == Description ==
 
-Manage points, rewards, gamifications, ranks, badges on user activities on your site
+You can easily manage points, rewards, ranks and badges etc for your users in your site by setting RULES IN HUMAN READABLE FORMAT. This way you can keep
+users engaged into your site.
+
+== With myLoyal you can set rule to add/deduct points to/from users for ==
+
+* Creating post
+* Updating post
+* Having comments on post
+* Commenting
+* Registration
+* Login
+etc.
+
+You can also create badge and set a rule to earn that badge. Whoever completes the rule , will earn that badge.
+

myloyal/trunk/resources/js/app.js

@@ -1 +1 @@
 import Vue from 'vue';
-
 window.Vue = require('vue');
+// import Multiselect from '@vueform/multiselect';
+import VueCompositionAPI from '@vue/composition-api'
+import Multiselect from '@vueform/multiselect/dist/multiselect.vue2.js';
+import '@vueform/multiselect/themes/default.css';
+Vue.use(VueCompositionAPI)
+Vue.component('multiselect', Multiselect)
 
 var $ = jQuery;

myloyal/trunk/templates/admin/partials/badge-meta-panel.php

@@ -2 +2 @@
 global $post, $myloyal_badge_rule;
 $badges = \myLoyal\core\Options::instance()->get_option('badges', 'myloyal', [] );
-$badge_settings = (new \myLoyal\core\Post( $post->ID ) )->get_meta( 'badge_settings' );
+$badge_settings = (new \myLoyal\core\Instance_Post( $post->ID ) )->get_meta( 'badge_settings' );
 if ( !is_array( $badge_settings ) ) {
     $badge_settings = [];

myloyal/trunk/templates/admin/point-rules.php

@@ -1 +1 @@
 <?php
 global $myloyal_point_rules;
-//\myLoyal\pri($myloyal_point_rules);
 $data = \myLoyal\core\Options::instance()->get_option('rule_data', 'myloyal', array() );
+\myLoyal\pri($data);
 !is_array( $data ) ? $data = [] : '';
 $formated_rules = [];
@@ -17 +17 @@
     <a href="javascript:" class="btn bg-10B981 b-clr-10B981" @click="save_rules"
     ><?php _e('Save Rules','myloyal'); ?></a>
+    <a href="javascript:" class="btn btn-ffffff clr-10B981 b-clr-10B981" @click="expand_all"
+    ><?php _e('Expand All','myloyal'); ?></a>
 
     <div class="mt-10">
@@ -22 +24 @@
             <a @click="remove_rule(saved_rule)" href="javascript:" class="btn btn-FE2424 fr">Remove Rule</a>
 
-            <select v-model="saved_rule.case" class="w-100 mb-10">
+            <select v-model="saved_rule.case" class="w-100 mb-10 case_select" @change="on_change_save_rule(rule_key)">
                 <option :value="rule_case" v-for="(point_rule, rule_case) in point_rules">{{ point_rule.label }}</option>
             </select>
+
             <div>
-                <template v-for="(field, key) in point_rules[saved_rule.case].fields">
-                    <template v-if="!field.visible || ( field.visible && check_visibility_condition(saved_rule,field.visible) == true )">
-                        <template v-if="field.type == 'string'">
-                            <span v-html="field.string">
-                            </span>
-                        </template>
-                        <template v-if="field.type == 'select'">
-                            <template v-if="field.multiple == true">
-                                <select v-model="saved_rule[field.name]" multiple>
-                                    <option :value="value" v-for="(label, value) in field.options">{{ label }}</option>
-                                </select>
+                <a href="javascript:" @click="expand_rule(rule_key)"
+                v-if="expandables.indexOf(rule_key) == -1"
+                >Expand</a>
+                <a href="javascript:" @click="shrink_rule(rule_key)"
+                   v-if="expandables.indexOf(rule_key) !== -1"
+                >Shrink</a>
+                <div v-if="expandables.indexOf(rule_key) !== -1">
+                    <template v-for="(field, key) in point_rules[saved_rule.case].fields">
+                        <template v-if="!field.visible || ( field.visible && check_visibility_condition(saved_rule,field.visible) == true )">
+                            <template v-if="field.type == 'string'">
+                                <span v-html="field.string">
+                                </span>
                             </template>
-                            <template v-else>
-                                <select v-model="saved_rule[field.name]">
-                                    <option :value="value" v-for="(label, value) in field.options">{{ label }}</option>
-                                </select>
+                            <template v-if="field.type == 'select'">
+                                <template v-if="field.multiple == true">
+                                    <multiselect
+                                            v-model="saved_rule[field.name]"
+                                            :options="field.options"
+                                            mode="tags"
+                                    />
+                                    <!--<select v-model="saved_rule[field.name]" multiple>
+                                        <option :value="value" v-for="(label, value) in field.options">{{ label }}</option>
+                                    </select>-->
+                                </template>
+                                <template v-else>
+                                    <multiselect
+                                            v-model="saved_rule[field.name]"
+                                            :options="field.options"
+                                    />
+                                    <!--<select v-model="saved_rule[field.name]">
+                                        <option :value="value" v-for="(label, value) in field.options">{{ label }}</option>
+                                    </select>-->
+                                </template>
+                            </template>
+                            <template v-if="field.type == 'number'">
+                                <input type="number" v-model="saved_rule[field.name]"> {{ field.label }}
                             </template>
                         </template>
-                        <template v-if="field.type == 'number'">
-                            <input type="number" v-model="saved_rule[field.name]"> {{ field.label }}
-                        </template>
                     </template>
-                </template>
+                </div>
             </div>
         </div>
     </div>
 </div>
+<style>
+    [type='number'],[type='text']{
+        height: 40px;
+        border: 1px solid #ccc !important;
+    }
+    input, select,.multiselect{
+        margin-bottom:10px;
+    }
+    .multiselect{
+        display: inline-block;
+         min-width: 200px;
+        max-width: fit-content;
+    }
+    .multiselect-clear{
+        position: absolute;
+        right: 0;
+        top: 10px;
+    }
+</style>
 <script>
     var myloyal_point_rules = JSON.parse('<?php echo json_encode( $myloyal_point_rules ); ?>');
+    console.log(myloyal_point_rules);
     myloyal_vuedata.data = Object.assign( myloyal_vuedata.data, {
+        expandables: [],
+        test_val: 'a',
+        test_options: {
+            a: 'A',
+            b: 'B'
+        },
         test: 'This is test',
         point_rules: myloyal_point_rules,
@@ -61 +107 @@
     });
     myloyal_vuedata.methods = Object.assign( myloyal_vuedata.methods, {
+        expand_all: function () {
+            for ( var k in this.saved_rules ) {
+                if ( this.expandables.indexOf(parseInt(k)) == -1 ) {
+                    this.expandables.push(parseInt(k));
+                }
+            }
+            console.log(this.expandables);
+        },
+        expand_rule: function (rule_key) {
+            if( this.expandables.indexOf(rule_key) == -1 ) {
+                this.expandables.push(rule_key);
+            }
+            console.log(this.expandables);
+        },
+        shrink_rule: function (rule_key) {
+            if( this.expandables.indexOf(rule_key) !== -1 ) {
+                this.expandables.splice( this.expandables.indexOf( rule_key ), 1 );
+            }
+        },
         add_new_rule: function () {
             this.saved_rules.push({
@@ -66 +131 @@
             });
         },
+        on_change_save_rule:function ( rule_key ) {
+            this.expandables.splice( this.expandables.indexOf( rule_key ), 1 );
+            var _this = this;
+            setTimeout(function () {
+                _this.expandables.push(rule_key);
+            },1);
+        },
         check_visibility_condition: function (saved_rule,rule_condition) {
             var bool = true;