@alphacifer/slidev-addon-theme 0.0.10 → 0.0.12

package/components/card/vert-card/VertCardTitle.vue

@@ -1,76 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import { useMergedUnoAttrs } from '../../../utils/useMergedUnoAttrs';
-import { VERT_CARD_KEY } from '../../../utils/vertCard';
-
-defineOptions({
-  inheritAttrs: false,
-  name: 'VertCardTitle',
-});
-
-export interface IVertCardTitleProps {
-  /**
-   * Title text color. Overrides context titleColor.
-   */
-  readonly color?: string;
-  /**
-   * Whether to render the decorative horizontal line with center dot below the title.
-   * Defaults to context hasDivider, or true.
-   */
-  readonly hasDivider?: boolean;
-}
-
-const props = withDefaults(defineProps<IVertCardTitleProps>(), {
-  color: undefined,
-  hasDivider: undefined,
-});
-
-const context = inject(VERT_CARD_KEY, undefined);
-
-const headingColor = computed(() => {
-  return (
-    props.color ??
-    context?.titleColor.value ??
-    context?.color.value ??
-    '#ea583a'
-  );
-});
-
-const isDividerVisible = computed(() => {
-  if (props.hasDivider !== undefined) {
-    return props.hasDivider;
-  }
-
-  return context?.hasDivider?.value ?? true;
-});
-
-const { className, forwardedAttrs } = useMergedUnoAttrs(
-  'alpha-vert-card-title font-sans font-bold text-xl tracking-tight leading-tight text-center',
-);
-</script>
-
-<template>
-  <div class="flex flex-col items-center w-full">
-    <h3
-      v-bind="forwardedAttrs()"
-      :class="className()"
-      :style="{ color: headingColor }"
-    >
-      <slot>Lorem Ipsum</slot>
-    </h3>
-    <div
-      v-if="isDividerVisible"
-      class="mt-2.5 flex items-center justify-center w-32 relative"
-    >
-      <div
-        class="w-full h-[1.5px]"
-        :style="{ backgroundColor: headingColor }"
-      />
-      <span
-        class="absolute w-2 h-2 rounded-full"
-        :style="{ backgroundColor: headingColor }"
-      />
-    </div>
-  </div>
-</template>

package/components/comparisons/arc-comparison/ArcComparisonContents.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import ArcOrbitContents from '../../core/arc-orbit/ArcOrbitContents.vue';
-
-defineOptions({
-  inheritAttrs: false,
-  name: 'ArcComparisonContents',
-});
-</script>
-
-<template>
-  <ArcOrbitContents
-    v-bind="$attrs"
-    class="alpha-arc-comparison-contents"
-  >
-    <slot />
-  </ArcOrbitContents>
-</template>

package/components/comparisons/arc-comparison/ArcComparisonTitle.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import ArcOrbitTitle, {
-  type IArcOrbitTitleProps,
-} from '../../core/arc-orbit/ArcOrbitTitle.vue';
-
-defineOptions({
-  inheritAttrs: false,
-  name: 'ArcComparisonTitle',
-});
-
-export interface IArcComparisonTitleProps extends IArcOrbitTitleProps {}
-
-const props = defineProps<IArcComparisonTitleProps>();
-</script>
-
-<template>
-  <ArcOrbitTitle
-    v-if="$slots.default"
-    v-bind="{ ...props, ...$attrs }"
-    class="alpha-arc-comparison-title"
-  >
-    <slot />
-  </ArcOrbitTitle>
-  <ArcOrbitTitle
-    v-else
-    v-bind="{ ...props, ...$attrs }"
-    class="alpha-arc-comparison-title"
-  />
-</template>

package/components/core/arc-orbit/ArcOrbitContents.vue

@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import { useMergedUnoAttrs } from '../../../utils/useMergedUnoAttrs';
-
-defineOptions({
-  inheritAttrs: false,
-  name: 'ArcOrbitContents',
-});
-
-const { className, forwardedAttrs } = useMergedUnoAttrs(
-  'alpha-arc-orbit-contents absolute inset-0 w-full h-full pointer-events-none',
-);
-</script>
-
-<template>
-  <div v-bind="forwardedAttrs()" :class="className()">
-    <slot />
-  </div>
-</template>

package/components/core/arc-orbit/ArcOrbitTitle.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import {
-  ARC_ORBIT_ROOT_KEY,
-  DEFAULT_ARC_ORBIT_COLOR,
-} from '../../../utils/arcOrbit';
-import { useMergedUnoAttrs } from '../../../utils/useMergedUnoAttrs';
-
-defineOptions({
-  inheritAttrs: false,
-  name: 'ArcOrbitTitle',
-});
-
-export interface IArcOrbitTitleProps {
-  readonly color?: string;
-}
-
-const props = withDefaults(defineProps<IArcOrbitTitleProps>(), {
-  color: undefined,
-});
-
-const rootContext = inject(ARC_ORBIT_ROOT_KEY, undefined);
-
-const titleColor = computed(() => {
-  return props.color ?? rootContext?.color.value ?? DEFAULT_ARC_ORBIT_COLOR;
-});
-
-const titleStyle = computed(() => {
-  return {
-    color: titleColor.value,
-    fontFamily:
-      'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  };
-});
-
-const { className, forwardedAttrs } = useMergedUnoAttrs(
-  'alpha-arc-orbit-title font-bold text-center px-2 leading-tight flex items-center justify-center select-none text-[1.125rem] tracking-tight whitespace-pre-line',
-);
-</script>
-
-<template>
-  <div
-    v-bind="forwardedAttrs()"
-    :class="className()"
-    :style="titleStyle"
-  >
-    <slot>{{ rootContext?.title.value ?? 'Add Topic\nTitle' }}</slot>
-  </div>
-</template>

package/components/defense-in-depth/arc-did/ArcDiDLayer.vue

@@ -1,321 +0,0 @@
-<script setup lang="ts">
-import {
-  type ComputedRef,
-  computed,
-  Fragment,
-  inject,
-  onUnmounted,
-  provide,
-  ref,
-  useSlots,
-  type VNode,
-  watch,
-} from 'vue';
-
-import {
-  ARC_DID_LAYER_KEY,
-  ARC_DID_ROOT_KEY,
-  type IArcDiDLayerContext,
-  type IArcDiDRegisteredLayerData,
-  type IArcDiDRegisteredSectorData,
-} from '../../../utils/defenseInDepth/arcDid/context';
-import type {
-  IArcDiDPartGeometry,
-  IArcDiDPartItem,
-  IArcDiDSectorItem,
-} from '../../../utils/defenseInDepth/arcDid/types';
-import ArcDiDLayerPart from './ArcDiDLayerPart.vue';
-import ArcDiDLayerParts from './ArcDiDLayerParts.vue';
-import ArcDiDLayerSector from './ArcDiDLayerSector.vue';
-import ArcDiDLayerTitle from './ArcDiDLayerTitle.vue';
-
-defineOptions({
-  name: 'ArcDiDLayer',
-});
-
-export interface IArcDiDLayerProps {
-  readonly title?: string;
-  readonly color?: string;
-  readonly textColor?: string;
-  readonly index?: number;
-  readonly active?: boolean;
-}
-
-const props = withDefaults(defineProps<IArcDiDLayerProps>(), {
-  title: undefined,
-  color: undefined,
-  textColor: undefined,
-  index: undefined,
-  active: undefined,
-});
-
-const slots = useSlots();
-const rootContext = inject(ARC_DID_ROOT_KEY, undefined);
-
-interface INamedComponent {
-  readonly type?: {
-    readonly name?: string;
-    readonly displayName?: string;
-    readonly __name?: string;
-  };
-}
-
-function hasComponentName(type: unknown, targetName: string): boolean {
-  if (typeof type === 'object' && type !== null) {
-    const comp = type as INamedComponent['type'];
-    return (
-      comp?.name === targetName ||
-      comp?.displayName === targetName ||
-      comp?.__name === targetName
-    );
-  }
-  return false;
-}
-
-function flattenVNodes(nodes: VNode[]): VNode[] {
-  const result: VNode[] = [];
-  for (const node of nodes) {
-    if (node.type === Fragment && Array.isArray(node.children)) {
-      result.push(...flattenVNodes(node.children as VNode[]));
-    } else {
-      result.push(node);
-    }
-  }
-  return result;
-}
-
-const defaultNodes = computed(() => {
-  if (!slots.default) {
-    return [];
-  }
-  return flattenVNodes(slots.default());
-});
-
-const hasSlottedTitle = computed(() => {
-  return defaultNodes.value.some((node) =>
-    hasComponentName(node.type, 'ArcDiDLayerTitle'),
-  );
-});
-
-const hasSlottedParts = computed(() => {
-  if (registeredSectorTokens.value.length > 0) {
-    return true;
-  }
-  return defaultNodes.value.some(
-    (node) =>
-      hasComponentName(node.type, 'ArcDiDLayerParts') ||
-      hasComponentName(node.type, 'ArcDiDLayerPart') ||
-      hasComponentName(node.type, 'ArcDiDLayerSector'),
-  );
-});
-
-const currentTitle = ref<string | undefined>(props.title);
-watch(
-  () => props.title,
-  (val) => {
-    if (val !== undefined) {
-      currentTitle.value = val;
-    }
-  },
-);
-
-// Manage sector and part registrations within this layer
-const registeredSectorTokens = ref<symbol[]>([]);
-const registeredSectorData = ref<Map<symbol, IArcDiDRegisteredSectorData>>(
-  new Map(),
-);
-
-function registerSector(
-  token?: symbol,
-  sectorDataRef?: ComputedRef<IArcDiDRegisteredSectorData | undefined>,
-) {
-  const sToken = token ?? Symbol();
-  if (!registeredSectorTokens.value.includes(sToken)) {
-    registeredSectorTokens.value = [...registeredSectorTokens.value, sToken];
-  }
-
-  let stopWatch: (() => void) | undefined;
-  if (sectorDataRef) {
-    stopWatch = watch(
-      sectorDataRef,
-      (val) => {
-        const nextMap = new Map(registeredSectorData.value);
-        if (val) {
-          nextMap.set(sToken, val);
-        } else {
-          nextMap.delete(sToken);
-        }
-        registeredSectorData.value = nextMap;
-      },
-      { immediate: true },
-    );
-  }
-
-  const index = computed(() => registeredSectorTokens.value.indexOf(sToken));
-
-  return {
-    index,
-    unregister: () => {
-      stopWatch?.();
-      registeredSectorTokens.value = registeredSectorTokens.value.filter(
-        (t) => t !== sToken,
-      );
-      const nextMap = new Map(registeredSectorData.value);
-      nextMap.delete(sToken);
-      registeredSectorData.value = nextMap;
-    },
-  };
-}
-
-function registerPart(
-  token?: symbol,
-  partDataRef?: ComputedRef<IArcDiDPartItem | undefined>,
-) {
-  const pToken = token ?? Symbol();
-  const sectorDataRef = computed<IArcDiDRegisteredSectorData | undefined>(
-    () => {
-      const pData = partDataRef?.value;
-      if (!pData) return undefined;
-      return {
-        parts: [pData],
-        split: false,
-        angle: pData.angle,
-        span: pData.span,
-        color: pData.color,
-      };
-    },
-  );
-  return registerSector(pToken, sectorDataRef);
-}
-
-const registeredSectorsList = computed<IArcDiDSectorItem[]>(() => {
-  return registeredSectorTokens.value
-    .map((token) => registeredSectorData.value.get(token))
-    .filter((item): item is IArcDiDRegisteredSectorData => item !== undefined)
-    .map((data) => ({
-      parts: data.parts ?? [],
-      split: data.split,
-      angle: data.angle,
-      span: data.span,
-      color: data.color,
-    }));
-});
-
-const registeredPartsList = computed<IArcDiDPartItem[]>(() => {
-  return registeredSectorsList.value.flatMap(
-    (s) => s.parts as IArcDiDPartItem[],
-  );
-});
-
-const layerToken = Symbol();
-const layerRegistrationData = computed<IArcDiDRegisteredLayerData>(() => ({
-  title: currentTitle.value,
-  color: props.color,
-  sectors: registeredSectorsList.value,
-  parts: registeredPartsList.value,
-  index: props.index !== undefined ? Number(props.index) : undefined,
-}));
-
-const registration = rootContext?.registerLayer(
-  layerToken,
-  layerRegistrationData,
-);
-
-onUnmounted(() => {
-  registration?.unregister();
-});
-
-const resolvedIndex = computed<number>(() => {
-  if (props.index !== undefined) {
-    return Number(props.index);
-  }
-  return registration?.index.value ?? 0;
-});
-
-const layerGeo = computed(() => {
-  if (!rootContext) {
-    return undefined;
-  }
-  return rootContext.geo.value.layers[resolvedIndex.value];
-});
-
-const isActive = computed<boolean>(() => {
-  if (props.active !== undefined) {
-    return props.active;
-  }
-  if (!rootContext) {
-    return false;
-  }
-  return (
-    rootContext.activeIndex.value === -1 ||
-    rootContext.activeIndex.value === resolvedIndex.value
-  );
-});
-
-const effectiveColor = computed<string>(() => {
-  if (props.color) {
-    return props.color;
-  }
-  if (rootContext) {
-    return rootContext.getLayerColor(resolvedIndex.value);
-  }
-  return '#0ea5e9';
-});
-
-const layerContext: IArcDiDLayerContext = {
-  layerIndex: resolvedIndex,
-  layerGeo,
-  isActive,
-  color: effectiveColor,
-  textColor: computed(() => props.textColor),
-  title: computed(() => currentTitle.value),
-  setTitle: (title: string) => {
-    currentTitle.value = title;
-  },
-  partsCount: computed(() => registeredPartsList.value.length),
-  registerPart,
-  registerSector,
-};
-
-provide(ARC_DID_LAYER_KEY, layerContext);
-</script>
-
-<template>
-  <div
-    class="alpha-arc-did__layer contents"
-    :data-index="resolvedIndex"
-    :data-active="isActive"
-  >
-    <!-- Auto-render title if prop title provided but no slotted ArcDiDLayerTitle -->
-    <ArcDiDLayerTitle v-if="!hasSlottedTitle && currentTitle" :title="currentTitle" />
-
-    <!-- Default children slots -->
-    <slot />
-
-    <!-- Fallback parts from geometry if layer has no slotted parts and default geo parts/sectors exist -->
-    <ArcDiDLayerParts v-if="!hasSlottedParts && registeredSectorTokens.length === 0 && layerGeo && layerGeo.sectors.length > 0">
-      <template v-for="sector in layerGeo.sectors" :key="sector.index">
-        <ArcDiDLayerSector v-if="sector.parts.length > 1 || sector.split" :split="sector.split">
-          <ArcDiDLayerPart
-            v-for="part in sector.parts"
-            :key="part.index"
-            :label="part.label"
-            :index="part.index"
-            :position="part.position"
-            :angle="part.angle"
-            :radius="part.radius"
-          />
-        </ArcDiDLayerSector>
-        <ArcDiDLayerPart
-          v-else-if="sector.parts[0]"
-          :key="sector.parts[0].index"
-          :label="sector.parts[0].label"
-          :index="sector.parts[0].index"
-          :position="sector.parts[0].position"
-          :angle="sector.parts[0].angle"
-          :radius="sector.parts[0].radius"
-        />
-      </template>
-    </ArcDiDLayerParts>
-  </div>
-</template>

package/components/defense-in-depth/arc-did/ArcDiDLayerParts.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  name: 'ArcDiDLayerParts',
-});
-</script>
-
-<template>
-  <div class="alpha-arc-did__layer-parts contents pointer-events-none">
-    <slot />
-  </div>
-</template>

package/components/facets/tetrad/rect-orbit-tetrad/RectOrbitTetradCenter.vue

@@ -1,53 +0,0 @@
-<script setup lang="ts">
-defineOptions({
-  name: 'RectOrbitTetradCenter',
-});
-
-export interface IRectOrbitTetradCenterProps {
-  readonly title?: string;
-  readonly radius?: number;
-  readonly subtitle?: string;
-}
-
-const props = withDefaults(defineProps<IRectOrbitTetradCenterProps>(), {
-  title: undefined,
-  subtitle: undefined,
-  radius: 58,
-});
-</script>
-
-<template>
-  <div
-    class="alpha-rect-orbit-tetrad-center absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-20 rounded-full bg-white flex flex-col items-center justify-center text-center shadow-lg pointer-events-auto select-none"
-    :style="{
-      width: `${props.radius * 2}px`,
-      height: `${props.radius * 2}px`,
-      boxShadow: '0 4px 18px rgba(0, 0, 0, 0.12)',
-      fontFamily: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, sans-serif',
-    }"
-  >
-    <slot>
-      <slot name="title">
-        <span
-          v-if="props.title"
-          :class="[
-            'text-[23px] font-extrabold text-slate-800 tracking-tight leading-none',
-            { 'mb-2': props.subtitle },
-          ]"
-          style="font-family: inherit;"
-        >
-          {{ props.title }}
-        </span>
-      </slot>
-      <slot name="subtitle">
-        <span
-          v-if="props.subtitle"
-          class="text-[13px] font-medium text-slate-400 tracking-normal leading-none"
-          style="font-family: inherit;"
-        >
-          {{ props.subtitle }}
-        </span>
-      </slot>
-    </slot>
-  </div>
-</template>

package/components/facets/tetrad/rect-orbit-tetrad/RectOrbitTetradContent.vue

@@ -1,39 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import { RECT_ORBIT_TETRAD_CALLOUT_KEY } from '../../../../utils/rectOrbitTetrad';
-
-defineOptions({
-  name: 'RectOrbitTetradContent',
-});
-
-export interface IRectOrbitTetradContentProps {
-  readonly color?: string;
-}
-
-const props = withDefaults(defineProps<IRectOrbitTetradContentProps>(), {
-  color: undefined,
-});
-
-const calloutContext = inject(RECT_ORBIT_TETRAD_CALLOUT_KEY, undefined);
-
-const contentColor = computed(() => {
-  return props.color ?? calloutContext?.item.value.textColor ?? '#555555';
-});
-</script>
-
-<template>
-  <div
-    class="alpha-rect-orbit-tetrad-content text-[1rem] leading-[1.38] font-normal tracking-tight m-0 p-0 select-none"
-    :style="{
-      color: contentColor,
-      margin: 0,
-      padding: 0,
-      fontSize: '1rem',
-      fontFamily:
-        'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif',
-    }"
-  >
-    <slot />
-  </div>
-</template>

package/components/facets/tetrad/rect-orbit-tetrad/RectOrbitTetradHeading.vue

@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { computed, inject } from 'vue';
-
-import { RECT_ORBIT_TETRAD_CALLOUT_KEY } from '../../../../utils/rectOrbitTetrad';
-
-defineOptions({
-  name: 'RectOrbitTetradHeading',
-});
-
-export interface IRectOrbitTetradHeadingProps {
-  readonly color?: string;
-}
-
-const props = withDefaults(defineProps<IRectOrbitTetradHeadingProps>(), {
-  color: undefined,
-});
-
-const calloutContext = inject(RECT_ORBIT_TETRAD_CALLOUT_KEY, undefined);
-
-const headingColor = computed(() => {
-  return (
-    props.color ??
-    calloutContext?.item.value.titleColor ??
-    calloutContext?.item.value.color ??
-    '#f29e4b'
-  );
-});
-</script>
-
-<template>
-  <div
-    class="alpha-rect-orbit-tetrad-heading font-bold text-[1.25rem] leading-tight tracking-tight m-0 p-0 select-none"
-    :style="{
-      color: headingColor,
-      margin: 0,
-      padding: 0,
-      fontSize: '1.25rem',
-      fontFamily:
-        'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', Roboto, Helvetica, Arial, sans-serif',
-    }"
-  >
-    <slot />
-  </div>
-</template>