nuxt-glorious 1.2.3-9 → 1.2.4

package/dist/runtime/components/G/textarea.vue

@@ -1,59 +1,19 @@
 <script setup lang="ts">
-import { ref, watch } from "#imports";
-const props = defineProps({
-  modelValue: {
-    required: false,
-    default: "",
-    type: String,
-  },
-  color: {
-    required: false,
-    default: "primary",
-    type: String as () => "orange" | "blue" | "gray" | "red" | "primary",
-  },
-  placeholder: {
-    required: false,
-    default: "",
-    type: String,
-  },
-  title: {
-    required: false,
-    default: "",
-    type: String,
-  },
-  size: {
-    required: false,
-    default: "md",
-    type: String as () => "xl" | "lg" | "md" | "sm" | "xsm",
-  },
-  error: {
-    required: false,
-    default: "|",
-    type: String,
-  },
-  disabled: {
-    required: false,
-    default: false,
-    type: Boolean,
-  },
-  autocomplete: {
-    required: false,
-    default: "off",
-    type: String,
-  },
-});
+import { ref, watch } from '#imports'
+import _props from '../props/Textarea'
+const props = defineProps(_props)
+const modelValue = defineModel()
 
-const inputValue: any = ref(null);
-if (props.modelValue !== "") inputValue.value = props.modelValue;
-const emits = defineEmits(["update:modelValue"]);
+const inputValue: any = ref(null)
+if (modelValue.value !== '') inputValue.value = modelValue.value
 watch(
   () => inputValue.value,
-  () => emits("update:modelValue", inputValue.value)
-);
+  () => (modelValue.value = inputValue.value)
+)
 watch(
-  () => props.modelValue,
-  () => (inputValue.value = props.modelValue)
-);
+  () => modelValue.value,
+  () => (inputValue.value = modelValue.value)
+)
 </script>
 
 <template>
@@ -62,79 +22,14 @@ watch(
     <div class="glorious-textarea">
       <textarea
         v-model="inputValue"
-        :autocomplete="props.autocomplete"
-        :class="[props.size, `glorious-textarea-${props.color}`]"
+        :class="[`glorious-textarea-${props.color}`]"
         :placeholder="props.placeholder"
         :disabled="props.disabled"
+        :rows="props.rows"
       />
     </div>
     <GErrorText :error="props.error" />
   </div>
 </template>
 
-<style>
-.xl.glorious-textarea-orange, .xl.glorious-textarea-blue, .xl.glorious-textarea-gray, .xl.glorious-textarea-red, .xl.glorious-textarea-primary {
-  @apply py-2.5;
-}
-.lg.glorious-textarea-orange, .lg.glorious-textarea-blue, .lg.glorious-textarea-gray, .lg.glorious-textarea-red, .lg.glorious-textarea-primary {
-  @apply py-2;
-}
-.md.glorious-textarea-orange, .md.glorious-textarea-blue, .md.glorious-textarea-gray, .md.glorious-textarea-red, .md.glorious-textarea-primary {
-  @apply py-1.5;
-}
-.sm.glorious-textarea-orange, .sm.glorious-textarea-blue, .sm.glorious-textarea-gray, .sm.glorious-textarea-red, .sm.glorious-textarea-primary {
-  @apply py-1;
-}
-.xsm.glorious-textarea-orange, .xsm.glorious-textarea-blue, .xsm.glorious-textarea-gray, .xsm.glorious-textarea-red, .xsm.glorious-textarea-primary {
-  @apply py-0.5;
-}
-
-.glorious-textarea-orange:focus-visible, .glorious-textarea-blue:focus-visible, .glorious-textarea-gray:focus-visible, .glorious-textarea-red:focus-visible, .glorious-textarea-primary:focus-visible {
-  @apply outline-none ring-2;
-}
-
-.glorious-textarea-primary {
-  @apply rounded-md ring-1 ring-green-500 px-3;
-}
-.glorious-textarea-primary:disabled {
-  @apply bg-green-300 cursor-not-allowed;
-}
-
-.glorious-textarea-red {
-  @apply rounded-md ring-1 ring-red-500 px-3;
-}
-.glorious-textarea-red:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-gray {
-  @apply rounded-md ring-1 ring-gray-500 px-3;
-}
-.glorious-textarea-gray:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-blue {
-  @apply rounded-md ring-1 ring-blue-500 px-3;
-}
-.glorious-textarea-blue:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea-orange {
-  @apply rounded-md ring-1 ring-orange-500 px-3;
-}
-.glorious-textarea-orange:disabled {
-  @apply cursor-not-allowed;
-}
-
-.glorious-textarea {
-  @apply relative w-full;
-}
-.glorious-textarea > textarea {
-  @apply w-full;
-}
-.glorious-textarea > textarea::placeholder {
-  @apply text-[14px];
-}
-</style>
+<style lang="scss" src="../../assets/style/components/textarea.scss" />

package/dist/runtime/components/G/timeline.vue

@@ -1,14 +1,6 @@
 <script lang="ts" setup>
-const props = defineProps({
-  items: {
-    required: true,
-  },
-  color: {
-    required: false,
-    default: 'green',
-    type: String as () => 'orange' | 'blue' | 'gray' | 'red' | 'green',
-  },
-})
+import _props from '../props/Timeline'
+const props: any = defineProps(_props)
 </script>
 <template>
   <div class="flex gap-3 mr-4">
@@ -33,52 +25,4 @@ const props = defineProps({
   </div>
 </template>
 
-<style scoped>
-.glorious-timeline-items {
-  @apply relative;
-}
-.glorious-timeline-items div {
-  @apply relative;
-}
-.glorious-timeline-items div::before {
-  content: "";
-  @apply absolute w-[2px] right-[-15px];
-}
-.glorious-timeline-items div::before:not(:last-child) {
-  @apply h-[calc(100%+20px)];
-}
-.glorious-timeline-items-count {
-  @apply absolute w-5 h-5 top-0 right-[-24px] rounded-full !important;
-  @apply text-white flex justify-center items-center font-medium;
-}
-.glorious-timeline-items.color-orange > div::before {
-  @apply bg-orange-500;
-}
-.glorious-timeline-items.color-blue > div::before {
-  @apply bg-blue-500;
-}
-.glorious-timeline-items.color-gray > div::before {
-  @apply bg-gray-500;
-}
-.glorious-timeline-items.color-red > div::before {
-  @apply bg-red-500;
-}
-.glorious-timeline-items.color-green > div::before {
-  @apply bg-green-500;
-}
-.glorious-timeline-items.color-orange .glorious-timeline-items-count {
-  @apply bg-orange-500;
-}
-.glorious-timeline-items.color-blue .glorious-timeline-items-count {
-  @apply bg-blue-500;
-}
-.glorious-timeline-items.color-gray .glorious-timeline-items-count {
-  @apply bg-gray-500;
-}
-.glorious-timeline-items.color-red .glorious-timeline-items-count {
-  @apply bg-red-500;
-}
-.glorious-timeline-items.color-green .glorious-timeline-items-count {
-  @apply bg-green-500;
-}
-</style>
+<style scoped lang="scss" src="../../assets/style/components/timeline.scss" />

package/dist/runtime/components/helper.d.ts

@@ -0,0 +1,2 @@
+export declare const createBlurDom: (callback: Function) => void;
+export declare const removeBlurDom: () => void;

package/dist/runtime/components/helper.mjs

@@ -0,0 +1,25 @@
+export const createBlurDom = (callback) => {
+  const div = document.createElement("div");
+  div.classList.add(
+    "fixed",
+    "top-0",
+    "right-0",
+    "backdrop-blur-sm",
+    "bg-gray-500",
+    "bg-opacity-50",
+    "h-full",
+    "w-full",
+    "z-[40]",
+    "glorious-backdrop"
+  );
+  const nuxt = document.getElementById("__nuxt");
+  nuxt?.appendChild(div);
+  div.addEventListener("click", () => {
+    callback();
+    div.remove();
+  });
+};
+export const removeBlurDom = () => {
+  const blur = document.querySelector(".glorious-backdrop");
+  if (blur !== null) blur.remove();
+};

package/dist/runtime/components/props/Alert.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    color: {
+        required: boolean;
+        default: string;
+        type: () => import("../../../types").colors;
+    };
+};
+export default _default;

package/dist/runtime/components/props/Alert.mjs

@@ -0,0 +1,4 @@
+import { color } from "./common/index.mjs";
+export default {
+  ...color()
+};

package/dist/runtime/components/props/Avatar.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    src: {
+        required: boolean;
+        type: StringConstructor;
+    };
+    size: {
+        required: boolean;
+        default: string;
+        type: () => import("../../../types").rounded;
+    };
+};
+export default _default;

package/dist/runtime/components/props/Avatar.mjs

@@ -0,0 +1,9 @@
+import { size, rounded } from "./common/index.mjs";
+export default {
+  ...size(),
+  ...rounded,
+  src: {
+    required: true,
+    type: String
+  }
+};

package/dist/runtime/components/props/Breadcrumb.d.ts

@@ -0,0 +1,26 @@
+import type { breadcrumbInterface } from '../../../types';
+declare const _default: {
+    items: {
+        required: boolean;
+        type: {
+            (arrayLength: number): breadcrumbInterface[];
+            (...items: breadcrumbInterface[]): breadcrumbInterface[];
+            new (arrayLength: number): breadcrumbInterface[];
+            new (...items: breadcrumbInterface[]): breadcrumbInterface[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    divider: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+};
+export default _default;

package/dist/runtime/components/props/Breadcrumb.mjs

@@ -0,0 +1,11 @@
+export default {
+  items: {
+    required: true,
+    type: Array
+  },
+  divider: {
+    required: false,
+    type: String,
+    default: "/"
+  }
+};

package/dist/runtime/components/props/Button.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    outline: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    ariaLabel: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    to: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    loading: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    loadingOption: {
+        required: boolean;
+        default: {
+            color: string;
+        };
+        type: {
+            color: StringConstructor;
+        };
+    };
+    disabled: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        required: boolean;
+        default: import("../../../types").sizes;
+        type: () => import("../../../types").sizes;
+    };
+    color: {
+        required: boolean;
+        default: string;
+        type: () => import("../../../types").colors;
+    };
+};
+export default _default;

package/dist/runtime/components/props/Button.mjs

@@ -0,0 +1,14 @@
+import { color, size, disabled, loading, to, ariaLabel } from "./common/index.mjs";
+export default {
+  ...color(),
+  ...size(),
+  ...disabled,
+  ...loading,
+  ...to,
+  ...ariaLabel,
+  outline: {
+    required: false,
+    default: false,
+    type: Boolean
+  }
+};

package/dist/runtime/components/props/CheckBox.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    checked: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        required: boolean;
+        default: import("../../../types").sizes;
+        type: () => import("../../../types").sizes;
+    };
+    color: {
+        required: boolean;
+        default: string;
+        type: () => import("../../../types").colors;
+    };
+};
+export default _default;

package/dist/runtime/components/props/CheckBox.mjs

@@ -0,0 +1,7 @@
+import { color, size, disabled, checked } from "./common/index.mjs";
+export default {
+  ...color(),
+  ...size("xs"),
+  ...disabled,
+  ...checked
+};

package/dist/runtime/components/props/CountDown.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    second: {
+        required: boolean;
+        type: NumberConstructor;
+    };
+};
+export default _default;

package/dist/runtime/components/props/CountDown.mjs

@@ -0,0 +1,6 @@
+export default {
+  second: {
+    required: true,
+    type: Number
+  }
+};

package/dist/runtime/components/props/Drawer.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    position: {
+        require: boolean;
+        default: string;
+        type: () => "right" | "left";
+    };
+};
+export default _default;

package/dist/runtime/components/props/Drawer.mjs

@@ -0,0 +1,7 @@
+export default {
+  position: {
+    require: false,
+    default: "right",
+    type: String
+  }
+};

package/dist/runtime/components/props/ErrorText.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    error: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+};
+export default _default;

package/dist/runtime/components/props/ErrorText.mjs

@@ -0,0 +1,4 @@
+import { error } from "./common/index.mjs";
+export default {
+  ...error
+};

package/dist/runtime/components/props/File.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    size: {
+        required: boolean;
+        default: import("../../../types").sizes;
+        type: () => import("../../../types").sizes;
+    };
+    text: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    title: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    placeholder: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    error: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+};
+export default _default;

package/dist/runtime/components/props/File.mjs

@@ -0,0 +1,9 @@
+import { color, placeholder, title, text, size, error } from "./common/index.mjs";
+export default {
+  ...error,
+  ...color,
+  ...placeholder("choose file"),
+  ...title("file"),
+  ...text("No file has been selected"),
+  ...size()
+};

package/dist/runtime/components/props/Icon.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    stroke: {
+        required: boolean;
+        type: (NumberConstructor | null)[];
+        default: number | null;
+    };
+    size: {
+        required: boolean;
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        required: boolean;
+        type: StringConstructor;
+        default: string;
+    };
+};
+export default _default;

package/dist/runtime/components/props/Icon.mjs

@@ -0,0 +1,7 @@
+import { name, hashColor, intSize, stroke } from "./common/index.mjs";
+export default {
+  ...name,
+  ...hashColor,
+  ...intSize(),
+  ...stroke()
+};

package/dist/runtime/components/props/Input.d.ts

@@ -0,0 +1,91 @@
+declare const _default: {
+    type: {
+        required: boolean;
+        default: string;
+        type: () => "button" | "checkbox" | "color" | "date" | "email" | "file" | "hidden" | "password" | "radio" | "range" | "tel" | "text" | "url" | "number";
+    };
+    autocomplete: {
+        required: boolean;
+        default: string;
+        type: () => "off" | "on" | "new-password";
+    };
+    display: {
+        required: boolean;
+        default: string;
+        type: () => "price";
+    };
+    inputMode: {
+        required: boolean;
+        default: string;
+        type: () => "text" | "none" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    };
+    mode: {
+        required: boolean;
+        default: string;
+        type: () => "normal" | "tag";
+    };
+    tagLockOption: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    options: {
+        required: boolean;
+        default: never[];
+        type: {
+            (arrayLength: number): object[];
+            (...items: object[]): object[];
+            new (arrayLength: number): object[];
+            new (...items: object[]): object[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+    };
+    loadingOptions: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        required: boolean;
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    icon: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    error: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    size: {
+        required: boolean;
+        default: import("../../../types").sizes;
+        type: () => import("../../../types").sizes;
+    };
+    title: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    placeholder: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+    color: {
+        required: boolean;
+        default: string;
+        type: () => import("../../../types").colors;
+    };
+};
+export default _default;