quasar-ui-danx 0.2.15 → 0.2.17

package/src/components/Utility/Popovers/PopoverMenu.vue

@@ -5,56 +5,56 @@
   >
     <QTooltip v-if="$slots.tooltip || tooltip">
       <slot name="tooltip">{{ tooltip }}</slot>
-      </QTooltip>
-      <Transition
-          mode="out-in"
-          :duration="150"
-      >
-        <RenderComponent
-            v-if="loading"
-            :component="loadingComponent"
-        />
-        <MenuIcon
-            v-else
-            class="w-4 text-black"
-        />
-      </Transition>
-      <QMenu
-          v-if="!disabled"
-          auto-close
-      >
-        <QList>
-          <template v-for="item in items">
-            <a
-                v-if="item.url"
-                :key="item.url"
-                class="q-item"
-                target="_blank"
-                :href="item.url"
-                :class="item.class"
-            >
-              {{ item.label }}
-            </a>
-            <QItem
-                v-else
-                :key="item.name || item.action"
-                clickable
-                :class="item.class"
-                @click="onAction(item)"
-            >
-              {{ item.label }}
-              </QItem>
-          </template>
-          </QList>
-          </QMenu>
+    </QTooltip>
+    <Transition
+        mode="out-in"
+        :duration="150"
+    >
+      <RenderComponent
+          v-if="loading"
+          :component="loadingComponent"
+      />
+      <MenuIcon
+          v-else
+          class="w-4 text-black"
+      />
+    </Transition>
+    <QMenu
+        v-if="!disabled"
+        auto-close
+    >
+      <QList>
+        <template v-for="item in items">
+          <a
+              v-if="item.url"
+              :key="item.url"
+              class="q-item"
+              target="_blank"
+              :href="item.url"
+              :class="item.class"
+          >
+            {{ item.label }}
+          </a>
+          <QItem
+              v-else
+              :key="item.name || item.action"
+              clickable
+              :class="item.class"
+              @click="onAction(item)"
+          >
+            {{ item.label }}
+          </QItem>
+        </template>
+      </QList>
+    </QMenu>
   </a>
 </template>
 <script setup>
-import { DotsVerticalIcon as MenuIcon } from '@heroicons/vue/outline';
-import { QSpinner } from 'quasar';
-import { RenderComponent } from '../Tools';
+import { DotsVerticalIcon as MenuIcon } from "@heroicons/vue/outline";
+import { QSpinner } from "quasar";
+import { RenderComponent } from "../Tools";
 
-const emit = defineEmits(['action', 'action-item']);
+const emit = defineEmits(["action", "action-item"]);
 defineProps({
   items: {
     type: Array,
@@ -73,13 +73,13 @@ defineProps({
     type: [Function, Object],
     default: () => ({
       is: QSpinner,
-      props: { class: 'w-4 h-4 text-black' }
+      props: { class: "w-4 h-4 text-black" }
     })
   }
 });
 
 function onAction(item) {
-  emit('action', item.name || item.action);
-  emit('action-item', item);
+  emit("action", item.name || item.action);
+  emit("action-item", item);
 }
 </script>

package/src/components/Utility/Tabs/BadgeTab.vue

@@ -26,7 +26,7 @@ defineProps({
   },
   count: {
     type: [String, Number],
-    default: ''
+    default: ""
   }
 });
 </script>

package/src/components/Utility/Tabs/IndicatorTab.vue

@@ -18,11 +18,11 @@
         />
       </div>
     </div>
-    </QTab>
+  </QTab>
 </template>
 <script setup>
-import { ExclamationCircleIcon as OverdueIcon } from '@heroicons/vue/solid';
-import { WarningIcon } from '../../../svg';
+import { ExclamationCircleIcon as OverdueIcon } from "@heroicons/vue/solid";
+import { WarningIcon } from "../../../svg";
 
 defineProps({
   name: {

package/src/components/Utility/Tools/ActionVnode.vue

@@ -10,9 +10,9 @@
   </div>
 </template>
 <script setup>
-import { ref } from 'vue';
-import { activeActionVnode } from '../../../helpers';
-import RenderVnode from './RenderVnode';
+import { ref } from "vue";
+import { activeActionVnode } from "../../../helpers";
+import RenderVnode from "./RenderVnode";
 
 const isSaving = ref(false);
 async function onConfirm(input) {

package/src/components/Utility/Tools/RenderComponent.vue

@@ -13,9 +13,9 @@
   />
 </template>
 <script setup>
-import { computed } from 'vue';
+import { computed } from "vue";
 
-defineEmits(['action']);
+defineEmits(["action"]);
 const props = defineProps({
   component: {
     type: [Function, Object],
@@ -33,7 +33,7 @@ const props = defineProps({
 
 const content = computed(() => resolvedComponent.value?.value || resolvedComponent.value?.props?.text);
 const resolvedComponent = computed(() => {
-  if (typeof props.component === 'function') {
+  if (typeof props.component === "function") {
     return props.component(...props.params);
   }
   return props.component;

package/src/components/Utility/Transitions/StaggeredListTransition.vue

@@ -13,13 +13,13 @@
 </template>
 
 <script setup>
-import gsap from 'gsap';
-import { computed, ref } from 'vue';
+import gsap from "gsap";
+import { computed, ref } from "vue";
 
 const props = defineProps({
   height: {
     type: [String, Number],
-    default: 'auto'
+    default: "auto"
   },
   duration: {
     type: Number,

package/src/helpers/array.ts

@@ -6,21 +6,21 @@
  * @returns {*[]}
  */
 export function replace(array, item, newItem = undefined) {
-  const index =
-    typeof item === "function" ? array.findIndex(item) : array.indexOf(item);
-  if (index === false) {
-    console.error("Item not found in array", item, array);
-    throw new Error("Item not found in array");
-  }
-  const newArray = [...array];
-  newItem !== undefined
-    ? newArray.splice(index, 1, newItem)
-    : newArray.splice(index, 1);
-  return newArray;
+    const index =
+        typeof item === "function" ? array.findIndex(item) : array.indexOf(item);
+    if (index === false) {
+        console.error("Item not found in array", item, array);
+        throw new Error("Item not found in array");
+    }
+    const newArray = [...array];
+    newItem !== undefined
+        ? newArray.splice(index, 1, newItem)
+        : newArray.splice(index, 1);
+    return newArray;
 }
 
 export function remove(array, item) {
-  return replace(array, item);
+    return replace(array, item);
 }
 
 /**
@@ -30,8 +30,8 @@ export function remove(array, item) {
  * @returns {*}
  */
 export function uniqueBy(array, cb) {
-  return array.filter((a, index, self) => {
-    // Check if the current element 'a' is the first occurrence in the array
-    return index === self.findIndex((b) => cb(a, b));
-  });
+    return array.filter((a, index, self) => {
+        // Check if the current element 'a' is the first occurrence in the array
+        return index === self.findIndex((b) => cb(a, b));
+    });
 }

package/src/helpers/storage.ts

@@ -1,8 +1,8 @@
-export function setItem(key, value) {
-  localStorage.setItem(key, JSON.stringify(value));
+export function setItem(key: string, value: any) {
+    localStorage.setItem(key, JSON.stringify(value));
 }
 
-export function getItem(key, defaultValue = null) {
-  const item = localStorage.getItem(key);
-  return item ? JSON.parse(item) : defaultValue;
+export function getItem(key: string, defaultValue: any = null) {
+    const item = localStorage.getItem(key);
+    return item ? JSON.parse(item) : defaultValue;
 }

package/src/helpers/utils.ts

@@ -73,7 +73,7 @@ export function parseCoords(location) {
         if (!isNaN(lat) && !isNaN(lng)) {
             return {
                 lat,
-                lng,
+                lng
             };
         }
     }

package/src/index.common.js

@@ -1,2 +1 @@
-
-export * from './vue-plugin'
+export * from "./vue-plugin";

package/src/index.esm.js

@@ -1,2 +1,2 @@
-export * from './vue-plugin';
+export * from "./vue-plugin";
 

package/src/index.umd.js

@@ -1,3 +1,3 @@
+import * as VuePlugin from "./vue-plugin";
 
-import * as VuePlugin from './vue-plugin'
-export default VuePlugin
+export default VuePlugin;

package/src/svg/CaretDownIcon.svg

@@ -1,3 +1,3 @@
 <svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-  <path d="M10 12L6 8H14L10 12Z" fill="currentColor"/>
+    <path d="M10 12L6 8H14L10 12Z" fill="currentColor"/>
 </svg>

package/src/svg/DragHandleDotsIcon.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M7.5 16C7.08333 16 6.72933 15.854 6.438 15.562C6.146 15.2707 6 14.9167 6 14.5C6 14.0833 6.146 13.7293 6.438 13.438C6.72933 13.146 7.08333 13 7.5 13C7.91667 13 8.27067 13.146 8.562 13.438C8.854 13.7293 9 14.0833 9 14.5C9 14.9167 8.854 15.2707 8.562 15.562C8.27067 15.854 7.91667 16 7.5 16ZM12.5 16C12.0833 16 11.7293 15.854 11.438 15.562C11.146 15.2707 11 14.9167 11 14.5C11 14.0833 11.146 13.7293 11.438 13.438C11.7293 13.146 12.0833 13 12.5 13C12.9167 13 13.2707 13.146 13.562 13.438C13.854 13.7293 14 14.0833 14 14.5C14 14.9167 13.854 15.2707 13.562 15.562C13.2707 15.854 12.9167 16 12.5 16ZM7.5 11.5C7.08333 11.5 6.72933 11.354 6.438 11.062C6.146 10.7707 6 10.4167 6 10C6 9.58333 6.146 9.22933 6.438 8.938C6.72933 8.646 7.08333 8.5 7.5 8.5C7.91667 8.5 8.27067 8.646 8.562 8.938C8.854 9.22933 9 9.58333 9 10C9 10.4167 8.854 10.7707 8.562 11.062C8.27067 11.354 7.91667 11.5 7.5 11.5ZM12.5 11.5C12.0833 11.5 11.7293 11.354 11.438 11.062C11.146 10.7707 11 10.4167 11 10C11 9.58333 11.146 9.22933 11.438 8.938C11.7293 8.646 12.0833 8.5 12.5 8.5C12.9167 8.5 13.2707 8.646 13.562 8.938C13.854 9.22933 14 9.58333 14 10C14 10.4167 13.854 10.7707 13.562 11.062C13.2707 11.354 12.9167 11.5 12.5 11.5ZM7.5 7C7.08333 7 6.72933 6.854 6.438 6.562C6.146 6.27067 6 5.91667 6 5.5C6 5.08333 6.146 4.72933 6.438 4.438C6.72933 4.146 7.08333 4 7.5 4C7.91667 4 8.27067 4.146 8.562 4.438C8.854 4.72933 9 5.08333 9 5.5C9 5.91667 8.854 6.27067 8.562 6.562C8.27067 6.854 7.91667 7 7.5 7ZM12.5 7C12.0833 7 11.7293 6.854 11.438 6.562C11.146 6.27067 11 5.91667 11 5.5C11 5.08333 11.146 4.72933 11.438 4.438C11.7293 4.146 12.0833 4 12.5 4C12.9167 4 13.2707 4.146 13.562 4.438C13.854 4.72933 14 5.08333 14 5.5C14 5.91667 13.854 6.27067 13.562 6.562C13.2707 6.854 12.9167 7 12.5 7Z"
-    fill="currentColor"/>
+    <path
+            d="M7.5 16C7.08333 16 6.72933 15.854 6.438 15.562C6.146 15.2707 6 14.9167 6 14.5C6 14.0833 6.146 13.7293 6.438 13.438C6.72933 13.146 7.08333 13 7.5 13C7.91667 13 8.27067 13.146 8.562 13.438C8.854 13.7293 9 14.0833 9 14.5C9 14.9167 8.854 15.2707 8.562 15.562C8.27067 15.854 7.91667 16 7.5 16ZM12.5 16C12.0833 16 11.7293 15.854 11.438 15.562C11.146 15.2707 11 14.9167 11 14.5C11 14.0833 11.146 13.7293 11.438 13.438C11.7293 13.146 12.0833 13 12.5 13C12.9167 13 13.2707 13.146 13.562 13.438C13.854 13.7293 14 14.0833 14 14.5C14 14.9167 13.854 15.2707 13.562 15.562C13.2707 15.854 12.9167 16 12.5 16ZM7.5 11.5C7.08333 11.5 6.72933 11.354 6.438 11.062C6.146 10.7707 6 10.4167 6 10C6 9.58333 6.146 9.22933 6.438 8.938C6.72933 8.646 7.08333 8.5 7.5 8.5C7.91667 8.5 8.27067 8.646 8.562 8.938C8.854 9.22933 9 9.58333 9 10C9 10.4167 8.854 10.7707 8.562 11.062C8.27067 11.354 7.91667 11.5 7.5 11.5ZM12.5 11.5C12.0833 11.5 11.7293 11.354 11.438 11.062C11.146 10.7707 11 10.4167 11 10C11 9.58333 11.146 9.22933 11.438 8.938C11.7293 8.646 12.0833 8.5 12.5 8.5C12.9167 8.5 13.2707 8.646 13.562 8.938C13.854 9.22933 14 9.58333 14 10C14 10.4167 13.854 10.7707 13.562 11.062C13.2707 11.354 12.9167 11.5 12.5 11.5ZM7.5 7C7.08333 7 6.72933 6.854 6.438 6.562C6.146 6.27067 6 5.91667 6 5.5C6 5.08333 6.146 4.72933 6.438 4.438C6.72933 4.146 7.08333 4 7.5 4C7.91667 4 8.27067 4.146 8.562 4.438C8.854 4.72933 9 5.08333 9 5.5C9 5.91667 8.854 6.27067 8.562 6.562C8.27067 6.854 7.91667 7 7.5 7ZM12.5 7C12.0833 7 11.7293 6.854 11.438 6.562C11.146 6.27067 11 5.91667 11 5.5C11 5.08333 11.146 4.72933 11.438 4.438C11.7293 4.146 12.0833 4 12.5 4C12.9167 4 13.2707 4.146 13.562 4.438C13.854 4.72933 14 5.08333 14 5.5C14 5.91667 13.854 6.27067 13.562 6.562C13.2707 6.854 12.9167 7 12.5 7Z"
+            fill="currentColor"/>
 </svg>

package/src/svg/DragHandleIcon.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 7 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M0.5 1L0.5 15C0.5 15.55 0.95 16 1.5 16C2.05 16 2.5 15.55 2.5 15L2.5 1C2.5 0.45 2.05 0 1.5 0C0.95 0 0.5 0.45 0.5 1ZM6.5 15L6.5 1C6.5 0.45 6.05 0 5.5 0C4.95 0 4.5 0.45 4.5 1L4.5 15C4.5 15.55 4.95 16 5.5 16C6.05 16 6.5 15.55 6.5 15Z"
-    fill="currentColor"/>
+    <path
+            d="M0.5 1L0.5 15C0.5 15.55 0.95 16 1.5 16C2.05 16 2.5 15.55 2.5 15L2.5 1C2.5 0.45 2.05 0 1.5 0C0.95 0 0.5 0.45 0.5 1ZM6.5 15L6.5 1C6.5 0.45 6.05 0 5.5 0C4.95 0 4.5 0.45 4.5 1L4.5 15C4.5 15.55 4.95 16 5.5 16C6.05 16 6.5 15.55 6.5 15Z"
+            fill="currentColor"/>
 </svg>

package/src/svg/FilterIcon.svg

@@ -1,7 +1,7 @@
 <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g>
-    <path
-      d="M9.16667 17.5V12.5H10.8333V14.1667H17.5V15.8333H10.8333V17.5H9.16667ZM2.5 15.8333V14.1667H7.5V15.8333H2.5ZM5.83333 12.5V10.8333H2.5V9.16667H5.83333V7.5H7.5V12.5H5.83333ZM9.16667 10.8333V9.16667H17.5V10.8333H9.16667ZM12.5 7.5V2.5H14.1667V4.16667H17.5V5.83333H14.1667V7.5H12.5ZM2.5 5.83333V4.16667H10.8333V5.83333H2.5Z"
-      fill="currentColor"/>
-  </g>
+    <g>
+        <path
+                d="M9.16667 17.5V12.5H10.8333V14.1667H17.5V15.8333H10.8333V17.5H9.16667ZM2.5 15.8333V14.1667H7.5V15.8333H2.5ZM5.83333 12.5V10.8333H2.5V9.16667H5.83333V7.5H7.5V12.5H5.83333ZM9.16667 10.8333V9.16667H17.5V10.8333H9.16667ZM12.5 7.5V2.5H14.1667V4.16667H17.5V5.83333H14.1667V7.5H12.5ZM2.5 5.83333V4.16667H10.8333V5.83333H2.5Z"
+                fill="currentColor"/>
+    </g>
 </svg>

package/src/svg/ImageIcon.svg

@@ -1,30 +1,30 @@
 <svg
-  viewBox="0 0 20 20"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
 >
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M17.8587 18.5578C18.2529 18.5578 18.5725 18.2383 18.5725 17.8441L18.5725 2.1414C18.5725 1.7472 18.2529 1.42764 17.8587 1.42764L2.15604 1.42764C1.76184 1.42764 1.44228 1.7472 1.44228 2.1414L1.44228 17.8441C1.44228 18.2383 1.76184 18.5578 2.15604 18.5578L17.8587 18.5578ZM20 17.8441C20 19.0267 19.0413 19.9854 17.8587 19.9854L2.15604 19.9854C0.97345 19.9854 0.014769 19.0267 0.014769 17.8441L0.014769 2.1414C0.014769 0.958801 0.97345 0.00012055 2.15604 0.00012055L17.8587 0.00012055C19.0413 0.00012055 20 0.958801 20 2.1414L20 17.8441Z"
-    fill="currentColor"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M13.2048 4.99588C12.2193 4.99588 11.4204 5.79478 11.4204 6.78027C11.4204 7.76577 12.2193 8.56467 13.2048 8.56467C14.1903 8.56467 14.9892 7.76577 14.9892 6.78027C14.9892 5.79478 14.1903 4.99588 13.2048 4.99588ZM9.99292 6.78027C9.99292 5.00638 11.4309 3.56836 13.2048 3.56836C14.9787 3.56836 16.4167 5.00638 16.4167 6.78027C16.4167 8.55416 14.9787 9.99218 13.2048 9.99218C11.4309 9.99218 9.99292 8.55416 9.99292 6.78027Z"
-    fill="currentColor"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M2.84806 9.9929C5.50442 9.93497 8.09526 10.8216 10.1592 12.4951C12.2256 14.1705 13.6294 16.5256 14.1203 19.1401C14.193 19.5275 13.9379 19.9005 13.5505 19.9733C13.1631 20.046 12.79 19.7909 12.7173 19.4035C12.2889 17.1216 11.0636 15.0662 9.26019 13.6039C7.45676 12.1417 5.19246 11.3678 2.8713 11.4203C2.86529 11.4204 2.85927 11.4205 2.85326 11.4204C2.18034 11.4186 1.50881 11.4813 0.847849 11.6076C0.460656 11.6816 0.0867981 11.4277 0.0128145 11.0405C-0.0611691 10.6533 0.192737 10.2794 0.57993 10.2055C1.3275 10.0626 2.08698 9.99144 2.84806 9.9929Z"
-    fill="currentColor"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M10.9536 13.8192C12.4542 13.1749 14.0708 12.8443 15.7039 12.8477C16.9949 12.8471 18.2773 13.0574 19.5005 13.4705C19.8739 13.5966 20.0745 14.0016 19.9483 14.3751C19.8222 14.7486 19.4172 14.9491 19.0437 14.823C17.9677 14.4596 16.8395 14.2746 15.7037 14.2752L15.7018 14.2752C14.263 14.2721 12.8388 14.5633 11.5168 15.1309C11.1546 15.2864 10.7348 15.1189 10.5793 14.7567C10.4238 14.3944 10.5914 13.9747 10.9536 13.8192Z"
-    fill="currentColor"
-  />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M17.8587 18.5578C18.2529 18.5578 18.5725 18.2383 18.5725 17.8441L18.5725 2.1414C18.5725 1.7472 18.2529 1.42764 17.8587 1.42764L2.15604 1.42764C1.76184 1.42764 1.44228 1.7472 1.44228 2.1414L1.44228 17.8441C1.44228 18.2383 1.76184 18.5578 2.15604 18.5578L17.8587 18.5578ZM20 17.8441C20 19.0267 19.0413 19.9854 17.8587 19.9854L2.15604 19.9854C0.97345 19.9854 0.014769 19.0267 0.014769 17.8441L0.014769 2.1414C0.014769 0.958801 0.97345 0.00012055 2.15604 0.00012055L17.8587 0.00012055C19.0413 0.00012055 20 0.958801 20 2.1414L20 17.8441Z"
+            fill="currentColor"
+    />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M13.2048 4.99588C12.2193 4.99588 11.4204 5.79478 11.4204 6.78027C11.4204 7.76577 12.2193 8.56467 13.2048 8.56467C14.1903 8.56467 14.9892 7.76577 14.9892 6.78027C14.9892 5.79478 14.1903 4.99588 13.2048 4.99588ZM9.99292 6.78027C9.99292 5.00638 11.4309 3.56836 13.2048 3.56836C14.9787 3.56836 16.4167 5.00638 16.4167 6.78027C16.4167 8.55416 14.9787 9.99218 13.2048 9.99218C11.4309 9.99218 9.99292 8.55416 9.99292 6.78027Z"
+            fill="currentColor"
+    />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M2.84806 9.9929C5.50442 9.93497 8.09526 10.8216 10.1592 12.4951C12.2256 14.1705 13.6294 16.5256 14.1203 19.1401C14.193 19.5275 13.9379 19.9005 13.5505 19.9733C13.1631 20.046 12.79 19.7909 12.7173 19.4035C12.2889 17.1216 11.0636 15.0662 9.26019 13.6039C7.45676 12.1417 5.19246 11.3678 2.8713 11.4203C2.86529 11.4204 2.85927 11.4205 2.85326 11.4204C2.18034 11.4186 1.50881 11.4813 0.847849 11.6076C0.460656 11.6816 0.0867981 11.4277 0.0128145 11.0405C-0.0611691 10.6533 0.192737 10.2794 0.57993 10.2055C1.3275 10.0626 2.08698 9.99144 2.84806 9.9929Z"
+            fill="currentColor"
+    />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M10.9536 13.8192C12.4542 13.1749 14.0708 12.8443 15.7039 12.8477C16.9949 12.8471 18.2773 13.0574 19.5005 13.4705C19.8739 13.5966 20.0745 14.0016 19.9483 14.3751C19.8222 14.7486 19.4172 14.9491 19.0437 14.823C17.9677 14.4596 16.8395 14.2746 15.7037 14.2752L15.7018 14.2752C14.263 14.2721 12.8388 14.5633 11.5168 15.1309C11.1546 15.2864 10.7348 15.1189 10.5793 14.7567C10.4238 14.3944 10.5914 13.9747 10.9536 13.8192Z"
+            fill="currentColor"
+    />
 </svg>

package/src/svg/PdfIcon.svg

@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 550.801 550.801">
-  <g>
-    <path d="M160.381,282.225c0-14.832-10.299-23.684-28.474-23.684c-7.414,0-12.437,0.715-15.071,1.432V307.6
+    <g>
+        <path d="M160.381,282.225c0-14.832-10.299-23.684-28.474-23.684c-7.414,0-12.437,0.715-15.071,1.432V307.6
 		c3.114,0.707,6.942,0.949,12.192,0.949C148.419,308.549,160.381,298.74,160.381,282.225z"/>
-    <path d="M272.875,259.019c-8.145,0-13.397,0.717-16.519,1.435v105.523c3.116,0.729,8.142,0.729,12.69,0.729
+        <path d="M272.875,259.019c-8.145,0-13.397,0.717-16.519,1.435v105.523c3.116,0.729,8.142,0.729,12.69,0.729
 		c33.017,0.231,54.554-17.946,54.554-56.474C323.842,276.719,304.215,259.019,272.875,259.019z"/>
-    <path d="M488.426,197.019H475.2v-63.816c0-0.398-0.063-0.799-0.116-1.202c-0.021-2.534-0.827-5.023-2.562-6.995L366.325,3.694
+        <path d="M488.426,197.019H475.2v-63.816c0-0.398-0.063-0.799-0.116-1.202c-0.021-2.534-0.827-5.023-2.562-6.995L366.325,3.694
 		c-0.032-0.031-0.063-0.042-0.085-0.076c-0.633-0.707-1.371-1.295-2.151-1.804c-0.231-0.155-0.464-0.285-0.706-0.419
 		c-0.676-0.369-1.393-0.675-2.131-0.896c-0.2-0.056-0.38-0.138-0.58-0.19C359.87,0.119,359.037,0,358.193,0H97.2
 		c-11.918,0-21.6,9.693-21.6,21.601v175.413H62.377c-17.049,0-30.873,13.818-30.873,30.873v160.545
@@ -17,5 +17,5 @@
 		c0,15.799-5.25,29.198-14.829,38.285c-12.442,11.728-30.865,16.996-52.407,16.996c-4.778,0-9.1-0.243-12.435-0.723v57.67H80.7
 		V393.499z M453.601,523.353H97.2V419.302h356.4V523.353z M484.898,262.127h-61.989v36.851h57.913v29.674h-57.913v64.848h-36.593
 		V232.216h98.582V262.127z"/>
-  </g>
+    </g>
 </svg>

package/src/svg/SkipNextIcon.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g>
-    <path d="M16.5 18V6H18.5V18H16.5ZM5.5 18V6L14.5 12L5.5 18Z" fill="currentColor"/>
-  </g>
+    <g>
+        <path d="M16.5 18V6H18.5V18H16.5ZM5.5 18V6L14.5 12L5.5 18Z" fill="currentColor"/>
+    </g>
 </svg>

package/src/svg/SkipPreviousIcon.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g>
-    <path d="M5.5 18V6H7.5V18H5.5ZM18.5 18L9.5 12L18.5 6V18Z" fill="currentColor"/>
-  </g>
+    <g>
+        <path d="M5.5 18V6H7.5V18H5.5ZM18.5 18L9.5 12L18.5 6V18Z" fill="currentColor"/>
+    </g>
 </svg>

package/src/svg/TrashIcon.svg

@@ -1,15 +1,15 @@
 <svg
-  width="18"
-  height="20"
-  viewBox="0 0 16 18"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
+        width="18"
+        height="20"
+        viewBox="0 0 16 18"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
 >
-  <path
-    d="M13.8333 4.83333L13.1108 14.9517C13.0808 15.3722 12.8927 15.7657 12.5842 16.053C12.2757 16.3403 11.8698 16.5 11.4483 16.5H4.55159C4.13004 16.5 3.72414 16.3403 3.41566 16.053C3.10717 15.7657 2.91902 15.3722 2.88909 14.9517L2.16659 4.83333M6.33325 8.16667V13.1667M9.66659 8.16667V13.1667M10.4999 4.83333V2.33333C10.4999 2.11232 10.4121 1.90036 10.2558 1.74408C10.0996 1.5878 9.8876 1.5 9.66659 1.5H6.33325C6.11224 1.5 5.90028 1.5878 5.744 1.74408C5.58772 1.90036 5.49992 2.11232 5.49992 2.33333V4.83333M1.33325 4.83333H14.6666"
-    stroke="currentColor"
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
+    <path
+            d="M13.8333 4.83333L13.1108 14.9517C13.0808 15.3722 12.8927 15.7657 12.5842 16.053C12.2757 16.3403 11.8698 16.5 11.4483 16.5H4.55159C4.13004 16.5 3.72414 16.3403 3.41566 16.053C3.10717 15.7657 2.91902 15.3722 2.88909 14.9517L2.16659 4.83333M6.33325 8.16667V13.1667M9.66659 8.16667V13.1667M10.4999 4.83333V2.33333C10.4999 2.11232 10.4121 1.90036 10.2558 1.74408C10.0996 1.5878 9.8876 1.5 9.66659 1.5H6.33325C6.11224 1.5 5.90028 1.5878 5.744 1.74408C5.58772 1.90036 5.49992 2.11232 5.49992 2.33333V4.83333M1.33325 4.83333H14.6666"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+    />
 </svg>

package/src/svg/WarningIcon.svg

@@ -1,5 +1,5 @@
 <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M0 18.2727L10 1L20 18.2727H0ZM3.13636 16.4545H16.8636L10 4.63636L3.13636 16.4545ZM10 15.5455C10.2576 15.5455 10.4736 15.4582 10.6482 15.2836C10.8221 15.1097 10.9091 14.8939 10.9091 14.6364C10.9091 14.3788 10.8221 14.163 10.6482 13.9891C10.4736 13.8145 10.2576 13.7273 10 13.7273C9.74242 13.7273 9.52667 13.8145 9.35273 13.9891C9.17818 14.163 9.09091 14.3788 9.09091 14.6364C9.09091 14.8939 9.17818 15.1097 9.35273 15.2836C9.52667 15.4582 9.74242 15.5455 10 15.5455ZM9.09091 12.8182H10.9091V8.27273H9.09091V12.8182Z"
-    fill="currentColor"/>
+    <path
+            d="M0 18.2727L10 1L20 18.2727H0ZM3.13636 16.4545H16.8636L10 4.63636L3.13636 16.4545ZM10 15.5455C10.2576 15.5455 10.4736 15.4582 10.6482 15.2836C10.8221 15.1097 10.9091 14.8939 10.9091 14.6364C10.9091 14.3788 10.8221 14.163 10.6482 13.9891C10.4736 13.8145 10.2576 13.7273 10 13.7273C9.74242 13.7273 9.52667 13.8145 9.35273 13.9891C9.17818 14.163 9.09091 14.3788 9.09091 14.6364C9.09091 14.8939 9.17818 15.1097 9.35273 15.2836C9.52667 15.4582 9.74242 15.5455 10 15.5455ZM9.09091 12.8182H10.9091V8.27273H9.09091V12.8182Z"
+            fill="currentColor"/>
 </svg>

package/src/svg/XIcon.svg

@@ -1,18 +1,18 @@
 <svg
-  viewBox="0 0 17 17"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 17 17"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
 >
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M16.8222 0.177828C17.0593 0.414932 17.0593 0.799354 16.8222 1.03646L1.03646 16.8222C0.799354 17.0593 0.414932 17.0593 0.177828 16.8222C-0.059276 16.5851 -0.059276 16.2006 0.177828 15.9635L15.9635 0.177828C16.2006 -0.059276 16.5851 -0.059276 16.8222 0.177828Z"
-    fill="currentColor"
-  />
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M0.177828 0.177828C0.414932 -0.059276 0.799354 -0.059276 1.03646 0.177828L16.8222 15.9635C17.0593 16.2006 17.0593 16.5851 16.8222 16.8222C16.5851 17.0593 16.2006 17.0593 15.9635 16.8222L0.177828 1.03646C-0.059276 0.799354 -0.059276 0.414932 0.177828 0.177828Z"
-    fill="currentColor"
-  />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M16.8222 0.177828C17.0593 0.414932 17.0593 0.799354 16.8222 1.03646L1.03646 16.8222C0.799354 17.0593 0.414932 17.0593 0.177828 16.8222C-0.059276 16.5851 -0.059276 16.2006 0.177828 15.9635L15.9635 0.177828C16.2006 -0.059276 16.5851 -0.059276 16.8222 0.177828Z"
+            fill="currentColor"
+    />
+    <path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0.177828 0.177828C0.414932 -0.059276 0.799354 -0.059276 1.03646 0.177828L16.8222 15.9635C17.0593 16.2006 17.0593 16.5851 16.8222 16.8222C16.5851 17.0593 16.2006 17.0593 15.9635 16.8222L0.177828 1.03646C-0.059276 0.799354 -0.059276 0.414932 0.177828 0.177828Z"
+            fill="currentColor"
+    />
 </svg>

package/src/vue-plugin.js

@@ -1,9 +1,9 @@
-export * from './config';
-export * from './helpers';
-export * from './components';
-export * from './svg';
+export * from "./config";
+export * from "./helpers";
+export * from "./components";
+export * from "./svg";
 
-import packageJson from '../package.json';
+import packageJson from "../package.json";
 
 const { version } = packageJson;
 

package/vite.config.js

@@ -28,5 +28,12 @@ export default defineConfig({
                 }
             }
         }
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                additionalData: `@import "./src/styles/index.scss";`
+            }
+        }
     }
 });