@paperless/core 2.0.1-beta.26 → 2.0.1-beta.28

package/dist/esm/p-datepicker.entry.js

@@ -1,6 +1,31 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-2ef94580.js';
 import { c as childOf } from './child-of-2e1cac22.js';
-import { _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, r as requiredArgs, t as toDate, b as getUTCWeek, c as toInteger, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as defaultLocale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as isValid, o as isBefore, p as isAfter, q as startOfDay, u as isSameDay, v as format } from './index-538f1fd8.js';
+import { i as isMobileBrowser } from './is-mobile-browser-0f0bfd54.js';
+import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as defaultLocale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as isValid, o as isBefore, p as isAfter, q as format, u as startOfDay, v as startOfMonth, w as isSameDay } from './index-27408d5b.js';
+
+/**
+ * @name isWeekend
+ * @category Weekday Helpers
+ * @summary Does the given date fall on a weekend?
+ *
+ * @description
+ * Does the given date fall on a weekend?
+ *
+ * @param {Date|Number} date - the date to check
+ * @returns {Boolean} the date falls on a weekend
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Does 5 October 2014 fall on a weekend?
+ * const result = isWeekend(new Date(2014, 9, 5))
+ * //=> true
+ */
+function isWeekend(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var day = date.getDay();
+  return day === 0 || day === 6;
+}
 
 /**
  * Days in 1 week.
@@ -41,6 +66,33 @@ var millisecondsInHour = 3600000;
  */
 var millisecondsInSecond = 1000;
 
+/**
+ * @name startOfYear
+ * @category Year Helpers
+ * @summary Return the start of a year for the given date.
+ *
+ * @description
+ * Return the start of a year for the given date.
+ * The result will be in the local timezone.
+ *
+ * @param {Date|Number} date - the original date
+ * @returns {Date} the start of a year
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // The start of a year for 2 September 2014 11:55:00:
+ * const result = startOfYear(new Date(2014, 8, 2, 11, 55, 00))
+ * //=> Wed Jan 01 2014 00:00:00
+ */
+function startOfYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  var cleanDate = toDate(dirtyDate);
+  var date = new Date(0);
+  date.setFullYear(cleanDate.getFullYear(), 0, 1);
+  date.setHours(0, 0, 0, 0);
+  return date;
+}
+
 function assign(target, object) {
   if (target == null) {
     throw new TypeError('assign requires that input parameter not be null or undefined');
@@ -2825,7 +2877,7 @@ function cleanEscapedString(input) {
   return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 
-const datepickerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const datepickerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.h-0{height:0!important}.overflow-hidden{overflow:hidden!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 const PDatepickerStyle0 = datepickerComponentCss;
 
 const Datepicker = class {
@@ -2835,6 +2887,7 @@ const Datepicker = class {
         this.placeholder = undefined;
         this.value = undefined;
         this.preselectToday = false;
+        this.enableNativePicker = true;
         this.disabledDates = undefined;
         this.minDate = undefined;
         this.maxDate = undefined;
@@ -2856,6 +2909,7 @@ const Datepicker = class {
         this._minDate = undefined;
         this._maxDate = undefined;
         this._disabledDates = [];
+        this._isMobileBrowser = false;
     }
     /**
      * Event when the value changes
@@ -2864,6 +2918,7 @@ const Datepicker = class {
     get _el() { return getElement(this); }
     _onInputTimeout;
     _inputRef;
+    _dateInputRef;
     _defaultFormats = {
         year: 'yyyy',
         month: 'LLLL, yyyy',
@@ -2935,10 +2990,13 @@ const Datepicker = class {
         if (this.mode !== 'day' && this.format === this._defaultFormats['day']) {
             this.format = this._defaultFormats[this.mode];
         }
+        this._isMobileBrowser = isMobileBrowser() || true;
         this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '52f1001735899bdb352993ec296a040b5e6cece9', class: 'p-datepicker' }, h("p-dropdown", { key: '3d3379c17b7bce280075dbb6c7273cbc6453b958', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '9979273e7de0bbfbec1714011d8bbcfcc03eb5b0', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), h("div", { key: '66f266ab6e9d8a37eb55e23922fe16ff9b95fca2', slot: 'items' }, h("p-calendar", { key: 'dee56cb8b3f8643bf983c7b2be366ed7bd0b75da', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+        return (h(Host, { key: 'e48d3c9b517c3323fcc9c430a78721e1bad966a4', class: 'p-datepicker' }, h("p-dropdown", { key: 'c051904eae94288177f646bd200dab88cacc0895', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, h("p-field", { key: '7f5e16b89475a8ee35119116b592944830f6eb4f', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (h("input", { key: '1ff2cb32a56ec717126d7659813900f8fd7efb47', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+            ,
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && format(this._value, 'yyyy-MM-dd'), min: this.minDate && format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && format(new Date(this.maxDate), 'yyyy-MM-dd') })), h("div", { key: 'a935816c14866b2fc6375f1f85ba0dc26c243087', slot: 'items' }, h("p-calendar", { key: '3af01a1b9f52fad9b03ea5652a287e6673cbfe88', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf(target, this._el)) {
@@ -2947,9 +3005,17 @@ const Datepicker = class {
         this._showDropdown = false;
     }
     _onFocus() {
+        if (this._isMobileBrowser && this._dateInputRef) {
+            this._dateInputRef.showPicker();
+            this._inputRef.blur();
+            return;
+        }
         this._showDropdown = true;
     }
     _onBlur() {
+        if (this._isMobileBrowser && this._dateInputRef) {
+            return;
+        }
         const target = this._inputRef;
         if (target.value === null) {
             return;
@@ -2977,6 +3043,18 @@ const Datepicker = class {
             this._setValue(parsedValue, false);
         }, 300);
     }
+    _onNativeInput(ev) {
+        if (!ev.target) {
+            return;
+        }
+        if (this._onInputTimeout) {
+            clearTimeout(this._onInputTimeout);
+            this._onInputTimeout = null;
+        }
+        this._onInputTimeout = setTimeout(() => {
+            this._setValue(ev.target.value === '' ? null : new Date(ev.target.value), false);
+        });
+    }
     _setValue(value, hideDropdown = true) {
         if (value === null) {
             this._value = null;
@@ -2987,9 +3065,19 @@ const Datepicker = class {
             return;
         }
         if (this._isDisabledDay(value)) {
+            if (!!this._dateInputRef?.value) {
+                this._dateInputRef.value = this._value
+                    ? format(this._value, 'yyyy-MM-dd')
+                    : null;
+            }
             return;
         }
-        value = startOfDay(value);
+        value =
+            this.mode === 'day'
+                ? startOfDay(value)
+                : this.mode === 'month'
+                    ? startOfMonth(value)
+                    : startOfYear(value);
         const isSameValue = isSameDay(value, this._value);
         if (isSameValue) {
             return;
@@ -3001,7 +3089,8 @@ const Datepicker = class {
         this.valueChange.emit(value);
     }
     _isDisabledDay(day) {
-        return ((isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
+        return ((this.disableWeekends && isWeekend(day)) ||
+            (isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
             (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
             this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
     }