@kong/kongponents 9.45.3 → 9.46.1-pr.2962.cee6137.0

package/dist/kongponents89.cjs

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),U=require("./kongponents209.cjs"),ie=require("./kongponents46.cjs"),ce=require("./kongponents165.cjs"),re=require("./kongponents210.cjs"),h=require("./kongponents211.cjs"),ue=require("./kongponents212.cjs"),se=require("./kongponents213.cjs"),de=require("./kongponents177.cjs"),he=require("./kongponents208.cjs"),me=require("./kongponents214.cjs"),fe=require("./kongponents196.cjs"),ge=require("./kongponents215.cjs"),ve=require("./kongponents216.cjs"),N=require("./kongponents171.cjs"),b=require("./kongponents39.cjs"),ke=require("./kongponents217.cjs"),be=require("./kongponents174.cjs"),ye=require("./kongponents218.cjs"),Ce=["id"],Ne={key:0,class:"code-block-actions"},pe={key:0,class:"code-block-search-results-container"},Le={key:0,class:"code-block-search-results"},we={class:"code-block-search-actions"},Be={ref:"codeBlockContent",class:"code-block-content"},xe={class:"code-block-secondary-actions"},Ee=["id","href"],Me=["innerHTML"],Te=["id","href"],Ve=["innerHTML"],Se=e.defineComponent({__name:"KCodeBlock",props:{id:{},code:{},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},theme:{default:"light"},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=>({v91530a62:_.value,v7e175f2e:Q.value}));const m=ke.IS_MAYBE_MAC?"Option":"Alt",X=ye.default(P,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(l=>Array.isArray(l)?l.length===2&&l.every(n=>typeof n=="number"):typeof l=="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,G=e.useSlots(),B=e.ref(o.query),f=e.ref(!1),s=e.ref(o.initialRegExpMode),u=e.ref(o.initialFilterMode),d=e.ref(null),c=e.ref(o.query),x=e.ref(0),a=e.ref([]),r=e.ref(null),i=e.useTemplateRef("codeBlock"),p=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(()=>{var t;return Array.from({length:(t=o.code)==null?void 0:t.split(`
+`).length},(l,n)=>n+1)}),Q=e.computed(()=>y.value[y.value.length-1].toString().length+"ch"),T=e.computed(()=>o.processing||f.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(()=>{var l;if(c.value===""||a.value.length===0)return"";const t=(l=o.code)==null?void 0:l.split(`
+`).filter((n,ae)=>M.value.has(ae+1)).join(`
+`);return h.highlightMatchingChars(t,c.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(()=>be.normalizeSize(o.maxHeight));e.watch(()=>o.code,async function(){await e.nextTick(),I(),C()}),e.watch(()=>s.value,function(){C()}),e.watch(()=>o.highlightedLineNumbers,function(){A()},{immediate:!0,deep:!0}),e.watch(()=>g.value,function(t){var l,n;typeof document>"u"||(((l=document==null?void 0:document.activeElement)==null?void 0:l.tagName)==="PRE"&&((n=i.value)==null||n.focus({preventScroll:!0})),w.value=w.value||t,L.value=L.value||!t,p.value&&(p.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 i.value!==null&&t.composedPath().includes(i.value)},shouldPreventDefaultAction:!0},toggleRegExpMode:{trigger:H,isAllowedContext(t){return i.value!==null&&t.composedPath().includes(i.value)},shouldPreventDefaultAction:!0},jumpToNextMatch:{trigger:D,isAllowedContext(t){return i.value!==null&&t.composedPath().includes(i.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},jumpToPreviousMatch:{trigger:z,isAllowedContext(t){return i.value!==null&&t.composedPath().includes(i.value)},isDisabled:()=>a.value.length===0||u.value,shouldPreventDefaultAction:!0},copyCode:{trigger:O,isAllowedContext(t){return i.value!==null&&t.composedPath().includes(i.value)},shouldPreventDefaultAction:!0}},S=new re.ShortcutManager(ee,te);e.onMounted(function(){S.registerListener(),I(),!o.query&&o.highlightedLineNumbers.length?A():C()}),e.onBeforeUnmount(function(){S.unRegisterListener()});function I(){var n;const t=(n=i.value)==null?void 0:n.querySelector(".highlighted-code-block"),l=t==null?void 0:t.querySelector("code");t instanceof HTMLElement&&l instanceof HTMLElement&&v("code-block-render",R(t,l))}function q(){var n;if(typeof HTMLElement>"u")return;const t=(n=i.value)==null?void 0:n.querySelector(".highlighted-code-block"),l=t==null?void 0:t.querySelector("code");t instanceof HTMLElement&&l instanceof HTMLElement&&v("matching-lines-change",R(t,l))}function R(t,l){return{preElement:t,codeElement:l,code:o.code,language:o.language,query:B.value,matchingLineNumbers:a.value}}function oe(){c.value!==B.value&&(f.value=!0,X())}async function P(){await e.nextTick(),v("query-change",c.value),C()}function A(){f.value=!0,d.value=null,a.value=h.normalizeHighlightedLines(o.highlightedLineNumbers,y.value.length),x.value=a.value.length,q(),f.value=!1}function C(){f.value=!0,d.value=null;let t=[];if(c.value.length>0)try{t=h.getMatchingLineNumbers(o.code.toLowerCase(),c.value.toLowerCase(),s.value,Y.value)}catch(l){if(l instanceof Error)d.value=l;else throw l}r.value=null,x.value=t.length,a.value=Array.from(new Set(t)),q(),f.value=!1}function le(){c.value="",P()}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(a.value.length===0||!(i.value instanceof HTMLElement))return;typeof r.value=="number"?r.value=(r.value+t+a.value.length)%a.value.length:r.value=0;const l=a.value[r.value];if(!l)return;const n=i.value.querySelector(`.highlighted-code-block #${k(l)}`);n?"scrollIntoViewIfNeeded"in n&&typeof n.scrollIntoViewIfNeeded=="function"?n.scrollIntoViewIfNeeded(!0):n.scrollIntoView({block:"nearest"}):E.value&&E.value.scrollToIndex(l-1,{align:"center"})}async function O(t){const l=t.target.closest("button");await ce.copyTextToClipboard(o.code)&&(l==null||l.setAttribute("data-tooltip-text","Copied code!"),window==null||window.setTimeout(function(){l==null||l.removeAttribute("data-tooltip-text")},1500))}const ne=e.computed(()=>o.theme==="light"?N.KUI_COLOR_TEXT_NEUTRAL_STRONG:N.KUI_COLOR_TEXT_INVERSE);function j(t){return{as:"span",class:"line-number-rows",data:t?a.value:y.value,item:"span",itemProps:({item:l})=>({class:e.normalizeClass({line:!0,"line-is-match":t?!1:M.value.has(l),"line-is-highlighted-match":t?!1:r.value!==null&&l===a.value[r.value]})}),overscan:8,itemSize:parseInt(N.KUI_LINE_HEIGHT_30,10),scrollRef:p.value??void 0,style:{position:"absolute",width:"auto"}}}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:o.id,ref:"codeBlock",class:e.normalizeClass(["k-code-block",[`theme-${o.theme}`]]),"data-testid":"k-code-block",tabindex:"-1",onBlur:l[1]||(l[1]=n=>r.value=null)},[Z.value?(e.openBlock(),e.createElementBlock("div",Ne,[e.createVNode(ie.default,{modelValue:c.value,"onUpdate:modelValue":l[0]||(l[0]=n=>c.value=n),"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,placeholder:"Search...",onInput:oe},{before:e.withCtx(()=>[e.createVNode(e.Transition,{mode:"out-in",name:"kongponents-fade-transition"},{default:e.withCtx(()=>[c.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:le},[e.createVNode(e.unref(de.default),{decorative:""})])):(e.openBlock(),e.createBlock(e.unref(ve.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||c.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(fe.default),{key:0,class:"code-block-processing-icon",color:ne.value,"data-testid":"code-block-processing-icon",size:e.unref(N.KUI_ICON_SIZE_30),title:"Loading"},null,8,["color","size"])):e.createCommentVNode("",!0)]),_:1}),c.value?(e.openBlock(),e.createElementBlock("p",Le,[a.value.length===0?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(" No results ")],64)):typeof r.value=="number"&&!g.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(r.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",we,[e.createVNode(b.default,{active:s.value,"aria-label":`Use regular expression (${e.unref(m)}+R)`,"aria-pressed":s.value,class:"regexp-mode-button","data-testid":"regexp-mode-button",theme:o.theme,title:`Use regular expression (${e.unref(m)}+R)`,onClick:H},{default:e.withCtx(()=>[e.createVNode(e.unref(ge.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","theme","title"]),e.createVNode(b.default,{active:u.value,"aria-label":`Filter results (${e.unref(m)}+F)`,"aria-pressed":u.value,class:"action-button filter-mode-button","data-testid":"filter-mode-button",theme:o.theme,title:`Filter results (${e.unref(m)}+F)`,onClick:F},{default:e.withCtx(()=>[e.createVNode(e.unref(me.default),{decorative:""})]),_:1},8,["active","aria-label","aria-pressed","theme","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,theme:o.theme,title:"Previous match (Shift+F3)",onClick:z},{default:e.withCtx(()=>[e.createVNode(e.unref(se.default),{decorative:""})]),_:1},8,["disabled","theme"]),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,theme:o.theme,title:"Next match (F3)",onClick:D},{default:e.withCtx(()=>[e.createVNode(e.unref(ue.default),{decorative:""})]),_:1},8,["disabled","theme"])])])):e.createCommentVNode("",!0),e.createElementVNode("div",Be,[o.showCopyButton||G["secondary-actions"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["secondary-actions-wrapper",{"always-show":o.showCopyButton==="always"}])},[e.createElementVNode("div",xe,[o.showCopyButton?(e.openBlock(),e.createBlock(b.default,{key:0,"aria-label":`Copy (${e.unref(m)}+C)`,class:"code-block-copy-button","copy-tooltip":`Copy (${e.unref(m)}+C)`,"data-testid":`code-block-copy-button-${o.id}`,theme:o.theme,onClick:O},{default:e.withCtx(()=>[e.createVNode(e.unref(he.default),{decorative:""})]),_:1},8,["aria-label","copy-tooltip","data-testid","theme"])):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},j(!0))),{default:e.withCtx(({item:n})=>[e.createElementVNode("a",{id:k(n),class:"line-anchor",href:o.showLineNumberLinks?`#${k(n)}`:void 0},e.toDisplayString(n),9,Ee)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:V.value},null,8,Me)]),_: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"},j(!1)),{default:e.withCtx(({item:n})=>[e.createElementVNode("a",{id:k(n),class:e.normalizeClass(["line-anchor",{"hide-links":!o.showLineNumberLinks}]),href:o.showLineNumberLinks?`#${k(n)}`:void 0},e.toDisplayString(n),11,Te)]),_:1},16)):e.createCommentVNode("",!0),e.createElementVNode("code",{innerHTML:J.value},null,8,Ve)]),_:1},8,["class"])),[[e.vShow,!g.value]]):e.createCommentVNode("",!0)],512)],42,Ce))}});exports.default=Se;

package/dist/kongponents9.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["leading","trailing"];exports.TriggerAlignmentArray=r;

package/dist/kongponents92.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./kongponents33.cjs"),i=require("./kongponents24.cjs");;/* empty css                */const r=e.defineComponent({inheritAttrs:!1,__name:"KCodeBlockIconButton",props:{theme:{default:"light"},active:{type:Boolean,default:!0},copyTooltip:{default:""}},setup(t){const o=e.ref(t.copyTooltip),c=e.useAttrs(),l=()=>{t.copyTooltip&&(o.value="Copied!")};return e.watch(o,()=>{setTimeout(()=>{o.value=t.copyTooltip},3e3)}),(a,n)=>(e.openBlock(),e.createBlock(i.default,{class:"code-block-action-tooltip",placement:"bottom-start","popover-timeout":300,text:o.value},{default:e.withCtx(()=>[e.createVNode(u.default,e.mergeProps({appearance:"tertiary",class:["code-block-action-button",[`theme-${t.theme}`,{"code-block-action-button-active":t.active}]]},e.unref(c),{icon:"",onClick:l}),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16,["class"])]),_:3},8,["text"]))}});exports.default=r;

package/dist/kongponents94.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kongponents199.cjs"),f=require("./kongponents171.cjs"),b={class:"k-collapse"},h={class:"collapse-trigger"},C=["aria-controls","aria-expanded","aria-label"],V={key:0,class:"collapse-trigger-label","data-testid":"collapse-trigger-label"},k={key:0,class:"collapse-visible-content","data-testid":"collapse-visible-content"},S=["id"],N=e.defineComponent({__name:"KCollapse",props:{modelValue:{type:Boolean,default:!0},title:{default:""},titleTag:{default:"div"},triggerLabel:{default:""},triggerAlignment:{default:"trailing"}},emits:["toggle","update:modelValue"],setup(l,{emit:c}){const r=c,u=e.useSlots(),d=e.useId(),a=e.ref(!0),s=e.ref(!1),g=e.computed(()=>l.triggerAlignment==="trailing"),m=e.computed(()=>!!u["visible-content"]),v=e.computed({get(){return l.modelValue},set(t){i(t)}}),o=e.computed(()=>s.value?a.value:l.modelValue),i=t=>{s.value||(a.value=l.modelValue),a.value=t!==void 0?t:!a.value,s.value=!0,r("toggle",a.value),r("update:modelValue",a.value)};return e.watch(v,(t,n)=>{t!==n&&i(t)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["collapse-heading",{"has-trailing-trigger":g.value}])},[l.title||t.$slots.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.titleTag),{key:0,class:"collapse-title","data-testid":"collapse-title"},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)],!0)]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(t.$slots,"trigger",{isCollapsed:o.value,toggle:i},()=>[e.createElementVNode("button",{"aria-controls":e.unref(d),"aria-expanded":!o.value,"aria-label":l.triggerLabel?void 0:"Toggle content",class:"collapse-trigger-content","data-testid":"collapse-trigger-content",type:"button",onClick:n[0]||(n[0]=e.withModifiers(y=>i(),["prevent","stop"]))},[e.renderSlot(t.$slots,"trigger-content",{},()=>[e.createVNode(e.unref(p.default),{class:e.normalizeClass(["collapse-trigger-icon",{"collapse-expanded":!o.value}]),"data-testid":"collapse-trigger-icon",decorative:"",size:e.unref(f.KUI_ICON_SIZE_40)},null,8,["class","size"]),l.triggerLabel?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(l.triggerLabel),1)):e.createCommentVNode("",!0)],!0)],8,C)],!0)])],2),m.value?(e.openBlock(),e.createElementBlock("div",k,[e.renderSlot(t.$slots,"visible-content",{},void 0,!0)])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"kongponents-fade-transition"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{id:e.unref(d),class:"collapse-hidden-content","data-testid":"collapse-hidden-content"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],8,S),[[e.vShow,!o.value]])]),_:3})]))}});exports.default=N;

package/dist/kongponents96.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("./kongponents33.cjs"),W=require("./kongponents53.cjs"),H=require("./kongponents56.cjs");;/* empty css                 */require("./kongponents5.cjs");const p=require("./kongponents10.cjs"),Z=require("./kongponents201.cjs"),S=require("./kongponents171.cjs"),j=require("./kongponents174.cjs"),F=require("./kongponents202.cjs"),x=require("./kongponents203.cjs"),w=require("./kongponents204.cjs"),X=["tabindex"],G=["innerHTML"],J={key:1,class:"range-display"},Q={key:3,class:"relative-periods-container"},Y={class:"timeframe-section-title"},_={class:"timeframe-buttons"},ee={class:"datetime-picker-footer-container"},te=e.defineComponent({__name:"KDateTimePicker",props:{clearButton:{type:Boolean},icon:{type:Boolean,default:!0},modelValue:{default:()=>({start:null,end:null})},maxDate:{default:()=>{}},minDate:{default:()=>{}},mode:{},placeholder:{default:"Select a time range"},range:{type:Boolean},timePeriods:{default:()=>[]},width:{default:"100%"},disabled:{type:Boolean},readonly:{type:Boolean},popoverPlacement:{default:"bottom-start"},invalidTimeErrorMessage:{default:"Start time cannot exceed end time."}},emits:["change","update:modelValue"],setup(l,{emit:M}){var V,K;const c=M,C=e.ref(null),b=e.computed(()=>l.mode!==p.DateTimePickerModes.Relative),o=e.computed(()=>p.ModeArrayCustom.includes(l.mode)&&!l.range),s=e.computed(()=>l.timePeriods.length>0),m=e.computed(()=>a.tabName==="custom"||!s.value),v=e.ref(!0),R=e.ref(!1),E=e.ref(0),T={start:null,end:null},y=e.ref(l.modelValue.start||null),u=e.ref(l.modelValue||T),D=o.value?y:u,k=e.useTemplateRef("calendarWrapperRef"),$=e.computed(()=>({width:j.normalizeSize(l.width)})),B=Intl.DateTimeFormat().resolvedOptions().timeZone,a=e.reactive({abbreviatedDisplay:l.placeholder,fullRangeDisplay:"",popoverOpen:!1,selectedRange:{start:new Date,end:new Date},previouslySelectedRange:{start:new Date,end:new Date},selectedTimeframe:(V=l.timePeriods[0])==null?void 0:V.values[0],previouslySelectedTimeframe:(K=l.timePeriods[0])==null?void 0:K.values[0],tabName:"relative"}),g=t=>{if(!t)return;const n=o.value?!t.start:!t.start||!t.end,i=(t==null?void 0:t.start)||new Date,d=(t==null?void 0:t.end)||null;v.value=!!n,!o.value&&t&&t.start&&t.end?(u.value.start=i,u.value.end=d):t&&t.start&&(y.value=i),a.selectedRange=a.previouslySelectedRange={start:i,end:d}},h=(t,n=!1)=>{if(a.selectedTimeframe=a.previouslySelectedTimeframe=t,a.selectedRange={timePeriodsKey:a.selectedTimeframe.key},a.selectedTimeframe.start&&a.selectedTimeframe.end){const i=new Date(a.selectedTimeframe.start()),d=new Date(a.selectedTimeframe.end());a.fullRangeDisplay=q({start:i,end:d},!1),a.selectedRange.start=i,a.selectedRange.end=d}else a.fullRangeDisplay="";v.value=!1,n&&z()},O=()=>{var t;u.value=T,y.value=null,a.abbreviatedDisplay=l.placeholder,a.fullRangeDisplay="",s.value&&(a.selectedTimeframe=(t=l.timePeriods[0])==null?void 0:t.values[0]),a.selectedRange=a.previouslySelectedRange=T,c("change",a.selectedRange),c("update:modelValue",a.selectedRange)},q=(t,n)=>{const{start:i,end:d}=t;let r="PP hh:mm a";const f=x.default(i,B,"(z)");return!b.value&&s.value?r="PP hh:mm a":p.ModeDateOnly.includes(l.mode)&&(r="PP"),o.value?`${w.default(i,r)} ${f}`:n?`<div>${w.default(i,r)} -&nbsp;</div><div>${x.default(d,B,r)} ${f}</div>`:`${w.default(i,r)} - ${x.default(d,B,r)} ${f}`},z=async()=>{var t;o.value?a.selectedRange.start&&(c("change",{start:a.selectedRange.start,end:null}),c("update:modelValue",{start:a.selectedRange.start,end:null})):(c("change",a.selectedRange),c("update:modelValue",a.selectedRange)),(t=C.value)==null||t.hidePopover(),P()},P=()=>{var t;m.value&&((t=a.selectedRange)!=null&&t.start)?a.abbreviatedDisplay=q(a.selectedRange,!0):s.value&&!m.value&&(a.abbreviatedDisplay=a.selectedTimeframe.display)},A=t=>t.charAt(0).toUpperCase()+t.slice(1),I=t=>a.selectedTimeframe.key===t.key?"primary":"secondary";e.watch(y,(t,n)=>{t!==void 0&&t!==n&&g({start:t,end:null})},{immediate:!0}),e.watch(u,(t,n)=>{t!==void 0&&t!==n&&g(t)},{immediate:!0}),e.watch(()=>a.tabName,(t,n)=>{n!==void 0&&t==="relative"?h(a.previouslySelectedTimeframe):n!==void 0&&t==="custom"&&g(a.previouslySelectedRange)}),e.watch(()=>l.modelValue,()=>{if(p.ModeArrayRelative.includes(l.mode)&&l.modelValue.timePeriodsKey){a.tabName="relative",v.value=!1;for(const t of l.timePeriods){const n=t.values.find(i=>i.key===l.modelValue.timePeriodsKey);if(n){h(n),P();break}}}else a.tabName="custom",g(l.modelValue),(l.modelValue.start&&l.modelValue.end||o.value&&l.modelValue.start)&&P();E.value++},{immediate:!0});const U=()=>{a.popoverOpen=!1,k.value&&k.value.resetTime()},L=()=>{a.popoverOpen=!0,k.value&&k.value.initTimeInputs()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-datetime-picker",{"set-min-width":s.value}]),style:e.normalizeStyle($.value)},[e.createVNode(W.default,{ref_key:"kPop",ref:C,disabled:l.disabled||l.readonly,"hide-caret":"","hide-close-icon":"",offset:e.unref(S.KUI_SPACE_40),placement:l.popoverPlacement,width:"auto",onClose:U,onOpen:L},{content:e.withCtx(()=>[s.value&&b.value?(e.openBlock(),e.createBlock(H.default,{key:0,modelValue:a.tabName,"onUpdate:modelValue":n[0]||(n[0]=i=>a.tabName=i),class:"datetime-picker-toggle","data-testid":"datetime-picker-toggle",options:[{label:"Relative",value:"relative"},{label:"Custom",value:"custom"}],onClick:n[1]||(n[1]=i=>a.tabName=i)},null,8,["modelValue"])):e.createCommentVNode("",!0),!m.value&&a.fullRangeDisplay?(e.openBlock(),e.createElementBlock("p",J,e.toDisplayString(a.fullRangeDisplay),1)):e.createCommentVNode("",!0),b.value&&m.value?(e.openBlock(),e.createBlock(F.default,{key:E.value,ref:"calendarWrapperRef",modelValue:e.unref(D),"onUpdate:modelValue":n[2]||(n[2]=i=>e.isRef(D)?D.value=i:null),error:R.value,"onUpdate:error":n[3]||(n[3]=i=>R.value=i),"error-message":l.invalidTimeErrorMessage,"is-range":!o.value,"k-date-picker-mode":l.mode,"max-date":l.maxDate,"min-date":l.minDate},null,8,["modelValue","error","error-message","is-range","k-date-picker-mode","max-date","min-date"])):s.value&&!o.value?(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.timePeriods,(i,d)=>(e.openBlock(),e.createElementBlock("div",{key:`section-${String(i.section||d)}`,class:"timeframe-section"},[e.createElementVNode("div",Y,e.toDisplayString(i.section),1),e.createElementVNode("div",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.values,(r,f)=>(e.openBlock(),e.createBlock(N.default,{key:`time-${f}`,appearance:I(r),class:"timeframe-button","data-testid":`select-timeframe-${r.key}`,onClick:ae=>h(r,!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A(r.timeframeText)),1)]),_:2},1032,["appearance","data-testid","onClick"]))),128))])]))),128))])):e.createCommentVNode("",!0)]),footer:e.withCtx(()=>[e.createElementVNode("div",ee,[l.clearButton?(e.openBlock(),e.createBlock(N.default,{key:0,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-clear",onClick:n[4]||(n[4]=i=>O())},{default:e.withCtx(()=>[...n[6]||(n[6]=[e.createTextVNode(" Clear ",-1)])]),_:1})):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createBlock(N.default,{key:1,appearance:"tertiary",class:"action-button","data-testid":"datetime-picker-submit",disabled:v.value||R.value,onClick:n[5]||(n[5]=i=>z())},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode(" Apply ",-1)])]),_:1},8,["disabled"])):e.createCommentVNode("",!0)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger-wrapper",{disabled:l.disabled}])},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-trigger",{disabled:l.disabled,readonly:l.readonly}]),"data-testid":"datetime-picker-trigger",role:"button",style:e.normalizeStyle($.value),tabindex:l.disabled?-1:0},[e.createElementVNode("div",{class:e.normalizeClass(["datetime-picker-display",{"has-icon":l.icon,disabled:l.disabled}]),"data-testid":"datetime-picker-display",innerHTML:a.abbreviatedDisplay},null,10,G)],14,X),l.icon?(e.openBlock(),e.createBlock(e.unref(Z.default),{key:0,class:"calendar-icon",color:`var(--kui-color-text-neutral, ${e.unref(S.KUI_COLOR_TEXT_NEUTRAL)})`,decorative:"",size:e.unref(S.KUI_ICON_SIZE_40)},null,8,["color","size"])):e.createCommentVNode("",!0)],2)]),_:1},8,["disabled","offset","placement"])],6))}});exports.default=te;

package/dist/kongponents99.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("./kongponents33.cjs"),P=require("./kongponents24.cjs");;/* empty css                */const T=require("./kongponents53.cjs"),x=require("./kongponents20.cjs"),y=require("./kongponents43.cjs"),D=require("./kongponents186.cjs"),q=require("./kongponents171.cjs"),K={class:"dropdown-list","data-testid":"dropdown-list"},M=e.defineComponent({__name:"KDropdown",props:{selectionMenu:{type:Boolean},appearance:{default:"primary"},triggerText:{default:""},showCaret:{type:Boolean},width:{default:""},kpopAttributes:{default:()=>({})},items:{default:()=>[]},disabled:{type:Boolean},disabledTooltip:{default:""},label:{}},emits:["toggleDropdown","change"],setup(o,{expose:h,emit:w}){var g;e.watch(()=>o.appearance,t=>{(t==="menu"||t==="selectionMenu")&&console.warn("KDropdown: the usage for the `appearance` prop has changed. Please see the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0}),e.watch(()=>o.label,t=>{t&&console.warn("KDropdown: `label` prop is deprecated. Please use `triggerText` prop instead. See the migration guide for more details: https://kongponents.konghq.com/guide/migrating-to-version-9.html#kdropdownmenu")},{immediate:!0});const s=w,k=e.computed(()=>o.disabledTooltip?P.default:"div"),u=e.useTemplateRef("kPop"),c={hideCaret:!0,popoverClasses:"k-dropdown-popover dropdown-popover",popoverTimeout:0,placement:"bottom-start"},b={...c,...o.kpopAttributes,width:o.width||void 0,popoverClasses:`${c.popoverClasses} ${((g=o.kpopAttributes)==null?void 0:g.popoverClasses)||""}`},p=e.computed(()=>{var t;return((t=l.value)==null?void 0:t.label)||o.triggerText||o.label||""}),l=e.ref(),m=t=>{o.selectionMenu&&(l.value=t)},f=()=>{var t;(t=u.value)==null||t.hidePopover()},d=(t,n,r)=>{t.value!==r&&(n(),s("toggleDropdown",t.value))};return e.watch(l,(t,n)=>{t&&t!==n&&s("change",t)}),e.onMounted(()=>{if(o.items){const t=o.items.filter(n=>n.selected);t.length&&(l.value=t[0])}}),h({openDropdown:()=>{var t;(t=u.value)==null||t.showPopover()},closeDropdown:f}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["k-dropdown",{"selection-dropdown-menu":o.selectionMenu}])},[e.createVNode(x.default,null,{default:e.withCtx(({toggle:r,isToggled:a})=>[e.createVNode(T.default,e.mergeProps({ref:"kPop"},b,{"close-on-popover-click":"","data-testid":"dropdown-popover","hide-close-icon":"",offset:e.unref(q.KUI_SPACE_20),onClose:()=>d(a,r,!1),onOpen:()=>d(a,r,!0),onPopoverClick:()=>d(a,r,!1)}),{content:e.withCtx(()=>[e.createElementVNode("ul",K,[e.renderSlot(t.$slots,"items",{closeDropdown:f,handleSelection:m,items:o.items},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(i,C)=>{var v;return e.openBlock(),e.createBlock(y.default,e.mergeProps({ref_for:!0},i,{key:`${i.label}-${C}`,item:i,selected:o.selectionMenu&&((v=l.value)==null?void 0:v.value)===i.value,"selection-menu-child":o.selectionMenu,onChange:m}),null,16,["item","selected","selection-menu-child"])}),128))],!0)])]),default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{class:"dropdown-trigger","data-testid":"dropdown-trigger",label:o.disabledTooltip?o.disabledTooltip:void 0,"max-width":o.disabledTooltip?"240":void 0,position:o.disabledTooltip?"bottom":void 0},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{isOpen:a.value},()=>[p.value?(e.openBlock(),e.createBlock(B.default,{key:0,appearance:o.appearance,class:"dropdown-trigger-button","data-dropdown-trigger":"true","data-testid":"dropdown-trigger-button",disabled:o.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value)+" ",1),o.showCaret?(e.openBlock(),e.createBlock(e.unref(D.default),{key:0,decorative:""})):e.createCommentVNode("",!0)]),_:1},8,["appearance","disabled"])):e.createCommentVNode("",!0)],!0)]),_:2},1032,["label","max-width","position"]))]),_:2},1040,["offset","onClose","onOpen","onPopoverClick"])]),_:3})],2))}});exports.default=M;

package/dist/nuxt/index.js

@@ -42,8 +42,8 @@ export default defineNuxtModule({
                 name,
                 export: name,
                 filePath: '@kong/kongponents',
-                // we don't need global registration here
-                global: false,
+                //!IMPORTANT: we must register components as global because the Nuxt app might be using packages that rely on Kongponents being globally available
+                global: true,
                 // 'all' means both client and server
                 mode: 'all',
             });
@@ -64,6 +64,6 @@ export default defineNuxtModule({
                 },
             });
         });
-        logger.success('🚀 Kongponents module has been registered.');
+        logger.success('Kongponents module has been registered 🚀');
     },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong/kongponents",
-  "version": "9.45.3",
+  "version": "9.46.1-pr.2962.cee6137.0",
   "description": "Kong Component library",
   "type": "module",
   "repository": {
@@ -8,7 +8,7 @@
     "url": "https://github.com/Kong/kongponents.git"
   },
   "homepage": "https://kongponents.konghq.com/",
-  "main": "./dist/kongponents.umd.js",
+  "main": "./dist/kongponents.cjs",
   "module": "./dist/kongponents.es.js",
   "files": [
     "dist",
@@ -20,7 +20,7 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/kongponents.es.js",
-      "require": "./dist/kongponents.umd.js"
+      "require": "./dist/kongponents.cjs"
     },
     "./nuxt": {
       "import": "./dist/nuxt/index.js",
@@ -30,34 +30,6 @@
     "./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": "pnpm typecheck && vite build && vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly && tsc-alias -p './tsconfig.build.json' && pnpm build:nuxt",
-    "build:nuxt": "tsc -p ./tsconfig.build.nuxt.json --outDir dist/nuxt",
-    "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": "cypress run --component -b chrome",
-    "test:open": "cypress open --component -b chrome",
-    "test:spec": "cypress run --component -b chrome --spec",
-    "semantic-release": "semantic-release"
-  },
   "dependencies": {
     "@floating-ui/vue": "^1.1.9",
     "@kong/icons": "^1.39.0",
@@ -194,7 +166,6 @@
     "node": ">=v16.20.2 || >=18.12.1 || >=20.14.0 || >=22.14.0",
     "pnpm": ">=9.11.0 || >=10.10.0"
   },
-  "packageManager": "pnpm@10.18.3",
   "volta": {
     "node": "24.10.0",
     "pnpm": "10.18.3"
@@ -208,5 +179,34 @@
       "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: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": "cypress run --component -b chrome",
+    "test:open": "cypress open --component -b chrome",
+    "test:spec": "cypress run --component -b chrome --spec",
+    "semantic-release": "semantic-release"
   }
-}
+}