@eturnity/eturnity_reusable_components 8.22.12 → 8.22.13

package/dist/main.es18.js

@@ -1,1058 +1,101 @@
-import { isSymbol, hasChanged, isObject, NOOP, isArray, extend, toRawType, isFunction, def, hasOwn, isIntegerKey, isMap, makeMap, capitalize } from "./main.es378.js";
-function warn(msg, ...args) {
-  console.warn(`[Vue warn] ${msg}`, ...args);
-}
-let activeEffectScope;
-class EffectScope {
-  constructor(detached = false) {
-    this.detached = detached;
-    this._active = true;
-    this.effects = [];
-    this.cleanups = [];
-    this.parent = activeEffectScope;
-    if (!detached && activeEffectScope) {
-      this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(
-        this
-      ) - 1;
-    }
-  }
-  get active() {
-    return this._active;
-  }
-  run(fn) {
-    if (this._active) {
-      const currentEffectScope = activeEffectScope;
-      try {
-        activeEffectScope = this;
-        return fn();
-      } finally {
-        activeEffectScope = currentEffectScope;
-      }
-    } else if (!!(process.env.NODE_ENV !== "production")) {
-      warn(`cannot run an inactive effect scope.`);
-    }
-  }
-  /**
-   * This should only be called on non-detached scopes
-   * @internal
-   */
-  on() {
-    activeEffectScope = this;
-  }
-  /**
-   * This should only be called on non-detached scopes
-   * @internal
-   */
-  off() {
-    activeEffectScope = this.parent;
-  }
-  stop(fromParent) {
-    if (this._active) {
-      let i, l;
-      for (i = 0, l = this.effects.length; i < l; i++) {
-        this.effects[i].stop();
-      }
-      for (i = 0, l = this.cleanups.length; i < l; i++) {
-        this.cleanups[i]();
-      }
-      if (this.scopes) {
-        for (i = 0, l = this.scopes.length; i < l; i++) {
-          this.scopes[i].stop(true);
-        }
-      }
-      if (!this.detached && this.parent && !fromParent) {
-        const last = this.parent.scopes.pop();
-        if (last && last !== this) {
-          this.parent.scopes[this.index] = last;
-          last.index = this.index;
-        }
-      }
-      this.parent = void 0;
-      this._active = false;
-    }
-  }
-}
-function recordEffectScope(effect, scope = activeEffectScope) {
-  if (scope && scope.active) {
-    scope.effects.push(effect);
-  }
-}
-function getCurrentScope() {
-  return activeEffectScope;
-}
-const createDep = (effects) => {
-  const dep = new Set(effects);
-  dep.w = 0;
-  dep.n = 0;
-  return dep;
-};
-const wasTracked = (dep) => (dep.w & trackOpBit) > 0;
-const newTracked = (dep) => (dep.n & trackOpBit) > 0;
-const initDepMarkers = ({ deps }) => {
-  if (deps.length) {
-    for (let i = 0; i < deps.length; i++) {
-      deps[i].w |= trackOpBit;
-    }
-  }
-};
-const finalizeDepMarkers = (effect) => {
-  const { deps } = effect;
-  if (deps.length) {
-    let ptr = 0;
-    for (let i = 0; i < deps.length; i++) {
-      const dep = deps[i];
-      if (wasTracked(dep) && !newTracked(dep)) {
-        dep.delete(effect);
-      } else {
-        deps[ptr++] = dep;
-      }
-      dep.w &= ~trackOpBit;
-      dep.n &= ~trackOpBit;
-    }
-    deps.length = ptr;
-  }
-};
-const targetMap = /* @__PURE__ */ new WeakMap();
-let effectTrackDepth = 0;
-let trackOpBit = 1;
-const maxMarkerBits = 30;
-let activeEffect;
-const ITERATE_KEY = Symbol(!!(process.env.NODE_ENV !== "production") ? "iterate" : "");
-const MAP_KEY_ITERATE_KEY = Symbol(!!(process.env.NODE_ENV !== "production") ? "Map key iterate" : "");
-class ReactiveEffect {
-  constructor(fn, scheduler = null, scope) {
-    this.fn = fn;
-    this.scheduler = scheduler;
-    this.active = true;
-    this.deps = [];
-    this.parent = void 0;
-    recordEffectScope(this, scope);
-  }
-  run() {
-    if (!this.active) {
-      return this.fn();
-    }
-    let parent = activeEffect;
-    let lastShouldTrack = shouldTrack;
-    while (parent) {
-      if (parent === this) {
-        return;
-      }
-      parent = parent.parent;
-    }
-    try {
-      this.parent = activeEffect;
-      activeEffect = this;
-      shouldTrack = true;
-      trackOpBit = 1 << ++effectTrackDepth;
-      if (effectTrackDepth <= maxMarkerBits) {
-        initDepMarkers(this);
-      } else {
-        cleanupEffect(this);
-      }
-      return this.fn();
-    } finally {
-      if (effectTrackDepth <= maxMarkerBits) {
-        finalizeDepMarkers(this);
-      }
-      trackOpBit = 1 << --effectTrackDepth;
-      activeEffect = this.parent;
-      shouldTrack = lastShouldTrack;
-      this.parent = void 0;
-      if (this.deferStop) {
-        this.stop();
-      }
-    }
-  }
-  stop() {
-    if (activeEffect === this) {
-      this.deferStop = true;
-    } else if (this.active) {
-      cleanupEffect(this);
-      if (this.onStop) {
-        this.onStop();
-      }
-      this.active = false;
-    }
-  }
-}
-function cleanupEffect(effect2) {
-  const { deps } = effect2;
-  if (deps.length) {
-    for (let i = 0; i < deps.length; i++) {
-      deps[i].delete(effect2);
-    }
-    deps.length = 0;
-  }
-}
-let shouldTrack = true;
-const trackStack = [];
-function pauseTracking() {
-  trackStack.push(shouldTrack);
-  shouldTrack = false;
-}
-function resetTracking() {
-  const last = trackStack.pop();
-  shouldTrack = last === void 0 ? true : last;
-}
-function track(target, type, key) {
-  if (shouldTrack && activeEffect) {
-    let depsMap = targetMap.get(target);
-    if (!depsMap) {
-      targetMap.set(target, depsMap = /* @__PURE__ */ new Map());
-    }
-    let dep = depsMap.get(key);
-    if (!dep) {
-      depsMap.set(key, dep = createDep());
-    }
-    const eventInfo = !!(process.env.NODE_ENV !== "production") ? { effect: activeEffect, target, type, key } : void 0;
-    trackEffects(dep, eventInfo);
-  }
-}
-function trackEffects(dep, debuggerEventExtraInfo) {
-  let shouldTrack2 = false;
-  if (effectTrackDepth <= maxMarkerBits) {
-    if (!newTracked(dep)) {
-      dep.n |= trackOpBit;
-      shouldTrack2 = !wasTracked(dep);
-    }
-  } else {
-    shouldTrack2 = !dep.has(activeEffect);
-  }
-  if (shouldTrack2) {
-    dep.add(activeEffect);
-    activeEffect.deps.push(dep);
-    if (!!(process.env.NODE_ENV !== "production") && activeEffect.onTrack) {
-      activeEffect.onTrack(
-        extend(
-          {
-            effect: activeEffect
-          },
-          debuggerEventExtraInfo
-        )
-      );
-    }
-  }
-}
-function trigger(target, type, key, newValue, oldValue, oldTarget) {
-  const depsMap = targetMap.get(target);
-  if (!depsMap) {
-    return;
-  }
-  let deps = [];
-  if (type === "clear") {
-    deps = [...depsMap.values()];
-  } else if (key === "length" && isArray(target)) {
-    const newLength = Number(newValue);
-    depsMap.forEach((dep, key2) => {
-      if (key2 === "length" || key2 >= newLength) {
-        deps.push(dep);
-      }
-    });
-  } else {
-    if (key !== void 0) {
-      deps.push(depsMap.get(key));
-    }
-    switch (type) {
-      case "add":
-        if (!isArray(target)) {
-          deps.push(depsMap.get(ITERATE_KEY));
-          if (isMap(target)) {
-            deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
-          }
-        } else if (isIntegerKey(key)) {
-          deps.push(depsMap.get("length"));
-        }
-        break;
-      case "delete":
-        if (!isArray(target)) {
-          deps.push(depsMap.get(ITERATE_KEY));
-          if (isMap(target)) {
-            deps.push(depsMap.get(MAP_KEY_ITERATE_KEY));
-          }
-        }
-        break;
-      case "set":
-        if (isMap(target)) {
-          deps.push(depsMap.get(ITERATE_KEY));
-        }
-        break;
-    }
-  }
-  const eventInfo = !!(process.env.NODE_ENV !== "production") ? { target, type, key, newValue, oldValue, oldTarget } : void 0;
-  if (deps.length === 1) {
-    if (deps[0]) {
-      if (!!(process.env.NODE_ENV !== "production")) {
-        triggerEffects(deps[0], eventInfo);
-      } else {
-        triggerEffects(deps[0]);
-      }
-    }
-  } else {
-    const effects = [];
-    for (const dep of deps) {
-      if (dep) {
-        effects.push(...dep);
-      }
-    }
-    if (!!(process.env.NODE_ENV !== "production")) {
-      triggerEffects(createDep(effects), eventInfo);
-    } else {
-      triggerEffects(createDep(effects));
-    }
-  }
-}
-function triggerEffects(dep, debuggerEventExtraInfo) {
-  const effects = isArray(dep) ? dep : [...dep];
-  for (const effect2 of effects) {
-    if (effect2.computed) {
-      triggerEffect(effect2, debuggerEventExtraInfo);
-    }
-  }
-  for (const effect2 of effects) {
-    if (!effect2.computed) {
-      triggerEffect(effect2, debuggerEventExtraInfo);
-    }
-  }
-}
-function triggerEffect(effect2, debuggerEventExtraInfo) {
-  if (effect2 !== activeEffect || effect2.allowRecurse) {
-    if (!!(process.env.NODE_ENV !== "production") && effect2.onTrigger) {
-      effect2.onTrigger(extend({ effect: effect2 }, debuggerEventExtraInfo));
-    }
-    if (effect2.scheduler) {
-      effect2.scheduler();
-    } else {
-      effect2.run();
-    }
-  }
-}
-const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
-const builtInSymbols = new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
-);
-const get$1 = /* @__PURE__ */ createGetter();
-const shallowGet = /* @__PURE__ */ createGetter(false, true);
-const readonlyGet = /* @__PURE__ */ createGetter(true);
-const shallowReadonlyGet = /* @__PURE__ */ createGetter(true, true);
-const arrayInstrumentations = /* @__PURE__ */ createArrayInstrumentations();
-function createArrayInstrumentations() {
-  const instrumentations = {};
-  ["includes", "indexOf", "lastIndexOf"].forEach((key) => {
-    instrumentations[key] = function(...args) {
-      const arr = toRaw(this);
-      for (let i = 0, l = this.length; i < l; i++) {
-        track(arr, "get", i + "");
-      }
-      const res = arr[key](...args);
-      if (res === -1 || res === false) {
-        return arr[key](...args.map(toRaw));
-      } else {
-        return res;
-      }
-    };
-  });
-  ["push", "pop", "shift", "unshift", "splice"].forEach((key) => {
-    instrumentations[key] = function(...args) {
-      pauseTracking();
-      const res = toRaw(this)[key].apply(this, args);
-      resetTracking();
-      return res;
-    };
-  });
-  return instrumentations;
-}
-function hasOwnProperty(key) {
-  const obj = toRaw(this);
-  track(obj, "has", key);
-  return obj.hasOwnProperty(key);
-}
-function createGetter(isReadonly2 = false, shallow = false) {
-  return function get2(target, key, receiver) {
-    if (key === "__v_isReactive") {
-      return !isReadonly2;
-    } else if (key === "__v_isReadonly") {
-      return isReadonly2;
-    } else if (key === "__v_isShallow") {
-      return shallow;
-    } else if (key === "__v_raw" && receiver === (isReadonly2 ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) {
-      return target;
-    }
-    const targetIsArray = isArray(target);
-    if (!isReadonly2) {
-      if (targetIsArray && hasOwn(arrayInstrumentations, key)) {
-        return Reflect.get(arrayInstrumentations, key, receiver);
-      }
-      if (key === "hasOwnProperty") {
-        return hasOwnProperty;
-      }
-    }
-    const res = Reflect.get(target, key, receiver);
-    if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
-      return res;
-    }
-    if (!isReadonly2) {
-      track(target, "get", key);
-    }
-    if (shallow) {
-      return res;
-    }
-    if (isRef(res)) {
-      return targetIsArray && isIntegerKey(key) ? res : res.value;
-    }
-    if (isObject(res)) {
-      return isReadonly2 ? readonly(res) : reactive(res);
-    }
-    return res;
-  };
-}
-const set$1 = /* @__PURE__ */ createSetter();
-const shallowSet = /* @__PURE__ */ createSetter(true);
-function createSetter(shallow = false) {
-  return function set2(target, key, value, receiver) {
-    let oldValue = target[key];
-    if (isReadonly(oldValue) && isRef(oldValue) && !isRef(value)) {
-      return false;
-    }
-    if (!shallow) {
-      if (!isShallow(value) && !isReadonly(value)) {
-        oldValue = toRaw(oldValue);
-        value = toRaw(value);
-      }
-      if (!isArray(target) && isRef(oldValue) && !isRef(value)) {
-        oldValue.value = value;
-        return true;
-      }
-    }
-    const hadKey = isArray(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key);
-    const result = Reflect.set(target, key, value, receiver);
-    if (target === toRaw(receiver)) {
-      if (!hadKey) {
-        trigger(target, "add", key, value);
-      } else if (hasChanged(value, oldValue)) {
-        trigger(target, "set", key, value, oldValue);
-      }
-    }
-    return result;
-  };
-}
-function deleteProperty(target, key) {
-  const hadKey = hasOwn(target, key);
-  const oldValue = target[key];
-  const result = Reflect.deleteProperty(target, key);
-  if (result && hadKey) {
-    trigger(target, "delete", key, void 0, oldValue);
-  }
-  return result;
-}
-function has$1(target, key) {
-  const result = Reflect.has(target, key);
-  if (!isSymbol(key) || !builtInSymbols.has(key)) {
-    track(target, "has", key);
-  }
-  return result;
-}
-function ownKeys(target) {
-  track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY);
-  return Reflect.ownKeys(target);
-}
-const mutableHandlers = {
-  get: get$1,
-  set: set$1,
-  deleteProperty,
-  has: has$1,
-  ownKeys
-};
-const readonlyHandlers = {
-  get: readonlyGet,
-  set(target, key) {
-    if (!!(process.env.NODE_ENV !== "production")) {
-      warn(
-        `Set operation on key "${String(key)}" failed: target is readonly.`,
-        target
-      );
-    }
-    return true;
+import _sfc_main$1 from "./main.es24.js";
+import styled from "./main.es7.js";
+import "./main.es3.js";
+import _export_sfc from "./main.es11.js";
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, renderList, Fragment, createElementVNode as createBaseVNode, createTextVNode, createVNode } from "./main.es6.js";
+import { toDisplayString } from "./main.es21.js";
+const Wrapper = styled.div`
+    display: block;
+    text-align: center;
+    justify-items: center;
+    width: 100%;
+    background-color: #ccc;
+  `;
+const IconWrapper = styled.div`
+    display: inline-flex;
+    flex-direction: column;
+    background-color: white;
+    border-radius: 6px;
+    padding: 10px;
+    width: 220px;
+    text-align: center;
+    margin: 10px;
+  `;
+const _sfc_main = {
+  name: "CollectionComponent",
+  components: {
+    RCIcon: _sfc_main$1,
+    IconWrapper,
+    Wrapper
   },
-  deleteProperty(target, key) {
-    if (!!(process.env.NODE_ENV !== "production")) {
-      warn(
-        `Delete operation on key "${String(key)}" failed: target is readonly.`,
-        target
-      );
-    }
-    return true;
-  }
-};
-const shallowReactiveHandlers = /* @__PURE__ */ extend(
-  {},
-  mutableHandlers,
-  {
-    get: shallowGet,
-    set: shallowSet
-  }
-);
-const shallowReadonlyHandlers = /* @__PURE__ */ extend(
-  {},
-  readonlyHandlers,
-  {
-    get: shallowReadonlyGet
-  }
-);
-const toShallow = (value) => value;
-const getProto = (v) => Reflect.getPrototypeOf(v);
-function get(target, key, isReadonly2 = false, isShallow2 = false) {
-  target = target["__v_raw"];
-  const rawTarget = toRaw(target);
-  const rawKey = toRaw(key);
-  if (!isReadonly2) {
-    if (key !== rawKey) {
-      track(rawTarget, "get", key);
-    }
-    track(rawTarget, "get", rawKey);
-  }
-  const { has: has2 } = getProto(rawTarget);
-  const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-  if (has2.call(rawTarget, key)) {
-    return wrap(target.get(key));
-  } else if (has2.call(rawTarget, rawKey)) {
-    return wrap(target.get(rawKey));
-  } else if (target !== rawTarget) {
-    target.get(key);
-  }
-}
-function has(key, isReadonly2 = false) {
-  const target = this["__v_raw"];
-  const rawTarget = toRaw(target);
-  const rawKey = toRaw(key);
-  if (!isReadonly2) {
-    if (key !== rawKey) {
-      track(rawTarget, "has", key);
-    }
-    track(rawTarget, "has", rawKey);
-  }
-  return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
-}
-function size(target, isReadonly2 = false) {
-  target = target["__v_raw"];
-  !isReadonly2 && track(toRaw(target), "iterate", ITERATE_KEY);
-  return Reflect.get(target, "size", target);
-}
-function add(value) {
-  value = toRaw(value);
-  const target = toRaw(this);
-  const proto = getProto(target);
-  const hadKey = proto.has.call(target, value);
-  if (!hadKey) {
-    target.add(value);
-    trigger(target, "add", value, value);
-  }
-  return this;
-}
-function set(key, value) {
-  value = toRaw(value);
-  const target = toRaw(this);
-  const { has: has2, get: get2 } = getProto(target);
-  let hadKey = has2.call(target, key);
-  if (!hadKey) {
-    key = toRaw(key);
-    hadKey = has2.call(target, key);
-  } else if (!!(process.env.NODE_ENV !== "production")) {
-    checkIdentityKeys(target, has2, key);
-  }
-  const oldValue = get2.call(target, key);
-  target.set(key, value);
-  if (!hadKey) {
-    trigger(target, "add", key, value);
-  } else if (hasChanged(value, oldValue)) {
-    trigger(target, "set", key, value, oldValue);
-  }
-  return this;
-}
-function deleteEntry(key) {
-  const target = toRaw(this);
-  const { has: has2, get: get2 } = getProto(target);
-  let hadKey = has2.call(target, key);
-  if (!hadKey) {
-    key = toRaw(key);
-    hadKey = has2.call(target, key);
-  } else if (!!(process.env.NODE_ENV !== "production")) {
-    checkIdentityKeys(target, has2, key);
-  }
-  const oldValue = get2 ? get2.call(target, key) : void 0;
-  const result = target.delete(key);
-  if (hadKey) {
-    trigger(target, "delete", key, void 0, oldValue);
-  }
-  return result;
-}
-function clear() {
-  const target = toRaw(this);
-  const hadItems = target.size !== 0;
-  const oldTarget = !!(process.env.NODE_ENV !== "production") ? isMap(target) ? new Map(target) : new Set(target) : void 0;
-  const result = target.clear();
-  if (hadItems) {
-    trigger(target, "clear", void 0, void 0, oldTarget);
-  }
-  return result;
-}
-function createForEach(isReadonly2, isShallow2) {
-  return function forEach(callback, thisArg) {
-    const observed = this;
-    const target = observed["__v_raw"];
-    const rawTarget = toRaw(target);
-    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-    !isReadonly2 && track(rawTarget, "iterate", ITERATE_KEY);
-    return target.forEach((value, key) => {
-      return callback.call(thisArg, wrap(value), wrap(key), observed);
-    });
-  };
-}
-function createIterableMethod(method, isReadonly2, isShallow2) {
-  return function(...args) {
-    const target = this["__v_raw"];
-    const rawTarget = toRaw(target);
-    const targetIsMap = isMap(rawTarget);
-    const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
-    const isKeyOnly = method === "keys" && targetIsMap;
-    const innerIterator = target[method](...args);
-    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-    !isReadonly2 && track(
-      rawTarget,
-      "iterate",
-      isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
-    );
-    return {
-      // iterator protocol
-      next() {
-        const { value, done } = innerIterator.next();
-        return done ? { value, done } : {
-          value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-          done
-        };
-      },
-      // iterable protocol
-      [Symbol.iterator]() {
-        return this;
-      }
-    };
-  };
-}
-function createReadonlyMethod(type) {
-  return function(...args) {
-    if (!!(process.env.NODE_ENV !== "production")) {
-      const key = args[0] ? `on key "${args[0]}" ` : ``;
-      console.warn(
-        `${capitalize(type)} operation ${key}failed: target is readonly.`,
-        toRaw(this)
-      );
-    }
-    return type === "delete" ? false : this;
-  };
-}
-function createInstrumentations() {
-  const mutableInstrumentations2 = {
-    get(key) {
-      return get(this, key);
+  props: {
+    size: {
+      required: false,
+      type: String,
+      default: "30px"
     },
-    get size() {
-      return size(this);
+    color: {
+      required: false,
+      type: String,
+      default: "white"
     },
-    has,
-    add,
-    set,
-    delete: deleteEntry,
-    clear,
-    forEach: createForEach(false, false)
-  };
-  const shallowInstrumentations2 = {
-    get(key) {
-      return get(this, key, false, true);
-    },
-    get size() {
-      return size(this);
-    },
-    has,
-    add,
-    set,
-    delete: deleteEntry,
-    clear,
-    forEach: createForEach(false, true)
-  };
-  const readonlyInstrumentations2 = {
-    get(key) {
-      return get(this, key, true);
-    },
-    get size() {
-      return size(this, true);
-    },
-    has(key) {
-      return has.call(this, key, true);
-    },
-    add: createReadonlyMethod("add"),
-    set: createReadonlyMethod("set"),
-    delete: createReadonlyMethod("delete"),
-    clear: createReadonlyMethod("clear"),
-    forEach: createForEach(true, false)
-  };
-  const shallowReadonlyInstrumentations2 = {
-    get(key) {
-      return get(this, key, true, true);
-    },
-    get size() {
-      return size(this, true);
-    },
-    has(key) {
-      return has.call(this, key, true);
-    },
-    add: createReadonlyMethod("add"),
-    set: createReadonlyMethod("set"),
-    delete: createReadonlyMethod("delete"),
-    clear: createReadonlyMethod("clear"),
-    forEach: createForEach(true, true)
-  };
-  const iteratorMethods = ["keys", "values", "entries", Symbol.iterator];
-  iteratorMethods.forEach((method) => {
-    mutableInstrumentations2[method] = createIterableMethod(
-      method,
-      false,
-      false
-    );
-    readonlyInstrumentations2[method] = createIterableMethod(
-      method,
-      true,
-      false
-    );
-    shallowInstrumentations2[method] = createIterableMethod(
-      method,
-      false,
-      true
-    );
-    shallowReadonlyInstrumentations2[method] = createIterableMethod(
-      method,
-      true,
-      true
-    );
-  });
-  return [
-    mutableInstrumentations2,
-    readonlyInstrumentations2,
-    shallowInstrumentations2,
-    shallowReadonlyInstrumentations2
-  ];
-}
-const [
-  mutableInstrumentations,
-  readonlyInstrumentations,
-  shallowInstrumentations,
-  shallowReadonlyInstrumentations
-] = /* @__PURE__ */ createInstrumentations();
-function createInstrumentationGetter(isReadonly2, shallow) {
-  const instrumentations = shallow ? isReadonly2 ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly2 ? readonlyInstrumentations : mutableInstrumentations;
-  return (target, key, receiver) => {
-    if (key === "__v_isReactive") {
-      return !isReadonly2;
-    } else if (key === "__v_isReadonly") {
-      return isReadonly2;
-    } else if (key === "__v_raw") {
-      return target;
-    }
-    return Reflect.get(
-      hasOwn(instrumentations, key) && key in target ? instrumentations : target,
-      key,
-      receiver
-    );
-  };
-}
-const mutableCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(false, false)
-};
-const shallowCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(false, true)
-};
-const readonlyCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(true, false)
-};
-const shallowReadonlyCollectionHandlers = {
-  get: /* @__PURE__ */ createInstrumentationGetter(true, true)
-};
-function checkIdentityKeys(target, has2, key) {
-  const rawKey = toRaw(key);
-  if (rawKey !== key && has2.call(target, rawKey)) {
-    const type = toRawType(target);
-    console.warn(
-      `Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`
-    );
-  }
-}
-const reactiveMap = /* @__PURE__ */ new WeakMap();
-const shallowReactiveMap = /* @__PURE__ */ new WeakMap();
-const readonlyMap = /* @__PURE__ */ new WeakMap();
-const shallowReadonlyMap = /* @__PURE__ */ new WeakMap();
-function targetTypeMap(rawType) {
-  switch (rawType) {
-    case "Object":
-    case "Array":
-      return 1;
-    case "Map":
-    case "Set":
-    case "WeakMap":
-    case "WeakSet":
-      return 2;
-    default:
-      return 0;
-  }
-}
-function getTargetType(value) {
-  return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
-}
-function reactive(target) {
-  if (isReadonly(target)) {
-    return target;
-  }
-  return createReactiveObject(
-    target,
-    false,
-    mutableHandlers,
-    mutableCollectionHandlers,
-    reactiveMap
-  );
-}
-function shallowReactive(target) {
-  return createReactiveObject(
-    target,
-    false,
-    shallowReactiveHandlers,
-    shallowCollectionHandlers,
-    shallowReactiveMap
-  );
-}
-function readonly(target) {
-  return createReactiveObject(
-    target,
-    true,
-    readonlyHandlers,
-    readonlyCollectionHandlers,
-    readonlyMap
-  );
-}
-function shallowReadonly(target) {
-  return createReactiveObject(
-    target,
-    true,
-    shallowReadonlyHandlers,
-    shallowReadonlyCollectionHandlers,
-    shallowReadonlyMap
-  );
-}
-function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
-  if (!isObject(target)) {
-    if (!!(process.env.NODE_ENV !== "production")) {
-      console.warn(`value cannot be made reactive: ${String(target)}`);
+    hoveredColor: {
+      required: false,
+      type: String,
+      default: "grey"
     }
-    return target;
-  }
-  if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
-    return target;
-  }
-  const existingProxy = proxyMap.get(target);
-  if (existingProxy) {
-    return existingProxy;
-  }
-  const targetType = getTargetType(target);
-  if (targetType === 0) {
-    return target;
-  }
-  const proxy = new Proxy(
-    target,
-    targetType === 2 ? collectionHandlers : baseHandlers
-  );
-  proxyMap.set(target, proxy);
-  return proxy;
-}
-function isReactive(value) {
-  if (isReadonly(value)) {
-    return isReactive(value["__v_raw"]);
-  }
-  return !!(value && value["__v_isReactive"]);
-}
-function isReadonly(value) {
-  return !!(value && value["__v_isReadonly"]);
-}
-function isShallow(value) {
-  return !!(value && value["__v_isShallow"]);
-}
-function isProxy(value) {
-  return isReactive(value) || isReadonly(value);
-}
-function toRaw(observed) {
-  const raw = observed && observed["__v_raw"];
-  return raw ? toRaw(raw) : observed;
-}
-function markRaw(value) {
-  def(value, "__v_skip", true);
-  return value;
-}
-const toReactive = (value) => isObject(value) ? reactive(value) : value;
-const toReadonly = (value) => isObject(value) ? readonly(value) : value;
-function trackRefValue(ref2) {
-  if (shouldTrack && activeEffect) {
-    ref2 = toRaw(ref2);
-    if (!!(process.env.NODE_ENV !== "production")) {
-      trackEffects(ref2.dep || (ref2.dep = createDep()), {
-        target: ref2,
-        type: "get",
-        key: "value"
-      });
-    } else {
-      trackEffects(ref2.dep || (ref2.dep = createDep()));
-    }
-  }
-}
-function triggerRefValue(ref2, newVal) {
-  ref2 = toRaw(ref2);
-  const dep = ref2.dep;
-  if (dep) {
-    if (!!(process.env.NODE_ENV !== "production")) {
-      triggerEffects(dep, {
-        target: ref2,
-        type: "set",
-        key: "value",
-        newValue: newVal
+  },
+  data() {
+    return {
+      iconList: []
+    };
+  },
+  // mounted() {
+  //   this.importAll(require.context('../../assets/svgIcons/', true, /\.svg$/))
+  // },
+  async mounted() {
+    const icons = /* @__PURE__ */ Object.assign({ "../../assets/svgIcons/2d_active.svg": () => import("./main.es25.js"), "../../assets/svgIcons/2d_inactive.svg": () => import("./main.es26.js"), "../../assets/svgIcons/3d_active.svg": () => import("./main.es27.js"), "../../assets/svgIcons/3d_inactive.svg": () => import("./main.es28.js"), "../../assets/svgIcons/ac_power.svg": () => import("./main.es29.js"), "../../assets/svgIcons/accept.svg": () => import("./main.es30.js"), "../../assets/svgIcons/activate_panels_active.svg": () => import("./main.es31.js"), "../../assets/svgIcons/activate_panels_inactive.svg": () => import("./main.es32.js"), "../../assets/svgIcons/add_icon-1.svg": () => import("./main.es33.js"), "../../assets/svgIcons/add_icon.svg": () => import("./main.es34.js"), "../../assets/svgIcons/add_plus.svg": () => import("./main.es35.js"), "../../assets/svgIcons/address_book.svg": () => import("./main.es36.js"), "../../assets/svgIcons/adjust_roof.svg": () => import("./main.es37.js"), "../../assets/svgIcons/after_sale_as_a_service.svg": () => import("./main.es38.js"), "../../assets/svgIcons/align_panel.svg": () => import("./main.es39.js"), "../../assets/svgIcons/all_good.svg": () => import("./main.es40.js"), "../../assets/svgIcons/anchor.svg": () => import("./main.es41.js"), "../../assets/svgIcons/angle_active.svg": () => import("./main.es42.js"), "../../assets/svgIcons/angle_inactive.svg": () => import("./main.es43.js"), "../../assets/svgIcons/area_active.svg": () => import("./main.es44.js"), "../../assets/svgIcons/area_inactive.svg": () => import("./main.es45.js"), "../../assets/svgIcons/areas_tool.svg": () => import("./main.es46.js"), "../../assets/svgIcons/arrow_down.svg": () => import("./main.es47.js"), "../../assets/svgIcons/arrow_down_unfilled.svg": () => import("./main.es48.js"), "../../assets/svgIcons/arrow_left.svg": () => import("./main.es49.js"), "../../assets/svgIcons/arrow_long_left.svg": () => import("./main.es50.js"), "../../assets/svgIcons/arrow_long_right.svg": () => import("./main.es51.js"), "../../assets/svgIcons/arrow_right.svg": () => import("./main.es52.js"), "../../assets/svgIcons/arrow_up.svg": () => import("./main.es53.js"), "../../assets/svgIcons/arrow_up_unfilled.svg": () => import("./main.es54.js"), "../../assets/svgIcons/attachment.svg": () => import("./main.es55.js"), "../../assets/svgIcons/base_layer.svg": () => import("./main.es56.js"), "../../assets/svgIcons/battery.svg": () => import("./main.es57.js"), "../../assets/svgIcons/bell.svg": () => import("./main.es58.js"), "../../assets/svgIcons/bell_alt.svg": () => import("./main.es59.js"), "../../assets/svgIcons/bexio.svg": () => import("./main.es60.js"), "../../assets/svgIcons/bold.svg": () => import("./main.es61.js"), "../../assets/svgIcons/bom.svg": () => import("./main.es62.js"), "../../assets/svgIcons/bom_generation.svg": () => import("./main.es63.js"), "../../assets/svgIcons/bookmaker.svg": () => import("./main.es64.js"), "../../assets/svgIcons/bubble.svg": () => import("./main.es65.js"), "../../assets/svgIcons/bug.svg": () => import("./main.es66.js"), "../../assets/svgIcons/buildings.svg": () => import("./main.es67.js"), "../../assets/svgIcons/bullet_list.svg": () => import("./main.es68.js"), "../../assets/svgIcons/calendar.svg": () => import("./main.es69.js"), "../../assets/svgIcons/calendar_icon.svg": () => import("./main.es70.js"), "../../assets/svgIcons/call.svg": () => import("./main.es71.js"), "../../assets/svgIcons/camera.svg": () => import("./main.es72.js"), "../../assets/svgIcons/car.svg": () => import("./main.es73.js"), "../../assets/svgIcons/cart.svg": () => import("./main.es74.js"), "../../assets/svgIcons/charger_icon_white.svg": () => import("./main.es75.js"), "../../assets/svgIcons/chassis_ground_symbol.svg": () => import("./main.es76.js"), "../../assets/svgIcons/checkbox.svg": () => import("./main.es77.js"), "../../assets/svgIcons/checkmark.svg": () => import("./main.es78.js"), "../../assets/svgIcons/checkmark_white.svg": () => import("./main.es79.js"), "../../assets/svgIcons/clear_formatting.svg": () => import("./main.es80.js"), "../../assets/svgIcons/clenergy.svg": () => import("./main.es81.js"), "../../assets/svgIcons/clickable_info.svg": () => import("./main.es82.js"), "../../assets/svgIcons/clickable_info_white.svg": () => import("./main.es83.js"), "../../assets/svgIcons/clip.svg": () => import("./main.es84.js"), "../../assets/svgIcons/clock.svg": () => import("./main.es85.js"), "../../assets/svgIcons/clock_full.svg": () => import("./main.es86.js"), "../../assets/svgIcons/close.svg": () => import("./main.es87.js"), "../../assets/svgIcons/co_branding.svg": () => import("./main.es88.js"), "../../assets/svgIcons/collapse.svg": () => import("./main.es89.js"), "../../assets/svgIcons/collapse_all.svg": () => import("./main.es90.js"), "../../assets/svgIcons/collections.svg": () => import("./main.es91.js"), "../../assets/svgIcons/compass.svg": () => import("./main.es92.js"), "../../assets/svgIcons/component_library.svg": () => import("./main.es93.js"), "../../assets/svgIcons/consumption_tariffs.svg": () => import("./main.es94.js"), "../../assets/svgIcons/context_menu-1.svg": () => import("./main.es95.js"), "../../assets/svgIcons/context_menu-2.svg": () => import("./main.es96.js"), "../../assets/svgIcons/context_menu.svg": () => import("./main.es97.js"), "../../assets/svgIcons/context_menu_tabs.svg": () => import("./main.es98.js"), "../../assets/svgIcons/copy.svg": () => import("./main.es99.js"), "../../assets/svgIcons/cross.svg": () => import("./main.es100.js"), "../../assets/svgIcons/current_variant.svg": () => import("./main.es101.js"), "../../assets/svgIcons/customer.svg": () => import("./main.es102.js"), "../../assets/svgIcons/dashboard.svg": () => import("./main.es103.js"), "../../assets/svgIcons/data_transfer.svg": () => import("./main.es104.js"), "../../assets/svgIcons/dc_power.svg": () => import("./main.es105.js"), "../../assets/svgIcons/deadline.svg": () => import("./main.es106.js"), "../../assets/svgIcons/deal_flow.svg": () => import("./main.es107.js"), "../../assets/svgIcons/delete.svg": () => import("./main.es108.js"), "../../assets/svgIcons/delete_area_active.svg": () => import("./main.es109.js"), "../../assets/svgIcons/delete_area_inactive.svg": () => import("./main.es110.js"), "../../assets/svgIcons/direction_active-1.svg": () => import("./main.es111.js"), "../../assets/svgIcons/direction_active.svg": () => import("./main.es112.js"), "../../assets/svgIcons/direction_arrow.svg": () => import("./main.es113.js"), "../../assets/svgIcons/direction_inactive.svg": () => import("./main.es114.js"), "../../assets/svgIcons/dislike.svg": () => import("./main.es115.js"), "../../assets/svgIcons/distance_tool.svg": () => import("./main.es116.js"), "../../assets/svgIcons/distances_active.svg": () => import("./main.es117.js"), "../../assets/svgIcons/distances_inactive.svg": () => import("./main.es118.js"), "../../assets/svgIcons/distort_tool.svg": () => import("./main.es119.js"), "../../assets/svgIcons/distort_tool2.svg": () => import("./main.es120.js"), "../../assets/svgIcons/document.svg": () => import("./main.es121.js"), "../../assets/svgIcons/documents.svg": () => import("./main.es122.js"), "../../assets/svgIcons/documents_landscape.svg": () => import("./main.es123.js"), "../../assets/svgIcons/double_arrow_long.svg": () => import("./main.es124.js"), "../../assets/svgIcons/downarrow.svg": () => import("./main.es125.js"), "../../assets/svgIcons/download.svg": () => import("./main.es126.js"), "../../assets/svgIcons/drag_icon.svg": () => import("./main.es127.js"), "../../assets/svgIcons/draggable_corner.svg": () => import("./main.es128.js"), "../../assets/svgIcons/draw_tool.svg": () => import("./main.es129.js"), "../../assets/svgIcons/duplicate-1.svg": () => import("./main.es130.js"), "../../assets/svgIcons/duplicate-2.svg": () => import("./main.es131.js"), "../../assets/svgIcons/duplicate.svg": () => import("./main.es132.js"), "../../assets/svgIcons/e-mobility_configurator.svg": () => import("./main.es133.js"), "../../assets/svgIcons/e_signature.svg": () => import("./main.es134.js"), "../../assets/svgIcons/ed_ac.svg": () => import("./main.es135.js"), "../../assets/svgIcons/ed_ac_path.svg": () => import("./main.es136.js"), "../../assets/svgIcons/ed_acgrid.svg": () => import("./main.es137.js"), "../../assets/svgIcons/ed_acgrid_old.svg": () => import("./main.es138.js"), "../../assets/svgIcons/ed_arrow_both.svg": () => import("./main.es139.js"), "../../assets/svgIcons/ed_arrow_left.svg": () => import("./main.es140.js"), "../../assets/svgIcons/ed_arrow_right.svg": () => import("./main.es141.js"), "../../assets/svgIcons/ed_battery.svg": () => import("./main.es142.js"), "../../assets/svgIcons/ed_batteryacinverter.svg": () => import("./main.es143.js"), "../../assets/svgIcons/ed_batteryintegratedinverter.svg": () => import("./main.es144.js"), "../../assets/svgIcons/ed_cirquitbreaker.svg": () => import("./main.es145.js"), "../../assets/svgIcons/ed_cirquitbreaker_magnetic.svg": () => import("./main.es146.js"), "../../assets/svgIcons/ed_cirquitbreaker_thermal.svg": () => import("./main.es147.js"), "../../assets/svgIcons/ed_cirquitbreaker_thermal_magnetic.svg": () => import("./main.es148.js"), "../../assets/svgIcons/ed_consumption.svg": () => import("./main.es149.js"), "../../assets/svgIcons/ed_dc.svg": () => import("./main.es150.js"), "../../assets/svgIcons/ed_disconnector.svg": () => import("./main.es151.js"), "../../assets/svgIcons/ed_disconnector_fuse.svg": () => import("./main.es152.js"), "../../assets/svgIcons/ed_disconnector_fuse_switch.svg": () => import("./main.es153.js"), "../../assets/svgIcons/ed_disconnector_loadbreak_switch.svg": () => import("./main.es154.js"), "../../assets/svgIcons/ed_disconnector_switch.svg": () => import("./main.es155.js"), "../../assets/svgIcons/ed_disconnector_switch_auto_release.svg": () => import("./main.es156.js"), "../../assets/svgIcons/ed_energymanagement_rectangle.svg": () => import("./main.es157.js"), "../../assets/svgIcons/ed_evcharger.svg": () => import("./main.es158.js"), "../../assets/svgIcons/ed_flexiblecomponent_circle.svg": () => import("./main.es159.js"), "../../assets/svgIcons/ed_flexiblecomponent_square.svg": () => import("./main.es160.js"), "../../assets/svgIcons/ed_fuse.svg": () => import("./main.es161.js"), "../../assets/svgIcons/ed_ground.svg": () => import("./main.es162.js"), "../../assets/svgIcons/ed_heatpump.svg": () => import("./main.es163.js"), "../../assets/svgIcons/ed_icon_battery.svg": () => import("./main.es164.js"), "../../assets/svgIcons/ed_icon_circle.svg": () => import("./main.es165.js"), "../../assets/svgIcons/ed_icon_heatpump.svg": () => import("./main.es166.js"), "../../assets/svgIcons/ed_icon_inverter.svg": () => import("./main.es167.js"), "../../assets/svgIcons/ed_icon_m.svg": () => import("./main.es168.js"), "../../assets/svgIcons/ed_icon_optimizer.svg": () => import("./main.es169.js"), "../../assets/svgIcons/ed_icon_optimizer_path.svg": () => import("./main.es170.js"), "../../assets/svgIcons/ed_integratedbatteryinverter.svg": () => import("./main.es171.js"), "../../assets/svgIcons/ed_inverter-blank.svg": () => import("./main.es172.js"), "../../assets/svgIcons/ed_mainsconnection.svg": () => import("./main.es173.js"), "../../assets/svgIcons/ed_meter-blank.svg": () => import("./main.es174.js"), "../../assets/svgIcons/ed_meter_arrowleft.svg": () => import("./main.es175.js"), "../../assets/svgIcons/ed_meter_arrowright.svg": () => import("./main.es176.js"), "../../assets/svgIcons/ed_meter_bidirectional.svg": () => import("./main.es177.js"), "../../assets/svgIcons/ed_networkandsystemprotection_double.svg": () => import("./main.es178.js"), "../../assets/svgIcons/ed_networkandsystemprotection_single.svg": () => import("./main.es179.js"), "../../assets/svgIcons/ed_pvpanel (Stroke).svg": () => import("./main.es180.js"), "../../assets/svgIcons/ed_pvpanel.svg": () => import("./main.es181.js"), "../../assets/svgIcons/ed_rcd.svg": () => import("./main.es182.js"), "../../assets/svgIcons/ed_rcd_simple.svg": () => import("./main.es183.js"), "../../assets/svgIcons/ed_spd.svg": () => import("./main.es184.js"), "../../assets/svgIcons/ed_stringwithoptimizer.svg": () => import("./main.es185.js"), "../../assets/svgIcons/ed_stringwithoutoptimizer.svg": () => import("./main.es186.js"), "../../assets/svgIcons/ed_transformer.svg": () => import("./main.es187.js"), "../../assets/svgIcons/edit.svg": () => import("./main.es188.js"), "../../assets/svgIcons/edit_button.svg": () => import("./main.es189.js"), "../../assets/svgIcons/edit_stroke.svg": () => import("./main.es190.js"), "../../assets/svgIcons/efs.svg": () => import("./main.es191.js"), "../../assets/svgIcons/electricity_tariff.svg": () => import("./main.es192.js"), "../../assets/svgIcons/email.svg": () => import("./main.es193.js"), "../../assets/svgIcons/ems-1.svg": () => import("./main.es194.js"), "../../assets/svgIcons/ems.svg": () => import("./main.es195.js"), "../../assets/svgIcons/end_of_the_list.svg": () => import("./main.es196.js"), "../../assets/svgIcons/energy_meter.svg": () => import("./main.es197.js"), "../../assets/svgIcons/erase.svg": () => import("./main.es198.js"), "../../assets/svgIcons/erase_white.svg": () => import("./main.es199.js"), "../../assets/svgIcons/expand.svg": () => import("./main.es200.js"), "../../assets/svgIcons/expand_all.svg": () => import("./main.es201.js"), "../../assets/svgIcons/export_document.svg": () => import("./main.es202.js"), "../../assets/svgIcons/external_icon.svg": () => import("./main.es203.js"), "../../assets/svgIcons/fav_icon.svg": () => import("./main.es204.js"), "../../assets/svgIcons/filter.svg": () => import("./main.es205.js"), "../../assets/svgIcons/finance.svg": () => import("./main.es206.js"), "../../assets/svgIcons/financing_for_pv-1.svg": () => import("./main.es207.js"), "../../assets/svgIcons/financing_for_pv-2.svg": () => import("./main.es208.js"), "../../assets/svgIcons/financing_for_pv.svg": () => import("./main.es209.js"), "../../assets/svgIcons/finish-1.svg": () => import("./main.es210.js"), "../../assets/svgIcons/finish.svg": () => import("./main.es211.js"), "../../assets/svgIcons/flatten.svg": () => import("./main.es212.js"), "../../assets/svgIcons/flatten_roof.svg": () => import("./main.es213.js"), "../../assets/svgIcons/flip_horizontally.svg": () => import("./main.es214.js"), "../../assets/svgIcons/folder.svg": () => import("./main.es215.js"), "../../assets/svgIcons/free_technology.svg": () => import("./main.es216.js"), "../../assets/svgIcons/ground_symbol.svg": () => import("./main.es217.js"), "../../assets/svgIcons/handle.svg": () => import("./main.es218.js"), "../../assets/svgIcons/heat_calc.svg": () => import("./main.es219.js"), "../../assets/svgIcons/heat_pump.svg": () => import("./main.es220.js"), "../../assets/svgIcons/heating_system.svg": () => import("./main.es221.js"), "../../assets/svgIcons/height_equalize.svg": () => import("./main.es222.js"), "../../assets/svgIcons/height_snap.svg": () => import("./main.es223.js"), "../../assets/svgIcons/house.svg": () => import("./main.es224.js"), "../../assets/svgIcons/house_3d-1.svg": () => import("./main.es225.js"), "../../assets/svgIcons/house_3d.svg": () => import("./main.es226.js"), "../../assets/svgIcons/house_sun.svg": () => import("./main.es227.js"), "../../assets/svgIcons/hybrid.svg": () => import("./main.es228.js"), "../../assets/svgIcons/inclination.svg": () => import("./main.es229.js"), "../../assets/svgIcons/info.svg": () => import("./main.es230.js"), "../../assets/svgIcons/initial_situation.svg": () => import("./main.es231.js"), "../../assets/svgIcons/integrations.svg": () => import("./main.es232.js"), "../../assets/svgIcons/intro-tour-1.svg": () => import("./main.es233.js"), "../../assets/svgIcons/intro-tour.svg": () => import("./main.es234.js"), "../../assets/svgIcons/inverter.svg": () => import("./main.es235.js"), "../../assets/svgIcons/italic.svg": () => import("./main.es236.js"), "../../assets/svgIcons/k2.svg": () => import("./main.es237.js"), "../../assets/svgIcons/kanban_view.svg": () => import("./main.es238.js"), "../../assets/svgIcons/key.svg": () => import("./main.es239.js"), "../../assets/svgIcons/lake.svg": () => import("./main.es240.js"), "../../assets/svgIcons/layers_close.svg": () => import("./main.es241.js"), "../../assets/svgIcons/layers_open.svg": () => import("./main.es242.js"), "../../assets/svgIcons/lead_marketplace.svg": () => import("./main.es243.js"), "../../assets/svgIcons/lead_provider.svg": () => import("./main.es244.js"), "../../assets/svgIcons/legend.svg": () => import("./main.es245.js"), "../../assets/svgIcons/length_2d.svg": () => import("./main.es246.js"), "../../assets/svgIcons/length_3d.svg": () => import("./main.es247.js"), "../../assets/svgIcons/length_calculator.svg": () => import("./main.es248.js"), "../../assets/svgIcons/length_in_2d_active.svg": () => import("./main.es249.js"), "../../assets/svgIcons/length_in_2d_inctive.svg": () => import("./main.es250.js"), "../../assets/svgIcons/light_bulb.svg": () => import("./main.es251.js"), "../../assets/svgIcons/like.svg": () => import("./main.es252.js"), "../../assets/svgIcons/line_graph.svg": () => import("./main.es253.js"), "../../assets/svgIcons/local_subsidies.svg": () => import("./main.es254.js"), "../../assets/svgIcons/location.svg": () => import("./main.es255.js"), "../../assets/svgIcons/lock.svg": () => import("./main.es256.js"), "../../assets/svgIcons/logout.svg": () => import("./main.es257.js"), "../../assets/svgIcons/loop.svg": () => import("./main.es258.js"), "../../assets/svgIcons/low-vegetation.svg": () => import("./main.es259.js"), "../../assets/svgIcons/lunch.svg": () => import("./main.es260.js"), "../../assets/svgIcons/magic_tool.svg": () => import("./main.es261.js"), "../../assets/svgIcons/map_icon.svg": () => import("./main.es262.js"), "../../assets/svgIcons/map_settings.svg": () => import("./main.es263.js"), "../../assets/svgIcons/margin_tool.svg": () => import("./main.es264.js"), "../../assets/svgIcons/meeting.svg": () => import("./main.es265.js"), "../../assets/svgIcons/module.svg": () => import("./main.es266.js"), "../../assets/svgIcons/move_copy.svg": () => import("./main.es267.js"), "../../assets/svgIcons/move_down.svg": () => import("./main.es268.js"), "../../assets/svgIcons/move_left.svg": () => import("./main.es269.js"), "../../assets/svgIcons/move_right.svg": () => import("./main.es270.js"), "../../assets/svgIcons/move_up.svg": () => import("./main.es271.js"), "../../assets/svgIcons/new_area_inactive.svg": () => import("./main.es272.js"), "../../assets/svgIcons/next.svg": () => import("./main.es273.js"), "../../assets/svgIcons/normal-tg.svg": () => import("./main.es274.js"), "../../assets/svgIcons/normal-vegetation.svg": () => import("./main.es275.js"), "../../assets/svgIcons/not_equal_to.svg": () => import("./main.es276.js"), "../../assets/svgIcons/numbered_list.svg": () => import("./main.es277.js"), "../../assets/svgIcons/obstacle_tool.svg": () => import("./main.es278.js"), "../../assets/svgIcons/obstacle_tool_origin.svg": () => import("./main.es279.js"), "../../assets/svgIcons/offset_tool.svg": () => import("./main.es280.js"), "../../assets/svgIcons/opacity.svg": () => import("./main.es281.js"), "../../assets/svgIcons/open-tg.svg": () => import("./main.es282.js"), "../../assets/svgIcons/optimizer.svg": () => import("./main.es283.js"), "../../assets/svgIcons/order.svg": () => import("./main.es284.js"), "../../assets/svgIcons/outline_tool.svg": () => import("./main.es285.js"), "../../assets/svgIcons/pan_tool.svg": () => import("./main.es286.js"), "../../assets/svgIcons/panels_tool.svg": () => import("./main.es287.js"), "../../assets/svgIcons/pause.svg": () => import("./main.es288.js"), "../../assets/svgIcons/pen_tool.svg": () => import("./main.es289.js"), "../../assets/svgIcons/picker_tool.svg": () => import("./main.es290.js"), "../../assets/svgIcons/picture.svg": () => import("./main.es291.js"), "../../assets/svgIcons/pin.svg": () => import("./main.es292.js"), "../../assets/svgIcons/play.svg": () => import("./main.es293.js"), "../../assets/svgIcons/plus_button.svg": () => import("./main.es294.js"), "../../assets/svgIcons/presentation.svg": () => import("./main.es295.js"), "../../assets/svgIcons/preview.svg": () => import("./main.es296.js"), "../../assets/svgIcons/previous.svg": () => import("./main.es297.js"), "../../assets/svgIcons/profile-1.svg": () => import("./main.es298.js"), "../../assets/svgIcons/profile.svg": () => import("./main.es299.js"), "../../assets/svgIcons/profitability.svg": () => import("./main.es300.js"), "../../assets/svgIcons/project_analysis.svg": () => import("./main.es301.js"), "../../assets/svgIcons/project_settings.svg": () => import("./main.es302.js"), "../../assets/svgIcons/protected-tg.svg": () => import("./main.es303.js"), "../../assets/svgIcons/pv.svg": () => import("./main.es304.js"), "../../assets/svgIcons/question_mark.svg": () => import("./main.es305.js"), "../../assets/svgIcons/question_mark_white.svg": () => import("./main.es306.js"), "../../assets/svgIcons/quotations.svg": () => import("./main.es307.js"), "../../assets/svgIcons/rectangle.svg": () => import("./main.es308.js"), "../../assets/svgIcons/redo.svg": () => import("./main.es309.js"), "../../assets/svgIcons/refresh.svg": () => import("./main.es310.js"), "../../assets/svgIcons/reorder_string.svg": () => import("./main.es311.js"), "../../assets/svgIcons/resizer.svg": () => import("./main.es312.js"), "../../assets/svgIcons/roof_layer.svg": () => import("./main.es313.js"), "../../assets/svgIcons/rotate_tool.svg": () => import("./main.es314.js"), "../../assets/svgIcons/rotate_view.svg": () => import("./main.es315.js"), "../../assets/svgIcons/ruler_tool.svg": () => import("./main.es316.js"), "../../assets/svgIcons/run_simulation.svg": () => import("./main.es317.js"), "../../assets/svgIcons/save.svg": () => import("./main.es318.js"), "../../assets/svgIcons/scaling_tool.svg": () => import("./main.es319.js"), "../../assets/svgIcons/sea.svg": () => import("./main.es320.js"), "../../assets/svgIcons/search.svg": () => import("./main.es321.js"), "../../assets/svgIcons/security.svg": () => import("./main.es322.js"), "../../assets/svgIcons/settings.svg": () => import("./main.es323.js"), "../../assets/svgIcons/show_in_a_new_tab.svg": () => import("./main.es324.js"), "../../assets/svgIcons/smartphone.svg": () => import("./main.es325.js"), "../../assets/svgIcons/solar_calc.svg": () => import("./main.es326.js"), "../../assets/svgIcons/solarmarkt.svg": () => import("./main.es327.js"), "../../assets/svgIcons/sorting.svg": () => import("./main.es328.js"), "../../assets/svgIcons/split.svg": () => import("./main.es329.js"), "../../assets/svgIcons/star.svg": () => import("./main.es330.js"), "../../assets/svgIcons/start_of_the_list.svg": () => import("./main.es331.js"), "../../assets/svgIcons/strikethrough.svg": () => import("./main.es332.js"), "../../assets/svgIcons/string_design.svg": () => import("./main.es333.js"), "../../assets/svgIcons/string_directions.svg": () => import("./main.es334.js"), "../../assets/svgIcons/subdirectory.svg": () => import("./main.es335.js"), "../../assets/svgIcons/subscriptions.svg": () => import("./main.es336.js"), "../../assets/svgIcons/subsidies-2.svg": () => import("./main.es337.js"), "../../assets/svgIcons/subsidies.svg": () => import("./main.es338.js"), "../../assets/svgIcons/subtract_icon.svg": () => import("./main.es339.js"), "../../assets/svgIcons/suitcase.svg": () => import("./main.es340.js"), "../../assets/svgIcons/summer.svg": () => import("./main.es341.js"), "../../assets/svgIcons/switch_polarity.svg": () => import("./main.es342.js"), "../../assets/svgIcons/table_view.svg": () => import("./main.es343.js"), "../../assets/svgIcons/template_icon_not_clickable.svg": () => import("./main.es344.js"), "../../assets/svgIcons/text_column_one.svg": () => import("./main.es345.js"), "../../assets/svgIcons/text_column_three.svg": () => import("./main.es346.js"), "../../assets/svgIcons/text_column_two.svg": () => import("./main.es347.js"), "../../assets/svgIcons/text_icon.svg": () => import("./main.es348.js"), "../../assets/svgIcons/transfer.svg": () => import("./main.es349.js"), "../../assets/svgIcons/transparent_warning.svg": () => import("./main.es350.js"), "../../assets/svgIcons/trim.svg": () => import("./main.es351.js"), "../../assets/svgIcons/trim_tool.svg": () => import("./main.es352.js"), "../../assets/svgIcons/truck.svg": () => import("./main.es353.js"), "../../assets/svgIcons/underlined.svg": () => import("./main.es354.js"), "../../assets/svgIcons/undo.svg": () => import("./main.es355.js"), "../../assets/svgIcons/uparrow.svg": () => import("./main.es356.js"), "../../assets/svgIcons/update.svg": () => import("./main.es357.js"), "../../assets/svgIcons/upload_avatar-1.svg": () => import("./main.es358.js"), "../../assets/svgIcons/upload_avatar.svg": () => import("./main.es359.js"), "../../assets/svgIcons/upload_image.svg": () => import("./main.es360.js"), "../../assets/svgIcons/upload_image_tool.svg": () => import("./main.es361.js"), "../../assets/svgIcons/variants.svg": () => import("./main.es362.js"), "../../assets/svgIcons/vdv.svg": () => import("./main.es363.js"), "../../assets/svgIcons/vertical_tool.svg": () => import("./main.es364.js"), "../../assets/svgIcons/virtual_storage.svg": () => import("./main.es365.js"), "../../assets/svgIcons/warning.svg": () => import("./main.es366.js"), "../../assets/svgIcons/warning_triangle.svg": () => import("./main.es367.js"), "../../assets/svgIcons/warning_triangle_white.svg": () => import("./main.es368.js"), "../../assets/svgIcons/way.svg": () => import("./main.es369.js"), "../../assets/svgIcons/wifi.svg": () => import("./main.es370.js"), "../../assets/svgIcons/winter.svg": () => import("./main.es371.js"), "../../assets/svgIcons/workflow_template.svg": () => import("./main.es372.js") });
+    for (const path in icons) {
+      const module = await icons[path]();
+      this.iconList.push({
+        pathLong: module.default,
+        pathShort: path,
+        name: path.replace(".svg", "").replace("../../assets/svgIcons/", "")
       });
-    } else {
-      triggerEffects(dep);
     }
-  }
-}
-function isRef(r) {
-  return !!(r && r.__v_isRef === true);
-}
-function ref(value) {
-  return createRef(value, false);
-}
-function shallowRef(value) {
-  return createRef(value, true);
-}
-function createRef(rawValue, shallow) {
-  if (isRef(rawValue)) {
-    return rawValue;
-  }
-  return new RefImpl(rawValue, shallow);
-}
-class RefImpl {
-  constructor(value, __v_isShallow) {
-    this.__v_isShallow = __v_isShallow;
-    this.dep = void 0;
-    this.__v_isRef = true;
-    this._rawValue = __v_isShallow ? value : toRaw(value);
-    this._value = __v_isShallow ? value : toReactive(value);
-  }
-  get value() {
-    trackRefValue(this);
-    return this._value;
-  }
-  set value(newVal) {
-    const useDirectValue = this.__v_isShallow || isShallow(newVal) || isReadonly(newVal);
-    newVal = useDirectValue ? newVal : toRaw(newVal);
-    if (hasChanged(newVal, this._rawValue)) {
-      this._rawValue = newVal;
-      this._value = useDirectValue ? newVal : toReactive(newVal);
-      triggerRefValue(this, newVal);
-    }
-  }
-}
-function unref(ref2) {
-  return isRef(ref2) ? ref2.value : ref2;
-}
-const shallowUnwrapHandlers = {
-  get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
-  set: (target, key, value, receiver) => {
-    const oldValue = target[key];
-    if (isRef(oldValue) && !isRef(value)) {
-      oldValue.value = value;
-      return true;
-    } else {
-      return Reflect.set(target, key, value, receiver);
+  },
+  methods: {
+    importAll(r) {
+      r.keys().forEach((key) => this.iconList.push({
+        pathLong: r(key),
+        pathShort: key,
+        name: key.replace(".svg", "").replace("./", "")
+      }));
     }
   }
 };
-function proxyRefs(objectWithRefs) {
-  return isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
-}
-class ComputedRefImpl {
-  constructor(getter, _setter, isReadonly2, isSSR) {
-    this._setter = _setter;
-    this.dep = void 0;
-    this.__v_isRef = true;
-    this["__v_isReadonly"] = false;
-    this._dirty = true;
-    this.effect = new ReactiveEffect(getter, () => {
-      if (!this._dirty) {
-        this._dirty = true;
-        triggerRefValue(this);
-      }
-    });
-    this.effect.computed = this;
-    this.effect.active = this._cacheable = !isSSR;
-    this["__v_isReadonly"] = isReadonly2;
-  }
-  get value() {
-    const self = toRaw(this);
-    trackRefValue(self);
-    if (self._dirty || !self._cacheable) {
-      self._dirty = false;
-      self._value = self.effect.run();
-    }
-    return self._value;
-  }
-  set value(newValue) {
-    this._setter(newValue);
-  }
-}
-function computed(getterOrOptions, debugOptions, isSSR = false) {
-  let getter;
-  let setter;
-  const onlyGetter = isFunction(getterOrOptions);
-  if (onlyGetter) {
-    getter = getterOrOptions;
-    setter = !!(process.env.NODE_ENV !== "production") ? () => {
-      console.warn("Write operation failed: computed value is readonly");
-    } : NOOP;
-  } else {
-    getter = getterOrOptions.get;
-    setter = getterOrOptions.set;
-  }
-  const cRef = new ComputedRefImpl(getter, setter, onlyGetter || !setter, isSSR);
-  if (!!(process.env.NODE_ENV !== "production") && debugOptions && !isSSR) {
-    cRef.effect.onTrack = debugOptions.onTrack;
-    cRef.effect.onTrigger = debugOptions.onTrigger;
-  }
-  return cRef;
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_RCIcon = resolveComponent("RCIcon");
+  const _component_IconWrapper = resolveComponent("IconWrapper");
+  const _component_Wrapper = resolveComponent("Wrapper");
+  return openBlock(), createBlock(_component_Wrapper, null, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList($data.iconList, (iconItem) => {
+      return openBlock(), createBlock(_component_IconWrapper, {
+        key: iconItem.name
+      }, {
+        default: withCtx(() => [createBaseVNode("div", null, [createTextVNode("\n        color:" + toDisplayString($props.color) + " ", 1), createVNode(_component_RCIcon, {
+          color: $props.color,
+          "hovered-color": $props.hoveredColor,
+          name: iconItem.name,
+          size: $props.size
+        }, null, 8, ["color", "hovered-color", "name", "size"])]), createTextVNode(), createBaseVNode("h3", null, toDisplayString(iconItem.name), 1)]),
+        _: 2
+      }, 1024);
+    }), 128))]),
+    _: 1
+  });
 }
+const IconCollection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  EffectScope,
-  ITERATE_KEY,
-  ReactiveEffect,
-  computed,
-  getCurrentScope,
-  isProxy,
-  isReactive,
-  isReadonly,
-  isRef,
-  isShallow,
-  markRaw,
-  pauseTracking,
-  proxyRefs,
-  reactive,
-  readonly,
-  ref,
-  resetTracking,
-  shallowReactive,
-  shallowReadonly,
-  shallowRef,
-  toRaw,
-  track,
-  trigger,
-  unref
+  IconCollection as default
 };