sprintify-ui 0.10.46 → 0.10.48

package/dist/types/components/BaseDraggable.vue.d.ts

@@ -3,17 +3,18 @@ type __VLS_Props = {
     itemKey: string;
     handle?: string;
     disabled?: boolean;
+    has?: string;
 };
 declare const elementsRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
 declare function getKey(element: any): any;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_1: {
+declare var __VLS_7: {
     key: any;
     element: any;
     index: number;
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    item?: (props: typeof __VLS_1) => any;
+    item?: (props: typeof __VLS_7) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     elementsRef: typeof elementsRef;
@@ -24,6 +25,7 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    has: string;
     itemKey: string;
     handle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -33,6 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    has: string;
     itemKey: string;
     handle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.46",
+  "version": "0.10.48",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDraggable.vue

@@ -1,5 +1,8 @@
 <template>
-  <div ref="elementsRef">
+  <component
+    :is="has"
+    ref="elementsRef"
+  >
     <slot
       v-for="(element, index) in modelValue"
       :key="getKey(element)"
@@ -7,7 +10,7 @@
       :element="element"
       :index="index"
     />
-  </div>
+  </component>
 </template>
 
 <script lang="ts" setup>
@@ -19,10 +22,12 @@ const props = withDefaults(defineProps<{
   itemKey: string;
   handle?: string;
   disabled?: boolean;
+  has?: string
 }>(), {
   itemKey: 'id',
   handle: '.handle',
   disabled: false,
+  has: 'div', // Default to a div if not specified
 });
 
 const emit = defineEmits(['update:modelValue']);

package/src/components/BaseLayoutSidebar.vue

@@ -270,9 +270,11 @@ const settingsStorage = config.settingsStorage;
 
 const collapsedKey = `${componentStorageKey}.collapsed`;
 
-const value = await settingsStorage.get(collapsedKey);
+const collapsed = ref(false);
 
-const collapsed = ref(!!value);
+onMounted(async () => {
+  collapsed.value = (await settingsStorage.get(collapsedKey)) == 1;
+});
 
 function toggleCollapse() {
   collapsed.value = !collapsed.value;