nuxt-glorious 1.3.3 → 1.9.0-dev

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

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

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

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

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

@@ -19,11 +19,6 @@ declare const _default: {
         default: boolean;
         type: BooleanConstructor;
     };
-    size: {
-        required: boolean;
-        default: import("../../../types").sizes;
-        type: () => import("../../../types").sizes;
-    };
     title: {
         required: boolean;
         default: string;
@@ -37,7 +32,7 @@ declare const _default: {
     color: {
         required: boolean;
         default: string;
-        type: () => import("../../../types").colors;
+        type: () => import("../../../types").colors | string;
     };
 };
 export default _default;

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

@@ -2,7 +2,6 @@ import {
   color,
   placeholder,
   title,
-  size,
   error,
   disabled,
   required
@@ -11,7 +10,6 @@ export default {
   ...color(),
   ...placeholder(),
   ...title(),
-  ...size(),
   ...required(),
   ...error,
   ...disabled,

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

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

package/dist/runtime/components/props/common/index.d.ts

@@ -3,7 +3,7 @@ export declare const color: (def?: string) => {
     color: {
         required: boolean;
         default: string;
-        type: () => colors;
+        type: () => colors | string;
     };
 };
 export declare const size: (def?: sizes) => {
@@ -14,7 +14,7 @@ export declare const size: (def?: sizes) => {
     };
 };
 export declare const rounded: {
-    size: {
+    rounded: {
         required: boolean;
         default: string;
         type: () => roundedType;
@@ -180,3 +180,15 @@ export declare const keyOfValue: () => {
         type: StringConstructor;
     };
 };
+export declare const alt: () => {
+    alt: {
+        required: boolean;
+        type: StringConstructor;
+    };
+};
+export declare const src: () => {
+    src: {
+        required: boolean;
+        type: StringConstructor;
+    };
+};

package/dist/runtime/components/props/common/index.mjs

@@ -13,7 +13,7 @@ export const size = (def = "md") => ({
   }
 });
 export const rounded = {
-  size: {
+  rounded: {
     required: false,
     default: "md",
     type: String
@@ -166,3 +166,15 @@ export const keyOfValue = () => ({
     type: String
   }
 });
+export const alt = () => ({
+  alt: {
+    required: false,
+    type: String
+  }
+});
+export const src = () => ({
+  src: {
+    required: true,
+    type: String
+  }
+});

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeAuth.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (moduleConfig: any) => Object;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeAuth.mjs

@@ -0,0 +1,8 @@
+import { useCookie } from "nuxt/app";
+export default (moduleConfig) => {
+  const header = {};
+  const token = useCookie(moduleConfig.public.glorious.auth.cookie.name);
+  if (typeof token.value !== "undefined")
+    header.Authorization = "Bearer " + token.value;
+  return header;
+};

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeFormData.d.ts

@@ -0,0 +1,3 @@
+import type { gloriousFetchOptions } from './gloriousFetchOptionsInterface';
+declare const _default: (options: gloriousFetchOptions) => any;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeFormData.mjs

@@ -0,0 +1,14 @@
+export default (options) => {
+  const form = new FormData();
+  Object.entries(options.body).forEach((item) => {
+    if (item[1] === null) return;
+    if (typeof item[1] === "object" && typeof item[1].lastModifiedDate === "undefined" && typeof item[1].type === "undefined" && typeof item[1].size === "undefined")
+      Object.entries(item[1]).forEach((nestedItem, index) => {
+        form.append(`${item[0]}[${index}]`, nestedItem[1]);
+      });
+    else {
+      form.append(`${item[0]}`, item[1]);
+    }
+  });
+  return form;
+};

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeGKey.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (gKey: String | undefined, url: string) => string | String;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeGKey.mjs

@@ -0,0 +1,3 @@
+export default (gKey, url) => {
+  return typeof gKey !== "undefined" ? gKey : url.split("/")[url.split("/").length - 1];
+};

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeHeaderFetch.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (options: object) => Promise<any>;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeHeaderFetch.mjs

@@ -0,0 +1,9 @@
+export default async (options) => {
+  const fetch = import.meta.glob("/glorious/fetch.ts");
+  let data = {};
+  if (typeof fetch["/glorious/fetch.ts"] !== "undefined") {
+    data = await fetch["/glorious/fetch.ts"]();
+    data = data.fetchHandler.headers(options);
+  }
+  return data;
+};

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeParams.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (params: Object) => Object;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeParams.mjs

@@ -0,0 +1,7 @@
+export default (params) => {
+  const computeParams = {};
+  Object.entries(params).map((item) => {
+    if (item[1] !== null && item[1] !== "") computeParams[item[0]] = item[1];
+  });
+  return computeParams;
+};

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeValidation.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (validationRequest: any, gKey: String, body: any) => void;
+export default _default;

package/dist/runtime/composables/helper/useGloriousFetch/functionComputeValidation.mjs

@@ -0,0 +1,30 @@
+import { createError } from "#app";
+import { GloriousStore } from "../../../stores/GloriousStore.mjs";
+let hasError = false;
+let _gKey;
+export default (validationRequest, gKey, body) => {
+  _gKey = gKey;
+  Object.entries(validationRequest).forEach((item) => {
+    const [key, value] = item;
+    value.forEach((itemOfValue) => {
+      validations[itemOfValue](body[key], key);
+    });
+  });
+  if (hasError) {
+    throw createError({
+      statusCode: 422,
+      statusMessage: "validation request error"
+    });
+  }
+};
+const validations = {
+  required: (mount, key) => {
+    if (mount === "" || mount === null) {
+      setError(key, `${key} is required`);
+      hasError = true;
+    } else {
+      setError(key);
+    }
+  }
+};
+const setError = (key, value = []) => GloriousStore().forms[_gKey].errors[key] = value.length === 0 ? [] : [value];

package/dist/runtime/composables/helper/useGloriousFetch/gloriousFetchDefaultOptions.d.ts

@@ -0,0 +1,3 @@
+import type { gloriousFetchOptions } from './gloriousFetchOptionsInterface';
+declare const options: gloriousFetchOptions;
+export default options;

package/dist/runtime/composables/helper/useGloriousFetch/gloriousFetchDefaultOptions.mjs

@@ -0,0 +1,15 @@
+const options = {
+  validationRequest: [],
+  server: false,
+  method: "GET",
+  lazy: true,
+  is$: true,
+  keepResponse: false,
+  params: {},
+  headers: {
+    Accept: "application/json"
+  },
+  bodyType: "normal",
+  credentials: "same-origin"
+};
+export default options;

package/dist/runtime/composables/helper/useGloriousFetch/gloriousFetchOptionsInterface.d.ts

@@ -0,0 +1,15 @@
+export interface gloriousFetchOptions {
+  validationRequest?: any
+  gKey?: String
+  params?: Object
+  server?: Boolean
+  is$?: Boolean
+  lazy?: Boolean
+  headers?: Object
+  body?: Object
+  keepResponse?: Boolean
+  bodyType?: 'formData' | 'formDataCustom' | 'normal'
+  method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD'
+  credentials?: 'same-origin' | 'include'
+  watch?: Array<Object>
+}

package/dist/runtime/composables/useGloriousCore.d.ts

@@ -1,6 +1,5 @@
 declare const _default: () => {
     debounce: (callback: () => void, delay: number) => void;
     numbersWithSeparateSamePrice: (value: String) => string;
-    compressImage: (file: any, MAX_WIDTH?: number, MAX_HEIGHT?: number, QUALITY?: number) => Promise<Blob>;
 };
 export default _default;

package/dist/runtime/composables/useGloriousCore.mjs

@@ -1,5 +1,4 @@
 import { GloriousStore } from "../stores/GloriousStore.mjs";
-import compressImage from "../../core/compressImage";
 const numbersWithSeparateSamePrice = (value) => {
   if (typeof value === "undefined") return "";
   let nStr = value.match(/\d+/g)?.join("") + "";
@@ -24,7 +23,6 @@ const debounce = (callback, delay) => {
 export default () => {
   return {
     debounce,
-    numbersWithSeparateSamePrice,
-    compressImage
+    numbersWithSeparateSamePrice
   };
 };

package/dist/runtime/composables/useGloriousFetch.d.ts

@@ -1,16 +1,2 @@
-interface gloriousFetchOptions {
-    gKey?: String;
-    params?: Object;
-    server?: Boolean;
-    is$?: Boolean;
-    lazy?: Boolean;
-    headers?: Object;
-    body?: Object;
-    keepResponse?: Boolean;
-    bodyType?: 'formData' | 'formDataCustom' | 'normal';
-    method?: 'POST' | 'GET' | 'PATCH' | 'PUT' | 'DELETE' | 'HEAD';
-    credentials?: 'same-origin' | 'include';
-    watch?: Array<Object>;
-}
+import type { gloriousFetchOptions } from './helper/useGloriousFetch/gloriousFetchOptionsInterface';
 export default function (url: string, options?: gloriousFetchOptions): Promise<unknown>;
-export {};

package/dist/runtime/composables/useGloriousFetch.mjs

@@ -1,28 +1,22 @@
-import { useCookie, useFetch, useRuntimeConfig } from "nuxt/app";
+import { useFetch, useRuntimeConfig } from "nuxt/app";
 import { GloriousStore } from "../stores/GloriousStore.mjs";
+import defaultOptions from "./helper/useGloriousFetch/gloriousFetchDefaultOptions.mjs";
+import computeGKey from "./helper/useGloriousFetch/functionComputeGKey.mjs";
+import computeParams from "./helper/useGloriousFetch/functionComputeParams.mjs";
+import computeHeaderFetch from "./helper/useGloriousFetch/functionComputeHeaderFetch.mjs";
+import computeFormData from "./helper/useGloriousFetch/functionComputeFormData.mjs";
+import computeAuth from "./helper/useGloriousFetch/functionComputeAuth.mjs";
+import computeValidation from "./helper/useGloriousFetch/functionComputeValidation.mjs";
 import defu from "defu";
-const defaultOptions = {
-  server: false,
-  method: "GET",
-  lazy: true,
-  is$: true,
-  keepResponse: false,
-  params: {},
-  headers: {
-    Accept: "application/json"
-  },
-  bodyType: "normal",
-  credentials: "same-origin"
-};
 export default async function(url, options = defaultOptions) {
   const moduleConfig = useRuntimeConfig();
-  options = defu(moduleConfig.public.glorious.fetch, options, defaultOptions);
   const gs = GloriousStore();
   const gKey = computeGKey(options.gKey, url);
+  options = defu(moduleConfig.public.glorious.fetch, options, defaultOptions);
   options.params = computeParams(options.params);
   options.headers = {
     ...options.headers,
-    ...computeAuth(),
+    ...computeAuth(moduleConfig),
     ...await computeHeaderFetch({ ...options, url })
   };
   if (options.bodyType === "formData") options.body = computeFormData(options);
@@ -61,6 +55,7 @@ export default async function(url, options = defaultOptions) {
   };
   if (opt.keepResponse && !gs.keepResponse.includes(gKey))
     gs.keepResponse.push(gKey);
+  computeValidation(options.validationRequest, gKey, options.body);
   if (opt.method === "GET" && typeof opt.body !== "undefined") {
     opt.method = "POST";
     return $fetch(url, opt);
@@ -68,44 +63,3 @@ export default async function(url, options = defaultOptions) {
     return useFetch(url, opt);
   else return $fetch(url, opt);
 }
-function computeParams(params) {
-  const computeParams2 = {};
-  Object.entries(params).map((item) => {
-    if (item[1] !== null && item[1] !== "") computeParams2[item[0]] = item[1];
-  });
-  return computeParams2;
-}
-function computeGKey(gKey, url) {
-  return typeof gKey !== "undefined" ? gKey : url.split("/")[url.split("/").length - 1];
-}
-function computeAuth() {
-  const moduleConfig = useRuntimeConfig();
-  const header = {};
-  const token = useCookie(moduleConfig.public.glorious.auth.cookie.name);
-  if (typeof token.value !== "undefined")
-    header.Authorization = "Bearer " + token.value;
-  return header;
-}
-function computeFormData(options) {
-  const form = new FormData();
-  Object.entries(options.body).forEach((item) => {
-    if (item[1] === null) return;
-    if (typeof item[1] === "object" && typeof item[1].lastModifiedDate === "undefined" && typeof item[1].type === "undefined" && typeof item[1].size === "undefined")
-      Object.entries(item[1]).forEach((nestedItem, index) => {
-        form.append(`${item[0]}[${index}]`, nestedItem[1]);
-      });
-    else {
-      form.append(`${item[0]}`, item[1]);
-    }
-  });
-  return form;
-}
-async function computeHeaderFetch(options) {
-  const fetch = import.meta.glob("/glorious/fetch.ts");
-  let data = {};
-  if (typeof fetch["/glorious/fetch.ts"] !== "undefined") {
-    data = await fetch["/glorious/fetch.ts"]();
-    data = data.fetchHandler.headers(options);
-  }
-  return data;
-}

package/dist/runtime/composables/useGloriousHead.mjs

@@ -1,4 +1,4 @@
-import { useSeoMeta } from "@unhead/vue";
+import { useSeoMeta } from "#imports";
 import { useRuntimeConfig } from "nuxt/app";
 const head = {
   title: ``,

package/dist/runtime/middlewares/AuthStrategy.mjs

@@ -1,11 +1,3 @@
-import { defineNuxtRouteMiddleware, useCookie, useNuxtApp } from "#imports";
-import { GloriousStore } from "../stores/GloriousStore.mjs";
+import { defineNuxtRouteMiddleware } from "#imports";
 export default defineNuxtRouteMiddleware(() => {
-  const nuxtApp = useNuxtApp();
-  const moduleConfig = nuxtApp.$config.public.glorious;
-  const gs = GloriousStore();
-  if (moduleConfig.auth.strategy.provider === "") return;
-  const cookieToken = useCookie(moduleConfig.auth.cookie.name);
-  if (typeof cookieToken.value === "undefined") return;
-  nuxtApp.hook("app:beforeMount", () => gs.authGetUser(cookieToken.value));
 });

package/dist/runtime/plugins/InputComponent.mjs

@@ -17,10 +17,8 @@ export default defineNuxtPlugin((nuxtApp) => {
         if (typeof event.target.nextElementSibling?.offsetHeight !== "undefined") {
           if (window.innerHeight < getElementPosition(event.target) + event.target.offsetHeight + event.target.nextElementSibling.offsetHeight) {
             event.target.nextElementSibling.style.width = `${event.target.offsetWidth}px`;
-            event.target.nextElementSibling.style.top = `${getElementPosition(event.target) - event.target.nextElementSibling.offsetHeight}px`;
           } else {
             event.target.nextElementSibling.style.width = `${event.target.offsetWidth}px`;
-            event.target.nextElementSibling.style.top = `${getElementPosition(event.target) + event.target.offsetHeight}px`;
           }
         }
       }

package/dist/runtime/style/components/drawer.css

@@ -1,6 +1,3 @@
-.glorious-drawer {
-  @apply fixed top-0 bg-white h-full w-[300px] z-[50];
-}
 .glorious-drawer.close.right {
   animation: drawer-close-right 250ms normal forwards;
 }
@@ -17,35 +14,7 @@
   animation: drawer-open-left 100ms normal forwards;
 }
 
-@keyframes drawer-open-right {
-  from {
-    @apply right-[-300px];
-  }
-  to {
-    @apply right-0;
-  }
-}
-@keyframes drawer-close-right {
-  from {
-    @apply right-0;
-  }
-  to {
-    @apply right-[-300px] hidden;
-  }
-}
-@keyframes drawer-open-left {
-  from {
-    @apply left-[-300px];
-  }
-  to {
-    @apply left-0;
-  }
-}
-@keyframes drawer-close-left {
-  from {
-    @apply left-0;
-  }
-  to {
-    @apply left-[-300px] hidden;
-  }
-}
+@keyframes drawer-open-right {}
+@keyframes drawer-close-right {}
+@keyframes drawer-open-left {}
+@keyframes drawer-close-left {}

package/dist/runtime/style/components/dropdown.css

@@ -1,18 +1,20 @@
 .glorious-dropdown {
+  /*
   @apply relative;
-}
-.glorious-dropdown > div:last-child {
-  @apply hidden;
-}
-.glorious-dropdown > div:first-child {
-  @apply relative;
-}
-.glorious-dropdown > div:first-child > button {
-  @apply z-[30] w-5 relative;
-}
-.glorious-dropdown > div:first-child > div:nth-child(2) {
-  @apply absolute top-0 bottom-0 my-auto z-[20];
-}
-.glorious-dropdown.open > div:last-child {
-  @apply bg-white px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
+  > div:last-child {
+    @apply hidden;
+  }
+  > div:first-child {
+    @apply relative;
+    > button {
+      @apply z-[30] w-5 relative;
+    }
+    > div:nth-child(2) {
+      @apply absolute top-0 bottom-0 my-auto z-[20];
+    }
+  }
+
+  &.open > div:last-child {
+    @apply bg-white px-2 py-2 rounded-md shadow absolute z-[41] left-[16px] top-5 flex;
+  }*/
 }

package/dist/{runtime/style/components → scss}/alert.scss

@@ -1,7 +1,7 @@
-@use '../mixin.scss' as mixin;
-
-.glorious-alert {
-  @apply p-3 rounded shadow;
-  @include mixin.load-bg();
-  @include mixin.load-border();
-}
+@use 'mixin.scss' as mixin;
+
+.glorious-alert {
+  @apply p-3 rounded-md shadow-md;
+  @include mixin.load-bg();
+  @include mixin.load-border();
+}

package/dist/scss/avatar.scss

@@ -0,0 +1,13 @@
+@use 'variable.scss' as var;
+
+.glorious-avatar {
+    @apply overflow-hidden;
+    @each $key, $value in var.$sizes {
+        &.#{'size-' + $key} {
+            @apply #{"w-[" + ($value + 4 ) + "px] h-[" + ($value + 4 ) + "px]"};
+            > img {
+                @apply #{"w-[" + ($value + 4 ) + "px] h-[" + ($value + 4 ) + "px]"};
+            }
+        }
+    }
+}

package/dist/scss/breadcrumb.scss

@@ -0,0 +1,6 @@
+.glorious-breadcrumb {
+    @apply text-sm text-gray-500;
+    .end-text {
+        @apply font-bold text-base text-black;
+    }
+}

package/dist/{runtime/style/components → scss}/button.scss

@@ -1,30 +1,30 @@
-@use '../variable.scss' as var;
-@use '../mixin.scss' as mixin;
-
-button:focus-visible {
-  @apply outline-none;
-}
-
-.glorious-button {
-  @apply rounded-md text-white px-3 relative;
-  @include mixin.loading-size(6);
-  @include mixin.load-size();
-}
-@each $color in var.$colors {
-  .#{'button-color-' + $color} {
-    @apply #{"bg-" + ($color) + "-600 border-" + $color + "-700 hover:bg-" + $color + "-700"};
-
-    &.outline {
-      @apply bg-transparent border outline-none;
-      @apply #{"text-" + $color + "-500 hover:bg-" + $color + "-100"};
-      @include mixin.loading-color($color);
-    }
-
-    &:disabled {
-      @apply cursor-not-allowed;
-      &:not(:disabled) {
-        @apply #{"bg-" + ($color) + "-300"};
-      }
-    }
-  }
-}
+@use 'variable.scss' as var;
+@use 'mixin.scss' as mixin;
+
+button:focus-visible {
+  @apply outline-none;
+}
+
+.glorious-button {
+  @apply rounded-md text-white px-3 relative;
+  @include mixin.loading-size(6);
+  @include mixin.load-size();
+}
+@each $color in var.$colors {
+  .#{'button-color-' + $color} {
+    @apply #{"bg-" + ($color) + "-600 border-" + $color + "-700 hover:bg-" + $color + "-700"};
+
+    &.outline {
+      @apply bg-transparent border outline-none;
+      @apply #{"text-" + $color + "-500 hover:bg-" + $color + "-100"};
+      @include mixin.loading-color($color);
+    }
+
+    &:disabled {
+      @apply cursor-not-allowed;
+      &:not(:disabled) {
+        @apply #{"bg-" + ($color) + "-300"};
+      }
+    }
+  }
+}

package/dist/{runtime/style/components → scss}/checkbox.scss

@@ -1,4 +1,4 @@
-@use '../variable.scss' as var;
+@use 'variable.scss' as var;
 $svg-check-icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNIDI4LjI4MTI1IDYuMjgxMjUgTCAxMSAyMy41NjI1IEwgMy43MTg3NSAxNi4yODEyNSBMIDIuMjgxMjUgMTcuNzE4NzUgTCAxMC4yODEyNSAyNS43MTg3NSBMIDExIDI2LjQwNjI1IEwgMTEuNzE4NzUgMjUuNzE4NzUgTCAyOS43MTg3NSA3LjcxODc1IFoiLz48L3N2Zz4K';
 .glorious-checkbox {
   @apply block relative cursor-pointer;