@teammodlr/ui-kit 2.1.78 → 2.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "2.1.78",
+  "version": "2.1.79",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/dialog/Dialog.vue

@@ -108,7 +108,7 @@ export default defineComponent({
         const wrapper = ref<HTMLElement | null>(null);
         const dialog = ref<HTMLElement | null>(null);
         const handle = ref<HTMLElement | null>(null);
-        const { nextZIndex } = useZIndex();
+        const { nextZIndex, current: maxZIndex } = useZIndex();
         const zIndex = ref(props.zIndex ?? nextZIndex());
 
         const isOpen = ref<boolean>(props.open);
@@ -174,7 +174,9 @@ export default defineComponent({
         }
 
         function onDragStart() {
-            zIndex.value = nextZIndex();
+            if (zIndex.value < maxZIndex.value) {
+                zIndex.value = nextZIndex();
+            }
             isDragging.value = true;
         }
 

package/src/components/dialogprovider/examples/basic.vue

@@ -1,54 +1,54 @@
-<template>
-    <div>
-        <button @click="showDialog">Show Dialog</button>
-        <button @click="showDialog2">Show Dialog 2</button>
-        {{ testTitle }}
-    </div>
-</template>
-
-<script lang="ts" setup>
-import {ref, h} from 'vue';
-import {useDialog} from '../useDialog';
-
-const dialog = useDialog();
-const testTitle = ref('This is a test');
-
-function renderMessage({message}: { message: string }) {
-    return h('p', [
-        'Here are ',
-        h('span', {style: 'color: red'}, [message]),
-        ' that using render function',
-    ]);
-}
-
-function showDialog() {
-    dialog.create('hello', {
-        title: testTitle,
-        render: renderMessage,
-        props: {message: testTitle},
-        open: true,
-    });
-
-    setTimeout(() => {
-        testTitle.value = 'changed';
-    }, 4000);
-}
-
-function showDialog2() {
-    dialog.create('hello-two', {
-        title: "Hello Second Dialog",
-        render: renderMessage,
-        props: {message: testTitle},
-        open: true,
-        modal: false,
-        draggable: false,
-        onOpen: () => {
-            console.log('hello world')
-        }
-    });
-
-    setTimeout(() => {
-        testTitle.value = 'changed again';
-    }, 4000);
-}
-</script>
+<template>
+    <div>
+        <button @click="showDialog">Show Dialog</button>
+        <button @click="showDialog2">Show Dialog 2</button>
+        {{ testTitle }}
+    </div>
+</template>
+
+<script lang="ts" setup>
+import {ref, h} from 'vue';
+import {useDialog} from '../useDialog';
+
+const dialog = useDialog();
+const testTitle = ref('This is a test');
+
+function renderMessage({message}: { message: string }) {
+    return h('p', [
+        'Here are ',
+        h('span', {style: 'color: red'}, [message]),
+        ' that using render function',
+    ]);
+}
+
+function showDialog() {
+    dialog.create('hello', {
+        title: testTitle,
+        render: renderMessage,
+        props: {message: testTitle},
+        open: true,
+    });
+
+    setTimeout(() => {
+        testTitle.value = 'changed';
+    }, 4000);
+}
+
+function showDialog2() {
+    dialog.create('hello-two', {
+        title: "Hello Second Dialog",
+        render: renderMessage,
+        props: {message: testTitle},
+        open: true,
+        modal: false,
+        draggable: false,
+        onOpen: () => {
+            console.log('hello world')
+        }
+    });
+
+    setTimeout(() => {
+        testTitle.value = 'changed again';
+    }, 4000);
+}
+</script>

package/src/components/dialogprovider/examples/index.stories.ts

@@ -1,26 +1,26 @@
-import MDialogProvider from '../DialogProvider.vue';
-import { MDialogProviderBasic } from './index';
-
-const Template = (args: any) => ({
-    components: {
-        MDialogProvider,
-        MDialogProviderBasic
-    },
-    setup() {
-        return {
-            args
-        }
-    },
-    template: `
-        <m-dialog-provider v-bind="args">
-            <MDialogProviderBasic />
-        </m-dialog-provider>
-    `
-});
-
-export default {
-    component: MDialogProvider,
-    title: 'Components/DialogProvider'
-};
-
-export const Primary = Template.bind({});
+import MDialogProvider from '../DialogProvider.vue';
+import { MDialogProviderBasic } from './index';
+
+const Template = (args: any) => ({
+    components: {
+        MDialogProvider,
+        MDialogProviderBasic
+    },
+    setup() {
+        return {
+            args
+        }
+    },
+    template: `
+        <m-dialog-provider v-bind="args">
+            <MDialogProviderBasic />
+        </m-dialog-provider>
+    `
+});
+
+export default {
+    component: MDialogProvider,
+    title: 'Components/DialogProvider'
+};
+
+export const Primary = Template.bind({});