@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/components/calendar.component.js

@@ -1,14 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './icon.component.js';
+import { c as cva } from './index2.js';
+import { c as cn } from './cn.js';
+import { d as defineCustomElement$3 } from './button.component.js';
+import { d as defineCustomElement$2 } from './icon.component.js';
+import { d as defineCustomElement$1 } from './loader.component.js';
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 function toInteger(dirtyNumber) {
@@ -615,7 +619,7 @@ function addLeadingZeros(number, targetLength) {
  *
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
-var formatters$1 = {
+var formatters$2 = {
   // Year
   y: function y(date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -681,6 +685,7 @@ var formatters$1 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
+const formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -774,7 +779,7 @@ var formatters = {
         unit: 'year'
       });
     }
-    return formatters$1.y(date, token);
+    return formatters$3.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -896,7 +901,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$1.M(date, token);
+        return formatters$3.M(date, token);
       // 1st, 2nd, ..., 12th
       case 'Mo':
         return localize.ordinalNumber(month + 1, {
@@ -986,7 +991,7 @@ var formatters = {
         unit: 'date'
       });
     }
-    return formatters$1.d(date, token);
+    return formatters$3.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -1266,7 +1271,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return formatters$1.h(date, token);
+    return formatters$3.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -1275,7 +1280,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return formatters$1.H(date, token);
+    return formatters$3.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -1305,7 +1310,7 @@ var formatters = {
         unit: 'minute'
       });
     }
-    return formatters$1.m(date, token);
+    return formatters$3.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -1314,11 +1319,11 @@ var formatters = {
         unit: 'second'
       });
     }
-    return formatters$1.s(date, token);
+    return formatters$3.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return formatters$1.S(date, token);
+    return formatters$3.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -1446,6 +1451,7 @@ function formatTimezone(offset, dirtyDelimiter) {
   var minutes = addLeadingZeros(absOffset % 60, 2);
   return sign + hours + delimiter + minutes;
 }
+const formatters$1 = formatters;
 
 var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
   switch (pattern) {
@@ -1526,6 +1532,7 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
+const longFormatters$1 = longFormatters;
 
 var protectedDayOfYearTokens = ['D', 'DD'];
 var protectedWeekYearTokens = ['YY', 'YYYY'];
@@ -1629,6 +1636,7 @@ var formatDistance = function formatDistance(token, count, options) {
   }
   return result;
 };
+const formatDistance$1 = formatDistance;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -1672,6 +1680,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1684,6 +1693,7 @@ var formatRelativeLocale = {
 var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
   return formatRelativeLocale[token];
 };
+const formatRelative$1 = formatRelative;
 
 function buildLocalizeFn(args) {
   return function (dirtyIndex, options) {
@@ -1845,6 +1855,7 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+const localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -2002,6 +2013,7 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+const match$1 = match;
 
 /**
  * @type {Locale}
@@ -2014,16 +2026,17 @@ var match = {
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance,
-  formatLong: formatLong,
-  formatRelative: formatRelative,
-  localize: localize,
-  match: match,
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
   options: {
     weekStartsOn: 0 /* Sunday */,
     firstWeekContainsDate: 1
   }
 };
+const defaultLocale = locale;
 
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
@@ -2341,7 +2354,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var defaultOptions = getDefaultOptions();
-  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
+  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
   var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
 
   // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
@@ -2354,10 +2367,10 @@ function format(dirtyDate, dirtyFormatStr, options) {
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
-  if (!locale$1.localize) {
+  if (!locale.localize) {
     throw new RangeError('locale must contain localize property');
   }
-  if (!locale$1.formatLong) {
+  if (!locale.formatLong) {
     throw new RangeError('locale must contain formatLong property');
   }
   var originalDate = toDate(dirtyDate);
@@ -2373,14 +2386,14 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale$1,
+    locale: locale,
     _originalDate: originalDate
   };
   var result = formatStr.match(longFormattingTokensRegExp).map(function (substring) {
     var firstCharacter = substring[0];
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong);
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale.formatLong);
     }
     return substring;
   }).join('').match(formattingTokensRegExp).map(function (substring) {
@@ -2392,7 +2405,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
     if (firstCharacter === "'") {
       return cleanEscapedString(substring);
     }
-    var formatter = formatters[firstCharacter];
+    var formatter = formatters$1[firstCharacter];
     if (formatter) {
       if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
@@ -2400,7 +2413,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
       if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
       }
-      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
+      return formatter(utcDate, substring, locale.localize, formatterOptions);
     }
     if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
       throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
@@ -2687,347 +2700,407 @@ function setYear(dirtyDate, dirtyYear) {
   return date;
 }
 
-const calendarComponentCss = ".relative{position:relative!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[12rem\\]{height:12rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.min-h-\\[12rem\\]{min-height:12rem!important}.w-6{width:1.5rem!important}.w-\\[14rem\\]{width:14rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.self-center{align-self:center!important}.justify-self-center{justify-self:center!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity,1))!important}.bg-indigo-light{background-color:rgb(241 246 255/var(--tw-bg-opacity,1))!important}.bg-indigo-light,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));display:block;padding:.5rem;width:14rem}:host .view-day,:host .view-month,:host .view-year{display:flex;flex-direction:column;gap:.5rem;height:12rem;width:100%}:host .header{align-items:center;display:flex;font-size:1rem;gap:.25rem;justify-content:space-between;line-height:1.5rem;width:100%}:host .header span{--tw-text-opacity:1;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;height:2rem;padding-left:.5rem;padding-right:.5rem}:host .header span.disabled{cursor:default}:host .header span:hover:not(.disabled){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}:host .header span.year{font-weight:600}:host .header .nav{--tw-text-opacity:1;align-items:center;border-radius:9999px;color:rgb(82 138 250/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:1.5rem;justify-content:center;position:relative;text-decoration-line:none;transition-duration:.2s;width:1.5rem}:host .header .nav:hover:not(.disabled){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}:host .header .nav.disabled{opacity:0}:host .view-day{height:auto;min-height:12rem}:host .view-day .dates{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}:host .view-day .dates>span{--tw-text-opacity:1;align-self:center;color:rgb(128 130 158/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;justify-self:center;line-height:1rem;text-align:center;width:1.5rem}:host .view-day .dates>time{--tw-text-opacity:1;align-items:center;align-self:center;border:1px solid transparent;border-radius:9999px;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;height:1.5rem;justify-content:center;justify-self:center;line-height:1.25rem;transition-duration:.2s;width:1.5rem}:host .view-day .dates>time.current{--tw-border-opacity:1;border-color:rgb(176 178 203/var(--tw-border-opacity,1))}:host .view-day .dates>time.active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-color:rgb(241 246 255/var(--tw-border-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1));font-weight:600}:host .view-day .dates>time.disabled,:host .view-day .dates>time.other-month{cursor:default;opacity:.4}:host .view-day .dates>time.disabled{text-decoration-line:line-through}:host .view-day .dates>time:hover:not(.disabled):not(.active):not(.other-month){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(81 83 107/var(--tw-text-opacity,1))}:host .view-month .items,:host .view-year .items{align-items:center;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);height:100%;overflow-y:auto;position:relative;width:100%}:host .view-month .items>div,:host .view-year .items>div{--tw-text-opacity:1;align-items:center;border:1px solid transparent;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}:host .view-month .items>div.current,:host .view-year .items>div.current{--tw-border-opacity:1;border-color:rgb(176 178 203/var(--tw-border-opacity,1))}:host .view-month .items>div.active,:host .view-year .items>div.active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));border-color:rgb(241 246 255/var(--tw-border-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1));font-weight:600}:host .view-month .items>div.disabled,:host .view-year .items>div.disabled{cursor:default;opacity:.4;text-decoration-line:line-through}:host .view-month .items>div:hover:not(.disabled):not(.active),:host .view-year .items>div:hover:not(.disabled):not(.active){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1))}:host .view-month .items{grid-template-columns:repeat(2,1fr)}:host .view-year .header{justify-content:center}:host(.variant-default){--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.variant-embedded){padding:0}.static{position:static!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!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 calendarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.flex{display:flex!important}.grid{display:grid!important}.h-8{height:2rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.max-h-\\[14rem\\]{max-height:14rem!important}.min-h-\\[12rem\\]{min-height:12rem!important}.w-8{width:2rem!important}.w-\\[17\\.5rem\\]{width:17.5rem!important}.w-full{width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-scroll{overflow:scroll!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.opacity-60{opacity:.6!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.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}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
+const PCalendarStyle0 = calendarComponentCss;
+
+const calendar = cva(['p-calendar bg-white w-[17.5rem] flex flex-col gap-4'], {
+    variants: {
+        variant: {
+            default: ['p-2 rounded-lg drop-shadow-2', 'border border-black-teal-100'],
+            embedded: 'p-1',
+        },
+    },
+});
+const header = cva([
+    'flex items-center justify-between gap-1',
+    'w-full p-2',
+    'bg-off-white-300 rounded-lg',
+], {
+    variants: {
+        type: {
+            day: null,
+            month: null,
+            year: 'justify-center',
+        },
+    },
+});
+const view = cva(['flex flex-col gap-2', 'w-full'], {
+    variants: {
+        view: {
+            day: 'h-auto min-h-[12rem]',
+            month: null,
+            year: 'max-h-[14rem]',
+        },
+    },
+});
 const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.valueChange = createEvent(this, "valueChange", 3);
-    this._today = new Date();
-    this._weekDays = Array.from(Array(7).keys());
-    this.variant = 'default';
-    this.value = undefined;
-    this.preselectToday = false;
-    this.disabledDates = undefined;
-    this.minDate = new Date(1970, 0, 1);
-    this.maxDate = this._getAutomaticMax();
-    this.disableWeekends = false;
-    this.mode = 'day';
-    this._view = this.mode;
-    this._viewDate = this._today;
-    this._value = undefined;
-    this._minDate = undefined;
-    this._maxDate = undefined;
-    this._disabledDates = [];
-  }
-  componentWillLoad() {
-    if (this.disabledDates) {
-      this._parseDisabledDates(this.disabledDates);
-    }
-    if (this.minDate) {
-      this._parseMinDate(this.minDate);
-    }
-    if (this.maxDate) {
-      this._parseMaxDate(this.maxDate);
-    }
-    this._parseValue(this.value);
-    if (this._value) {
-      this._viewDate = this._value;
-    }
-    if (isBefore(this._viewDate, this._minDate)) {
-      this._viewDate = this._minDate;
-    }
-    if (isAfter(this._viewDate, this._maxDate)) {
-      this._viewDate = this._maxDate;
-    }
-  }
-  componentDidRender() {
-    if (this._view === 'year') {
-      this._scrollYearIntoView();
-    }
-  }
-  _parseValue(value) {
-    if (!value && this.preselectToday) {
-      value = new Date();
-    }
-    if (typeof value === 'string') {
-      value = new Date(value);
-    }
-    this._setValue(value);
-  }
-  _parseMinDate(minDate) {
-    if (typeof minDate === 'string') {
-      minDate = new Date(minDate);
-    }
-    if (!isValid(minDate)) {
-      return;
-    }
-    this._minDate = minDate;
-    if (isBefore(this._viewDate, this._minDate)) {
-      this._viewDate = this._minDate;
-    }
-  }
-  _parseMaxDate(maxDate) {
-    if (typeof maxDate === 'string') {
-      maxDate = new Date(maxDate);
-    }
-    if (!isValid(maxDate)) {
-      return;
-    }
-    this._maxDate = maxDate;
-    if (isAfter(this._viewDate, this._maxDate)) {
-      this._viewDate = this._maxDate;
-    }
-  }
-  _parseDisabledDates(disabledDates) {
-    if (typeof disabledDates === 'string') {
-      disabledDates = JSON.parse(disabledDates);
-    }
-    if (!disabledDates || !Array.isArray(disabledDates)) {
-      return;
-    }
-    // normalize all to date
-    this._disabledDates = disabledDates
-      .map(date => {
-      if (typeof date === 'string') {
-        return new Date(date);
-      }
-      return date;
-    })
-      .filter(date => isValid(date));
-  }
-  render() {
-    return (h(Host, { class: `p-calendar variant-${this.variant}` }, this._getView()));
-  }
-  _getView() {
-    if (this._view === 'year') {
-      return this._getYearView();
-    }
-    if (this._view === 'month') {
-      return this._getMonthView();
-    }
-    return this._getDayView();
-  }
-  /* With this, we shall hack the system in ways no one would ever have thought.
+    constructor() {
+        super();
+        this.__registerHost();
+        this.valueChange = createEvent(this, "valueChange", 3);
+        this.variant = 'default';
+        this.value = undefined;
+        this.preselectToday = false;
+        this.disabledDates = undefined;
+        this.minDate = new Date(1970, 0, 1);
+        this.maxDate = this._getAutomaticMax();
+        this.disableWeekends = false;
+        this.mode = 'day';
+        this._view = this.mode;
+        this._viewDate = this._today;
+        this._value = undefined;
+        this._minDate = undefined;
+        this._maxDate = undefined;
+        this._disabledDates = [];
+    }
+    /**
+     * Event when the value changes
+     */
+    valueChange;
+    get _el() { return this; }
+    _today = new Date();
+    _weekDays = Array.from(Array(7).keys());
+    componentWillLoad() {
+        if (this.disabledDates) {
+            this._parseDisabledDates(this.disabledDates);
+        }
+        if (this.minDate) {
+            this._parseMinDate(this.minDate);
+        }
+        if (this.maxDate) {
+            this._parseMaxDate(this.maxDate);
+        }
+        this._parseValue(this.value);
+        if (this._value) {
+            this._viewDate = this._value;
+        }
+        if (isBefore(this._viewDate, this._minDate)) {
+            this._viewDate = this._minDate;
+        }
+        if (isAfter(this._viewDate, this._maxDate)) {
+            this._viewDate = this._maxDate;
+        }
+    }
+    componentDidRender() {
+        if (this._view === 'year') {
+            this._scrollYearIntoView();
+        }
+    }
+    _parseValue(value) {
+        if (!value && this.preselectToday) {
+            value = new Date();
+        }
+        if (typeof value === 'string') {
+            value = new Date(value);
+        }
+        if (isValid(value) && !isSameDay(value, this._viewDate)) {
+            this._viewDate = value;
+        }
+        this._setValue(value);
+    }
+    _parseMinDate(minDate) {
+        if (typeof minDate === 'string') {
+            minDate = new Date(minDate);
+        }
+        if (!isValid(minDate)) {
+            return;
+        }
+        this._minDate = minDate;
+        if (isBefore(this._viewDate, this._minDate)) {
+            this._viewDate = this._minDate;
+        }
+    }
+    _parseMaxDate(maxDate) {
+        if (typeof maxDate === 'string') {
+            maxDate = new Date(maxDate);
+        }
+        if (!isValid(maxDate)) {
+            return;
+        }
+        this._maxDate = maxDate;
+        if (isAfter(this._viewDate, this._maxDate)) {
+            this._viewDate = this._maxDate;
+        }
+    }
+    _parseDisabledDates(disabledDates) {
+        if (typeof disabledDates === 'string') {
+            disabledDates = JSON.parse(disabledDates);
+        }
+        if (!disabledDates || !Array.isArray(disabledDates)) {
+            return;
+        }
+        // normalize all to date
+        this._disabledDates = disabledDates
+            .map(date => {
+            if (typeof date === 'string') {
+                return new Date(date);
+            }
+            return date;
+        })
+            .filter(date => isValid(date));
+    }
+    render() {
+        return (h(Host, { key: '624da5939a3391fc98be636153ca8a296af47390', class: calendar({ variant: this.variant }) }, this._getView()));
+    }
+    _getView() {
+        if (this._view === 'year') {
+            return this._getYearView();
+        }
+        if (this._view === 'month') {
+            return this._getMonthView();
+        }
+        return this._getDayView();
+    }
+    /* With this, we shall hack the system in ways no one would ever have thought.
        <div class="col-start-1 col-start-2 col-start-3 col-start-4 col-start-5 col-start-6 col-start-7"></div>
    */
-  _getDayView() {
-    const daysInMonth = this._generateDaysInMonth();
-    return (h("div", { class: 'view-day' }, h("div", { class: 'header' }, h("div", { class: `nav ${!this._canSetAmount('month', -1) && 'disabled'}`, onClick: () => this._changeMonth(-1) }, h("p-icon", { variant: 'caret', rotate: 90 })), h("div", null, h("span", { onClick: () => this._changeView('month'), class: !this._canChangeView('month') && 'disabled' }, format(this._viewDate, 'MMMM')), h("span", { onClick: () => this._changeView('year'), class: `year ${!this._canChangeView('year') && 'disabled'}` }, getYear(this._viewDate))), h("div", { class: `nav ${!this._canSetAmount('month', 1) && 'disabled'}`, onClick: () => this._changeMonth(1) }, h("p-icon", { variant: 'caret', rotate: -90 }))), h("div", { class: 'dates' }, this._weekDays.map(weekday => (h("span", null, format(addDays(new Date(2022, 7, 1), weekday), 'eee')))), daysInMonth.map(day => {
-      return (h("time", { class: `day ${day.active && 'active'} ${day.disabled && 'disabled'} ${day.current && 'current'} ${day.offset !== false && `col-start-${day.offset}`}`, onClick: () => this._setValue(day.date) }, day.day));
-    }))));
-  }
-  _getMonthView() {
-    const months = this._generateMonths();
-    return (h("div", { class: 'view-month' }, h("div", { class: 'header' }, h("div", { class: `nav ${!this._canSetAmount('year', -1) && 'disabled'}`, onClick: () => this._changeYear(-1) }, h("p-icon", { variant: 'caret', rotate: 90 })), h("div", null, h("span", { onClick: () => this._changeView('year'), class: `year ${!this._canChangeView('year') && 'disabled'}` }, getYear(this._viewDate))), h("div", { class: `nav ${!this._canSetAmount('year', 1) && 'disabled'}`, onClick: () => this._changeYear(1) }, h("p-icon", { variant: 'caret', rotate: -90 }))), h("div", { class: 'items' }, months.map(month => (h("div", { onClick: () => this._setMonth(month.month), class: `month ${month.active && 'active'} ${month.disabled && 'disabled'} ${month.current && 'current'}` }, format(setMonth(new Date(), month.month), 'MMMM')))))));
-  }
-  _getYearView() {
-    const years = this._generateYears();
-    return (h("div", { class: 'view-year' }, h("div", { class: 'header' }, h("div", null, h("span", { class: 'year disabled' }, years === null || years === void 0 ? void 0 :
-      years[0].year, " - ", years === null || years === void 0 ? void 0 :
-      years[years.length - 1].year))), h("div", { class: 'items' }, years.map(year => (h("div", { onClick: () => this._setYear(year.year), class: `year ${year.active && 'active'} ${year.current && 'current'}` }, year.year))))));
-  }
-  _setYear(year) {
-    const date = setYear(this._viewDate, year);
-    if (this.mode === 'year') {
-      return this._setValue(setMonth(setDate(date, 1), 0));
-    }
-    this._viewDate = setYear(this._viewDate, year);
-    this._view = 'month';
-  }
-  _setMonth(month) {
-    const date = setMonth(this._viewDate, month);
-    if (this.mode === 'month') {
-      return this._setValue(setDate(date, 1));
-    }
-    this._viewDate = date;
-    this._view = 'day';
-  }
-  _changeMonth(amount = 1) {
-    const allowed = this._canSetAmount('month', amount);
-    if (!allowed) {
-      return;
-    }
-    const newDate = addMonths(this._viewDate, amount);
-    this._viewDate = newDate;
-  }
-  _changeYear(amount = 1) {
-    const allowed = this._canSetAmount('year', amount);
-    if (!allowed) {
-      return;
-    }
-    let newDate = addYears(this._viewDate, amount);
-    this._viewDate = newDate;
-  }
-  _setValue(value) {
-    if (value === null) {
-      this._value = null;
-      this.valueChange.emit(null);
-      return;
-    }
-    if (!isValid(value)) {
-      return;
-    }
-    if (this._isDisabledDay(value)) {
-      return;
-    }
-    value = startOfDay(value);
-    const isSameValue = isSameDay(value, this._value);
-    if (isSameValue) {
-      return;
-    }
-    this._value = value;
-    this.valueChange.emit(value);
-  }
-  _generateDaysInMonth() {
-    const days = Array.from(Array(getDaysInMonth(this._viewDate)).keys());
-    return days.map(day => {
-      day = day + 1;
-      const date = setDate(this._viewDate, day);
-      const dayOfWeek = getDay(date);
-      return {
-        day,
-        date,
-        offset: day === 1 ? (dayOfWeek === 0 ? 7 : dayOfWeek) : false,
-        current: isSameDay(date, this._today),
-        active: isSameDay(date, this._value),
-        disabled: this._isDisabledDay(date),
-      };
-    });
-  }
-  _isDisabledDay(day) {
-    return ((isBefore(day, this._minDate) && !isSameDay(day, this._maxDate)) ||
-      (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
-      ((getDay(day) === 0 || getDay(day) === 6) && this.disableWeekends) ||
-      this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
-  }
-  _generateMonths() {
-    const year = getYear(this._viewDate);
-    const months = Array.from(Array(12).keys());
-    return months.map(month => {
-      const date = new Date(year, month, 1);
-      return {
-        month,
-        current: isSameMonth(this._today, date),
-        active: isSameMonth(this._value, date),
-        disabled: isAfter(date, this._maxDate) ||
-          isBefore(endOfMonth(date), this._minDate),
-      };
-    });
-  }
-  _generateYears() {
-    const maxYear = getYear(this._maxDate) + 1;
-    const minYear = getYear(this._minDate);
-    return Array.from(Array(maxYear - minYear).keys()).map(index => {
-      const year = minYear + index;
-      return {
-        year,
-        current: getYear(this._today) === year,
-        active: getYear(this._value) === year,
-      };
-    });
-  }
-  _scrollYearIntoView() {
-    const items = this._el.shadowRoot.querySelector('.view-year .items');
-    if (!items) {
-      return;
-    }
-    const active = items.querySelector('.year.active');
-    if (active) {
-      return items.scrollTo({
-        top: active.offsetTop,
-      });
-    }
-    const current = items.querySelector('.year.current');
-    if (current) {
-      return items.scrollTo({
-        top: current.offsetTop,
-      });
-    }
-  }
-  _changeView(view) {
-    if (!this._canChangeView(view)) {
-      return;
-    }
-    this._view = view;
-  }
-  _canChangeView(view) {
-    if (view === 'year') {
-      if (isSameYear(this._minDate, this._maxDate)) {
-        return false;
-      }
-      return true;
-    }
-    if (isSameMonth(this._minDate, this._maxDate)) {
-      return false;
+    _getDayView() {
+        const daysInMonth = this._generateDaysInMonth();
+        return (h("div", { class: view({ view: 'day' }) }, this._getHeader('day'), h("div", { class: 'grid grid-cols-7 justify-between gap-1' }, this._weekDays.map(weekday => (h("span", { class: 'w-8 text-center text-xs text-black-teal-200' }, format(addDays(new Date(2022, 7, 1), weekday), 'eee')))), daysInMonth.map(day => {
+            return day.active ? (h("p-button", { variant: 'primary', class: cn('w-full', `col-start-${day.offset}`), onClick: () => this._setValue(day.date) }, day.day)) : (h("time", { class: cn('normal flex items-center justify-center rounded-lg', 'h-8 w-8 text-sm text-black-teal-300', {
+                    'cursor-pointer hover:bg-white-600 hover:text-black-teal': !day.disabled,
+                }, `col-start-${day.offset}`, { 'cursor-not-allowed opacity-60': day.disabled }), onClick: () => this._setValue(day.date) }, day.day));
+        }))));
+    }
+    _getMonthView() {
+        const months = this._generateMonths();
+        return (h("div", { class: view({ view: 'month' }) }, this._getHeader('month'), h("div", { class: 'flex flex-wrap items-start gap-2' }, months.map(month => (h("p-button", { variant: month.active ? 'primary' : 'secondary', disabled: month.disabled, onClick: () => this._setMonth(month.month) }, format(setMonth(new Date(), month.month), 'MMMM')))))));
+    }
+    _getYearView() {
+        const years = this._generateYears();
+        return (h("div", { id: 'view-year', class: view({ view: 'year' }) }, this._getHeader('year'), h("div", { id: 'items', class: 'grid h-full grid-cols-4 gap-2 overflow-scroll' }, years.map(year => (h("p-button", { class: 'w-full', variant: year.active ? 'primary' : 'secondary', onClick: () => this._setYear(year.year), "data-active": year.active, "data-current": year.current }, year.year))))));
+    }
+    _getHeader(type = 'day') {
+        let nextFn = num => this._changeMonth(num);
+        let nextType = 'month';
+        if (type === 'month' || type === 'year') {
+            nextFn = num => this._changeYear(num);
+            nextType = 'year';
+        }
+        return (h("div", { class: header({ type }) }, type !== 'year' && (h("p-button", { variant: 'secondary', iconOnly: true, icon: 'caret', iconRotate: 90, size: 'sm', onClick: () => nextFn(-1), disabled: !this._canSetAmount(nextType, -1) })), h("div", { class: 'flex gap-2' }, this.mode !== 'year' && (h("p-button", { variant: 'secondary', size: 'sm', onClick: () => this._changeView('month'), disabled: !this._canChangeView('month'), active: this._view === 'month' && this.mode !== 'month' }, format(this._viewDate, 'MMMM'))), h("p-button", { variant: 'secondary', size: 'sm', onClick: () => this._changeView('year'), disabled: !this._canChangeView('year'), active: this._view === 'year' && this.mode !== 'year' }, getYear(this._viewDate))), type !== 'year' && (h("p-button", { variant: 'secondary', iconOnly: true, icon: 'caret', iconRotate: -90, size: 'sm', onClick: () => nextFn(1), disabled: !this._canSetAmount(nextType, 1) }))));
+    }
+    _setYear(year) {
+        const date = setYear(this._viewDate, year);
+        if (this.mode === 'year') {
+            this._viewDate = date;
+            this._setValue(setMonth(setDate(date, 1), 0));
+            return;
+        }
+        this._viewDate = date;
+        this._view = 'month';
+    }
+    _setMonth(month) {
+        const date = setMonth(this._viewDate, month);
+        if (this.mode === 'month') {
+            this._viewDate = date;
+            this._setValue(setDate(date, 1));
+            return;
+        }
+        this._viewDate = date;
+        this._view = 'day';
+    }
+    _changeMonth(amount = 1) {
+        const allowed = this._canSetAmount('month', amount);
+        if (!allowed) {
+            return;
+        }
+        const newDate = addMonths(this._viewDate, amount);
+        this._viewDate = newDate;
+    }
+    _changeYear(amount = 1) {
+        const allowed = this._canSetAmount('year', amount);
+        if (!allowed) {
+            return;
+        }
+        let newDate = addYears(this._viewDate, amount);
+        this._viewDate = newDate;
+    }
+    _setValue(value) {
+        if (value === null) {
+            this._value = null;
+            this.valueChange.emit(null);
+            return;
+        }
+        if (!isValid(value)) {
+            return;
+        }
+        if (this._isDisabledDay(value)) {
+            return;
+        }
+        value = startOfDay(value);
+        const isSameValue = isSameDay(value, this._value);
+        if (isSameValue) {
+            return;
+        }
+        this._value = value;
+        this.valueChange.emit(value);
+    }
+    _generateDaysInMonth() {
+        const days = Array.from(Array(getDaysInMonth(this._viewDate)).keys());
+        return days.map(day => {
+            day = day + 1;
+            const date = setDate(this._viewDate, day);
+            const dayOfWeek = getDay(date);
+            return {
+                day,
+                date,
+                offset: day === 1 ? (dayOfWeek === 0 ? 7 : dayOfWeek) : false,
+                current: isSameDay(date, this._today),
+                active: isSameDay(date, this._value),
+                disabled: this._isDisabledDay(date),
+            };
+        });
     }
-    return true;
-  }
-  _canSetAmount(type, amount = 1) {
-    if (type === 'month') {
-      const newDate = addMonths(this._viewDate, amount);
-      const startNewDate = startOfMonth(newDate);
-      if ((isBefore(startNewDate, startOfMonth(this._minDate)) &&
-        !isSameDay(startNewDate, this._minDate)) ||
-        isAfter(startNewDate, endOfMonth(this._maxDate))) {
-        return false;
-      }
+    _isDisabledDay(day) {
+        return ((isBefore(day, this._minDate) && !isSameDay(day, this._maxDate)) ||
+            (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
+            ((getDay(day) === 0 || getDay(day) === 6) && this.disableWeekends) ||
+            this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
+    }
+    _generateMonths() {
+        const year = getYear(this._viewDate);
+        const months = Array.from(Array(12).keys());
+        return months.map(month => {
+            const date = new Date(year, month, 1);
+            return {
+                month,
+                current: isSameMonth(this._today, date),
+                active: isSameMonth(this._value, date),
+                disabled: isAfter(date, this._maxDate) ||
+                    isBefore(endOfMonth(date), this._minDate),
+            };
+        });
     }
-    if (type === 'year') {
-      let newDate = addYears(this._viewDate, amount);
-      const year = getYear(newDate);
-      if (year < getYear(this._minDate) || year > getYear(this._maxDate)) {
-        return false;
-      }
+    _generateYears() {
+        const maxYear = getYear(this._maxDate) + 1;
+        const minYear = getYear(this._minDate);
+        return Array.from(Array(maxYear - minYear).keys()).map(index => {
+            const year = minYear + index;
+            return {
+                year,
+                current: getYear(this._today) === year,
+                active: getYear(this._value) === year,
+            };
+        });
     }
-    return true;
-  }
-  _getAutomaticMax() {
-    const date = addYears(new Date(), 50);
-    let year = getYear(date);
-    year = Math.ceil(year / 10) * 10;
-    return setYear(date, year);
-  }
-  get _el() { return this; }
-  static get watchers() { return {
-    "value": ["_parseValue"],
-    "minDate": ["_parseMinDate"],
-    "maxDate": ["_parseMaxDate"],
-    "disabledDates": ["_parseDisabledDates"]
-  }; }
-  static get style() { return calendarComponentCss; }
-}, [1, "p-calendar", {
-    "variant": [1],
-    "value": [1],
-    "preselectToday": [4, "preselect-today"],
-    "disabledDates": [1, "disabled-dates"],
-    "minDate": [1, "min-date"],
-    "maxDate": [1, "max-date"],
-    "disableWeekends": [4, "disable-weekends"],
-    "mode": [1],
-    "_view": [32],
-    "_viewDate": [32],
-    "_value": [32],
-    "_minDate": [32],
-    "_maxDate": [32],
-    "_disabledDates": [32]
-  }, undefined, {
-    "value": ["_parseValue"],
-    "minDate": ["_parseMinDate"],
-    "maxDate": ["_parseMaxDate"],
-    "disabledDates": ["_parseDisabledDates"]
-  }]);
+    _scrollYearIntoView() {
+        const items = this._el.querySelector('#view-year > #items');
+        if (!items) {
+            return;
+        }
+        const active = items.querySelector('p-button[data-active]');
+        if (active) {
+            return items.scrollTo({
+                top: active.offsetTop - 100,
+            });
+        }
+        const current = items.querySelector('p-button[data-current]');
+        if (current) {
+            return items.scrollTo({
+                top: current.offsetTop - 100,
+            });
+        }
+    }
+    _changeView(view) {
+        if (!this._canChangeView(view)) {
+            return;
+        }
+        this._view = view;
+    }
+    _canChangeView(view) {
+        if (view === 'year') {
+            if (isSameYear(this._minDate, this._maxDate)) {
+                return false;
+            }
+            return true;
+        }
+        if (isSameMonth(this._minDate, this._maxDate)) {
+            return false;
+        }
+        return true;
+    }
+    _canSetAmount(type, amount = 1) {
+        if (type === 'month') {
+            const newDate = addMonths(this._viewDate, amount);
+            const startNewDate = startOfMonth(newDate);
+            if ((isBefore(startNewDate, startOfMonth(this._minDate)) &&
+                !isSameDay(startNewDate, this._minDate)) ||
+                isAfter(startNewDate, endOfMonth(this._maxDate))) {
+                return false;
+            }
+        }
+        if (type === 'year') {
+            let newDate = addYears(this._viewDate, amount);
+            const year = getYear(newDate);
+            if (year < getYear(this._minDate) || year > getYear(this._maxDate)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    _getAutomaticMax() {
+        const date = addYears(new Date(), 50);
+        let year = getYear(date);
+        year = Math.ceil(year / 10) * 10;
+        return setYear(date, year);
+    }
+    static get watchers() { return {
+        "value": ["_parseValue"],
+        "minDate": ["_parseMinDate"],
+        "maxDate": ["_parseMaxDate"],
+        "disabledDates": ["_parseDisabledDates"]
+    }; }
+    static get style() { return PCalendarStyle0; }
+}, [0, "p-calendar", {
+        "variant": [1],
+        "value": [1],
+        "preselectToday": [4, "preselect-today"],
+        "disabledDates": [1, "disabled-dates"],
+        "minDate": [1, "min-date"],
+        "maxDate": [1, "max-date"],
+        "disableWeekends": [4, "disable-weekends"],
+        "mode": [1],
+        "_view": [32],
+        "_viewDate": [32],
+        "_value": [32],
+        "_minDate": [32],
+        "_maxDate": [32],
+        "_disabledDates": [32]
+    }, undefined, {
+        "value": ["_parseValue"],
+        "minDate": ["_parseMinDate"],
+        "maxDate": ["_parseMaxDate"],
+        "disabledDates": ["_parseDisabledDates"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-calendar", "p-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-calendar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Calendar);
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-calendar", "p-button", "p-icon", "p-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-calendar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Calendar);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
-export { Calendar as C, _typeof as _, startOfUTCISOWeek as a, getUTCWeek as b, toInteger as c, defineCustomElement as d, getUTCISOWeek as e, getDefaultOptions as f, getUTCWeekYear as g, subMilliseconds as h, getTimezoneOffsetInMilliseconds as i, locale as j, isProtectedWeekYearToken as k, longFormatters as l, throwProtectedError as m, isProtectedDayOfYearToken as n, isValid as o, isBefore as p, isAfter as q, requiredArgs as r, startOfUTCWeek as s, toDate as t, startOfDay as u, isSameDay as v, format as w };
+export { Calendar as C, _typeof as _, startOfUTCISOWeek as a, getUTCWeek as b, toInteger as c, defineCustomElement as d, getUTCISOWeek as e, getDefaultOptions as f, getUTCWeekYear as g, subMilliseconds as h, getTimezoneOffsetInMilliseconds as i, defaultLocale as j, isProtectedWeekYearToken as k, longFormatters$1 as l, throwProtectedError as m, isProtectedDayOfYearToken as n, isValid as o, isBefore as p, isAfter as q, requiredArgs as r, startOfUTCWeek as s, toDate as t, startOfDay as u, isSameDay as v, format as w };
 
 //# sourceMappingURL=calendar.component.js.map