@nvent-addon/app 0.4.5 → 0.5.1

package/dist/runtime/app/components/nhealth/component-shell.vue

@@ -1,89 +0,0 @@
-<template>
-  <section class="h-full">
-    <!-- Layout container switches between column (horizontal nav top) and row (vertical nav left) -->
-    <div
-      :class="
-  orientation === 'vertical' ? 'flex h-full' : 'flex h-screen flex-col'
-"
-    >
-      <!-- Navigation area -->
-      <div
-        :class="[
-  'border-gray-200',
-  orientation === 'vertical' ? 'min-w-[256px] border-r' : 'border-b px-4 py-2'
-]"
-      >
-        <!-- Custom navigation wired via composable router -->
-        <nav
-          :class="
-  orientation === 'vertical' ? 'flex flex-col gap-1' : 'flex items-center gap-4'
-"
-        >
-          <template
-            v-for="(group, gi) in items"
-            :key="gi"
-          >
-            <div
-              :class="
-  orientation === 'vertical' ? 'flex flex-col gap-1 px-2 py-2' : 'flex flex-1 items-center gap-2'
-"
-            >
-              <button
-                v-for="(it, ii) in group"
-                :key="ii"
-                type="button"
-                :class="[
-  'cursor-pointer rounded-md hover:bg-gray-100',
-  orientation === 'vertical' ? 'px-2 py-1 text-left' : 'px-1 py-1',
-  isActive(it) ? 'text-primary-600' : 'hover:text-gray-900'
-]"
-                @click="onItemClick(it)"
-              >
-                <span class="inline-flex items-center gap-2">
-                  <UIcon
-                    v-if="it.icon"
-                    :name="it.icon"
-                  />
-                  <span>{{ it.label }}</span>
-                </span>
-              </button>
-            </div>
-          </template>
-        </nav>
-      </div>
-
-      <!-- Main Content -->
-      <div
-        :class="orientation === 'vertical' ? 'flex-1 min-h-0 overflow-hidden' : 'flex-1 min-h-0 overflow-hidden'"
-      >
-        <slot />
-      </div>
-    </div>
-  </section>
-</template>
-
-<script setup>
-import { useComponentRouter } from "#imports";
-const props = defineProps({
-  orientation: { type: String, required: false, default: "horizontal" },
-  items: { type: Array, required: false },
-  activeMatch: { type: String, required: false, default: "prefix" }
-});
-const router = useComponentRouter();
-function onItemClick(it) {
-  if (it.path) {
-    router.push(it.path);
-  }
-}
-function isActive(it) {
-  if (!it.path) return false;
-  const current = router.route?.value?.path || "";
-  if (props.activeMatch === "prefix") return isPrefixActive(current, it.path);
-  return current === it.path;
-}
-function isPrefixActive(current, base) {
-  if (base === "/") return current === "/";
-  if (current === base) return true;
-  return current.startsWith(base.endsWith("/") ? base : base + "/");
-}
-</script>