@haiilo/catalyst 6.4.0 → 6.4.2

package/dist/catalyst/scss/fonts/_fonts-mixins.scss

@@ -5,7 +5,7 @@
   @include cat-font-lato($path, 300, 400, 500, 600, 700) {
     font-display: fallback;
   }
-  @include cat-font-ss3v($path){
+  @include cat-font-ss3v($path) {
     font-display: fallback;
   }
 }

package/dist/catalyst/scss/fonts/_fonts.mixins.ss3v.scss

@@ -8,6 +8,6 @@
       url('#{$path}/#{cat-token("asset.font.ss3v.woff")}') format('woff');
     font-weight: 200 900;
     font-style: normal;
-    @content
+    @content;
   }
 }

package/dist/cjs/cat-alert_26.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b4391019.js');
-const of = require('./of-d9fa1990.js');
+const index = require('./index-6ec4ef6d.js');
+const of = require('./of-eda6baf8.js');
 
 const ObjectUnsubscribedError = of.createErrorClass((_super) => function ObjectUnsubscribedErrorImpl() {
     _super(this);
@@ -3999,6 +3999,7 @@ var weekSelect = of.createCommonjsModule(function (module, exports) {
 function getConfig(options, more = {}) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const plugins = options.mode === 'week' ? [new weekSelect({})] : [];
+  const format = dateFormat(options.mode);
   return {
     ...more,
     locale: options.locale,
@@ -4006,7 +4007,7 @@ function getConfig(options, more = {}) {
     altInput: true,
     prevArrow: '←',
     nextArrow: '→',
-    dateFormat: dateFormat(options.mode),
+    dateFormat: format,
     altFormat: options.format,
     ariaDateFormat: options.format,
     mode: options.mode === 'daterange' ? 'range' : 'single',
@@ -4023,9 +4024,27 @@ function getConfig(options, more = {}) {
         flatpickr.calendarContainer.setAttribute(key, value);
       }
     },
+    onClose: function (dates, _dateStr, instance) {
+      if (options.mode === 'daterange' && dates.length < 2) {
+        instance.clear();
+      }
+    },
     onChange: (dates, dateStr, flatpickr) => {
       let value = dateStr || undefined;
-      if (options.mode === 'week') {
+      if (options.mode === 'daterange') {
+        if (dates.length < 2) {
+          return;
+        }
+        else {
+          const start = dates[0];
+          const end = dates[1];
+          end.setHours(23);
+          end.setMinutes(59);
+          end.setSeconds(59);
+          value = `${flatpickr.formatDate(start, format)} - ${flatpickr.formatDate(end, format)}`;
+        }
+      }
+      else if (options.mode === 'week') {
         value = dates[0] ? flatpickr.config.getWeek(dates[0]).toString() : undefined;
       }
       options.applyChange(value);
@@ -4157,7 +4176,9 @@ const CatDatepickerFlat = class {
   onValueChanged(value) {
     if (value) {
       this.pickr?.setDate(value, false);
-      this.catChange.emit(value);
+      if (this.mode !== 'daterange' || value.includes(' - ')) {
+        this.catChange.emit(value);
+      }
     }
     else {
       this.pickr?.clear(false);