adata-ui 4.0.43 → 4.0.44

package/dist/runtime/components/tree-select/TreeSelect.vue.d.ts

@@ -0,0 +1,22 @@
+import type { TreeData } from './types.js';
+interface Props {
+    options: TreeData[];
+    modelValue: (string | number)[];
+    type?: 'checkbox' | 'select';
+    isSearch?: boolean;
+    searchText?: string;
+    asyncSearch?: (keyword: string) => TreeData[];
+    withoutId?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (item: (string | number)[]) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((item: (string | number)[]) => any) | undefined;
+}>, {
+    type: "checkbox" | "select";
+    searchText: string;
+    withoutId: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/tree-select/TreeService.d.ts

@@ -0,0 +1,54 @@
+import type { TreeData, TreeNestedNode, TreeNode, TreeNodeStateEditable } from './types.js';
+export declare const useTreeService: (withoutId?: boolean) => {
+    tree: import("vue").Ref<(Map<string | number, {
+        id: string | number;
+        name: string;
+        state: import("./types.js").TreeNodeState;
+        level: number;
+        expandable: boolean;
+        expandableClosed: boolean;
+        parent: string | number | null;
+        hidden?: boolean | undefined;
+        child: (string | number)[];
+    }> & Omit<Map<string | number, TreeNode>, keyof Map<any, any>>) | null, Map<string | number, TreeNode> | (Map<string | number, {
+        id: string | number;
+        name: string;
+        state: import("./types.js").TreeNodeState;
+        level: number;
+        expandable: boolean;
+        expandableClosed: boolean;
+        parent: string | number | null;
+        hidden?: boolean | undefined;
+        child: (string | number)[];
+    }> & Omit<Map<string | number, TreeNode>, keyof Map<any, any>>) | null>;
+    nestedTree: import("vue").Ref<{
+        id: string | number;
+        name: string;
+        state: import("./types.js").TreeNodeState;
+        level: number;
+        expandable: boolean;
+        expandableClosed: boolean;
+        text: string;
+        hidden: boolean;
+        child: /*elided*/ any[];
+    }[], TreeNestedNode[] | {
+        id: string | number;
+        name: string;
+        state: import("./types.js").TreeNodeState;
+        level: number;
+        expandable: boolean;
+        expandableClosed: boolean;
+        text: string;
+        hidden: boolean;
+        child: /*elided*/ any[];
+    }[]>;
+    initTree: (data: TreeData[]) => void;
+    setState: (idNode: string | number, state: TreeNodeStateEditable) => void;
+    reset: () => void;
+    setExpandableClosed: (idNode: string | number, expandableClosed: boolean) => void;
+    collectSelectedIds: (tree: Map<string | number, TreeNode>) => (string | number)[];
+    updateNestedTree: (searchText?: string) => void;
+    searchedData: (data: TreeData[], searchText: string) => void;
+    toggleHiddenNodes: (hidden: boolean) => void;
+    toggleExpandableNodes: (expandableClosed: boolean) => void;
+};

package/dist/runtime/components/tree-select/TreeService.js

@@ -0,0 +1,209 @@
+import highlight from "../../composables/highlight.js";
+import { ref } from "#imports";
+export const useTreeService = (withoutId) => {
+  const tree = ref(null);
+  const nestedTree = ref([]);
+  const createdTreeBool = ref(false);
+  const initTree = (data) => {
+    if (!createdTreeBool.value) {
+      tree.value = generateTree(data, 0);
+      createdTreeBool.value = true;
+      updateNestedTree();
+    }
+  };
+  const generateTree = (data, level, parent = null) => {
+    const treeMap = /* @__PURE__ */ new Map();
+    data.forEach((item) => {
+      const id = item.id;
+      const child = item.children ? item.children.map((child2) => child2.id) : [];
+      treeMap.set(id, {
+        id,
+        name: item.name,
+        level,
+        expandable: child.length > 0,
+        expandableClosed: true,
+        child,
+        parent,
+        state: "unchecked",
+        hidden: false
+      });
+      if (item.children && item.children.length > 0) {
+        const childTreeMap = generateTree(item.children, level + 1, id);
+        childTreeMap.forEach((value, key) => treeMap.set(key, value));
+      }
+    });
+    return treeMap;
+  };
+  const updateNestedTree = (searchText = "") => {
+    if (!tree.value) return;
+    const nodesFromLevel0 = getNodesByLevel(0);
+    nestedTree.value = nodesFromLevel0.map((flatNode) => createNestedNode(flatNode));
+    highlightTree(nestedTree.value, searchText);
+  };
+  function highlightTree(nodes, searchText) {
+    nodes.forEach((node) => {
+      node.text = highlight(node.text, searchText);
+      if (node.child.length) {
+        highlightTree(node.child, searchText);
+      }
+    });
+  }
+  const createNestedNode = (node) => {
+    return {
+      id: node.id,
+      name: node.name,
+      text: withoutId ? `${node.name}` : `${node.id} - ${node.name}`,
+      state: node.state,
+      level: node.level,
+      expandable: node.expandable,
+      expandableClosed: node.expandableClosed,
+      hidden: node?.hidden ?? false,
+      child: node.child.map((id) => {
+        const childNode = getNodeById(id);
+        return childNode ? createNestedNode(childNode) : null;
+      }).filter((n) => n)
+    };
+  };
+  const getNodeById = (idNode) => {
+    if (!tree.value) return null;
+    return tree.value.get(idNode) || null;
+  };
+  const getChildNodesFromNode = (idNode) => {
+    if (!tree.value) return [];
+    const node = getNodeById(idNode);
+    if (!node) return [];
+    return node.child.map((id) => getNodeById(id)).filter((n) => n);
+  };
+  const getParentNode = (idNode) => {
+    if (!tree.value) return null;
+    const node = getNodeById(idNode);
+    if (!node || !node.parent) return null;
+    return getNodeById(node.parent);
+  };
+  const getNodesByLevel = (level) => {
+    if (!tree.value) return [];
+    const nodes = [];
+    tree.value.forEach((node) => {
+      if (node.level === level) {
+        nodes.push(node);
+      }
+    });
+    return nodes;
+  };
+  const setState = (idNode, state) => {
+    if (!tree.value) return;
+    const node = getNodeById(idNode);
+    if (!node) return;
+    node.state = state;
+    tree.value.set(idNode, node);
+    setStateChildNodes(node, state);
+    setStateParentNodes(node);
+    updateNestedTree();
+  };
+  const setStateChildNodes = (node, state) => {
+    if (!tree.value) return;
+    node.child.forEach((id) => {
+      const childNode = getNodeById(id);
+      if (childNode) {
+        childNode.state = state;
+        tree.value.set(id, childNode);
+        setStateChildNodes(childNode, state);
+      }
+    });
+  };
+  const setStateParentNodes = (node) => {
+    if (!tree.value) return;
+    const parentNode = getParentNode(node.id);
+    if (!parentNode) return;
+    const childNodes = getChildNodesFromNode(parentNode.id);
+    const checkedCount = childNodes.filter((n) => n.state === "checked").length;
+    const indeterminateCount = childNodes.filter((n) => n.state === "indeterminate").length;
+    if (checkedCount === childNodes.length) {
+      parentNode.state = "checked";
+    } else if (checkedCount > 0 || indeterminateCount > 0) {
+      parentNode.state = "indeterminate";
+    } else {
+      parentNode.state = "unchecked";
+    }
+    tree.value.set(parentNode.id, parentNode);
+    setStateParentNodes(parentNode);
+  };
+  const setExpandableClosed = (idNode, expandableClosed) => {
+    if (!tree.value) return;
+    const node = getNodeById(idNode);
+    if (!node) return;
+    if (!expandableClosed && node.expandable && node.child.length === 0) {
+    }
+    node.expandableClosed = expandableClosed;
+    tree.value.set(node.id, node);
+    updateNestedTree();
+  };
+  const reset = () => {
+    if (!tree.value) return;
+    tree.value.forEach((node) => {
+      node.state = "unchecked";
+    });
+    updateNestedTree();
+  };
+  const collectSelectedIds = (tree2) => {
+    const selectedIds = /* @__PURE__ */ new Set();
+    const areAllChildrenChecked = (node) => {
+      const childNodes = getChildNodesFromNode(node.id);
+      return childNodes.length > 0 && childNodes.every((child) => child.state === "checked");
+    };
+    tree2.forEach((node) => {
+      if (node.state === "checked") {
+        if (node.parent && getNodeById(node.parent)?.state === "checked") {
+          return;
+        } else if (areAllChildrenChecked(node)) {
+          selectedIds.add(node.id);
+        } else {
+          selectedIds.add(node.id);
+        }
+      }
+    });
+    return Array.from(selectedIds);
+  };
+  function hideSearchedData(data, searchText) {
+    data.forEach((node) => {
+      const existingNode = tree.value.get(node.id);
+      if (existingNode) {
+        tree.value.set(node.id, { ...existingNode, hidden: false, expandableClosed: false });
+      }
+      if (node.children?.length) {
+        hideSearchedData(node.children);
+      }
+    });
+  }
+  function searchedData(data, searchText) {
+    if (!tree.value) return;
+    toggleHiddenNodes(true);
+    hideSearchedData(data, searchText);
+    updateNestedTree(searchText);
+  }
+  const toggleHiddenNodes = (hidden) => {
+    if (!tree.value) return;
+    tree.value.forEach((node, key) => {
+      tree.value.set(key, { ...node, hidden });
+    });
+  };
+  const toggleExpandableNodes = (expandableClosed) => {
+    if (!tree.value) return;
+    tree.value.forEach((node, key) => {
+      tree.value.set(key, { ...node, expandableClosed });
+    });
+  };
+  return {
+    tree,
+    nestedTree,
+    initTree,
+    setState,
+    reset,
+    setExpandableClosed,
+    collectSelectedIds,
+    updateNestedTree,
+    searchedData,
+    toggleHiddenNodes,
+    toggleExpandableNodes
+  };
+};

package/dist/runtime/components/tree-select/components/tree-select-nodes.vue

@@ -0,0 +1,100 @@
+<template>
+  <li
+    :style="{ 'padding-left': `${node.level * 20}px` }"
+    :class="[
+  { 'bg-[#2C3E500D] dark:bg-[#E3E5E80D]': node.state === 'checked' && type === 'select' }
+]"
+  >
+    <div
+      v-if="!node?.hidden"
+      class="flex items-center gap-1 p-2"
+    >
+      <div class="min-w-4">
+        <i-chevron-down
+          v-if="node.expandable"
+          width="16"
+          height="16"
+          :class="['cursor-pointer transition-all', { '-rotate-90': node.expandableClosed }]"
+          @click="toggleExpand(node)"
+        />
+      </div>
+      <div
+        v-if="type === 'select'"
+        class="w-full"
+      >
+        <input
+          :id="node.id.toString()"
+          type="checkbox"
+          class="hidden"
+          :checked="node.state === 'checked'"
+          @change="handleCheckboxChange"
+        >
+        <label
+          :for="node.id.toString()"
+          class="flex grow cursor-pointer items-center justify-between gap-4"
+        >
+          <span
+            :class="{ 'font-semibold': node.level === 0 }"
+            v-html="node.text"
+          />
+          <checkbox-active
+            v-if="node.state === 'checked'"
+            class="min-w-4 text-blue-700"
+          />
+        </label>
+      </div>
+      <adt-checkbox
+        v-if="type === 'checkbox'"
+        size="lg"
+        :model-value="node.state === 'checked'"
+        :name="`${node.id}`"
+        :intermediate="node.state === 'indeterminate'"
+        side="right"
+        always-intermediate
+        @change="handleCheckboxChange"
+      >
+        <span
+          class="heading-05"
+          v-html="node.text"
+        />
+      </adt-checkbox>
+    </div>
+
+    <!--    <a-transition-height> -->
+    <ul v-if="node.expandable && !node.expandableClosed">
+      <template
+        v-for="childNode in node.child"
+        :key="childNode.id"
+      >
+        <tree-select-nodes
+          :node="childNode"
+          :toggle-expand="toggleExpand"
+          :toggle-checkbox="toggleCheckbox"
+          :type="type"
+        />
+      </template>
+    </ul>
+    <!--    </a-transition-height> -->
+  </li>
+</template>
+
+<script setup>
+import IChevronDown from "#icons/arrow/chevron-down.vue";
+import CheckboxActive from "#icons/checkbox/checkbox-active.vue";
+const props = defineProps({
+  node: { type: Object, required: true },
+  toggleExpand: { type: Function, required: true },
+  toggleCheckbox: { type: Function, required: true },
+  type: { type: String, required: true }
+});
+const handleCheckboxChange = (event) => {
+  props.toggleCheckbox(props.node.id, event.target.checked);
+};
+const toggleExpand = (node) => {
+  props.toggleExpand(node);
+};
+</script>
+
+<style scoped>
+
+</style>

package/dist/runtime/components/tree-select/components/tree-select-nodes.vue.d.ts

@@ -0,0 +1,9 @@
+import type { TreeNestedNode } from '~/src/runtime/components/tree-select/types';
+interface Props {
+    node: TreeNestedNode;
+    toggleExpand: Function;
+    toggleCheckbox: Function;
+    type: 'checkbox' | 'select';
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/tree-select/types.d.ts

@@ -0,0 +1,29 @@
+export interface TreeNode {
+    id: string | number;
+    name: string;
+    state: TreeNodeState;
+    level: number;
+    expandable: boolean;
+    expandableClosed: boolean;
+    parent: string | number | null;
+    hidden?: boolean;
+    child: (string | number)[];
+}
+export interface TreeNestedNode {
+    id: string | number;
+    name: string;
+    state: TreeNodeState;
+    level: number;
+    expandable: boolean;
+    expandableClosed: boolean;
+    text: string;
+    hidden: boolean;
+    child: TreeNestedNode[];
+}
+export type TreeData = {
+    id: number | string;
+    name: string;
+    children?: TreeData[];
+};
+export type TreeNodeState = 'checked' | 'unchecked' | 'indeterminate';
+export type TreeNodeStateEditable = 'checked' | 'unchecked';

package/dist/runtime/composables/highlight.d.ts

@@ -0,0 +1 @@
+export default function (text: string, search?: string): string;

package/dist/runtime/composables/highlight.js

@@ -0,0 +1,15 @@
+export default function(text, search = "") {
+  let label = text || "";
+  const index = label.toLowerCase().indexOf(search?.toLowerCase());
+  const regExp = new RegExp(search, "gi");
+  if (index >= 0) {
+    label = label.replace(
+      regExp,
+      `<span class="bg-yellow-200 dark:text-gray-950 dark:bg-yellow-300">${label.substring(
+        index,
+        index + search.length
+      )}</span>`
+    );
+  }
+  return label;
+}

package/dist/runtime/composables/projectState.d.ts

@@ -1,2 +1,2 @@
-export declare const useCurrentModule: () => any;
-export declare const useContacts: () => any;
+export declare const useCurrentModule: () => import("vue").Ref<string, string>;
+export declare const useContacts: () => import("vue").Ref<any, any>;

package/dist/runtime/i18n.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/icons/arrow/arrow-right.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <svg
-    width="25"
-    height="24"
-    viewBox="0 0 25 24"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M8.70938 5.23017C8.99647 4.93159 9.47125 4.92228 9.76983 5.20938L16.2698 11.4594C16.4169 11.6008 16.5 11.796 16.5 12C16.5 12.204 16.4169 12.3992 16.2698 12.5406L9.76983 18.7906C9.47125 19.0777 8.99647 19.0684 8.70938 18.7698C8.42228 18.4713 8.43159 17.9965 8.73017 17.7094L14.6679 12L8.73017 6.29063C8.43159 6.00353 8.42228 5.52875 8.70938 5.23017Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg
+    width="25"
+    height="24"
+    viewBox="0 0 25 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.70938 5.23017C8.99647 4.93159 9.47125 4.92228 9.76983 5.20938L16.2698 11.4594C16.4169 11.6008 16.5 11.796 16.5 12C16.5 12.204 16.4169 12.3992 16.2698 12.5406L9.76983 18.7906C9.47125 19.0777 8.99647 19.0684 8.70938 18.7698C8.42228 18.4713 8.43159 17.9965 8.73017 17.7094L14.6679 12L8.73017 6.29063C8.43159 6.00353 8.42228 5.52875 8.70938 5.23017Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/dist/runtime/icons/calendar.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M10.5669 1C10.8568 1 11.0919 1.23505 11.0919 1.525V2.295H12.4919C13.495 2.295 14.3002 3.11434 14.3002 4.115V6.70493V13.18C14.3002 14.1807 13.495 15 12.4919 15H3.50853C2.50534 15 1.7002 14.1807 1.7002 13.18V6.70493V4.115C1.7002 3.11434 2.50534 2.295 3.50853 2.295H4.90857V1.525C4.90857 1.23505 5.14362 1 5.43356 1C5.72351 1 5.95856 1.23505 5.95856 1.525V2.295H10.0419V1.525C10.0419 1.23505 10.2769 1 10.5669 1ZM4.90857 3.345V4.11439C4.90857 4.40434 5.14362 4.63939 5.43356 4.63939C5.72351 4.63939 5.95856 4.40434 5.95856 4.11439V3.345H10.0419V4.11439C10.0419 4.40434 10.2769 4.63939 10.5669 4.63939C10.8568 4.63939 11.0919 4.40434 11.0919 4.11439V3.345H12.4919C12.9062 3.345 13.2502 3.68525 13.2502 4.115V6.17993H2.75019V4.115C2.75019 3.68525 3.09418 3.345 3.50853 3.345H4.90857ZM13.2502 7.22993V13.18C13.2502 13.6098 12.9062 13.95 12.4919 13.95H3.50853C3.09418 13.95 2.75019 13.6098 2.75019 13.18V7.22993H13.2502Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.5669 1C10.8568 1 11.0919 1.23505 11.0919 1.525V2.295H12.4919C13.495 2.295 14.3002 3.11434 14.3002 4.115V6.70493V13.18C14.3002 14.1807 13.495 15 12.4919 15H3.50853C2.50534 15 1.7002 14.1807 1.7002 13.18V6.70493V4.115C1.7002 3.11434 2.50534 2.295 3.50853 2.295H4.90857V1.525C4.90857 1.23505 5.14362 1 5.43356 1C5.72351 1 5.95856 1.23505 5.95856 1.525V2.295H10.0419V1.525C10.0419 1.23505 10.2769 1 10.5669 1ZM4.90857 3.345V4.11439C4.90857 4.40434 5.14362 4.63939 5.43356 4.63939C5.72351 4.63939 5.95856 4.40434 5.95856 4.11439V3.345H10.0419V4.11439C10.0419 4.40434 10.2769 4.63939 10.5669 4.63939C10.8568 4.63939 11.0919 4.40434 11.0919 4.11439V3.345H12.4919C12.9062 3.345 13.2502 3.68525 13.2502 4.115V6.17993H2.75019V4.115C2.75019 3.68525 3.09418 3.345 3.50853 3.345H4.90857ZM13.2502 7.22993V13.18C13.2502 13.6098 12.9062 13.95 12.4919 13.95H3.50853C3.09418 13.95 2.75019 13.6098 2.75019 13.18V7.22993H13.2502Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<style scoped>
+
+</style>

package/dist/runtime/icons/download.vue

@@ -1,26 +1,26 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <svg
-    width="16"
-    height="16"
-    viewBox="0 0 16 16"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M8.52496 1.525C8.52496 1.23505 8.28991 1 7.99996 1C7.71001 1 7.47496 1.23505 7.47496 1.525V9.97001L6.21285 8.7079C6.00783 8.50288 5.67542 8.50288 5.4704 8.7079C5.26537 8.91293 5.26537 9.24534 5.4704 9.45036L7.62872 11.6087C7.72717 11.7071 7.86071 11.7625 7.99994 11.7625C8.13918 11.7625 8.27272 11.7071 8.37117 11.6087L10.5295 9.45036C10.7345 9.24534 10.7345 8.91293 10.5295 8.7079C10.3245 8.50288 9.99206 8.50288 9.78704 8.7079L8.52496 9.96999V1.525Z"
-      fill="currentColor"
-    />
-    <path
-      d="M1.525 10.7124C1.81494 10.7124 2.04999 10.9475 2.04999 11.2374V13.9499H13.9499V11.2374C13.9499 10.9475 14.185 10.7124 14.4749 10.7124C14.7649 10.7124 14.9999 10.9475 14.9999 11.2374V14.4749C14.9999 14.7649 14.7649 14.9999 14.4749 14.9999H1.525C1.23505 14.9999 1 14.7649 1 14.4749V11.2374C1 10.9475 1.23505 10.7124 1.525 10.7124Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8.52496 1.525C8.52496 1.23505 8.28991 1 7.99996 1C7.71001 1 7.47496 1.23505 7.47496 1.525V9.97001L6.21285 8.7079C6.00783 8.50288 5.67542 8.50288 5.4704 8.7079C5.26537 8.91293 5.26537 9.24534 5.4704 9.45036L7.62872 11.6087C7.72717 11.7071 7.86071 11.7625 7.99994 11.7625C8.13918 11.7625 8.27272 11.7071 8.37117 11.6087L10.5295 9.45036C10.7345 9.24534 10.7345 8.91293 10.5295 8.7079C10.3245 8.50288 9.99206 8.50288 9.78704 8.7079L8.52496 9.96999V1.525Z"
+      fill="currentColor"
+    />
+    <path
+      d="M1.525 10.7124C1.81494 10.7124 2.04999 10.9475 2.04999 11.2374V13.9499H13.9499V11.2374C13.9499 10.9475 14.185 10.7124 14.4749 10.7124C14.7649 10.7124 14.9999 10.9475 14.9999 11.2374V14.4749C14.9999 14.7649 14.7649 14.9999 14.4749 14.9999H1.525C1.23505 14.9999 1 14.7649 1 14.4749V11.2374C1 10.9475 1.23505 10.7124 1.525 10.7124Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+
+<style scoped>
+
+</style>