@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.d.ts

@@ -0,0 +1,90 @@
+export interface DatePickerListSelectorProps {
+    elements: Array<ISelection>;
+    currentPageValue: string;
+    currentPageIndex: number;
+    sizeLimit: number;
+    numColumns: 2 | 3 | 4;
+}
+interface ISelection {
+    name: string;
+    value: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    elements: {
+        required: true;
+        type: () => DatePickerListSelectorProps["elements"];
+        default: () => never[];
+        validator: (value: Array<ISelection>) => boolean;
+    };
+    currentPageValue: {
+        required: false;
+        type: () => DatePickerListSelectorProps["currentPageValue"];
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    currentPageIndex: {
+        required: false;
+        type: () => DatePickerListSelectorProps["currentPageIndex"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    numColumns: {
+        required: false;
+        type: () => DatePickerListSelectorProps["sizeLimit"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    sizeLimit: {
+        required: false;
+        type: () => DatePickerListSelectorProps["sizeLimit"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+}, {
+    changingIndex: import('vue').Ref<boolean>;
+    currentPage: import('vue').ComputedRef<ISelection[]>;
+    displayElements: import('vue').ComputedRef<ISelection[][]>;
+    delayedEmit: (elValue: string) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("updateCurrentPageIndex" | "elementSelected" | "updateCurrentSelector")[], "updateCurrentPageIndex" | "elementSelected" | "updateCurrentSelector", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    elements: {
+        required: true;
+        type: () => DatePickerListSelectorProps["elements"];
+        default: () => never[];
+        validator: (value: Array<ISelection>) => boolean;
+    };
+    currentPageValue: {
+        required: false;
+        type: () => DatePickerListSelectorProps["currentPageValue"];
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    currentPageIndex: {
+        required: false;
+        type: () => DatePickerListSelectorProps["currentPageIndex"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    numColumns: {
+        required: false;
+        type: () => DatePickerListSelectorProps["sizeLimit"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    sizeLimit: {
+        required: false;
+        type: () => DatePickerListSelectorProps["sizeLimit"];
+        default: number;
+        validator: (value: number) => boolean;
+    };
+}>> & {
+    onUpdateCurrentPageIndex?: ((...args: any[]) => any) | undefined;
+    onElementSelected?: ((...args: any[]) => any) | undefined;
+    onUpdateCurrentSelector?: ((...args: any[]) => any) | undefined;
+}, {
+    elements: ISelection[];
+    currentPageValue: string;
+    currentPageIndex: number;
+    sizeLimit: number;
+    numColumns: number;
+}, {}>;
+export default _default;

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.scss.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.vue.js

@@ -0,0 +1,20 @@
+import a from "./DatePickerListSelector.vue2.js";
+import { openBlock as r, createElementBlock as n, Fragment as o, renderList as s, normalizeClass as i, normalizeStyle as l, toDisplayString as c } from "vue";
+import "./DatePickerListSelector.scss.js";
+import d from "../../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "AT-DATEPICKER_SELECTOR_container" }, u = ["disabled", "onClick"];
+function p(t, _, f, k, v, C) {
+  return r(), n("div", m, [
+    (r(!0), n(o, null, s(t.currentPage, (e) => (r(), n("button", {
+      key: e.value,
+      class: i({ current: e.value === t.currentPageValue }),
+      disabled: !e.name,
+      style: l({ width: `${100 / t.numColumns}%` }),
+      onClick: (E) => t.delayedEmit(e.value)
+    }, c(e.name), 15, u))), 128))
+  ]);
+}
+const P = /* @__PURE__ */ d(a, [["render", p], ["__scopeId", "data-v-af2a42f3"]]);
+export {
+  P as default
+};

package/dist/DatePicker/DatePickerListSelector/DatePickerListSelector.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent as y, ref as v, computed as o, onMounted as h, watch as c } from "vue";
+const I = y({
+  name: "AtDatePickerListSelector",
+  props: {
+    elements: {
+      required: !0,
+      type: Array,
+      default: () => [],
+      validator: (e) => Object.prototype.toString.call(e) === "[object Array]"
+    },
+    currentPageValue: {
+      required: !1,
+      type: String,
+      default: void 0,
+      validator: (e) => typeof e == "string"
+    },
+    currentPageIndex: {
+      required: !1,
+      type: Number,
+      default: -1,
+      validator: (e) => typeof e == "number"
+    },
+    numColumns: {
+      required: !1,
+      type: Number,
+      default: 4,
+      validator: (e) => typeof e == "number"
+    },
+    sizeLimit: {
+      required: !1,
+      type: Number,
+      default: 12,
+      validator: (e) => typeof e == "number"
+    }
+  },
+  emits: ["updateCurrentPageIndex", "elementSelected", "updateCurrentSelector"],
+  setup(e, { emit: l }) {
+    const s = v(!1), f = (n, r) => {
+      const a = [];
+      for (let t = 0; t < n.length; t += r)
+        a.push(n.slice(t, t + r));
+      if (a.length > 0) {
+        const t = a.pop();
+        if (t !== void 0 && t.length < e.sizeLimit) {
+          const i = Array.from({
+            length: e.sizeLimit - t.length
+          }).map((P, p) => ({
+            name: "",
+            value: String(p)
+          }));
+          a.push(t.concat(i));
+        } else
+          t !== void 0 && a.push(t);
+      }
+      return a;
+    }, m = () => {
+      if (e.currentPageValue !== void 0) {
+        const n = e.currentPageValue, r = u.value.find(
+          (t) => t.map((i) => i.value).includes(n)
+        ), a = u.value.indexOf(r);
+        l("updateCurrentPageIndex", a);
+      }
+    }, g = (n) => {
+      setTimeout(() => {
+        l("elementSelected", n);
+      }, 100);
+    }, u = o(
+      () => f(e.elements, e.sizeLimit)
+    ), d = o(() => e.currentPageIndex >= 0 ? u.value[e.currentPageIndex] : u.value[0]);
+    return h(() => m()), c(
+      () => e.currentPageIndex,
+      (n) => {
+        n < 0 ? l("updateCurrentPageIndex", 0) : n >= u.value.length && l("updateCurrentPageIndex", u.value.length - 1);
+      },
+      { flush: "sync" }
+    ), c(
+      d,
+      (n) => {
+        if (n !== void 0) {
+          const r = n.filter((t) => t.name), a = r.length > 0 ? `${r[0].name} - ${r[r.length - 1].name}` : r[0].name;
+          l("updateCurrentSelector", a);
+        }
+      },
+      { deep: !0, immediate: !0 }
+    ), { changingIndex: s, currentPage: d, displayElements: u, delayedEmit: g };
+  }
+});
+export {
+  I as default
+};

package/dist/DatePicker/DatePickerTime/DatePickerTime.d.ts

@@ -0,0 +1,65 @@
+import { PropType } from 'vue';
+
+interface DatePickerTimeProps {
+    date: Date | null;
+    setFocusElement: "default" | "hours" | "minutes" | "none";
+    disabled: boolean;
+    period12Hour: boolean;
+}
+declare const _default: import('vue').DefineComponent<{
+    date: {
+        required: false;
+        type: PropType<Date | null>;
+        default: Date;
+    };
+    setFocusElement: {
+        required: false;
+        type: () => DatePickerTimeProps["setFocusElement"];
+        default: string;
+    };
+    disabled: {
+        required: false;
+        type: () => DatePickerTimeProps["disabled"];
+        default: boolean;
+    };
+    period12Hour: {
+        required: false;
+        type: () => DatePickerTimeProps["period12Hour"];
+        default: boolean;
+    };
+}, {
+    displayHours: import('vue').ComputedRef<string>;
+    displayMinutes: import('vue').ComputedRef<string>;
+    period: import('vue').ComputedRef<"AM" | "PM">;
+    updateHours: (value: number) => void;
+    updateMinutes: (value: number) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:date"[], "update:date", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    date: {
+        required: false;
+        type: PropType<Date | null>;
+        default: Date;
+    };
+    setFocusElement: {
+        required: false;
+        type: () => DatePickerTimeProps["setFocusElement"];
+        default: string;
+    };
+    disabled: {
+        required: false;
+        type: () => DatePickerTimeProps["disabled"];
+        default: boolean;
+    };
+    period12Hour: {
+        required: false;
+        type: () => DatePickerTimeProps["period12Hour"];
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:date"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    date: Date | null;
+    setFocusElement: "default" | "none" | "hours" | "minutes";
+    period12Hour: boolean;
+}, {}>;
+export default _default;

package/dist/DatePicker/DatePickerTime/DatePickerTime.scss.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/DatePicker/DatePickerTime/DatePickerTime.vue.js

@@ -0,0 +1,73 @@
+import r from "./DatePickerTime.vue2.js";
+import { resolveComponent as t, openBlock as a, createElementBlock as p, normalizeClass as m, createElementVNode as n, createVNode as d, toDisplayString as b, createCommentVNode as E, pushScopeId as I, popScopeId as A } from "vue";
+import "./DatePickerTime.scss.js";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const c = (e) => (I("data-v-a6ec7622"), e = e(), A(), e), v = ["disabled"], T = ["disabled"], k = /* @__PURE__ */ c(() => /* @__PURE__ */ n("div", { class: "AT-DATEPICKER-TIME_container_separator" }, [
+  /* @__PURE__ */ n("span", null, ":")
+], -1)), V = ["disabled"], $ = ["disabled"], f = {
+  key: 0,
+  class: "AT-DATEPICKER-TIME_container_period"
+}, y = ["disabled"];
+function D(e, o, H, M, S, g) {
+  const l = t("AtAngleUpSolidIcon"), i = t("AtCoreInput"), u = t("AtAngleDownSolidIcon");
+  return a(), p("div", {
+    class: m(["AT-DATEPICKER-TIME_container", { period12Hour: e.period12Hour }])
+  }, [
+    n("div", null, [
+      n("button", {
+        class: "AT-DATEPICKER-TIME_button",
+        disabled: !e.date || ["minutes", "none"].includes(e.setFocusElement),
+        onClick: o[0] || (o[0] = (s) => e.updateHours(1))
+      }, [
+        d(l, { size: "24" })
+      ], 8, v),
+      d(i, {
+        modelValue: e.displayHours,
+        "onUpdate:modelValue": o[1] || (o[1] = (s) => e.displayHours = s),
+        class: "input",
+        label: "",
+        disabled: !e.date || ["minutes", "none"].includes(e.setFocusElement),
+        style: { paddingInline: "0px" }
+      }, null, 8, ["modelValue", "disabled"]),
+      n("button", {
+        disabled: !e.date || ["minutes", "none"].includes(e.setFocusElement),
+        onClick: o[2] || (o[2] = (s) => e.updateHours(-1))
+      }, [
+        d(u, { size: "24" })
+      ], 8, T)
+    ]),
+    k,
+    n("div", null, [
+      n("button", {
+        disabled: !e.date || ["hours", "none"].includes(e.setFocusElement),
+        onClick: o[3] || (o[3] = (s) => e.updateMinutes(1))
+      }, [
+        d(l, { size: "24" })
+      ], 8, V),
+      d(i, {
+        modelValue: e.displayMinutes,
+        "onUpdate:modelValue": o[4] || (o[4] = (s) => e.displayMinutes = s),
+        class: "input",
+        label: "",
+        disabled: !e.date || ["hours", "none"].includes(e.setFocusElement),
+        style: { paddingInline: "0px" }
+      }, null, 8, ["modelValue", "disabled"]),
+      n("button", {
+        disabled: !e.date || ["hours", "none"].includes(e.setFocusElement),
+        onClick: o[5] || (o[5] = (s) => e.updateMinutes(-1))
+      }, [
+        d(u, { size: "24" })
+      ], 8, $)
+    ]),
+    e.period12Hour ? (a(), p("div", f, [
+      n("button", {
+        disabled: e.date === null || ["minutes", "none"].includes(e.setFocusElement),
+        onClick: o[6] || (o[6] = (s) => e.updateHours(-12))
+      }, b(e.period), 9, y)
+    ])) : E("", !0)
+  ], 2);
+}
+const R = /* @__PURE__ */ C(r, [["render", D], ["__scopeId", "data-v-a6ec7622"]]);
+export {
+  R as default
+};

package/dist/DatePicker/DatePickerTime/DatePickerTime.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as m, computed as d } from "vue";
+import { AtAngleDownSolidIcon as g } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtAngleDownSolidIcon/index.js";
+import { AtAngleUpSolidIcon as p } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtAngleUpSolidIcon/index.js";
+import A from "../../Input/Input.core.vue.js";
+const q = m({
+  name: "AtDatePickerTime",
+  components: {
+    AtCoreInput: A,
+    AtAngleUpSolidIcon: p,
+    AtAngleDownSolidIcon: g
+  },
+  props: {
+    date: {
+      required: !1,
+      type: [Object, null],
+      default: /* @__PURE__ */ new Date()
+    },
+    setFocusElement: {
+      required: !1,
+      type: String,
+      default: "default"
+    },
+    disabled: {
+      required: !1,
+      type: Boolean,
+      default: !1
+    },
+    period12Hour: {
+      required: !1,
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:date"],
+  setup(t, r) {
+    const s = d(() => {
+      var e;
+      return t.date && ((e = t.date) == null ? void 0 : e.getHours()) > 11 ? "PM" : "AM";
+    }), l = d(() => {
+      if (t.date) {
+        let e = t.date.getHours();
+        return t.period12Hour && e > 12 && (e -= 12), t.period12Hour && e === 0 && (e = 12), e.toString().padStart(2, "0");
+      }
+      return t.period12Hour ? "12" : "00";
+    }), f = d(
+      () => {
+        var e, a;
+        return ((a = (e = t.date) == null ? void 0 : e.getMinutes()) == null ? void 0 : a.toString().padStart(2, "0")) || "00";
+      }
+    ), i = (e, a, c, n) => {
+      if (e) {
+        const u = new Date(e);
+        let o = (a === "hours" ? u.getHours() : u.getMinutes()) + c;
+        o >= n ? o = n - o : o < 0 && (o = n + o), a === "hours" ? u.setHours(o) : u.setMinutes(o), r.emit("update:date", u);
+      }
+    };
+    return {
+      displayHours: l,
+      displayMinutes: f,
+      period: s,
+      updateHours: (e) => {
+        t.date && i(t.date, "hours", e, 24);
+      },
+      updateMinutes: (e) => {
+        t.date && i(t.date, "minutes", e, 60);
+      }
+    };
+  }
+});
+export {
+  q as default
+};

package/dist/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export type { DatePickerProps } from './DatePicker.helper';
+export { default as AtDatePicker } from './DatePicker';