@agrotools1/at-components1 1.1.0 → 1.1.2-beta.0

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

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

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

@@ -0,0 +1,71 @@
+import { AtAngleDownSolidIcon as m, AtAngleUpSolidIcon as H } from "@agrotools1/at-icons";
+import { defineComponent as g, computed as n } from "vue";
+import p from "../../Input/Input.core.vue.js";
+const q = g({
+  name: "AtDatePickerTime",
+  components: {
+    AtCoreInput: p,
+    AtAngleUpSolidIcon: H,
+    AtAngleDownSolidIcon: m
+  },
+  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 = n(() => {
+      var e;
+      return t.date && ((e = t.date) == null ? void 0 : e.getHours()) > 11 ? "PM" : "AM";
+    }), l = n(() => {
+      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 = n(
+      () => {
+        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, d) => {
+      if (e) {
+        const o = new Date(e);
+        let u = (a === "hours" ? o.getHours() : o.getMinutes()) + c;
+        u >= d ? u = d - u : u < 0 && (u = d + u), a === "hours" ? o.setHours(u) : o.setMinutes(u), r.emit("update:date", o);
+      }
+    };
+    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
+};