vueless 0.0.483 → 0.0.485

package/ui.form-date-picker/storybook/Docs.mdx

@@ -1,53 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source, Markdown } from "@storybook/blocks";
-import { getSource } from "../../utils/storybook.ts";
-
-import * as stories from "./stories.js";
-import defaultConfig from "../config.js?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## Default config
-<Source code={getSource(defaultConfig)} language="jsx" dark />
-
-## Formatting tokens
-Each character in the table below can be used in `dateFormat` / `dateTimeFormat` and `userDateFormat` / `userDateTimeFormat` options
-to achieve the format you need.
-
-<Markdown>
-{`
-| Token | Description                                               | Example                                                       |
-| ----- | --------------------------------------------------------- | ------------------------------------------------------------- |
-| d     | Day of the month, 2 digits with leading zeros             | 01 to 31                                                      |
-| D     | A textual representation of a day                         | Mon through Sun                                               |
-| l     | A full textual representation of the day of the week      | Sunday through Saturday                                       |
-| j     | Day of the month without leading zeros                    | 1 to 31                                                       |
-| J     | Day of the month without leading zeros and ordinal suffix | 1st, 2nd, to 31st                                             |
-| w     | Numeric representation of the day of the week             | 0 (for Sunday) through 6 (for Saturday)                       |
-| W     | Numeric representation of the week                        | 0 (first week of the year) through 52 (last week of the year) |
-| F     | A full textual representation of a month                  | January through December                                      |
-| m     | Numeric representation of a month, with leading zero      | 01 through 12                                                 |
-| n     | Numeric representation of a month, without leading zeros  | 1 through 12                                                  |
-| M     | A short textual representation of a month                 | Jan through Dec                                               |
-| U     | A short textual representation of a month                 | 1413704993                                                    |
-| y     | A two-digit representation of a year                      | 99 or 03                                                      |
-| Y     | A full numeric representation of a year, 4 digits         | 1999 or 2003                                                  |
-| Z     | ISO Date format                                           | 2017-03-04T01:23:43.000Z                                      |
-| H     | Hours (24 hours)                                          | 00 to 23                                                      |
-| h     | Hours                                                     | 1 to 12                                                       |
-| G     | Hours, 2 digits with leading zeros                        | 1 to 12                                                       |
-| i     | Minutes                                                   | 00 to 59                                                      |
-| S     | Seconds, 2 digits                                         | 00 to 59                                                      |
-| s     | Seconds                                                   | 0, 1 to 59                                                    |
-`}
-</Markdown>
-
-## Escaping Formatting Tokens
-You may escape formatting tokens using `\\`.
-
-<Source code={`dateFormat: "Y-m-d\\Z", // Displays: 2017-01-22Z`} language="jsx" dark />

package/ui.form-date-picker/storybook/stories.js

@@ -1,185 +0,0 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
-
-import UDatePicker from "../../ui.form-date-picker/UDatePicker.vue";
-import UIcon from "../../ui.image-icon/UIcon.vue";
-import URow from "../../ui.container-row/URow.vue";
-
-/**
- * The `UDatePicker` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-date-picker)
- */
-export default {
-  id: "3170",
-  title: "Form Inputs & Controls / Date Picker",
-  component: UDatePicker,
-  args: {
-    label: "Label",
-    modelValue: null,
-  },
-  argTypes: {
-    ...getArgTypes(UDatePicker.__name),
-  },
-  parameters: {
-    docs: {
-      story: {
-        height: "480px",
-      },
-    },
-  },
-};
-
-const DefaultTemplate = (args) => ({
-  components: { UDatePicker, UIcon },
-  setup() {
-    const slots = getSlotNames(UDatePicker.__name);
-
-    return { args, slots };
-  },
-  template: `
-    <UDatePicker open-direction-y="bottom" v-bind="args" v-model="args.modelValue">
-      ${args.slotTemplate || getSlotsFragment()}
-    </UDatePicker>
-
-    <div class="mt-4">
-      {{ args.modelValue }}
-    </div>
-  `,
-});
-
-const EnumVariantTemplate = (args, { argTypes }) => ({
-  components: { UDatePicker, URow },
-  setup() {
-    return {
-      args,
-      options: argTypes[args.enum].options,
-    };
-  },
-  template: `
-    <URow>
-      <UDatePicker
-        v-for="(option, index) in options"
-        open-direction-y="bottom"
-        :key="index"
-        v-bind="args"
-        :[args.enum]="option"
-        :label="option"
-      />
-    </URow>
-  `,
-});
-
-const OpenDirectionTemplate = (args) => ({
-  components: { UDatePicker, URow },
-  setup() {
-    return {
-      args,
-    };
-  },
-  template: `
-    <URow class="!flex-col">
-      <UDatePicker
-        class="w-full"
-        open-direction-y="top"
-        open-direction-x="left"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Top Left"
-      />
-      <UDatePicker
-        class="w-full"
-        open-direction-y="top"
-        open-direction-x="right"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Top Right"
-      />
-      <UDatePicker
-        class="w-full"
-        open-direction-y="bottom"
-        open-direction-x="left"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Bottom Left"
-      />
-      <UDatePicker
-        class="w-full"
-        open-direction-y="bottom"
-        open-direction-x="right"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Bottom Right"
-      />
-    </URow>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = { modelValue: new Date() };
-
-export const Sizes = EnumVariantTemplate.bind({});
-Sizes.args = { enum: "size", label: "" };
-
-export const OpenDirection = OpenDirectionTemplate.bind({});
-OpenDirection.args = {};
-
-export const Description = DefaultTemplate.bind({});
-Description.args = { description: "some description" };
-
-export const Disabled = DefaultTemplate.bind({});
-Disabled.args = { disabled: true };
-
-export const Error = DefaultTemplate.bind({});
-Error.args = { error: "some error" };
-
-export const Placeholder = DefaultTemplate.bind({});
-Placeholder.args = { placeholder: "some placeholder" };
-
-export const DateFormat = DefaultTemplate.bind({});
-DateFormat.args = { dateFormat: "d.m.Y", userDateFormat: "d.m.Y", modelValue: "28.06.2024" };
-
-export const Timepicker = DefaultTemplate.bind({});
-Timepicker.args = {
-  timepicker: true,
-  modelValue: new Date(2024, 2, 14, 12, 24, 14),
-  userDateFormat: "j F, Y - H:i:S",
-};
-
-export const MinMax = DefaultTemplate.bind({});
-MinMax.args = {
-  minDate: new Date(2022, 2, 22),
-  maxDate: new Date(2022, 2, 26),
-  modelValue: new Date(2022, 2, 24),
-};
-
-export const LeftIcon = DefaultTemplate.bind({});
-LeftIcon.args = {
-  leftIcon: "star",
-};
-
-export const RightIcon = DefaultTemplate.bind({});
-RightIcon.args = {
-  rightIcon: "star",
-};
-
-export const LeftIconSlot = DefaultTemplate.bind({});
-LeftIconSlot.args = {
-  slotTemplate: `
-    <template #left-icon>
-      <UIcon
-        name="archive"
-        color="red"
-      />
-    </template>
-  `,
-};
-
-export const RightIconSlot = DefaultTemplate.bind({});
-RightIconSlot.args = {
-  slotTemplate: `
-    <template #right-icon>
-      <UIcon
-        name="archive"
-        color="red"
-      />
-    </template>
-  `,
-};

package/ui.form-date-picker-range/storybook/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "../../utils/storybook.ts";
-
-import * as stories from "./stories.js";
-import defaultConfig from "../config.js?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## Default config
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-date-picker-range/storybook/stories.js

@@ -1,216 +0,0 @@
-import { getArgTypes, getSlotNames, getSlotsFragment } from "../../utils/storybook.ts";
-
-import UDatePickerRange from "../UDatePickerRange.vue";
-import URow from "../../ui.container-row/URow.vue";
-import UIcon from "../../ui.image-icon/UIcon.vue";
-import UButton from "../../ui.button/UButton.vue";
-
-import { addDays } from "../../ui.form-calendar/utilDate.js";
-
-/**
- * The `UDatePickerRange` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.form-date-picker-range)
- */
-export default {
-  id: "3180",
-  title: "Form Inputs & Controls / Date Picker Range",
-  component: UDatePickerRange,
-  args: {
-    modelValue: {
-      from: new Date(2022, 1, 14),
-      to: new Date(2022, 2, 20),
-    },
-  },
-  argTypes: {
-    ...getArgTypes(UDatePickerRange.__name),
-  },
-  parameters: {
-    docs: {
-      story: {
-        height: "620px",
-      },
-    },
-  },
-};
-
-const DefaultTemplate = (args) => ({
-  components: { UDatePickerRange, UIcon, UButton },
-  setup() {
-    const slots = getSlotNames(UDatePickerRange.__name);
-
-    return { args, slots };
-  },
-  template: `
-    <UDatePickerRange open-direction-y="bottom" v-bind="args" v-model="args.modelValue">
-      ${args.slotTemplate || getSlotsFragment()}
-    </UDatePickerRange>
-
-    <div class="mt-4">
-      {{ args.modelValue }}
-    </div>
-  `,
-});
-
-const EnumVariantTemplate = (args, { argTypes }) => ({
-  components: { UDatePickerRange, URow },
-  setup() {
-    return {
-      args,
-      options: argTypes[args.enum].options,
-    };
-  },
-  template: `
-    <URow>
-      <UDatePickerRange
-        v-for="(option, index) in options"
-        :key="index"
-        open-direction-y="bottom"
-        v-bind="args"
-        v-model="args.modelValue"
-        :[args.enum]="option"
-      />
-    </URow>
-  `,
-});
-
-const OpenDirectionTemplate = (args) => ({
-  components: { UDatePickerRange, URow },
-  setup() {
-    return { args };
-  },
-  template: `
-    <URow class="!flex-col">
-      <UDatePickerRange
-        class="w-full"
-        open-direction-y="top"
-        open-direction-x="left"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Top Left"
-      />
-      <UDatePickerRange
-        class="w-full"
-        open-direction-y="top"
-        open-direction-x="right"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Top Right"
-      />
-      <UDatePickerRange
-        class="w-full"
-        open-direction-y="bottom"
-        open-direction-x="left"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Bottom Left"
-      />
-      <UDatePickerRange
-        class="w-full"
-        open-direction-y="bottom"
-        open-direction-x="right"
-        v-bind="args"
-        v-model="args.modelValue"
-        label="Bottom Right"
-      />
-    </URow>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {};
-
-export const Variants = EnumVariantTemplate.bind({});
-Variants.args = { enum: "variant" };
-
-export const OpenDirection = OpenDirectionTemplate.bind({});
-OpenDirection.args = {};
-
-export const Disabled = EnumVariantTemplate.bind({});
-Disabled.args = { enum: "variant", disabled: true };
-
-export const Label = DefaultTemplate.bind({});
-Label.args = { variant: "input", label: "some label" };
-
-export const Description = DefaultTemplate.bind({});
-Description.args = { variant: "input", description: "some description" };
-
-export const Error = DefaultTemplate.bind({});
-Error.args = { variant: "input", error: "some error" };
-
-export const MinMax = DefaultTemplate.bind({});
-MinMax.args = {
-  minDate: new Date(2022, 2, 22),
-  maxDate: new Date(2022, 2, 26),
-  modelValue: { from: new Date(2022, 2, 24), to: new Date(2022, 2, 25) },
-};
-
-export const DateFormat = DefaultTemplate.bind({});
-DateFormat.args = {
-  dateFormat: "d.m.Y",
-  userDateFormat: "d.m.Y",
-  modelValue: { from: "28.06.2024", to: "30.06.2024" },
-};
-
-export const CustomRangeButton = DefaultTemplate.bind({});
-CustomRangeButton.args = {
-  customRangeButton: {
-    range: {
-      from: new Date(),
-      to: addDays(new Date(), 2),
-    },
-    label: "Next 2 days",
-    description: "Some description",
-  },
-  modelValue: { from: null, to: null },
-};
-
-export const LeftIcon = DefaultTemplate.bind({});
-LeftIcon.args = { leftIcon: "star", variant: "input" };
-
-export const RightIcon = DefaultTemplate.bind({});
-RightIcon.args = { rightIcon: "star", variant: "input" };
-
-export const LeftIconSlot = DefaultTemplate.bind({});
-LeftIconSlot.args = {
-  variant: "input",
-  slotTemplate: `
-    <template #left-icon>
-      <UIcon
-        name="archive"
-        color="red"
-      />
-    </template>
-  `,
-};
-
-export const RightIconSlot = DefaultTemplate.bind({});
-RightIconSlot.args = {
-  variant: "input",
-  slotTemplate: `
-    <template #right-icon>
-      <UIcon
-        name="archive"
-        color="red"
-      />
-    </template>
-  `,
-};
-
-export const LeftSlot = DefaultTemplate.bind({});
-LeftSlot.args = {
-  variant: "input",
-  slotTemplate: `
-    <template #left>
-      <UButton variant="thirdary" filled square label="Filter" class="rounded-r-none h-full" />
-    </template>
-  `,
-};
-
-export const RightSlot = DefaultTemplate.bind({});
-RightSlot.args = {
-  variant: "input",
-  slotTemplate: `
-    <template #right>
-      <UButton variant="thirdary" filled square label="Filter" class="rounded-l-none" />
-    </template>
-  `,
-};