@bobbykim/mcl-header 0.5.1 → 0.6.0

package/lib/mcl-header-b/NavLinkVertical.vue

@@ -1,78 +0,0 @@
-<script setup lang="ts">
-import type { BodyText, ColorPalette } from '@bobbykim/manguito-theme'
-import generateClass from '@bobbykim/manguito-theme'
-import { computed } from 'vue'
-import type { MenuItemType } from '../common/index.types'
-const props = withDefaults(
-  defineProps<{
-    menuItem: MenuItemType
-    textColor?: ColorPalette
-    textSize?: BodyText
-    fontBold?: boolean
-    dHl?: boolean
-    hlColor?: ColorPalette
-    asLink?: boolean
-  }>(),
-  {
-    textColor: 'dark-3',
-    textSize: 'md',
-    fontBold: false,
-    dHl: true,
-    hlColor: 'primary',
-    asLink: true,
-  }
-)
-const emit = defineEmits<{
-  (e: 'menu-click', event: Event, item: MenuItemType): void
-}>()
-const handleLinkClick = (e: Event, item: MenuItemType) => {
-  const { asLink } = props
-  if (!asLink) {
-    e.preventDefault()
-  }
-  emit('menu-click', e, item)
-}
-const colorClass = computed<string>(() => {
-  const { textColor, textSize, dHl, hlColor, fontBold } = props
-  const classArray: string[] = [
-    // generateClass('TEXTCOLOR', textColor),
-    generateClass('BODYTEXT', textSize),
-  ]
-  if (!dHl) {
-    const nonHlTextClass: string[] = [
-      generateClass('TEXTCOLOR', textColor),
-      generateClass('HVTEXTCOLOR', hlColor),
-      generateClass('FCTEXTCOLOR', hlColor),
-    ]
-    classArray.push(nonHlTextClass.join(' '))
-  }
-  if (dHl) {
-    const highlightColor: string = generateClass('BEFOREBG', hlColor)
-    const hlClass: string =
-      'before:inset-y-0 before:left-0 before:transition-[width] before:duration-300 before:ease-linear before:w-0 hover:before:w-full focus:before:w-full '
-    classArray.push(hlClass + highlightColor)
-    const hlTextClass: string[] = [
-      generateClass('TEXTCOLOR', hlColor),
-      generateClass('HVTEXTCOLOR', textColor),
-      generateClass('FCTEXTCOLOR', textColor),
-    ]
-    classArray.push(hlTextClass.join(' '))
-  }
-  if (fontBold) {
-    classArray.push('font-bold')
-  }
-  return classArray.join(' ')
-})
-</script>
-
-<template>
-  <a
-    :class="[colorClass]"
-    class="px-xs py-2xs relative text-center block w-full before:absolute transition-colors duration-300 ease-linear"
-    :href="menuItem.url"
-    :target="menuItem.target ? menuItem.target : '_self'"
-    @click="handleLinkClick($event, menuItem)"
-  >
-    <span class="relative">{{ menuItem.title }}</span>
-  </a>
-</template>

package/lib/mcl-header-b/NavLinkVertical.vue.d.ts

@@ -1,62 +0,0 @@
-import type { BodyText, ColorPalette } from '@bobbykim/manguito-theme';
-import type { MenuItemType } from '../common/index.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    menuItem: MenuItemType;
-    textColor?: ColorPalette | undefined;
-    textSize?: BodyText | undefined;
-    fontBold?: boolean | undefined;
-    dHl?: boolean | undefined;
-    hlColor?: ColorPalette | undefined;
-    asLink?: boolean | undefined;
-}>, {
-    textColor: string;
-    textSize: string;
-    fontBold: boolean;
-    dHl: boolean;
-    hlColor: string;
-    asLink: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "menu-click": (event: Event, item: MenuItemType) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    menuItem: MenuItemType;
-    textColor?: ColorPalette | undefined;
-    textSize?: BodyText | undefined;
-    fontBold?: boolean | undefined;
-    dHl?: boolean | undefined;
-    hlColor?: ColorPalette | undefined;
-    asLink?: boolean | undefined;
-}>, {
-    textColor: string;
-    textSize: string;
-    fontBold: boolean;
-    dHl: boolean;
-    hlColor: string;
-    asLink: boolean;
-}>>> & {
-    "onMenu-click"?: ((event: Event, item: MenuItemType) => any) | undefined;
-}, {
-    textColor: ColorPalette;
-    asLink: boolean;
-    textSize: BodyText;
-    fontBold: boolean;
-    dHl: boolean;
-    hlColor: ColorPalette;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/tsconfig.json

@@ -1,5 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "include": ["./**/*.ts", "./**/*.vue"],
-  "exclude": ["node_modules", "./**/*.vue.d.ts"]
-}

package/tsconfig.ts.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "include": ["./**/*.ts"],
-  "exclude": ["node_modules", "./**/*.vue.d.ts", "./**/*.vue"],
-  "compilerOptions": {
-    "skipLibCheck": true,
-    "declaration": true
-  }
-}

package/tsconfig.vue.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "include": ["./**/*.vue"],
-  "exclude": ["node_modules"],
-  "compilerOptions": {
-    "declaration": true,
-    "emitDeclarationOnly": true
-  }
-}