@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/tabs/__stories/AntTabs.stories.mjs

@@ -1,173 +0,0 @@
-import AntTabs from "../AntTabs.vue";
-import { ref } from "vue";
-import { faUserCircle } from "@fortawesome/free-regular-svg-icons";
-import { TabItemState } from "../__types/AntTabItem.types.mjs";
-const meta = {
-  title: "Components/Tabs",
-  component: AntTabs,
-  parameters: { controls: { sort: "requiredFirst" } },
-  decorators: [() => ({ template: '<div class="border border-neutral-300 border-dashed"><story /></div>' })],
-  argTypes: {
-    modelValue: {
-      control: "text",
-      table: {
-        type: {
-          summary: "string | undefined"
-        }
-      }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntTabs },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntTabs v-bind="args" v-model="args.modelValue"/>
-    `
-  }),
-  args: {
-    tabItems: [
-      {
-        id: "1",
-        label: "First tab"
-      },
-      {
-        id: "2",
-        label: "Second tab"
-      },
-      {
-        id: "3",
-        label: "Third tab"
-      },
-      {
-        id: "4",
-        label: "Fourth tab"
-      }
-    ]
-  }
-};
-export const FixedHeight = {
-  render: (args) => ({
-    components: { AntTabs },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="h-20">
-        <AntTabs v-bind="args" v-model="args.modelValue"/>
-      </div>
-    `
-  }),
-  args: Docs.args
-};
-export const DifferentStates = {
-  render: Docs.render,
-  args: {
-    tabItems: [
-      {
-        id: "1",
-        label: "First tab"
-      },
-      {
-        id: "2",
-        label: "Second tab"
-      },
-      {
-        id: "3",
-        label: "Third tab",
-        state: TabItemState.warning
-      },
-      {
-        id: "4",
-        label: "Fourth tab",
-        state: TabItemState.danger
-      }
-    ]
-  }
-};
-export const Overview = {
-  render: (args) => ({
-    components: { AntTabs },
-    setup() {
-      const value_1 = ref();
-      const value_2 = ref();
-      const value_3 = ref("2");
-      const tabItems_1 = [
-        {
-          id: "1",
-          label: "My account"
-        }
-      ];
-      const tabItems_2 = [
-        {
-          id: "1",
-          appendIcon: faUserCircle,
-          label: "My account"
-        },
-        {
-          id: "2",
-          prependIcon: faUserCircle,
-          label: "Downloads"
-        }
-      ];
-      const tabItems_3 = [
-        {
-          id: "1",
-          appendIcon: faUserCircle,
-          prependIcon: faUserCircle,
-          label: "My account",
-          to: "/#"
-        },
-        {
-          id: "2",
-          prependIcon: faUserCircle,
-          appendIcon: faUserCircle,
-          label: "Downloads",
-          to: "/#"
-        },
-        {
-          id: "3",
-          appendIcon: faUserCircle,
-          prependIcon: faUserCircle,
-          label: "Messages",
-          to: "/#"
-        }
-      ];
-      return {
-        args,
-        value_1,
-        value_2,
-        value_3,
-        tabItems_1,
-        tabItems_2,
-        tabItems_3
-      };
-    },
-    template: `
-      <div>Default:</div>
-      <div class="flex flex-col gap-3 flex-nowrap">
-        <AntTabs v-model="value_1" :tab-items="tabItems_1"/>
-        <AntTabs v-model="value_2" :tab-items="tabItems_2"/>
-        <AntTabs v-model="value_3" :tab-items="tabItems_3"/>
-      </div>
-
-      <div class="mt-8">Expanded:</div>
-      <div class="flex flex-col gap-3 flex-nowrap">
-        <AntTabs v-model="value_1" :tab-items="tabItems_1" expanded separators/>
-        <AntTabs v-model="value_2" :tab-items="tabItems_2" expanded separators/>
-        <AntTabs v-model="value_3" :tab-items="tabItems_3" expanded separators/>
-      </div>
-
-      <div class="mt-8">Larger container:</div>
-
-      <div class="h-16 bg-primary-500">
-        <AntTabs v-model="value_3" :tab-items="tabItems_3" expanded separators/>
-      </div>
-    `
-  }),
-  args: {}
-};

package/dist/runtime/components/tabs/__types/AntTabItem.types.d.ts

@@ -1,17 +0,0 @@
-import { type IconDefinition } from '@fortawesome/free-solid-svg-icons';
-import { type RouteLocationRaw } from 'vue-router';
-export type TabItem = {
-    id: string;
-    label: string;
-    state?: TabItemState;
-    showIcon?: boolean;
-    icon?: IconDefinition;
-    to?: string | RouteLocationRaw;
-    clickHandler?: () => void;
-    [key: string]: unknown;
-};
-export declare enum TabItemState {
-    base = "base",
-    warning = "warning",
-    danger = "danger"
-}

package/dist/runtime/components/tabs/__types/AntTabItem.types.mjs

@@ -1,6 +0,0 @@
-export var TabItemState = /* @__PURE__ */ ((TabItemState2) => {
-  TabItemState2["base"] = "base";
-  TabItemState2["warning"] = "warning";
-  TabItemState2["danger"] = "danger";
-  return TabItemState2;
-})(TabItemState || {});

package/dist/runtime/components/tabs/__types/index.d.ts

@@ -1 +0,0 @@
-export * from './AntTabItem.types';

package/dist/runtime/components/tabs/__types/index.mjs

@@ -1 +0,0 @@
-export * from "./AntTabItem.types.mjs";

package/dist/runtime/components/transitions/AntTransitionCollapseHeight.vue

@@ -1,92 +0,0 @@
-<script setup lang="ts">
-/**
- * It is not possible to smoothly animate height or max-height with CSS transitions not using a fixed value
- * like 'height: 1rem';
- *
- * This component does it via javascript.
- */
-
-// @ts-nocheck
-// TODO:: fix typescript errors
-/**
- * @param {HTMLElement} element
- */
-function beforeEnter(element) {
-  requestAnimationFrame(() => {
-    if (!element.style.height) {
-      element.style.height = '0px';
-    }
-
-    element.style.display = '';
-    // element.style.display = null;
-  });
-}
-
-/**
- * @param {HTMLElement} element
- */
-function enter(element) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(() => {
-      element.style.height = `${element.scrollHeight}px`;
-    });
-  });
-}
-
-/**
- * @param {HTMLElement} element
- */
-function afterEnter(element) {
-  element.style.height = '';
-  // element.style.height = null;
-}
-
-/**
- * @param {HTMLElement} element
- */
-function beforeLeave(element) {
-  requestAnimationFrame(() => {
-    if (!element.style.height) {
-      element.style.height = `${element.offsetHeight}px`;
-    }
-  });
-}
-
-/**
- * @param {HTMLElement} element
- */
-function leave(element) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(() => {
-      element.style.height = '0px';
-    });
-  });
-}
-
-/**
- * @param {HTMLElement} element
- */
-function afterLeave(element) {
-  element.style.height = '';
-  // element.style.height = null;
-}
-</script>
-
-<template>
-  <transition
-      enter-active-class="enter-active"
-      leave-active-class="leave-active"
-      @before-enter="beforeEnter"
-      @enter="enter"
-      @after-enter="afterEnter"
-      @before-leave="beforeLeave"
-      @leave="leave"
-      @after-leave="afterLeave"
-  >
-    <slot/>
-  </transition>
-</template>
-
-<style scoped>
-.enter-active,.leave-active{overflow:hidden;transition:height .4s ease-in-out}
-</style>

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

@@ -1,20 +0,0 @@
-import { State, InputState } from '../enums/State.enum';
-import { TabItemState as TabItemState } from '../components/tabs/__types/AntTabItem.types';
-import { Direction } from '../enums/Direction.enum';
-import { Grouped } from '../enums/Grouped.enum';
-import { Position, CornerPosition } from '../enums/Position.enum';
-import { Size } from '../enums/Size.enum';
-import { AntTableRowTypes, AntTableAlign, AntTableSortDirection } from '../components/table/__types/TableHeader.types';
-export declare const useUi: () => {
-    Direction: typeof Direction;
-    State: typeof State;
-    InputState: typeof InputState;
-    TabItemState: typeof TabItemState;
-    Grouped: typeof Grouped;
-    Position: typeof Position;
-    CornerPosition: typeof CornerPosition;
-    Size: typeof Size;
-    AntTableRowTypes: typeof AntTableRowTypes;
-    AntTableAlign: typeof AntTableAlign;
-    AntTableSortDirection: typeof AntTableSortDirection;
-};

package/dist/runtime/composables/useUi.mjs

@@ -1,31 +0,0 @@
-import {
-  State,
-  InputState
-} from "../enums/State.enum.mjs";
-import {
-  TabItemState
-} from "../components/tabs/__types/AntTabItem.types.mjs";
-import { Direction } from "../enums/Direction.enum.mjs";
-import { Grouped } from "../enums/Grouped.enum.mjs";
-import { Position, CornerPosition } from "../enums/Position.enum.mjs";
-import { Size } from "../enums/Size.enum.mjs";
-import {
-  AntTableRowTypes,
-  AntTableAlign,
-  AntTableSortDirection
-} from "../components/table/__types/TableHeader.types.mjs";
-export const useUi = () => {
-  return {
-    Direction,
-    State,
-    InputState,
-    TabItemState,
-    Grouped,
-    Position,
-    CornerPosition,
-    Size,
-    AntTableRowTypes,
-    AntTableAlign,
-    AntTableSortDirection
-  };
-};

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

@@ -1 +0,0 @@
-export { useValidator } from '@antify/validate';

package/dist/runtime/composables/useValidator.mjs

@@ -1 +0,0 @@
-export { useValidator } from "@antify/validate";

package/dist/runtime/enums/Direction.enum.d.ts

@@ -1,4 +0,0 @@
-export declare enum Direction {
-    column = "column",
-    row = "row"
-}

package/dist/runtime/enums/Direction.enum.mjs

@@ -1,5 +0,0 @@
-export var Direction = /* @__PURE__ */ ((Direction2) => {
-  Direction2["column"] = "column";
-  Direction2["row"] = "row";
-  return Direction2;
-})(Direction || {});

package/dist/runtime/enums/Grouped.enum.d.ts

@@ -1,6 +0,0 @@
-export declare enum Grouped {
-    none = "none",
-    left = "left",
-    center = "center",
-    right = "right"
-}

package/dist/runtime/enums/Grouped.enum.mjs

@@ -1,7 +0,0 @@
-export var Grouped = /* @__PURE__ */ ((Grouped2) => {
-  Grouped2["none"] = "none";
-  Grouped2["left"] = "left";
-  Grouped2["center"] = "center";
-  Grouped2["right"] = "right";
-  return Grouped2;
-})(Grouped || {});

package/dist/runtime/enums/Position.enum.d.ts

@@ -1,12 +0,0 @@
-export declare enum Position {
-    top = "top",
-    right = "right",
-    bottom = "bottom",
-    left = "left"
-}
-export declare enum CornerPosition {
-    topLeft = "topLeft",
-    topRight = "topRight",
-    bottomRight = "bottomRight",
-    bottomLeft = "bottomLeft"
-}

package/dist/runtime/enums/Position.enum.mjs

@@ -1,14 +0,0 @@
-export var Position = /* @__PURE__ */ ((Position2) => {
-  Position2["top"] = "top";
-  Position2["right"] = "right";
-  Position2["bottom"] = "bottom";
-  Position2["left"] = "left";
-  return Position2;
-})(Position || {});
-export var CornerPosition = /* @__PURE__ */ ((CornerPosition2) => {
-  CornerPosition2["topLeft"] = "topLeft";
-  CornerPosition2["topRight"] = "topRight";
-  CornerPosition2["bottomRight"] = "bottomRight";
-  CornerPosition2["bottomLeft"] = "bottomLeft";
-  return CornerPosition2;
-})(CornerPosition || {});

package/dist/runtime/enums/Size.enum.d.ts

@@ -1,7 +0,0 @@
-export declare enum Size {
-    lg = "lg",
-    md = "md",
-    sm = "sm",
-    xs = "xs",
-    xs2 = "2xs"
-}

package/dist/runtime/enums/Size.enum.mjs

@@ -1,8 +0,0 @@
-export var Size = /* @__PURE__ */ ((Size2) => {
-  Size2["lg"] = "lg";
-  Size2["md"] = "md";
-  Size2["sm"] = "sm";
-  Size2["xs"] = "xs";
-  Size2["xs2"] = "2xs";
-  return Size2;
-})(Size || {});

package/dist/runtime/enums/State.enum.d.ts

@@ -1,16 +0,0 @@
-export declare enum State {
-    base = "base",
-    primary = "primary",
-    secondary = "secondary",
-    danger = "danger",
-    info = "info",
-    success = "success",
-    warning = "warning"
-}
-export declare enum InputState {
-    base = "base",
-    danger = "danger",
-    info = "info",
-    success = "success",
-    warning = "warning"
-}

package/dist/runtime/enums/State.enum.mjs

@@ -1,18 +0,0 @@
-export var State = /* @__PURE__ */ ((State2) => {
-  State2["base"] = "base";
-  State2["primary"] = "primary";
-  State2["secondary"] = "secondary";
-  State2["danger"] = "danger";
-  State2["info"] = "info";
-  State2["success"] = "success";
-  State2["warning"] = "warning";
-  return State2;
-})(State || {});
-export var InputState = /* @__PURE__ */ ((InputState2) => {
-  InputState2["base"] = "base";
-  InputState2["danger"] = "danger";
-  InputState2["info"] = "info";
-  InputState2["success"] = "success";
-  InputState2["warning"] = "warning";
-  return InputState2;
-})(InputState || {});

package/dist/runtime/enums/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Direction.enum';
-export * from './Grouped.enum';
-export * from './Position.enum';
-export * from './Size.enum';
-export * from './State.enum';

package/dist/runtime/enums/index.mjs

@@ -1,5 +0,0 @@
-export * from "./Direction.enum.mjs";
-export * from "./Grouped.enum.mjs";
-export * from "./Position.enum.mjs";
-export * from "./Size.enum.mjs";
-export * from "./State.enum.mjs";

package/dist/runtime/env.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}

package/dist/runtime/handler.d.ts

@@ -1 +0,0 @@
-export declare function handleEnumValidation(value: any, allowedValues: object, propertyName: string): void;

package/dist/runtime/handler.mjs

@@ -1,5 +0,0 @@
-export function handleEnumValidation(value, allowedValues, propertyName) {
-  if (Object.values(allowedValues).indexOf(value) === -1) {
-    throw Error(`${propertyName} ${value} not allowed. Use one of ${Object.values(allowedValues).join(" | ")}`);
-  }
-}

package/dist/runtime/plugins/toaster.d.ts

@@ -1,22 +0,0 @@
-import { type Toast } from '../components/__types/AntToaster.types';
-import { InputState } from '../enums';
-declare const _default: () => {
-    getToasts(): {
-        id?: string | undefined;
-        title: string;
-        content?: string | undefined;
-        type: InputState;
-        hasIcon?: boolean | undefined;
-    }[];
-    toast(toast: Toast): void;
-    removeToast(toast: Toast): void;
-    toastSuccess(message: string): void;
-    toastError(message: string): void;
-    toastWarning(message: string): void;
-    toastInfo(message: string): void;
-    toastDeleted(): void;
-    toastCreated(): void;
-    toastUpdated(): void;
-    toastDuplicated(): void;
-};
-export default _default;

package/dist/runtime/plugins/toaster.mjs

@@ -1,53 +0,0 @@
-import { InputState } from "../enums/index.mjs";
-import { ref } from "vue";
-export default () => {
-  const toasts = ref([]);
-  return {
-    getToasts() {
-      return [...toasts.value].reverse();
-    },
-    toast(toast) {
-      const id = `${Date.now()}`;
-      toasts.value.push({
-        ...toast,
-        id
-      });
-      setTimeout(() => {
-        const index = toasts.value.findIndex((toast2) => toast2.id === id);
-        if (index !== -1) {
-          toasts.value.splice(index, 1);
-        }
-      }, 5e3);
-    },
-    removeToast(toast) {
-      const index = toasts.value.indexOf(toast);
-      if (index !== -1) {
-        toasts.value.splice(index, 1);
-      }
-    },
-    toastSuccess(message) {
-      this.toast({ title: message, type: InputState.success });
-    },
-    toastError(message) {
-      this.toast({ title: message, type: InputState.danger });
-    },
-    toastWarning(message) {
-      this.toast({ title: message, type: InputState.warning });
-    },
-    toastInfo(message) {
-      this.toast({ title: message, type: InputState.info });
-    },
-    toastDeleted() {
-      this.toastSuccess("Deleted");
-    },
-    toastCreated() {
-      this.toastSuccess("Saved");
-    },
-    toastUpdated() {
-      this.toastSuccess("Saved");
-    },
-    toastDuplicated() {
-      this.toastSuccess("Duplicated");
-    }
-  };
-};

package/dist/runtime/shims/vue.d.ts

@@ -1,5 +0,0 @@
-declare module '*.vue' {
-  import { defineComponent } from 'vue';
-  const component: ReturnType<typeof defineComponent>;
-  export default component;
-}

package/dist/runtime/types.d.ts

@@ -1,8 +0,0 @@
-export * from './enums';
-export * from './components/__types';
-export * from './components/buttons/__types';
-export * from './components/inputs/__types';
-export * from './components/inputs/Elements/__types';
-export * from './components/navbar/__types';
-export * from './components/table/__types';
-export * from './components/tabs/__types';

package/dist/runtime/types.mjs

@@ -1,8 +0,0 @@
-export * from "./enums/index.mjs";
-export * from "./components/__types/index.mjs";
-export * from "./components/buttons/__types/index.mjs";
-export * from "./components/inputs/__types/index.mjs";
-export * from "./components/inputs/Elements/__types/index.mjs";
-export * from "./components/navbar/__types/index.mjs";
-export * from "./components/table/__types/index.mjs";
-export * from "./components/tabs/__types/index.mjs";

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

@@ -1,4 +0,0 @@
-export declare const generateId: (length: number) => string;
-export declare const antfocus: {
-    mounted: (el: HTMLElement) => void;
-};

package/dist/runtime/utils/helper.mjs

@@ -1,12 +0,0 @@
-export const generateId = (length) => {
-  let result = "";
-  const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  const charactersLength = characters.length;
-  for (var i = 0; i < length; i++) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-  return result;
-};
-export const antfocus = {
-  mounted: (el) => el.focus()
-};

package/dist/runtime/utils.d.ts

@@ -1,20 +0,0 @@
-import type { Slot } from 'vue';
-/**
- * Convert html class syntax given as undefined, string ("text-base bg-primary-500") or
- * object syntax ({"text-base bg-primary-500": true}) always to object syntax ({"text-base bg-primary-500": true}).
- *
- * @param classes
- */
-export declare function classesToObjectSyntax(classes: string | undefined | Record<string, boolean>): Record<string, boolean>;
-/**
- * Convert the given enum to a string for documentation.
- *
- * @param value
- * @param className
- */
-export declare function enumToPlainText(value: object, className: string): string;
-/**
- * Detect if the given vue template slot exists and has content.
- * To get a slot in your component, call $slots['slotName'] or useSlots()['slotName'].
- */
-export declare function hasSlotContent(slot: Slot<any> | undefined): boolean;