@nvent-addon/app 0.5.14 → 1.0.0-alpha.1

package/dist/runtime/app/components/ComponentRouter.vue

@@ -1,26 +0,0 @@
-<template>
-  <slot
-    :component="component"
-    :route="route"
-    :push="push"
-  />
-</template>
-
-<script setup>
-import { useComponentRouter } from "#imports";
-const props = defineProps({
-  routes: { type: [Array, Object], required: true },
-  base: { type: String, required: false, default: "fp" },
-  mode: { type: String, required: false, default: "query" },
-  initial: { type: String, required: false },
-  debug: { type: Boolean, required: false, default: false }
-});
-const { component, route, push, replace } = useComponentRouter({
-  routes: props.routes,
-  base: props.base,
-  mode: props.mode,
-  initial: props.initial,
-  debug: props.debug
-});
-defineExpose({ push, replace, route });
-</script>

package/dist/runtime/app/components/ComponentRouter.vue.d.ts

@@ -1,46 +0,0 @@
-type ComponentRouteRecord = {
-    path: string;
-    component: any;
-    name?: string;
-};
-type ComponentRouterMode = 'query' | 'hash' | 'memory';
-type __VLS_Props = {
-    routes: ComponentRouteRecord[] | Record<string, any>;
-    base?: string;
-    mode?: ComponentRouterMode;
-    initial?: string;
-    debug?: boolean;
-};
-declare var __VLS_1: {
-    component: any;
-    route: any;
-    push: any;
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
-    push: (path: string) => Promise<void>;
-    replace: (path: string) => Promise<void>;
-    route: import("vue").ShallowRef<{
-        path: string;
-        params: Record<string, string>;
-        query: Record<string, any>;
-    } | undefined, {
-        path: string;
-        params: Record<string, string>;
-        query: Record<string, any>;
-    } | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    mode: ComponentRouterMode;
-    base: string;
-    debug: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/app/components/ComponentShell.d.vue.ts

@@ -1,23 +0,0 @@
-import type { NavigationMenuItem } from '@nuxt/ui';
-type __VLS_Props = {
-    orientation?: 'horizontal' | 'vertical';
-    items?: NavigationMenuItem[][];
-    activeMatch?: 'exact' | 'prefix';
-    fullPage?: boolean;
-};
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-    activeMatch: "exact" | "prefix";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/app/components/ComponentShell.vue

@@ -1,97 +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 flex-col w-full'
-"
-      :style="containerStyle"
-    >
-      <!-- Navigation using UNavigationMenu -->
-      <div
-        :class="[
-  'border-gray-200',
-  orientation === 'vertical' ? 'min-w-[256px] border-r' : 'border-b'
-]"
-      >
-        <UNavigationMenu
-          :items="navigationItems"
-          :orientation="orientation"
-          content-orientation="vertical"
-          :class="orientation === 'horizontal' ? 'px-4' : ''"
-        />
-      </div>
-
-      <!-- Main Content -->
-      <div
-        class="flex-1 min-h-0 overflow-hidden"
-      >
-        <slot />
-      </div>
-    </div>
-  </section>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { useComponentRouter, useRoute, useRuntimeConfig } from "#imports";
-const props = defineProps({
-  orientation: { type: String, required: false, default: "horizontal" },
-  items: { type: Array, required: false },
-  activeMatch: { type: String, required: false, default: "prefix" },
-  fullPage: { type: Boolean, required: false }
-});
-const router = useComponentRouter();
-const nuxtRoute = useRoute();
-const config = useRuntimeConfig();
-const isFullPage = computed(() => {
-  const nventPath = config.public.nventapp?.routePath || "/_nvent";
-  return nuxtRoute?.path?.startsWith(nventPath) ?? false;
-});
-const containerStyle = computed(() => {
-  return isFullPage.value ? "height: 100vh" : "height: calc(100vh - 4rem)";
-});
-const navigationItems = computed(() => {
-  if (!props.items) return [];
-  const transformItem = (item) => {
-    const path = item.path;
-    const transformed = {
-      ...item,
-      onSelect: (e) => {
-        e.preventDefault();
-        if (path) {
-          router.push(path);
-        }
-        if (item.onSelect) {
-          item.onSelect(e);
-        }
-      },
-      active: path ? isActive(path) : item.active
-    };
-    if (item.children) {
-      if (Array.isArray(item.children[0]) && Array.isArray(item.children[0][0])) {
-        transformed.children = item.children.map(
-          (childGroup) => childGroup.map(transformItem)
-        );
-      } else {
-        transformed.children = item.children.map(transformItem);
-      }
-    }
-    return transformed;
-  };
-  return props.items.map(
-    (group) => group.map(transformItem)
-  );
-});
-function isActive(path) {
-  if (!path) return false;
-  const current = router.route?.value?.path || "";
-  if (props.activeMatch === "prefix") return isPrefixActive(current, path);
-  return current === path;
-}
-function isPrefixActive(current, base) {
-  if (base === "/") return current === "/";
-  if (current === base) return true;
-  return current.startsWith(base.endsWith("/") ? base : base + "/");
-}
-</script>

package/dist/runtime/app/components/ComponentShell.vue.d.ts

@@ -1,23 +0,0 @@
-import type { NavigationMenuItem } from '@nuxt/ui';
-type __VLS_Props = {
-    orientation?: 'horizontal' | 'vertical';
-    items?: NavigationMenuItem[][];
-    activeMatch?: 'exact' | 'prefix';
-    fullPage?: boolean;
-};
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    orientation: "horizontal" | "vertical";
-    activeMatch: "exact" | "prefix";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/app/components/ConfirmDialog.d.vue.ts

@@ -1,33 +0,0 @@
-interface Props {
-    title: string;
-    description?: string;
-    items?: string[];
-    warning?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
-    icon?: string;
-    iconColor?: 'primary' | 'error' | 'warning' | 'success' | 'info';
-    loading?: boolean;
-}
-type __VLS_Props = Props;
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: () => any;
-    confirm: () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    onConfirm?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    confirmLabel: string;
-    cancelLabel: string;
-    confirmColor: "primary" | "error" | "warning" | "success";
-    iconColor: "primary" | "error" | "warning" | "success" | "info";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/components/ConfirmDialog.vue

@@ -1,120 +0,0 @@
-<template>
-  <UModal
-    v-model:open="isOpen"
-    :ui="{
-  content: 'max-w-md'
-}"
-  >
-    <template #header>
-      <div class="flex items-start gap-3">
-        <div
-          v-if="icon"
-          class="shrink-0 rounded-full p-2"
-          :class="iconColorClasses"
-        >
-          <UIcon
-            :name="icon"
-            class="size-5"
-          />
-        </div>
-        <div class="flex-1 min-w-0">
-          <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">
-            {{ title }}
-          </h3>
-        </div>
-      </div>
-    </template>
-
-    <template #body>
-      <div class="space-y-3">
-        <p
-          v-if="description"
-          class="text-sm text-gray-600 dark:text-gray-400"
-        >
-          {{ description }}
-        </p>
-        <ul
-          v-if="items && items.length > 0"
-          class="space-y-2 text-sm text-gray-600 dark:text-gray-400"
-        >
-          <li
-            v-for="(item, index) in items"
-            :key="index"
-            class="flex items-start gap-2"
-          >
-            <UIcon
-              name="i-lucide-circle"
-              class="size-1.5 mt-1.5 shrink-0"
-            />
-            <span>{{ item }}</span>
-          </li>
-        </ul>
-        <p
-          v-if="warning"
-          class="text-sm font-medium text-amber-600 dark:text-amber-400"
-        >
-          {{ warning }}
-        </p>
-      </div>
-    </template>
-
-    <template #footer>
-      <div class="flex justify-end gap-2">
-        <UButton
-          color="neutral"
-          variant="ghost"
-          :disabled="loading"
-          @click="handleCancel"
-        >
-          {{ cancelLabel }}
-        </UButton>
-        <UButton
-          :color="confirmColor"
-          :loading="loading"
-          @click="handleConfirm"
-        >
-          {{ confirmLabel }}
-        </UButton>
-      </div>
-    </template>
-  </UModal>
-</template>
-
-<script setup>
-import { computed } from "#imports";
-const props = defineProps({
-  title: { type: String, required: true },
-  description: { type: String, required: false },
-  items: { type: Array, required: false },
-  warning: { type: String, required: false },
-  confirmLabel: { type: String, required: false, default: "Confirm" },
-  cancelLabel: { type: String, required: false, default: "Cancel" },
-  confirmColor: { type: String, required: false, default: "primary" },
-  icon: { type: String, required: false },
-  iconColor: { type: String, required: false, default: "primary" },
-  loading: { type: Boolean, required: false }
-});
-const isOpen = defineModel("open", { type: Boolean, ...{ default: false } });
-const emit = defineEmits(["confirm", "cancel"]);
-const iconColorClasses = computed(() => {
-  switch (props.iconColor) {
-    case "error":
-      return "bg-red-50 dark:bg-red-950/50 text-red-600 dark:text-red-400";
-    case "warning":
-      return "bg-amber-50 dark:bg-amber-950/50 text-amber-600 dark:text-amber-400";
-    case "success":
-      return "bg-emerald-50 dark:bg-emerald-950/50 text-emerald-600 dark:text-emerald-400";
-    case "info":
-      return "bg-blue-50 dark:bg-blue-950/50 text-blue-600 dark:text-blue-400";
-    default:
-      return "bg-primary-50 dark:bg-primary-950/50 text-primary-600 dark:text-primary-400";
-  }
-});
-const handleConfirm = () => {
-  emit("confirm");
-};
-const handleCancel = () => {
-  isOpen.value = false;
-  emit("cancel");
-};
-</script>

package/dist/runtime/app/components/ConfirmDialog.vue.d.ts

@@ -1,33 +0,0 @@
-interface Props {
-    title: string;
-    description?: string;
-    items?: string[];
-    warning?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    confirmColor?: 'primary' | 'error' | 'warning' | 'success';
-    icon?: string;
-    iconColor?: 'primary' | 'error' | 'warning' | 'success' | 'info';
-    loading?: boolean;
-}
-type __VLS_Props = Props;
-type __VLS_ModelProps = {
-    'open'?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    cancel: () => any;
-    confirm: () => any;
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    onConfirm?: (() => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
-}>, {
-    confirmLabel: string;
-    cancelLabel: string;
-    confirmColor: "primary" | "error" | "warning" | "success";
-    iconColor: "primary" | "error" | "warning" | "success" | "info";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/app/composables/useComponentRouter.d.ts

@@ -1,46 +0,0 @@
-import { shallowRef } from '#imports';
-import { createHooks } from 'hookable';
-export type ComponentRouteRecord = {
-    path: string;
-    component: any;
-    name?: string;
-};
-export type ComponentRouterMode = 'query' | 'hash' | 'memory';
-export interface UseComponentRouterOptions {
-    routes: ComponentRouteRecord[] | Record<string, any>;
-    base?: string;
-    mode?: ComponentRouterMode;
-    initial?: string;
-    provideKey?: string;
-    debug?: boolean;
-}
-type RouterHooks = {
-    navigated: (data: {
-        path: string;
-        params: Record<string, string>;
-    }) => void;
-};
-type RouterContext = {
-    route: ReturnType<typeof shallowRef<{
-        path: string;
-        params: Record<string, string>;
-        query: Record<string, any>;
-    }>>;
-    push: (path: string) => Promise<void>;
-    replace: (path: string) => Promise<void>;
-    makePath: (patternOrPath: string, params?: Record<string, any>) => string;
-    makeHref: (patternOrPath: string, params?: Record<string, any>) => string;
-    pushTo: (patternOrPath: string, params?: Record<string, any>) => Promise<void>;
-    replaceTo: (patternOrPath: string, params?: Record<string, any>) => Promise<void>;
-    hooks: ReturnType<typeof createHooks<RouterHooks>>;
-};
-export declare function useComponentRouter(): RouterContext & {
-    component?: any;
-};
-export declare function useComponentRouter(opts: UseComponentRouterOptions): RouterContext & {
-    component: any;
-};
-export default useComponentRouter;
-export declare function createComponentRoutes(glob: Record<string, () => Promise<any>>, options?: {
-    base?: string;
-}): ComponentRouteRecord[];