@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/__stories/AntListGroupItem.stories.mjs

@@ -1,62 +0,0 @@
-import AntListGroupItem from "../AntListGroupItem.vue";
-import { faUser, faChevronRight } from "@fortawesome/free-solid-svg-icons";
-import { ListGroupItemState } from "../__types/AntListGroupItem.types.mjs";
-const meta = {
-  title: "Components/List Group Item",
-  component: AntListGroupItem,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    state: {
-      control: { type: "select" },
-      options: Object.values(ListGroupItemState)
-    },
-    iconLeft: {
-      control: { type: "none" },
-      description: "Will be displayed right to the default slot.<br>Use Font-awesome Icons."
-    },
-    iconRight: {
-      control: { type: "none" },
-      description: "Will be displayed right to the default slot.<br>Use Font-awesome Icons."
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntListGroupItem },
-    setup() {
-      return { args };
-    },
-    template: '<div class="p-4 bg-neutral-100"><AntListGroupItem v-bind="args">Item</AntListGroupItem></div>'
-  }),
-  args: {}
-};
-export const Link = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    to: "/example"
-  }
-};
-export const IconLeft = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconLeft: faUser
-  }
-};
-export const IconRight = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconRight: faChevronRight
-  }
-};
-export const IconLeftAndRight = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconLeft: faUser,
-    iconRight: faChevronRight
-  }
-};

package/dist/runtime/components/__stories/AntModal.stories.d.ts

@@ -1,7 +0,0 @@
-import AntModal from '../AntModal.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntModal>;
-export default meta;
-type Story = StoryObj<typeof AntModal>;
-export declare const Docs: Story;
-export declare const Fullscreen: Story;

package/dist/runtime/components/__stories/AntModal.stories.mjs

@@ -1,78 +0,0 @@
-import AntModal from "../AntModal.vue";
-import AntButton from "../buttons/AntButton.vue";
-import { computed } from "vue";
-import AntKeycap from "../AntKeycap.vue";
-const meta = {
-  title: "Components/Modal",
-  component: AntModal,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {}
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntModal, AntButton, AntKeycap },
-    setup() {
-      const open = computed({
-        // @ts-ignore
-        get: () => args.open,
-        // @ts-ignore
-        set: (val) => args.open = val
-      });
-      return { args, open };
-    },
-    template: `
-      <div
-        class="p-4 h-96 flex items-center justify-center relative"
-        :class="{'border-b border-dashed': args.fullscreen}"
-      >
-        <div class="absolute inset-0">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br/>
-          sed diam nonumy eirmod tempor invidunt <br/>
-          ut labore et dolore magna aliquyam erat, <br/>
-          sed diam voluptua. At vero eos et accusam et <br/>
-          justo duo dolores et ea rebum. Stet clita kasd
-        </div>
-        <div class="absolute bottom-0 right-0">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br/>
-          sed diam nonumy eirmod tempor invidunt <br/>
-          ut labore et dolore magna aliquyam erat, <br/>
-          sed diam voluptua. At vero eos et accusam et <br/>
-          justo duo dolores et ea rebum. Stet clita kasd
-        </div>
-        <AntButton @click="() => open = true" state="primary">Open Modal</AntButton>
-
-        <AntModal v-bind="args" v-model:open="open">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br/>
-          sed diam nonumy eirmod tempor invidunt <br/>
-          ut labore et dolore magna aliquyam erat, <br/>
-          sed diam voluptua. At vero eos et accusam et <br/>
-          justo duo dolores et ea rebum. Stet clita kasd
-
-          <template #footer>
-            <div class="flex justify-between items-center">
-              <div>
-                Press
-                <AntKeycap>esc</AntKeycap>
-                to close modal
-              </div>
-
-              <AntButton state="primary">Save</AntButton>
-            </div>
-          </template>
-        </AntModal>
-      </div>
-    `
-  }),
-  args: {
-    title: "Lorem ipsum dolor"
-  }
-};
-export const Fullscreen = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    open: true,
-    fullscreen: true
-  }
-};

package/dist/runtime/components/__stories/AntPagination.stories.d.ts

@@ -1,8 +0,0 @@
-import AntPagination from '../AntPagination.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntPagination>;
-export default meta;
-type Story = StoryObj<typeof AntPagination>;
-export declare const Docs: Story;
-export declare const LightVersion: Story;
-export declare const Skeleton: Story;

package/dist/runtime/components/__stories/AntPagination.stories.mjs

@@ -1,39 +0,0 @@
-import AntPagination from "../AntPagination.vue";
-import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
-const meta = {
-  title: "Components/Pagination",
-  component: AntPagination,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    pageQuery: {
-      description: "Which query parameter should be used, for writing the current page into it."
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntPagination },
-    setup() {
-      return { args, faAngleRight };
-    },
-    template: '<AntPagination v-bind="args"/>'
-  }),
-  args: {
-    pages: 20
-  }
-};
-export const LightVersion = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    lightVersion: true
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};

package/dist/runtime/components/__stories/AntPopover.stories.d.ts

@@ -1,6 +0,0 @@
-import AntPopover from '../AntPopover.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntPopover>;
-export default meta;
-type Story = StoryObj<typeof AntPopover>;
-export declare const Docs: Story;

package/dist/runtime/components/__stories/AntPopover.stories.mjs

@@ -1,47 +0,0 @@
-import AntPopover from "../AntPopover.vue";
-import AntButton from "../buttons/AntButton.vue";
-import { Position } from "../../enums/Position.enum.mjs";
-import { computed } from "vue";
-const meta = {
-  title: "Components/Popover",
-  component: AntPopover,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    position: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntPopover, AntButton },
-    setup() {
-      const dummyText = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.";
-      const showPopover = computed({
-        get() {
-          return args.showPopover;
-        },
-        set(val) {
-          args.showPopover = val;
-        }
-      });
-      return { args, showPopover, dummyText };
-    },
-    template: `
-          <div class="p-64 flex justify-center items-center">
-            <AntPopover popover-classes="w-64" v-bind="args">
-              <template #content>{{ dummyText }}</template>
-              <template #default>
-                <AntButton @click="() => showPopover = !showPopover" filled>Click me</AntButton>
-              </template>
-            </AntPopover>
-          </div>
-        `
-  }),
-  args: {
-    showPopover: true,
-    title: "Title"
-  }
-};

package/dist/runtime/components/__stories/AntSkeleton.stories.d.ts

@@ -1,8 +0,0 @@
-import AntSkeleton from '../AntSkeleton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntSkeleton>;
-export default meta;
-type Story = StoryObj<typeof AntSkeleton>;
-export declare const Docs: Story;
-export declare const Rounded: Story;
-export declare const Grouped: Story;

package/dist/runtime/components/__stories/AntSkeleton.stories.mjs

@@ -1,43 +0,0 @@
-import AntSkeleton from "../AntSkeleton.vue";
-import { Grouped as _Grouped } from "../../enums/Grouped.enum.mjs";
-const meta = {
-  title: "Components/Skeleton",
-  component: AntSkeleton,
-  argTypes: {
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped),
-      description: "Where is this fields position in a group",
-      table: { defaultValue: { summary: _Grouped.none } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntSkeleton },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntSkeleton
-        v-bind="args"
-        class="h-5 w-full"
-      />`
-  }),
-  args: {}
-};
-export const Rounded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    rounded: true
-  }
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};

package/dist/runtime/components/__stories/AntSpinner.stories.d.ts

@@ -1,6 +0,0 @@
-import AntSpinner from '../AntSpinner.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntSpinner>;
-export default meta;
-type Story = StoryObj<typeof AntSpinner>;
-export declare const Docs: Story;

package/dist/runtime/components/__stories/AntSpinner.stories.mjs

@@ -1,34 +0,0 @@
-import AntSpinner from "../AntSpinner.vue";
-import { AntSpinnerSize } from "../__types/AntSpinner.types.mjs";
-import { State } from "../../enums/State.enum.mjs";
-const meta = {
-  title: "Components/Spinner",
-  component: AntSpinner,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(AntSpinnerSize),
-      table: { defaultValue: { summary: AntSpinnerSize.md } }
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(State)
-    },
-    inverted: {
-      control: "boolean",
-      table: { defaultValue: { summary: false } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntSpinner },
-    setup() {
-      return { args };
-    },
-    template: '<div class="p-4"><AntSpinner v-bind="args" /></div>'
-  }),
-  args: {}
-};

package/dist/runtime/components/__stories/AntTag.stories.d.ts

@@ -1,7 +0,0 @@
-import AntTag from '../AntTag.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntTag>;
-export default meta;
-type Story = StoryObj<typeof AntTag>;
-export declare const Docs: Story;
-export declare const IconLeft: Story;

package/dist/runtime/components/__stories/AntTag.stories.mjs

@@ -1,43 +0,0 @@
-import AntTag from "../AntTag.vue";
-import { AntTagSize, TagState } from "../__types/AntTag.types.mjs";
-import { faTag } from "@fortawesome/free-solid-svg-icons";
-const meta = {
-  title: "Components/Tag",
-  component: AntTag,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(AntTagSize)
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(TagState)
-    },
-    iconLeft: {
-      control: { type: "none" },
-      description: "Will be displayed left to the default slot.<br>Use Font-awesome Icons."
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntTag },
-    setup() {
-      function logClick() {
-        console.log("Clicked close icon");
-      }
-      return { args, logClick };
-    },
-    template: '<div class="p-4"><AntTag v-bind="args" @close="logClick">Tag</AntTag></div>'
-  }),
-  args: {}
-};
-export const IconLeft = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconLeft: faTag
-  }
-};

package/dist/runtime/components/__stories/AntToast.stories.d.ts

@@ -1,8 +0,0 @@
-import AntToast from '../AntToast.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntToast>;
-export default meta;
-type Story = StoryObj<typeof AntToast>;
-export declare const Docs: Story;
-export declare const WithContent: Story;
-export declare const WithoutContent: Story;

package/dist/runtime/components/__stories/AntToast.stories.mjs

@@ -1,66 +0,0 @@
-import AntToast from "../AntToast.vue";
-import { InputState } from "../../enums/index.mjs";
-const meta = {
-  title: "Components/Toast",
-  component: AntToast,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntToast },
-    setup() {
-      function logClick() {
-        console.log("Clicked close icon");
-      }
-      function logUndoClick() {
-        console.log("Clicked undo button");
-      }
-      return { args, logClick, logUndoClick };
-    },
-    template: `
-      <div class="p-4">
-        <AntToast v-bind="args" @close="logClick" @undo="logUndoClick">
-          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, <br/>
-          sed diam nonumy eirmod tempor invidunt <br/>
-          ut labore et dolore magna aliquyam erat, <br/>
-          sed diam voluptua. At vero eos et accusam et <br/>
-          justo duo dolores et ea rebum. Stet clita kasd
-        </AntToast>
-      </div>
-    `
-  }),
-  args: {
-    title: "Lorem ipsum dolor",
-    showUndo: true
-  }
-};
-export const WithContent = {
-  render: Docs.render,
-  args: {
-    ...Docs.args
-  }
-};
-export const WithoutContent = {
-  render: (args, ctx) => ({
-    // @ts-ignore
-    components: Docs.render(args, ctx).components,
-    // @ts-ignore
-    setup: Docs.render(args, ctx).setup,
-    template: `
-      <div class="p-4">
-        <AntToast v-bind="args" @close="logClick" @undo="logUndoClick"></AntToast>
-      </div>
-    `
-  }),
-  args: {
-    ...Docs.args,
-    showUndo: false
-  }
-};

package/dist/runtime/components/__stories/AntToaster.stories.d.ts

@@ -1,34 +0,0 @@
-import { InputState } from '../../enums';
-declare const _default: {
-    title: string;
-    parameters: {
-        controls: {
-            sort: string;
-        };
-    };
-    argTypes: {
-        position: {
-            description: string;
-            table: {
-                defaultValue: {
-                    summary: string;
-                };
-                type: {
-                    summary: string;
-                    detail: string;
-                };
-            };
-        };
-    };
-};
-export default _default;
-export declare const Simple: (args: any) => {
-    components: {
-        AntButton: any;
-    };
-    setup(): {
-        args: any;
-        InputState: typeof InputState;
-    };
-    template: string;
-};

package/dist/runtime/components/__stories/AntToaster.stories.mjs

@@ -1,42 +0,0 @@
-import AntButton from "../buttons/AntButton.vue";
-import { CornerPosition, InputState } from "../../enums/index.mjs";
-import { enumToPlainText } from "../../utils.mjs";
-export default {
-  title: "Components/Toaster",
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    position: {
-      description: "Defines where the toasts will appear",
-      table: {
-        defaultValue: {
-          summary: "CornerPosition.bottomRight"
-        },
-        type: {
-          summary: "CornerPosition",
-          detail: enumToPlainText(CornerPosition, "CornerPosition")
-        }
-      }
-    }
-  }
-};
-export const Simple = (args) => ({
-  components: { AntButton },
-  setup() {
-    return { args, InputState };
-  },
-  template: `
-    <div class="flex flex-col m-4 space-y-2">
-      <p>
-        This module use the <code>useNuxtApp</code> and <code>defineNuxtPlugin</code> functions to provide the toaster to the app. <br>
-        Because storybook does not support nuxt enternals, the component is not useable here. <br>
-        To test it, open the nuxt playground.
-      </p>
-
-      <AntButton
-          v-for="state in Object.values(InputState)"
-      >
-        Toast {{ state }}
-      </AntButton>
-    </div>
-  `
-});

package/dist/runtime/components/__stories/AntTooltip.stories.d.ts

@@ -1,16 +0,0 @@
-import AntTooltip from '../AntTooltip.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntTooltip>;
-export default meta;
-type Story = StoryObj<typeof AntTooltip>;
-export declare const Docs: Story;
-/**
- * Make sure, no tooltip get shown if no content is provided.
- */
-export declare const WithoutContent: Story;
-/**
- * Test multiple tooltips in one page to make sure that
- * each tooltips delay does not bug with others.
- */
-export declare const Multiple: Story;
-export declare const Summary: Story;