@tak-ps/vue-tabler 4.2.0 → 4.3.0

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ## Version History
 
+### v4.3.0
+
+- :rocket: If breadcrumb context is not in the vue-router, call Window.Location
+
+### v4.2.1
+
+- :rocket: Fix lints and checks
+
 ### v4.2.0
 
 - :tada: Add JSON Schema Component

package/components/BreadCrumb.vue

@@ -6,7 +6,7 @@
         <li class='breadcrumb-item'>
             <a
                 class='cursor-pointer'
-                @click='router.push("/")'
+                @click='navigate("/")'
             >Home</a>
         </li>
         <li
@@ -21,16 +21,10 @@
                 v-if='crumb_it === crumbs.length - 1'
                 v-text='crumb'
             />
-            <a
-                v-else-if='normalize'
-                class='cursor-pointer'
-                @click='router.push("/" + crumbs.splice(0, crumb_it + 1).join("/").toLowerCase())'
-                v-text='crumb'
-            />
             <a
                 v-else
                 class='cursor-pointer'
-                @click='router.push("/" + crumbs.splice(0, crumb_it + 1).join("/"))'
+                @click='navigate(resolvePath(crumb_it))'
                 v-text='crumb'
             />
         </li>
@@ -52,6 +46,29 @@ const props = withDefaults(defineProps<BreadCrumbProps>(), {
 const router = useRouter()
 const route = useRoute()
 
+const navigate = (url: string) => {
+    try {
+        const resolved = router.resolve(url);
+        if (resolved.matched.length > 0) {
+            router.push(url);
+        } else {
+            window.location.href = url;
+        }
+    } catch (e) {
+        window.location.href = url;
+    }
+}
+
+const resolvePath = (index: number) => {
+    const rawCrumbs = route.path.split('/').filter((c) => c.length);
+    const subset = rawCrumbs.slice(0, index + 1);
+    let path = '/' + subset.join('/');
+    if (props.normalize) {
+        path = path.toLowerCase();
+    }
+    return path;
+}
+
 const crumbs = computed(() => {
     return route.path.split('/').filter((crumb: string) => {
         return crumb.length

package/components/None.vue

@@ -27,19 +27,19 @@
             <div
                 class='user-select-none'
                 v-text='label'
-            >
-        </div>
+            />
 
-        <div
-            v-if='create'
-            class='d-flex justify-content-center my-4'
-            :class='{
-                "my-4": !compact
-            }'
-            @click='emit("create")'
-        >
-            <div class='btn btn-primary'>
-                <span>Create <span v-text='label' /></span>
+            <div
+                v-if='create'
+                class='d-flex justify-content-center my-4'
+                :class='{
+                    "my-4": !compact
+                }'
+                @click='emit("create")'
+            >
+                <div class='btn btn-primary'>
+                    <span>Create <span v-text='label' /></span>
+                </div>
             </div>
         </div>
     </div>

package/components/SchemaBuilder.vue

@@ -148,18 +148,16 @@ import {
     IconPlus,
 } from '@tabler/icons-vue';
 import BuilderEdit from './SchemaBuilderEdit.vue';
-import {
-    TablerNone,
-    TablerInput,
-    TablerEnum,
-    TablerToggle,
-    TablerDelete
-} from '@tak-ps/vue-tabler';
+import TablerNone from './None.vue';
+import TablerInput from './input/Input.vue';
+import TablerEnum from './input/Enum.vue';
+import TablerToggle from './input/Toggle.vue';
+import TablerDelete from './Delete.vue';
 
 interface SchemaProperty {
     name: string;
     type: string;
-    required?: boolean;
+    required: boolean;
     description?: string;
     enum?: string[];
     _id?: string;

package/components/SchemaBuilderEdit.vue

@@ -117,16 +117,14 @@ import {
     IconPlus,
     IconTrash
 } from '@tabler/icons-vue';
-import {
-    TablerModal,
-    TablerInput,
-    TablerToggle
-} from '@tak-ps/vue-tabler';
+import TablerModal from './Modal.vue';
+import TablerInput from './input/Input.vue';
+import TablerToggle from './input/Toggle.vue';
 
 interface SchemaProperty {
     name: string;
     type: string;
-    required?: boolean;
+    required: boolean;
     description?: string;
     enum?: string[];
     // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@tak-ps/vue-tabler",
     "type": "module",
-    "version": "4.2.0",
+    "version": "4.3.0",
     "lib": "lib.ts",
     "main": "lib.ts",
     "module": "lib.ts",