@kong/kongponents 9.61.7 → 9.61.8

package/dist/kongponents265.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents263.cjs"),S=["aria-hidden"],c='<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>',b=r.defineComponent({__name:"ServiceDocumentIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:d.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t)||typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const e=String(t).replace(/px/gi,""),o=Number(e);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},staticIds:{type:Boolean,default:!1}},setup(t){const e=t,o=n=>typeof n=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(n),a=r.computed(()=>{if(o(e.size))return e.size;if(typeof e.size=="number"&&e.size>0)return`${e.size}px`;if(typeof e.size=="string"){const n=String(e.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return d.KUI_ICON_SIZE_50}),p=r.computed(()=>({boxSizing:"border-box",color:e.color,display:e.display,flexShrink:"0",height:a.value,lineHeight:"0",width:a.value,pointerEvents:e.decorative?"none":void 0})),f=n=>{const i={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const u=`${y}-${s}`;return i[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,s)=>i[s]?`#${i[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},v=n=>n.replace(/[<>"'&]/g,i=>g[i]),m=`${e.title?`<title data-testid="kui-icon-svg-title">${v(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,i)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon service-document-icon","data-testid":"kui-icon-wrapper-service-document-icon",style:r.normalizeStyle(p.value),tabindex:t.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-service-document-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:m},null,8,S))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./kongponents227.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/kongponents265.es.js

@@ -1,123 +1,89 @@
-import { defineComponent as b, computed as d, openBlock as u, createBlock as S, resolveDynamicComponent as x, normalizeStyle as C, withCtx as H, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kongponents263.es.js";
-const $ = ["aria-hidden"], p = '<path d="M8 18H16V16H8V18ZM8 14H16V12H8V14ZM6 22C5.45 22 4.97917 21.8042 4.5875 21.4125C4.19583 21.0208 4 20.55 4 20V4C4 3.45 4.19583 2.97917 4.5875 2.5875C4.97917 2.19583 5.45 2 6 2H14L20 8V20C20 20.55 19.8042 21.0208 19.4125 21.4125C19.0208 21.8042 18.55 22 18 22H6ZM13 9V4H6V20H18V9H13Z" fill="currentColor"/>', k = /* @__PURE__ */ b({
-  __name: "ServiceDocumentIcon",
+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 "./kongponents227.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: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: c,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(t) || typeof t == "number" && t > 0)
-          return !0;
-        if (typeof t == "string") {
-          const e = String(t).replace(/px/gi, ""), n = Number(e);
-          if (n && !isNaN(n) && Number.isInteger(n) && n > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
+    items: { default: () => [] },
+    itemCreationEnabled: { type: Boolean },
+    filterString: { default: "" },
+    itemCreationValid: { type: Boolean, default: !0 }
   },
-  setup(t) {
-    const e = t, n = (r) => typeof r == "string" && /^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(r), a = d(() => {
-      if (n(e.size))
-        return e.size;
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const r = String(e.size).replace(/px/gi, ""), i = Number(r);
-        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-          return `${i}px`;
+  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 c;
-    }), f = d(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: a.value,
-      lineHeight: "0",
-      width: a.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const i = {}, h = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${h}-${o}`;
-        return i[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => i[o] ? `#${i[o]}` : s);
-    }, m = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, v = (r) => r.replace(/[<>"'&]/g, (i) => m[i]), y = `${e.title ? `<title data-testid="kui-icon-svg-title">${v(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (r, i) => (u(), S(x(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon service-document-icon",
-      "data-testid": "kui-icon-wrapper-service-document-icon",
-      style: C(f.value),
-      tabindex: t.decorative ? "-1" : void 0
-    }, {
-      default: H(() => [
-        (u(), w("svg", {
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-service-document-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: y
-        }, null, 8, $))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
+    };
+    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)
+          ]),
+          _: 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 {
-  k as default
+  R as default
 };

package/dist/kongponents267.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./kongponents268.cjs");function j(n,l,m){let{reference:i,floating:t}=n;const o=e.getSideAxis(l),a=e.getAlignmentAxis(l),s=e.getAxisLength(a),w=e.getSide(l),P=o==="y",p=i.x+i.width/2-t.width/2,c=i.y+i.height/2-t.height/2,r=i[s]/2-t[s]/2;let f;switch(w){case"top":f={x:p,y:i.y-t.height};break;case"bottom":f={x:p,y:i.y+i.height};break;case"right":f={x:i.x+i.width,y:c};break;case"left":f={x:i.x-t.width,y:c};break;default:f={x:i.x,y:i.y}}switch(e.getAlignment(l)){case"start":f[a]-=r*(m&&P?-1:1);break;case"end":f[a]+=r*(m&&P?-1:1);break}return f}async function $(n,l){var m;l===void 0&&(l={});const{x:i,y:t,platform:o,rects:a,elements:s,strategy:w}=n,{boundary:P="clippingAncestors",rootBoundary:p="viewport",elementContext:c="floating",altBoundary:r=!1,padding:f=0}=e.evaluate(l,n),d=e.getPaddingObject(f),A=s[r?c==="floating"?"reference":"floating":c],u=e.rectToClientRect(await o.getClippingRect({element:(m=await(o.isElement==null?void 0:o.isElement(A)))==null||m?A:A.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(s.floating)),boundary:P,rootBoundary:p,strategy:w})),g=c==="floating"?{x:i,y:t,width:a.floating.width,height:a.floating.height}:a.reference,v=await(o.getOffsetParent==null?void 0:o.getOffsetParent(s.floating)),y=await(o.isElement==null?void 0:o.isElement(v))?await(o.getScale==null?void 0:o.getScale(v))||{x:1,y:1}:{x:1,y:1},S=e.rectToClientRect(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:v,strategy:w}):g);return{top:(u.top-S.top+d.top)/y.y,bottom:(S.bottom-u.bottom+d.bottom)/y.y,left:(u.left-S.left+d.left)/y.x,right:(S.right-u.right+d.right)/y.x}}const X=50,I=async(n,l,m)=>{const{placement:i="bottom",strategy:t="absolute",middleware:o=[],platform:a}=m,s=a.detectOverflow?a:{...a,detectOverflow:$},w=await(a.isRTL==null?void 0:a.isRTL(l));let P=await a.getElementRects({reference:n,floating:l,strategy:t}),{x:p,y:c}=j(P,i,w),r=i,f=0;const d={};for(let x=0;x<o.length;x++){const A=o[x];if(!A)continue;const{name:u,fn:g}=A,{x:v,y,data:S,reset:O}=await g({x:p,y:c,initialPlacement:i,placement:r,strategy:t,middlewareData:d,rects:P,platform:s,elements:{reference:n,floating:l}});p=v??p,c=y??c,d[u]={...d[u],...S},O&&f<X&&(f++,typeof O=="object"&&(O.placement&&(r=O.placement),O.rects&&(P=O.rects===!0?await a.getElementRects({reference:n,floating:l,strategy:t}):O.rects),{x:p,y:c}=j(P,r,w)),x=-1)}return{x:p,y:c,placement:r,strategy:t,middlewareData:d}};function U(n,l,m){return(n?[...m.filter(t=>e.getAlignment(t)===n),...m.filter(t=>e.getAlignment(t)!==n)]:m.filter(t=>e.getSide(t)===t)).filter(t=>n?e.getAlignment(t)===n||(l?e.getOppositeAlignmentPlacement(t)!==t:!1):!0)}const Y=function(n){return n===void 0&&(n={}),{name:"autoPlacement",options:n,async fn(l){var m,i,t;const{rects:o,middlewareData:a,placement:s,platform:w,elements:P}=l,{crossAxis:p=!1,alignment:c,allowedPlacements:r=e.placements,autoAlignment:f=!0,...d}=e.evaluate(n,l),x=c!==void 0||r===e.placements?U(c||null,f,r):r,A=await w.detectOverflow(l,d),u=((m=a.autoPlacement)==null?void 0:m.index)||0,g=x[u];if(g==null)return{};const v=e.getAlignmentSides(g,o,await(w.isRTL==null?void 0:w.isRTL(P.floating)));if(s!==g)return{reset:{placement:x[0]}};const y=[A[e.getSide(g)],A[v[0]],A[v[1]]],S=[...((i=a.autoPlacement)==null?void 0:i.overflows)||[],{placement:g,overflows:y}],O=x[u+1];if(O)return{data:{index:u+1,overflows:S},reset:{placement:O}};const L=S.map(h=>{const R=e.getAlignment(h.placement);return[h.placement,R&&p?h.overflows.slice(0,2).reduce((B,M)=>B+M,0):h.overflows[0],h.overflows]}).sort((h,R)=>h[1]-R[1]),k=((t=L.filter(h=>h[2].slice(0,e.getAlignment(h[0])?2:3).every(R=>R<=0))[0])==null?void 0:t[0])||L[0][0];return k!==s?{data:{index:u+1,overflows:S},reset:{placement:k}}:{}}}},q=function(n){return n===void 0&&(n={}),{name:"flip",options:n,async fn(l){var m,i;const{placement:t,middlewareData:o,rects:a,initialPlacement:s,platform:w,elements:P}=l,{mainAxis:p=!0,crossAxis:c=!0,fallbackPlacements:r,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:d="none",flipAlignment:x=!0,...A}=e.evaluate(n,l);if((m=o.arrow)!=null&&m.alignmentOffset)return{};const u=e.getSide(t),g=e.getSideAxis(s),v=e.getSide(s)===s,y=await(w.isRTL==null?void 0:w.isRTL(P.floating)),S=r||(v||!x?[e.getOppositePlacement(s)]:e.getExpandedPlacements(s)),O=d!=="none";!r&&O&&S.push(...e.getOppositeAxisPlacements(s,x,d,y));const L=[s,...S],F=await w.detectOverflow(l,A),k=[];let h=((i=o.flip)==null?void 0:i.overflows)||[];if(p&&k.push(F[u]),c){const T=e.getAlignmentSides(t,a,y);k.push(F[T[0]],F[T[1]])}if(h=[...h,{placement:t,overflows:k}],!k.every(T=>T<=0)){var R,B;const T=(((R=o.flip)==null?void 0:R.index)||0)+1,_=L[T];if(_&&(!(c==="alignment"?g!==e.getSideAxis(_):!1)||h.every(b=>e.getSideAxis(b.placement)===g?b.overflows[0]>0:!0)))return{data:{index:T,overflows:h},reset:{placement:_}};let D=(B=h.filter(E=>E.overflows[0]<=0).sort((E,b)=>E.overflows[1]-b.overflows[1])[0])==null?void 0:B.placement;if(!D)switch(f){case"bestFit":{var M;const E=(M=h.filter(b=>{if(O){const C=e.getSideAxis(b.placement);return C===g||C==="y"}return!0}).map(b=>[b.placement,b.overflows.filter(C=>C>0).reduce((C,V)=>C+V,0)]).sort((b,C)=>b[1]-C[1])[0])==null?void 0:M[0];E&&(D=E);break}case"initialPlacement":D=s;break}if(t!==D)return{reset:{placement:D}}}return{}}}},N=function(n){return n===void 0&&(n={}),{name:"shift",options:n,async fn(l){const{x:m,y:i,placement:t,platform:o}=l,{mainAxis:a=!0,crossAxis:s=!1,limiter:w={fn:u=>{let{x:g,y:v}=u;return{x:g,y:v}}},...P}=e.evaluate(n,l),p={x:m,y:i},c=await o.detectOverflow(l,P),r=e.getSideAxis(e.getSide(t)),f=e.getOppositeAxis(r);let d=p[f],x=p[r];if(a){const u=f==="y"?"top":"left",g=f==="y"?"bottom":"right",v=d+c[u],y=d-c[g];d=e.clamp(v,d,y)}if(s){const u=r==="y"?"top":"left",g=r==="y"?"bottom":"right",v=x+c[u],y=x-c[g];x=e.clamp(v,x,y)}const A=w.fn({...l,[f]:d,[r]:x});return{...A,data:{x:A.x-m,y:A.y-i,enabled:{[f]:a,[r]:s}}}}}};exports.rectToClientRect=e.rectToClientRect;exports.autoPlacement=Y;exports.computePosition=I;exports.detectOverflow=$;exports.flip=q;exports.shift=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=["aria-selected","data-testid"],r={class:"select-item-container"},c=["disabled","value"],m={class:"select-item-label"},u=e.defineComponent({__name:"KSelectItem",props:{item:{}},emits:["selected","arrow-down","arrow-up"],setup(t,{emit:s}){const n=s,o=i=>{if(t.item.disabled){i.stopPropagation();return}n("selected",t.item)};return(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:t.item.key,"aria-selected":t.item.selected,class:"select-item","data-testid":`select-item-${t.item.value}`,role:"option"},[e.createElementVNode("div",r,[e.createElementVNode("button",{class:e.normalizeClass({selected:t.item.selected}),disabled:t.item.disabled===!0?!0:void 0,type:"button",value:t.item.value,onClick:o,onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-down"),["prevent"]),["down"])),l[1]||(l[1]=e.withKeys(e.withModifiers(d=>i.$emit("arrow-up"),["prevent"]),["up"]))]},[e.createElementVNode("span",m,[e.renderSlot(i.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.item.label),1)],!0)])],42,c)])],8,a))}});exports.default=u;