srcdev-nuxt-components 6.1.28 → 6.1.30

package/app/components/carousel-basic/CarouselBasic.vue

@@ -65,6 +65,28 @@
   </section>
 </template>
 
+<script lang="ts">
+export interface CarouselBasicItem {
+  id: number | string
+  url: string
+  alt: string
+}
+
+export interface CarouselModifiedItem {
+  id: number | string
+  url: string
+  alt: string
+  order: number
+}
+
+export interface ICarouselBasic {
+  items: CarouselBasicItem[] | CarouselModifiedItem[]
+  total: number
+  skip: number
+  limit: number
+}
+</script>
+
 <script setup lang="ts">
 import { useEventListener, useResizeObserver, useSwipe } from "@vueuse/core"
 

package/app/components/deep-expanding-menu/DeepExpandingMenu.vue

@@ -24,17 +24,8 @@
   </component>
 </template>
 
-<script lang="ts">
-interface ResponsiveHeaderNavItem {
-  name: string
-  path?: string
-  isExternal?: boolean
-  childLinks?: ResponsiveHeaderNavItem[]
-  childLinksTitle?: string
-}
-</script>
-
 <script setup lang="ts">
+import type { ResponsiveHeaderNavItem } from "../../types"
 const props = defineProps({
   tag: {
     type: String,

package/app/components/display-chip/DisplayChip.vue

@@ -4,34 +4,35 @@
   </component>
 </template>
 
-<script setup lang="ts">
-const props = defineProps({
-  tag: {
-    type: String,
-    default: "span",
-    validator(value: string) {
-      return ["div", "span"].includes(value)
-    },
-  },
-  shape: {
-    type: String as PropType<"circle" | "square">,
-    default: "circle",
-    validator(value: string) {
-      return ["circle", "square"].includes(value)
-    },
-  },
-  styleClassPassthrough: {
-    type: [String, Array] as PropType<string | string[]>,
-    default: () => [],
-  },
-})
-
-const chipConfig = defineModel<{
+<script lang="ts">
+export interface DisplayChipConfig {
   size: string
   maskWidth: string
   offset: string
   angle: string
-}>({
+}
+
+export interface DisplayChipProps {
+  tag?: "div" | "span"
+  shape?: "circle" | "square"
+  styleClassPassthrough?: string | string[]
+}
+
+export interface ChipSlots {
+  default(props?: {}): any
+  content(props?: {}): any
+}
+</script>
+
+<script setup lang="ts">
+const props = withDefaults(defineProps<DisplayChipProps>(), {
+  tag: "div",
+  shape: "circle",
+  styleClassPassthrough: () => [],
+})
+defineSlots<ChipSlots>()
+
+const chipConfig = defineModel<DisplayChipConfig>({
   type: Object as PropType<{
     size: string
     maskWidth: string

package/app/components/display-prompt/DisplayPromptCore.vue

@@ -46,9 +46,6 @@ const props = defineProps({
   theme: {
     type: String,
     default: "error",
-    validator(value: string) {
-      return ["success", "secondary", "info", "error", "warning"].includes(value)
-    },
   },
   styleClassPassthrough: {
     type: [String, Array] as PropType<string | string[]>,
@@ -57,9 +54,6 @@ const props = defineProps({
   iconColor: {
     type: String as PropType<string>,
     default: "dark-grey",
-    validator(value: string) {
-      return ["dark-grey", "white"].includes(value)
-    },
   },
   displayPromptIcons: {
     type: Object as PropType<Record<string, string>>,

package/app/components/image-galleries/SliderGallery.vue

@@ -53,9 +53,23 @@
   </div>
 </template>
 
-<script setup lang="ts">
-import { type IGalleryData } from "@/types/gallery-data"
+<script lang="ts">
+export interface IGalleryData {
+  src: string
+  alt: string
+  stylist?: string
+  title?: string
+  category?: string
+  description?: string
+  thumbnail?: {
+    title: string
+    description: string
+  }
+  textBrightness: "light" | "dark"
+}
+</script>
 
+<script setup lang="ts">
 const props = defineProps({
   autoRun: {
     type: Boolean,

package/app/components/responsive-header/ResponsiveHeader.vue

@@ -116,9 +116,46 @@
   </div>
 </template>
 
+<script lang="ts">
+export interface ResponsiveHeaderNavItem {
+  name: string
+  path?: string
+  isExternal?: boolean
+  childLinks?: ResponsiveHeaderNavItem[]
+  childLinksTitle?: string
+  iconName?: string
+  config?: ResponsiveHeaderItemRects
+}
+
+export interface ResponsiveHeaderProp {
+  [key: string]: ResponsiveHeaderNavItem[]
+}
+
+export interface IFlooredRect {
+  left: number
+  right: number
+  top: number
+  bottom: number
+  width: number
+  height: number
+}
+
+export interface ResponsiveHeaderItemRects {
+  left: number
+  right: number
+  width?: number
+  visible: boolean
+}
+
+export interface ResponsiveHeaderState {
+  hasSecondNav: boolean
+  navListVisibility: Record<string, boolean>
+  clonedNavLinks?: ResponsiveHeaderProp
+}
+</script>
+
 <script setup lang="ts">
 import { useResizeObserver, onClickOutside } from "@vueuse/core"
-import type { ResponsiveHeaderProp, ResponsiveHeaderState, IFlooredRect } from "@/types/responsiveHeader"
 
 const props = defineProps({
   responsiveNavLinks: {

package/app/types/index.ts

@@ -0,0 +1,4 @@
+export * from "../components/responsive-header/ResponsiveHeader.vue"
+export * from "../components/display-chip/DisplayChip.vue"
+export * from "../components/carousel-basic/CarouselBasic.vue"
+export * from "../components/image-galleries/SliderGallery.vue"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-components",
   "type": "module",
-  "version": "6.1.28",
+  "version": "6.1.30",
   "main": "nuxt.config.ts",
   "scripts": {
     "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",

package/app/types/display-toast.d.ts

@@ -1,6 +0,0 @@
-export interface IToastConfig {
-  showToast: boolean
-  variant: string
-  duration: number
-  toastDisplayText: string
-}

package/app/types/gallery-data.ts

@@ -1,13 +0,0 @@
-export interface IGalleryData {
-  src: string;
-  alt: string;
-  stylist?: string;
-  title?: string;
-  category?: string;
-  description?: string;
-  thumbnail?: {
-    title: string;
-    description: string;
-  };
-  textBrightness: 'light' | 'dark';
-}

package/app/types/responsiveHeader.ts

@@ -1,38 +0,0 @@
-export interface ResponsiveHeaderNavItem {
-  name: string;
-  path?: string;
-  iconName?: string;
-  imageSrc?: string;
-  imageAlt?: string;
-  description?: string;
-  isActive?: boolean;
-  isExternal?: boolean;
-  childLinksTitle?: string;
-  childLinks?: ResponsiveHeaderNavItem[];
-  config?: ResponsiveHeaderItemRects;
-}
-
-export interface ResponsiveHeaderProp {
-  [key: string]: ResponsiveHeaderNavItem[];
-}
-
-export interface IFlooredRect {
-  left: number;
-  right: number;
-  top: number;
-  bottom: number;
-  width: number;
-  height: number;
-}
-
-export interface ResponsiveHeaderItemRects {
-  left: number;
-  right: number;
-  width?: number;
-  visible: boolean;
-}
-
-export interface ResponsiveHeaderState {
-  navListVisibility: Record<string, boolean>;
-  clonedNavLinks?: ResponsiveHeaderProp;
-}

package/app/types/types.carousel-basic.ts

@@ -1,19 +0,0 @@
-export interface CarouselBasicItem {
-  id: number | string;
-  url: string;
-  alt: string;
-}
-
-export interface CarouselModifiedItem {
-  id: number | string;
-  url: string;
-  alt: string;
-  order: number;
-}
-
-export interface ICarouselBasic {
-  items: CarouselBasicItem[] | CarouselModifiedItem[];
-  total: number;
-  skip: number;
-  limit: number;
-}