@kong/kongponents 9.61.7 → 9.61.8

package/dist/kongponents267.es.js

@@ -1,377 +1,47 @@
-import { evaluate as j, getSideAxis as T, getSide as L, clamp as X, getOppositePlacement as q, getExpandedPlacements as z, getOppositeAxisPlacements as G, getAlignmentSides as U, placements as I, getAlignment as D, getOppositeAxis as H, getOppositeAlignmentPlacement as J, getAlignmentAxis as K, getPaddingObject as Q, rectToClientRect as Y, getAxisLength as Z } from "./kongponents268.es.js";
-function N(t, i, f) {
-  let {
-    reference: n,
-    floating: e
-  } = t;
-  const o = T(i), s = K(i), l = Z(s), g = L(i), A = o === "y", x = n.x + n.width / 2 - e.width / 2, a = n.y + n.height / 2 - e.height / 2, c = n[l] / 2 - e[l] / 2;
-  let r;
-  switch (g) {
-    case "top":
-      r = {
-        x,
-        y: n.y - e.height
-      };
-      break;
-    case "bottom":
-      r = {
-        x,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      r = {
-        x: n.x + n.width,
-        y: a
-      };
-      break;
-    case "left":
-      r = {
-        x: n.x - e.width,
-        y: a
-      };
-      break;
-    default:
-      r = {
-        x: n.x,
-        y: n.y
-      };
-  }
-  switch (D(i)) {
-    case "start":
-      r[s] -= c * (f && A ? -1 : 1);
-      break;
-    case "end":
-      r[s] += c * (f && A ? -1 : 1);
-      break;
-  }
-  return r;
-}
-async function ee(t, i) {
-  var f;
-  i === void 0 && (i = {});
-  const {
-    x: n,
-    y: e,
-    platform: o,
-    rects: s,
-    elements: l,
-    strategy: g
-  } = t, {
-    boundary: A = "clippingAncestors",
-    rootBoundary: x = "viewport",
-    elementContext: a = "floating",
-    altBoundary: c = !1,
-    padding: r = 0
-  } = j(i, t), m = Q(r), h = l[c ? a === "floating" ? "reference" : "floating" : a], d = Y(await o.getClippingRect({
-    element: (f = await (o.isElement == null ? void 0 : o.isElement(h))) == null || f ? h : h.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
-    boundary: A,
-    rootBoundary: x,
-    strategy: g
-  })), u = a === "floating" ? {
-    x: n,
-    y: e,
-    width: s.floating.width,
-    height: s.floating.height
-  } : s.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), y = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, P = Y(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: u,
-    offsetParent: p,
-    strategy: g
-  }) : u);
-  return {
-    top: (d.top - P.top + m.top) / y.y,
-    bottom: (P.bottom - d.bottom + m.bottom) / y.y,
-    left: (d.left - P.left + m.left) / y.x,
-    right: (P.right - d.right + m.right) / y.x
-  };
-}
-const te = 50, oe = async (t, i, f) => {
-  const {
-    placement: n = "bottom",
-    strategy: e = "absolute",
-    middleware: o = [],
-    platform: s
-  } = f, l = s.detectOverflow ? s : {
-    ...s,
-    detectOverflow: ee
-  }, g = await (s.isRTL == null ? void 0 : s.isRTL(i));
-  let A = await s.getElementRects({
-    reference: t,
-    floating: i,
-    strategy: e
-  }), {
-    x,
-    y: a
-  } = N(A, n, g), c = n, r = 0;
-  const m = {};
-  for (let w = 0; w < o.length; w++) {
-    const h = o[w];
-    if (!h)
-      continue;
-    const {
-      name: d,
-      fn: u
-    } = h, {
-      x: p,
-      y,
-      data: P,
-      reset: O
-    } = await u({
-      x,
-      y: a,
-      initialPlacement: n,
-      placement: c,
-      strategy: e,
-      middlewareData: m,
-      rects: A,
-      platform: l,
-      elements: {
-        reference: t,
-        floating: i
+import { defineComponent as r, openBlock as c, createElementBlock as u, createElementVNode as l, withKeys as s, withModifiers as n, normalizeClass as v, renderSlot as w, createTextVNode as b, toDisplayString as f } from "vue";
+const k = ["aria-selected", "data-testid"], y = { class: "select-item-container" }, $ = ["disabled", "value"], h = { class: "select-item-label" }, K = /* @__PURE__ */ r({
+  __name: "KSelectItem",
+  props: {
+    item: {}
+  },
+  emits: ["selected", "arrow-down", "arrow-up"],
+  setup(e, { emit: o }) {
+    const a = o, d = (t) => {
+      if (e.item.disabled) {
+        t.stopPropagation();
+        return;
       }
-    });
-    x = p ?? x, a = y ?? a, m[d] = {
-      ...m[d],
-      ...P
-    }, O && r < te && (r++, typeof O == "object" && (O.placement && (c = O.placement), O.rects && (A = O.rects === !0 ? await s.getElementRects({
-      reference: t,
-      floating: i,
-      strategy: e
-    }) : O.rects), {
-      x,
-      y: a
-    } = N(A, c, g)), w = -1);
+      a("selected", e.item);
+    };
+    return (t, i) => (c(), u("div", {
+      key: e.item.key,
+      "aria-selected": e.item.selected,
+      class: "select-item",
+      "data-testid": `select-item-${e.item.value}`,
+      role: "option"
+    }, [
+      l("div", y, [
+        l("button", {
+          class: v({ selected: e.item.selected }),
+          disabled: e.item.disabled === !0 ? !0 : void 0,
+          type: "button",
+          value: e.item.value,
+          onClick: d,
+          onKeydown: [
+            i[0] || (i[0] = s(n((m) => t.$emit("arrow-down"), ["prevent"]), ["down"])),
+            i[1] || (i[1] = s(n((m) => t.$emit("arrow-up"), ["prevent"]), ["up"]))
+          ]
+        }, [
+          l("span", h, [
+            w(t.$slots, "content", {}, () => [
+              b(f(e.item.label), 1)
+            ], !0)
+          ])
+        ], 42, $)
+      ])
+    ], 8, k));
   }
-  return {
-    x,
-    y: a,
-    placement: c,
-    strategy: e,
-    middlewareData: m
-  };
-};
-function ne(t, i, f) {
-  return (t ? [...f.filter((e) => D(e) === t), ...f.filter((e) => D(e) !== t)] : f.filter((e) => L(e) === e)).filter((e) => t ? D(e) === t || (i ? J(e) !== e : !1) : !0);
-}
-const le = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "autoPlacement",
-    options: t,
-    async fn(i) {
-      var f, n, e;
-      const {
-        rects: o,
-        middlewareData: s,
-        placement: l,
-        platform: g,
-        elements: A
-      } = i, {
-        crossAxis: x = !1,
-        alignment: a,
-        allowedPlacements: c = I,
-        autoAlignment: r = !0,
-        ...m
-      } = j(t, i), w = a !== void 0 || c === I ? ne(a || null, r, c) : c, h = await g.detectOverflow(i, m), d = ((f = s.autoPlacement) == null ? void 0 : f.index) || 0, u = w[d];
-      if (u == null)
-        return {};
-      const p = U(u, o, await (g.isRTL == null ? void 0 : g.isRTL(A.floating)));
-      if (l !== u)
-        return {
-          reset: {
-            placement: w[0]
-          }
-        };
-      const y = [h[L(u)], h[p[0]], h[p[1]]], P = [...((n = s.autoPlacement) == null ? void 0 : n.overflows) || [], {
-        placement: u,
-        overflows: y
-      }], O = w[d + 1];
-      if (O)
-        return {
-          data: {
-            index: d + 1,
-            overflows: P
-          },
-          reset: {
-            placement: O
-          }
-        };
-      const B = P.map((v) => {
-        const S = D(v.placement);
-        return [v.placement, S && x ? (
-          // Check along the mainAxis and main crossAxis side.
-          v.overflows.slice(0, 2).reduce((_, $) => _ + $, 0)
-        ) : (
-          // Check only the mainAxis.
-          v.overflows[0]
-        ), v.overflows];
-      }).sort((v, S) => v[1] - S[1]), k = ((e = B.filter((v) => v[2].slice(
-        0,
-        // Aligned placements should not check their opposite crossAxis
-        // side.
-        D(v[0]) ? 2 : 3
-      ).every((S) => S <= 0))[0]) == null ? void 0 : e[0]) || B[0][0];
-      return k !== l ? {
-        data: {
-          index: d + 1,
-          overflows: P
-        },
-        reset: {
-          placement: k
-        }
-      } : {};
-    }
-  };
-}, se = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "flip",
-    options: t,
-    async fn(i) {
-      var f, n;
-      const {
-        placement: e,
-        middlewareData: o,
-        rects: s,
-        initialPlacement: l,
-        platform: g,
-        elements: A
-      } = i, {
-        mainAxis: x = !0,
-        crossAxis: a = !0,
-        fallbackPlacements: c,
-        fallbackStrategy: r = "bestFit",
-        fallbackAxisSideDirection: m = "none",
-        flipAlignment: w = !0,
-        ...h
-      } = j(t, i);
-      if ((f = o.arrow) != null && f.alignmentOffset)
-        return {};
-      const d = L(e), u = T(l), p = L(l) === l, y = await (g.isRTL == null ? void 0 : g.isRTL(A.floating)), P = c || (p || !w ? [q(l)] : z(l)), O = m !== "none";
-      !c && O && P.push(...G(l, w, m, y));
-      const B = [l, ...P], M = await g.detectOverflow(i, h), k = [];
-      let v = ((n = o.flip) == null ? void 0 : n.overflows) || [];
-      if (x && k.push(M[d]), a) {
-        const C = U(e, s, y);
-        k.push(M[C[0]], M[C[1]]);
-      }
-      if (v = [...v, {
-        placement: e,
-        overflows: k
-      }], !k.every((C) => C <= 0)) {
-        var S, _;
-        const C = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, V = B[C];
-        if (V && (!(a === "alignment" ? u !== T(V) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        v.every((b) => T(b.placement) === u ? b.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: C,
-              overflows: v
-            },
-            reset: {
-              placement: V
-            }
-          };
-        let F = (_ = v.filter((E) => E.overflows[0] <= 0).sort((E, b) => E.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _.placement;
-        if (!F)
-          switch (r) {
-            case "bestFit": {
-              var $;
-              const E = ($ = v.filter((b) => {
-                if (O) {
-                  const R = T(b.placement);
-                  return R === u || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  R === "y";
-                }
-                return !0;
-              }).map((b) => [b.placement, b.overflows.filter((R) => R > 0).reduce((R, W) => R + W, 0)]).sort((b, R) => b[1] - R[1])[0]) == null ? void 0 : $[0];
-              E && (F = E);
-              break;
-            }
-            case "initialPlacement":
-              F = l;
-              break;
-          }
-        if (e !== F)
-          return {
-            reset: {
-              placement: F
-            }
-          };
-      }
-      return {};
-    }
-  };
-}, ae = function(t) {
-  return t === void 0 && (t = {}), {
-    name: "shift",
-    options: t,
-    async fn(i) {
-      const {
-        x: f,
-        y: n,
-        placement: e,
-        platform: o
-      } = i, {
-        mainAxis: s = !0,
-        crossAxis: l = !1,
-        limiter: g = {
-          fn: (d) => {
-            let {
-              x: u,
-              y: p
-            } = d;
-            return {
-              x: u,
-              y: p
-            };
-          }
-        },
-        ...A
-      } = j(t, i), x = {
-        x: f,
-        y: n
-      }, a = await o.detectOverflow(i, A), c = T(L(e)), r = H(c);
-      let m = x[r], w = x[c];
-      if (s) {
-        const d = r === "y" ? "top" : "left", u = r === "y" ? "bottom" : "right", p = m + a[d], y = m - a[u];
-        m = X(p, m, y);
-      }
-      if (l) {
-        const d = c === "y" ? "top" : "left", u = c === "y" ? "bottom" : "right", p = w + a[d], y = w - a[u];
-        w = X(p, w, y);
-      }
-      const h = g.fn({
-        ...i,
-        [r]: m,
-        [c]: w
-      });
-      return {
-        ...h,
-        data: {
-          x: h.x - f,
-          y: h.y - n,
-          enabled: {
-            [r]: s,
-            [c]: l
-          }
-        }
-      };
-    }
-  };
-};
+});
 export {
-  le as autoPlacement,
-  oe as computePosition,
-  ee as detectOverflow,
-  se as flip,
-  Y as rectToClientRect,
-  ae as shift
+  K as default
 };

package/dist/kongponents269.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents388.cjs"),P=require("./kongponents368.cjs"),F=require("./kongponents380.cjs"),f=require("./kongponents241.cjs"),R=require("./kongponents375.cjs"),$=require("./kongponents371.cjs"),q=require("./kongponents373.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("./kongponents178.cjs"),C=require("./kongponents184.cjs"),g=require("./kongponents212.cjs"),V=require("./kongponents290.cjs"),c=require("./kongponents38.cjs"),x=require("./kongponents42.cjs"),N=require("./kongponents49.cjs"),I=require("./kongponents50.cjs"),q=require("./kongponents55.cjs"),S=require("./kongponents30.cjs");;/* empty css                */const B=require("./kongponents57.cjs"),M={class:"table-column-visibility-menu"},T={class:"apply-button-wrapper"},D=e.defineComponent({__name:"ColumnVisibilityMenu",props:{columns:{},tableId:{},visibilityPreferences:{},disabled:{type:Boolean}},emits:["update"],setup(i,{emit:b}){const v=b,f=e.ref(!1),n=e.ref({}),u=e.ref(!1),r=e.ref(),o=e.ref(""),d=()=>{n.value=i.columns.reduce((t,l)=>(t[l.key]=i.visibilityPreferences[l.key]===void 0?!0:i.visibilityPreferences[l.key],t),{}),u.value=!1},y=w.debounce(t=>{o.value=t,r.value&&s(r.value)},500),m=e.computed(()=>o.value?i.columns.filter(t=>(t.label?t.label:t.key).toLowerCase().includes(o.value.toLowerCase())):i.columns),p=()=>{v("update",JSON.parse(JSON.stringify(n.value))),u.value=!1,o.value=""},k=t=>{f.value=t,t&&r.value&&e.nextTick(()=>{r.value&&s(r.value)}),!t&&u.value&&d(),t||(o.value="")},s=t=>{if(!(t.scrollHeight>t.clientHeight)){t.classList.remove("is-bottom-overflowing");return}const a=t.scrollHeight<t.clientHeight+t.scrollTop+1;t.classList.toggle("is-bottom-overflowing",!a)};return e.watch(()=>i.visibilityPreferences,()=>{d()},{immediate:!0}),e.onMounted(()=>{r.value&&(r.value.addEventListener("scroll",t=>{const l=t.currentTarget;s(l)}),s(r.value))}),e.onBeforeMount(()=>{d()}),(t,l)=>(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(N.default,{"data-testid":"table-column-visibility-menu",disabled:i.disabled,"kpop-attributes":{placement:"bottom-end"},onToggleDropdown:k},{items:e.withCtx(()=>[o.value||m.value.length>5?(e.openBlock(),e.createBlock(q.default,{key:0,modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=a=>o.value=a),modelModifiers:{trim:!0},autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"search-input","data-testid":"search-input",name:"column-search",placeholder:"Search columns",spellcheck:"false",type:"search",onClick:l[2]||(l[2]=e.withModifiers(()=>{},["stop"])),onInput:e.unref(y)},e.createSlots({before:e.withCtx(()=>[e.createVNode(e.unref(g.default),{decorative:""})]),_:2},[o.value?{name:"after",fn:e.withCtx(()=>[e.createVNode(c.default,{appearance:"tertiary","aria-label":"Clear search",class:"clear-search","data-testid":"clear-search-button",icon:"",size:"small",onClick:l[0]||(l[0]=e.withModifiers(()=>o.value="",["stop"]))},{default:e.withCtx(()=>[e.createVNode(e.unref(C.default),{decorative:""})]),_:1})]),key:"0"}:void 0]),1032,["modelValue","onInput"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"menuItemsRef",ref:r,class:"menu-items-wrapper"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,a=>(e.openBlock(),e.createBlock(I.default,{key:a.key,class:"column-visibility-menu-item","data-testid":`column-visibility-menu-item-${a.key}`,onClick:e.withModifiers(()=>{n.value[a.key]=!n.value[a.key],u.value=!0},["stop"])},{default:e.withCtx(()=>[e.createVNode(x.default,{modelValue:n.value[a.key],"onUpdate:modelValue":h=>n.value[a.key]=h,"aria-labelledby":`${i.tableId}-${a.key}-visibility-checkbox-label`,"data-testid":`column-visibility-checkbox-${a.key}`},null,8,["modelValue","onUpdate:modelValue","aria-labelledby","data-testid"]),e.createVNode(B.default,{id:`${i.tableId}-${a.key}-visibility-checkbox-label`,class:"visibility-checkbox-label",title:a.label},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:2},1032,["id","title"])]),_:2},1032,["data-testid","onClick"]))),128))],512),e.createElementVNode("div",T,[e.createVNode(c.default,{appearance:"tertiary",class:"apply-button","data-testid":"apply-button",onClick:p},{default:e.withCtx(()=>[...l[3]||(l[3]=[e.createTextVNode(" Apply ",-1)])]),_:1})])]),default:e.withCtx(()=>[e.createVNode(S.default,{placement:"bottom-end",text:f.value?void 0:"Show/Hide Columns"},{default:e.withCtx(()=>[e.createVNode(c.default,{appearance:"tertiary","aria-label":"Show/Hide Columns",class:"menu-button","data-testid":"column-visibility-menu-button",disabled:i.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(V.default),{decorative:""})]),_:1},8,["disabled"])]),_:1},8,["text"])]),_:1},8,["disabled"])]))}});exports.default=D;