quasar-ui-danx 0.2.15 → 0.2.17

package/src/components/PanelsDrawer/PanelsDrawer.vue

@@ -21,7 +21,7 @@
       </div>
       <div class="flex-grow overflow-hidden h-full">
         <div class="flex items-stretch flex-nowrap h-full">
-          <div class="border-r w-[13.5em] overflow-y-auto">
+          <div class="border-r w-[13.5rem] overflow-y-auto">
             <PanelsDrawerTabs
                 v-model="activePanel"
                 :panels="panels"
@@ -38,13 +38,13 @@
   </ContentDrawer>
 </template>
 <script setup>
-import { ref, watch } from 'vue';
-import { XIcon as CloseIcon } from '../../svg';
-import { ContentDrawer } from '../Utility';
-import PanelsDrawerPanels from './PanelsDrawerPanels';
-import PanelsDrawerTabs from './PanelsDrawerTabs';
+import { ref, watch } from "vue";
+import { XIcon as CloseIcon } from "../../svg";
+import { ContentDrawer } from "../Utility";
+import PanelsDrawerPanels from "./PanelsDrawerPanels";
+import PanelsDrawerTabs from "./PanelsDrawerTabs";
 
-defineEmits(['update:model-value', 'close']);
+defineEmits(["update:model-value", "close"]);
 const props = defineProps({
   modelValue: {
     type: String,
@@ -52,7 +52,7 @@ const props = defineProps({
   },
   panelsClass: {
     type: [Object, String],
-    default: 'w-[35.5rem]'
+    default: "w-[35.5rem]"
   },
   panels: {
     type: Array,

package/src/components/PanelsDrawer/PanelsDrawerPanels.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script setup>
-import { RenderVnode } from '../Utility';
+import { RenderVnode } from "../Utility";
 
 defineProps({
   activePanel: {

package/src/components/PanelsDrawer/PanelsDrawerTabs.vue

@@ -23,14 +23,14 @@
   </QTabs>
 </template>
 <script setup>
-import { QTab } from 'quasar';
-import { RenderVnode } from '../Utility';
+import { QTab } from "quasar";
+import { RenderVnode } from "../Utility";
 
-defineEmits(['update:model-value']);
+defineEmits(["update:model-value"]);
 defineProps({
   modelValue: {
     type: String,
-    default: 'general'
+    default: "general"
   },
   panels: {
     type: Array,

package/src/components/Utility/Buttons/ExportButton.vue

@@ -4,9 +4,9 @@
   </QBtn>
 </template>
 <script setup>
-import { DownloadIcon as ExportIcon } from '@heroicons/vue/solid';
-import { ref } from 'vue';
-import { FlashMessages } from '../../../helpers';
+import { DownloadIcon as ExportIcon } from "@heroicons/vue/solid";
+import { ref } from "vue";
+import { FlashMessages } from "../../../helpers";
 
 const props = defineProps({
   exporter: {
@@ -21,7 +21,7 @@ async function onExport() {
     await props.exporter();
   } catch (error) {
     console.error(error);
-    FlashMessages.error('Failed to export data');
+    FlashMessages.error("Failed to export data");
   }
   isExporting.value = false;
 }

package/src/components/Utility/Buttons/RefreshButton.vue

@@ -7,9 +7,9 @@
   </QBtn>
 </template>
 <script setup>
-import { RefreshIcon } from '@heroicons/vue/solid';
+import { RefreshIcon } from "@heroicons/vue/solid";
 
-defineEmits(['refresh']);
+defineEmits(["refresh"]);
 defineProps({
   loading: Boolean
 });

package/src/components/Utility/Controls/PreviousNextControls.vue

@@ -19,9 +19,9 @@
   </div>
 </template>
 <script setup>
-import { SkipNextIcon, SkipPreviousIcon } from '../../../svg';
+import { SkipNextIcon, SkipPreviousIcon } from "../../../svg";
 
-defineEmits(['next']);
+defineEmits(["next"]);
 defineProps({
   isLoading: Boolean
 });

package/src/components/Utility/Dialogs/ConfirmDialog.vue

@@ -70,26 +70,26 @@
 </template>
 
 <script setup>
-import { XIcon as CloseIcon } from '@heroicons/vue/outline';
+import { XIcon as CloseIcon } from "@heroicons/vue/outline";
 
-const emit = defineEmits(['update:model-value', 'confirm', 'close']);
+const emit = defineEmits(["update:model-value", "confirm", "close"]);
 const props = defineProps({
   modelValue: { type: [String, Boolean, Object], default: true },
   title: {
     type: String,
-    default: ''
+    default: ""
   },
   titleClass: {
     type: String,
-    default: ''
+    default: ""
   },
   subtitle: {
     type: String,
-    default: ''
+    default: ""
   },
   content: {
     type: String,
-    default: ''
+    default: ""
   },
   backdropDismiss: Boolean,
   maximized: Boolean,
@@ -101,32 +101,32 @@ const props = defineProps({
   hideConfirm: Boolean,
   confirmText: {
     type: String,
-    default: 'Confirm'
+    default: "Confirm"
   },
   cancelText: {
     type: String,
-    default: 'Cancel'
+    default: "Cancel"
   },
   confirmClass: {
     type: String,
-    default: 'bg-blue-600 text-white'
+    default: "bg-blue-600 text-white"
   },
   contentClass: {
     type: String,
-    default: ''
+    default: ""
   }
 });
 
 function onConfirm() {
-  emit('confirm');
+  emit("confirm");
 
   if (props.closeOnConfirm) {
-    emit('close');
+    emit("close");
   }
 }
 
 function onClose() {
-  emit('update:model-value', false);
-  emit('close');
+  emit("update:model-value", false);
+  emit("close");
 }
 </script>

package/src/components/Utility/Dialogs/FullScreenDialog.vue

@@ -20,10 +20,10 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
-import { XIcon } from '../../../svg';
+import { computed } from "vue";
+import { XIcon } from "../../../svg";
 
-const emit = defineEmits(['update:model-value', 'close']);
+const emit = defineEmits(["update:model-value", "close"]);
 const props = defineProps({
   modelValue: Boolean,
   center: Boolean,
@@ -33,14 +33,14 @@ const props = defineProps({
 
 let computedClass = computed(() => {
   return {
-    'bg-blue-600 text-white': props.blue,
-    'bg-white text-gray-base': !props.blue,
-    'items-center': props.center
+    "bg-blue-600 text-white": props.blue,
+    "bg-white text-gray-base": !props.blue,
+    "items-center": props.center
   };
 });
 
 function onClose() {
-  emit('update:model-value', false);
-  emit('close');
+  emit("update:model-value", false);
+  emit("close");
 }
 </script>

package/src/components/Utility/Dialogs/FullscreenCarouselDialog.vue

@@ -38,19 +38,19 @@
             <img v-else :alt="file.filename" :src="file.url" />
           </div>
         </QCarouselSlide>
-        </QCarousel>
-        <CloseIcon
-            class="absolute top-4 right-4 cursor-pointer text-white w-8 h-8"
-            @click="$emit('close')"
-        />
+      </QCarousel>
+      <CloseIcon
+          class="absolute top-4 right-4 cursor-pointer text-white w-8 h-8"
+          @click="$emit('close')"
+      />
     </div>
-    </QDialog>
+  </QDialog>
 </template>
 <script setup>
-import { ref } from 'vue';
-import { XIcon as CloseIcon } from '../../../svg';
+import { ref } from "vue";
+import { XIcon as CloseIcon } from "../../../svg";
 
-defineEmits(['close']);
+defineEmits(["close"]);
 const props = defineProps({
   files: {
     type: Array,
@@ -58,14 +58,14 @@ const props = defineProps({
   },
   defaultSlide: {
     type: String,
-    default: ''
+    default: ""
   }
 });
 
 const carousel = ref(null);
 const currentSlide = ref(props.defaultSlide);
 function isVideo(file) {
-  return file.mime?.startsWith('video');
+  return file.mime?.startsWith("video");
 }
 function getThumbUrl(file) {
   if (file.thumb) {

package/src/components/Utility/Dialogs/InfoDialog.vue

@@ -40,7 +40,7 @@
               @click="onClose"
           >
             <slot name="done-text" />
-            </QBtn>
+          </QBtn>
         </div>
       </div>
       <a
@@ -49,31 +49,31 @@
       >
         <CloseIcon class="w-5" />
       </a>
-      </QCard>
-      </QDialog>
+    </QCard>
+  </QDialog>
 </template>
 
 <script setup>
-import { XIcon as CloseIcon } from '@heroicons/vue/outline';
+import { XIcon as CloseIcon } from "@heroicons/vue/outline";
 
-const emit = defineEmits(['update:model-value', 'close']);
+const emit = defineEmits(["update:model-value", "close"]);
 defineProps({
   modelValue: { type: [Boolean, Object], default: true },
   title: {
     type: String,
-    default: ''
+    default: ""
   },
   titleClass: {
     type: String,
-    default: ''
+    default: ""
   },
   subtitle: {
     type: String,
-    default: ''
+    default: ""
   },
   content: {
     type: String,
-    default: ''
+    default: ""
   },
   backdropDismiss: Boolean,
   maximized: Boolean,
@@ -81,12 +81,12 @@ defineProps({
   fullHeight: Boolean,
   doneText: {
     type: String,
-    default: 'Done'
+    default: "Done"
   }
 });
 
 function onClose() {
-  emit('update:model-value', false);
-  emit('close');
+  emit("update:model-value", false);
+  emit("close");
 }
 </script>

package/src/components/Utility/Dialogs/InputDialog.vue

@@ -15,19 +15,19 @@
   </ConfirmDialog>
 </template>
 <script setup>
-import { ref } from 'vue';
-import ConfirmDialog from './ConfirmDialog';
+import { ref } from "vue";
+import ConfirmDialog from "./ConfirmDialog";
 
-defineEmits(['confirm', 'close', 'update:input']);
+defineEmits(["confirm", "close", "update:input"]);
 const props = defineProps({
   ...ConfirmDialog.props,
   title: {
     type: String,
-    default: 'Enter Value'
+    default: "Enter Value"
   },
   input: {
     type: [Number, String],
-    default: ''
+    default: ""
   }
 });
 

package/src/components/Utility/Files/FilePreview.vue

@@ -98,17 +98,17 @@
 </template>
 
 <script setup>
-import { DocumentTextIcon as TextFileIcon, DownloadIcon, PlayIcon } from '@heroicons/vue/outline';
-import { computed, ref } from 'vue';
-import { download } from '../../../helpers';
-import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from '../../../svg';
-import { FullScreenCarouselDialog } from '../Dialogs';
+import { DocumentTextIcon as TextFileIcon, DownloadIcon, PlayIcon } from "@heroicons/vue/outline";
+import { computed, ref } from "vue";
+import { download } from "../../../helpers";
+import { ImageIcon, PdfIcon, TrashIcon as RemoveIcon } from "../../../svg";
+import { FullScreenCarouselDialog } from "../Dialogs";
 
-const emit = defineEmits(['remove']);
+const emit = defineEmits(["remove"]);
 const props = defineProps({
   src: {
     type: String,
-    default: ''
+    default: ""
   },
   image: {
     type: Object,
@@ -124,7 +124,7 @@ const props = defineProps({
   },
   downloadButtonClass: {
     type: String,
-    default: 'bg-blue-600 text-white'
+    default: "bg-blue-600 text-white"
   },
   downloadable: Boolean,
   removable: Boolean,
@@ -140,7 +140,7 @@ const computedImage = computed(() => {
     return {
       id: props.src,
       url: props.src,
-      type: 'image/' + props.src.split('.').pop().toLowerCase()
+      type: "image/" + props.src.split(".").pop().toLowerCase()
     };
   }
   return null;
@@ -168,7 +168,7 @@ function onRemove() {
       isConfirmingRemove.value = false;
     }, 2000);
   } else {
-    emit('remove');
+    emit("remove");
   }
 }
 </script>

package/src/components/Utility/Formats/GpsCoordinatesFormat.vue

@@ -14,15 +14,15 @@ import { LocationMarkerIcon as LocationIcon } from "@heroicons/vue/solid";
 defineProps({
   location: {
     type: Object,
-    default: null,
+    default: null
   },
   decimals: {
     type: Number,
-    default: 6,
+    default: 6
   },
   iconClass: {
     type: String,
-    default: "w-7",
-  },
+    default: "w-7"
+  }
 });
 </script>

package/src/components/Utility/Formats/IconWithTextFormat.vue

@@ -14,7 +14,7 @@ defineProps({
   },
   iconClass: {
     type: String,
-    default: 'w-6'
+    default: "w-6"
   },
   text: {
     type: String,
@@ -22,7 +22,7 @@ defineProps({
   },
   textClass: {
     type: String,
-    default: 'ml-2'
+    default: "ml-2"
   }
 });
 </script>

package/src/components/Utility/Formats/LabelValueFormat.vue

@@ -5,7 +5,7 @@
       <template v-if="loading">
         <QSpinnerTail />
       </template>
-      <slot v-else>{{ value || '-' }}</slot>
+      <slot v-else>{{ value || "-" }}</slot>
     </div>
   </div>
 </template>
@@ -17,7 +17,7 @@ defineProps({
   },
   value: {
     type: [String, Number],
-    default: '-'
+    default: "-"
   },
   dense: Boolean,
   nowrap: Boolean,

package/src/components/Utility/Layouts/CollapsableSidebar.vue

@@ -44,59 +44,59 @@
   </div>
 </template>
 <script setup>
-import { ChevronLeftIcon as ToggleIcon } from '@heroicons/vue/outline';
-import { computed, onMounted, ref, watch } from 'vue';
+import { ChevronLeftIcon as ToggleIcon } from "@heroicons/vue/outline";
+import { computed, onMounted, ref, watch } from "vue";
 
-const emit = defineEmits(['collapse', 'update:collapse']);
+const emit = defineEmits(["collapse", "update:collapse"]);
 const props = defineProps({
   rightSide: Boolean,
   displayClass: {
     type: String,
-    default: 'flex flex-col'
+    default: "flex flex-col"
   },
   maxWidth: {
     type: String,
-    default: '13.5rem'
+    default: "13.5rem"
   },
   minWidth: {
     type: String,
-    default: '5.5rem'
+    default: "5.5rem"
   },
   disabled: Boolean,
   collapse: Boolean,
   name: {
     type: String,
-    default: 'sidebar'
+    default: "sidebar"
   },
   toggleAtTop: Boolean,
   toggleClass: {
     type: String,
-    default: ''
+    default: ""
   },
   hideToggleOnCollapse: Boolean
 });
 
 const isCollapsed = ref(props.collapse);
 
-const stored = localStorage.getItem(props.name + '-is-collapsed');
+const stored = localStorage.getItem(props.name + "-is-collapsed");
 
 if (stored !== null) {
-  isCollapsed.value = stored === '1';
+  isCollapsed.value = stored === "1";
 }
 function toggleCollapse() {
   setCollapse(!isCollapsed.value);
-  emit('collapse', isCollapsed.value);
-  emit('update:collapse', isCollapsed.value);
+  emit("collapse", isCollapsed.value);
+  emit("update:collapse", isCollapsed.value);
 }
 
 function setCollapse(state) {
   isCollapsed.value = state;
-  localStorage.setItem(props.name + '-is-collapsed', isCollapsed.value ? '1' : '');
+  localStorage.setItem(props.name + "-is-collapsed", isCollapsed.value ? "1" : "");
 }
 
 onMounted(() => {
-  emit('collapse', isCollapsed.value);
-  emit('update:collapse', isCollapsed.value);
+  emit("collapse", isCollapsed.value);
+  emit("update:collapse", isCollapsed.value);
 });
 const style = computed(() => {
   return {

package/src/components/Utility/Layouts/ContentDrawer.vue

@@ -25,9 +25,9 @@
 </template>
 
 <script setup>
-import { computed } from 'vue';
+import { computed } from "vue";
 
-const emit = defineEmits(['update:show']);
+const emit = defineEmits(["update:show"]);
 
 const props = defineProps({
   show: Boolean,
@@ -35,21 +35,21 @@ const props = defineProps({
   overlay: Boolean,
   position: {
     type: String,
-    default: 'bottom'
+    default: "bottom"
   },
   contentClass: {
     type: String,
-    default: 'py-8 px-12'
+    default: "py-8 px-12"
   },
   title: {
     type: String,
-    default: 'Edit'
+    default: "Edit"
   }
 });
 
 const isShowing = computed({
   get: () => props.show,
-  set: (value) => emit('update:show', value)
+  set: (value) => emit("update:show", value)
 });
 </script>
 

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

@@ -12,17 +12,17 @@
   </QTooltip>
 </template>
 <script setup>
-import { onMounted, ref } from 'vue';
+import { onMounted, ref } from "vue";
 
-defineProps({ tooltip: { type: String, default: '' } });
+defineProps({ tooltip: { type: String, default: "" } });
 const show = ref(false);
 const tooltipBox = ref(null);
 const isHovering = ref(false);
 const isHoveringParent = ref(false);
 let timeout = null;
 onMounted(() => {
-  tooltipBox.value.$el.parentNode.addEventListener('mouseover', onEnterParent);
-  tooltipBox.value.$el.parentNode.addEventListener('mouseleave', onLeaveParent);
+  tooltipBox.value.$el.parentNode.addEventListener("mouseover", onEnterParent);
+  tooltipBox.value.$el.parentNode.addEventListener("mouseleave", onLeaveParent);
 });
 function onEnterParent() {
   show.value = true;