@kong/kongponents 9.64.16 → 9.64.17

package/dist/kongponents259.es.js

@@ -1,330 +1,33 @@
-import { getCurrentScope as K, ref as N, reactive as Q, onScopeDispose as U, watch as X, isReadonly as Y, toRefs as Z } from "vue";
-import _ from "./kongponents520.es.js";
-import T from "./kongponents258.es.js";
-var m = function() {
-  return m = Object.assign || function(o) {
-    for (var n, r = 1, i = arguments.length; r < i; r++) {
-      n = arguments[r];
-      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (o[a] = n[a]);
-    }
-    return o;
-  }, m.apply(this, arguments);
-}, E = function(o, n, r, i) {
-  function a(e) {
-    return e instanceof r ? e : new r(function(f) {
-      f(e);
-    });
-  }
-  return new (r || (r = Promise))(function(e, f) {
-    function h(l) {
-      try {
-        t(i.next(l));
-      } catch (u) {
-        f(u);
-      }
-    }
-    function s(l) {
-      try {
-        t(i.throw(l));
-      } catch (u) {
-        f(u);
-      }
-    }
-    function t(l) {
-      l.done ? e(l.value) : a(l.value).then(h, s);
-    }
-    t((i = i.apply(o, n || [])).next());
-  });
-}, p = function(o, n) {
-  var r = { label: 0, sent: function() {
-    if (e[0] & 1) throw e[1];
-    return e[1];
-  }, trys: [], ops: [] }, i, a, e, f;
-  return f = { next: h(0), throw: h(1), return: h(2) }, typeof Symbol == "function" && (f[Symbol.iterator] = function() {
-    return this;
-  }), f;
-  function h(t) {
-    return function(l) {
-      return s([t, l]);
-    };
-  }
-  function s(t) {
-    if (i) throw new TypeError("Generator is already executing.");
-    for (; r; ) try {
-      if (i = 1, a && (e = t[0] & 2 ? a.return : t[0] ? a.throw || ((e = a.return) && e.call(a), 0) : a.next) && !(e = e.call(a, t[1])).done) return e;
-      switch (a = 0, e && (t = [t[0] & 2, e.value]), t[0]) {
-        case 0:
-        case 1:
-          e = t;
-          break;
-        case 4:
-          return r.label++, { value: t[1], done: !1 };
-        case 5:
-          r.label++, a = t[1], t = [0];
-          continue;
-        case 7:
-          t = r.ops.pop(), r.trys.pop();
-          continue;
-        default:
-          if (e = r.trys, !(e = e.length > 0 && e[e.length - 1]) && (t[0] === 6 || t[0] === 2)) {
-            r = 0;
-            continue;
-          }
-          if (t[0] === 3 && (!e || t[1] > e[0] && t[1] < e[3])) {
-            r.label = t[1];
-            break;
-          }
-          if (t[0] === 6 && r.label < e[1]) {
-            r.label = e[1], e = t;
-            break;
-          }
-          if (e && r.label < e[2]) {
-            r.label = e[2], r.ops.push(t);
-            break;
-          }
-          e[2] && r.ops.pop(), r.trys.pop();
-          continue;
-      }
-      t = n.call(o, r);
-    } catch (l) {
-      t = [6, l], a = 0;
-    } finally {
-      i = e = 0;
-    }
-    if (t[0] & 5) throw t[1];
-    return { value: t[0] ? t[1] : void 0, done: !0 };
-  }
-}, $ = function(o, n) {
-  var r = typeof Symbol == "function" && o[Symbol.iterator];
-  if (!r) return o;
-  var i = r.call(o), a, e = [], f;
-  try {
-    for (; (n === void 0 || n-- > 0) && !(a = i.next()).done; ) e.push(a.value);
-  } catch (h) {
-    f = { error: h };
-  } finally {
-    try {
-      a && !a.done && (r = i.return) && r.call(i);
-    } finally {
-      if (f) throw f.error;
-    }
-  }
-  return e;
-}, ee = function(o, n, r) {
-  if (r || arguments.length === 2) for (var i = 0, a = n.length, e; i < a; i++)
-    (e || !(i in n)) && (e || (e = Array.prototype.slice.call(n, 0, i)), e[i] = n[i]);
-  return o.concat(e || Array.prototype.slice.call(n));
-}, z = new T(), O = new T(), D = new T(), F = {
-  cache: z,
-  refreshInterval: 0,
-  ttl: 0,
-  serverTTL: 1e3,
-  dedupingInterval: 2e3,
-  revalidateOnFocus: !0,
-  revalidateDebounce: 0,
-  shouldRetryOnError: !0,
-  errorRetryInterval: 5e3,
-  errorRetryCount: 5,
-  fetcher: _.fetcher,
-  isOnline: _.isOnline,
-  isDocumentVisible: _.isDocumentVisible
+import { watch as o, getCurrentScope as r, onScopeDispose as i, onMounted as c, nextTick as u, getCurrentInstance as s } from "vue";
+function d(e, t) {
+  return r() ? (i(e, t), !0) : !1;
+}
+const l = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const f = Object.prototype.toString, y = (e) => f.call(e) === "[object Object]", g = () => {
 };
-function re(o, n, r) {
-  var i = O.get(o);
-  if (i)
-    i.data.push(n);
-  else {
-    var a = 5e3;
-    O.set(o, [n], r > 0 ? r + a : r);
-  }
+function b(e) {
+  return Array.isArray(e) ? e : [e];
 }
-function te(o, n, r) {
-  if (r.isDocumentVisible() && !(r.errorRetryCount !== void 0 && n > r.errorRetryCount)) {
-    var i = Math.min(n || 0, r.errorRetryCount), a = i * r.errorRetryInterval;
-    setTimeout(function() {
-      o(null, { errorRetryCount: i + 1, shouldRetryOnError: !0 });
-    }, a);
-  }
+function p(e) {
+  return s();
 }
-function G(o) {
-  var n = o.shouldRetry, r = n === void 0 ? void 0 : n, i = o.error;
-  return typeof r == "function" ? r(i) : typeof r == "boolean" ? r : F.shouldRetryOnError;
+function m(e, t = !0, n) {
+  p() ? c(e, n) : t ? e() : u(e);
 }
-var q = function(o, n, r, i) {
-  return r === void 0 && (r = z), i === void 0 && (i = F.ttl), E(void 0, void 0, void 0, function() {
-    var a, e, f, h, s, t, l;
-    return p(this, function(u) {
-      switch (u.label) {
-        case 0:
-          if (!ne(n)) return [3, 5];
-          u.label = 1;
-        case 1:
-          return u.trys.push([1, 3, , 4]), [4, n];
-        case 2:
-          return a = u.sent(), [3, 4];
-        case 3:
-          return h = u.sent(), e = h, [3, 4];
-        case 4:
-          return [3, 6];
-        case 5:
-          a = n, u.label = 6;
-        case 6:
-          if (f = !1, s = { data: a, error: e, isValidating: f }, typeof a < "u")
-            try {
-              r.set(o, s, i);
-            } catch (v) {
-              console.error("swrv(mutate): failed to set cache", v);
-            }
-          return t = O.get(o), t && t.data.length && (l = t.data.filter(function(v) {
-            return v.key === o;
-          }), l.forEach(function(v, b) {
-            typeof s.data < "u" && (v.data = s.data), v.error = s.error, v.isValidating = s.isValidating, v.isLoading = s.isValidating;
-            var g = b === l.length - 1;
-            g || delete l[b];
-          }), l = l.filter(Boolean)), [2, s];
-      }
-    });
+function S(e, t, n) {
+  return o(e, t, {
+    ...n,
+    immediate: !0
   });
-};
-function oe() {
-  for (var o = this, n = [], r = 0; r < arguments.length; r++)
-    n[r] = arguments[r];
-  var i, a, e = m({}, F), f = !1, h = !1;
-  if (!K())
-    return console.error("useSWRV must be called inside setup() or an active effectScope()."), null;
-  var s = typeof window > "u" || typeof document > "u";
-  n.length >= 1 && (i = n[0]), n.length >= 2 && (a = n[1]), n.length > 2 && (e = m(m({}, e), n[2]));
-  var t = s ? e.serverTTL : e.ttl, l = typeof i == "function" ? i : N(i);
-  typeof a > "u" && (a = e.fetcher);
-  var u = null;
-  u || (u = Q({
-    data: void 0,
-    error: void 0,
-    isValidating: !0,
-    isLoading: !0,
-    key: null
-  }));
-  var v = function(c, d) {
-    return E(o, void 0, void 0, function() {
-      var x, y, V, R, A, H, I, j = this;
-      return p(this, function(S) {
-        switch (S.label) {
-          case 0:
-            return x = u.data === void 0, y = l.value, y ? (V = e.cache.get(y), R = V && V.data, u.isValidating = !0, u.isLoading = !R, R && (u.data = R.data, u.error = R.error), A = c || a, !A || !e.isDocumentVisible() && !x || d?.forceRevalidate !== void 0 && !d?.forceRevalidate ? (u.isValidating = !1, u.isLoading = !1, [
-              2
-              /*return*/
-            ]) : V && (H = !!(Date.now() - V.createdAt >= e.dedupingInterval || d?.forceRevalidate), !H) ? (u.isValidating = !1, u.isLoading = !1, [
-              2
-              /*return*/
-            ]) : (I = function() {
-              return E(j, void 0, void 0, function() {
-                var w, B, L, P, W, M;
-                return p(this, function(C) {
-                  switch (C.label) {
-                    case 0:
-                      return w = D.get(y), w ? [3, 2] : (B = Array.isArray(y) ? y : [y], L = A.apply(void 0, ee([], $(B), !1)), D.set(y, L, e.dedupingInterval), [4, q(y, L, e.cache, t)]);
-                    case 1:
-                      return C.sent(), [3, 4];
-                    case 2:
-                      return [4, q(y, w.data, e.cache, t)];
-                    case 3:
-                      C.sent(), C.label = 4;
-                    case 4:
-                      return u.isValidating = !1, u.isLoading = !1, D.delete(y), u.error !== void 0 && (P = G({ shouldRetry: e.shouldRetryOnError, error: u.error }), W = G({
-                        shouldRetry: d ? d.shouldRetryOnError : !0,
-                        error: u.error
-                      }), M = !f && P && W, M && te(v, d ? d.errorRetryCount : 1, e)), [
-                        2
-                        /*return*/
-                      ];
-                  }
-                });
-              });
-            }, R && e.revalidateDebounce ? (setTimeout(function() {
-              return E(j, void 0, void 0, function() {
-                return p(this, function(w) {
-                  switch (w.label) {
-                    case 0:
-                      return f ? [3, 2] : [4, I()];
-                    case 1:
-                      w.sent(), w.label = 2;
-                    case 2:
-                      return [
-                        2
-                        /*return*/
-                      ];
-                  }
-                });
-              });
-            }, e.revalidateDebounce), [3, 3]) : [3, 1])) : [
-              2
-              /*return*/
-            ];
-          case 1:
-            return [4, I()];
-          case 2:
-            S.sent(), S.label = 3;
-          case 3:
-            return [
-              2
-              /*return*/
-            ];
-        }
-      });
-    });
-  }, b = function() {
-    return E(o, void 0, void 0, function() {
-      return p(this, function(c) {
-        return [2, v(null, { shouldRetryOnError: !1 })];
-      });
-    });
-  }, g = null;
-  if (!s) {
-    var k = function() {
-      return E(o, void 0, void 0, function() {
-        return p(this, function(c) {
-          switch (c.label) {
-            case 0:
-              return !u.error && e.isOnline() ? [4, v()] : [3, 2];
-            case 1:
-              return c.sent(), [3, 3];
-            case 2:
-              g && (clearTimeout(g), g = null), c.label = 3;
-            case 3:
-              return e.refreshInterval && !f && (g = setTimeout(k, e.refreshInterval)), [
-                2
-                /*return*/
-              ];
-          }
-        });
-      });
-    };
-    e.refreshInterval && (g = setTimeout(k, e.refreshInterval)), e.revalidateOnFocus && (document.addEventListener("visibilitychange", b, !1), window.addEventListener("focus", b, !1));
-  }
-  U(function() {
-    f = !0, g && (clearTimeout(g), g = null), !s && e.revalidateOnFocus && (document.removeEventListener("visibilitychange", b, !1), window.removeEventListener("focus", b, !1));
-    var c = O.get(l.value);
-    c && (c.data = c.data.filter(function(d) {
-      return d !== u;
-    }));
-  });
-  try {
-    X(l, function(c) {
-      Y(l) || (l.value = c), u.key = c, u.isValidating = !!c, re(l.value, u, t), !s && !h && l.value && v(), h = !1;
-    }, {
-      immediate: !0
-    });
-  } catch {
-  }
-  var J = m(m({}, Z(u)), { mutate: function(c, d) {
-    return v(c, m(m({}, d), { forceRevalidate: !0 }));
-  } });
-  return J;
-}
-function ne(o) {
-  return o !== null && typeof o == "object" && typeof o.then == "function";
 }
 export {
-  oe as default,
-  q as mutate
+  p as getLifeCycleTarget,
+  l as isClient,
+  y as isObject,
+  g as noop,
+  b as toArray,
+  m as tryOnMounted,
+  d as tryOnScopeDispose,
+  S as watchImmediate
 };

package/dist/kongponents260.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents216.cjs"),p={ref:"itemsContainer"},B={key:1,class:"select-group","data-propagate-clicks":"false"},g={class:"select-group-title"},v={class:"select-item-description"},u=".select-item button:not(:disabled)",w='.select-item[aria-selected="true"] button:not(:disabled)',C=e.defineComponent({__name:"KSelectItems",props:{items:{default:()=>[]},itemCreationEnabled:{type:Boolean},filterString:{default:""},itemCreationValid:{type:Boolean,default:!0}},emits:["selected","add-item"],setup(i,{expose:f,emit:E}){const k=E,a=n=>"items"in n&&Array.isArray(n.items),d=n=>k("selected",n),m=e.useTemplateRef("itemsContainer"),S=n=>{const o=m.value;if(!o)return;const t=o.querySelectorAll(u);if(!t?.length)return;const s=o.querySelector(w);if(s){const l=[...t].indexOf(s);t[n==="down"?l+1:l-1]?.focus()}else t[n==="down"?0:t.length-1]?.focus()},c=({target:n,key:o})=>{if(o==="ArrowDown"||o==="ArrowUp"){const t=m.value?.querySelectorAll(u);if(t?.length){const s=[...t].indexOf(n),l=o==="ArrowDown"?s+1:s-1;t[l]?.focus()}}};return f({setFocus:S}),(n,o)=>(e.openBlock(),e.createElementBlock("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.items,(t,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a(t)?`${t.key||t.label}-group`:t.key||t.value||s},[a(t)?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("span",g,e.toDisplayString(t.label),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createBlock(r.default,{key:l.key,item:l,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:l},void 0,!0)]),_:2},1032,["item"]))),128))])):(e.openBlock(),e.createBlock(r.default,{key:0,item:t,onKeydown:c,onSelected:d},{content:e.withCtx(()=>[e.renderSlot(n.$slots,"content",{item:t},void 0,!0)]),_:2},1032,["item"]))],64))),128)),i.itemCreationEnabled?(e.openBlock(),e.createBlock(r.default,{key:"select-add-item",class:"select-add-item","data-testid":"select-add-item",item:{label:`${i.filterString} (Add new value)`,value:"add_item",disabled:!i.itemCreationValid},onKeydown:c,onSelected:o[0]||(o[0]=t=>n.$emit("add-item"))},{content:e.withCtx(()=>[e.createElementVNode("div",v,[e.createTextVNode(e.toDisplayString(i.filterString)+" ",1),o[1]||(o[1]=e.createElementVNode("span",{class:"select-item-new-indicator"},"(Add new value)",-1))])]),_:1},8,["item"])):e.createCommentVNode("",!0)],512))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents386.cjs"),P=require("./kongponents293.cjs"),F=require("./kongponents305.cjs"),f=require("./kongponents216.cjs"),R=require("./kongponents300.cjs"),$=require("./kongponents296.cjs"),q=require("./kongponents298.cjs"),I={class:"calendar-wrapper"},p={key:2,class:"time-wrapper"},A={class:"time-inputs-container"},U={class:"time-input-column"},Y=["for"],j={key:0},z={key:1},W=["id","step"],O={class:"time-input-column"},J=["for"],K={key:0},L=["id","step"],Q={key:0,class:"help-text"},X=e.defineComponent({__name:"CalendarWrapper",props:e.mergeModels({isRange:{type:Boolean},kDatePickerMode:{},maxDate:{default:()=>{}},minDate:{default:()=>{}},errorMessage:{default:()=>{}},timeGranularity:{default:"minutely"},sameDayFullRange:{type:Boolean,default:!1},customRangeValidation:{type:Function,default:void 0}},{modelValue:{required:!0},modelModifiers:{},error:{type:Boolean,default:!1},errorModifiers:{}}),emits:["update:modelValue","update:error"],setup(a,{expose:G}){const u=(l,n)=>n==="secondly"?f.default(l,"HH:mm:ss"):f.default(l,"HH:mm"),t=e.useModel(a,"modelValue"),m=e.useModel(a,"error"),i=e.ref(u(new Date,a.timeGranularity)),s=e.ref(u(new Date,a.timeGranularity)),c=e.ref({start:u(new Date,a.timeGranularity),end:u(new Date,a.timeGranularity)}),v=e.useId(),b=e.computed(()=>a.isRange&&o(t.value)?{year:t.value.start.getFullYear(),month:t.value.start.getMonth()+1}:t.value instanceof Date?{year:t.value.getFullYear(),month:t.value.getMonth()+1}:a.maxDate&&P.default(a.maxDate,F.default())?{year:a.maxDate.getFullYear(),month:a.maxDate.getMonth()+1}:{year:new Date().getFullYear(),month:new Date().getMonth()+1}),D=e.computed(()=>({borderless:!0,color:"blue",dragAttribute:C,expanded:!0,initialPage:b.value,maxDate:a.maxDate,minDate:a.minDate,mode:"date",modelConfig:T,selectAttribute:N,transparent:!0,trimWeeks:!0})),k=e.computed(()=>["time","dateTime","relativeDateTime"].includes(a.kDatePickerMode)),h=e.computed(()=>{switch(a.timeGranularity){case"minutely":return 60;case"secondly":return 1;default:return 60}}),y=(l,n)=>l>n?!0:a.customRangeValidation?a.customRangeValidation(l,n):!1,o=l=>!l||typeof l!="object"||!("start"in l)||!("end"in l)?!1:l.start instanceof Date&&l.end instanceof Date,w=()=>{if(!a.sameDayFullRange||!a.isRange||!o(t.value))return!1;const l=t.value.start.getTime(),n=t.value.end.getTime(),r=a.timeGranularity==="secondly"?"HH:mm:ss":"HH:mm",d=i.value?R.default(i.value,r,t.value.start).getTime():l,g=s.value?R.default(s.value,r,t.value.end).getTime():n,S=$.default(t.value.start,t.value.end);return(q.default(t.value.start,t.value.end)||S&&(d>=g||l>=n))&&(t.value.start.setHours(0,0,0,0),t.value.end.setHours(23,59,59,999)),!0},V=()=>{k.value&&(a.isRange&&o(t.value)?(i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity)):t.value instanceof Date?i.value=u(t.value,a.timeGranularity):i.value=u(new Date,a.timeGranularity))},M=l=>{const n=l.split(":"),r=parseInt(n[0]??"0",10),d=parseInt(n[1]??"0",10),g=a.timeGranularity==="secondly"&&n[2]?parseInt(n[2],10):0;return{hours:r,minutes:d,seconds:g}};e.onMounted(()=>{V(),c.value.start=i.value,c.value.end=s.value});const T={type:"number"},C={key:"select-drag",highlight:{start:{contentClass:"vcal-day-drag-start"},base:{contentClass:"vcal-day-drag-base"},end:{contentClass:"vcal-day-drag-end"}}},N={key:"select-calendar",highlight:{start:{contentClass:"vcal-day-start"},base:{contentClass:"vcal-day-base"},end:{contentClass:"vcal-day-end"}}};e.watch(()=>i.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)?(t.value.start.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&t.value.setHours(n,r,d,0)}),e.watch(()=>s.value,l=>{if(!l)return;const{hours:n,minutes:r,seconds:d}=M(l);a.isRange&&o(t.value)&&(t.value.end.setHours(n,r,d,0),m.value=y(t.value.start,t.value.end))}),e.watch(()=>t.value,()=>{a.isRange&&o(t.value)?(w(),i.value=u(t.value.start,a.timeGranularity),s.value=u(t.value.end,a.timeGranularity),m.value=y(t.value.start,t.value.end)):t.value instanceof Date&&(i.value=u(t.value,a.timeGranularity))},{immediate:!1,deep:!0}),e.watch(()=>a.timeGranularity,()=>{a.isRange&&o(t.value)?(c.value.start=u(t.value.start,a.timeGranularity),c.value.end=u(t.value.end,a.timeGranularity)):t.value instanceof Date&&(c.value.start=u(t.value,a.timeGranularity))});const E=()=>a.isRange&&o(t.value),H=()=>{i.value=c.value.start,s.value=c.value.end},x=l=>{try{return f.default(l,"EEE MMM d yyyy")}catch(n){console.warn("Error formatting date:",n)}};return G({resetTime:H,initTimeInputs:V}),(l,n)=>(e.openBlock(),e.createElementBlock("div",I,[a.isRange?(e.openBlock(),e.createBlock(e.unref(B.DatePicker),e.mergeProps({key:0},D.value,{modelValue:t.value,"onUpdate:modelValue":n[0]||(n[0]=r=>t.value=r),modelModifiers:{range:!0}}),null,16,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(B.DatePicker),e.mergeProps({key:1},D.value,{modelValue:t.value,"onUpdate:modelValue":n[1]||(n[1]=r=>t.value=r)}),null,16,["modelValue"])),k.value?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",A,[e.createElementVNode("div",U,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-start-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(x(t.value.start)),1)):t.value&&t.value instanceof Date?(e.openBlock(),e.createElementBlock("span",z,e.toDisplayString(x(t.value)),1)):e.createCommentVNode("",!0)],8,Y),e.withDirectives(e.createElementVNode("input",{id:`time-input-start-${e.unref(v)}`,"onUpdate:modelValue":n[2]||(n[2]=r=>i.value=r),class:e.normalizeClass(["time-input-start",{"input-error":m.value}]),"data-testid":"time-input-start",step:h.value,type:"time"},null,10,W),[[e.vModelText,i.value]])]),a.isRange?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n[4]||(n[4]=e.createElementVNode("div",{class:"time-input-separator"}," - ",-1)),e.createElementVNode("div",O,[e.createElementVNode("label",{class:"time-input-label",for:`time-input-end-${e.unref(v)}`},[E()?(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(e.unref(f.default)(t.value.end,"EEE MMM d yyyy")),1)):e.createCommentVNode("",!0)],8,J),e.withDirectives(e.createElementVNode("input",{id:`time-input-end-${e.unref(v)}`,"onUpdate:modelValue":n[3]||(n[3]=r=>s.value=r),class:e.normalizeClass(["time-input-end",{"input-error":m.value}]),"data-testid":"time-input-end",step:h.value,type:"time"},null,10,L),[[e.vModelText,s.value]])])],64)):e.createCommentVNode("",!0)]),e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[m.value&&a.errorMessage?(e.openBlock(),e.createElementBlock("div",Q,e.toDisplayString(a.errorMessage),1)):e.createCommentVNode("",!0)]),_:1})])):e.createCommentVNode("",!0)]))}});exports.default=X;

package/dist/kongponents260.es.js

@@ -1,89 +1,184 @@
-import { defineComponent as I, useTemplateRef as y, openBlock as s, createElementBlock as d, Fragment as c, renderList as w, createBlock as r, withCtx as m, renderSlot as C, createElementVNode as u, toDisplayString as v, createTextVNode as T, createCommentVNode as _ } from "vue";
-import f from "./kongponents216.es.js";
-const h = { ref: "itemsContainer" }, B = {
-  key: 1,
-  class: "select-group",
-  "data-propagate-clicks": "false"
-}, K = { class: "select-group-title" }, L = { class: "select-item-description" }, g = ".select-item button:not(:disabled)", $ = '.select-item[aria-selected="true"] button:not(:disabled)', R = /* @__PURE__ */ I({
-  __name: "KSelectItems",
-  props: {
-    items: { default: () => [] },
-    itemCreationEnabled: { type: Boolean },
-    filterString: { default: "" },
-    itemCreationValid: { type: Boolean, default: !0 }
-  },
-  emits: ["selected", "add-item"],
-  setup(i, { expose: b, emit: k }) {
-    const x = k, E = (t) => "items" in t && Array.isArray(t.items), S = (t) => x("selected", t), p = y("itemsContainer"), A = (t) => {
-      const n = p.value;
+import { defineComponent as K, useModel as F, ref as T, useId as L, computed as h, onMounted as Q, watch as M, openBlock as s, createElementBlock as v, createBlock as I, unref as f, mergeProps as P, createElementVNode as m, toDisplayString as V, createCommentVNode as g, withDirectives as B, normalizeClass as A, vModelText as U, Fragment as X, createVNode as Z, Transition as _, withCtx as ee, mergeModels as te } from "vue";
+import { DatePicker as Y } from "./kongponents386.es.js";
+import ae from "./kongponents293.es.js";
+import ne from "./kongponents305.es.js";
+import k from "./kongponents216.es.js";
+import $ from "./kongponents300.es.js";
+import le from "./kongponents296.es.js";
+import ie from "./kongponents298.es.js";
+const re = { class: "calendar-wrapper" }, ue = {
+  key: 2,
+  class: "time-wrapper"
+}, se = { class: "time-inputs-container" }, oe = { class: "time-input-column" }, de = ["for"], me = { key: 0 }, ce = { key: 1 }, ve = ["id", "step"], fe = { class: "time-input-column" }, ye = ["for"], ge = { key: 0 }, De = ["id", "step"], he = {
+  key: 0,
+  class: "help-text"
+}, He = /* @__PURE__ */ K({
+  __name: "CalendarWrapper",
+  props: /* @__PURE__ */ te({
+    isRange: { type: Boolean },
+    kDatePickerMode: {},
+    maxDate: { default: () => {
+    } },
+    minDate: { default: () => {
+    } },
+    errorMessage: { default: () => {
+    } },
+    timeGranularity: { default: "minutely" },
+    sameDayFullRange: { type: Boolean, default: !1 },
+    customRangeValidation: { type: Function, default: void 0 }
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {},
+    error: { type: Boolean, default: !1 },
+    errorModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:error"],
+  setup(t, { expose: N }) {
+    const i = (n, a) => a === "secondly" ? k(n, "HH:mm:ss") : k(n, "HH:mm"), e = F(t, "modelValue"), y = F(t, "error"), r = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), u = T(i(/* @__PURE__ */ new Date(), t.timeGranularity)), c = T({
+      start: i(/* @__PURE__ */ new Date(), t.timeGranularity),
+      end: i(/* @__PURE__ */ new Date(), t.timeGranularity)
+    }), D = L(), W = h(() => t.isRange && o(e.value) ? { year: e.value.start.getFullYear(), month: e.value.start.getMonth() + 1 } : e.value instanceof Date ? { year: e.value.getFullYear(), month: e.value.getMonth() + 1 } : t.maxDate && ae(t.maxDate, ne()) ? { year: t.maxDate.getFullYear(), month: t.maxDate.getMonth() + 1 } : { year: (/* @__PURE__ */ new Date()).getFullYear(), month: (/* @__PURE__ */ new Date()).getMonth() + 1 }), b = h(() => ({
+      borderless: !0,
+      color: "blue",
+      dragAttribute: q,
+      expanded: !0,
+      initialPage: W.value,
+      maxDate: t.maxDate,
+      minDate: t.minDate,
+      mode: "date",
+      modelConfig: p,
+      selectAttribute: z,
+      transparent: !0,
+      trimWeeks: !0
+    })), w = h(() => ["time", "dateTime", "relativeDateTime"].includes(t.kDatePickerMode)), x = h(() => {
+      switch (t.timeGranularity) {
+        case "minutely":
+          return 60;
+        case "secondly":
+          return 1;
+        default:
+          return 60;
+      }
+    }), R = (n, a) => n > a ? !0 : t.customRangeValidation ? t.customRangeValidation(n, a) : !1, o = (n) => !n || typeof n != "object" || !("start" in n) || !("end" in n) ? !1 : n.start instanceof Date && n.end instanceof Date, j = () => {
+      if (!t.sameDayFullRange || !t.isRange || !o(e.value))
+        return !1;
+      const n = e.value.start.getTime(), a = e.value.end.getTime(), l = t.timeGranularity === "secondly" ? "HH:mm:ss" : "HH:mm", d = r.value ? $(r.value, l, e.value.start).getTime() : n, G = u.value ? $(u.value, l, e.value.end).getTime() : a, J = le(e.value.start, e.value.end);
+      return (ie(e.value.start, e.value.end) || J && (d >= G || n >= a)) && (e.value.start.setHours(0, 0, 0, 0), e.value.end.setHours(23, 59, 59, 999)), !0;
+    }, H = () => {
+      w.value && (t.isRange && o(e.value) ? (r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity)) : e.value instanceof Date ? r.value = i(e.value, t.timeGranularity) : r.value = i(/* @__PURE__ */ new Date(), t.timeGranularity));
+    }, C = (n) => {
+      const a = n.split(":"), l = parseInt(a[0] ?? "0", 10), d = parseInt(a[1] ?? "0", 10), G = t.timeGranularity === "secondly" && a[2] ? parseInt(a[2], 10) : 0;
+      return { hours: l, minutes: d, seconds: G };
+    };
+    Q(() => {
+      H(), c.value.start = r.value, c.value.end = u.value;
+    });
+    const p = { type: "number" }, q = {
+      key: "select-drag",
+      highlight: {
+        start: { contentClass: "vcal-day-drag-start" },
+        base: { contentClass: "vcal-day-drag-base" },
+        end: { contentClass: "vcal-day-drag-end" }
+      }
+    }, z = {
+      key: "select-calendar",
+      highlight: {
+        start: { contentClass: "vcal-day-start" },
+        base: { contentClass: "vcal-day-base" },
+        end: { contentClass: "vcal-day-end" }
+      }
+    };
+    M(() => r.value, (n) => {
       if (!n)
         return;
-      const e = n.querySelectorAll(g);
-      if (!e?.length)
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) ? (e.value.start.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && e.value.setHours(a, l, d, 0);
+    }), M(() => u.value, (n) => {
+      if (!n)
         return;
-      const l = n.querySelector($);
-      if (l) {
-        const o = [...e].indexOf(l);
-        e[t === "down" ? o + 1 : o - 1]?.focus();
-      } else
-        e[t === "down" ? 0 : e.length - 1]?.focus();
-    }, a = ({ target: t, key: n }) => {
-      if (n === "ArrowDown" || n === "ArrowUp") {
-        const e = p.value?.querySelectorAll(g);
-        if (e?.length) {
-          const l = [...e].indexOf(t), o = n === "ArrowDown" ? l + 1 : l - 1;
-          e[o]?.focus();
-        }
+      const { hours: a, minutes: l, seconds: d } = C(n);
+      t.isRange && o(e.value) && (e.value.end.setHours(a, l, d, 0), y.value = R(e.value.start, e.value.end));
+    }), M(() => e.value, () => {
+      t.isRange && o(e.value) ? (j(), r.value = i(e.value.start, t.timeGranularity), u.value = i(e.value.end, t.timeGranularity), y.value = R(e.value.start, e.value.end)) : e.value instanceof Date && (r.value = i(e.value, t.timeGranularity));
+    }, { immediate: !1, deep: !0 }), M(() => t.timeGranularity, () => {
+      t.isRange && o(e.value) ? (c.value.start = i(e.value.start, t.timeGranularity), c.value.end = i(e.value.end, t.timeGranularity)) : e.value instanceof Date && (c.value.start = i(e.value, t.timeGranularity));
+    });
+    const E = () => t.isRange && o(e.value), O = () => {
+      r.value = c.value.start, u.value = c.value.end;
+    }, S = (n) => {
+      try {
+        return k(n, "EEE MMM d yyyy");
+      } catch (a) {
+        console.warn("Error formatting date:", a);
       }
     };
-    return b({ setFocus: A }), (t, n) => (s(), d("div", h, [
-      (s(!0), d(c, null, w(i.items, (e, l) => (s(), d(c, {
-        key: E(e) ? `${e.key || e.label}-group` : e.key || e.value || l
-      }, [
-        E(e) ? (s(), d("div", B, [
-          u("span", K, v(e.label), 1),
-          (s(!0), d(c, null, w(e.items, (o) => (s(), r(f, {
-            key: o.key,
-            item: o,
-            onKeydown: a,
-            onSelected: S
-          }, {
-            content: m(() => [
-              C(t.$slots, "content", { item: o }, void 0, !0)
-            ]),
-            _: 2
-          }, 1032, ["item"]))), 128))
-        ])) : (s(), r(f, {
-          key: 0,
-          item: e,
-          onKeydown: a,
-          onSelected: S
-        }, {
-          content: m(() => [
-            C(t.$slots, "content", { item: e }, void 0, !0)
+    return N({
+      resetTime: O,
+      initTimeInputs: H
+    }), (n, a) => (s(), v("div", re, [
+      t.isRange ? (s(), I(f(Y), P({ key: 0 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
+        modelModifiers: { range: !0 }
+      }), null, 16, ["modelValue"])) : (s(), I(f(Y), P({ key: 1 }, b.value, {
+        modelValue: e.value,
+        "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value = l)
+      }), null, 16, ["modelValue"])),
+      w.value ? (s(), v("div", ue, [
+        m("div", se, [
+          m("div", oe, [
+            m("label", {
+              class: "time-input-label",
+              for: `time-input-start-${f(D)}`
+            }, [
+              E() ? (s(), v("span", me, V(S(e.value.start)), 1)) : e.value && e.value instanceof Date ? (s(), v("span", ce, V(S(e.value)), 1)) : g("", !0)
+            ], 8, de),
+            B(m("input", {
+              id: `time-input-start-${f(D)}`,
+              "onUpdate:modelValue": a[2] || (a[2] = (l) => r.value = l),
+              class: A(["time-input-start", { "input-error": y.value }]),
+              "data-testid": "time-input-start",
+              step: x.value,
+              type: "time"
+            }, null, 10, ve), [
+              [U, r.value]
+            ])
           ]),
-          _: 2
-        }, 1032, ["item"]))
-      ], 64))), 128)),
-      i.itemCreationEnabled ? (s(), r(f, {
-        key: "select-add-item",
-        class: "select-add-item",
-        "data-testid": "select-add-item",
-        item: { label: `${i.filterString} (Add new value)`, value: "add_item", disabled: !i.itemCreationValid },
-        onKeydown: a,
-        onSelected: n[0] || (n[0] = (e) => t.$emit("add-item"))
-      }, {
-        content: m(() => [
-          u("div", L, [
-            T(v(i.filterString) + " ", 1),
-            n[1] || (n[1] = u("span", { class: "select-item-new-indicator" }, "(Add new value)", -1))
-          ])
+          t.isRange ? (s(), v(X, { key: 0 }, [
+            a[4] || (a[4] = m("div", { class: "time-input-separator" }, " - ", -1)),
+            m("div", fe, [
+              m("label", {
+                class: "time-input-label",
+                for: `time-input-end-${f(D)}`
+              }, [
+                E() ? (s(), v("span", ge, V(f(k)(e.value.end, "EEE MMM d yyyy")), 1)) : g("", !0)
+              ], 8, ye),
+              B(m("input", {
+                id: `time-input-end-${f(D)}`,
+                "onUpdate:modelValue": a[3] || (a[3] = (l) => u.value = l),
+                class: A(["time-input-end", { "input-error": y.value }]),
+                "data-testid": "time-input-end",
+                step: x.value,
+                type: "time"
+              }, null, 10, De), [
+                [U, u.value]
+              ])
+            ])
+          ], 64)) : g("", !0)
         ]),
-        _: 1
-      }, 8, ["item"])) : _("", !0)
-    ], 512));
+        Z(_, {
+          mode: "out-in",
+          name: "kongponents-fade-transition"
+        }, {
+          default: ee(() => [
+            y.value && t.errorMessage ? (s(), v("div", he, V(t.errorMessage), 1)) : g("", !0)
+          ]),
+          _: 1
+        })
+      ])) : g("", !0)
+    ]));
   }
 });
 export {
-  R as default
+  He as default
 };