npm - @nextcloud/vue - Versions diffs - 8.11.2 → 8.11.3 - Mend

@nextcloud/vue 8.11.2 → 8.11.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (775) hide show

package/dist/Components/NcDateTimePickerNative.cjs CHANGED Viewed

@@ -1,8 +1,11 @@
-require('../assets/NcDateTimePickerNative-DnLJu29_.css');
+require('../assets/NcDateTimePickerNative-CV_VuzvQ.css');
 "use strict";
-const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require("../chunks/ScopeComponent-IO407Bzb.cjs"), f = ["date", "datetime-local", "month", "time", "week"], y = {
+const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-DbFIE4_M.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-Cmn9OSZb.cjs");
+const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
+const _sfc_main = {
   name: "NcDateTimePickerNative",
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * The date is – like the `Date` object in JavaScript – tied to UTC.
@@ -19,7 +22,7 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
      */
     id: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * type attribute of the input field
@@ -29,7 +32,7 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
     type: {
       type: String,
       default: "date",
-      validate: (e) => f.includes(e)
+      validate: (name) => inputDateTypes.includes(name)
     },
     /**
      * text inside the label element
@@ -62,7 +65,7 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
      */
     hideLabel: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Class to add to the input field.
@@ -81,10 +84,16 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
       return this.formatValue(this.value);
     },
     formattedMin() {
-      return this.min ? this.formatValue(this.min) : !1;
+      if (this.min) {
+        return this.formatValue(this.min);
+      }
+      return false;
     },
     formattedMax() {
-      return this.max ? this.formatValue(this.max) : !1;
+      if (this.max) {
+        return this.formatValue(this.max);
+      }
+      return false;
     },
     listeners() {
       return {
@@ -95,28 +104,30 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
          * @param {InputEvent} $event input event payload
          * @return {Date|string} new chosen Date() or an empty string
          */
-        input: (e) => {
-          if (isNaN(e.target.valueAsNumber))
+        input: ($event) => {
+          if (isNaN($event.target.valueAsNumber)) {
             return this.$emit("input", null);
+          }
           if (this.type === "time") {
-            const i = e.target.value;
+            const time = $event.target.value;
             if (this.value === "") {
-              const { yyyy: l, MM: o, dd: u } = this.getReadableDate(/* @__PURE__ */ new Date());
-              return this.$emit("input", new Date("".concat(l, "-").concat(o, "-").concat(u, "T").concat(i)));
+              const { yyyy: yyyy2, MM: MM2, dd: dd2 } = this.getReadableDate(/* @__PURE__ */ new Date());
+              return this.$emit("input", new Date("".concat(yyyy2, "-").concat(MM2, "-").concat(dd2, "T").concat(time)));
             }
-            const { yyyy: n, MM: s, dd: r } = this.getReadableDate(this.value);
-            return this.$emit("input", new Date("".concat(n, "-").concat(s, "-").concat(r, "T").concat(i)));
+            const { yyyy, MM, dd } = this.getReadableDate(this.value);
+            return this.$emit("input", new Date("".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(time)));
           } else if (this.type === "month") {
-            const i = (new Date(e.target.value).getMonth() + 1).toString().padStart(2, "0");
+            const MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, "0");
             if (this.value === "") {
-              const { yyyy: o, dd: u, hh: m, mm: p } = this.getReadableDate(/* @__PURE__ */ new Date());
-              return this.$emit("input", new Date("".concat(o, "-").concat(i, "-").concat(u, "T").concat(m, ":").concat(p)));
+              const { yyyy: yyyy2, dd: dd2, hh: hh2, mm: mm2 } = this.getReadableDate(/* @__PURE__ */ new Date());
+              return this.$emit("input", new Date("".concat(yyyy2, "-").concat(MM, "-").concat(dd2, "T").concat(hh2, ":").concat(mm2)));
             }
-            const { yyyy: n, dd: s, hh: r, mm: l } = this.getReadableDate(this.value);
-            return this.$emit("input", new Date("".concat(n, "-").concat(i, "-").concat(s, "T").concat(r, ":").concat(l)));
+            const { yyyy, dd, hh, mm } = this.getReadableDate(this.value);
+            return this.$emit("input", new Date("".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(hh, ":").concat(mm)));
           }
-          const t = new Date(e.target.valueAsNumber).getTimezoneOffset() * 1e3 * 60, a = e.target.valueAsNumber + t;
-          return this.$emit("input", new Date(a));
+          const timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() * 1e3 * 60;
+          const inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds;
+          return this.$emit("input", new Date(inputDateWithTimezone));
         }
       };
     }
@@ -128,10 +139,14 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
      * @param {Date} value The selected value
      * @return {object|undefined}
      */
-    getReadableDate(e) {
-      if (e instanceof Date) {
-        const t = e.getFullYear().toString().padStart(4, "0"), a = (e.getMonth() + 1).toString().padStart(2, "0"), i = e.getDate().toString().padStart(2, "0"), n = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0");
-        return { yyyy: t, MM: a, dd: i, hh: n, mm: s };
+    getReadableDate(value) {
+      if (value instanceof Date) {
+        const yyyy = value.getFullYear().toString().padStart(4, "0");
+        const MM = (value.getMonth() + 1).toString().padStart(2, "0");
+        const dd = value.getDate().toString().padStart(2, "0");
+        const hh = value.getHours().toString().padStart(2, "0");
+        const mm = value.getMinutes().toString().padStart(2, "0");
+        return { yyyy, MM, dd, hh, mm };
       }
     },
     /**
@@ -140,40 +155,45 @@ const c = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require
      * @param {Date} value The selected value
      * @return {string|undefined}
      */
-    formatValue(e) {
-      if (e instanceof Date) {
-        const { yyyy: t, MM: a, dd: i, hh: n, mm: s } = this.getReadableDate(e);
-        if (this.type === "datetime-local")
-          return "".concat(t, "-").concat(a, "-").concat(i, "T").concat(n, ":").concat(s);
-        if (this.type === "date")
-          return "".concat(t, "-").concat(a, "-").concat(i);
-        if (this.type === "month")
-          return "".concat(t, "-").concat(a);
-        if (this.type === "time")
-          return "".concat(n, ":").concat(s);
-        if (this.type === "week") {
-          const r = new Date(t, 0, 1), l = Math.floor((e - r) / (24 * 60 * 60 * 1e3)), o = Math.ceil(l / 7);
-          return "".concat(t, "-W").concat(o);
+    formatValue(value) {
+      if (value instanceof Date) {
+        const { yyyy, MM, dd, hh, mm } = this.getReadableDate(value);
+        if (this.type === "datetime-local") {
+          return "".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(hh, ":").concat(mm);
+        } else if (this.type === "date") {
+          return "".concat(yyyy, "-").concat(MM, "-").concat(dd);
+        } else if (this.type === "month") {
+          return "".concat(yyyy, "-").concat(MM);
+        } else if (this.type === "time") {
+          return "".concat(hh, ":").concat(mm);
+        } else if (this.type === "week") {
+          const startDate = new Date(yyyy, 0, 1);
+          const daysSinceBeginningOfYear = Math.floor((value - startDate) / (24 * 60 * 60 * 1e3));
+          const weekNumber = Math.ceil(daysSinceBeginningOfYear / 7);
+          return "".concat(yyyy, "-W").concat(weekNumber);
         }
-      } else
+      } else {
         return "";
+      }
     }
   }
 };
-var $ = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "native-datetime-picker" }, [a("label", { class: { "hidden-visually": t.hideLabel }, attrs: { for: t.id } }, [t._v(t._s(t.label))]), a("input", t._g(t._b({ staticClass: "native-datetime-picker--input", class: t.inputClass, attrs: { id: t.id, type: t.type, min: t.formattedMin, max: t.formattedMax }, domProps: { value: t.formattedValue } }, "input", t.$attrs, !1), t.listeners))]);
-}, g = [], D = /* @__PURE__ */ c.normalizeComponent(
-  y,
-  $,
-  g,
-  !1,
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "native-datetime-picker" }, [_c("label", { class: { "hidden-visually": _vm.hideLabel }, attrs: { "for": _vm.id } }, [_vm._v(_vm._s(_vm.label))]), _c("input", _vm._g(_vm._b({ staticClass: "native-datetime-picker--input", class: _vm.inputClass, attrs: { "id": _vm.id, "type": _vm.type, "min": _vm.formattedMin, "max": _vm.formattedMax }, domProps: { "value": _vm.formattedValue } }, "input", _vm.$attrs, false), _vm.listeners))]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   "7b246f90",
   null,
   null
 );
-const d = D.exports;
+const NcDateTimePickerNative = __component__.exports;
 /**
  * @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>
  *
@@ -195,5 +215,5 @@ const d = D.exports;
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-h.ScopeComponent(d);
-module.exports = d;
+ScopeComponent.ScopeComponent(NcDateTimePickerNative);
+module.exports = NcDateTimePickerNative;

package/dist/Components/NcDateTimePickerNative.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcDateTimePickerNative.cjs","sources":["../../src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue","../../src/components/NcDateTimePickerNative/index.js"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n -\n - @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n - @author Richard Steinmetz <richard@steinmetz.cloud>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n\n### General description\n\nThis components provides a wrapper around the native browser datetime picker. <br>\nThis is an input with some type of date e.g. https://html.spec.whatwg.org/multipage/input.html#local-date-and-time-state-(type=datetime-local). <br>\nAll available types are: 'date', 'datetime-local', 'month', 'time' and 'week', please check them here: https://html.spec.whatwg.org/multipage/input.html# <br>\n\n### Examples\n\n#### Usage: type='datetime-local'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='datetime-local' with min date and max date\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:min=\"yesterdayDate\"\n\t\t\t:max=\"someDate\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t\tyesterdayDate: new Date(new Date().setDate(new Date().getDate() - 1)),\n\t\t\t\tsomeDate: new Date(new Date().setDate(new Date().getDate() + 7)),\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='week'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"week\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='month'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"month\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n</docs>\n\n<template>\n\t<div class=\"native-datetime-picker\">\n\t\t<label :class=\"{ 'hidden-visually': hideLabel }\" :for=\"id\">{{ label }}</label>\n\t\t<input :id=\"id\"\n\t\t\tclass=\"native-datetime-picker--input\"\n\t\t\t:class=\"inputClass\"\n\t\t\t:type=\"type\"\n\t\t\t:value=\"formattedValue\"\n\t\t\t:min=\"formattedMin\"\n\t\t\t:max=\"formattedMax\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\tv-on=\"listeners\">\n\t</div>\n</template>\n\n<script>\n\nconst inputDateTypes = ['date', 'datetime-local', 'month', 'time', 'week']\n\nexport default {\n\tname: 'NcDateTimePickerNative',\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/*\n\t\t The date is – like the `Date` object in JavaScript – tied to UTC.\n\t\t * The selected time zone does not have an influence of the selected time and date value.\n\t\t * You have to translate the time yourself when you want to factor in time zones.\n\t\t * Pass null to clear the input field.\n\t\t /\n\t\tvalue: {\n\t\t\ttype: Date,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t id attribute of the input field\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/\n\t\t type attribute of the input field\n\t\t * default type: String\n\t\t * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`\n\t\t /\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date',\n\t\t\tvalidate: (name) => inputDateTypes.includes(name),\n\t\t},\n\t\t/\n\t\t text inside the label element\n\t\t * default type: String\n\t\t /\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Please choose a date',\n\t\t},\n\t\t/\n\t\t min attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmin: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t max attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmax: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t Flag to hide the label\n\t\t * default type: String\n\t\t * The hidden input label for accessibility purposes.\n\t\t /\n\t\thideLabel: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/\n\t\t Class to add to the input field.\n\t\t * Necessary to use NcDateTimePickerNative in the NcActionInput component.\n\t\t /\n\t\tinputClass: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t],\n\n\tcomputed: {\n\t\tformattedValue() {\n\t\t\treturn this.formatValue(this.value)\n\t\t},\n\t\tformattedMin() {\n\t\t\tif (this.min) {\n\t\t\t\treturn this.formatValue(this.min)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tformattedMax() {\n\t\t\tif (this.max) {\n\t\t\t\treturn this.formatValue(this.max)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tlisteners() {\n\t\t\treturn {\n\t\t\t\t...this.$listeners,\n\t\t\t\t/\n\t\t\t\t Handle the input event\n\t\t\t\t \n\t\t\t\t @param {InputEvent} $event input event payload\n\t\t\t\t * @return {Date\|string} new chosen Date() or an empty string\n\t\t\t\t /\n\t\t\t\tinput: ($event) => {\n\t\t\t\t\tif (isNaN($event.target.valueAsNumber)) {\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {string} empty string\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', null)\n\t\t\t\t\t}\n\t\t\t\t\tif (this.type === 'time') {\n\t\t\t\t\t\tconst time = $event.target.value\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\t// this case is because of Chrome bug\n\t\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\t\tconst MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t}\n\t\t\t\t\tconst timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() 1000 * 60\n\t\t\t\t\tconst inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds\n\t\t\t\t\t/*\n\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t \n\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t /\n\t\t\t\t\treturn this.$emit('input', new Date(inputDateWithTimezone))\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Returns Object with string values of a Date\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {object\|undefined}\n\t\t /\n\t\tgetReadableDate(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst yyyy = value.getFullYear().toString().padStart(4, '0')\n\t\t\t\tconst MM = (value.getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\tconst dd = value.getDate().toString().padStart(2, '0')\n\t\t\t\tconst hh = value.getHours().toString().padStart(2, '0')\n\t\t\t\tconst mm = value.getMinutes().toString().padStart(2, '0')\n\n\t\t\t\treturn { yyyy, MM, dd, hh, mm }\n\t\t\t}\n\t\t},\n\t\t/\n\t\t Returns preformatted value for the input field\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {string\|undefined}\n\t\t /\n\t\tformatValue(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst { yyyy, MM, dd, hh, mm } = this.getReadableDate(value)\n\t\t\t\tif (this.type === 'datetime-local') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}T${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'date') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}`\n\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\treturn `${yyyy}-${MM}`\n\t\t\t\t} else if (this.type === 'time') {\n\t\t\t\t\treturn `${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'week') {\n\t\t\t\t\tconst startDate = new Date(yyyy, 0, 1)\n\t\t\t\t\tconst daysSinceBeginningOfYear = Math.floor((value - startDate)\n\t\t\t\t\t\t/ (24 60 * 60 * 1000))\n\t\t\t\t\tconst weekNumber = Math.ceil(daysSinceBeginningOfYear / 7)\n\t\t\t\t\treturn `${yyyy}-W${weekNumber}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.native-datetime-picker {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.native-datetime-picker .native-datetime-picker--input {\n\t\twidth: 100%;\n\t\tflex: 0 0 auto;\n\t\tpadding-right: 4px;\n\t}\n\n\t[data-theme-light],\n\t[data-themes=light] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: light;\n\t\t}\n\t}\n\n\t[data-theme-dark],\n\t[data-themes=dark] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: dark;\n\t\t}\n\t}\n\n\t[data-theme-default],\n\t[data-themes=default] {\n\t\t@media (prefers-color-scheme: light) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: light;\n\t\t\t}\n\t\t}\n\t\t@media (prefers-color-scheme: dark) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: dark;\n\t\t\t}\n\t\t}\n\t}\n</style>\n","/\n @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @license AGPL-3.0-or-later\n \n This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n \n You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n \n /\n\nimport NcDateTimePickerNative from './NcDateTimePickerNative.vue'\nimport ScopeComponent from '../../utils/ScopeComponent.js'\n\nScopeComponent(NcDateTimePickerNative)\n\nexport default NcDateTimePickerNative\n"],"names":["inputDateTypes","_sfc_main","name","$event","time","yyyy","MM","dd","hh","mm","timezoneOffsetSeconds","inputDateWithTimezone","value","startDate","daysSinceBeginningOfYear","weekNumber","ScopeComponent","NcDateTimePickerNative"],"mappings":"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"}
1	+ {"version":3,"file":"NcDateTimePickerNative.cjs","sources":["../../src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue","../../src/components/NcDateTimePickerNative/index.js"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n -\n - @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n - @author Richard Steinmetz <richard@steinmetz.cloud>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n\n### General description\n\nThis components provides a wrapper around the native browser datetime picker. <br>\nThis is an input with some type of date e.g. https://html.spec.whatwg.org/multipage/input.html#local-date-and-time-state-(type=datetime-local). <br>\nAll available types are: 'date', 'datetime-local', 'month', 'time' and 'week', please check them here: https://html.spec.whatwg.org/multipage/input.html# <br>\n\n### Examples\n\n#### Usage: type='datetime-local'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='datetime-local' with min date and max date\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:min=\"yesterdayDate\"\n\t\t\t:max=\"someDate\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t\tyesterdayDate: new Date(new Date().setDate(new Date().getDate() - 1)),\n\t\t\t\tsomeDate: new Date(new Date().setDate(new Date().getDate() + 7)),\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='week'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"week\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='month'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"month\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n</docs>\n\n<template>\n\t<div class=\"native-datetime-picker\">\n\t\t<label :class=\"{ 'hidden-visually': hideLabel }\" :for=\"id\">{{ label }}</label>\n\t\t<input :id=\"id\"\n\t\t\tclass=\"native-datetime-picker--input\"\n\t\t\t:class=\"inputClass\"\n\t\t\t:type=\"type\"\n\t\t\t:value=\"formattedValue\"\n\t\t\t:min=\"formattedMin\"\n\t\t\t:max=\"formattedMax\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\tv-on=\"listeners\">\n\t</div>\n</template>\n\n<script>\n\nconst inputDateTypes = ['date', 'datetime-local', 'month', 'time', 'week']\n\nexport default {\n\tname: 'NcDateTimePickerNative',\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/*\n\t\t The date is – like the `Date` object in JavaScript – tied to UTC.\n\t\t * The selected time zone does not have an influence of the selected time and date value.\n\t\t * You have to translate the time yourself when you want to factor in time zones.\n\t\t * Pass null to clear the input field.\n\t\t /\n\t\tvalue: {\n\t\t\ttype: Date,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t id attribute of the input field\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/\n\t\t type attribute of the input field\n\t\t * default type: String\n\t\t * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`\n\t\t /\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date',\n\t\t\tvalidate: (name) => inputDateTypes.includes(name),\n\t\t},\n\t\t/\n\t\t text inside the label element\n\t\t * default type: String\n\t\t /\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Please choose a date',\n\t\t},\n\t\t/\n\t\t min attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmin: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t max attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmax: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t Flag to hide the label\n\t\t * default type: String\n\t\t * The hidden input label for accessibility purposes.\n\t\t /\n\t\thideLabel: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/\n\t\t Class to add to the input field.\n\t\t * Necessary to use NcDateTimePickerNative in the NcActionInput component.\n\t\t /\n\t\tinputClass: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t],\n\n\tcomputed: {\n\t\tformattedValue() {\n\t\t\treturn this.formatValue(this.value)\n\t\t},\n\t\tformattedMin() {\n\t\t\tif (this.min) {\n\t\t\t\treturn this.formatValue(this.min)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tformattedMax() {\n\t\t\tif (this.max) {\n\t\t\t\treturn this.formatValue(this.max)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tlisteners() {\n\t\t\treturn {\n\t\t\t\t...this.$listeners,\n\t\t\t\t/\n\t\t\t\t Handle the input event\n\t\t\t\t \n\t\t\t\t @param {InputEvent} $event input event payload\n\t\t\t\t * @return {Date\|string} new chosen Date() or an empty string\n\t\t\t\t /\n\t\t\t\tinput: ($event) => {\n\t\t\t\t\tif (isNaN($event.target.valueAsNumber)) {\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {string} empty string\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', null)\n\t\t\t\t\t}\n\t\t\t\t\tif (this.type === 'time') {\n\t\t\t\t\t\tconst time = $event.target.value\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\t// this case is because of Chrome bug\n\t\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\t\tconst MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t}\n\t\t\t\t\tconst timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() 1000 * 60\n\t\t\t\t\tconst inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds\n\t\t\t\t\t/*\n\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t \n\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t /\n\t\t\t\t\treturn this.$emit('input', new Date(inputDateWithTimezone))\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Returns Object with string values of a Date\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {object\|undefined}\n\t\t /\n\t\tgetReadableDate(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst yyyy = value.getFullYear().toString().padStart(4, '0')\n\t\t\t\tconst MM = (value.getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\tconst dd = value.getDate().toString().padStart(2, '0')\n\t\t\t\tconst hh = value.getHours().toString().padStart(2, '0')\n\t\t\t\tconst mm = value.getMinutes().toString().padStart(2, '0')\n\n\t\t\t\treturn { yyyy, MM, dd, hh, mm }\n\t\t\t}\n\t\t},\n\t\t/\n\t\t Returns preformatted value for the input field\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {string\|undefined}\n\t\t /\n\t\tformatValue(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst { yyyy, MM, dd, hh, mm } = this.getReadableDate(value)\n\t\t\t\tif (this.type === 'datetime-local') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}T${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'date') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}`\n\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\treturn `${yyyy}-${MM}`\n\t\t\t\t} else if (this.type === 'time') {\n\t\t\t\t\treturn `${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'week') {\n\t\t\t\t\tconst startDate = new Date(yyyy, 0, 1)\n\t\t\t\t\tconst daysSinceBeginningOfYear = Math.floor((value - startDate)\n\t\t\t\t\t\t/ (24 60 * 60 * 1000))\n\t\t\t\t\tconst weekNumber = Math.ceil(daysSinceBeginningOfYear / 7)\n\t\t\t\t\treturn `${yyyy}-W${weekNumber}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.native-datetime-picker {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.native-datetime-picker .native-datetime-picker--input {\n\t\twidth: 100%;\n\t\tflex: 0 0 auto;\n\t\tpadding-right: 4px;\n\t}\n\n\t[data-theme-light],\n\t[data-themes=light] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: light;\n\t\t}\n\t}\n\n\t[data-theme-dark],\n\t[data-themes=dark] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: dark;\n\t\t}\n\t}\n\n\t[data-theme-default],\n\t[data-themes=default] {\n\t\t@media (prefers-color-scheme: light) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: light;\n\t\t\t}\n\t\t}\n\t\t@media (prefers-color-scheme: dark) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: dark;\n\t\t\t}\n\t\t}\n\t}\n</style>\n","/\n @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @license AGPL-3.0-or-later\n \n This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n \n You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n \n /\n\nimport NcDateTimePickerNative from './NcDateTimePickerNative.vue'\nimport ScopeComponent from '../../utils/ScopeComponent.js'\n\nScopeComponent(NcDateTimePickerNative)\n\nexport default NcDateTimePickerNative\n"],"names":["yyyy","MM","dd","hh","mm","ScopeComponent"],"mappings":"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"}

package/dist/Components/NcDateTimePickerNative.mjs CHANGED Viewed

@@ -1,9 +1,10 @@
-import '../assets/NcDateTimePickerNative-DnLJu29_.css';
-import { n as f } from "../chunks/_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-import { S as h } from "../chunks/ScopeComponent-Dz4pyD77.mjs";
-const p = ["date", "datetime-local", "month", "time", "week"], c = {
+import '../assets/NcDateTimePickerNative-CV_VuzvQ.css';
+import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-D637Qkok.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-B9RptB1A.mjs";
+const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
+const _sfc_main = {
   name: "NcDateTimePickerNative",
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * The date is – like the `Date` object in JavaScript – tied to UTC.
@@ -20,7 +21,7 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
      */
     id: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * type attribute of the input field
@@ -30,7 +31,7 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
     type: {
       type: String,
       default: "date",
-      validate: (e) => p.includes(e)
+      validate: (name) => inputDateTypes.includes(name)
     },
     /**
      * text inside the label element
@@ -63,7 +64,7 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
      */
     hideLabel: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Class to add to the input field.
@@ -82,10 +83,16 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
       return this.formatValue(this.value);
     },
     formattedMin() {
-      return this.min ? this.formatValue(this.min) : !1;
+      if (this.min) {
+        return this.formatValue(this.min);
+      }
+      return false;
     },
     formattedMax() {
-      return this.max ? this.formatValue(this.max) : !1;
+      if (this.max) {
+        return this.formatValue(this.max);
+      }
+      return false;
     },
     listeners() {
       return {
@@ -96,28 +103,30 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
          * @param {InputEvent} $event input event payload
          * @return {Date|string} new chosen Date() or an empty string
          */
-        input: (e) => {
-          if (isNaN(e.target.valueAsNumber))
+        input: ($event) => {
+          if (isNaN($event.target.valueAsNumber)) {
             return this.$emit("input", null);
+          }
           if (this.type === "time") {
-            const i = e.target.value;
+            const time = $event.target.value;
             if (this.value === "") {
-              const { yyyy: l, MM: o, dd: u } = this.getReadableDate(/* @__PURE__ */ new Date());
-              return this.$emit("input", new Date("".concat(l, "-").concat(o, "-").concat(u, "T").concat(i)));
+              const { yyyy: yyyy2, MM: MM2, dd: dd2 } = this.getReadableDate(/* @__PURE__ */ new Date());
+              return this.$emit("input", new Date("".concat(yyyy2, "-").concat(MM2, "-").concat(dd2, "T").concat(time)));
             }
-            const { yyyy: n, MM: s, dd: r } = this.getReadableDate(this.value);
-            return this.$emit("input", new Date("".concat(n, "-").concat(s, "-").concat(r, "T").concat(i)));
+            const { yyyy, MM, dd } = this.getReadableDate(this.value);
+            return this.$emit("input", new Date("".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(time)));
           } else if (this.type === "month") {
-            const i = (new Date(e.target.value).getMonth() + 1).toString().padStart(2, "0");
+            const MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, "0");
             if (this.value === "") {
-              const { yyyy: o, dd: u, hh: m, mm: d } = this.getReadableDate(/* @__PURE__ */ new Date());
-              return this.$emit("input", new Date("".concat(o, "-").concat(i, "-").concat(u, "T").concat(m, ":").concat(d)));
+              const { yyyy: yyyy2, dd: dd2, hh: hh2, mm: mm2 } = this.getReadableDate(/* @__PURE__ */ new Date());
+              return this.$emit("input", new Date("".concat(yyyy2, "-").concat(MM, "-").concat(dd2, "T").concat(hh2, ":").concat(mm2)));
             }
-            const { yyyy: n, dd: s, hh: r, mm: l } = this.getReadableDate(this.value);
-            return this.$emit("input", new Date("".concat(n, "-").concat(i, "-").concat(s, "T").concat(r, ":").concat(l)));
+            const { yyyy, dd, hh, mm } = this.getReadableDate(this.value);
+            return this.$emit("input", new Date("".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(hh, ":").concat(mm)));
           }
-          const t = new Date(e.target.valueAsNumber).getTimezoneOffset() * 1e3 * 60, a = e.target.valueAsNumber + t;
-          return this.$emit("input", new Date(a));
+          const timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() * 1e3 * 60;
+          const inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds;
+          return this.$emit("input", new Date(inputDateWithTimezone));
         }
       };
     }
@@ -129,10 +138,14 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
      * @param {Date} value The selected value
      * @return {object|undefined}
      */
-    getReadableDate(e) {
-      if (e instanceof Date) {
-        const t = e.getFullYear().toString().padStart(4, "0"), a = (e.getMonth() + 1).toString().padStart(2, "0"), i = e.getDate().toString().padStart(2, "0"), n = e.getHours().toString().padStart(2, "0"), s = e.getMinutes().toString().padStart(2, "0");
-        return { yyyy: t, MM: a, dd: i, hh: n, mm: s };
+    getReadableDate(value) {
+      if (value instanceof Date) {
+        const yyyy = value.getFullYear().toString().padStart(4, "0");
+        const MM = (value.getMonth() + 1).toString().padStart(2, "0");
+        const dd = value.getDate().toString().padStart(2, "0");
+        const hh = value.getHours().toString().padStart(2, "0");
+        const mm = value.getMinutes().toString().padStart(2, "0");
+        return { yyyy, MM, dd, hh, mm };
       }
     },
     /**
@@ -141,40 +154,45 @@ const p = ["date", "datetime-local", "month", "time", "week"], c = {
      * @param {Date} value The selected value
      * @return {string|undefined}
      */
-    formatValue(e) {
-      if (e instanceof Date) {
-        const { yyyy: t, MM: a, dd: i, hh: n, mm: s } = this.getReadableDate(e);
-        if (this.type === "datetime-local")
-          return "".concat(t, "-").concat(a, "-").concat(i, "T").concat(n, ":").concat(s);
-        if (this.type === "date")
-          return "".concat(t, "-").concat(a, "-").concat(i);
-        if (this.type === "month")
-          return "".concat(t, "-").concat(a);
-        if (this.type === "time")
-          return "".concat(n, ":").concat(s);
-        if (this.type === "week") {
-          const r = new Date(t, 0, 1), l = Math.floor((e - r) / (24 * 60 * 60 * 1e3)), o = Math.ceil(l / 7);
-          return "".concat(t, "-W").concat(o);
+    formatValue(value) {
+      if (value instanceof Date) {
+        const { yyyy, MM, dd, hh, mm } = this.getReadableDate(value);
+        if (this.type === "datetime-local") {
+          return "".concat(yyyy, "-").concat(MM, "-").concat(dd, "T").concat(hh, ":").concat(mm);
+        } else if (this.type === "date") {
+          return "".concat(yyyy, "-").concat(MM, "-").concat(dd);
+        } else if (this.type === "month") {
+          return "".concat(yyyy, "-").concat(MM);
+        } else if (this.type === "time") {
+          return "".concat(hh, ":").concat(mm);
+        } else if (this.type === "week") {
+          const startDate = new Date(yyyy, 0, 1);
+          const daysSinceBeginningOfYear = Math.floor((value - startDate) / (24 * 60 * 60 * 1e3));
+          const weekNumber = Math.ceil(daysSinceBeginningOfYear / 7);
+          return "".concat(yyyy, "-W").concat(weekNumber);
         }
-      } else
+      } else {
         return "";
+      }
     }
   }
 };
-var y = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "native-datetime-picker" }, [a("label", { class: { "hidden-visually": t.hideLabel }, attrs: { for: t.id } }, [t._v(t._s(t.label))]), a("input", t._g(t._b({ staticClass: "native-datetime-picker--input", class: t.inputClass, attrs: { id: t.id, type: t.type, min: t.formattedMin, max: t.formattedMax }, domProps: { value: t.formattedValue } }, "input", t.$attrs, !1), t.listeners))]);
-}, $ = [], g = /* @__PURE__ */ f(
-  c,
-  y,
-  $,
-  !1,
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "native-datetime-picker" }, [_c("label", { class: { "hidden-visually": _vm.hideLabel }, attrs: { "for": _vm.id } }, [_vm._v(_vm._s(_vm.label))]), _c("input", _vm._g(_vm._b({ staticClass: "native-datetime-picker--input", class: _vm.inputClass, attrs: { "id": _vm.id, "type": _vm.type, "min": _vm.formattedMin, "max": _vm.formattedMax }, domProps: { "value": _vm.formattedValue } }, "input", _vm.$attrs, false), _vm.listeners))]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   "7b246f90",
   null,
   null
 );
-const D = g.exports;
+const NcDateTimePickerNative = __component__.exports;
 /**
  * @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>
  *
@@ -196,7 +214,7 @@ const D = g.exports;
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
-h(D);
+ScopeComponent(NcDateTimePickerNative);
 export {
-  D as default
+  NcDateTimePickerNative as default
 };

package/dist/Components/NcDateTimePickerNative.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NcDateTimePickerNative.mjs","sources":["../../src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue","../../src/components/NcDateTimePickerNative/index.js"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n -\n - @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n - @author Richard Steinmetz <richard@steinmetz.cloud>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n\n### General description\n\nThis components provides a wrapper around the native browser datetime picker. <br>\nThis is an input with some type of date e.g. https://html.spec.whatwg.org/multipage/input.html#local-date-and-time-state-(type=datetime-local). <br>\nAll available types are: 'date', 'datetime-local', 'month', 'time' and 'week', please check them here: https://html.spec.whatwg.org/multipage/input.html# <br>\n\n### Examples\n\n#### Usage: type='datetime-local'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='datetime-local' with min date and max date\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:min=\"yesterdayDate\"\n\t\t\t:max=\"someDate\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t\tyesterdayDate: new Date(new Date().setDate(new Date().getDate() - 1)),\n\t\t\t\tsomeDate: new Date(new Date().setDate(new Date().getDate() + 7)),\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='week'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"week\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='month'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"month\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n</docs>\n\n<template>\n\t<div class=\"native-datetime-picker\">\n\t\t<label :class=\"{ 'hidden-visually': hideLabel }\" :for=\"id\">{{ label }}</label>\n\t\t<input :id=\"id\"\n\t\t\tclass=\"native-datetime-picker--input\"\n\t\t\t:class=\"inputClass\"\n\t\t\t:type=\"type\"\n\t\t\t:value=\"formattedValue\"\n\t\t\t:min=\"formattedMin\"\n\t\t\t:max=\"formattedMax\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\tv-on=\"listeners\">\n\t</div>\n</template>\n\n<script>\n\nconst inputDateTypes = ['date', 'datetime-local', 'month', 'time', 'week']\n\nexport default {\n\tname: 'NcDateTimePickerNative',\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/*\n\t\t The date is – like the `Date` object in JavaScript – tied to UTC.\n\t\t * The selected time zone does not have an influence of the selected time and date value.\n\t\t * You have to translate the time yourself when you want to factor in time zones.\n\t\t * Pass null to clear the input field.\n\t\t /\n\t\tvalue: {\n\t\t\ttype: Date,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t id attribute of the input field\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/\n\t\t type attribute of the input field\n\t\t * default type: String\n\t\t * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`\n\t\t /\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date',\n\t\t\tvalidate: (name) => inputDateTypes.includes(name),\n\t\t},\n\t\t/\n\t\t text inside the label element\n\t\t * default type: String\n\t\t /\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Please choose a date',\n\t\t},\n\t\t/\n\t\t min attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmin: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t max attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmax: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t Flag to hide the label\n\t\t * default type: String\n\t\t * The hidden input label for accessibility purposes.\n\t\t /\n\t\thideLabel: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/\n\t\t Class to add to the input field.\n\t\t * Necessary to use NcDateTimePickerNative in the NcActionInput component.\n\t\t /\n\t\tinputClass: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t],\n\n\tcomputed: {\n\t\tformattedValue() {\n\t\t\treturn this.formatValue(this.value)\n\t\t},\n\t\tformattedMin() {\n\t\t\tif (this.min) {\n\t\t\t\treturn this.formatValue(this.min)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tformattedMax() {\n\t\t\tif (this.max) {\n\t\t\t\treturn this.formatValue(this.max)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tlisteners() {\n\t\t\treturn {\n\t\t\t\t...this.$listeners,\n\t\t\t\t/\n\t\t\t\t Handle the input event\n\t\t\t\t \n\t\t\t\t @param {InputEvent} $event input event payload\n\t\t\t\t * @return {Date\|string} new chosen Date() or an empty string\n\t\t\t\t /\n\t\t\t\tinput: ($event) => {\n\t\t\t\t\tif (isNaN($event.target.valueAsNumber)) {\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {string} empty string\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', null)\n\t\t\t\t\t}\n\t\t\t\t\tif (this.type === 'time') {\n\t\t\t\t\t\tconst time = $event.target.value\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\t// this case is because of Chrome bug\n\t\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\t\tconst MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t}\n\t\t\t\t\tconst timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() 1000 * 60\n\t\t\t\t\tconst inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds\n\t\t\t\t\t/*\n\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t \n\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t /\n\t\t\t\t\treturn this.$emit('input', new Date(inputDateWithTimezone))\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Returns Object with string values of a Date\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {object\|undefined}\n\t\t /\n\t\tgetReadableDate(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst yyyy = value.getFullYear().toString().padStart(4, '0')\n\t\t\t\tconst MM = (value.getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\tconst dd = value.getDate().toString().padStart(2, '0')\n\t\t\t\tconst hh = value.getHours().toString().padStart(2, '0')\n\t\t\t\tconst mm = value.getMinutes().toString().padStart(2, '0')\n\n\t\t\t\treturn { yyyy, MM, dd, hh, mm }\n\t\t\t}\n\t\t},\n\t\t/\n\t\t Returns preformatted value for the input field\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {string\|undefined}\n\t\t /\n\t\tformatValue(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst { yyyy, MM, dd, hh, mm } = this.getReadableDate(value)\n\t\t\t\tif (this.type === 'datetime-local') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}T${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'date') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}`\n\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\treturn `${yyyy}-${MM}`\n\t\t\t\t} else if (this.type === 'time') {\n\t\t\t\t\treturn `${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'week') {\n\t\t\t\t\tconst startDate = new Date(yyyy, 0, 1)\n\t\t\t\t\tconst daysSinceBeginningOfYear = Math.floor((value - startDate)\n\t\t\t\t\t\t/ (24 60 * 60 * 1000))\n\t\t\t\t\tconst weekNumber = Math.ceil(daysSinceBeginningOfYear / 7)\n\t\t\t\t\treturn `${yyyy}-W${weekNumber}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.native-datetime-picker {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.native-datetime-picker .native-datetime-picker--input {\n\t\twidth: 100%;\n\t\tflex: 0 0 auto;\n\t\tpadding-right: 4px;\n\t}\n\n\t[data-theme-light],\n\t[data-themes=light] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: light;\n\t\t}\n\t}\n\n\t[data-theme-dark],\n\t[data-themes=dark] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: dark;\n\t\t}\n\t}\n\n\t[data-theme-default],\n\t[data-themes=default] {\n\t\t@media (prefers-color-scheme: light) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: light;\n\t\t\t}\n\t\t}\n\t\t@media (prefers-color-scheme: dark) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: dark;\n\t\t\t}\n\t\t}\n\t}\n</style>\n","/\n @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @license AGPL-3.0-or-later\n \n This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n \n You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n \n /\n\nimport NcDateTimePickerNative from './NcDateTimePickerNative.vue'\nimport ScopeComponent from '../../utils/ScopeComponent.js'\n\nScopeComponent(NcDateTimePickerNative)\n\nexport default NcDateTimePickerNative\n"],"names":["inputDateTypes","_sfc_main","name","$event","time","yyyy","MM","dd","hh","mm","timezoneOffsetSeconds","inputDateWithTimezone","value","startDate","daysSinceBeginningOfYear","weekNumber","ScopeComponent","NcDateTimePickerNative"],"mappings":"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"}
1	+ {"version":3,"file":"NcDateTimePickerNative.mjs","sources":["../../src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue","../../src/components/NcDateTimePickerNative/index.js"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n -\n - @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n - @author Richard Steinmetz <richard@steinmetz.cloud>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n\n### General description\n\nThis components provides a wrapper around the native browser datetime picker. <br>\nThis is an input with some type of date e.g. https://html.spec.whatwg.org/multipage/input.html#local-date-and-time-state-(type=datetime-local). <br>\nAll available types are: 'date', 'datetime-local', 'month', 'time' and 'week', please check them here: https://html.spec.whatwg.org/multipage/input.html# <br>\n\n### Examples\n\n#### Usage: type='datetime-local'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='datetime-local' with min date and max date\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:min=\"yesterdayDate\"\n\t\t\t:max=\"someDate\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"datetime-local\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t\tyesterdayDate: new Date(new Date().setDate(new Date().getDate() - 1)),\n\t\t\t\tsomeDate: new Date(new Date().setDate(new Date().getDate() + 7)),\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='week'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"week\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n#### Usage: type='month'\n```vue\n<template>\n\t<div>\n\t\t<span>Picked date: {{ value \|\| 'null' }}</span>\n\t\t<NcDateTimePickerNative\n\t\t\tv-model=\"value\"\n\t\t\t:id=\"id\"\n\t\t\t:label=\"label\"\n\t\t\ttype=\"month\" />\n\t</div>\n</template>\n\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tvalue: new Date(),\n\t\t\t\tid: 'date-time-picker',\n\t\t\t\tlabel: 'please select a new date',\n\t\t\t}\n\t\t},\n\t}\n</script>\n```\n\n</docs>\n\n<template>\n\t<div class=\"native-datetime-picker\">\n\t\t<label :class=\"{ 'hidden-visually': hideLabel }\" :for=\"id\">{{ label }}</label>\n\t\t<input :id=\"id\"\n\t\t\tclass=\"native-datetime-picker--input\"\n\t\t\t:class=\"inputClass\"\n\t\t\t:type=\"type\"\n\t\t\t:value=\"formattedValue\"\n\t\t\t:min=\"formattedMin\"\n\t\t\t:max=\"formattedMax\"\n\t\t\tv-bind=\"$attrs\"\n\t\t\tv-on=\"listeners\">\n\t</div>\n</template>\n\n<script>\n\nconst inputDateTypes = ['date', 'datetime-local', 'month', 'time', 'week']\n\nexport default {\n\tname: 'NcDateTimePickerNative',\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t/*\n\t\t The date is – like the `Date` object in JavaScript – tied to UTC.\n\t\t * The selected time zone does not have an influence of the selected time and date value.\n\t\t * You have to translate the time yourself when you want to factor in time zones.\n\t\t * Pass null to clear the input field.\n\t\t /\n\t\tvalue: {\n\t\t\ttype: Date,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t id attribute of the input field\n\t\t /\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/\n\t\t type attribute of the input field\n\t\t * default type: String\n\t\t * The type of the input element, it can be `date`, `datetime-local`, `month`, `time`, `week`\n\t\t /\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'date',\n\t\t\tvalidate: (name) => inputDateTypes.includes(name),\n\t\t},\n\t\t/\n\t\t text inside the label element\n\t\t * default type: String\n\t\t /\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\tdefault: 'Please choose a date',\n\t\t},\n\t\t/\n\t\t min attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmin: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t max attribute of the input field\n\t\t * default type: null\n\t\t /\n\t\tmax: {\n\t\t\ttype: [Date, Boolean],\n\t\t\tdefault: null,\n\t\t},\n\t\t/\n\t\t Flag to hide the label\n\t\t * default type: String\n\t\t * The hidden input label for accessibility purposes.\n\t\t /\n\t\thideLabel: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/\n\t\t Class to add to the input field.\n\t\t * Necessary to use NcDateTimePickerNative in the NcActionInput component.\n\t\t /\n\t\tinputClass: {\n\t\t\ttype: [Object, String],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t],\n\n\tcomputed: {\n\t\tformattedValue() {\n\t\t\treturn this.formatValue(this.value)\n\t\t},\n\t\tformattedMin() {\n\t\t\tif (this.min) {\n\t\t\t\treturn this.formatValue(this.min)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tformattedMax() {\n\t\t\tif (this.max) {\n\t\t\t\treturn this.formatValue(this.max)\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tlisteners() {\n\t\t\treturn {\n\t\t\t\t...this.$listeners,\n\t\t\t\t/\n\t\t\t\t Handle the input event\n\t\t\t\t \n\t\t\t\t @param {InputEvent} $event input event payload\n\t\t\t\t * @return {Date\|string} new chosen Date() or an empty string\n\t\t\t\t /\n\t\t\t\tinput: ($event) => {\n\t\t\t\t\tif (isNaN($event.target.valueAsNumber)) {\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {string} empty string\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', null)\n\t\t\t\t\t}\n\t\t\t\t\tif (this.type === 'time') {\n\t\t\t\t\t\tconst time = $event.target.value\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\t// this case is because of Chrome bug\n\t\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, MM, dd } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${time}`))\n\t\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\t\tconst MM = (new Date($event.target.value).getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\t\t\tif (this.value === '') {\n\t\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(new Date())\n\t\t\t\t\t\t\t/\n\t\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst { yyyy, dd, hh, mm } = this.getReadableDate(this.value)\n\t\t\t\t\t\t/\n\t\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t\t \n\t\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t\t /\n\t\t\t\t\t\treturn this.$emit('input', new Date(`${yyyy}-${MM}-${dd}T${hh}:${mm}`))\n\t\t\t\t\t}\n\t\t\t\t\tconst timezoneOffsetSeconds = new Date($event.target.valueAsNumber).getTimezoneOffset() 1000 * 60\n\t\t\t\t\tconst inputDateWithTimezone = $event.target.valueAsNumber + timezoneOffsetSeconds\n\t\t\t\t\t/*\n\t\t\t\t\t Emitted when the input value changes\n\t\t\t\t\t \n\t\t\t\t\t @return {Date} new chosen Date()\n\t\t\t\t\t /\n\t\t\t\t\treturn this.$emit('input', new Date(inputDateWithTimezone))\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Returns Object with string values of a Date\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {object\|undefined}\n\t\t /\n\t\tgetReadableDate(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst yyyy = value.getFullYear().toString().padStart(4, '0')\n\t\t\t\tconst MM = (value.getMonth() + 1).toString().padStart(2, '0')\n\t\t\t\tconst dd = value.getDate().toString().padStart(2, '0')\n\t\t\t\tconst hh = value.getHours().toString().padStart(2, '0')\n\t\t\t\tconst mm = value.getMinutes().toString().padStart(2, '0')\n\n\t\t\t\treturn { yyyy, MM, dd, hh, mm }\n\t\t\t}\n\t\t},\n\t\t/\n\t\t Returns preformatted value for the input field\n\t\t \n\t\t @param {Date} value The selected value\n\t\t * @return {string\|undefined}\n\t\t /\n\t\tformatValue(value) {\n\t\t\tif (value instanceof Date) {\n\t\t\t\tconst { yyyy, MM, dd, hh, mm } = this.getReadableDate(value)\n\t\t\t\tif (this.type === 'datetime-local') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}T${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'date') {\n\t\t\t\t\treturn `${yyyy}-${MM}-${dd}`\n\t\t\t\t} else if (this.type === 'month') {\n\t\t\t\t\treturn `${yyyy}-${MM}`\n\t\t\t\t} else if (this.type === 'time') {\n\t\t\t\t\treturn `${hh}:${mm}`\n\t\t\t\t} else if (this.type === 'week') {\n\t\t\t\t\tconst startDate = new Date(yyyy, 0, 1)\n\t\t\t\t\tconst daysSinceBeginningOfYear = Math.floor((value - startDate)\n\t\t\t\t\t\t/ (24 60 * 60 * 1000))\n\t\t\t\t\tconst weekNumber = Math.ceil(daysSinceBeginningOfYear / 7)\n\t\t\t\t\treturn `${yyyy}-W${weekNumber}`\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\t.native-datetime-picker {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.native-datetime-picker .native-datetime-picker--input {\n\t\twidth: 100%;\n\t\tflex: 0 0 auto;\n\t\tpadding-right: 4px;\n\t}\n\n\t[data-theme-light],\n\t[data-themes=light] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: light;\n\t\t}\n\t}\n\n\t[data-theme-dark],\n\t[data-themes=dark] {\n\t\t.native-datetime-picker--input {\n\t\t\tcolor-scheme: dark;\n\t\t}\n\t}\n\n\t[data-theme-default],\n\t[data-themes=default] {\n\t\t@media (prefers-color-scheme: light) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: light;\n\t\t\t}\n\t\t}\n\t\t@media (prefers-color-scheme: dark) {\n\t\t\t.native-datetime-picker--input {\n\t\t\t\tcolor-scheme: dark;\n\t\t\t}\n\t\t}\n\t}\n</style>\n","/\n @copyright Copyright (c) 2022 Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @author Julia Kirschenheuter <julia.kirschenheuter@nextcloud.com>\n \n @license AGPL-3.0-or-later\n \n This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n \n This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n \n You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n \n /\n\nimport NcDateTimePickerNative from './NcDateTimePickerNative.vue'\nimport ScopeComponent from '../../utils/ScopeComponent.js'\n\nScopeComponent(NcDateTimePickerNative)\n\nexport default NcDateTimePickerNative\n"],"names":["yyyy","MM","dd","hh","mm"],"mappings":"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"}

package/dist/Components/NcDialog.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 "use strict";
-const c = require("../chunks/NcDialog-Ciz0hlFn.cjs");
-module.exports = c.NcDialog;
+const NcDialog = require("../chunks/NcDialog-G7XA1Z88.cjs");
+module.exports = NcDialog.NcDialog;

package/dist/Components/NcDialog.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcDialog-C_1rhUHk.mjs";
+import { N } from "../chunks/NcDialog-1TWFrsjf.mjs";
 export {
-  f as default
+  N as default
 };

package/dist/Components/NcDialogButton.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 "use strict";
-const t = require("../chunks/NcDialogButton-D7ibBxsQ.cjs");
-module.exports = t.NcDialogButton;
+const NcDialogButton = require("../chunks/NcDialogButton-NiGZGBjq.cjs");
+module.exports = NcDialogButton.NcDialogButton;

package/dist/Components/NcDialogButton.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcDialogButton-DQFoaN7q.mjs";
+import { N } from "../chunks/NcDialogButton-jh2GOQ_7.mjs";
 export {
-  f as default
+  N as default
 };