@kong/kongponents 9.62.2-pr.3292.bd0d0fa.0 → 9.63.0

package/dist/kongponents95.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents213.cjs"),C=require("./kongponents214.cjs"),d=require("./kongponents185.cjs"),V=["id","aria-checked"],S={class:"checkbox-label-wrapper"},x={key:1,class:"checkbox-description"},y=e.defineComponent({inheritAttrs:!1,__name:"KCheckbox",props:{modelValue:{type:Boolean},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},error:{type:Boolean,default:!1}},emits:["change","input","update:modelValue"],setup(o,{emit:u}){const l=u,i=e.useSlots(),a=e.useAttrs(),m=e.useId(),r=e.computed(()=>a.id?String(a.id):m),n=()=>!!(o.label||i.default),h=e.computed(()=>a?.disabled!==void 0&&String(a?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),k=()=>!!i.tooltip,c=e.computed(()=>{const t={...a};return delete t.class,t.checked=o.modelValue,t.indeterminate!==void 0&&String(t.indeterminate)!=="false"&&!o.modelValue?(delete t.checked,t.indeterminate=!0):delete t.indeterminate,t}),b=()=>({disabled:h.value,"has-description":s(),"input-error":o.error}),p=e.computed(()=>c.value.indeterminate!==void 0&&String(c.value.indeterminate)!=="false");e.watch(()=>o.labelAttributes,t=>{t.help&&console.warn("KCheckbox: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const f=t=>{l("change",t.target.checked),l("input",t.target.checked),l("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,b()]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":n()}])},[e.createElementVNode("input",e.mergeProps({id:r.value},c.value,{"aria-checked":o.modelValue,class:"checkbox-input",type:"checkbox",onChange:f}),null,16,V),o.modelValue?(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),p.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0},o.labelAttributes,{class:"checkbox-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},[k()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kongponents57.cjs"),v=require("./kongponents241.cjs"),C=require("./kongponents242.cjs"),d=require("./kongponents194.cjs"),V=["id","aria-checked"],S={class:"checkbox-label-wrapper"},x={key:1,class:"checkbox-description"},y=e.defineComponent({inheritAttrs:!1,__name:"KCheckbox",props:{modelValue:{type:Boolean},label:{default:""},labelAttributes:{default:()=>({})},description:{default:""},error:{type:Boolean,default:!1}},emits:["change","input","update:modelValue"],setup(o,{emit:u}){const l=u,i=e.useSlots(),a=e.useAttrs(),m=e.useId(),r=e.computed(()=>a.id?String(a.id):m),n=()=>!!(o.label||i.default),h=e.computed(()=>a?.disabled!==void 0&&String(a?.disabled)!=="false"),s=()=>n()&&(!!o.description||!!i.description),k=()=>!!i.tooltip,c=e.computed(()=>{const t={...a};return delete t.class,t.checked=o.modelValue,t.indeterminate!==void 0&&String(t.indeterminate)!=="false"&&!o.modelValue?(delete t.checked,t.indeterminate=!0):delete t.indeterminate,t}),b=()=>({disabled:h.value,"has-description":s(),"input-error":o.error}),p=e.computed(()=>c.value.indeterminate!==void 0&&String(c.value.indeterminate)!=="false");e.watch(()=>o.labelAttributes,t=>{t.help&&console.warn("KCheckbox: `help` property of `labelAttributes` prop is deprecated. Please use `info` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#klabel")},{immediate:!0});const f=t=>{l("change",t.target.checked),l("input",t.target.checked),l("update:modelValue",t.target.checked)};return(t,B)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-checkbox",[t.$attrs.class,b()]])},[e.createElementVNode("div",{class:e.normalizeClass(["checkbox-input-wrapper",{"has-label":n()}])},[e.createElementVNode("input",e.mergeProps({id:r.value},c.value,{"aria-checked":o.modelValue,class:"checkbox-input",type:"checkbox",onChange:f}),null,16,V),o.modelValue?(e.openBlock(),e.createBlock(e.unref(v.default),{key:0,class:"checkbox-icon","data-testid":"check-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0),p.value&&!o.modelValue?(e.openBlock(),e.createBlock(e.unref(C.default),{key:1,class:"checkbox-icon","data-testid":"indeterminate-icon",decorative:"",size:`var(--kui-icon-size-40, ${e.unref(d.KUI_ICON_SIZE_40)})`,tabindex:"-1"},null,8,["size"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",S,[n()?(e.openBlock(),e.createBlock(g.default,e.mergeProps({key:0},o.labelAttributes,{class:"checkbox-label",for:r.value}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.label),1)],!0)]),_:2},[k()?{name:"tooltip",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"tooltip",{},void 0,!0)]),key:"0"}:void 0]),1040,["for"])):e.createCommentVNode("",!0),s()?(e.openBlock(),e.createElementBlock("div",x,[e.renderSlot(t.$slots,"description",{},()=>[e.createElementVNode("p",null,e.toDisplayString(o.description),1)],!0)])):e.createCommentVNode("",!0)])],2))}});exports.default=y;

package/dist/kongponents95.es.js

@@ -1,8 +1,8 @@
 import { defineComponent as w, useSlots as B, useAttrs as E, useId as K, computed as o, watch as N, openBlock as a, createElementBlock as p, normalizeClass as f, createElementVNode as l, mergeProps as g, createBlock as m, unref as s, createCommentVNode as n, createSlots as D, withCtx as v, renderSlot as h, createTextVNode as L, toDisplayString as x } from "vue";
 import P from "./kongponents57.es.js";
-import T from "./kongponents213.es.js";
-import q from "./kongponents214.es.js";
-import { KUI_ICON_SIZE_40 as C } from "./kongponents185.es.js";
+import T from "./kongponents241.es.js";
+import q from "./kongponents242.es.js";
+import { KUI_ICON_SIZE_40 as C } from "./kongponents194.es.js";
 const O = ["id", "aria-checked"], U = { class: "checkbox-label-wrapper" }, Z = {
   key: 1,
   class: "checkbox-description"

package/dist/kongponents97.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents217.cjs"),ae=require("./kongponents55.cjs"),re=require("./kongponents177.cjs"),ie=require("./kongponents218.cjs"),h=require("./kongponents219.cjs"),ce=require("./kongponents207.cjs"),ue=require("./kongponents220.cjs"),se=require("./kongponents201.cjs"),de=require("./kongponents221.cjs"),he=require("./kongponents222.cjs"),fe=require("./kongponents202.cjs"),me=require("./kongponents223.cjs"),ge=require("./kongponents224.cjs"),C=require("./kongponents185.cjs"),b=require("./kongponents44.cjs"),ve=require("./kongponents225.cjs"),ke=require("./kongponents186.cjs"),be=require("./kongponents226.cjs"),ye=["id"],pe={key:0,class:"code-block-actions"},Ce={key:0,class:"code-block-search-results-container"},Ne={key:0,class:"code-block-search-results"},Le={class:"code-block-search-actions"},we={ref:"codeBlockContent",class:"code-block-content"},Be={class:"code-block-secondary-actions"},xe=["id","href"],Ee=["innerHTML"],Me=["id","href"],Te=["innerHTML"],Ve=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v64103794:_.value,eb299d1a:Q.value}));const f=ve.IS_MAYBE_MAC?"Option":"Alt",G=be.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const v=K,X=e.useSlots(),B=e.ref(o.query),m=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),i=e.ref(o.query),x=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),N=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>Array.from({length:o.code?.split(`
-`).length},(t,n)=>n+1)),Q=e.computed(()=>y.value[y.value.length-1]?.toString().length+"ch"),T=e.computed(()=>o.processing||m.value),g=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${W.value}-L${t}`}const Y=e.computed(()=>h.buildLineOffsets(o.code)),V=e.computed(()=>{if(i.value===""||a.value.length===0)return"";const t=o.code?.split(`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents183.cjs"),le=require("./kongponents55.cjs"),ae=require("./kongponents177.cjs"),re=require("./kongponents184.cjs"),h=require("./kongponents185.cjs"),ie=require("./kongponents186.cjs"),ce=require("./kongponents187.cjs"),ue=require("./kongponents188.cjs"),se=require("./kongponents189.cjs"),de=require("./kongponents190.cjs"),he=require("./kongponents191.cjs"),fe=require("./kongponents192.cjs"),me=require("./kongponents193.cjs"),C=require("./kongponents194.cjs"),b=require("./kongponents44.cjs"),ve=require("./kongponents195.cjs"),ge=require("./kongponents196.cjs"),ke=require("./kongponents197.cjs"),be=["id"],ye={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Ce={key:0,class:"code-block-search-results"},Ne={class:"code-block-search-actions"},Le={ref:"codeBlockContent",class:"code-block-content"},we={class:"code-block-secondary-actions"},Be=["id","href"],xe=["innerHTML"],Ee=["id","href"],Me=["innerHTML"],Te=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},copyCode:{},language:{},initialFilterMode:{type:Boolean},initialRegExpMode:{type:Boolean},searchable:{type:Boolean},highlightedLineNumbers:{default:()=>[]},processing:{type:Boolean},query:{default:""},showCopyButton:{type:[Boolean,String],default:!0},showLineNumbers:{type:Boolean,default:!0},showLineNumberLinks:{type:Boolean},singleLine:{type:Boolean},maxHeight:{default:"none"}},emits:["code-block-render","matching-lines-change","query-change","filter-mode-change","reg-exp-mode-change"],setup(o,{emit:K}){e.useCssVars(t=>({v7975ecf4:_.value,v613736d3:Q.value}));const f=ve.IS_MAYBE_MAC?"Option":"Alt",G=ke.default(R,150,{leading:!0,trailing:!0});e.watch(()=>o.highlightedLineNumbers,t=>{typeof t=="string"&&h.LINE_NUMBER_EXPRESSION_REGEX.test(t)||Array.isArray(t)&&t.every(n=>Array.isArray(n)?n.length===2&&n.every(l=>typeof l=="number"):typeof n=="number")||console.warn("KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers.")},{immediate:!0});const g=K,X=e.useSlots(),B=e.ref(o.query),m=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),i=e.ref(o.query),x=e.ref(0),a=e.ref([]),c=e.ref(null),r=e.useTemplateRef("codeBlock"),N=e.useTemplateRef("codeBlockContent"),E=e.useTemplateRef("codeBlockLineNumbers"),L=e.ref(!1),w=e.ref(!1),M=e.computed(()=>new Set(a.value)),y=e.computed(()=>Array.from({length:o.code?.split(`
+`).length},(t,n)=>n+1)),Q=e.computed(()=>y.value[y.value.length-1]?.toString().length+"ch"),T=e.computed(()=>o.processing||m.value),v=e.computed(()=>u.value&&V.value!==""),W=e.computed(()=>o.id.toLowerCase().replace(/\s+/g,"-"));function k(t){return`${W.value}-L${t}`}const Y=e.computed(()=>h.buildLineOffsets(o.code)),V=e.computed(()=>{if(i.value===""||a.value.length===0)return"";const t=o.code?.split(`
 `).filter((n,l)=>M.value.has(l+1)).join(`
 `);return h.highlightMatchingChars(t,i.value,s.value)}),Z=e.computed(()=>!o.singleLine&&o.searchable),J=e.computed(()=>o.singleLine?h.escapeHTMLIfNeeded(o.code).replaceAll(`
-`,""):h.escapeHTMLIfNeeded(o.code)),_=e.computed(()=>ke.normalizeSize(o.maxHeight));e.watch(()=>o.code,async function(){await e.nextTick(),I(),p()}),e.watch(()=>s.value,function(){p()}),e.watch(()=>o.highlightedLineNumbers,function(){A()},{immediate:!0,deep:!0}),e.watch(()=>g.value,function(t){typeof document>"u"||(document?.activeElement?.tagName==="PRE"&&r.value?.focus({preventScroll:!0}),w.value=w.value||t,L.value=L.value||!t,N.value&&(N.value.scrollTop=0))},{immediate:!0});const ee={"alt+c":"copyCode","alt+f":"toggleFilterMode","alt+g":"toggleFilterMode","alt+r":"toggleRegExpMode",f3:"jumpToNextMatch","shift+f3":"jumpToPreviousMatch",enter:"jumpToNextMatch","shift+enter":"jumpToPreviousMatch"},te={toggleFilterMode:{trigger:F,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0},toggleRegExpMode:{trigger:H,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0},jumpToNextMatch:{trigger:D,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},jumpToPreviousMatch:{trigger:z,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},copyCode:{trigger:j,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0}},S=new ie.ShortcutManager(ee,te);e.onMounted(function(){S.registerListener(),I(),!o.query&&o.highlightedLineNumbers.length?A():p()}),e.onBeforeUnmount(function(){S.unRegisterListener()});function I(){if(typeof HTMLElement>"u")return;const t=r.value?.querySelector(".highlighted-code-block"),n=t?.querySelector("code");t instanceof HTMLElement&&n instanceof HTMLElement&&v("code-block-render",P(t,n))}function q(){if(typeof HTMLElement>"u")return;const t=r.value?.querySelector(".highlighted-code-block"),n=t?.querySelector("code");t instanceof HTMLElement&&n instanceof HTMLElement&&v("matching-lines-change",P(t,n))}function P(t,n){return{preElement:t,codeElement:n,code:o.code,language:o.language,query:B.value,matchingLineNumbers:a.value}}function oe(){i.value!==B.value&&(m.value=!0,G())}async function R(){await e.nextTick(),v("query-change",i.value),p()}function A(){m.value=!0,d.value=null,a.value=h.normalizeHighlightedLines(o.highlightedLineNumbers,y.value.length),x.value=a.value.length,q(),m.value=!1}function p(){m.value=!0,d.value=null;let t=[];if(i.value.length>0)try{t=h.getMatchingLineNumbers(o.code.toLowerCase(),i.value.toLowerCase(),s.value,Y.value)}catch(n){if(n instanceof Error)d.value=n;else throw n}c.value=null,x.value=t.length,a.value=Array.from(new Set(t)),q(),m.value=!1}function ne(){i.value="",R()}function H(){s.value=!s.value,v("reg-exp-mode-change",s.value),s.value||(d.value=null)}function F(){u.value=!u.value,v("filter-mode-change",u.value)}function D(){$(1)}function z(){$(-1)}function $(t){if(typeof HTMLElement>"u"||a.value.length===0||!(r.value instanceof HTMLElement))return;typeof c.value=="number"?c.value=(c.value+t+a.value.length)%a.value.length:c.value=0;const n=a.value[c.value];if(!n)return;const l=r.value.querySelector(`.highlighted-code-block #${k(n)}`);l?"scrollIntoViewIfNeeded"in l&&typeof l.scrollIntoViewIfNeeded=="function"?l.scrollIntoViewIfNeeded(!0):l.scrollIntoView({block:"nearest"}):E.value&&E.value.scrollToIndex(n-1,{align:"center"})}async function j(t){const n=t.target.closest("button");await re.copyTextToClipboard(o.copyCode??o.code)&&(n?.setAttribute("data-tooltip-text","Copied code!"),window?.setTimeout(function(){n?.removeAttribute("data-tooltip-text")},1500))}const le=e.computed(()=>`var(--kui-color-text-neutral-strong, ${C.KUI_COLOR_TEXT_NEUTRAL_STRONG})`);function O(t){return{as:"span",class:"line-number-rows",data:t?a.value:y.value,item:"span",itemProps:({item:n})=>({class:e.normalizeClass({line:!0,"line-is-match":t?!1:M.value.has(n),"line-is-highlighted-match":t?!1:c.value!==null&&n===a.value[c.value]})}),bufferSize:Math.max(parseInt(C.KUI_LINE_HEIGHT_30,10)*8,200),itemSize:parseInt(C.KUI_LINE_HEIGHT_30,10),scrollRef:N.value??void 0,style:{position:"absolute",width:"auto"}}}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:o.id,ref:"codeBlock",class:"k-code-block","data-testid":"k-code-block",tabindex:"-1",onBlur:n[1]||(n[1]=l=>c.value=null)},[Z.value?(e.openBlock(),e.createElementBlock("div",pe,[e.createVNode(ae.default,{modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=l=>i.value=l),"aria-label":"Search",autocomplete:"off",class:"code-block-search-input","data-testid":"code-block-search-input",error:d.value!==null,"error-message":d.value!==null?d.value.message:void 0,name:"code-search",placeholder:"Search...",onInput:oe},{before:e.withCtx(()=>[e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear query",class:"clear-query-button","data-testid":"clear-query-button",title:"Clear query",type:"button",onClick:ne},[e.createVNode(e.unref(se.default),{decorative:""})])):(e.openBlock(),e.createBlock(e.unref(ge.default),{key:1,class:"code-block-search-icon",decorative:""}))]),_:1})]),_:1},8,["modelValue","error","error-message"]),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value||i.value?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value?(e.openBlock(),e.createBlock(e.unref(fe.default),{key:0,class:"code-block-processing-icon",color:le.value,"data-testid":"code-block-processing-icon",size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,title:"Loading"},null,8,["color","size"])):e.createCommentVNode("",!0)]),_:1}),i.value?(e.openBlock(),e.createElementBlock("p",Ne,[a.value.length===0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" No results ")],64)):typeof c.value=="number"&&!g.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value+1)+" of "+e.toDisplayString(a.value.length),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(a.value.length)+" "+e.toDisplayString(a.value.length===1?"result":"results"),1)],64))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1}),e.createElementVNode("div",Le,[e.createVNode(b.default,{active:s.value,"aria-label":`Use regular expression (${e.unref(f)}+R)`,"aria-pressed":s.value,class:"regexp-mode-button","data-testid":"regexp-mode-button",title:`Use regular expression (${e.unref(f)}+R)`,onClick:H},{default:e.withCtx(()=>[e.createVNode(e.unref(me.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","title"]),e.createVNode(b.default,{active:u.value,"aria-label":`Filter results (${e.unref(f)}+F)`,"aria-pressed":u.value,class:"action-button filter-mode-button","data-testid":"filter-mode-button",title:`Filter results (${e.unref(f)}+F)`,onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(he.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","title"]),e.createVNode(b.default,{"aria-label":"Previous match (Shift+F3)",class:"previous-match-button","data-testid":"previous-match-button",disabled:a.value.length===0||u.value,title:"Previous match (Shift+F3)",onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(ue.default),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(b.default,{"aria-label":"Next match (F3)",class:"next-match-button","data-testid":"next-match-button",disabled:a.value.length===0||u.value,title:"Next match (F3)",onClick:D},{default:e.withCtx(()=>[e.createVNode(e.unref(ce.default),{decorative:""})]),_:1},8,["disabled"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[o.showCopyButton||X["secondary-actions"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["secondary-actions-wrapper",{"always-show":o.showCopyButton==="always"}])},[e.createElementVNode("div",Be,[o.showCopyButton?(e.openBlock(),e.createBlock(b.default,{key:0,"aria-label":`Copy (${e.unref(f)}+C)`,class:"code-block-copy-button","copy-tooltip":`Copy (${e.unref(f)}+C)`,"data-testid":`code-block-copy-button-${o.id}`,onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(de.default),{decorative:""})]),_:1},8,["aria-label","copy-tooltip","data-testid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"secondary-actions",{},void 0,!0)])],2)):e.createCommentVNode("",!0),g.value||w.value?e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent("pre"),{key:1,class:e.normalizeClass(["filtered-code-block",{"show-line-numbers":o.showLineNumbers}]),"data-testid":"filtered-code-block"},{default:e.withCtx(()=>[o.showLineNumbers&&!o.singleLine?(e.openBlock(),e.createBlock(e.unref(U.Virtualizer),e.normalizeProps(e.mergeProps({key:0},O(!0))),{default:e.withCtx(({item:l})=>[e.createElementVNode("a",{id:k(l),class:"line-anchor",href:o.showLineNumberLinks?`#${k(l)}`:void 0},e.toDisplayString(l),9,xe)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:V.value},null,8,Ee)]),_:1},8,["class"])),[[e.vShow,g.value]]):e.createCommentVNode("",!0),!g.value||L.value?e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent("pre"),{key:2,class:e.normalizeClass(["highlighted-code-block",{"show-line-numbers":o.showLineNumbers,"single-line":o.singleLine}]),"data-testid":"highlighted-code-block"},{default:e.withCtx(()=>[o.showLineNumbers&&!o.singleLine?(e.openBlock(),e.createBlock(e.unref(U.Virtualizer),e.mergeProps({key:0,ref:"codeBlockLineNumbers"},O(!1)),{default:e.withCtx(({item:l})=>[e.createElementVNode("a",{id:k(l),class:e.normalizeClass(["line-anchor",{"hide-links":!o.showLineNumberLinks}]),href:o.showLineNumberLinks?`#${k(l)}`:void 0},e.toDisplayString(l),11,Me)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:J.value},null,8,Te)]),_:1},8,["class"])),[[e.vShow,!g.value]]):e.createCommentVNode("",!0)],512)],40,ye))}});exports.default=Ve;
+`,""):h.escapeHTMLIfNeeded(o.code)),_=e.computed(()=>ge.normalizeSize(o.maxHeight));e.watch(()=>o.code,async function(){await e.nextTick(),I(),p()}),e.watch(()=>s.value,function(){p()}),e.watch(()=>o.highlightedLineNumbers,function(){A()},{immediate:!0,deep:!0}),e.watch(()=>v.value,function(t){typeof document>"u"||(document?.activeElement?.tagName==="PRE"&&r.value?.focus({preventScroll:!0}),w.value=w.value||t,L.value=L.value||!t,N.value&&(N.value.scrollTop=0))},{immediate:!0});const ee={"alt+c":"copyCode","alt+f":"toggleFilterMode","alt+g":"toggleFilterMode","alt+r":"toggleRegExpMode",f3:"jumpToNextMatch","shift+f3":"jumpToPreviousMatch",enter:"jumpToNextMatch","shift+enter":"jumpToPreviousMatch"},te={toggleFilterMode:{trigger:F,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0},toggleRegExpMode:{trigger:H,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0},jumpToNextMatch:{trigger:D,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},jumpToPreviousMatch:{trigger:z,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},copyCode:{trigger:j,isAllowedContext(t){return r.value!==null&&t.composedPath().includes(r.value)},shouldPreventDefaultAction:!0}},S=new re.ShortcutManager(ee,te);e.onMounted(function(){S.registerListener(),I(),!o.query&&o.highlightedLineNumbers.length?A():p()}),e.onBeforeUnmount(function(){S.unRegisterListener()});function I(){if(typeof HTMLElement>"u")return;const t=r.value?.querySelector(".highlighted-code-block"),n=t?.querySelector("code");t instanceof HTMLElement&&n instanceof HTMLElement&&g("code-block-render",P(t,n))}function q(){if(typeof HTMLElement>"u")return;const t=r.value?.querySelector(".highlighted-code-block"),n=t?.querySelector("code");t instanceof HTMLElement&&n instanceof HTMLElement&&g("matching-lines-change",P(t,n))}function P(t,n){return{preElement:t,codeElement:n,code:o.code,language:o.language,query:B.value,matchingLineNumbers:a.value}}function oe(){i.value!==B.value&&(m.value=!0,G())}async function R(){await e.nextTick(),g("query-change",i.value),p()}function A(){m.value=!0,d.value=null,a.value=h.normalizeHighlightedLines(o.highlightedLineNumbers,y.value.length),x.value=a.value.length,q(),m.value=!1}function p(){m.value=!0,d.value=null;let t=[];if(i.value.length>0)try{t=h.getMatchingLineNumbers(o.code.toLowerCase(),i.value.toLowerCase(),s.value,Y.value)}catch(n){if(n instanceof Error)d.value=n;else throw n}c.value=null,x.value=t.length,a.value=Array.from(new Set(t)),q(),m.value=!1}function ne(){i.value="",R()}function H(){s.value=!s.value,g("reg-exp-mode-change",s.value),s.value||(d.value=null)}function F(){u.value=!u.value,g("filter-mode-change",u.value)}function D(){$(1)}function z(){$(-1)}function $(t){if(typeof HTMLElement>"u"||a.value.length===0||!(r.value instanceof HTMLElement))return;typeof c.value=="number"?c.value=(c.value+t+a.value.length)%a.value.length:c.value=0;const n=a.value[c.value];if(!n)return;const l=r.value.querySelector(`.highlighted-code-block #${k(n)}`);l?"scrollIntoViewIfNeeded"in l&&typeof l.scrollIntoViewIfNeeded=="function"?l.scrollIntoViewIfNeeded(!0):l.scrollIntoView({block:"nearest"}):E.value&&E.value.scrollToIndex(n-1,{align:"center"})}async function j(t){const n=t.target.closest("button");await ae.copyTextToClipboard(o.copyCode??o.code)&&(n?.setAttribute("data-tooltip-text","Copied code!"),window?.setTimeout(function(){n?.removeAttribute("data-tooltip-text")},1500))}function O(t){return{as:"span",class:"line-number-rows",data:t?a.value:y.value,item:"span",itemProps:({item:n})=>({class:e.normalizeClass({line:!0,"line-is-match":t?!1:M.value.has(n),"line-is-highlighted-match":t?!1:c.value!==null&&n===a.value[c.value]})}),bufferSize:Math.max(parseInt(C.KUI_LINE_HEIGHT_30,10)*8,200),itemSize:parseInt(C.KUI_LINE_HEIGHT_30,10),scrollRef:N.value??void 0,style:{position:"absolute",width:"auto"}}}return(t,n)=>(e.openBlock(),e.createElementBlock("div",{id:o.id,ref:"codeBlock",class:"k-code-block","data-testid":"k-code-block",tabindex:"-1",onBlur:n[1]||(n[1]=l=>c.value=null)},[Z.value?(e.openBlock(),e.createElementBlock("div",ye,[e.createVNode(le.default,{modelValue:i.value,"onUpdate:modelValue":n[0]||(n[0]=l=>i.value=l),"aria-label":"Search",autocomplete:"off",class:"code-block-search-input","data-testid":"code-block-search-input",error:d.value!==null,"error-message":d.value!==null?d.value.message:void 0,name:"code-search",placeholder:"Search...",onInput:oe},{before:e.withCtx(()=>[e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Clear query",class:"clear-query-button","data-testid":"clear-query-button",title:"Clear query",type:"button",onClick:ne},[e.createVNode(e.unref(ue.default),{decorative:""})])):(e.openBlock(),e.createBlock(e.unref(me.default),{key:1,class:"code-block-search-icon",decorative:""}))]),_:1})]),_:1},8,["modelValue","error","error-message"]),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value||i.value?(e.openBlock(),e.createElementBlock("div",pe,[e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[T.value?(e.openBlock(),e.createBlock(e.unref(he.default),{key:0,class:"code-block-processing-icon",color:`var(--kui-color-text-neutral-strong, ${e.unref(C.KUI_COLOR_TEXT_NEUTRAL_STRONG)})`,"data-testid":"code-block-processing-icon",size:`var(--kui-icon-size-30, ${e.unref(C.KUI_ICON_SIZE_30)})`,title:"Loading"},null,8,["color","size"])):e.createCommentVNode("",!0)]),_:1}),i.value?(e.openBlock(),e.createElementBlock("p",Ce,[a.value.length===0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" No results ")],64)):typeof c.value=="number"&&!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(c.value+1)+" of "+e.toDisplayString(a.value.length),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(a.value.length)+" "+e.toDisplayString(a.value.length===1?"result":"results"),1)],64))])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),_:1}),e.createElementVNode("div",Ne,[e.createVNode(b.default,{active:s.value,"aria-label":`Use regular expression (${e.unref(f)}+R)`,"aria-pressed":s.value,class:"regexp-mode-button","data-testid":"regexp-mode-button",title:`Use regular expression (${e.unref(f)}+R)`,onClick:H},{default:e.withCtx(()=>[e.createVNode(e.unref(fe.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","title"]),e.createVNode(b.default,{active:u.value,"aria-label":`Filter results (${e.unref(f)}+F)`,"aria-pressed":u.value,class:"action-button filter-mode-button","data-testid":"filter-mode-button",title:`Filter results (${e.unref(f)}+F)`,onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(de.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","title"]),e.createVNode(b.default,{"aria-label":"Previous match (Shift+F3)",class:"previous-match-button","data-testid":"previous-match-button",disabled:a.value.length===0||u.value,title:"Previous match (Shift+F3)",onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(ce.default),{decorative:""})]),_:1},8,["disabled"]),e.createVNode(b.default,{"aria-label":"Next match (F3)",class:"next-match-button","data-testid":"next-match-button",disabled:a.value.length===0||u.value,title:"Next match (F3)",onClick:D},{default:e.withCtx(()=>[e.createVNode(e.unref(ie.default),{decorative:""})]),_:1},8,["disabled"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",Le,[o.showCopyButton||X["secondary-actions"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["secondary-actions-wrapper",{"always-show":o.showCopyButton==="always"}])},[e.createElementVNode("div",we,[o.showCopyButton?(e.openBlock(),e.createBlock(b.default,{key:0,"aria-label":`Copy (${e.unref(f)}+C)`,class:"code-block-copy-button","copy-tooltip":`Copy (${e.unref(f)}+C)`,"data-testid":`code-block-copy-button-${o.id}`,onClick:j},{default:e.withCtx(()=>[e.createVNode(e.unref(se.default),{decorative:""})]),_:1},8,["aria-label","copy-tooltip","data-testid"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"secondary-actions",{},void 0,!0)])],2)):e.createCommentVNode("",!0),v.value||w.value?e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent("pre"),{key:1,class:e.normalizeClass(["filtered-code-block",{"show-line-numbers":o.showLineNumbers}]),"data-testid":"filtered-code-block"},{default:e.withCtx(()=>[o.showLineNumbers&&!o.singleLine?(e.openBlock(),e.createBlock(e.unref(U.Virtualizer),e.normalizeProps(e.mergeProps({key:0},O(!0))),{default:e.withCtx(({item:l})=>[e.createElementVNode("a",{id:k(l),class:"line-anchor",href:o.showLineNumberLinks?`#${k(l)}`:void 0},e.toDisplayString(l),9,Be)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:V.value},null,8,xe)]),_:1},8,["class"])),[[e.vShow,v.value]]):e.createCommentVNode("",!0),!v.value||L.value?e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent("pre"),{key:2,class:e.normalizeClass(["highlighted-code-block",{"show-line-numbers":o.showLineNumbers,"single-line":o.singleLine}]),"data-testid":"highlighted-code-block"},{default:e.withCtx(()=>[o.showLineNumbers&&!o.singleLine?(e.openBlock(),e.createBlock(e.unref(U.Virtualizer),e.mergeProps({key:0,ref:"codeBlockLineNumbers"},O(!1)),{default:e.withCtx(({item:l})=>[e.createElementVNode("a",{id:k(l),class:e.normalizeClass(["line-anchor",{"hide-links":!o.showLineNumberLinks}]),href:o.showLineNumberLinks?`#${k(l)}`:void 0},e.toDisplayString(l),11,Ee)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:J.value},null,8,Me)]),_:1},8,["class"])),[[e.vShow,!v.value]]):e.createCommentVNode("",!0)],512)],40,be))}});exports.default=Te;

package/dist/kongponents97.es.js

@@ -1,35 +1,35 @@
-import { defineComponent as xe, useCssVars as Ee, watch as E, useSlots as Be, ref as m, useTemplateRef as H, computed as d, nextTick as ne, onMounted as Te, onBeforeUnmount as Se, openBlock as i, createElementBlock as b, createVNode as u, withCtx as c, Transition as $, unref as a, createBlock as k, createCommentVNode as v, Fragment as F, createTextVNode as q, toDisplayString as w, createElementVNode as p, normalizeClass as B, renderSlot as Ie, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Ae, mergeProps as re, vShow as ue } from "vue";
-import { Virtualizer as ce } from "./kongponents217.es.js";
-import Pe from "./kongponents55.es.js";
-import { copyTextToClipboard as Re } from "./kongponents177.es.js";
-import { ShortcutManager as He } from "./kongponents218.es.js";
-import { LINE_NUMBER_EXPRESSION_REGEX as $e, buildLineOffsets as Fe, highlightMatchingChars as qe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as Ve, getMatchingLineNumbers as ze } from "./kongponents219.es.js";
-import De from "./kongponents207.es.js";
-import je from "./kongponents220.es.js";
-import Oe from "./kongponents201.es.js";
-import Ue from "./kongponents221.es.js";
-import Ke from "./kongponents222.es.js";
-import Ge from "./kongponents202.es.js";
-import Xe from "./kongponents223.es.js";
-import Qe from "./kongponents224.es.js";
-import { KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_ICON_SIZE_30 as Ye, KUI_LINE_HEIGHT_30 as de } from "./kongponents185.es.js";
+import { defineComponent as Ne, useCssVars as xe, watch as E, useSlots as Ee, ref as h, useTemplateRef as H, computed as m, nextTick as ne, onMounted as Be, onBeforeUnmount as Te, openBlock as i, createElementBlock as b, createVNode as u, withCtx as c, Transition as $, unref as a, createBlock as k, createCommentVNode as v, Fragment as F, createTextVNode as q, toDisplayString as w, createElementVNode as p, normalizeClass as B, renderSlot as Se, withDirectives as ae, resolveDynamicComponent as ie, normalizeProps as Ie, mergeProps as re, vShow as ue } from "vue";
+import { Virtualizer as ce } from "./kongponents183.es.js";
+import Ae from "./kongponents55.es.js";
+import { copyTextToClipboard as Pe } from "./kongponents177.es.js";
+import { ShortcutManager as Re } from "./kongponents184.es.js";
+import { LINE_NUMBER_EXPRESSION_REGEX as He, buildLineOffsets as $e, highlightMatchingChars as Fe, escapeHTMLIfNeeded as se, normalizeHighlightedLines as qe, getMatchingLineNumbers as Ve } from "./kongponents185.es.js";
+import ze from "./kongponents186.es.js";
+import De from "./kongponents187.es.js";
+import je from "./kongponents188.es.js";
+import Oe from "./kongponents189.es.js";
+import Ue from "./kongponents190.es.js";
+import Ke from "./kongponents191.es.js";
+import Ge from "./kongponents192.es.js";
+import Xe from "./kongponents193.es.js";
+import { KUI_ICON_SIZE_30 as Qe, KUI_COLOR_TEXT_NEUTRAL_STRONG as We, KUI_LINE_HEIGHT_30 as de } from "./kongponents194.es.js";
 import T from "./kongponents44.es.js";
-import { IS_MAYBE_MAC as Ze } from "./kongponents225.es.js";
-import { normalizeSize as Je } from "./kongponents186.es.js";
-import _e from "./kongponents226.es.js";
-const et = ["id"], tt = {
+import { IS_MAYBE_MAC as Ye } from "./kongponents195.es.js";
+import { normalizeSize as Ze } from "./kongponents196.es.js";
+import Je from "./kongponents197.es.js";
+const _e = ["id"], et = {
   key: 0,
   class: "code-block-actions"
-}, ot = {
+}, tt = {
   key: 0,
   class: "code-block-search-results-container"
-}, lt = {
+}, ot = {
   key: 0,
   class: "code-block-search-results"
-}, nt = { class: "code-block-search-actions" }, at = {
+}, lt = { class: "code-block-search-actions" }, nt = {
   ref: "codeBlockContent",
   class: "code-block-content"
-}, it = { class: "code-block-secondary-actions" }, rt = ["id", "href"], ut = ["innerHTML"], ct = ["id", "href"], st = ["innerHTML"], St = /* @__PURE__ */ xe({
+}, at = { class: "code-block-secondary-actions" }, it = ["id", "href"], rt = ["innerHTML"], ut = ["id", "href"], ct = ["innerHTML"], Tt = /* @__PURE__ */ Ne({
   __name: "KCodeBlock",
   props: {
     id: {},
@@ -50,32 +50,32 @@ const et = ["id"], tt = {
   },
   emits: ["code-block-render", "matching-lines-change", "query-change", "filter-mode-change", "reg-exp-mode-change"],
   setup(t, { emit: he }) {
-    Ee((e) => ({
-      v64103794: pe.value,
-      eb299d1a: ve.value
+    xe((e) => ({
+      v7975ecf4: pe.value,
+      v613736d3: ve.value
     }));
-    const L = Ze ? "Option" : "Alt", me = _e(W, 150, { leading: !0, trailing: !0 });
+    const L = Ye ? "Option" : "Alt", me = Je(W, 150, { leading: !0, trailing: !0 });
     E(() => t.highlightedLineNumbers, (e) => {
-      typeof e == "string" && $e.test(e) || Array.isArray(e) && e.every((o) => Array.isArray(o) ? o.length === 2 && o.every((l) => typeof l == "number") : typeof o == "number") || console.warn(
+      typeof e == "string" && He.test(e) || Array.isArray(e) && e.every((o) => Array.isArray(o) ? o.length === 2 && o.every((l) => typeof l == "number") : typeof o == "number") || console.warn(
         "KCodeBlock: `highlightedLineNumbers` prop should be either a properly formatted string (e.g. '1,3-5,7'), an array of numbers or tuples of numbers."
       );
     }, { immediate: !0 });
-    const N = he, fe = Be(), V = m(t.query), C = m(!1), g = m(t.initialRegExpMode), f = m(t.initialFilterMode), y = m(null), s = m(t.query), z = m(0), n = m([]), h = m(null), r = H("codeBlock"), A = H("codeBlockContent"), D = H("codeBlockLineNumbers"), P = m(!1), R = m(!1), j = d(() => new Set(n.value)), S = d(() => Array.from({ length: t.code?.split(`
-`).length }, (e, o) => o + 1)), ve = d(() => S.value[S.value.length - 1]?.toString().length + "ch"), O = d(() => t.processing || C.value), M = d(() => f.value && U.value !== ""), ge = d(() => t.id.toLowerCase().replace(/\s+/g, "-"));
+    const N = he, fe = Ee(), V = h(t.query), C = h(!1), g = h(t.initialRegExpMode), f = h(t.initialFilterMode), y = h(null), s = h(t.query), z = h(0), n = h([]), d = h(null), r = H("codeBlock"), A = H("codeBlockContent"), D = H("codeBlockLineNumbers"), P = h(!1), R = h(!1), j = m(() => new Set(n.value)), S = m(() => Array.from({ length: t.code?.split(`
+`).length }, (e, o) => o + 1)), ve = m(() => S.value[S.value.length - 1]?.toString().length + "ch"), O = m(() => t.processing || C.value), M = m(() => f.value && U.value !== ""), ge = m(() => t.id.toLowerCase().replace(/\s+/g, "-"));
     function x(e) {
       return `${ge.value}-L${e}`;
     }
-    const be = d(() => Fe(t.code)), U = d(() => {
+    const be = m(() => $e(t.code)), U = m(() => {
       if (s.value === "" || n.value.length === 0)
         return "";
       const e = t.code?.split(`
 `).filter((o, l) => j.value.has(l + 1)).join(`
 `);
-      return qe(e, s.value, g.value);
-    }), ye = d(() => !t.singleLine && t.searchable), ke = d(
+      return Fe(e, s.value, g.value);
+    }), ye = m(() => !t.singleLine && t.searchable), ke = m(
       () => t.singleLine ? se(t.code).replaceAll(`
 `, "") : se(t.code)
-    ), pe = d(() => Je(t.maxHeight));
+    ), pe = m(() => Ze(t.maxHeight));
     E(() => t.code, async function() {
       await ne(), G(), I();
     }), E(() => g.value, function() {
@@ -132,10 +132,10 @@ const et = ["id"], tt = {
         },
         shouldPreventDefaultAction: !0
       }
-    }, K = new He(Le, Ce);
-    Te(function() {
+    }, K = new Re(Le, Ce);
+    Be(function() {
       K.registerListener(), G(), !t.query && t.highlightedLineNumbers.length ? Y() : I();
-    }), Se(function() {
+    }), Te(function() {
       K.unRegisterListener();
     });
     function G() {
@@ -167,14 +167,14 @@ const et = ["id"], tt = {
       await ne(), N("query-change", s.value), I();
     }
     function Y() {
-      C.value = !0, y.value = null, n.value = Ve(t.highlightedLineNumbers, S.value.length), z.value = n.value.length, X(), C.value = !1;
+      C.value = !0, y.value = null, n.value = qe(t.highlightedLineNumbers, S.value.length), z.value = n.value.length, X(), C.value = !1;
     }
     function I() {
       C.value = !0, y.value = null;
       let e = [];
       if (s.value.length > 0)
         try {
-          e = ze(
+          e = Ve(
             t.code.toLowerCase(),
             s.value.toLowerCase(),
             g.value,
@@ -186,7 +186,7 @@ const et = ["id"], tt = {
           else
             throw o;
         }
-      h.value = null, z.value = e.length, n.value = Array.from(new Set(e)), X(), C.value = !1;
+      d.value = null, z.value = e.length, n.value = Array.from(new Set(e)), X(), C.value = !1;
     }
     function we() {
       s.value = "", W();
@@ -206,8 +206,8 @@ const et = ["id"], tt = {
     function te(e) {
       if (typeof HTMLElement > "u" || n.value.length === 0 || !(r.value instanceof HTMLElement))
         return;
-      typeof h.value == "number" ? h.value = (h.value + e + n.value.length) % n.value.length : h.value = 0;
-      const o = n.value[h.value];
+      typeof d.value == "number" ? d.value = (d.value + e + n.value.length) % n.value.length : d.value = 0;
+      const o = n.value[d.value];
       if (!o)
         return;
       const l = r.value.querySelector(`.highlighted-code-block #${x(o)}`);
@@ -215,11 +215,10 @@ const et = ["id"], tt = {
     }
     async function oe(e) {
       const o = e.target.closest("button");
-      await Re(t.copyCode ?? t.code) && (o?.setAttribute("data-tooltip-text", "Copied code!"), window?.setTimeout(function() {
+      await Pe(t.copyCode ?? t.code) && (o?.setAttribute("data-tooltip-text", "Copied code!"), window?.setTimeout(function() {
         o?.removeAttribute("data-tooltip-text");
       }, 1500));
     }
-    const Ne = d(() => `var(--kui-color-text-neutral-strong, ${We})`);
     function le(e) {
       return {
         // These props essentially renders a structure like this:
@@ -235,7 +234,7 @@ const et = ["id"], tt = {
           class: B({
             line: !0,
             "line-is-match": e ? !1 : j.value.has(o),
-            "line-is-highlighted-match": e ? !1 : h.value !== null && o === n.value[h.value]
+            "line-is-highlighted-match": e ? !1 : d.value !== null && o === n.value[d.value]
           })
         }),
         // adjust bufferSize to avoid blank items when scrolling fast, minimum 8 lines of buffer, `200` is library default
@@ -257,10 +256,10 @@ const et = ["id"], tt = {
       class: "k-code-block",
       "data-testid": "k-code-block",
       tabindex: "-1",
-      onBlur: o[1] || (o[1] = (l) => h.value = null)
+      onBlur: o[1] || (o[1] = (l) => d.value = null)
     }, [
-      ye.value ? (i(), b("div", tt, [
-        u(Pe, {
+      ye.value ? (i(), b("div", et, [
+        u(Ae, {
           modelValue: s.value,
           "onUpdate:modelValue": o[0] || (o[0] = (l) => s.value = l),
           "aria-label": "Search",
@@ -288,8 +287,8 @@ const et = ["id"], tt = {
                   type: "button",
                   onClick: we
                 }, [
-                  u(a(Oe), { decorative: "" })
-                ])) : (i(), k(a(Qe), {
+                  u(a(je), { decorative: "" })
+                ])) : (i(), k(a(Xe), {
                   key: 1,
                   class: "code-block-search-icon",
                   decorative: ""
@@ -302,25 +301,25 @@ const et = ["id"], tt = {
         }, 8, ["modelValue", "error", "error-message"]),
         u($, { name: "kongponents-fade-transition" }, {
           default: c(() => [
-            O.value || s.value ? (i(), b("div", ot, [
+            O.value || s.value ? (i(), b("div", tt, [
               u($, { name: "kongponents-fade-transition" }, {
                 default: c(() => [
-                  O.value ? (i(), k(a(Ge), {
+                  O.value ? (i(), k(a(Ke), {
                     key: 0,
                     class: "code-block-processing-icon",
-                    color: Ne.value,
+                    color: `var(--kui-color-text-neutral-strong, ${a(We)})`,
                     "data-testid": "code-block-processing-icon",
-                    size: `var(--kui-icon-size-30, ${a(Ye)})`,
+                    size: `var(--kui-icon-size-30, ${a(Qe)})`,
                     title: "Loading"
                   }, null, 8, ["color", "size"])) : v("", !0)
                 ]),
                 _: 1
               }),
-              s.value ? (i(), b("p", lt, [
+              s.value ? (i(), b("p", ot, [
                 n.value.length === 0 ? (i(), b(F, { key: 0 }, [
                   q(" No results ")
-                ], 64)) : typeof h.value == "number" && !M.value ? (i(), b(F, { key: 1 }, [
-                  q(w(h.value + 1) + " of " + w(n.value.length), 1)
+                ], 64)) : typeof d.value == "number" && !M.value ? (i(), b(F, { key: 1 }, [
+                  q(w(d.value + 1) + " of " + w(n.value.length), 1)
                 ], 64)) : (i(), b(F, { key: 2 }, [
                   q(w(n.value.length) + " " + w(n.value.length === 1 ? "result" : "results"), 1)
                 ], 64))
@@ -329,7 +328,7 @@ const et = ["id"], tt = {
           ]),
           _: 1
         }),
-        p("div", nt, [
+        p("div", lt, [
           u(T, {
             active: g.value,
             "aria-label": `Use regular expression (${a(L)}+R)`,
@@ -340,7 +339,7 @@ const et = ["id"], tt = {
             onClick: Z
           }, {
             default: c(() => [
-              u(a(Xe), { decorative: "" })
+              u(a(Ge), { decorative: "" })
             ]),
             _: 1
           }, 8, ["active", "aria-label", "aria-pressed", "title"]),
@@ -354,7 +353,7 @@ const et = ["id"], tt = {
             onClick: J
           }, {
             default: c(() => [
-              u(a(Ke), { decorative: "" })
+              u(a(Ue), { decorative: "" })
             ]),
             _: 1
           }, 8, ["active", "aria-label", "aria-pressed", "title"]),
@@ -367,7 +366,7 @@ const et = ["id"], tt = {
             onClick: ee
           }, {
             default: c(() => [
-              u(a(je), { decorative: "" })
+              u(a(De), { decorative: "" })
             ]),
             _: 1
           }, 8, ["disabled"]),
@@ -380,18 +379,18 @@ const et = ["id"], tt = {
             onClick: _
           }, {
             default: c(() => [
-              u(a(De), { decorative: "" })
+              u(a(ze), { decorative: "" })
             ]),
             _: 1
           }, 8, ["disabled"])
         ])
       ])) : v("", !0),
-      p("div", at, [
+      p("div", nt, [
         t.showCopyButton || fe["secondary-actions"] ? (i(), b("div", {
           key: 0,
           class: B(["secondary-actions-wrapper", { "always-show": t.showCopyButton === "always" }])
         }, [
-          p("div", it, [
+          p("div", at, [
             t.showCopyButton ? (i(), k(T, {
               key: 0,
               "aria-label": `Copy (${a(L)}+C)`,
@@ -401,11 +400,11 @@ const et = ["id"], tt = {
               onClick: oe
             }, {
               default: c(() => [
-                u(a(Ue), { decorative: "" })
+                u(a(Oe), { decorative: "" })
               ]),
               _: 1
             }, 8, ["aria-label", "copy-tooltip", "data-testid"])) : v("", !0),
-            Ie(e.$slots, "secondary-actions", {}, void 0, !0)
+            Se(e.$slots, "secondary-actions", {}, void 0, !0)
           ])
         ], 2)) : v("", !0),
         M.value || R.value ? ae((i(), k(ie("pre"), {
@@ -416,17 +415,17 @@ const et = ["id"], tt = {
           "data-testid": "filtered-code-block"
         }, {
           default: c(() => [
-            t.showLineNumbers && !t.singleLine ? (i(), k(a(ce), Ae(re({ key: 0 }, le(!0))), {
+            t.showLineNumbers && !t.singleLine ? (i(), k(a(ce), Ie(re({ key: 0 }, le(!0))), {
               default: c(({ item: l }) => [
                 p("a", {
                   id: x(l),
                   class: "line-anchor",
                   href: t.showLineNumberLinks ? `#${x(l)}` : void 0
-                }, w(l), 9, rt)
+                }, w(l), 9, it)
               ]),
               _: 1
             }, 16)) : v("", !0),
-            p("code", { innerHTML: U.value }, null, 8, ut)
+            p("code", { innerHTML: U.value }, null, 8, rt)
           ]),
           _: 1
         }, 8, ["class"])), [
@@ -450,20 +449,20 @@ const et = ["id"], tt = {
                   id: x(l),
                   class: B(["line-anchor", { "hide-links": !t.showLineNumberLinks }]),
                   href: t.showLineNumberLinks ? `#${x(l)}` : void 0
-                }, w(l), 11, ct)
+                }, w(l), 11, ut)
               ]),
               _: 1
             }, 16)) : v("", !0),
-            p("code", { innerHTML: ke.value }, null, 8, st)
+            p("code", { innerHTML: ke.value }, null, 8, ct)
           ]),
           _: 1
         }, 8, ["class"])), [
           [ue, !M.value]
         ]) : v("", !0)
       ], 512)
-    ], 40, et));
+    ], 40, _e));
   }
 });
 export {
-  St as default
+  Tt as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.62.2-pr.3292.bd0d0fa.0",
+  "version": "9.63.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -30,6 +30,38 @@
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
+  "scripts": {
+    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
+    "build:docs": "vitepress build docs",
+    "build:kongponents:umd": "BUILD_UMD=true vite build",
+    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
+    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
+    "build:theme-contract": "tsx ./scripts/generate-theme-contract.mjs",
+    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
+    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
+    "build:ci": "pnpm build:kongponents && pnpm build:docs",
+    "commit": "cz",
+    "create-kongponent": "node ./bin/index.js",
+    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
+    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
+    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
+    "docs:build": "vitepress build docs",
+    "docs:dev": "vitepress dev docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:preview": "vitepress preview docs --port 8080",
+    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix",
+    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
+    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
+    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
+    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
+    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
+    "test:unit": "vitest run",
+    "test:unit:watch": "vitest",
+    "semantic-release": "semantic-release"
+  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.11",
     "@kong/icons": "^1.45.0",
@@ -58,7 +90,7 @@
     "@digitalroute/cz-conventional-changelog-for-jira": "^8.0.1",
     "@evilmartians/lefthook": "^2.1.9",
     "@kong-ui-public/sandbox-layout": "^2.3.26",
-    "@kong/design-tokens": "3.0.7",
+    "@kong/design-tokens": "3.1.2",
     "@kong/eslint-config-kong-ui": "1.7.1",
     "@kong/stylelint-plugin-design-tokens": "2.0.0",
     "@nuxt/kit": "^4.4.7",
@@ -161,6 +193,7 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=10.28.2"
   },
+  "packageManager": "pnpm@10.33.4",
   "volta": {
     "node": "24.14.1",
     "pnpm": "10.33.4"
@@ -174,37 +207,5 @@
       "jiraPrepend": "[",
       "jiraAppend": "]"
     }
-  },
-  "scripts": {
-    "build:cli": "rimraf ./bin && tsc --project ./cli/tsconfig.json && chmod u+x ./bin/index.js",
-    "build:docs": "vitepress build docs",
-    "build:kongponents:umd": "BUILD_UMD=true vite build",
-    "build:kongponents": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:kongponents:umd && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "build:theme-contract": "tsx ./scripts/generate-theme-contract.mjs",
-    "build:visualize": "cross-env-shell BUILD_VISUALIZER=true vite build -m production",
-    "build": "pnpm build:cli && pnpm stylelint && pnpm lint && pnpm build:kongponents && pnpm build:docs",
-    "build:ci": "pnpm build:kongponents && pnpm build:docs",
-    "commit": "cz",
-    "create-kongponent": "node ./bin/index.js",
-    "sandbox:dev": "cross-env USE_SANDBOX=true vite",
-    "sandbox:build": "cross-env USE_SANDBOX=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:build:netlify": "cross-env USE_SANDBOX=true USE_NETLIFY=true vite build && shx cp sandbox/dist/index.html sandbox/dist/404.html",
-    "sandbox:preview": "cross-env USE_SANDBOX=true vite preview",
-    "docs:build": "vitepress build docs",
-    "docs:dev": "vitepress dev docs",
-    "docs:serve": "vitepress serve docs",
-    "docs:preview": "vitepress preview docs --port 8080",
-    "typecheck": "vue-tsc -p './tsconfig.build.json' --noEmit",
-    "lint": "eslint",
-    "lint:fix": "eslint --fix",
-    "stylelint": "stylelint './src/**/*.{css,scss,sass,vue}'",
-    "stylelint:fix": "stylelint './src/**/*.{css,scss,sass,vue}' --fix",
-    "test": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome",
-    "test:open": "cross-env DISABLE_VUE_DEVTOOLS=true cypress open --component -b chrome",
-    "test:spec": "cross-env DISABLE_VUE_DEVTOOLS=true cypress run --component -b chrome --spec",
-    "test:unit": "vitest run",
-    "test:unit:watch": "vitest",
-    "semantic-release": "semantic-release"
   }
-}
+}

package/dist/kongponents198.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),d=require("./kongponents279.cjs"),m=["aria-hidden"],c='<path d="M12 16C13.25 16 14.3125 15.5625 15.1875 14.6875C16.0625 13.8125 16.5 12.75 16.5 11.5C16.5 10.25 16.0625 9.1875 15.1875 8.3125C14.3125 7.4375 13.25 7 12 7C10.75 7 9.6875 7.4375 8.8125 8.3125C7.9375 9.1875 7.5 10.25 7.5 11.5C7.5 12.75 7.9375 13.8125 8.8125 14.6875C9.6875 15.5625 10.75 16 12 16ZM12 14.2C11.25 14.2 10.6125 13.9375 10.0875 13.4125C9.5625 12.8875 9.3 12.25 9.3 11.5C9.3 10.75 9.5625 10.1125 10.0875 9.5875C10.6125 9.0625 11.25 8.8 12 8.8C12.75 8.8 13.3875 9.0625 13.9125 9.5875C14.4375 10.1125 14.7 10.75 14.7 11.5C14.7 12.25 14.4375 12.8875 13.9125 13.4125C13.3875 13.9375 12.75 14.2 12 14.2ZM12 19C9.56667 19 7.35 18.3208 5.35 16.9625C3.35 15.6042 1.9 13.7833 1 11.5C1.9 9.21667 3.35 7.39583 5.35 6.0375C7.35 4.67917 9.56667 4 12 4C14.4333 4 16.65 4.67917 18.65 6.0375C20.65 7.39583 22.1 9.21667 23 11.5C22.1 13.7833 20.65 15.6042 18.65 16.9625C16.65 18.3208 14.4333 19 12 19Z" fill="currentColor"/>',b=r.defineComponent({__name:"VisibilityIcon",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:i=>{if(typeof i=="string"&&/^\s*var\(\s*--[\w-]+\s*(?:,[^)]*)?\)\s*$/.test(i)||typeof i=="number"&&i>0)return!0;if(typeof i=="string"){const e=String(i).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(i){const e=i,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,""),t=Number(n);if(t&&!isNaN(t)&&Number.isInteger(t)&&t>0)return`${t}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 t={},y=Math.random().toString(36).substring(2,12);return n.replace(/id="([^"]+)"/g,(l,s)=>{const u=`${y}-${s}`;return t[s]=u,`id="${u}"`}).replace(/#([^\s^")]+)/g,(l,s)=>t[s]?`#${t[s]}`:l)},g={"<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","&":"&amp;"},C=n=>n.replace(/[<>"'&]/g,t=>g[t]),v=`${e.title?`<title data-testid="kui-icon-svg-title">${C(e.title)}</title>`:""}${e.staticIds?c:f(c)}`;return(n,t)=>(r.openBlock(),r.createBlock(r.resolveDynamicComponent(i.as),{"aria-hidden":i.decorative?"true":void 0,class:"kui-icon visibility-icon","data-testid":"kui-icon-wrapper-visibility-icon",style:r.normalizeStyle(p.value),tabindex:i.decorative?"-1":void 0},{default:r.withCtx(()=>[(r.openBlock(),r.createElementBlock("svg",{"aria-hidden":i.decorative?"true":void 0,"data-testid":"kui-icon-svg-visibility-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg",innerHTML:v},null,8,m))]),_:1},8,["aria-hidden","style","tabindex"]))}});exports.default=b;