@kong/kongponents 9.54.3 → 9.55.0

package/dist/kongponents.es263.js

@@ -1,224 +1,4 @@
-import { defineComponent as W, useCssVars as $, useAttrs as j, ref as p, useTemplateRef as P, computed as i, onMounted as z, resolveComponent as H, openBlock as b, createBlock as h, unref as S, withCtx as d, createElementVNode as x, createVNode as C, createTextVNode as k, renderSlot as J, createElementBlock as Q, createCommentVNode as X, toDisplayString as Y, mergeProps as Z, withModifiers as _, nextTick as ee } from "vue";
-import { KUI_SPACE_30 as te } from "./kongponents.es181.js";
-import le from "./kongponents.es56.js";
-import ae from "./kongponents.es49.js";
-import q from "./kongponents.es60.js";
-import oe from "./kongponents.es54.js";
-import ie from "./kongponents.es372.js";
-const ne = {
-  class: "filter-content",
-  "data-testid": "filter-pill-content"
-}, re = { class: "default-layout" }, ue = {
-  key: 0,
-  class: "operator"
-}, se = { class: "value" }, ce = { class: "footer" }, Ve = /* @__PURE__ */ W({
-  inheritAttrs: !1,
-  __name: "FilterPill",
-  props: {
-    filter: {},
-    initOpen: { type: Boolean, default: !1 },
-    selection: { default: () => {
-    } },
-    custom: { type: Boolean, default: !1 }
-  },
-  emits: ["apply", "close", "open", "clear"],
-  setup(e, { emit: A }) {
-    $((l) => ({
-      v5984a737: U.value
-    }));
-    const B = j(), f = A, v = p(!1), y = P("filterPopper"), s = p(), n = p(), r = p(), u = p(), K = P("inputField"), c = i(() => e.custom ? "custom" : e.filter.options && !e.filter.multiple ? "select" : e.filter.options && e.filter.multiple ? "multiselect" : "input"), O = i(() => {
-      switch (c.value) {
-        case "input":
-          return !n.value || n.value === "";
-        case "select":
-          return !r.value;
-        case "multiselect":
-          return !u.value || u.value.length === 0;
-        default:
-          return !1;
-      }
-    }), V = i(() => e.filter.operators && e.filter.operators.length ? e.filter.operators : ["eq"]), U = i(() => V.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), E = i(() => {
-      let l, t;
-      switch (c.value) {
-        case "input":
-          l = n.value, t = n.value;
-          break;
-        case "select":
-          l = r.value, t = e.filter?.options?.find(({ value: a }) => a === r.value)?.label ?? r.value?.toString();
-          break;
-        case "multiselect":
-          l = u.value, t = u.value?.map((a) => e.filter.options?.find(({ value: o }) => o === a))?.filter((a) => a !== void 0)?.map(({ label: a }) => a)?.join(", ");
-          break;
-      }
-      if (!(s.value === void 0 || l === void 0 || t === void 0))
-        return {
-          operator: s.value,
-          value: l,
-          text: t
-        };
-    }), F = i(() => {
-      switch (e.selection?.operator) {
-        case "eq":
-          return " = ";
-        case "neq":
-          return " ≠ ";
-        case "lt":
-          return " < ";
-        case "lte":
-          return " ≤ ";
-        case "gt":
-          return " > ";
-        case "gte":
-          return " ≥ ";
-        default:
-          return ": ";
-      }
-    }), g = i(() => {
-      const l = {
-        eq: "Equals",
-        neq: "Not equals",
-        contains: "Contains",
-        exists: "Exists",
-        lt: "Less than",
-        lte: "Less than or equal to",
-        gt: "Greater than",
-        gte: "Greater than or equal to"
-      };
-      return V.value.map((t) => ({
-        label: l[t],
-        value: t
-      }));
-    }), I = i(() => g.value.find(({ value: l }) => l === s.value)?.label ?? ""), M = () => {
-      c.value === "input" && K.value?.input?.focus();
-    }, N = () => {
-      s.value = e.selection?.operator ?? V.value?.[0], n.value = typeof e.selection?.value == "string" ? e.selection.value : void 0, r.value = e.filter.options?.find(({ value: l }) => l === e.selection?.value)?.value, u.value = e.filter.options?.filter(({ value: l }) => {
-        if (Array.isArray(e.selection?.value))
-          return e.selection.value.includes(`${l}`);
-      }).map(({ value: l }) => l);
-    }, w = async () => {
-      N(), y.value && (y.value.showPopover(), v.value = !0, await ee(), M()), f("open");
-    }, m = () => {
-      y.value && (y.value.hidePopover(), v.value = !1), f("close");
-    };
-    z(() => {
-      e.initOpen && w();
-    });
-    const T = () => {
-      v.value && m();
-    }, L = () => {
-      c.value === "custom" ? f("apply", void 0) : f("apply", E.value), m();
-    }, D = () => {
-      m();
-    }, R = () => {
-      m(), f("clear");
-    }, G = () => {
-      v.value ? m() : w();
-    };
-    return (l, t) => {
-      const a = H("KButton");
-      return b(), h(le, {
-        ref: "filterPopper",
-        "max-width": e.filter.maxWidth ?? "400px",
-        offset: S(te),
-        placement: e.filter.placement ?? "bottom-start",
-        width: "auto",
-        onClose: T
-      }, {
-        default: d(() => [
-          C(ie, Z({
-            "content-label": e.selection?.text,
-            "data-testid": "filter-pill",
-            delimiter: F.value,
-            label: e.filter.label,
-            "pill-focus": v.value
-          }, S(B), {
-            onClear: R,
-            onClick: t[0] || (t[0] = _(() => {
-            }, ["prevent", "stop"])),
-            onTrigger: G
-          }), null, 16, ["content-label", "delimiter", "label", "pill-focus"])
-        ]),
-        title: d(() => [
-          k(Y(e.filter.label), 1)
-        ]),
-        content: d(() => [
-          x("div", ne, [
-            J(l.$slots, "default", {}, () => [
-              x("div", re, [
-                V.value.length > 1 ? (b(), Q("div", ue, [
-                  C(q, {
-                    modelValue: s.value,
-                    "onUpdate:modelValue": t[1] || (t[1] = (o) => s.value = o),
-                    items: g.value,
-                    "kpop-attributes": {
-                      popoverClasses: "force-operator-width"
-                    },
-                    label: "Operator",
-                    title: I.value
-                  }, null, 8, ["modelValue", "items", "title"])
-                ])) : X("", !0),
-                x("div", se, [
-                  c.value === "select" ? (b(), h(q, {
-                    key: 0,
-                    modelValue: r.value,
-                    "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
-                    "data-testid": "filter-pill-select",
-                    items: e.filter.options,
-                    label: "Value",
-                    placeholder: "Select a value"
-                  }, null, 8, ["modelValue", "items"])) : c.value === "multiselect" ? (b(), h(oe, {
-                    key: 1,
-                    modelValue: u.value,
-                    "onUpdate:modelValue": t[3] || (t[3] = (o) => u.value = o),
-                    "data-testid": "filter-pill-multiselect",
-                    items: e.filter.options,
-                    label: "Value",
-                    placeholder: "Select values"
-                  }, null, 8, ["modelValue", "items"])) : (b(), h(ae, {
-                    key: 2,
-                    ref: "inputField",
-                    modelValue: n.value,
-                    "onUpdate:modelValue": t[4] || (t[4] = (o) => n.value = o),
-                    modelModifiers: { trim: !0 },
-                    "data-testid": "filter-pill-input",
-                    label: "Value",
-                    placeholder: "Enter a value"
-                  }, null, 8, ["modelValue"]))
-                ])
-              ])
-            ], !0)
-          ])
-        ]),
-        footer: d(() => [
-          x("div", ce, [
-            C(a, {
-              appearance: "secondary",
-              "data-testid": "filter-pill-cancel",
-              onClick: D
-            }, {
-              default: d(() => [...t[5] || (t[5] = [
-                k(" Cancel ", -1)
-              ])]),
-              _: 1
-            }),
-            C(a, {
-              appearance: "primary",
-              "data-testid": "filter-pill-apply",
-              disabled: O.value,
-              onClick: L
-            }, {
-              default: d(() => [...t[6] || (t[6] = [
-                k(" Apply ", -1)
-              ])]),
-              _: 1
-            }, 8, ["disabled"])
-          ])
-        ]),
-        _: 3
-      }, 8, ["max-width", "offset", "placement"]);
-    };
-  }
-});
+import f from "./kongponents.es241.js";
 export {
-  Ve as default
+  f as default
 };

package/dist/kongponents.es264.js

@@ -0,0 +1,224 @@
+import { defineComponent as W, useCssVars as $, useAttrs as j, ref as p, useTemplateRef as P, computed as i, onMounted as z, resolveComponent as H, openBlock as b, createBlock as h, unref as S, withCtx as d, createElementVNode as x, createVNode as C, createTextVNode as k, renderSlot as J, createElementBlock as Q, createCommentVNode as X, toDisplayString as Y, mergeProps as Z, withModifiers as _, nextTick as ee } from "vue";
+import { KUI_SPACE_30 as te } from "./kongponents.es176.js";
+import le from "./kongponents.es56.js";
+import ae from "./kongponents.es49.js";
+import q from "./kongponents.es60.js";
+import oe from "./kongponents.es54.js";
+import ie from "./kongponents.es419.js";
+const ne = {
+  class: "filter-content",
+  "data-testid": "filter-pill-content"
+}, re = { class: "default-layout" }, ue = {
+  key: 0,
+  class: "operator"
+}, se = { class: "value" }, ce = { class: "footer" }, Ve = /* @__PURE__ */ W({
+  inheritAttrs: !1,
+  __name: "FilterPill",
+  props: {
+    filter: {},
+    initOpen: { type: Boolean, default: !1 },
+    selection: { default: () => {
+    } },
+    custom: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "close", "open", "clear"],
+  setup(e, { emit: A }) {
+    $((l) => ({
+      v5984a737: U.value
+    }));
+    const B = j(), f = A, v = p(!1), y = P("filterPopper"), s = p(), n = p(), r = p(), u = p(), K = P("inputField"), c = i(() => e.custom ? "custom" : e.filter.options && !e.filter.multiple ? "select" : e.filter.options && e.filter.multiple ? "multiselect" : "input"), O = i(() => {
+      switch (c.value) {
+        case "input":
+          return !n.value || n.value === "";
+        case "select":
+          return !r.value;
+        case "multiselect":
+          return !u.value || u.value.length === 0;
+        default:
+          return !1;
+      }
+    }), V = i(() => e.filter.operators && e.filter.operators.length ? e.filter.operators : ["eq"]), U = i(() => V.value.some((l) => l === "lte" || l === "gte") ? "205px" : "120px"), E = i(() => {
+      let l, t;
+      switch (c.value) {
+        case "input":
+          l = n.value, t = n.value;
+          break;
+        case "select":
+          l = r.value, t = e.filter?.options?.find(({ value: a }) => a === r.value)?.label ?? r.value?.toString();
+          break;
+        case "multiselect":
+          l = u.value, t = u.value?.map((a) => e.filter.options?.find(({ value: o }) => o === a))?.filter((a) => a !== void 0)?.map(({ label: a }) => a)?.join(", ");
+          break;
+      }
+      if (!(s.value === void 0 || l === void 0 || t === void 0))
+        return {
+          operator: s.value,
+          value: l,
+          text: t
+        };
+    }), F = i(() => {
+      switch (e.selection?.operator) {
+        case "eq":
+          return " = ";
+        case "neq":
+          return " ≠ ";
+        case "lt":
+          return " < ";
+        case "lte":
+          return " ≤ ";
+        case "gt":
+          return " > ";
+        case "gte":
+          return " ≥ ";
+        default:
+          return ": ";
+      }
+    }), g = i(() => {
+      const l = {
+        eq: "Equals",
+        neq: "Not equals",
+        contains: "Contains",
+        exists: "Exists",
+        lt: "Less than",
+        lte: "Less than or equal to",
+        gt: "Greater than",
+        gte: "Greater than or equal to"
+      };
+      return V.value.map((t) => ({
+        label: l[t],
+        value: t
+      }));
+    }), I = i(() => g.value.find(({ value: l }) => l === s.value)?.label ?? ""), M = () => {
+      c.value === "input" && K.value?.input?.focus();
+    }, N = () => {
+      s.value = e.selection?.operator ?? V.value?.[0], n.value = typeof e.selection?.value == "string" ? e.selection.value : void 0, r.value = e.filter.options?.find(({ value: l }) => l === e.selection?.value)?.value, u.value = e.filter.options?.filter(({ value: l }) => {
+        if (Array.isArray(e.selection?.value))
+          return e.selection.value.includes(`${l}`);
+      }).map(({ value: l }) => l);
+    }, w = async () => {
+      N(), y.value && (y.value.showPopover(), v.value = !0, await ee(), M()), f("open");
+    }, m = () => {
+      y.value && (y.value.hidePopover(), v.value = !1), f("close");
+    };
+    z(() => {
+      e.initOpen && w();
+    });
+    const T = () => {
+      v.value && m();
+    }, L = () => {
+      c.value === "custom" ? f("apply", void 0) : f("apply", E.value), m();
+    }, D = () => {
+      m();
+    }, R = () => {
+      m(), f("clear");
+    }, G = () => {
+      v.value ? m() : w();
+    };
+    return (l, t) => {
+      const a = H("KButton");
+      return b(), h(le, {
+        ref: "filterPopper",
+        "max-width": e.filter.maxWidth ?? "400px",
+        offset: S(te),
+        placement: e.filter.placement ?? "bottom-start",
+        width: "auto",
+        onClose: T
+      }, {
+        default: d(() => [
+          C(ie, Z({
+            "content-label": e.selection?.text,
+            "data-testid": "filter-pill",
+            delimiter: F.value,
+            label: e.filter.label,
+            "pill-focus": v.value
+          }, S(B), {
+            onClear: R,
+            onClick: t[0] || (t[0] = _(() => {
+            }, ["prevent", "stop"])),
+            onTrigger: G
+          }), null, 16, ["content-label", "delimiter", "label", "pill-focus"])
+        ]),
+        title: d(() => [
+          k(Y(e.filter.label), 1)
+        ]),
+        content: d(() => [
+          x("div", ne, [
+            J(l.$slots, "default", {}, () => [
+              x("div", re, [
+                V.value.length > 1 ? (b(), Q("div", ue, [
+                  C(q, {
+                    modelValue: s.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (o) => s.value = o),
+                    items: g.value,
+                    "kpop-attributes": {
+                      popoverClasses: "force-operator-width"
+                    },
+                    label: "Operator",
+                    title: I.value
+                  }, null, 8, ["modelValue", "items", "title"])
+                ])) : X("", !0),
+                x("div", se, [
+                  c.value === "select" ? (b(), h(q, {
+                    key: 0,
+                    modelValue: r.value,
+                    "onUpdate:modelValue": t[2] || (t[2] = (o) => r.value = o),
+                    "data-testid": "filter-pill-select",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select a value"
+                  }, null, 8, ["modelValue", "items"])) : c.value === "multiselect" ? (b(), h(oe, {
+                    key: 1,
+                    modelValue: u.value,
+                    "onUpdate:modelValue": t[3] || (t[3] = (o) => u.value = o),
+                    "data-testid": "filter-pill-multiselect",
+                    items: e.filter.options,
+                    label: "Value",
+                    placeholder: "Select values"
+                  }, null, 8, ["modelValue", "items"])) : (b(), h(ae, {
+                    key: 2,
+                    ref: "inputField",
+                    modelValue: n.value,
+                    "onUpdate:modelValue": t[4] || (t[4] = (o) => n.value = o),
+                    modelModifiers: { trim: !0 },
+                    "data-testid": "filter-pill-input",
+                    label: "Value",
+                    placeholder: "Enter a value"
+                  }, null, 8, ["modelValue"]))
+                ])
+              ])
+            ], !0)
+          ])
+        ]),
+        footer: d(() => [
+          x("div", ce, [
+            C(a, {
+              appearance: "secondary",
+              "data-testid": "filter-pill-cancel",
+              onClick: D
+            }, {
+              default: d(() => [...t[5] || (t[5] = [
+                k(" Cancel ", -1)
+              ])]),
+              _: 1
+            }),
+            C(a, {
+              appearance: "primary",
+              "data-testid": "filter-pill-apply",
+              disabled: O.value,
+              onClick: L
+            }, {
+              default: d(() => [...t[6] || (t[6] = [
+                k(" Apply ", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["max-width", "offset", "placement"]);
+    };
+  }
+});
+export {
+  Ve as default
+};