@kong/kongponents 9.61.2 → 9.61.3-pr.3294.5215b8a.0

package/dist/kongponents382.es.js

@@ -1,67 +1,18 @@
-import { EraParser as r } from "./kongponents487.es.js";
-import { YearParser as e } from "./kongponents488.es.js";
-import { LocalWeekYearParser as o } from "./kongponents489.es.js";
-import { ISOWeekYearParser as m } from "./kongponents490.es.js";
-import { ExtendedYearParser as a } from "./kongponents491.es.js";
-import { QuarterParser as t } from "./kongponents492.es.js";
-import { StandAloneQuarterParser as n } from "./kongponents493.es.js";
-import { MonthParser as i } from "./kongponents494.es.js";
-import { StandAloneMonthParser as s } from "./kongponents495.es.js";
-import { LocalWeekParser as p } from "./kongponents496.es.js";
-import { ISOWeekParser as P } from "./kongponents497.es.js";
-import { DateParser as f } from "./kongponents498.es.js";
-import { DayOfYearParser as w } from "./kongponents499.es.js";
-import { DayParser as d } from "./kongponents500.es.js";
-import { LocalDayParser as S } from "./kongponents501.es.js";
-import { StandAloneLocalDayParser as c } from "./kongponents502.es.js";
-import { ISODayParser as M } from "./kongponents503.es.js";
-import { AMPMParser as l } from "./kongponents504.es.js";
-import { AMPMMidnightParser as u } from "./kongponents505.es.js";
-import { DayPeriodParser as D } from "./kongponents506.es.js";
-import { Hour1to12Parser as y } from "./kongponents507.es.js";
-import { Hour0to23Parser as O } from "./kongponents508.es.js";
-import { Hour0To11Parser as T } from "./kongponents509.es.js";
-import { Hour1To24Parser as I } from "./kongponents510.es.js";
-import { MinuteParser as Y } from "./kongponents511.es.js";
-import { SecondParser as h } from "./kongponents512.es.js";
-import { FractionOfSecondParser as k } from "./kongponents513.es.js";
-import { ISOTimezoneWithZParser as A } from "./kongponents514.es.js";
-import { ISOTimezoneParser as H } from "./kongponents515.es.js";
-import { TimestampSecondsParser as L } from "./kongponents516.es.js";
-import { TimestampMillisecondsParser as W } from "./kongponents517.es.js";
-var sr = {
-  G: new r(),
-  y: new e(),
-  Y: new o(),
-  R: new m(),
-  u: new a(),
-  Q: new t(),
-  q: new n(),
-  M: new i(),
-  L: new s(),
-  w: new p(),
-  I: new P(),
-  d: new f(),
-  D: new w(),
-  E: new d(),
-  e: new S(),
-  c: new c(),
-  i: new M(),
-  a: new l(),
-  b: new u(),
-  B: new D(),
-  h: new y(),
-  H: new O(),
-  K: new T(),
-  k: new I(),
-  m: new Y(),
-  s: new h(),
-  S: new k(),
-  X: new A(),
-  x: new H(),
-  t: new L(),
-  T: new W()
-};
+import t from "./kongponents470.es.js";
+import f from "./kongponents372.es.js";
+import m from "./kongponents349.es.js";
+import p from "./kongponents357.es.js";
+var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
+function y(r) {
+  if (typeof r == "string")
+    return r;
+  if (m(r))
+    return f(r, y) + "";
+  if (p(r))
+    return n ? n.call(r) : "";
+  var o = r + "";
+  return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
+}
 export {
-  sr as parsers
+  y as default
 };

package/dist/kongponents383.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kongponents375.cjs");function t(){return e.default(Date.now())}exports.default=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var I=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],v=I.join(","),m=typeof Element>"u",d=m?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,b=!m&&Element.prototype.getRootNode?function(i){var t;return i==null||(t=i.getRootNode)===null||t===void 0?void 0:t.call(i)}:function(i){return i?.ownerDocument},h=function(t,e){var r;e===void 0&&(e=!0);var a=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),l=a===""||a==="true",n=l||e&&t&&(typeof t.closest=="function"?t.closest("[inert]"):h(t.parentNode));return n},x=function(t){var e,r=t==null||(e=t.getAttribute)===null||e===void 0?void 0:e.call(t,"contenteditable");return r===""||r==="true"},C=function(t,e,r){if(h(t))return[];var a=Array.prototype.slice.apply(t.querySelectorAll(v));return e&&d.call(t,v)&&a.unshift(t),a=a.filter(r),a},g=function(t,e,r){for(var a=[],l=Array.from(t);l.length;){var n=l.shift();if(!h(n,!1))if(n.tagName==="SLOT"){var c=n.assignedElements(),o=c.length?c:n.children,u=g(o,!0,r);r.flatten?a.push.apply(a,u):a.push({scopeParent:n,candidates:u})}else{var s=d.call(n,v);s&&r.filter(n)&&(e||!t.includes(n))&&a.push(n);var f=n.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(n),A=!h(f,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(n));if(f&&A){var T=g(f===!0?n.children:f.children,!0,r);r.flatten?a.push.apply(a,T):a.push({scopeParent:n,candidates:T})}else l.unshift.apply(l,n.children)}}return a},N=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},p=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||x(t))&&!N(t)?0:t.tabIndex},O=function(t,e){var r=p(t);return r<0&&e&&!N(t)?0:r},F=function(t,e){return t.tabIndex===e.tabIndex?t.documentOrder-e.documentOrder:t.tabIndex-e.tabIndex},R=function(t){return t.tagName==="INPUT"},k=function(t){return R(t)&&t.type==="hidden"},D=function(t){var e=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return e},M=function(t,e){for(var r=0;r<t.length;r++)if(t[r].checked&&t[r].form===e)return t[r]},P=function(t){if(!t.name)return!0;var e=t.form||b(t),r=function(c){return e.querySelectorAll('input[type="radio"][name="'+c+'"]')},a;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")a=r(window.CSS.escape(t.name));else try{a=r(t.name)}catch(n){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message),!1}var l=M(a,t.form);return!l||l===t},L=function(t){return R(t)&&t.type==="radio"},V=function(t){return L(t)&&!P(t)},B=function(t){var e,r=t&&b(t),a=(e=r)===null||e===void 0?void 0:e.host,l=!1;if(r&&r!==t){var n,c,o;for(l=!!((n=a)!==null&&n!==void 0&&(c=n.ownerDocument)!==null&&c!==void 0&&c.contains(a)||t!=null&&(o=t.ownerDocument)!==null&&o!==void 0&&o.contains(t));!l&&a;){var u,s,f;r=b(a),a=(u=r)===null||u===void 0?void 0:u.host,l=!!((s=a)!==null&&s!==void 0&&(f=s.ownerDocument)!==null&&f!==void 0&&f.contains(a))}}return l},w=function(t){var e=t.getBoundingClientRect(),r=e.width,a=e.height;return r===0&&a===0},q=function(t,e){var r=e.displayCheck,a=e.getShadowRoot;if(r==="full-native"&&"checkVisibility"in t){var l=t.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!l}if(getComputedStyle(t).visibility==="hidden")return!0;var n=d.call(t,"details>summary:first-of-type"),c=n?t.parentElement:t;if(d.call(c,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="full-native"||r==="legacy-full"){if(typeof a=="function"){for(var o=t;t;){var u=t.parentElement,s=b(t);if(u&&!u.shadowRoot&&a(u)===!0)return w(t);t.assignedSlot?t=t.assignedSlot:!u&&s!==t.ownerDocument?t=s.host:t=u}t=o}if(B(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return w(t);return!1},U=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var e=t.parentElement;e;){if(e.tagName==="FIELDSET"&&e.disabled){for(var r=0;r<e.children.length;r++){var a=e.children.item(r);if(a.tagName==="LEGEND")return d.call(e,"fieldset[disabled] *")?!0:!a.contains(t)}return!0}e=e.parentElement}return!1},y=function(t,e){return!(e.disabled||k(e)||q(e,t)||D(e)||U(e))},S=function(t,e){return!(V(e)||p(e)<0||!y(t,e))},j=function(t){var e=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(e)||e>=0)},E=function(t){var e=[],r=[];return t.forEach(function(a,l){var n=!!a.scopeParent,c=n?a.scopeParent:a,o=O(c,n),u=n?E(a.candidates):c;o===0?n?e.push.apply(e,u):e.push(c):r.push({documentOrder:l,tabIndex:o,item:a,isScope:n,content:u})}),r.sort(F).reduce(function(a,l){return l.isScope?a.push.apply(a,l.content):a.push(l.content),a},[]).concat(e)},W=function(t,e){e=e||{};var r;return e.getShadowRoot?r=g([t],e.includeContainer,{filter:S.bind(null,e),flatten:!1,getShadowRoot:e.getShadowRoot,shadowRootFilter:j}):r=C(t,e.includeContainer,S.bind(null,e)),E(r)},Z=function(t,e){e=e||{};var r;return e.getShadowRoot?r=g([t],e.includeContainer,{filter:y.bind(null,e),flatten:!0,getShadowRoot:e.getShadowRoot}):r=C(t,e.includeContainer,y.bind(null,e)),r},z=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return d.call(t,v)===!1?!1:S(e,t)},G=I.concat("iframe:not([inert]):not([inert] *)").join(","),X=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return d.call(t,G)===!1?!1:y(e,t)};exports.focusable=Z;exports.getTabIndex=p;exports.isFocusable=X;exports.isTabbable=z;exports.tabbable=W;

package/dist/kongponents383.es.js

@@ -1,7 +1,215 @@
-import t from "./kongponents375.es.js";
-function r() {
-  return t(Date.now());
-}
+var T = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], v = /* @__PURE__ */ T.join(","), I = typeof Element > "u", d = I ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, b = !I && Element.prototype.getRootNode ? function(i) {
+  var t;
+  return i == null || (t = i.getRootNode) === null || t === void 0 ? void 0 : t.call(i);
+} : function(i) {
+  return i?.ownerDocument;
+}, h = function(t, e) {
+  var r;
+  e === void 0 && (e = !0);
+  var a = t == null || (r = t.getAttribute) === null || r === void 0 ? void 0 : r.call(t, "inert"), l = a === "" || a === "true", n = l || e && t && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof t.closest == "function" ? t.closest("[inert]") : h(t.parentNode));
+  return n;
+}, x = function(t) {
+  var e, r = t == null || (e = t.getAttribute) === null || e === void 0 ? void 0 : e.call(t, "contenteditable");
+  return r === "" || r === "true";
+}, m = function(t, e, r) {
+  if (h(t))
+    return [];
+  var a = Array.prototype.slice.apply(t.querySelectorAll(v));
+  return e && d.call(t, v) && a.unshift(t), a = a.filter(r), a;
+}, g = function(t, e, r) {
+  for (var a = [], l = Array.from(t); l.length; ) {
+    var n = l.shift();
+    if (!h(n, !1))
+      if (n.tagName === "SLOT") {
+        var c = n.assignedElements(), o = c.length ? c : n.children, u = g(o, !0, r);
+        r.flatten ? a.push.apply(a, u) : a.push({
+          scopeParent: n,
+          candidates: u
+        });
+      } else {
+        var s = d.call(n, v);
+        s && r.filter(n) && (e || !t.includes(n)) && a.push(n);
+        var f = n.shadowRoot || // check for an undisclosed shadow
+        typeof r.getShadowRoot == "function" && r.getShadowRoot(n), A = !h(f, !1) && (!r.shadowRootFilter || r.shadowRootFilter(n));
+        if (f && A) {
+          var p = g(f === !0 ? n.children : f.children, !0, r);
+          r.flatten ? a.push.apply(a, p) : a.push({
+            scopeParent: n,
+            candidates: p
+          });
+        } else
+          l.unshift.apply(l, n.children);
+      }
+  }
+  return a;
+}, C = function(t) {
+  return !isNaN(parseInt(t.getAttribute("tabindex"), 10));
+}, N = function(t) {
+  if (!t)
+    throw new Error("No node provided");
+  return t.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName) || x(t)) && !C(t) ? 0 : t.tabIndex;
+}, O = function(t, e) {
+  var r = N(t);
+  return r < 0 && e && !C(t) ? 0 : r;
+}, k = function(t, e) {
+  return t.tabIndex === e.tabIndex ? t.documentOrder - e.documentOrder : t.tabIndex - e.tabIndex;
+}, R = function(t) {
+  return t.tagName === "INPUT";
+}, F = function(t) {
+  return R(t) && t.type === "hidden";
+}, D = function(t) {
+  var e = t.tagName === "DETAILS" && Array.prototype.slice.apply(t.children).some(function(r) {
+    return r.tagName === "SUMMARY";
+  });
+  return e;
+}, M = function(t, e) {
+  for (var r = 0; r < t.length; r++)
+    if (t[r].checked && t[r].form === e)
+      return t[r];
+}, P = function(t) {
+  if (!t.name)
+    return !0;
+  var e = t.form || b(t), r = function(c) {
+    return e.querySelectorAll('input[type="radio"][name="' + c + '"]');
+  }, a;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    a = r(window.CSS.escape(t.name));
+  else
+    try {
+      a = r(t.name);
+    } catch (n) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", n.message), !1;
+    }
+  var l = M(a, t.form);
+  return !l || l === t;
+}, L = function(t) {
+  return R(t) && t.type === "radio";
+}, V = function(t) {
+  return L(t) && !P(t);
+}, B = function(t) {
+  var e, r = t && b(t), a = (e = r) === null || e === void 0 ? void 0 : e.host, l = !1;
+  if (r && r !== t) {
+    var n, c, o;
+    for (l = !!((n = a) !== null && n !== void 0 && (c = n.ownerDocument) !== null && c !== void 0 && c.contains(a) || t != null && (o = t.ownerDocument) !== null && o !== void 0 && o.contains(t)); !l && a; ) {
+      var u, s, f;
+      r = b(a), a = (u = r) === null || u === void 0 ? void 0 : u.host, l = !!((s = a) !== null && s !== void 0 && (f = s.ownerDocument) !== null && f !== void 0 && f.contains(a));
+    }
+  }
+  return l;
+}, w = function(t) {
+  var e = t.getBoundingClientRect(), r = e.width, a = e.height;
+  return r === 0 && a === 0;
+}, q = function(t, e) {
+  var r = e.displayCheck, a = e.getShadowRoot;
+  if (r === "full-native" && "checkVisibility" in t) {
+    var l = t.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !l;
+  }
+  if (getComputedStyle(t).visibility === "hidden")
+    return !0;
+  var n = d.call(t, "details>summary:first-of-type"), c = n ? t.parentElement : t;
+  if (d.call(c, "details:not([open]) *"))
+    return !0;
+  if (!r || r === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  r === "full-native" || r === "legacy-full") {
+    if (typeof a == "function") {
+      for (var o = t; t; ) {
+        var u = t.parentElement, s = b(t);
+        if (u && !u.shadowRoot && a(u) === !0)
+          return w(t);
+        t.assignedSlot ? t = t.assignedSlot : !u && s !== t.ownerDocument ? t = s.host : t = u;
+      }
+      t = o;
+    }
+    if (B(t))
+      return !t.getClientRects().length;
+    if (r !== "legacy-full")
+      return !0;
+  } else if (r === "non-zero-area")
+    return w(t);
+  return !1;
+}, U = function(t) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))
+    for (var e = t.parentElement; e; ) {
+      if (e.tagName === "FIELDSET" && e.disabled) {
+        for (var r = 0; r < e.children.length; r++) {
+          var a = e.children.item(r);
+          if (a.tagName === "LEGEND")
+            return d.call(e, "fieldset[disabled] *") ? !0 : !a.contains(t);
+        }
+        return !0;
+      }
+      e = e.parentElement;
+    }
+  return !1;
+}, y = function(t, e) {
+  return !(e.disabled || F(e) || q(e, t) || // For a details element with a summary, the summary element gets the focus
+  D(e) || U(e));
+}, S = function(t, e) {
+  return !(V(e) || N(e) < 0 || !y(t, e));
+}, j = function(t) {
+  var e = parseInt(t.getAttribute("tabindex"), 10);
+  return !!(isNaN(e) || e >= 0);
+}, E = function(t) {
+  var e = [], r = [];
+  return t.forEach(function(a, l) {
+    var n = !!a.scopeParent, c = n ? a.scopeParent : a, o = O(c, n), u = n ? E(a.candidates) : c;
+    o === 0 ? n ? e.push.apply(e, u) : e.push(c) : r.push({
+      documentOrder: l,
+      tabIndex: o,
+      item: a,
+      isScope: n,
+      content: u
+    });
+  }), r.sort(k).reduce(function(a, l) {
+    return l.isScope ? a.push.apply(a, l.content) : a.push(l.content), a;
+  }, []).concat(e);
+}, Z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: S.bind(null, e),
+    flatten: !1,
+    getShadowRoot: e.getShadowRoot,
+    shadowRootFilter: j
+  }) : r = m(t, e.includeContainer, S.bind(null, e)), E(r);
+}, z = function(t, e) {
+  e = e || {};
+  var r;
+  return e.getShadowRoot ? r = g([t], e.includeContainer, {
+    filter: y.bind(null, e),
+    flatten: !0,
+    getShadowRoot: e.getShadowRoot
+  }) : r = m(t, e.includeContainer, y.bind(null, e)), r;
+}, G = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, v) === !1 ? !1 : S(e, t);
+}, W = /* @__PURE__ */ T.concat("iframe:not([inert]):not([inert] *)").join(","), X = function(t, e) {
+  if (e = e || {}, !t)
+    throw new Error("No node provided");
+  return d.call(t, W) === !1 ? !1 : y(e, t);
+};
 export {
-  r as default
+  z as focusable,
+  N as getTabIndex,
+  X as isFocusable,
+  G as isTabbable,
+  Z as tabbable
 };

package/dist/kongponents385.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./kongponents30.cjs");;/* empty css                */const n=require("./kongponents49.cjs"),d=require("./kongponents38.cjs"),r=require("./kongponents250.cjs"),i={key:0,class:"bulk-actions-dropdown-trigger-count"},l=e.defineComponent({__name:"BulkActionsDropdown",props:{disabled:{type:Boolean},count:{default:""},buttonLabel:{default:""}},setup(t){return(o,s)=>(e.openBlock(),e.createBlock(n.default,{class:"bulk-actions-dropdown","data-testid":"bulk-actions-dropdown",disabled:t.disabled,"kpop-attributes":{placement:"bottom-end"}},{items:e.withCtx(()=>[e.renderSlot(o.$slots,"items",{},void 0,!0)]),default:e.withCtx(()=>[e.createVNode(a.default,{placement:"bottom-end",text:"Selected Row Actions"},{default:e.withCtx(()=>[e.createVNode(d.default,{appearance:"secondary","aria-label":t.buttonLabel,class:"bulk-actions-dropdown-trigger","data-testid":"bulk-actions-dropdown-trigger",disabled:t.disabled,icon:"",size:"large"},{default:e.withCtx(()=>[e.createVNode(e.unref(r.default),{class:"more-icon",decorative:""}),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[t.count?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.count),1)):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["aria-label","disabled"])]),_:1})]),_:3},8,["disabled"]))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents251.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;

package/dist/kongponents385.es.js

@@ -1,66 +1,89 @@
-import { defineComponent as d, openBlock as a, createBlock as i, withCtx as e, createVNode as o, unref as r, Transition as l, createElementBlock as s, toDisplayString as c, createCommentVNode as u, renderSlot as m } from "vue";
-import b from "./kongponents30.es.js";
-/* empty css                 */
-import p from "./kongponents49.es.js";
-import f from "./kongponents38.es.js";
-import k from "./kongponents250.es.js";
-const g = {
-  key: 0,
-  class: "bulk-actions-dropdown-trigger-count"
-}, D = /* @__PURE__ */ d({
-  __name: "BulkActionsDropdown",
+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 "./kongponents251.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: {
-    disabled: { type: Boolean },
-    count: { default: "" },
-    buttonLabel: { default: "" }
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    return (n, w) => (a(), i(p, {
-      class: "bulk-actions-dropdown",
-      "data-testid": "bulk-actions-dropdown",
-      disabled: t.disabled,
-      "kpop-attributes": { placement: "bottom-end" }
-    }, {
-      items: e(() => [
-        m(n.$slots, "items", {}, void 0, !0)
-      ]),
-      default: e(() => [
-        o(b, {
-          placement: "bottom-end",
-          text: "Selected Row Actions"
+  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;
+      if (!n)
+        return;
+      const e = n.querySelectorAll(g);
+      if (!e?.length)
+        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();
+        }
+      }
+    };
+    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
         }, {
-          default: e(() => [
-            o(f, {
-              appearance: "secondary",
-              "aria-label": t.buttonLabel,
-              class: "bulk-actions-dropdown-trigger",
-              "data-testid": "bulk-actions-dropdown-trigger",
-              disabled: t.disabled,
-              icon: "",
-              size: "large"
-            }, {
-              default: e(() => [
-                o(r(k), {
-                  class: "more-icon",
-                  decorative: ""
-                }),
-                o(l, { name: "kongponents-fade-transition" }, {
-                  default: e(() => [
-                    t.count ? (a(), s("span", g, c(t.count), 1)) : u("", !0)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["aria-label", "disabled"])
+          content: m(() => [
+            C(t.$slots, "content", { item: e }, void 0, !0)
           ]),
-          _: 1
-        })
-      ]),
-      _: 3
-    }, 8, ["disabled"]));
+          _: 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))
+          ])
+        ]),
+        _: 1
+      }, 8, ["item"])) : _("", !0)
+    ], 512));
   }
 });
 export {
-  D as default
+  R as default
 };