quasar-ui-danx 0.2.2 → 0.2.4

package/dist/style.css

@@ -1 +1 @@
-.slide-image[data-v-ac4d9efe]{width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center}.slide-image img[data-v-ac4d9efe]{max-height:100%;max-width:100%;object-fit:contain}.carousel[data-v-ac4d9efe] .q-carousel__navigation--bottom{position:relative;bottom:8em}.action-button[data-v-4bede0de]{position:absolute;bottom:1.5em;right:1em;z-index:1}.play-button[data-v-4bede0de]{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}.collapsable-sidebar[data-v-38458242]{@apply overflow-y-auto scroll-smooth flex-shrink-0 border-r border-neutral-plus-5 transition-all;}.dialog-title[data-v-529ed64e]{@apply bg-gray-very-light text-gray-default font-medium uppercase text-xs px-6 py-3 border-b border-neutral-plus-5 rounded-t-md;font-family:Roboto,sans-serif;letter-spacing:.05em;box-shadow:0 -4px 12px #00000040}.dialog-content[data-v-529ed64e]{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}body .q-tooltip.interactive-tooltip{pointer-events:auto!important;background:#fff;color:inherit;box-shadow:0 0 10px 3px #0003}[class*=list-move],[class*=list-enter-active],[class*=".list-leave-active"]{transition:all .3s cubic-bezier(.55,0,.1,1)}[class*=list-leave-active]{position:absolute!important}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.fade-list-enter-from,.fade-list-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.fade-down-list-enter-from,.fade-down-list-leave-to{opacity:0;transform-origin:top;transform:translateY(30px)}.slide-enter-active,.slide-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s linear;width:100%}.slide-right-enter-active,.slide-enter-active{position:absolute!important;top:0}.slide-enter-from{right:-120%}.slide-enter-to{right:0}.slide-leave-to{left:-120%}.slide-leave-from{left:0}.slide-right-enter-from{left:-120%}.slide-right-enter-to{left:0}.slide-right-leave-to{right:-120%}.slide-right-leave-from{right:0}.list-move[data-v-6a1edcb9],.list-enter-active[data-v-6a1edcb9],.list-leave-active[data-v-6a1edcb9]{transition:all .5s ease}.list-enter-from[data-v-6a1edcb9],.list-leave-to[data-v-6a1edcb9]{opacity:0;transform:translate(2em)}.list-leave-active[data-v-6a1edcb9]{position:absolute}.category-toggle[data-v-042cd8be]{@apply text-xs font-bold rounded-lg border border-solid border-neutral-plus-5 px-2 py-1 mx-1 cursor-pointer flex items-center;}.category-toggle.has-visible-columns[data-v-042cd8be]{@apply text-white bg-blue-base;}[data-drop-zone] .resize-handle[data-v-f53f68e8]{position:absolute;top:0;right:-.45em;width:.9em;opacity:0;transition:all .3s}[data-drop-zone]:hover .resize-handle[data-v-f53f68e8]{opacity:1}.panel-tabs[data-v-5d23285c] .q-tab{justify-content:start!important;padding:0;@apply text-left py-2.5 px-2 rounded-lg hover:bg-neutral-plus-6;}.panel-tabs[data-v-5d23285c] .q-tab .q-focus-helper,.panel-tabs[data-v-5d23285c] .q-tab .q-tab__indicator{display:none}.panel-tabs[data-v-5d23285c] .q-tab .q-tab__content{@apply p-0;}.panel-tabs[data-v-5d23285c] .q-tab.q-tab--active{@apply text-white bg-blue-base;}
+.slide-image[data-v-ac4d9efe]{width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center}.slide-image img[data-v-ac4d9efe]{max-height:100%;max-width:100%;object-fit:contain}.carousel[data-v-ac4d9efe] .q-carousel__navigation--bottom{position:relative;bottom:8em}.action-button[data-v-4bede0de]{position:absolute;bottom:1.5em;right:1em;z-index:1}.play-button[data-v-4bede0de]{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none}.collapsable-sidebar[data-v-38458242]{@apply overflow-y-auto scroll-smooth flex-shrink-0 border-r border-neutral-plus-5 transition-all;}.dialog-title[data-v-529ed64e]{@apply bg-gray-very-light text-gray-default font-medium uppercase text-xs px-6 py-3 border-b border-neutral-plus-5 rounded-t-md;font-family:Roboto,sans-serif;letter-spacing:.05em;box-shadow:0 -4px 12px #00000040}.dialog-content[data-v-529ed64e]{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}body .q-tooltip.interactive-tooltip{pointer-events:auto!important;background:#fff;color:inherit;box-shadow:0 0 10px 3px #0003}[class*=list-move],[class*=list-enter-active],[class*=".list-leave-active"]{transition:all .3s cubic-bezier(.55,0,.1,1)}[class*=list-leave-active]{position:absolute!important}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.fade-list-enter-from,.fade-list-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.fade-down-list-enter-from,.fade-down-list-leave-to{opacity:0;transform-origin:top;transform:translateY(30px)}.slide-enter-active,.slide-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s linear;width:100%}.slide-right-enter-active,.slide-enter-active{position:absolute!important;top:0}.slide-enter-from{right:-120%}.slide-enter-to{right:0}.slide-leave-to{left:-120%}.slide-leave-from{left:0}.slide-right-enter-from{left:-120%}.slide-right-enter-to{left:0}.slide-right-leave-to{right:-120%}.slide-right-leave-from{right:0}.list-move[data-v-6a1edcb9],.list-enter-active[data-v-6a1edcb9],.list-leave-active[data-v-6a1edcb9]{transition:all .5s ease}.list-enter-from[data-v-6a1edcb9],.list-leave-to[data-v-6a1edcb9]{opacity:0;transform:translate(2em)}.list-leave-active[data-v-6a1edcb9]{position:absolute}.category-toggle[data-v-042cd8be]{@apply text-xs font-bold rounded-lg border border-solid border-neutral-plus-5 px-2 py-1 mx-1 cursor-pointer flex items-center;}.category-toggle.has-visible-columns[data-v-042cd8be]{@apply text-white bg-blue-base;}[data-drop-zone] .resize-handle[data-v-6ee737d3]{position:absolute;top:0;right:-.45em;width:.9em;opacity:0;transition:all .3s}[data-drop-zone]:hover .resize-handle[data-v-6ee737d3]{opacity:1}.panel-tabs[data-v-5d23285c] .q-tab{justify-content:start!important;padding:0;@apply text-left py-2.5 px-2 rounded-lg hover:bg-neutral-plus-6;}.panel-tabs[data-v-5d23285c] .q-tab .q-focus-helper,.panel-tabs[data-v-5d23285c] .q-tab .q-tab__indicator{display:none}.panel-tabs[data-v-5d23285c] .q-tab .q-tab__content{@apply p-0;}.panel-tabs[data-v-5d23285c] .q-tab.q-tab--active{@apply text-white bg-blue-base;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/ActionTable.vue

@@ -8,6 +8,7 @@
         :columns="columns"
         :loading="isLoadingList"
         :rows="pagedItems?.data || []"
+        binary-state-sort
         selection="multiple"
         :rows-per-page-options="rowsPerPageOptions"
         class="sticky-column sticky-header w-full h-full !border-0"
@@ -68,8 +69,11 @@ import { ref } from 'vue';
 import { getItem, setItem } from '../../helpers';
 import { DragHandleIcon as RowResizeIcon } from '../../svg';
 import { HandleDraggable } from '../DragAndDrop';
-import { ActionVnode, mapSortBy } from '../index';
-import { ActionTableColumn, EmptyTableState, registerStickyScrolling, TableSummaryRow } from './index';
+import { ActionVnode } from '../Utility';
+import ActionTableColumn from './ActionTableColumn.vue';
+import EmptyTableState from './EmptyTableState.vue';
+import { mapSortBy, registerStickyScrolling } from './listHelpers';
+import TableSummaryRow from './TableSummaryRow.vue';
 
 defineEmits(['update:quasar-pagination', 'update:selected-rows']);
 const props = defineProps({

package/src/components/ActionTable/ActionTableColumn.vue

@@ -33,8 +33,8 @@
 <script setup>
 import { computed } from 'vue';
 import { RenderVnode } from '../Utility';
+import ActionMenu from './ActionMenu';
 import { TitleColumnFormat } from './Columns';
-import { ActionMenu } from './index';
 
 const props = defineProps({
   rowProps: {

package/src/components/ActionTable/Columns/ColumnSettingsDialog.vue

@@ -40,7 +40,7 @@ import { computed } from 'vue';
 import { FlashMessages, remove } from '../../../helpers';
 import { ListItemDraggable } from '../../DragAndDrop';
 import { InfoDialog, ListTransition } from '../../Utility';
-import { ColumnListItem } from './index';
+import ColumnListItem from './ColumnListItem';
 
 const emit = defineEmits(['close', 'update:hidden-column-names', 'update:title-column-names', 'update:sortable-columns']);
 const props = defineProps({

package/src/components/ActionTable/Filters/FilterFieldList.vue

@@ -43,7 +43,8 @@
 </template>
 <script setup>
 import { computed } from 'vue';
-import { FilterableField, FilterFieldItem } from './index';
+import FilterableField from './FilterableField';
+import FilterFieldItem from './FilterFieldItem';
 
 const emit = defineEmits(['update:filter']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/BooleanField.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script setup>
-import { FieldLabel } from './index';
+import FieldLabel from './FieldLabel';
 
 defineEmits(['update:model-value']);
 defineProps({

package/src/components/ActionTable/Form/Fields/ConfirmPasswordField.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup>
-import { LabeledInput } from './index';
+import LabeledInput from './LabeledInput';
 
 defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/DateTimeField.vue

@@ -26,7 +26,7 @@
 <script setup>
 import { ref } from 'vue';
 import { fLocalizedDateTime } from '../../../../helpers';
-import { DateTimePicker } from './index';
+import DateTimePicker from './DateTimePicker';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/InlineDateTimeField.vue

@@ -25,7 +25,7 @@
 <script setup>
 import { PencilIcon as EditIcon } from '@heroicons/vue/solid';
 import { fLocalizedDateTime } from '../../../../helpers';
-import { DateTimePicker } from './index';
+import DateTimePicker from './DateTimePicker';
 
 const emit = defineEmits(['close', 'save', 'update:model-value']);
 defineProps({

package/src/components/ActionTable/Form/Fields/IntegerField.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import { NumberField } from './index';
+import NumberField from './NumberField';
 
 defineEmits(['update:model-value']);
 defineProps({

package/src/components/ActionTable/Form/Fields/MultiFileField.vue

@@ -64,7 +64,7 @@
 import { onMounted } from 'vue';
 import { useMultiFileUpload } from '../../../../helpers';
 import { FilePreview } from '../../../Utility';
-import { FieldLabel } from './index';
+import FieldLabel from './FieldLabel';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/MultiKeywordField.vue

@@ -24,7 +24,8 @@
 
 <script setup>
 import { computed, ref, watch } from 'vue';
-import { SelectField, TextField } from './index';
+import SelectField from './SelectField';
+import TextField from './TextField';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/NewPasswordField.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup>
-import { LabeledInput } from './index';
+import LabeledInput from './LabeledInput';
 
 defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/NumberField.vue

@@ -23,7 +23,7 @@
 import { useDebounceFn } from '@vueuse/core';
 import { computed, nextTick, ref, watch } from 'vue';
 import { fNumber } from '../../../../helpers';
-import { FieldLabel } from './index';
+import FieldLabel from './FieldLabel';
 
 const emit = defineEmits(['update:model-value', 'update']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/NumberRangeField.vue

@@ -42,7 +42,7 @@ import { useDebounceFn } from '@vueuse/core';
 import { computed, ref, watch } from 'vue';
 import { fCurrency, fNumber, fPercent } from '../../../../helpers';
 import { PercentIcon } from '../../../../svg';
-import { NumberField } from './index';
+import NumberField from './NumberField';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/SelectWithChildrenField.vue

@@ -30,7 +30,7 @@
 <script setup>
 import { ref, watch } from 'vue';
 import { remove } from '../../../../helpers';
-import { SelectField } from './index';
+import SelectField from './SelectField';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/SingleFileField.vue

@@ -51,7 +51,7 @@
 import { onMounted } from 'vue';
 import { useSingleFileUpload } from '../../../../helpers';
 import { FilePreview } from '../../../Utility';
-import { FieldLabel } from './index';
+import FieldLabel from './FieldLabel';
 
 const emit = defineEmits(['update:model-value']);
 const props = defineProps({

package/src/components/ActionTable/Form/Fields/TextField.vue

@@ -37,7 +37,8 @@
 </template>
 
 <script setup>
-import { FieldLabel, LabelValueBlock } from './index';
+import FieldLabel from './FieldLabel';
+import LabelValueBlock from './LabelValueBlock';
 
 defineEmits(['update:model-value', 'submit']);
 defineProps({

package/src/components/ActionTable/Form/Fields/WysiwygField.vue

@@ -26,7 +26,7 @@
 <script setup>
 import { default as TinyMceEditor } from '@tinymce/tinymce-vue';
 import { apiKey } from '../../../../vendor/tinymce-config';
-import { FieldLabel } from './index';
+import FieldLabel from './FieldLabel';
 
 defineEmits(['update:model-value']);
 defineProps({

package/src/components/AuditHistory/AuditHistoryItem.vue

@@ -33,7 +33,7 @@
 <script setup>
 import { computed } from 'vue';
 import { fLocalizedDateTime } from '../../helpers';
-import { AuditHistoryItemValue } from './index';
+import AuditHistoryItemValue from './AuditHistoryItemValue';
 
 const props = defineProps({
   item: {

package/src/components/PanelsDrawer/PanelsDrawer.vue

@@ -41,7 +41,8 @@
 import { ref, watch } from 'vue';
 import { XIcon as CloseIcon } from '../../svg';
 import { ContentDrawer } from '../Utility';
-import { PanelsDrawerPanels, PanelsDrawerTabs } from './index';
+import PanelsDrawerPanels from './PanelsDrawerPanels';
+import PanelsDrawerTabs from './PanelsDrawerTabs';
 
 defineEmits(['update:model-value', 'close']);
 const props = defineProps({

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

@@ -16,7 +16,7 @@
 </template>
 <script setup>
 import { ref } from 'vue';
-import { ConfirmDialog } from './index';
+import ConfirmDialog from './ConfirmDialog';
 
 defineEmits(['confirm', 'close', 'update:input']);
 const props = defineProps({

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

@@ -52,7 +52,7 @@
 <script setup>
 import { DotsVerticalIcon as MenuIcon } from '@heroicons/vue/outline';
 import { QSpinner } from 'quasar';
-import { RenderComponent } from '../index';
+import { RenderComponent } from '../Tools';
 
 const emit = defineEmits(['action', 'action-item']);
 defineProps({

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

@@ -12,7 +12,7 @@
 <script setup>
 import { ref } from 'vue';
 import { activeActionVnode } from '../../../helpers';
-import { RenderVnode } from './index';
+import RenderVnode from './RenderVnode';
 
 const isSaving = ref(false);
 async function onConfirm(input) {

package/src/helpers/actions.ts

@@ -1,5 +1,5 @@
 import { ref, shallowRef, VNode } from "vue";
-import { FlashMessages } from "./index";
+import { FlashMessages } from "./FlashMessages";
 
 interface ActionOptions {
     name?: string;

package/tsconfig.json

@@ -34,7 +34,6 @@
     "src/**/*.ts",
     "src/**/*.vue",
     "src/**/*.svg",
-    "package.json",
     "types/**/*.d.ts"
   ],
   "exclude": [

package/vite.config.js

@@ -5,6 +5,9 @@ import svgLoader from 'vite-svg-loader';
 
 export default defineConfig({
     plugins: [vue(), svgLoader()],
+    resolve: {
+        extensions: ['.mjs', '.js', '.ts', '.mts', '.jsx', '.tsx', '.json', '.vue', '.svg']
+    },
     build: {
         lib: {
             entry: resolve(__dirname, './src/index.esm.js'),