@kong/kongponents 9.49.1-pr.3045.8d71ad0.0 → 9.49.2-pr.3046.66af5ee.0

package/dist/kongponents.es96.js

@@ -5,12 +5,12 @@ import se from "./kongponents.es56.js";
 /* empty css                  */
 import "./kongponents.es5.js";
 import { DateTimePickerModes as oe, ModeArrayCustom as me, ModeArrayRelative as ce, ModeDateOnly as ue } from "./kongponents.es10.js";
-import fe from "./kongponents.es207.js";
-import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es178.js";
-import { normalizeSize as be } from "./kongponents.es180.js";
-import pe from "./kongponents.es208.js";
-import B from "./kongponents.es209.js";
-import C from "./kongponents.es210.js";
+import fe from "./kongponents.es179.js";
+import { KUI_SPACE_40 as ve, KUI_ICON_SIZE_40 as ye, KUI_COLOR_TEXT_NEUTRAL as ge } from "./kongponents.es174.js";
+import { normalizeSize as be } from "./kongponents.es171.js";
+import pe from "./kongponents.es180.js";
+import B from "./kongponents.es181.js";
+import C from "./kongponents.es182.js";
 const ke = ["tabindex"], Re = ["innerHTML"], Te = {
   key: 1,
   class: "range-display"
@@ -52,8 +52,8 @@ const ke = ["tabindex"], Re = ["innerHTML"], Te = {
       popoverOpen: !1,
       selectedRange: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
       previouslySelectedRange: { start: /* @__PURE__ */ new Date(), end: /* @__PURE__ */ new Date() },
-      selectedTimeframe: (V = a.timePeriods[0]) == null ? void 0 : V.values[0],
-      previouslySelectedTimeframe: (X = a.timePeriods[0]) == null ? void 0 : X.values[0],
+      selectedTimeframe: ((V = a.timePeriods[0]) == null ? void 0 : V.values[0]) || null,
+      previouslySelectedTimeframe: ((X = a.timePeriods[0]) == null ? void 0 : X.values[0]) || null,
       tabName: "relative"
     }), N = (e) => {
       if (!e) return;
@@ -63,17 +63,19 @@ const ke = ["tabindex"], Re = ["innerHTML"], Te = {
         end: d
       };
     }, E = (e, l = !1) => {
-      if (t.selectedTimeframe = t.previouslySelectedTimeframe = e, t.selectedRange = {
-        timePeriodsKey: t.selectedTimeframe.key
-      }, t.selectedTimeframe.start && t.selectedTimeframe.end) {
-        const i = new Date(t.selectedTimeframe.start()), d = new Date(t.selectedTimeframe.end());
-        t.fullRangeDisplay = Z({ start: i, end: d }, !1), t.selectedRange.start = i, t.selectedRange.end = d;
-      } else
-        t.fullRangeDisplay = "";
-      P.value = !1, l && H();
+      if (e) {
+        if (t.selectedTimeframe = t.previouslySelectedTimeframe = e, t.selectedRange = {
+          timePeriodsKey: t.selectedTimeframe.key
+        }, t.selectedTimeframe.start && t.selectedTimeframe.end) {
+          const i = new Date(t.selectedTimeframe.start()), d = new Date(t.selectedTimeframe.end());
+          t.fullRangeDisplay = Z({ start: i, end: d }, !1), t.selectedRange.start = i, t.selectedRange.end = d;
+        } else
+          t.fullRangeDisplay = "";
+        P.value = !1, l && H();
+      }
     }, Q = () => {
       var e;
-      p.value = O, h.value = null, t.abbreviatedDisplay = a.placeholder, t.fullRangeDisplay = "", o.value && (t.selectedTimeframe = (e = a.timePeriods[0]) == null ? void 0 : e.values[0]), t.selectedRange = t.previouslySelectedRange = O, m("change", t.selectedRange), m("update:modelValue", t.selectedRange);
+      p.value = O, h.value = null, t.abbreviatedDisplay = a.placeholder, t.fullRangeDisplay = "", o.value && (t.selectedTimeframe = ((e = a.timePeriods[0]) == null ? void 0 : e.values[0]) || null), t.selectedRange = t.previouslySelectedRange = O, m("change", t.selectedRange), m("update:modelValue", t.selectedRange);
     }, Z = (e, l) => {
       const { start: i, end: d } = e;
       let n = a.timeGranularity === "secondly" ? "PP hh:mm:ss a" : "PP hh:mm a";
@@ -83,14 +85,17 @@ const ke = ["tabindex"], Re = ["innerHTML"], Te = {
       var e;
       s.value ? t.selectedRange.start && (m("change", { start: t.selectedRange.start, end: null }), m("update:modelValue", { start: t.selectedRange.start, end: null })) : (m("change", t.selectedRange), m("update:modelValue", t.selectedRange)), (e = L.value) == null || e.hidePopover(), w();
     }, w = () => {
-      var e;
+      var e, l;
       if (b.value && ((e = t.selectedRange) != null && e.start))
         t.abbreviatedDisplay = Z(t.selectedRange, !0);
       else if (o.value && !b.value) {
-        const l = B(/* @__PURE__ */ new Date(), $, "(z)");
-        t.abbreviatedDisplay = `${t.selectedTimeframe.display} ${l}`;
+        const i = B(/* @__PURE__ */ new Date(), $, "(z)");
+        t.abbreviatedDisplay = `${(l = t.selectedTimeframe) == null ? void 0 : l.display} ${i}`;
       }
-    }, Y = (e) => e.charAt(0).toUpperCase() + e.slice(1), _ = (e) => t.selectedTimeframe.key === e.key ? "primary" : "secondary";
+    }, Y = (e) => e.charAt(0).toUpperCase() + e.slice(1), _ = (e) => {
+      var l;
+      return ((l = t.selectedTimeframe) == null ? void 0 : l.key) === e.key ? "primary" : "secondary";
+    };
     T(h, (e, l) => {
       e !== void 0 && e !== l && N({ start: e, end: null });
     }, { immediate: !0 }), T(p, (e, l) => {

package/dist/kongponents.es99.js

@@ -5,8 +5,8 @@ import j from "./kongponents.es24.js";
 import G from "./kongponents.es53.js";
 import H from "./kongponents.es20.js";
 import J from "./kongponents.es43.js";
-import Q from "./kongponents.es183.js";
-import { KUI_SPACE_20 as W } from "./kongponents.es178.js";
+import Q from "./kongponents.es175.js";
+import { KUI_SPACE_20 as W } from "./kongponents.es174.js";
 const X = {
   class: "dropdown-list",
   "data-testid": "dropdown-list"