Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@black-kro/ui

Package Overview
Dependencies
Maintainers
1
Versions
35
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@black-kro/ui - npm Package Compare versions

Comparing version 0.1.37 to 0.1.38

2

dist/index.common.js

@@ -1,1 +0,1 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("vue"),o=(e=require("focus-trap"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("@vueuse/core"),n=function(){return(n=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)};function a(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var r=Array(e),n=0;for(t=0;t<o;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,n++)r[n]=a[l];return r}var l=Symbol();function i(){return{icons:t.inject(l)}}var s="light",c="dark",d="unset",u=function(e){document.documentElement.className="kro-theme__default-"+e},p=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||d:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?s:c:s},t=function(e){e===d?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),u(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===s?t(c):t(s)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||d}}},f=function(){var e=p().getActiveThemeMode;u(e())},m={explore:"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z",home:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z","arrow-right":"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z",menu:"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z",settings:"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z",external:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",search:"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z",success:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",error:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z",warning:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",info:"M10 3H14V14H10V3M10 21V17H14V21H10Z",close:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",question:"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",invert:"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z","chevron-down":"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"},v=[{name:"to",description:"Denotes the target route of the link.",type:"string | object",values:"-",default:"undefined"},{name:"exact",description:"Exactly match the link. Without this, '/' will match every route.",type:"bool",values:"-",default:"undefined"},{name:"activeClass",description:"Configure the active CSS class applied when the link is active",type:"string",values:"-",default:"undefined"},{name:"exactActiveClass",description:"Configure the active CSS class applied when the link is active with exact match.",type:"string",values:"-",default:"undefined"},{name:"href",description:"Designates the component as anchor and applies the href attribute.",type:"string",values:"-",default:"undefined"},{name:"target",description:"Designates the target attribute. This should only be applied when using the href prop.",type:"string",values:"-",default:"undefined"}],h={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},k=function(e){return{tag:e.to?"router-link":e.href?"a":null,componentProps:t.computed((function(){return e.to?{to:e.to}:e.href?{href:e.href}:{}})),routeData:e}},y={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var o=i().icons;return{iconDefinition:t.computed((function(){return o&&o[e.icon]?o[e.icon]:(console.error('Kro UI Error: No Icon Named "'+e.icon+'". Did you register your icon in the kro ui plugin?'),"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z")}))}}};const g={class:"kro-icon",viewBox:"0 0 24 24"};y.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("svg",g,[t.createVNode("path",{d:e.iconDefinition},null,8,["d"])])},y.__file="src/components/Icon/Icon.vue";var b={name:"KroSpinner"};const _={class:"kro-spinner"};b.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",_)},b.__file="src/components/Spinner/Spinner.vue";var V={name:"KroSquircle"};const x={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},B=t.createVNode("path",{d:"M 0,200 C 0,0 0,0 200,0 S 400,0 400,200 400,400 200,400 0,400 0,200"},null,-1);V.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("svg",x,[B])},V.__file="src/components/Squircle/Squircle.vue";var S={name:"KroButton",components:{KroIcon:y,KroSpinner:b,KroSquircle:V},props:n(n({},h),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean,warning:Boolean,error:Boolean,success:Boolean}),setup:function(e){var o=k(e),r=o.tag;return{componentProps:o.componentProps,componentType:t.computed((function(){return r||"button"}))}}};const w={class:"kro-button__spinner"};S.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-squircle"),s=t.resolveComponent("kro-icon"),c=t.resolveComponent("kro-spinner");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.componentType),t.mergeProps({class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--warning":e.warning,"kro-button--success":e.success,"kro-button--error":e.error,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer"},e.componentProps,{target:e.href?e.target:""}),{default:t.withCtx(()=>[e.icon&&!e.$slots.default?t.createVNode(i,{key:0,class:"kro-button__squircle"}):t.createCommentVNode("v-if",!0),t.createVNode("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?t.createVNode(s,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?t.createCommentVNode("v-if",!0):t.createVNode(s,{key:1,icon:"external"})],2),t.withDirectives(t.createVNode("span",w,[t.createVNode(c)],512),[[t.vShow,e.loading]])]),_:3},16,["class","target"])},S.__file="src/components/Button/Button.vue";var C={title:"KroButton",description:"A styled button with added functionality",props:a([{name:"loading",description:"Displays a loading indicator over the button",type:"bool",values:"-",default:"false"},{name:"type",description:"The type of the button",type:"string",values:["button","reset","submit"],default:"button"},{name:"primary",description:"Applies a style to the button to indicate that it is a primary button",type:"bool",values:"-",default:"false"},{name:"outline",description:"Give the button an outline style",type:"bool",values:"-",default:"false"},{name:"raised",description:"Apply a shadow to the button",type:"string",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the button",type:"string",values:"-",default:"undefined"},{name:"hideExternalIcon",description:"Hides the external link icon for buttons that are links.",type:"bool",values:"-",default:"false"}],v)},N={name:"KroButtonGroup"};const A={class:"kro-button-group"};N.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",A,[t.renderSlot(e.$slots,"default")])},N.__file="src/components/ButtonGroup/ButtonGroup.vue";var L={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,r=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(r.modelValue)&&o("update:modelValue",a(r.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(r.modelValue)&&o("update:modelValue",r.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}};const M={class:"kro-switch"},K={class:"kro-switch__container"},D={class:"kro-switch__track"},T=t.createVNode("div",{class:"kro-switch__knob"},null,-1),$={key:0,class:"kro-switch__label"};L.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",M,[t.createVNode("div",K,[t.createVNode("input",{class:"kro-switch__input",checked:Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue,type:"checkbox",onChange:o[1]||(o[1]=(...t)=>e.update(...t))},null,40,["checked"]),t.createVNode("div",D,[t.createVNode("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},null,2)]),t.createVNode("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},[T],2)]),e.$slots.default?(t.openBlock(),t.createBlock("div",$,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("v-if",!0)])},L.__file="src/components/Switch/Switch.vue";var H={name:"KroTextfield",props:{label:{type:String},type:{type:String,default:"text"},required:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},min:{type:Number},max:{type:Number},maxlength:{type:Number},name:{type:String},id:{type:String},autoResize:{type:Boolean,default:!0}},setup:function(e){var o=t.ref(!1),r=t.ref();return{focused:o,runAutoResize:function(){e.autoResize&&r.value&&(r.value.style.height="auto",r.value.style.height=r.value.scrollHeight+"px")},inputRef:r}}};H.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-textfield",{"kro-textfield--is-textarea":e.multiline}]},[t.createVNode("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue,"kro-textfield--is-textarea":e.multiline}},[t.createVNode("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue},for:e.id},t.toDisplayString(e.label),11,["for"]),t.createVNode("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},t.toDisplayString(e.label),3),e.multiline?(t.openBlock(),t.createBlock("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:o[4]||(o[4]=t=>{e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:o[5]||(o[5]=t=>e.focused=!0),onBlur:o[6]||(o[6]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(t.openBlock(),t.createBlock("input",{key:0,class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,type:e.type,min:e.min,max:e.max,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:o[1]||(o[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:o[2]||(o[2]=t=>e.focused=!0),onBlur:o[3]||(o[3]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},H.__file="src/components/Textfield/Textfield.vue";var q={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};q.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[t.renderSlot(e.$slots,"default")],2)},q.__file="src/components/Toolbar/Toolbar.vue";var O={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}};const P={key:0,class:"kro-surface__label-container"},I={key:1,class:"kro-surface__label"};O.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon");return t.openBlock(),t.createBlock("div",{class:{"kro-surface":!0,"kro-surface--padded":e.padded,"kro-surface--raised":e.raised,"kro-surface--outline":e.outline}},[e.icon||e.label?(t.openBlock(),t.createBlock("div",P,[e.icon?t.createVNode(i,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):t.createCommentVNode("v-if",!0),e.label?(t.openBlock(),t.createBlock("div",I,t.toDisplayString(e.label),1)):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default")],2)},O.__file="src/components/Surface/Surface.vue";var E=t.defineComponent({props:{active:{type:Boolean,default:!0},escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},fallbackFocus:{type:[String,Function],default:void 0}},setup:function(e,r){var n,a=r.slots,l=r.emit,i=t.ref(null);return t.onMounted((function(){t.watch((function(){return e.active}),(function(t){var r,a;t&&i.value?(n=o(i.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:function(){return e.allowOutsideClick},returnFocusOnDeactivate:e.returnFocusOnDeactivate,onActivate:function(){l("update:active",!0),l("activate")},onDeactivate:function(){l("update:active",!1),l("deactivate")},initialFocus:"string"==typeof e.initialFocus?e.initialFocus:null!==(a=null===(r=e.initialFocus)||void 0===r?void 0:r.call(e))&&void 0!==a?a:i.value,fallbackFocus:e.fallbackFocus})).activate():null==n||n.deactivate()}),{immediate:!0})})),t.onUnmounted((function(){null==n||n.deactivate(),n=null})),function(){var e,o=null===(e=a.default)||void 0===e?void 0:e.call(a);if(!o||!o.length||o.length>1)throw new Error("FocusTrap requires exactly one child");return t.cloneVNode(o[0],{ref:i})}}}),F=function(){return{disableDocumentScroll:function(){document.documentElement.classList.add("kro-helper--prevent-scroll")},enableDocumentScroll:function(){document.documentElement.classList.remove("kro-helper--prevent-scroll")},disableDocumentSelect:function(){document.documentElement.classList.add("kro-helper--prevent-select")},enableDocumentSelect:function(){document.documentElement.classList.remove("kro-helper--prevent-select")},enableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.removeAttribute("tabindex")},disableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.setAttribute("tabindex","-1")}}},z={title:"Dialog Title",message:"Dialog Message",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},j={title:"Confirmation Dialog",message:"Dialog Message",icon:"question",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},Z=t.ref([]),R=function(e,o,r){var l=n(n({},e),{isOpen:t.ref(!0),resolve:o,reject:r,destroy:function(){Z.value.splice(Z.value.indexOf(this),1)}});Z.value=a(Z.value,[l])};var W={name:"KroDialog",inheritAttrs:!1,components:{KroSurface:O,FocusTrap:E}},U=t.defineComponent(n(n({},W),{props:{persistent:{type:null,required:!1}},setup:function(e,o){var r=o.emit,n=o.attrs,a=F(),l=a.disableDocumentScroll,i=a.enableDocumentScroll,s=t.ref(null),c=!1;t.onUpdated((function(){c||!0!==n.modelValue||(r("update:modelValue",!0),l(),window.addEventListener("keydown",u),s.value&&s.value.focus())}));var d=function(){c=!0,r("update:modelValue",!0),l(),window.addEventListener("keydown",u),s.value&&s.value.focus()},u=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(r("update:modelValue",!1),window.removeEventListener("keydown",u),i(),c=!1)};return{dialog:s,onDialogLeaveAnimationComplete:function(){r("close-animation-end")},open:d,close:u,toggle:function(){n.modelValue?u(null):d()}}}}));const G={tabindex:"-1",ref:"dialog",class:"kro-dialog__container p-4 fixed inset-0 grid grid-flow-col items-center justify-center pointer-events-none"},X={class:"grid grid-row gap-4"},Y={key:0,class:"kro-dialog__header text-lg"},Q={class:"kro-dialog__body"},J={key:1,class:"kro-dialog__footer flex flex-row align-middle gap-4"};U.render=function(e,o,r,n,a,l){const i=t.resolveComponent("focus-trap"),s=t.resolveComponent("kro-surface");return t.openBlock(),t.createBlock(t.Fragment,null,[t.renderSlot(e.$slots,"activator",{close:n.close,open:n.open,toggle:n.toggle}),(t.openBlock(),t.createBlock(t.Teleport,{to:"#kro-portal"},[t.createVNode(t.Transition,{appear:"",name:"kro-dialog-scrim"},{default:t.withCtx(()=>[e.$attrs.modelValue?(t.openBlock(),t.createBlock("div",{key:0,onClick:o[1]||(o[1]=()=>{r.persistent||n.close()}),class:"kro-dialog__scrim fixed inset-0"})):t.createCommentVNode("v-if",!0)]),_:1}),t.createVNode("div",G,[t.createVNode(t.Transition,{appear:"",name:"kro-dialog","onAfter-leave":n.onDialogLeaveAnimationComplete},{default:t.withCtx(()=>[e.$attrs.modelValue?t.createVNode(s,t.mergeProps({key:0,class:"kro-dialog pointer-events-auto max-w-xl"},e.$attrs),{default:t.withCtx(()=>[t.createVNode(i,{modelValue:e.$attrs.modelValue,"onUpdate:modelValue":o[2]||(o[2]=t=>e.$attrs.modelValue=t)},{default:t.withCtx(()=>[t.createVNode("div",X,[e.$slots.header?(t.openBlock(),t.createBlock("div",Y,[t.renderSlot(e.$slots,"header",{open:n.open,close:n.close,toggle:n.toggle})])):t.createCommentVNode("v-if",!0),t.createVNode("div",Q,[t.renderSlot(e.$slots,"default",{open:n.open,close:n.close,toggle:n.toggle})]),e.$slots.footer?(t.openBlock(),t.createBlock("div",J,[t.renderSlot(e.$slots,"footer",{open:n.open,close:n.close,toggle:n.toggle})])):t.createCommentVNode("v-if",!0)])]),_:3},8,["modelValue"])]),_:1},16):t.createCommentVNode("v-if",!0)]),_:1},8,["onAfter-leave"])],512)]))],64)},U.__file="src/components/Dialog/Dialog.vue";var ee={name:"KroDivider",props:{vertical:Boolean,inset:Boolean,label:String}};const te={key:0};ee.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-divider",{"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}]},[e.label?(t.openBlock(),t.createBlock("span",te,t.toDisplayString(e.label),1)):t.createCommentVNode("v-if",!0)],2)},ee.__file="src/components/Divider/Divider.vue";var oe={name:"KroAlert",components:{KroIcon:y,KroButton:S},props:{type:{type:String,default:"info"},dismissible:{type:Boolean,default:!1},tag:{type:String,default:"div"},icon:String,outline:{type:Boolean,default:!1}},setup:function(e,o){var r=o.emit,n=t.ref(!1);return{iconName:t.computed((function(){var t=e.type,o=e.icon;return o||("warning"===t?"warning":"info"===t?"info":"error"===t?"error":"success"===t?"success":null)})),isHidden:n,hide:function(){r("dismissed"),n.value=!0},show:function(){r("show"),n.value=!1}}}};const re={class:"kro-alert__icon"},ne={key:0};oe.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon"),s=t.resolveComponent("kro-button");return t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===e.type,"kro-alert--info":"info"===e.type,"kro-alert--warning":"warning"===e.type,"kro-alert--success":"success"===e.type,"kro-alert--outline":e.outline,"kro-alert--has-icon":e.iconName,"kro-alert--is-dismissible":e.dismissible}},{default:t.withCtx(()=>[t.createVNode("div",re,[e.iconName?t.createVNode(i,{key:0,icon:e.iconName},null,8,["icon"]):t.createCommentVNode("v-if",!0)]),t.createVNode("div",null,[t.renderSlot(e.$slots,"default")]),e.dismissible?(t.openBlock(),t.createBlock("div",ne,[t.createVNode(s,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class"])),[[t.vShow,!e.isHidden]])},oe.__file="src/components/Alert/Alert.vue";var ae=t.defineComponent(n(n({},{name:"ComposableDialogs"}),{setup:function(){return{instances:Z}}}));ae.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon"),s=t.resolveComponent("kro-button"),c=t.resolveComponent("kro-dialog");return t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(n.instances,e=>(t.openBlock(),t.createBlock("div",null,[t.createVNode(c,{modelValue:e.isOpen,"onUpdate:modelValue":t=>e.isOpen=t,"onClose-animation-end":t=>e.destroy(),class:{"kro-composable-dialog--centered":"centered"===e.style}},{header:t.withCtx(()=>[t.createVNode("div",{class:["flex items-center",{"flex-col":"centered"===e.style}]},[e.icon?t.createVNode(i,{key:0,style:{color:e.iconColor?e.iconColor:""},class:[{"kro-composable-dialog__icon--large":"centered"===e.style},"mr-4"],icon:e.icon},null,8,["style","class","icon"]):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.title),1)],2)]),default:t.withCtx(()=>[t.createVNode("div",{class:{"text-center":"centered"===e.style}},t.toDisplayString(e.message),3)]),footer:t.withCtx(({close:o})=>[t.createVNode("div",{class:["flex flex-row flex-1 gap-4",{"justify-end":"centered"!==e.style,"justify-center":"centered"===e.style}]},[e.rejectButton.hidden?t.createCommentVNode("v-if",!0):t.createVNode(s,t.mergeProps({key:0},e.rejectButton.attributes,{onClick:()=>{e.reject(),o()}}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.rejectButton.text),1)]),_:2},1040,["onClick"]),e.resolveButton.hidden?t.createCommentVNode("v-if",!0):t.createVNode(s,t.mergeProps({key:1},e.resolveButton.attributes,{onClick:()=>{e.resolve(),o()}}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.resolveButton.text),1)]),_:2},1040,["onClick"])],2)]),_:2},1032,["modelValue","onUpdate:modelValue","onClose-animation-end","class"])]))),256)},ae.__file="src/components/App/components/ComposableDialogs.vue";var le={name:"KroApp",components:{ComposableDialogs:ae}};const ie={class:"kro-app"},se={class:"kro-app__content"};le.render=function(e,o,r,n,a,l){const i=t.resolveComponent("composable-dialogs");return t.openBlock(),t.createBlock("div",ie,[t.createVNode("div",se,[t.renderSlot(e.$slots,"default")]),t.createVNode(i)])},le.__file="src/components/App/App.vue";var ce={name:"KroListItem",props:n(n({},h),{tag:{type:String,default:"div"},href:{type:String,default:void 0},to:{type:[String,Object]}}),setup:function(e){var o=k(e),r=o.tag;return{componentProps:o.componentProps,componentType:t.computed((function(){return r||"div"}))}}};const de={key:0,class:"kro-list-item__icon"},ue={class:"kro-list-item__content"},pe={class:"kro-list-item__title"},fe={key:0,class:"kro-list-item__subtitle"},me={key:1,class:"kro-list-item__action"};ce.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.componentType),t.mergeProps(e.componentProps,{class:"kro-list-item"}),{default:t.withCtx(()=>[e.$slots.icon?(t.openBlock(),t.createBlock("div",de,[t.renderSlot(e.$slots,"icon")])):t.createCommentVNode("v-if",!0),t.createVNode("div",ue,[t.createVNode("span",pe,[t.renderSlot(e.$slots,"default")]),e.$slots.subtitle?(t.openBlock(),t.createBlock("span",fe,[t.renderSlot(e.$slots,"subtitle")])):t.createCommentVNode("v-if",!0)]),e.$slots.action?(t.openBlock(),t.createBlock("div",me,[t.renderSlot(e.$slots,"action")])):t.createCommentVNode("v-if",!0)]),_:3},16)},ce.__file="src/components/List/ListItem.vue";var ve={title:"KroListItem",description:"",props:a([{name:"tag",description:"",type:"string",values:"-",default:"div"}],v),slots:[{name:"#icon",description:"Item icon slot",props:[]},{name:"#subtitle",description:"Item subtitle slot",props:[]},{name:"#action",description:"Action on the right side of the item",props:[]},{name:"#default",description:"Main text of the item",props:[]}]},he={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(e){var o=t.ref(!1),r=t.ref(null),n=t.ref(null),a=t.reactive({"kro-menu__content--y-bottom":!1,"kro-menu__content--y-bottom-offset":!1,"kro-menu__content--y-top":!1,"kro-menu__content--y-top-offset":!1,"kro-menu__content--x-left":!1,"kro-menu__content--x-left-offset":!1,"kro-menu__content--x-right":!1,"kro-menu__content--x-right-offset":!1}),l=function(){Object.keys(a).forEach((function(e){return a[e]=!1}));var t=e.offsetX,l=e.offsetY,i=e.left,s=e.right,c=e.top,d=e.bottom,u=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var r=window.innerWidth,n=window.innerHeight,a=e.value.getBoundingClientRect(),l=t.value,i=o.offsetX?a.width:0,s=o.offsetY?a.height:0;return{canFit:{bottom:l.offsetHeight+a.top+s<n,top:l.offsetHeight<a.top,left:l.offsetTop<a.left,right:l.offsetWidth+a.left+i<r}}}(r,n,{offsetX:t,offsetY:l}).canFit;u.top&&c?a["kro-menu__content--y-top"+(l?"-offset":"")]=!0:u.bottom&&d||u.bottom?a["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:u.top&&(a["kro-menu__content--y-top"+(l?"-offset":"")]=!0),u.left&&i?a["kro-menu__content--x-left"+(t?"-offset":"")]=!0:u.right&&s||u.right?a["kro-menu__content--x-right"+(t?"-offset":"")]=!0:u.left&&(a["kro-menu__content--x-left"+(t?"-offset":"")]=!0),o.value=!0},i=function(){o.value=!1};return{isOpen:o,classes:a,open:l,close:i,toggle:function(){o.value?i():l()},menu:n,container:r}}};const ke={ref:"container",class:"kro-menu"};he.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",ke,[t.createVNode("div",{onClick:o[1]||(o[1]=(...t)=>e.close(...t)),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),t.renderSlot(e.$slots,"activator",{open:e.open}),t.createVNode("div",{ref:"menu",class:["kro-menu__content",{...e.classes,"kro-menu__content--is-open":e.isOpen}]},[t.renderSlot(e.$slots,"default")],2)],512)},he.__file="src/components/Menu/Menu.vue";var ye={name:"KroAvatar",props:{src:String,color:String,small:Boolean,large:Boolean}};ye.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-avatar",{"kro-avatar__small":e.small,"kro-avatar__large":e.large}]},[e.src?(t.openBlock(),t.createBlock("img",{key:0,src:e.src,alt:""},null,8,["src"])):e.color?(t.openBlock(),t.createBlock("div",{key:1,style:{backgroundColor:e.color},class:"kro-avatar__color-circle"},null,4)):t.createCommentVNode("v-if",!0)],2)},ye.__file="src/components/Avatar/Avatar.vue";var ge={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}};const be=t.createVNode("div",{class:"kro-progress-bar__stream"},[t.createVNode("div",{class:"kro-progress-bar__stream-content"})],-1),_e=t.createVNode("div",{class:"kro-progress-bar__indeterminate"},null,-1);ge.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":e.stream,"kro-progress-bar--is-indeterminate":e.indeterminate,"kro-progress-bar--rounded":e.rounded}},[be,t.createVNode("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":e.bufferValue-100+"%"}},null,4),t.createVNode("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":e.value-100+"%"}},null,4),_e],2)},ge.__file="src/components/ProgressBar/ProgressBar.vue";var Ve={name:"KroLayout",components:{KroToolbar:q}},xe=t.defineComponent(n(n({},Ve),{props:{absolute:{type:Boolean,required:!1},responsiveWidth:{type:Number,required:!1},temporary:{type:Boolean,required:!1},right:{type:Boolean,required:!1},toolbarHeight:{type:String,required:!1},clipToolbar:{type:Boolean,required:!1},mini:{type:Boolean,required:!1}},setup:function(e,o){var n=t.ref(!!o.slots.drawer),a=r.useMediaQuery("(max-width: "+(e.responsiveWidth||768)+"px)"),l=t.computed((function(){return e.mini?"6rem":"16rem"})),i=t.computed((function(){return a.value||e.temporary||!n.value?"0":"var(--drawerWidth)"})),s=t.computed((function(){return e.toolbarHeight||"4rem"})),c=t.computed((function(){return e.clipToolbar?"var(--contentOffsetLeft)":"0"})),d=t.computed((function(){return e.clipToolbar||a.value||e.temporary?"0":"var(--toolbarHeight)"}));return t.onUpdated((function(){n.value=!!o.slots.drawer})),t.watchEffect((function(){o.emit("update:is-drawer-open",!(a.value||e.temporary)),o.emit("update:is-drawer-hidden",a.value||e.temporary)})),t.useCssVars((function(e){return{drawerWidth:l,toolbarHeight:s,toolbarLeftOffset:c,drawerOffsetTop:d,contentOffsetLeft:i}})),{hasDrawer:n,isSmallScreen:a,drawerWidth:l,contentOffsetLeft:i,toolbarHeight:s,toolbarLeftOffset:c,drawerOffsetTop:d}}}));const Be={class:"kro-layout"},Se={key:2,class:"kro-layout__toolbar"},we={class:"kro-layout__container"},Ce={key:0,class:"kro-layout__content"},Ne={key:1,class:"kro-layout__footer"};xe.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",Be,[e.$slots.drawer?(t.openBlock(),t.createBlock("div",{key:0,class:["kro-layout__scrim",{"kro-layout__scrim--is-open":e.$attrs["is-drawer-open"]&&(n.isSmallScreen||r.temporary)}],onClick:o[1]||(o[1]=t=>e.$emit("update:is-drawer-open",!1))},null,2)):t.createCommentVNode("v-if",!0),e.$slots.drawer?(t.openBlock(),t.createBlock("div",{key:1,class:["kro-layout__drawer",{"kro-layout__drawer--hidden":n.isSmallScreen||r.temporary,"kro-layout__drawer--is-open":e.$attrs["is-drawer-open"]}]},[t.renderSlot(e.$slots,"drawer")],2)):t.createCommentVNode("v-if",!0),e.$slots.toolbar?(t.openBlock(),t.createBlock("div",Se,[t.renderSlot(e.$slots,"toolbar")])):t.createCommentVNode("v-if",!0),t.createVNode("div",we,[e.$slots.default?(t.openBlock(),t.createBlock("div",Ce,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("v-if",!0),e.$slots.footer?(t.openBlock(),t.createBlock("div",Ne,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])])},xe.__file="src/components/Layout/Layout.vue";var Ae={name:"KroNavigation",props:{temporary:{type:Boolean,default:!1}},setup:function(e,t){var o=t.emit;return{open:function(){return o("update:modelValue",!0)},close:function(){return o("update:modelValue",!1)}}}};const Le={class:"kro-navigation"};Ae.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",Le,[t.createVNode("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary},onClick:o[1]||(o[1]=(...t)=>e.close(...t))},null,2),t.createVNode("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[t.renderSlot(e.$slots,"default",{close:e.close,open:e.open})],2)])},Ae.__file="src/components/Navigation/Navigation.vue";var Me={name:"KroSelect",props:{label:{type:String},required:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},name:{type:String},id:{type:String}},setup:function(e,o){var r=o.attrs,n=t.ref(!1),a=t.ref(null);return t.onMounted((function(){a.value&&Array.from(a.value.options).forEach((function(e){e.value===r.modelValue&&(e.selected=!0)}))})),{focused:n,select:a}}};const Ke={class:"kro-select"},De={class:"kro-select__hidden-label"},Te=t.createVNode("option",{selected:"",hidden:""},null,-1);Me.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon");return t.openBlock(),t.createBlock("div",Ke,[t.createVNode("div",{class:{"kro-select__container":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},[t.createVNode("label",{class:{"kro-select__label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue},for:e.id},t.toDisplayString(e.label),11,["for"]),t.createVNode("div",De,t.toDisplayString(e.label),1),t.createVNode("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},t.toDisplayString(e.label),3),t.createVNode("select",{class:"kro-select__input",ref:"select",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,name:e.name,id:e.id,value:e.$attrs.modelValue,onChange:o[1]||(o[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:o[2]||(o[2]=t=>e.focused=!0),onBlur:o[3]||(o[3]=t=>e.focused=!1)},[Te,t.renderSlot(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),t.createVNode(i,{class:"kro-select__icon",icon:"chevron-down"})],2)])},Me.__file="src/components/Select/Select.vue";var $e={name:"KroSlider",props:{disabled:{type:Boolean,default:!1},step:{type:Number,default:1},ticks:{default:!1,type:[Boolean,String]},min:{type:Number,default:0},max:{type:Number,default:100}},setup:function(e,o){var n=o.emit,a=o.attrs,l=t.ref(),i=t.ref(),s=function(e){var o=r.useMouseInElement(e),n=o.x,a=o.elementPositionX,l=o.elementWidth,i=t.computed((function(){return Math.min(Math.max(0,n.value-a.value),l.value)/(l.value||1)}));return{elementWidth:l,targetPercentage:i}}(l).targetPercentage,c=function(e){var o=t.ref(0),n=t.ref(0),a=t.ref(0),l=t.ref(0),i=function(e){var t=e.getBoundingClientRect(),r=t.left,i=t.top,s=t.width,c=t.height;o.value=s,n.value=c,a.value=r,l.value=i};t.watch(e,(function(e){var t=e||document.body;i(t)}));var s=r.useThrottleFn((function(){var t=e.value||document.body;i(t)}),250);return r.useEventListener("resize",s),{elementWidth:o,elementHeight:n,elementLeft:a,elementTop:l}}(l).elementWidth,d=t.ref(!1),u=F(),p=u.disableDocumentSelect,f=u.enableDocumentSelect,m=function(){d.value=!1,f(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){d.value=!0,p(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},h=t.computed((function(){return c.value/Math.ceil((e.max-e.min)/e.step)})),k=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,a.modelValue-e.step)))},y=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,a.modelValue+e.step)))};return t.onMounted((function(){n("update:modelValue",Math.max(e.min,Math.min(a.modelValue||0,e.max)))})),t.watchEffect((function(){d.value&&n("update:modelValue",Math.max(e.min,Math.min(Math.round(s.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:i,sliderRef:l,targetPercentage:s,enableEditing:v,trackSpacing:h,isEditing:d,onSliderClick:function(){setTimeout((function(){i.value.focus()}),0),v()},incrementValue:function(e){"ArrowLeft"===e.key&&k(),"ArrowRight"===e.key&&y()},subtractValue:k,addValue:y}}};const He={class:"kro-slider__track-container"},qe={ref:"sliderRef",class:"kro-slider__track"},Oe=t.createVNode("div",{class:"kro-slider__progress"},null,-1),Pe={class:"kro-slider__knob-container"},Ie=t.createVNode("div",{class:"kro-slider__thumb"},null,-1),Ee={key:0},Fe={key:1};$e.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:"kro-slider",onTouchstartPassive:o[2]||(o[2]=(...t)=>e.enableEditing(...t)),onMousedown:o[3]||(o[3]=(...t)=>e.onSliderClick(...t)),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[t.createVNode("div",He,[t.createVNode("div",qe,[e.ticks?(t.openBlock(),t.createBlock("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):t.createCommentVNode("v-if",!0),Oe],512),t.createVNode("div",Pe,[t.createVNode("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:o[1]||(o[1]=(...t)=>e.incrementValue(...t))},null,544),t.createVNode("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[Ie,e.$slots.thumb?(t.openBlock(),t.createBlock("span",Fe,[t.renderSlot(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(t.openBlock(),t.createBlock("span",Ee,t.toDisplayString(e.$attrs.modelValue),1))],2)])])],36)},$e.__file="src/components/Slider/Slider.vue";var ze,je,Ze={mounted:function(){console.log("Ok Tooltip")}},Re=(ze=Object.freeze({__proto__:null,KroButton:S,KroButtonGroup:N,KroIcon:y,KroSpinner:b,KroSquircle:V,KroSwitch:L,KroTextfield:H,KroToolbar:q,KroDialog:U,KroSurface:O,KroDivider:ee,KroAlert:oe,KroApp:le,KroListItem:ce,KroMenu:he,KroAvatar:ye,KroProgressBar:ge,KroLayout:xe,KroNavigation:Ae,KroSelect:Me,KroSlider:$e}),je=Object.freeze({__proto__:null,Tooltip:Ze}),{install:function(e,t){var o=n({},m);if(t&&t.hasOwnProperty("icons")&&(o=n(n({},o),t.icons)),ze)for(var r in ze){var a=ze[r];a&&e.component(r,a)}if(je)for(var r in je){var i=je[r];i&&e.directive(r,i)}e.provide(l,o),f()}}),We=Object.freeze({__proto__:null,ButtonMetadata:C,ButtonGroupMetadata:{title:"KroButtonGroup",description:"A container for multiple related buttons"},IconMetadata:{title:"KroIcon",description:"Display an SVG icon",props:[{name:"icon",description:"The name of the icon to display",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-icon-size",description:"The size of the icon",type:"size",default:"1.5rem"}]},SpinnerMetadata:{title:"KroSpinner",description:"A loading indicator",css:[{name:"--kro-spinner-size",description:"Sets the size of the spinner",type:"size",default:"2.5rem"},{name:"--kro-spinner-thickness",description:"Sets the thickness of the spinner",type:"size",default:"0.35rem"},{name:"--kro-spinner-color",description:"Sets the color of the spinner",type:"size",default:"--kro-foreground"}]},SquircleMetadata:{title:"KroSquircle",description:"A component used for visual effect."},SwitchMetadata:{title:"KroSwitch",description:"",props:[{name:"v-model",description:"The value of the switch",type:"bool",values:"-",default:"undefined"}],css:[{name:"--kro-switch-track-background",description:"The color of the track background.",type:"color",default:"--kro-background-secondary"},{name:"--kro-switch-track-active-background",description:"The track color when the switch is set to true.",type:"color",default:"--kro-primary-darken"},{name:"--kro-switch-knob-color",description:"The color of the switch knob.",type:"color",default:"--kro-primary"},{name:"--kro-switch-knob-shadow",description:"The shadow of the switch knob.",type:"shadow",default:"--kro-shadow"}]},TextfieldMetadata:{title:"KroTextfield",description:"",props:[{name:"v-model",description:"The value of the textfield",type:"string",values:"-",default:"undefined"},{name:"label",description:"The textfield label",type:"string",values:"-",default:"undefined"},{name:"type",description:"The textfield type",type:"string",values:"text | tel | email | password | url | search",default:"text"},{name:"required",description:"Marks the textfield as required",type:"bool",values:"-",default:"false"},{name:"disabled",description:"Marks the textfield as disabled",type:"bool",values:"-",default:"false"},{name:"multiline",description:"Makes the textfield into a textarea than can support multiple lines.",type:"bool",values:"-",default:"false"},{name:"readonly",description:"Marks the textfield as readonly",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"Autofocuses the textfield when the component loads.",type:"bool",values:"-",default:"false"},{name:"min",description:"Sets the min value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"max",description:"Sets the max value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"maxlength",description:"Sets the max amount of characters that the textfield will accept",type:"number",values:"-",default:"undefined"},{name:"name",description:"Sets the name of the textfield.",type:"string",values:"-",default:"undefined"},{name:"id",description:"Sets the id of the textfield",type:"string",values:"-",default:"undefined"},{name:"autoresize",description:"If the textfield is multiline, then this will autoresize the textfield vertically as the user types.",type:"bool",values:"-",default:"true"}],css:[{name:"--kro-textfield-border-color",description:"The border color of the textifled",type:"color",default:"--kro-divider"},{name:"--kro-textifled-focused-border-color",description:"The border color of the textifled when it is focused",type:"color",default:"--kro-primary"}]},ToolbarMetadata:{title:"KroToolbar",description:"",props:[{name:"small",description:"Makes the height of the toolbar smaller.",type:"bool",values:"-",default:"false"},{name:"padded",description:"Adds padding to the toolbar.",type:"bool",values:"-",default:"false"},{name:"raised",description:"Adds a shadow to the toolbar.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-toolbar-height",description:"The height of the toolbar",type:"size",default:"4rem"},{name:"--kro-toolbar-background",description:"The background color of the toolbar",type:"color",default:"--kro-background-secondary"},{name:"--kro-toolbar-shadow",description:"The shadow of a raised toolbar",type:"color",default:"--kro-background-shadow"}]},DialogMetadata:{title:"KroDialog",description:"Dialogs are used to display important information requiring the users immediate attention, often to confirm an action or to display an important error message, and should only be used when necessary.",props:[{name:"v-model",description:"Contorls the open state of the dialog",type:"bool",values:"-",default:"false"},{name:"persistent",description:"If enabled, the dialog can only be closed by the close button",type:"bool",values:"-",default:"false"}],events:[{name:"@open",description:"Fired when the dialog is opened",parameters:[]},{name:"@close",description:"Fired when the dialog is closed",parameters:[]}],slots:[{name:"#activator",description:"Slots the button that can be used to open the dialog",props:["open","close","toggle"]},{name:"#title",description:"Slot for the title of the dialog",props:["open","close","toggle"]},{name:"#controls",description:"Slot for the controls of the dialog",props:["open","close","toggle"]},{name:"#default",description:"Slot for the content of the dialog",props:[]}]},SurfaceMetadata:{title:"KroSurface",description:"A surface that contains content and can have a label",props:[{name:"padded",description:"Adds a padding to the container.",type:"bool",values:"-",default:"true"},{name:"raised",description:"Adds a shadow to the container.",type:"bool",values:"-",default:"true"},{name:"outline",description:"Adds an outline to the container.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the container.",type:"bool",values:"-",default:"undefined"},{name:"label",description:"Adds a label to the container.",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-surface-background",description:"",type:"color",default:"--kro-background-secondary"},{name:"--kro-surface-outline",description:"Sets the outline color of and outlined container",type:"color",default:"--kro-divider"},{name:"--kro-surface-shadow",description:"Sets the shadow of a raised container",type:"shadow",default:"--kro-shadow"}]},DividerMetadata:{title:"KroDivider",description:"",props:[{name:"vertical",description:"Makes the divider a vertical divider",type:"bool",values:"-",default:"false"}]},AlertMetadata:{title:"KroAlert",description:"",props:[{name:"type",description:"Defines the type of alert that is shown.",type:"string",values:["info","error","warning","success"],default:"info"},{name:"dismissible",description:"Shows a close icon on the alert allowing the user to dismiss the alert.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Sets the icon that is displayed on the alert.",type:"string",values:"-",default:"undefined"},{name:"tag",description:"Sets the root tage of the alert",type:"string",values:"-",default:"div"},{name:"outline",description:"Give the alert an outline style.",type:"bool",values:"-",default:"false"}],events:[{name:"@dismissed",description:"Fires when the alert is dismissed",parameters:[]},{name:"@show",description:"Fires when the alert is shown after being dismissed",parameters:[]}],slots:[{name:"#default",description:"Slot for the text content of the alert.",props:[]}]},AppMetadata:{title:"KroApp",description:""},ListMetadata:ve,MenuMetadata:{title:"KroMenu",description:"",props:[{name:"offsetX",description:"Offsets the menu horizontally so it is not covering the activator element.",type:"bool",values:"-",default:"false"},{name:"offsetY",description:"Offsets the menu vertically so it is not coverting the activator element",type:"bool",values:"-",default:"false"},{name:"left",description:"Positions the menu to open to the left of the activator.",type:"bool",values:"-",default:"false"},{name:"right",description:"Positions the menu to open to the right of the activator.",type:"bool",values:"-",default:"false"},{name:"top",description:"Positions the menut to open above the activator.",type:"bool",values:"-",default:"false"},{name:"bottom",description:"Positions the element to open below the activator.",type:"bool",values:"-",default:"false"}],slots:[{name:"#default",description:"",props:[]}],css:[{name:"--kro-menu-min-width",description:"",type:"size",default:"200px"},{name:"--kro-menu-max-width",description:"",type:"size",default:"300px"}]},AvatarMetadata:{title:"KroAvatar",description:"",props:[{name:"src",description:"Sets the image of the avatar",type:"string",values:"-",default:"undefined"},{name:"color",description:"Sets the color of the avatar.",type:"string",values:"-",default:"undefined"},{name:"small",description:"Makes the avatar smaller.",type:"bool",values:"-",default:"false"},{name:"large",description:"Makes the avatar larger.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-avatar-size",description:"",default:"3rem",type:"CSS Size Unit"},{name:"--kro-avatar-radius",description:"",default:"50%",type:"CSS Size Unit"}]},ProgressBarMetadata:{title:"KroProgressBar",description:"",props:[{name:"stream",description:"Display a speical style to the progress bar to indicate it is a stream",type:"bool",values:"-",default:"false"},{name:"indeterminate",description:"Display a special style to the progress bar to indicate that is indeterminate.",type:"",values:"-",default:"false"},{name:"rounded",description:"Applies a rounded style to the progress bar.",type:"bool",values:"-",default:"true"},{name:"value",description:"Sets the value of the progress bar.",type:"number",values:"-",default:"0"},{name:"bufferValue",description:"Sets the buffer value of the progress bar.",type:"number",values:"-",default:"100"}],css:[]},LayoutMetadata:{title:"KroLayout",description:"",props:[{name:"responsiveWidth",default:"768",description:"The width at which the drawer is hidden",type:"number",values:[]},{name:"temporary",default:"false",description:"Hides the drawer by default",type:"bool",values:[]},{name:"clipToolbar",default:"false",description:"Shifts the toolbar to the right to make room for the drawer",type:"bool",values:[]},{name:"mini",default:"false",description:"Makes the drawer smaller",type:"bool",values:[]},{name:"v-model:is-drawer-open",default:"true or false",description:"Controls the open state of the drawer",type:"bool",values:[]},{name:"v-model:is-drawer-hidden",default:"true or false",description:"Indicates if the drawer is in a default hidden state",type:"bool",values:[]}],slots:[{name:"#drawer",description:"Contains the sidebar navigation of the page",props:[]},{name:"#toolbar",description:"Contains the toolbar of the page",props:[]},{name:"#footer",description:"Contains the footer content of the page",props:[]},{name:"#default",description:"Contains the contents of the page",props:[]}]},NavigationMetadata:{title:"KroNavigation",description:"",css:[{name:"--kro-navigation-width",description:"Sets the width of the navigation menu",type:"size",default:"275px"}]},SelectMetadata:{title:"KroSelect",description:"A styled select component.",props:[{name:"label",description:"",type:"bool",values:"-",default:"false"},{name:"required",description:"",type:"bool",values:"-",default:"false"},{name:"disabled",description:"",type:"bool",values:"-",default:"false"},{name:"readonly",description:"",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"",type:"string",values:"-",default:"undefined"},{name:"name",description:"",type:"string",values:"-",default:"undefined"},{name:"id",description:"",type:"string",values:"-",default:"undefined"}]},SliderMetadata:{title:"KroSlider",description:"",props:[{name:"v-model",description:"The value of the slider",type:"number",values:"-",default:"undefined"},{name:"disabled",description:"Disables the slider",type:"bool",values:"-",default:"false"},{name:"steps",description:"Sets the step amount for each tick",type:"number",values:"-",default:"1"},{name:"ticks",description:"Display the ticks on the slider",type:"bool",values:"-",default:"false"},{name:"min",description:"Set the min value of the slider",type:"number",values:"-",default:"0"},{name:"max",description:"Set the max value of the slider",type:"number",values:"-",default:"100"}],slots:[{name:"#thumb",description:"A slot to replace the default value of the thumb.",props:["value"]}],css:[{name:"--kro-slider-tick-color",description:"The color of the tick marks on the slider.",type:"color",default:"rgba(0, 0, 0, .24)"},{name:"--kro-slider-track-color",description:"The color of the slider track.",type:"color",default:"--kro-background-secondary"},{name:"--kro-slider-progress-color",description:"The color of the progress bar on the track.",type:"color",default:"--kro-primary"},{name:"--kro-slider-knob-color",description:"The color of the knob on the slider.",type:"color",default:"--kro-primary-lighten"},{name:"--kro-slider-thumb-foreground",description:"The foreground color of the thumb.",type:"color",default:"--kro-primary-foreground"},{name:"--kro-slider-thumb-background",description:"The background color of the thumb.",type:"color",default:"--kro-primary"}]}});exports.KroAlert=oe,exports.KroApp=le,exports.KroAvatar=ye,exports.KroButton=S,exports.KroButtonGroup=N,exports.KroDialog=U,exports.KroDivider=ee,exports.KroIcon=y,exports.KroLayout=xe,exports.KroListItem=ce,exports.KroMenu=he,exports.KroNavigation=Ae,exports.KroProgressBar=ge,exports.KroSelect=Me,exports.KroSlider=$e,exports.KroSpinner=b,exports.KroSquircle=V,exports.KroSurface=O,exports.KroSwitch=L,exports.KroTextfield=H,exports.KroToolbar=q,exports.KroUIBaseConfigurationPlugin=function(){return{install:function(e,t){var o=n({},m);if(t&&t.hasOwnProperty("icons")&&(o=n(n({},o),t.icons)),t.components&&Array.isArray(t.components))for(var r in t.components){var a=t.components[r];a&&e.component(r,a)}e.provide(l,o),f()}}},exports.KroUIPlugin=Re,exports.Metadata=We,exports.useDialog=function(){return{createDialog:function(e){return new Promise((function(t,o){R(n(n({},z),e),t,o)}))},createConfirmationDialog:function(e){return new Promise((function(t,o){R(n(n({},j),e),t,o)}))}}},exports.useIcons=i,exports.useTheme=p;
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("vue"),o=(e=require("focus-trap"))&&"object"==typeof e&&"default"in e?e.default:e,r=require("@vueuse/core"),n=function(){return(n=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}).apply(this,arguments)};function a(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var r=Array(e),n=0;for(t=0;t<o;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,n++)r[n]=a[l];return r}var l=Symbol();function i(){return{icons:t.inject(l)}}var s="light",c="dark",d="unset",u=function(e){document.documentElement.className="kro-theme__default-"+e},p=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||d:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?s:c:s},t=function(e){e===d?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),u(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===s?t(c):t(s)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||d}}},f=function(){var e=p().getActiveThemeMode;u(e())},m={explore:"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z",home:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z","arrow-right":"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z",menu:"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z",settings:"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z",external:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",search:"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z",success:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",error:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z",warning:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",info:"M10 3H14V14H10V3M10 21V17H14V21H10Z",close:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",question:"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",invert:"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z","chevron-down":"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"},v=[{name:"to",description:"Denotes the target route of the link.",type:"string | object",values:"-",default:"undefined"},{name:"exact",description:"Exactly match the link. Without this, '/' will match every route.",type:"bool",values:"-",default:"undefined"},{name:"activeClass",description:"Configure the active CSS class applied when the link is active",type:"string",values:"-",default:"undefined"},{name:"exactActiveClass",description:"Configure the active CSS class applied when the link is active with exact match.",type:"string",values:"-",default:"undefined"},{name:"href",description:"Designates the component as anchor and applies the href attribute.",type:"string",values:"-",default:"undefined"},{name:"target",description:"Designates the target attribute. This should only be applied when using the href prop.",type:"string",values:"-",default:"undefined"}],h={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},k=function(e){return{tag:e.to?"router-link":e.href?"a":null,componentProps:t.computed((function(){return e.to?{to:e.to}:e.href?{href:e.href}:{}})),routeData:e}},y={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var o=i().icons;return{iconDefinition:t.computed((function(){return o&&o[e.icon]?o[e.icon]:(console.error('Kro UI Error: No Icon Named "'+e.icon+'". Did you register your icon in the kro ui plugin?'),"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z")}))}}};const g={class:"kro-icon",viewBox:"0 0 24 24"};y.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("svg",g,[t.createVNode("path",{d:e.iconDefinition},null,8,["d"])])},y.__file="src/components/Icon/Icon.vue";var b={name:"KroSpinner"};const _={class:"kro-spinner"};b.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",_)},b.__file="src/components/Spinner/Spinner.vue";var V={name:"KroSquircle"};const x={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},B=t.createVNode("path",{d:"M 0,200 C 0,0 0,0 200,0 S 400,0 400,200 400,400 200,400 0,400 0,200"},null,-1);V.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("svg",x,[B])},V.__file="src/components/Squircle/Squircle.vue";var S={name:"KroButton",components:{KroIcon:y,KroSpinner:b,KroSquircle:V},props:n(n({},h),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean,warning:Boolean,error:Boolean,success:Boolean}),setup:function(e){var o=k(e),r=o.tag;return{componentProps:o.componentProps,componentType:t.computed((function(){return r||"button"}))}}};const w={class:"kro-button__spinner"};S.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-squircle"),s=t.resolveComponent("kro-icon"),c=t.resolveComponent("kro-spinner");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.componentType),t.mergeProps({class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--warning":e.warning,"kro-button--success":e.success,"kro-button--error":e.error,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer"},e.componentProps,{target:e.href?e.target:""}),{default:t.withCtx(()=>[e.icon&&!e.$slots.default?t.createVNode(i,{key:0,class:"kro-button__squircle"}):t.createCommentVNode("v-if",!0),t.createVNode("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?t.createVNode(s,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?t.createCommentVNode("v-if",!0):t.createVNode(s,{key:1,icon:"external"})],2),t.withDirectives(t.createVNode("span",w,[t.createVNode(c)],512),[[t.vShow,e.loading]])]),_:3},16,["class","target"])},S.__file="src/components/Button/Button.vue";var C={title:"KroButton",description:"A styled button with added functionality",props:a([{name:"loading",description:"Displays a loading indicator over the button",type:"bool",values:"-",default:"false"},{name:"type",description:"The type of the button",type:"string",values:["button","reset","submit"],default:"button"},{name:"primary",description:"Applies a style to the button to indicate that it is a primary button",type:"bool",values:"-",default:"false"},{name:"outline",description:"Give the button an outline style",type:"bool",values:"-",default:"false"},{name:"raised",description:"Apply a shadow to the button",type:"string",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the button",type:"string",values:"-",default:"undefined"},{name:"hideExternalIcon",description:"Hides the external link icon for buttons that are links.",type:"bool",values:"-",default:"false"}],v)},N={name:"KroButtonGroup"};const A={class:"kro-button-group"};N.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",A,[t.renderSlot(e.$slots,"default")])},N.__file="src/components/ButtonGroup/ButtonGroup.vue";var L={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,r=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(r.modelValue)&&o("update:modelValue",a(r.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(r.modelValue)&&o("update:modelValue",r.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}};const M={class:"kro-switch"},K={class:"kro-switch__container"},D={class:"kro-switch__track"},T=t.createVNode("div",{class:"kro-switch__knob"},null,-1),$={key:0,class:"kro-switch__label"};L.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",M,[t.createVNode("div",K,[t.createVNode("input",{class:"kro-switch__input",checked:Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue,type:"checkbox",onChange:o[1]||(o[1]=(...t)=>e.update(...t))},null,40,["checked"]),t.createVNode("div",D,[t.createVNode("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},null,2)]),t.createVNode("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},[T],2)]),e.$slots.default?(t.openBlock(),t.createBlock("div",$,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("v-if",!0)])},L.__file="src/components/Switch/Switch.vue";var H={name:"KroTextfield",props:{label:{type:String},type:{type:String,default:"text"},required:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},min:{type:Number},max:{type:Number},maxlength:{type:Number},name:{type:String},id:{type:String},autoResize:{type:Boolean,default:!0}},setup:function(e){var o=t.ref(!1),r=t.ref();return{focused:o,runAutoResize:function(){e.autoResize&&r.value&&(r.value.style.height="auto",r.value.style.height=r.value.scrollHeight+"px")},inputRef:r}}};H.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-textfield",{"kro-textfield--is-textarea":e.multiline}]},[t.createVNode("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue,"kro-textfield--is-textarea":e.multiline}},[t.createVNode("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue},for:e.id},t.toDisplayString(e.label),11,["for"]),t.createVNode("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},t.toDisplayString(e.label),3),e.multiline?(t.openBlock(),t.createBlock("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:o[4]||(o[4]=t=>{e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:o[5]||(o[5]=t=>e.focused=!0),onBlur:o[6]||(o[6]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(t.openBlock(),t.createBlock("input",{key:0,class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,type:e.type,min:e.min,max:e.max,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:o[1]||(o[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:o[2]||(o[2]=t=>e.focused=!0),onBlur:o[3]||(o[3]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},H.__file="src/components/Textfield/Textfield.vue";var q={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};q.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[t.renderSlot(e.$slots,"default")],2)},q.__file="src/components/Toolbar/Toolbar.vue";var O={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}};const P={key:0,class:"kro-surface__label-container"},I={key:1,class:"kro-surface__label"};O.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon");return t.openBlock(),t.createBlock("div",{class:{"kro-surface":!0,"kro-surface--padded":e.padded,"kro-surface--raised":e.raised,"kro-surface--outline":e.outline}},[e.icon||e.label?(t.openBlock(),t.createBlock("div",P,[e.icon?t.createVNode(i,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):t.createCommentVNode("v-if",!0),e.label?(t.openBlock(),t.createBlock("div",I,t.toDisplayString(e.label),1)):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0),t.renderSlot(e.$slots,"default")],2)},O.__file="src/components/Surface/Surface.vue";var E=t.defineComponent({props:{active:{type:Boolean,default:!0},escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},fallbackFocus:{type:[String,Function],default:void 0}},setup:function(e,r){var n,a=r.slots,l=r.emit,i=t.ref(null);return t.onMounted((function(){t.watch((function(){return e.active}),(function(t){var r,a;t&&i.value?(n=o(i.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:function(){return e.allowOutsideClick},returnFocusOnDeactivate:e.returnFocusOnDeactivate,onActivate:function(){l("update:active",!0),l("activate")},onDeactivate:function(){l("update:active",!1),l("deactivate")},initialFocus:"string"==typeof e.initialFocus?e.initialFocus:null!==(a=null===(r=e.initialFocus)||void 0===r?void 0:r.call(e))&&void 0!==a?a:i.value,fallbackFocus:e.fallbackFocus})).activate():null==n||n.deactivate()}),{immediate:!0})})),t.onUnmounted((function(){null==n||n.deactivate(),n=null})),function(){var e,o=null===(e=a.default)||void 0===e?void 0:e.call(a);if(!o||!o.length||o.length>1)throw new Error("FocusTrap requires exactly one child");return t.cloneVNode(o[0],{ref:i})}}}),F=function(){return{disableDocumentScroll:function(){document.documentElement.classList.add("kro-helper--prevent-scroll")},enableDocumentScroll:function(){document.documentElement.classList.remove("kro-helper--prevent-scroll")},disableDocumentSelect:function(){document.documentElement.classList.add("kro-helper--prevent-select")},enableDocumentSelect:function(){document.documentElement.classList.remove("kro-helper--prevent-select")},enableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.removeAttribute("tabindex")},disableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.setAttribute("tabindex","-1")}}},z={title:"Dialog Title",message:"Dialog Message",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},j={title:"Confirmation Dialog",message:"Dialog Message",icon:"question",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},Z=t.ref([]),R=function(e,o,r){var l=n(n({},e),{isOpen:t.ref(!0),resolve:o,reject:r,destroy:function(){Z.value.splice(Z.value.indexOf(this),1)}});Z.value=a(Z.value,[l])};var W={name:"KroDialog",inheritAttrs:!1,components:{KroSurface:O,FocusTrap:E}},U=t.defineComponent(n(n({},W),{props:{persistent:{type:null,required:!1}},setup:function(e,o){var r=o.emit,n=o.attrs,a=F(),l=a.disableDocumentScroll,i=a.enableDocumentScroll,s=t.ref(null),c=!1;t.onUpdated((function(){c||!0!==n.modelValue||(r("update:modelValue",!0),l(),window.addEventListener("keydown",u),s.value&&s.value.focus())}));var d=function(){c=!0,r("update:modelValue",!0),l(),window.addEventListener("keydown",u),s.value&&s.value.focus()},u=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(r("update:modelValue",!1),window.removeEventListener("keydown",u),i(),c=!1)};return{dialog:s,onDialogLeaveAnimationComplete:function(){r("close-animation-end")},open:d,close:u,toggle:function(){n.modelValue?u(null):d()}}}}));const G={tabindex:"-1",ref:"dialog",class:"kro-dialog__container p-4 fixed inset-0 grid grid-cols-1 items-center justify-center pointer-events-none"},X={class:"grid grid-row gap-4"},Y={key:0,class:"kro-dialog__header text-lg"},Q={class:"kro-dialog__body"},J={key:1,class:"kro-dialog__footer flex flex-row align-middle gap-4"};U.render=function(e,o,r,n,a,l){const i=t.resolveComponent("focus-trap"),s=t.resolveComponent("kro-surface");return t.openBlock(),t.createBlock(t.Fragment,null,[t.renderSlot(e.$slots,"activator",{close:n.close,open:n.open,toggle:n.toggle}),(t.openBlock(),t.createBlock(t.Teleport,{to:"#kro-portal"},[t.createVNode(t.Transition,{appear:"",name:"kro-dialog-scrim"},{default:t.withCtx(()=>[e.$attrs.modelValue?(t.openBlock(),t.createBlock("div",{key:0,onClick:o[1]||(o[1]=()=>{r.persistent||n.close()}),class:"kro-dialog__scrim fixed inset-0"})):t.createCommentVNode("v-if",!0)]),_:1}),t.createVNode("div",G,[t.createVNode(t.Transition,{appear:"",name:"kro-dialog","onAfter-leave":n.onDialogLeaveAnimationComplete},{default:t.withCtx(()=>[e.$attrs.modelValue?t.createVNode(s,t.mergeProps({key:0,class:"kro-dialog pointer-events-auto max-w-xl"},e.$attrs),{default:t.withCtx(()=>[t.createVNode(i,{modelValue:e.$attrs.modelValue,"onUpdate:modelValue":o[2]||(o[2]=t=>e.$attrs.modelValue=t)},{default:t.withCtx(()=>[t.createVNode("div",X,[e.$slots.header?(t.openBlock(),t.createBlock("div",Y,[t.renderSlot(e.$slots,"header",{open:n.open,close:n.close,toggle:n.toggle})])):t.createCommentVNode("v-if",!0),t.createVNode("div",Q,[t.renderSlot(e.$slots,"default",{open:n.open,close:n.close,toggle:n.toggle})]),e.$slots.footer?(t.openBlock(),t.createBlock("div",J,[t.renderSlot(e.$slots,"footer",{open:n.open,close:n.close,toggle:n.toggle})])):t.createCommentVNode("v-if",!0)])]),_:3},8,["modelValue"])]),_:1},16):t.createCommentVNode("v-if",!0)]),_:1},8,["onAfter-leave"])],512)]))],64)},U.__file="src/components/Dialog/Dialog.vue";var ee={name:"KroDivider",props:{vertical:Boolean,inset:Boolean,label:String}};const te={key:0};ee.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-divider",{"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}]},[e.label?(t.openBlock(),t.createBlock("span",te,t.toDisplayString(e.label),1)):t.createCommentVNode("v-if",!0)],2)},ee.__file="src/components/Divider/Divider.vue";var oe={name:"KroAlert",components:{KroIcon:y,KroButton:S},props:{type:{type:String,default:"info"},dismissible:{type:Boolean,default:!1},tag:{type:String,default:"div"},icon:String,outline:{type:Boolean,default:!1}},setup:function(e,o){var r=o.emit,n=t.ref(!1);return{iconName:t.computed((function(){var t=e.type,o=e.icon;return o||("warning"===t?"warning":"info"===t?"info":"error"===t?"error":"success"===t?"success":null)})),isHidden:n,hide:function(){r("dismissed"),n.value=!0},show:function(){r("show"),n.value=!1}}}};const re={class:"kro-alert__icon"},ne={key:0};oe.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon"),s=t.resolveComponent("kro-button");return t.withDirectives((t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===e.type,"kro-alert--info":"info"===e.type,"kro-alert--warning":"warning"===e.type,"kro-alert--success":"success"===e.type,"kro-alert--outline":e.outline,"kro-alert--has-icon":e.iconName,"kro-alert--is-dismissible":e.dismissible}},{default:t.withCtx(()=>[t.createVNode("div",re,[e.iconName?t.createVNode(i,{key:0,icon:e.iconName},null,8,["icon"]):t.createCommentVNode("v-if",!0)]),t.createVNode("div",null,[t.renderSlot(e.$slots,"default")]),e.dismissible?(t.openBlock(),t.createBlock("div",ne,[t.createVNode(s,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):t.createCommentVNode("v-if",!0)]),_:3},8,["class"])),[[t.vShow,!e.isHidden]])},oe.__file="src/components/Alert/Alert.vue";var ae=t.defineComponent(n(n({},{name:"ComposableDialogs"}),{setup:function(){return{instances:Z}}}));ae.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon"),s=t.resolveComponent("kro-button"),c=t.resolveComponent("kro-dialog");return t.openBlock(!0),t.createBlock(t.Fragment,null,t.renderList(n.instances,e=>(t.openBlock(),t.createBlock("div",null,[t.createVNode(c,{modelValue:e.isOpen,"onUpdate:modelValue":t=>e.isOpen=t,"onClose-animation-end":t=>e.destroy(),class:{"kro-composable-dialog--centered":"centered"===e.style}},{header:t.withCtx(()=>[t.createVNode("div",{class:["flex items-center",{"flex-col":"centered"===e.style}]},[e.icon?t.createVNode(i,{key:0,style:{color:e.iconColor?e.iconColor:""},class:[{"kro-composable-dialog__icon--large":"centered"===e.style},"mr-4"],icon:e.icon},null,8,["style","class","icon"]):t.createCommentVNode("v-if",!0),t.createTextVNode(" "+t.toDisplayString(e.title),1)],2)]),default:t.withCtx(()=>[t.createVNode("div",{class:{"text-center":"centered"===e.style}},t.toDisplayString(e.message),3)]),footer:t.withCtx(({close:o})=>[t.createVNode("div",{class:["flex flex-row flex-1 gap-4",{"justify-end":"centered"!==e.style,"justify-center":"centered"===e.style}]},[e.rejectButton.hidden?t.createCommentVNode("v-if",!0):t.createVNode(s,t.mergeProps({key:0},e.rejectButton.attributes,{onClick:()=>{e.reject(),o()}}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.rejectButton.text),1)]),_:2},1040,["onClick"]),e.resolveButton.hidden?t.createCommentVNode("v-if",!0):t.createVNode(s,t.mergeProps({key:1},e.resolveButton.attributes,{onClick:()=>{e.resolve(),o()}}),{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.resolveButton.text),1)]),_:2},1040,["onClick"])],2)]),_:2},1032,["modelValue","onUpdate:modelValue","onClose-animation-end","class"])]))),256)},ae.__file="src/components/App/components/ComposableDialogs.vue";var le={name:"KroApp",components:{ComposableDialogs:ae}};const ie={class:"kro-app"},se={class:"kro-app__content"};le.render=function(e,o,r,n,a,l){const i=t.resolveComponent("composable-dialogs");return t.openBlock(),t.createBlock("div",ie,[t.createVNode("div",se,[t.renderSlot(e.$slots,"default")]),t.createVNode(i)])},le.__file="src/components/App/App.vue";var ce={name:"KroListItem",props:n(n({},h),{tag:{type:String,default:"div"},href:{type:String,default:void 0},to:{type:[String,Object]}}),setup:function(e){var o=k(e),r=o.tag;return{componentProps:o.componentProps,componentType:t.computed((function(){return r||"div"}))}}};const de={key:0,class:"kro-list-item__icon"},ue={class:"kro-list-item__content"},pe={class:"kro-list-item__title"},fe={key:0,class:"kro-list-item__subtitle"},me={key:1,class:"kro-list-item__action"};ce.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.componentType),t.mergeProps(e.componentProps,{class:"kro-list-item"}),{default:t.withCtx(()=>[e.$slots.icon?(t.openBlock(),t.createBlock("div",de,[t.renderSlot(e.$slots,"icon")])):t.createCommentVNode("v-if",!0),t.createVNode("div",ue,[t.createVNode("span",pe,[t.renderSlot(e.$slots,"default")]),e.$slots.subtitle?(t.openBlock(),t.createBlock("span",fe,[t.renderSlot(e.$slots,"subtitle")])):t.createCommentVNode("v-if",!0)]),e.$slots.action?(t.openBlock(),t.createBlock("div",me,[t.renderSlot(e.$slots,"action")])):t.createCommentVNode("v-if",!0)]),_:3},16)},ce.__file="src/components/List/ListItem.vue";var ve={title:"KroListItem",description:"",props:a([{name:"tag",description:"",type:"string",values:"-",default:"div"}],v),slots:[{name:"#icon",description:"Item icon slot",props:[]},{name:"#subtitle",description:"Item subtitle slot",props:[]},{name:"#action",description:"Action on the right side of the item",props:[]},{name:"#default",description:"Main text of the item",props:[]}]},he={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(e){var o=t.ref(!1),r=t.ref(null),n=t.ref(null),a=t.reactive({"kro-menu__content--y-bottom":!1,"kro-menu__content--y-bottom-offset":!1,"kro-menu__content--y-top":!1,"kro-menu__content--y-top-offset":!1,"kro-menu__content--x-left":!1,"kro-menu__content--x-left-offset":!1,"kro-menu__content--x-right":!1,"kro-menu__content--x-right-offset":!1}),l=function(){Object.keys(a).forEach((function(e){return a[e]=!1}));var t=e.offsetX,l=e.offsetY,i=e.left,s=e.right,c=e.top,d=e.bottom,u=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var r=window.innerWidth,n=window.innerHeight,a=e.value.getBoundingClientRect(),l=t.value,i=o.offsetX?a.width:0,s=o.offsetY?a.height:0;return{canFit:{bottom:l.offsetHeight+a.top+s<n,top:l.offsetHeight<a.top,left:l.offsetTop<a.left,right:l.offsetWidth+a.left+i<r}}}(r,n,{offsetX:t,offsetY:l}).canFit;u.top&&c?a["kro-menu__content--y-top"+(l?"-offset":"")]=!0:u.bottom&&d||u.bottom?a["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:u.top&&(a["kro-menu__content--y-top"+(l?"-offset":"")]=!0),u.left&&i?a["kro-menu__content--x-left"+(t?"-offset":"")]=!0:u.right&&s||u.right?a["kro-menu__content--x-right"+(t?"-offset":"")]=!0:u.left&&(a["kro-menu__content--x-left"+(t?"-offset":"")]=!0),o.value=!0},i=function(){o.value=!1};return{isOpen:o,classes:a,open:l,close:i,toggle:function(){o.value?i():l()},menu:n,container:r}}};const ke={ref:"container",class:"kro-menu"};he.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",ke,[t.createVNode("div",{onClick:o[1]||(o[1]=(...t)=>e.close(...t)),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),t.renderSlot(e.$slots,"activator",{open:e.open}),t.createVNode("div",{ref:"menu",class:["kro-menu__content",{...e.classes,"kro-menu__content--is-open":e.isOpen}]},[t.renderSlot(e.$slots,"default")],2)],512)},he.__file="src/components/Menu/Menu.vue";var ye={name:"KroAvatar",props:{src:String,color:String,small:Boolean,large:Boolean}};ye.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:["kro-avatar",{"kro-avatar__small":e.small,"kro-avatar__large":e.large}]},[e.src?(t.openBlock(),t.createBlock("img",{key:0,src:e.src,alt:""},null,8,["src"])):e.color?(t.openBlock(),t.createBlock("div",{key:1,style:{backgroundColor:e.color},class:"kro-avatar__color-circle"},null,4)):t.createCommentVNode("v-if",!0)],2)},ye.__file="src/components/Avatar/Avatar.vue";var ge={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}};const be=t.createVNode("div",{class:"kro-progress-bar__stream"},[t.createVNode("div",{class:"kro-progress-bar__stream-content"})],-1),_e=t.createVNode("div",{class:"kro-progress-bar__indeterminate"},null,-1);ge.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":e.stream,"kro-progress-bar--is-indeterminate":e.indeterminate,"kro-progress-bar--rounded":e.rounded}},[be,t.createVNode("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":e.bufferValue-100+"%"}},null,4),t.createVNode("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":e.value-100+"%"}},null,4),_e],2)},ge.__file="src/components/ProgressBar/ProgressBar.vue";var Ve={name:"KroLayout",components:{KroToolbar:q}},xe=t.defineComponent(n(n({},Ve),{props:{absolute:{type:Boolean,required:!1},responsiveWidth:{type:Number,required:!1},temporary:{type:Boolean,required:!1},right:{type:Boolean,required:!1},toolbarHeight:{type:String,required:!1},clipToolbar:{type:Boolean,required:!1},mini:{type:Boolean,required:!1}},setup:function(e,o){var n=t.ref(!!o.slots.drawer),a=r.useMediaQuery("(max-width: "+(e.responsiveWidth||768)+"px)"),l=t.computed((function(){return e.mini?"6rem":"16rem"})),i=t.computed((function(){return a.value||e.temporary||!n.value?"0":"var(--drawerWidth)"})),s=t.computed((function(){return e.toolbarHeight||"4rem"})),c=t.computed((function(){return e.clipToolbar?"var(--contentOffsetLeft)":"0"})),d=t.computed((function(){return e.clipToolbar||a.value||e.temporary?"0":"var(--toolbarHeight)"}));return t.onUpdated((function(){n.value=!!o.slots.drawer})),t.watchEffect((function(){o.emit("update:is-drawer-open",!(a.value||e.temporary)),o.emit("update:is-drawer-hidden",a.value||e.temporary)})),t.useCssVars((function(e){return{drawerWidth:l,toolbarHeight:s,toolbarLeftOffset:c,drawerOffsetTop:d,contentOffsetLeft:i}})),{hasDrawer:n,isSmallScreen:a,drawerWidth:l,contentOffsetLeft:i,toolbarHeight:s,toolbarLeftOffset:c,drawerOffsetTop:d}}}));const Be={class:"kro-layout"},Se={key:2,class:"kro-layout__toolbar"},we={class:"kro-layout__container"},Ce={key:0,class:"kro-layout__content"},Ne={key:1,class:"kro-layout__footer"};xe.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",Be,[e.$slots.drawer?(t.openBlock(),t.createBlock("div",{key:0,class:["kro-layout__scrim",{"kro-layout__scrim--is-open":e.$attrs["is-drawer-open"]&&(n.isSmallScreen||r.temporary)}],onClick:o[1]||(o[1]=t=>e.$emit("update:is-drawer-open",!1))},null,2)):t.createCommentVNode("v-if",!0),e.$slots.drawer?(t.openBlock(),t.createBlock("div",{key:1,class:["kro-layout__drawer",{"kro-layout__drawer--hidden":n.isSmallScreen||r.temporary,"kro-layout__drawer--is-open":e.$attrs["is-drawer-open"]}]},[t.renderSlot(e.$slots,"drawer")],2)):t.createCommentVNode("v-if",!0),e.$slots.toolbar?(t.openBlock(),t.createBlock("div",Se,[t.renderSlot(e.$slots,"toolbar")])):t.createCommentVNode("v-if",!0),t.createVNode("div",we,[e.$slots.default?(t.openBlock(),t.createBlock("div",Ce,[t.renderSlot(e.$slots,"default")])):t.createCommentVNode("v-if",!0),e.$slots.footer?(t.openBlock(),t.createBlock("div",Ne,[t.renderSlot(e.$slots,"footer")])):t.createCommentVNode("v-if",!0)])])},xe.__file="src/components/Layout/Layout.vue";var Ae={name:"KroNavigation",props:{temporary:{type:Boolean,default:!1}},setup:function(e,t){var o=t.emit;return{open:function(){return o("update:modelValue",!0)},close:function(){return o("update:modelValue",!1)}}}};const Le={class:"kro-navigation"};Ae.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",Le,[t.createVNode("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary},onClick:o[1]||(o[1]=(...t)=>e.close(...t))},null,2),t.createVNode("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[t.renderSlot(e.$slots,"default",{close:e.close,open:e.open})],2)])},Ae.__file="src/components/Navigation/Navigation.vue";var Me={name:"KroSelect",props:{label:{type:String},required:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},name:{type:String},id:{type:String}},setup:function(e,o){var r=o.attrs,n=t.ref(!1),a=t.ref(null);return t.onMounted((function(){a.value&&Array.from(a.value.options).forEach((function(e){e.value===r.modelValue&&(e.selected=!0)}))})),{focused:n,select:a}}};const Ke={class:"kro-select"},De={class:"kro-select__hidden-label"},Te=t.createVNode("option",{selected:"",hidden:""},null,-1);Me.render=function(e,o,r,n,a,l){const i=t.resolveComponent("kro-icon");return t.openBlock(),t.createBlock("div",Ke,[t.createVNode("div",{class:{"kro-select__container":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},[t.createVNode("label",{class:{"kro-select__label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue},for:e.id},t.toDisplayString(e.label),11,["for"]),t.createVNode("div",De,t.toDisplayString(e.label),1),t.createVNode("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},t.toDisplayString(e.label),3),t.createVNode("select",{class:"kro-select__input",ref:"select",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,name:e.name,id:e.id,value:e.$attrs.modelValue,onChange:o[1]||(o[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:o[2]||(o[2]=t=>e.focused=!0),onBlur:o[3]||(o[3]=t=>e.focused=!1)},[Te,t.renderSlot(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),t.createVNode(i,{class:"kro-select__icon",icon:"chevron-down"})],2)])},Me.__file="src/components/Select/Select.vue";var $e={name:"KroSlider",props:{disabled:{type:Boolean,default:!1},step:{type:Number,default:1},ticks:{default:!1,type:[Boolean,String]},min:{type:Number,default:0},max:{type:Number,default:100}},setup:function(e,o){var n=o.emit,a=o.attrs,l=t.ref(),i=t.ref(),s=function(e){var o=r.useMouseInElement(e),n=o.x,a=o.elementPositionX,l=o.elementWidth,i=t.computed((function(){return Math.min(Math.max(0,n.value-a.value),l.value)/(l.value||1)}));return{elementWidth:l,targetPercentage:i}}(l).targetPercentage,c=function(e){var o=t.ref(0),n=t.ref(0),a=t.ref(0),l=t.ref(0),i=function(e){var t=e.getBoundingClientRect(),r=t.left,i=t.top,s=t.width,c=t.height;o.value=s,n.value=c,a.value=r,l.value=i};t.watch(e,(function(e){var t=e||document.body;i(t)}));var s=r.useThrottleFn((function(){var t=e.value||document.body;i(t)}),250);return r.useEventListener("resize",s),{elementWidth:o,elementHeight:n,elementLeft:a,elementTop:l}}(l).elementWidth,d=t.ref(!1),u=F(),p=u.disableDocumentSelect,f=u.enableDocumentSelect,m=function(){d.value=!1,f(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){d.value=!0,p(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},h=t.computed((function(){return c.value/Math.ceil((e.max-e.min)/e.step)})),k=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,a.modelValue-e.step)))},y=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,a.modelValue+e.step)))};return t.onMounted((function(){n("update:modelValue",Math.max(e.min,Math.min(a.modelValue||0,e.max)))})),t.watchEffect((function(){d.value&&n("update:modelValue",Math.max(e.min,Math.min(Math.round(s.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:i,sliderRef:l,targetPercentage:s,enableEditing:v,trackSpacing:h,isEditing:d,onSliderClick:function(){setTimeout((function(){i.value.focus()}),0),v()},incrementValue:function(e){"ArrowLeft"===e.key&&k(),"ArrowRight"===e.key&&y()},subtractValue:k,addValue:y}}};const He={class:"kro-slider__track-container"},qe={ref:"sliderRef",class:"kro-slider__track"},Oe=t.createVNode("div",{class:"kro-slider__progress"},null,-1),Pe={class:"kro-slider__knob-container"},Ie=t.createVNode("div",{class:"kro-slider__thumb"},null,-1),Ee={key:0},Fe={key:1};$e.render=function(e,o,r,n,a,l){return t.openBlock(),t.createBlock("div",{class:"kro-slider",onTouchstartPassive:o[2]||(o[2]=(...t)=>e.enableEditing(...t)),onMousedown:o[3]||(o[3]=(...t)=>e.onSliderClick(...t)),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[t.createVNode("div",He,[t.createVNode("div",qe,[e.ticks?(t.openBlock(),t.createBlock("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):t.createCommentVNode("v-if",!0),Oe],512),t.createVNode("div",Pe,[t.createVNode("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:o[1]||(o[1]=(...t)=>e.incrementValue(...t))},null,544),t.createVNode("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[Ie,e.$slots.thumb?(t.openBlock(),t.createBlock("span",Fe,[t.renderSlot(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(t.openBlock(),t.createBlock("span",Ee,t.toDisplayString(e.$attrs.modelValue),1))],2)])])],36)},$e.__file="src/components/Slider/Slider.vue";var ze,je,Ze={mounted:function(){console.log("Ok Tooltip")}},Re=(ze=Object.freeze({__proto__:null,KroButton:S,KroButtonGroup:N,KroIcon:y,KroSpinner:b,KroSquircle:V,KroSwitch:L,KroTextfield:H,KroToolbar:q,KroDialog:U,KroSurface:O,KroDivider:ee,KroAlert:oe,KroApp:le,KroListItem:ce,KroMenu:he,KroAvatar:ye,KroProgressBar:ge,KroLayout:xe,KroNavigation:Ae,KroSelect:Me,KroSlider:$e}),je=Object.freeze({__proto__:null,Tooltip:Ze}),{install:function(e,t){var o=n({},m);if(t&&t.hasOwnProperty("icons")&&(o=n(n({},o),t.icons)),ze)for(var r in ze){var a=ze[r];a&&e.component(r,a)}if(je)for(var r in je){var i=je[r];i&&e.directive(r,i)}e.provide(l,o),f()}}),We=Object.freeze({__proto__:null,ButtonMetadata:C,ButtonGroupMetadata:{title:"KroButtonGroup",description:"A container for multiple related buttons"},IconMetadata:{title:"KroIcon",description:"Display an SVG icon",props:[{name:"icon",description:"The name of the icon to display",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-icon-size",description:"The size of the icon",type:"size",default:"1.5rem"}]},SpinnerMetadata:{title:"KroSpinner",description:"A loading indicator",css:[{name:"--kro-spinner-size",description:"Sets the size of the spinner",type:"size",default:"2.5rem"},{name:"--kro-spinner-thickness",description:"Sets the thickness of the spinner",type:"size",default:"0.35rem"},{name:"--kro-spinner-color",description:"Sets the color of the spinner",type:"size",default:"--kro-foreground"}]},SquircleMetadata:{title:"KroSquircle",description:"A component used for visual effect."},SwitchMetadata:{title:"KroSwitch",description:"",props:[{name:"v-model",description:"The value of the switch",type:"bool",values:"-",default:"undefined"}],css:[{name:"--kro-switch-track-background",description:"The color of the track background.",type:"color",default:"--kro-background-secondary"},{name:"--kro-switch-track-active-background",description:"The track color when the switch is set to true.",type:"color",default:"--kro-primary-darken"},{name:"--kro-switch-knob-color",description:"The color of the switch knob.",type:"color",default:"--kro-primary"},{name:"--kro-switch-knob-shadow",description:"The shadow of the switch knob.",type:"shadow",default:"--kro-shadow"}]},TextfieldMetadata:{title:"KroTextfield",description:"",props:[{name:"v-model",description:"The value of the textfield",type:"string",values:"-",default:"undefined"},{name:"label",description:"The textfield label",type:"string",values:"-",default:"undefined"},{name:"type",description:"The textfield type",type:"string",values:"text | tel | email | password | url | search",default:"text"},{name:"required",description:"Marks the textfield as required",type:"bool",values:"-",default:"false"},{name:"disabled",description:"Marks the textfield as disabled",type:"bool",values:"-",default:"false"},{name:"multiline",description:"Makes the textfield into a textarea than can support multiple lines.",type:"bool",values:"-",default:"false"},{name:"readonly",description:"Marks the textfield as readonly",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"Autofocuses the textfield when the component loads.",type:"bool",values:"-",default:"false"},{name:"min",description:"Sets the min value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"max",description:"Sets the max value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"maxlength",description:"Sets the max amount of characters that the textfield will accept",type:"number",values:"-",default:"undefined"},{name:"name",description:"Sets the name of the textfield.",type:"string",values:"-",default:"undefined"},{name:"id",description:"Sets the id of the textfield",type:"string",values:"-",default:"undefined"},{name:"autoresize",description:"If the textfield is multiline, then this will autoresize the textfield vertically as the user types.",type:"bool",values:"-",default:"true"}],css:[{name:"--kro-textfield-border-color",description:"The border color of the textifled",type:"color",default:"--kro-divider"},{name:"--kro-textifled-focused-border-color",description:"The border color of the textifled when it is focused",type:"color",default:"--kro-primary"}]},ToolbarMetadata:{title:"KroToolbar",description:"",props:[{name:"small",description:"Makes the height of the toolbar smaller.",type:"bool",values:"-",default:"false"},{name:"padded",description:"Adds padding to the toolbar.",type:"bool",values:"-",default:"false"},{name:"raised",description:"Adds a shadow to the toolbar.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-toolbar-height",description:"The height of the toolbar",type:"size",default:"4rem"},{name:"--kro-toolbar-background",description:"The background color of the toolbar",type:"color",default:"--kro-background-secondary"},{name:"--kro-toolbar-shadow",description:"The shadow of a raised toolbar",type:"color",default:"--kro-background-shadow"}]},DialogMetadata:{title:"KroDialog",description:"Dialogs are used to display important information requiring the users immediate attention, often to confirm an action or to display an important error message, and should only be used when necessary.",props:[{name:"v-model",description:"Contorls the open state of the dialog",type:"bool",values:"-",default:"false"},{name:"persistent",description:"If enabled, the dialog can only be closed by the close button",type:"bool",values:"-",default:"false"}],events:[{name:"@open",description:"Fired when the dialog is opened",parameters:[]},{name:"@close",description:"Fired when the dialog is closed",parameters:[]}],slots:[{name:"#activator",description:"Slots the button that can be used to open the dialog",props:["open","close","toggle"]},{name:"#title",description:"Slot for the title of the dialog",props:["open","close","toggle"]},{name:"#controls",description:"Slot for the controls of the dialog",props:["open","close","toggle"]},{name:"#default",description:"Slot for the content of the dialog",props:[]}]},SurfaceMetadata:{title:"KroSurface",description:"A surface that contains content and can have a label",props:[{name:"padded",description:"Adds a padding to the container.",type:"bool",values:"-",default:"true"},{name:"raised",description:"Adds a shadow to the container.",type:"bool",values:"-",default:"true"},{name:"outline",description:"Adds an outline to the container.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the container.",type:"bool",values:"-",default:"undefined"},{name:"label",description:"Adds a label to the container.",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-surface-background",description:"",type:"color",default:"--kro-background-secondary"},{name:"--kro-surface-outline",description:"Sets the outline color of and outlined container",type:"color",default:"--kro-divider"},{name:"--kro-surface-shadow",description:"Sets the shadow of a raised container",type:"shadow",default:"--kro-shadow"}]},DividerMetadata:{title:"KroDivider",description:"",props:[{name:"vertical",description:"Makes the divider a vertical divider",type:"bool",values:"-",default:"false"}]},AlertMetadata:{title:"KroAlert",description:"",props:[{name:"type",description:"Defines the type of alert that is shown.",type:"string",values:["info","error","warning","success"],default:"info"},{name:"dismissible",description:"Shows a close icon on the alert allowing the user to dismiss the alert.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Sets the icon that is displayed on the alert.",type:"string",values:"-",default:"undefined"},{name:"tag",description:"Sets the root tage of the alert",type:"string",values:"-",default:"div"},{name:"outline",description:"Give the alert an outline style.",type:"bool",values:"-",default:"false"}],events:[{name:"@dismissed",description:"Fires when the alert is dismissed",parameters:[]},{name:"@show",description:"Fires when the alert is shown after being dismissed",parameters:[]}],slots:[{name:"#default",description:"Slot for the text content of the alert.",props:[]}]},AppMetadata:{title:"KroApp",description:""},ListMetadata:ve,MenuMetadata:{title:"KroMenu",description:"",props:[{name:"offsetX",description:"Offsets the menu horizontally so it is not covering the activator element.",type:"bool",values:"-",default:"false"},{name:"offsetY",description:"Offsets the menu vertically so it is not coverting the activator element",type:"bool",values:"-",default:"false"},{name:"left",description:"Positions the menu to open to the left of the activator.",type:"bool",values:"-",default:"false"},{name:"right",description:"Positions the menu to open to the right of the activator.",type:"bool",values:"-",default:"false"},{name:"top",description:"Positions the menut to open above the activator.",type:"bool",values:"-",default:"false"},{name:"bottom",description:"Positions the element to open below the activator.",type:"bool",values:"-",default:"false"}],slots:[{name:"#default",description:"",props:[]}],css:[{name:"--kro-menu-min-width",description:"",type:"size",default:"200px"},{name:"--kro-menu-max-width",description:"",type:"size",default:"300px"}]},AvatarMetadata:{title:"KroAvatar",description:"",props:[{name:"src",description:"Sets the image of the avatar",type:"string",values:"-",default:"undefined"},{name:"color",description:"Sets the color of the avatar.",type:"string",values:"-",default:"undefined"},{name:"small",description:"Makes the avatar smaller.",type:"bool",values:"-",default:"false"},{name:"large",description:"Makes the avatar larger.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-avatar-size",description:"",default:"3rem",type:"CSS Size Unit"},{name:"--kro-avatar-radius",description:"",default:"50%",type:"CSS Size Unit"}]},ProgressBarMetadata:{title:"KroProgressBar",description:"",props:[{name:"stream",description:"Display a speical style to the progress bar to indicate it is a stream",type:"bool",values:"-",default:"false"},{name:"indeterminate",description:"Display a special style to the progress bar to indicate that is indeterminate.",type:"",values:"-",default:"false"},{name:"rounded",description:"Applies a rounded style to the progress bar.",type:"bool",values:"-",default:"true"},{name:"value",description:"Sets the value of the progress bar.",type:"number",values:"-",default:"0"},{name:"bufferValue",description:"Sets the buffer value of the progress bar.",type:"number",values:"-",default:"100"}],css:[]},LayoutMetadata:{title:"KroLayout",description:"",props:[{name:"responsiveWidth",default:"768",description:"The width at which the drawer is hidden",type:"number",values:[]},{name:"temporary",default:"false",description:"Hides the drawer by default",type:"bool",values:[]},{name:"clipToolbar",default:"false",description:"Shifts the toolbar to the right to make room for the drawer",type:"bool",values:[]},{name:"mini",default:"false",description:"Makes the drawer smaller",type:"bool",values:[]},{name:"v-model:is-drawer-open",default:"true or false",description:"Controls the open state of the drawer",type:"bool",values:[]},{name:"v-model:is-drawer-hidden",default:"true or false",description:"Indicates if the drawer is in a default hidden state",type:"bool",values:[]}],slots:[{name:"#drawer",description:"Contains the sidebar navigation of the page",props:[]},{name:"#toolbar",description:"Contains the toolbar of the page",props:[]},{name:"#footer",description:"Contains the footer content of the page",props:[]},{name:"#default",description:"Contains the contents of the page",props:[]}]},NavigationMetadata:{title:"KroNavigation",description:"",css:[{name:"--kro-navigation-width",description:"Sets the width of the navigation menu",type:"size",default:"275px"}]},SelectMetadata:{title:"KroSelect",description:"A styled select component.",props:[{name:"label",description:"",type:"bool",values:"-",default:"false"},{name:"required",description:"",type:"bool",values:"-",default:"false"},{name:"disabled",description:"",type:"bool",values:"-",default:"false"},{name:"readonly",description:"",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"",type:"string",values:"-",default:"undefined"},{name:"name",description:"",type:"string",values:"-",default:"undefined"},{name:"id",description:"",type:"string",values:"-",default:"undefined"}]},SliderMetadata:{title:"KroSlider",description:"",props:[{name:"v-model",description:"The value of the slider",type:"number",values:"-",default:"undefined"},{name:"disabled",description:"Disables the slider",type:"bool",values:"-",default:"false"},{name:"steps",description:"Sets the step amount for each tick",type:"number",values:"-",default:"1"},{name:"ticks",description:"Display the ticks on the slider",type:"bool",values:"-",default:"false"},{name:"min",description:"Set the min value of the slider",type:"number",values:"-",default:"0"},{name:"max",description:"Set the max value of the slider",type:"number",values:"-",default:"100"}],slots:[{name:"#thumb",description:"A slot to replace the default value of the thumb.",props:["value"]}],css:[{name:"--kro-slider-tick-color",description:"The color of the tick marks on the slider.",type:"color",default:"rgba(0, 0, 0, .24)"},{name:"--kro-slider-track-color",description:"The color of the slider track.",type:"color",default:"--kro-background-secondary"},{name:"--kro-slider-progress-color",description:"The color of the progress bar on the track.",type:"color",default:"--kro-primary"},{name:"--kro-slider-knob-color",description:"The color of the knob on the slider.",type:"color",default:"--kro-primary-lighten"},{name:"--kro-slider-thumb-foreground",description:"The foreground color of the thumb.",type:"color",default:"--kro-primary-foreground"},{name:"--kro-slider-thumb-background",description:"The background color of the thumb.",type:"color",default:"--kro-primary"}]}});exports.KroAlert=oe,exports.KroApp=le,exports.KroAvatar=ye,exports.KroButton=S,exports.KroButtonGroup=N,exports.KroDialog=U,exports.KroDivider=ee,exports.KroIcon=y,exports.KroLayout=xe,exports.KroListItem=ce,exports.KroMenu=he,exports.KroNavigation=Ae,exports.KroProgressBar=ge,exports.KroSelect=Me,exports.KroSlider=$e,exports.KroSpinner=b,exports.KroSquircle=V,exports.KroSurface=O,exports.KroSwitch=L,exports.KroTextfield=H,exports.KroToolbar=q,exports.KroUIBaseConfigurationPlugin=function(){return{install:function(e,t){var o=n({},m);if(t&&t.hasOwnProperty("icons")&&(o=n(n({},o),t.icons)),t.components&&Array.isArray(t.components))for(var r in t.components){var a=t.components[r];a&&e.component(r,a)}e.provide(l,o),f()}}},exports.KroUIPlugin=Re,exports.Metadata=We,exports.useDialog=function(){return{createDialog:function(e){return new Promise((function(t,o){R(n(n({},z),e),t,o)}))},createConfirmationDialog:function(e){return new Promise((function(t,o){R(n(n({},j),e),t,o)}))}}},exports.useIcons=i,exports.useTheme=p;

2

dist/index.esm.js

@@ -15,2 +15,2 @@ import{inject as e,computed as t,openBlock as o,createBlock as a,createVNode as r,resolveComponent as n,resolveDynamicComponent as i,mergeProps as l,withCtx as s,createCommentVNode as u,renderSlot as d,withDirectives as c,vShow as p,ref as f,toDisplayString as m,defineComponent as v,onMounted as h,watch as y,onUnmounted as k,cloneVNode as g,onUpdated as b,Fragment as _,Teleport as w,Transition as x,renderList as S,createTextVNode as A,reactive as V,watchEffect as L,useCssVars as M}from"vue";import K from"focus-trap";import{useThrottleFn as B,useEventListener as C,useMediaQuery as $,useMouseInElement as T}from"@vueuse/core";

PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */var H=function(){return(H=Object.assign||function(e){for(var t,o=1,a=arguments.length;o<a;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function D(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var a=Array(e),r=0;for(t=0;t<o;t++)for(var n=arguments[t],i=0,l=n.length;i<l;i++,r++)a[r]=n[i];return a}var q=Symbol();function O(){return{icons:e(q)}}var I="light",P="dark",E="unset",F=function(e){document.documentElement.className="kro-theme__default-"+e},z=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||E:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?I:P:I},t=function(e){e===E?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),F(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===I?t(P):t(I)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||E}}},N=function(){var e=z().getActiveThemeMode;F(e())},j={explore:"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z",home:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z","arrow-right":"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z",menu:"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z",settings:"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z",external:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",search:"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z",success:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",error:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z",warning:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",info:"M10 3H14V14H10V3M10 21V17H14V21H10Z",close:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",question:"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",invert:"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z","chevron-down":"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"},Z=[{name:"to",description:"Denotes the target route of the link.",type:"string | object",values:"-",default:"undefined"},{name:"exact",description:"Exactly match the link. Without this, '/' will match every route.",type:"bool",values:"-",default:"undefined"},{name:"activeClass",description:"Configure the active CSS class applied when the link is active",type:"string",values:"-",default:"undefined"},{name:"exactActiveClass",description:"Configure the active CSS class applied when the link is active with exact match.",type:"string",values:"-",default:"undefined"},{name:"href",description:"Designates the component as anchor and applies the href attribute.",type:"string",values:"-",default:"undefined"},{name:"target",description:"Designates the target attribute. This should only be applied when using the href prop.",type:"string",values:"-",default:"undefined"}],R={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},W=function(e){return{tag:e.to?"router-link":e.href?"a":null,componentProps:t((function(){return e.to?{to:e.to}:e.href?{href:e.href}:{}})),routeData:e}},G={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var o=O().icons;return{iconDefinition:t((function(){return o&&o[e.icon]?o[e.icon]:(console.error('Kro UI Error: No Icon Named "'+e.icon+'". Did you register your icon in the kro ui plugin?'),"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z")}))}}};const U={class:"kro-icon",viewBox:"0 0 24 24"};G.render=function(e,t,n,i,l,s){return o(),a("svg",U,[r("path",{d:e.iconDefinition},null,8,["d"])])},G.__file="src/components/Icon/Icon.vue";var X={name:"KroSpinner"};const Y={class:"kro-spinner"};X.render=function(e,t,r,n,i,l){return o(),a("div",Y)},X.__file="src/components/Spinner/Spinner.vue";var J={name:"KroSquircle"};const Q={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},ee=r("path",{d:"M 0,200 C 0,0 0,0 200,0 S 400,0 400,200 400,400 200,400 0,400 0,200"},null,-1);J.render=function(e,t,r,n,i,l){return o(),a("svg",Q,[ee])},J.__file="src/components/Squircle/Squircle.vue";var te={name:"KroButton",components:{KroIcon:G,KroSpinner:X,KroSquircle:J},props:H(H({},R),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean,warning:Boolean,error:Boolean,success:Boolean}),setup:function(e){var o=W(e),a=o.tag;return{componentProps:o.componentProps,componentType:t((function(){return a||"button"}))}}};const oe={class:"kro-button__spinner"};te.render=function(e,t,f,m,v,h){const y=n("kro-squircle"),k=n("kro-icon"),g=n("kro-spinner");return o(),a(i(e.componentType),l({class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--warning":e.warning,"kro-button--success":e.success,"kro-button--error":e.error,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer"},e.componentProps,{target:e.href?e.target:""}),{default:s(()=>[e.icon&&!e.$slots.default?r(y,{key:0,class:"kro-button__squircle"}):u("v-if",!0),r("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?r(k,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):u("v-if",!0),d(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?u("v-if",!0):r(k,{key:1,icon:"external"})],2),c(r("span",oe,[r(g)],512),[[p,e.loading]])]),_:3},16,["class","target"])},te.__file="src/components/Button/Button.vue";var ae={title:"KroButton",description:"A styled button with added functionality",props:D([{name:"loading",description:"Displays a loading indicator over the button",type:"bool",values:"-",default:"false"},{name:"type",description:"The type of the button",type:"string",values:["button","reset","submit"],default:"button"},{name:"primary",description:"Applies a style to the button to indicate that it is a primary button",type:"bool",values:"-",default:"false"},{name:"outline",description:"Give the button an outline style",type:"bool",values:"-",default:"false"},{name:"raised",description:"Apply a shadow to the button",type:"string",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the button",type:"string",values:"-",default:"undefined"},{name:"hideExternalIcon",description:"Hides the external link icon for buttons that are links.",type:"bool",values:"-",default:"false"}],Z)},re={name:"KroButtonGroup"};const ne={class:"kro-button-group"};re.render=function(e,t,r,n,i,l){return o(),a("div",ne,[d(e.$slots,"default")])},re.__file="src/components/ButtonGroup/ButtonGroup.vue";var ie={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,a=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(a.modelValue)&&o("update:modelValue",D(a.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(a.modelValue)&&o("update:modelValue",a.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}};const le={class:"kro-switch"},se={class:"kro-switch__container"},ue={class:"kro-switch__track"},de=r("div",{class:"kro-switch__knob"},null,-1),ce={key:0,class:"kro-switch__label"};ie.render=function(e,t,n,i,l,s){return o(),a("div",le,[r("div",se,[r("input",{class:"kro-switch__input",checked:Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue,type:"checkbox",onChange:t[1]||(t[1]=(...t)=>e.update(...t))},null,40,["checked"]),r("div",ue,[r("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},null,2)]),r("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},[de],2)]),e.$slots.default?(o(),a("div",ce,[d(e.$slots,"default")])):u("v-if",!0)])},ie.__file="src/components/Switch/Switch.vue";var pe={name:"KroTextfield",props:{label:{type:String},type:{type:String,default:"text"},required:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},min:{type:Number},max:{type:Number},maxlength:{type:Number},name:{type:String},id:{type:String},autoResize:{type:Boolean,default:!0}},setup:function(e){var t=f(!1),o=f();return{focused:t,runAutoResize:function(){e.autoResize&&o.value&&(o.value.style.height="auto",o.value.style.height=o.value.scrollHeight+"px")},inputRef:o}}};pe.render=function(e,t,n,i,l,s){return o(),a("div",{class:["kro-textfield",{"kro-textfield--is-textarea":e.multiline}]},[r("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue,"kro-textfield--is-textarea":e.multiline}},[r("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue},for:e.id},m(e.label),11,["for"]),r("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},m(e.label),3),e.multiline?(o(),a("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:t[4]||(t[4]=t=>{e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:t[5]||(t[5]=t=>e.focused=!0),onBlur:t[6]||(t[6]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(o(),a("input",{key:0,class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,type:e.type,min:e.min,max:e.max,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:t[1]||(t[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:t[2]||(t[2]=t=>e.focused=!0),onBlur:t[3]||(t[3]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},pe.__file="src/components/Textfield/Textfield.vue";var fe={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};fe.render=function(e,t,r,n,i,l){return o(),a("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[d(e.$slots,"default")],2)},fe.__file="src/components/Toolbar/Toolbar.vue";var me={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}};const ve={key:0,class:"kro-surface__label-container"},he={key:1,class:"kro-surface__label"};me.render=function(e,t,i,l,s,c){const p=n("kro-icon");return o(),a("div",{class:{"kro-surface":!0,"kro-surface--padded":e.padded,"kro-surface--raised":e.raised,"kro-surface--outline":e.outline}},[e.icon||e.label?(o(),a("div",ve,[e.icon?r(p,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):u("v-if",!0),e.label?(o(),a("div",he,m(e.label),1)):u("v-if",!0)])):u("v-if",!0),d(e.$slots,"default")],2)},me.__file="src/components/Surface/Surface.vue";var ye=v({props:{active:{type:Boolean,default:!0},escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},fallbackFocus:{type:[String,Function],default:void 0}},setup:function(e,t){var o,a=t.slots,r=t.emit,n=f(null);return h((function(){y((function(){return e.active}),(function(t){var a,i;t&&n.value?(o=K(n.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:function(){return e.allowOutsideClick},returnFocusOnDeactivate:e.returnFocusOnDeactivate,onActivate:function(){r("update:active",!0),r("activate")},onDeactivate:function(){r("update:active",!1),r("deactivate")},initialFocus:"string"==typeof e.initialFocus?e.initialFocus:null!==(i=null===(a=e.initialFocus)||void 0===a?void 0:a.call(e))&&void 0!==i?i:n.value,fallbackFocus:e.fallbackFocus})).activate():null==o||o.deactivate()}),{immediate:!0})})),k((function(){null==o||o.deactivate(),o=null})),function(){var e,t=null===(e=a.default)||void 0===e?void 0:e.call(a);if(!t||!t.length||t.length>1)throw new Error("FocusTrap requires exactly one child");return g(t[0],{ref:n})}}}),ke=function(){return{disableDocumentScroll:function(){document.documentElement.classList.add("kro-helper--prevent-scroll")},enableDocumentScroll:function(){document.documentElement.classList.remove("kro-helper--prevent-scroll")},disableDocumentSelect:function(){document.documentElement.classList.add("kro-helper--prevent-select")},enableDocumentSelect:function(){document.documentElement.classList.remove("kro-helper--prevent-select")},enableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.removeAttribute("tabindex")},disableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.setAttribute("tabindex","-1")}}},ge={title:"Dialog Title",message:"Dialog Message",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},be={title:"Confirmation Dialog",message:"Dialog Message",icon:"question",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},_e=f([]),we=function(e,t,o){var a=H(H({},e),{isOpen:f(!0),resolve:t,reject:o,destroy:function(){_e.value.splice(_e.value.indexOf(this),1)}});_e.value=D(_e.value,[a])},xe=function(){return{createDialog:function(e){return new Promise((function(t,o){we(H(H({},ge),e),t,o)}))},createConfirmationDialog:function(e){return new Promise((function(t,o){we(H(H({},be),e),t,o)}))}}};var Se=v(H(H({},{name:"KroDialog",inheritAttrs:!1,components:{KroSurface:me,FocusTrap:ye}}),{props:{persistent:{type:null,required:!1}},setup:function(e,t){var o=t.emit,a=t.attrs,r=ke(),n=r.disableDocumentScroll,i=r.enableDocumentScroll,l=f(null),s=!1;b((function(){s||!0!==a.modelValue||(o("update:modelValue",!0),n(),window.addEventListener("keydown",d),l.value&&l.value.focus())}));var u=function(){s=!0,o("update:modelValue",!0),n(),window.addEventListener("keydown",d),l.value&&l.value.focus()},d=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(o("update:modelValue",!1),window.removeEventListener("keydown",d),i(),s=!1)};return{dialog:l,onDialogLeaveAnimationComplete:function(){o("close-animation-end")},open:u,close:d,toggle:function(){a.modelValue?d(null):u()}}}}));const Ae={tabindex:"-1",ref:"dialog",class:"kro-dialog__container p-4 fixed inset-0 grid grid-flow-col items-center justify-center pointer-events-none"},Ve={class:"grid grid-row gap-4"},Le={key:0,class:"kro-dialog__header text-lg"},Me={class:"kro-dialog__body"},Ke={key:1,class:"kro-dialog__footer flex flex-row align-middle gap-4"};Se.render=function(e,t,i,c,p,f){const m=n("focus-trap"),v=n("kro-surface");return o(),a(_,null,[d(e.$slots,"activator",{close:c.close,open:c.open,toggle:c.toggle}),(o(),a(w,{to:"#kro-portal"},[r(x,{appear:"",name:"kro-dialog-scrim"},{default:s(()=>[e.$attrs.modelValue?(o(),a("div",{key:0,onClick:t[1]||(t[1]=()=>{i.persistent||c.close()}),class:"kro-dialog__scrim fixed inset-0"})):u("v-if",!0)]),_:1}),r("div",Ae,[r(x,{appear:"",name:"kro-dialog","onAfter-leave":c.onDialogLeaveAnimationComplete},{default:s(()=>[e.$attrs.modelValue?r(v,l({key:0,class:"kro-dialog pointer-events-auto max-w-xl"},e.$attrs),{default:s(()=>[r(m,{modelValue:e.$attrs.modelValue,"onUpdate:modelValue":t[2]||(t[2]=t=>e.$attrs.modelValue=t)},{default:s(()=>[r("div",Ve,[e.$slots.header?(o(),a("div",Le,[d(e.$slots,"header",{open:c.open,close:c.close,toggle:c.toggle})])):u("v-if",!0),r("div",Me,[d(e.$slots,"default",{open:c.open,close:c.close,toggle:c.toggle})]),e.$slots.footer?(o(),a("div",Ke,[d(e.$slots,"footer",{open:c.open,close:c.close,toggle:c.toggle})])):u("v-if",!0)])]),_:3},8,["modelValue"])]),_:1},16):u("v-if",!0)]),_:1},8,["onAfter-leave"])],512)]))],64)},Se.__file="src/components/Dialog/Dialog.vue";var Be={name:"KroDivider",props:{vertical:Boolean,inset:Boolean,label:String}};const Ce={key:0};Be.render=function(e,t,r,n,i,l){return o(),a("div",{class:["kro-divider",{"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}]},[e.label?(o(),a("span",Ce,m(e.label),1)):u("v-if",!0)],2)},Be.__file="src/components/Divider/Divider.vue";var $e={name:"KroAlert",components:{KroIcon:G,KroButton:te},props:{type:{type:String,default:"info"},dismissible:{type:Boolean,default:!1},tag:{type:String,default:"div"},icon:String,outline:{type:Boolean,default:!1}},setup:function(e,o){var a=o.emit,r=f(!1);return{iconName:t((function(){var t=e.type,o=e.icon;return o||("warning"===t?"warning":"info"===t?"info":"error"===t?"error":"success"===t?"success":null)})),isHidden:r,hide:function(){a("dismissed"),r.value=!0},show:function(){a("show"),r.value=!1}}}};const Te={class:"kro-alert__icon"},He={key:0};$e.render=function(e,t,l,f,m,v){const h=n("kro-icon"),y=n("kro-button");return c((o(),a(i(e.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===e.type,"kro-alert--info":"info"===e.type,"kro-alert--warning":"warning"===e.type,"kro-alert--success":"success"===e.type,"kro-alert--outline":e.outline,"kro-alert--has-icon":e.iconName,"kro-alert--is-dismissible":e.dismissible}},{default:s(()=>[r("div",Te,[e.iconName?r(h,{key:0,icon:e.iconName},null,8,["icon"]):u("v-if",!0)]),r("div",null,[d(e.$slots,"default")]),e.dismissible?(o(),a("div",He,[r(y,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):u("v-if",!0)]),_:3},8,["class"])),[[p,!e.isHidden]])},$e.__file="src/components/Alert/Alert.vue";var De=v(H(H({},{name:"ComposableDialogs"}),{setup:function(){return{instances:_e}}}));De.render=function(e,t,i,d,c,p){const f=n("kro-icon"),v=n("kro-button"),h=n("kro-dialog");return o(!0),a(_,null,S(d.instances,e=>(o(),a("div",null,[r(h,{modelValue:e.isOpen,"onUpdate:modelValue":t=>e.isOpen=t,"onClose-animation-end":t=>e.destroy(),class:{"kro-composable-dialog--centered":"centered"===e.style}},{header:s(()=>[r("div",{class:["flex items-center",{"flex-col":"centered"===e.style}]},[e.icon?r(f,{key:0,style:{color:e.iconColor?e.iconColor:""},class:[{"kro-composable-dialog__icon--large":"centered"===e.style},"mr-4"],icon:e.icon},null,8,["style","class","icon"]):u("v-if",!0),A(" "+m(e.title),1)],2)]),default:s(()=>[r("div",{class:{"text-center":"centered"===e.style}},m(e.message),3)]),footer:s(({close:t})=>[r("div",{class:["flex flex-row flex-1 gap-4",{"justify-end":"centered"!==e.style,"justify-center":"centered"===e.style}]},[e.rejectButton.hidden?u("v-if",!0):r(v,l({key:0},e.rejectButton.attributes,{onClick:()=>{e.reject(),t()}}),{default:s(()=>[A(m(e.rejectButton.text),1)]),_:2},1040,["onClick"]),e.resolveButton.hidden?u("v-if",!0):r(v,l({key:1},e.resolveButton.attributes,{onClick:()=>{e.resolve(),t()}}),{default:s(()=>[A(m(e.resolveButton.text),1)]),_:2},1040,["onClick"])],2)]),_:2},1032,["modelValue","onUpdate:modelValue","onClose-animation-end","class"])]))),256)},De.__file="src/components/App/components/ComposableDialogs.vue";var qe={name:"KroApp",components:{ComposableDialogs:De}};const Oe={class:"kro-app"},Ie={class:"kro-app__content"};qe.render=function(e,t,i,l,s,u){const c=n("composable-dialogs");return o(),a("div",Oe,[r("div",Ie,[d(e.$slots,"default")]),r(c)])},qe.__file="src/components/App/App.vue";var Pe={name:"KroListItem",props:H(H({},R),{tag:{type:String,default:"div"},href:{type:String,default:void 0},to:{type:[String,Object]}}),setup:function(e){var o=W(e),a=o.tag;return{componentProps:o.componentProps,componentType:t((function(){return a||"div"}))}}};const Ee={key:0,class:"kro-list-item__icon"},Fe={class:"kro-list-item__content"},ze={class:"kro-list-item__title"},Ne={key:0,class:"kro-list-item__subtitle"},je={key:1,class:"kro-list-item__action"};Pe.render=function(e,t,n,c,p,f){return o(),a(i(e.componentType),l(e.componentProps,{class:"kro-list-item"}),{default:s(()=>[e.$slots.icon?(o(),a("div",Ee,[d(e.$slots,"icon")])):u("v-if",!0),r("div",Fe,[r("span",ze,[d(e.$slots,"default")]),e.$slots.subtitle?(o(),a("span",Ne,[d(e.$slots,"subtitle")])):u("v-if",!0)]),e.$slots.action?(o(),a("div",je,[d(e.$slots,"action")])):u("v-if",!0)]),_:3},16)},Pe.__file="src/components/List/ListItem.vue";var Ze={title:"KroListItem",description:"",props:D([{name:"tag",description:"",type:"string",values:"-",default:"div"}],Z),slots:[{name:"#icon",description:"Item icon slot",props:[]},{name:"#subtitle",description:"Item subtitle slot",props:[]},{name:"#action",description:"Action on the right side of the item",props:[]},{name:"#default",description:"Main text of the item",props:[]}]},Re={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(e){var t=f(!1),o=f(null),a=f(null),r=V({"kro-menu__content--y-bottom":!1,"kro-menu__content--y-bottom-offset":!1,"kro-menu__content--y-top":!1,"kro-menu__content--y-top-offset":!1,"kro-menu__content--x-left":!1,"kro-menu__content--x-left-offset":!1,"kro-menu__content--x-right":!1,"kro-menu__content--x-right-offset":!1}),n=function(){Object.keys(r).forEach((function(e){return r[e]=!1}));var n=e.offsetX,i=e.offsetY,l=e.left,s=e.right,u=e.top,d=e.bottom,c=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var a=window.innerWidth,r=window.innerHeight,n=e.value.getBoundingClientRect(),i=t.value,l=o.offsetX?n.width:0,s=o.offsetY?n.height:0;return{canFit:{bottom:i.offsetHeight+n.top+s<r,top:i.offsetHeight<n.top,left:i.offsetTop<n.left,right:i.offsetWidth+n.left+l<a}}}(o,a,{offsetX:n,offsetY:i}).canFit;c.top&&u?r["kro-menu__content--y-top"+(i?"-offset":"")]=!0:c.bottom&&d||c.bottom?r["kro-menu__content--y-bottom"+(i?"-offset":"")]=!0:c.top&&(r["kro-menu__content--y-top"+(i?"-offset":"")]=!0),c.left&&l?r["kro-menu__content--x-left"+(n?"-offset":"")]=!0:c.right&&s||c.right?r["kro-menu__content--x-right"+(n?"-offset":"")]=!0:c.left&&(r["kro-menu__content--x-left"+(n?"-offset":"")]=!0),t.value=!0},i=function(){t.value=!1};return{isOpen:t,classes:r,open:n,close:i,toggle:function(){t.value?i():n()},menu:a,container:o}}};const We={ref:"container",class:"kro-menu"};Re.render=function(e,t,n,i,l,s){return o(),a("div",We,[r("div",{onClick:t[1]||(t[1]=(...t)=>e.close(...t)),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),d(e.$slots,"activator",{open:e.open}),r("div",{ref:"menu",class:["kro-menu__content",{...e.classes,"kro-menu__content--is-open":e.isOpen}]},[d(e.$slots,"default")],2)],512)},Re.__file="src/components/Menu/Menu.vue";var Ge={name:"KroAvatar",props:{src:String,color:String,small:Boolean,large:Boolean}};Ge.render=function(e,t,r,n,i,l){return o(),a("div",{class:["kro-avatar",{"kro-avatar__small":e.small,"kro-avatar__large":e.large}]},[e.src?(o(),a("img",{key:0,src:e.src,alt:""},null,8,["src"])):e.color?(o(),a("div",{key:1,style:{backgroundColor:e.color},class:"kro-avatar__color-circle"},null,4)):u("v-if",!0)],2)},Ge.__file="src/components/Avatar/Avatar.vue";var Ue={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}};const Xe=r("div",{class:"kro-progress-bar__stream"},[r("div",{class:"kro-progress-bar__stream-content"})],-1),Ye=r("div",{class:"kro-progress-bar__indeterminate"},null,-1);Ue.render=function(e,t,n,i,l,s){return o(),a("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":e.stream,"kro-progress-bar--is-indeterminate":e.indeterminate,"kro-progress-bar--rounded":e.rounded}},[Xe,r("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":e.bufferValue-100+"%"}},null,4),r("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":e.value-100+"%"}},null,4),Ye],2)},Ue.__file="src/components/ProgressBar/ProgressBar.vue";var Je=v(H(H({},{name:"KroLayout",components:{KroToolbar:fe}}),{props:{absolute:{type:Boolean,required:!1},responsiveWidth:{type:Number,required:!1},temporary:{type:Boolean,required:!1},right:{type:Boolean,required:!1},toolbarHeight:{type:String,required:!1},clipToolbar:{type:Boolean,required:!1},mini:{type:Boolean,required:!1}},setup:function(e,o){var a=f(!!o.slots.drawer),r=$("(max-width: "+(e.responsiveWidth||768)+"px)"),n=t((function(){return e.mini?"6rem":"16rem"})),i=t((function(){return r.value||e.temporary||!a.value?"0":"var(--drawerWidth)"})),l=t((function(){return e.toolbarHeight||"4rem"})),s=t((function(){return e.clipToolbar?"var(--contentOffsetLeft)":"0"})),u=t((function(){return e.clipToolbar||r.value||e.temporary?"0":"var(--toolbarHeight)"}));return b((function(){a.value=!!o.slots.drawer})),L((function(){o.emit("update:is-drawer-open",!(r.value||e.temporary)),o.emit("update:is-drawer-hidden",r.value||e.temporary)})),M((function(e){return{drawerWidth:n,toolbarHeight:l,toolbarLeftOffset:s,drawerOffsetTop:u,contentOffsetLeft:i}})),{hasDrawer:a,isSmallScreen:r,drawerWidth:n,contentOffsetLeft:i,toolbarHeight:l,toolbarLeftOffset:s,drawerOffsetTop:u}}}));const Qe={class:"kro-layout"},et={key:2,class:"kro-layout__toolbar"},tt={class:"kro-layout__container"},ot={key:0,class:"kro-layout__content"},at={key:1,class:"kro-layout__footer"};Je.render=function(e,t,n,i,l,s){return o(),a("div",Qe,[e.$slots.drawer?(o(),a("div",{key:0,class:["kro-layout__scrim",{"kro-layout__scrim--is-open":e.$attrs["is-drawer-open"]&&(i.isSmallScreen||n.temporary)}],onClick:t[1]||(t[1]=t=>e.$emit("update:is-drawer-open",!1))},null,2)):u("v-if",!0),e.$slots.drawer?(o(),a("div",{key:1,class:["kro-layout__drawer",{"kro-layout__drawer--hidden":i.isSmallScreen||n.temporary,"kro-layout__drawer--is-open":e.$attrs["is-drawer-open"]}]},[d(e.$slots,"drawer")],2)):u("v-if",!0),e.$slots.toolbar?(o(),a("div",et,[d(e.$slots,"toolbar")])):u("v-if",!0),r("div",tt,[e.$slots.default?(o(),a("div",ot,[d(e.$slots,"default")])):u("v-if",!0),e.$slots.footer?(o(),a("div",at,[d(e.$slots,"footer")])):u("v-if",!0)])])},Je.__file="src/components/Layout/Layout.vue";var rt={name:"KroNavigation",props:{temporary:{type:Boolean,default:!1}},setup:function(e,t){var o=t.emit;return{open:function(){return o("update:modelValue",!0)},close:function(){return o("update:modelValue",!1)}}}};const nt={class:"kro-navigation"};rt.render=function(e,t,n,i,l,s){return o(),a("div",nt,[r("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary},onClick:t[1]||(t[1]=(...t)=>e.close(...t))},null,2),r("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[d(e.$slots,"default",{close:e.close,open:e.open})],2)])},rt.__file="src/components/Navigation/Navigation.vue";var it={name:"KroSelect",props:{label:{type:String},required:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},name:{type:String},id:{type:String}},setup:function(e,t){var o=t.attrs,a=f(!1),r=f(null);return h((function(){r.value&&Array.from(r.value.options).forEach((function(e){e.value===o.modelValue&&(e.selected=!0)}))})),{focused:a,select:r}}};const lt={class:"kro-select"},st={class:"kro-select__hidden-label"},ut=r("option",{selected:"",hidden:""},null,-1);it.render=function(e,t,i,l,s,u){const c=n("kro-icon");return o(),a("div",lt,[r("div",{class:{"kro-select__container":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},[r("label",{class:{"kro-select__label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue},for:e.id},m(e.label),11,["for"]),r("div",st,m(e.label),1),r("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},m(e.label),3),r("select",{class:"kro-select__input",ref:"select",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,name:e.name,id:e.id,value:e.$attrs.modelValue,onChange:t[1]||(t[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:t[2]||(t[2]=t=>e.focused=!0),onBlur:t[3]||(t[3]=t=>e.focused=!1)},[ut,d(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),r(c,{class:"kro-select__icon",icon:"chevron-down"})],2)])},it.__file="src/components/Select/Select.vue";var dt={name:"KroSlider",props:{disabled:{type:Boolean,default:!1},step:{type:Number,default:1},ticks:{default:!1,type:[Boolean,String]},min:{type:Number,default:0},max:{type:Number,default:100}},setup:function(e,o){var a=o.emit,r=o.attrs,n=f(),i=f(),l=function(e){var o=T(e),a=o.x,r=o.elementPositionX,n=o.elementWidth,i=t((function(){return Math.min(Math.max(0,a.value-r.value),n.value)/(n.value||1)}));return{elementWidth:n,targetPercentage:i}}(n).targetPercentage,s=function(e){var t=f(0),o=f(0),a=f(0),r=f(0),n=function(e){var n=e.getBoundingClientRect(),i=n.left,l=n.top,s=n.width,u=n.height;t.value=s,o.value=u,a.value=i,r.value=l};y(e,(function(e){var t=e||document.body;n(t)}));var i=B((function(){var t=e.value||document.body;n(t)}),250);return C("resize",i),{elementWidth:t,elementHeight:o,elementLeft:a,elementTop:r}}(n).elementWidth,u=f(!1),d=ke(),c=d.disableDocumentSelect,p=d.enableDocumentSelect,m=function(){u.value=!1,p(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){u.value=!0,c(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},k=t((function(){return s.value/Math.ceil((e.max-e.min)/e.step)})),g=function(){a("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue-e.step)))},b=function(){a("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue+e.step)))};return h((function(){a("update:modelValue",Math.max(e.min,Math.min(r.modelValue||0,e.max)))})),L((function(){u.value&&a("update:modelValue",Math.max(e.min,Math.min(Math.round(l.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:i,sliderRef:n,targetPercentage:l,enableEditing:v,trackSpacing:k,isEditing:u,onSliderClick:function(){setTimeout((function(){i.value.focus()}),0),v()},incrementValue:function(e){"ArrowLeft"===e.key&&g(),"ArrowRight"===e.key&&b()},subtractValue:g,addValue:b}}};const ct={class:"kro-slider__track-container"},pt={ref:"sliderRef",class:"kro-slider__track"},ft=r("div",{class:"kro-slider__progress"},null,-1),mt={class:"kro-slider__knob-container"},vt=r("div",{class:"kro-slider__thumb"},null,-1),ht={key:0},yt={key:1};dt.render=function(e,t,n,i,l,s){return o(),a("div",{class:"kro-slider",onTouchstartPassive:t[2]||(t[2]=(...t)=>e.enableEditing(...t)),onMousedown:t[3]||(t[3]=(...t)=>e.onSliderClick(...t)),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[r("div",ct,[r("div",pt,[e.ticks?(o(),a("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):u("v-if",!0),ft],512),r("div",mt,[r("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:t[1]||(t[1]=(...t)=>e.incrementValue(...t))},null,544),r("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[vt,e.$slots.thumb?(o(),a("span",yt,[d(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(o(),a("span",ht,m(e.$attrs.modelValue),1))],2)])])],36)},dt.__file="src/components/Slider/Slider.vue";var kt,gt,bt={mounted:function(){console.log("Ok Tooltip")}},_t=function(){return{install:function(e,t){var o=H({},j);if(t&&t.hasOwnProperty("icons")&&(o=H(H({},o),t.icons)),t.components&&Array.isArray(t.components))for(var a in t.components){var r=t.components[a];r&&e.component(a,r)}e.provide(q,o),N()}}},wt=(kt=Object.freeze({__proto__:null,KroButton:te,KroButtonGroup:re,KroIcon:G,KroSpinner:X,KroSquircle:J,KroSwitch:ie,KroTextfield:pe,KroToolbar:fe,KroDialog:Se,KroSurface:me,KroDivider:Be,KroAlert:$e,KroApp:qe,KroListItem:Pe,KroMenu:Re,KroAvatar:Ge,KroProgressBar:Ue,KroLayout:Je,KroNavigation:rt,KroSelect:it,KroSlider:dt}),gt=Object.freeze({__proto__:null,Tooltip:bt}),{install:function(e,t){var o=H({},j);if(t&&t.hasOwnProperty("icons")&&(o=H(H({},o),t.icons)),kt)for(var a in kt){var r=kt[a];r&&e.component(a,r)}if(gt)for(var a in gt){var n=gt[a];n&&e.directive(a,n)}e.provide(q,o),N()}}),xt=Object.freeze({__proto__:null,ButtonMetadata:ae,ButtonGroupMetadata:{title:"KroButtonGroup",description:"A container for multiple related buttons"},IconMetadata:{title:"KroIcon",description:"Display an SVG icon",props:[{name:"icon",description:"The name of the icon to display",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-icon-size",description:"The size of the icon",type:"size",default:"1.5rem"}]},SpinnerMetadata:{title:"KroSpinner",description:"A loading indicator",css:[{name:"--kro-spinner-size",description:"Sets the size of the spinner",type:"size",default:"2.5rem"},{name:"--kro-spinner-thickness",description:"Sets the thickness of the spinner",type:"size",default:"0.35rem"},{name:"--kro-spinner-color",description:"Sets the color of the spinner",type:"size",default:"--kro-foreground"}]},SquircleMetadata:{title:"KroSquircle",description:"A component used for visual effect."},SwitchMetadata:{title:"KroSwitch",description:"",props:[{name:"v-model",description:"The value of the switch",type:"bool",values:"-",default:"undefined"}],css:[{name:"--kro-switch-track-background",description:"The color of the track background.",type:"color",default:"--kro-background-secondary"},{name:"--kro-switch-track-active-background",description:"The track color when the switch is set to true.",type:"color",default:"--kro-primary-darken"},{name:"--kro-switch-knob-color",description:"The color of the switch knob.",type:"color",default:"--kro-primary"},{name:"--kro-switch-knob-shadow",description:"The shadow of the switch knob.",type:"shadow",default:"--kro-shadow"}]},TextfieldMetadata:{title:"KroTextfield",description:"",props:[{name:"v-model",description:"The value of the textfield",type:"string",values:"-",default:"undefined"},{name:"label",description:"The textfield label",type:"string",values:"-",default:"undefined"},{name:"type",description:"The textfield type",type:"string",values:"text | tel | email | password | url | search",default:"text"},{name:"required",description:"Marks the textfield as required",type:"bool",values:"-",default:"false"},{name:"disabled",description:"Marks the textfield as disabled",type:"bool",values:"-",default:"false"},{name:"multiline",description:"Makes the textfield into a textarea than can support multiple lines.",type:"bool",values:"-",default:"false"},{name:"readonly",description:"Marks the textfield as readonly",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"Autofocuses the textfield when the component loads.",type:"bool",values:"-",default:"false"},{name:"min",description:"Sets the min value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"max",description:"Sets the max value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"maxlength",description:"Sets the max amount of characters that the textfield will accept",type:"number",values:"-",default:"undefined"},{name:"name",description:"Sets the name of the textfield.",type:"string",values:"-",default:"undefined"},{name:"id",description:"Sets the id of the textfield",type:"string",values:"-",default:"undefined"},{name:"autoresize",description:"If the textfield is multiline, then this will autoresize the textfield vertically as the user types.",type:"bool",values:"-",default:"true"}],css:[{name:"--kro-textfield-border-color",description:"The border color of the textifled",type:"color",default:"--kro-divider"},{name:"--kro-textifled-focused-border-color",description:"The border color of the textifled when it is focused",type:"color",default:"--kro-primary"}]},ToolbarMetadata:{title:"KroToolbar",description:"",props:[{name:"small",description:"Makes the height of the toolbar smaller.",type:"bool",values:"-",default:"false"},{name:"padded",description:"Adds padding to the toolbar.",type:"bool",values:"-",default:"false"},{name:"raised",description:"Adds a shadow to the toolbar.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-toolbar-height",description:"The height of the toolbar",type:"size",default:"4rem"},{name:"--kro-toolbar-background",description:"The background color of the toolbar",type:"color",default:"--kro-background-secondary"},{name:"--kro-toolbar-shadow",description:"The shadow of a raised toolbar",type:"color",default:"--kro-background-shadow"}]},DialogMetadata:{title:"KroDialog",description:"Dialogs are used to display important information requiring the users immediate attention, often to confirm an action or to display an important error message, and should only be used when necessary.",props:[{name:"v-model",description:"Contorls the open state of the dialog",type:"bool",values:"-",default:"false"},{name:"persistent",description:"If enabled, the dialog can only be closed by the close button",type:"bool",values:"-",default:"false"}],events:[{name:"@open",description:"Fired when the dialog is opened",parameters:[]},{name:"@close",description:"Fired when the dialog is closed",parameters:[]}],slots:[{name:"#activator",description:"Slots the button that can be used to open the dialog",props:["open","close","toggle"]},{name:"#title",description:"Slot for the title of the dialog",props:["open","close","toggle"]},{name:"#controls",description:"Slot for the controls of the dialog",props:["open","close","toggle"]},{name:"#default",description:"Slot for the content of the dialog",props:[]}]},SurfaceMetadata:{title:"KroSurface",description:"A surface that contains content and can have a label",props:[{name:"padded",description:"Adds a padding to the container.",type:"bool",values:"-",default:"true"},{name:"raised",description:"Adds a shadow to the container.",type:"bool",values:"-",default:"true"},{name:"outline",description:"Adds an outline to the container.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the container.",type:"bool",values:"-",default:"undefined"},{name:"label",description:"Adds a label to the container.",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-surface-background",description:"",type:"color",default:"--kro-background-secondary"},{name:"--kro-surface-outline",description:"Sets the outline color of and outlined container",type:"color",default:"--kro-divider"},{name:"--kro-surface-shadow",description:"Sets the shadow of a raised container",type:"shadow",default:"--kro-shadow"}]},DividerMetadata:{title:"KroDivider",description:"",props:[{name:"vertical",description:"Makes the divider a vertical divider",type:"bool",values:"-",default:"false"}]},AlertMetadata:{title:"KroAlert",description:"",props:[{name:"type",description:"Defines the type of alert that is shown.",type:"string",values:["info","error","warning","success"],default:"info"},{name:"dismissible",description:"Shows a close icon on the alert allowing the user to dismiss the alert.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Sets the icon that is displayed on the alert.",type:"string",values:"-",default:"undefined"},{name:"tag",description:"Sets the root tage of the alert",type:"string",values:"-",default:"div"},{name:"outline",description:"Give the alert an outline style.",type:"bool",values:"-",default:"false"}],events:[{name:"@dismissed",description:"Fires when the alert is dismissed",parameters:[]},{name:"@show",description:"Fires when the alert is shown after being dismissed",parameters:[]}],slots:[{name:"#default",description:"Slot for the text content of the alert.",props:[]}]},AppMetadata:{title:"KroApp",description:""},ListMetadata:Ze,MenuMetadata:{title:"KroMenu",description:"",props:[{name:"offsetX",description:"Offsets the menu horizontally so it is not covering the activator element.",type:"bool",values:"-",default:"false"},{name:"offsetY",description:"Offsets the menu vertically so it is not coverting the activator element",type:"bool",values:"-",default:"false"},{name:"left",description:"Positions the menu to open to the left of the activator.",type:"bool",values:"-",default:"false"},{name:"right",description:"Positions the menu to open to the right of the activator.",type:"bool",values:"-",default:"false"},{name:"top",description:"Positions the menut to open above the activator.",type:"bool",values:"-",default:"false"},{name:"bottom",description:"Positions the element to open below the activator.",type:"bool",values:"-",default:"false"}],slots:[{name:"#default",description:"",props:[]}],css:[{name:"--kro-menu-min-width",description:"",type:"size",default:"200px"},{name:"--kro-menu-max-width",description:"",type:"size",default:"300px"}]},AvatarMetadata:{title:"KroAvatar",description:"",props:[{name:"src",description:"Sets the image of the avatar",type:"string",values:"-",default:"undefined"},{name:"color",description:"Sets the color of the avatar.",type:"string",values:"-",default:"undefined"},{name:"small",description:"Makes the avatar smaller.",type:"bool",values:"-",default:"false"},{name:"large",description:"Makes the avatar larger.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-avatar-size",description:"",default:"3rem",type:"CSS Size Unit"},{name:"--kro-avatar-radius",description:"",default:"50%",type:"CSS Size Unit"}]},ProgressBarMetadata:{title:"KroProgressBar",description:"",props:[{name:"stream",description:"Display a speical style to the progress bar to indicate it is a stream",type:"bool",values:"-",default:"false"},{name:"indeterminate",description:"Display a special style to the progress bar to indicate that is indeterminate.",type:"",values:"-",default:"false"},{name:"rounded",description:"Applies a rounded style to the progress bar.",type:"bool",values:"-",default:"true"},{name:"value",description:"Sets the value of the progress bar.",type:"number",values:"-",default:"0"},{name:"bufferValue",description:"Sets the buffer value of the progress bar.",type:"number",values:"-",default:"100"}],css:[]},LayoutMetadata:{title:"KroLayout",description:"",props:[{name:"responsiveWidth",default:"768",description:"The width at which the drawer is hidden",type:"number",values:[]},{name:"temporary",default:"false",description:"Hides the drawer by default",type:"bool",values:[]},{name:"clipToolbar",default:"false",description:"Shifts the toolbar to the right to make room for the drawer",type:"bool",values:[]},{name:"mini",default:"false",description:"Makes the drawer smaller",type:"bool",values:[]},{name:"v-model:is-drawer-open",default:"true or false",description:"Controls the open state of the drawer",type:"bool",values:[]},{name:"v-model:is-drawer-hidden",default:"true or false",description:"Indicates if the drawer is in a default hidden state",type:"bool",values:[]}],slots:[{name:"#drawer",description:"Contains the sidebar navigation of the page",props:[]},{name:"#toolbar",description:"Contains the toolbar of the page",props:[]},{name:"#footer",description:"Contains the footer content of the page",props:[]},{name:"#default",description:"Contains the contents of the page",props:[]}]},NavigationMetadata:{title:"KroNavigation",description:"",css:[{name:"--kro-navigation-width",description:"Sets the width of the navigation menu",type:"size",default:"275px"}]},SelectMetadata:{title:"KroSelect",description:"A styled select component.",props:[{name:"label",description:"",type:"bool",values:"-",default:"false"},{name:"required",description:"",type:"bool",values:"-",default:"false"},{name:"disabled",description:"",type:"bool",values:"-",default:"false"},{name:"readonly",description:"",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"",type:"string",values:"-",default:"undefined"},{name:"name",description:"",type:"string",values:"-",default:"undefined"},{name:"id",description:"",type:"string",values:"-",default:"undefined"}]},SliderMetadata:{title:"KroSlider",description:"",props:[{name:"v-model",description:"The value of the slider",type:"number",values:"-",default:"undefined"},{name:"disabled",description:"Disables the slider",type:"bool",values:"-",default:"false"},{name:"steps",description:"Sets the step amount for each tick",type:"number",values:"-",default:"1"},{name:"ticks",description:"Display the ticks on the slider",type:"bool",values:"-",default:"false"},{name:"min",description:"Set the min value of the slider",type:"number",values:"-",default:"0"},{name:"max",description:"Set the max value of the slider",type:"number",values:"-",default:"100"}],slots:[{name:"#thumb",description:"A slot to replace the default value of the thumb.",props:["value"]}],css:[{name:"--kro-slider-tick-color",description:"The color of the tick marks on the slider.",type:"color",default:"rgba(0, 0, 0, .24)"},{name:"--kro-slider-track-color",description:"The color of the slider track.",type:"color",default:"--kro-background-secondary"},{name:"--kro-slider-progress-color",description:"The color of the progress bar on the track.",type:"color",default:"--kro-primary"},{name:"--kro-slider-knob-color",description:"The color of the knob on the slider.",type:"color",default:"--kro-primary-lighten"},{name:"--kro-slider-thumb-foreground",description:"The foreground color of the thumb.",type:"color",default:"--kro-primary-foreground"},{name:"--kro-slider-thumb-background",description:"The background color of the thumb.",type:"color",default:"--kro-primary"}]}});export{$e as KroAlert,qe as KroApp,Ge as KroAvatar,te as KroButton,re as KroButtonGroup,Se as KroDialog,Be as KroDivider,G as KroIcon,Je as KroLayout,Pe as KroListItem,Re as KroMenu,rt as KroNavigation,Ue as KroProgressBar,it as KroSelect,dt as KroSlider,X as KroSpinner,J as KroSquircle,me as KroSurface,ie as KroSwitch,pe as KroTextfield,fe as KroToolbar,_t as KroUIBaseConfigurationPlugin,wt as KroUIPlugin,xt as Metadata,xe as useDialog,O as useIcons,z as useTheme};
***************************************************************************** */var H=function(){return(H=Object.assign||function(e){for(var t,o=1,a=arguments.length;o<a;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function D(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var a=Array(e),r=0;for(t=0;t<o;t++)for(var n=arguments[t],i=0,l=n.length;i<l;i++,r++)a[r]=n[i];return a}var q=Symbol();function O(){return{icons:e(q)}}var I="light",P="dark",E="unset",F=function(e){document.documentElement.className="kro-theme__default-"+e},z=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||E:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?I:P:I},t=function(e){e===E?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),F(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===I?t(P):t(I)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||E}}},N=function(){var e=z().getActiveThemeMode;F(e())},j={explore:"M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z",home:"M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z","arrow-right":"M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z",menu:"M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z",settings:"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z",external:"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z",search:"M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z",success:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",error:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z",warning:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",info:"M10 3H14V14H10V3M10 21V17H14V21H10Z",close:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",question:"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z",invert:"M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z","chevron-down":"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"},Z=[{name:"to",description:"Denotes the target route of the link.",type:"string | object",values:"-",default:"undefined"},{name:"exact",description:"Exactly match the link. Without this, '/' will match every route.",type:"bool",values:"-",default:"undefined"},{name:"activeClass",description:"Configure the active CSS class applied when the link is active",type:"string",values:"-",default:"undefined"},{name:"exactActiveClass",description:"Configure the active CSS class applied when the link is active with exact match.",type:"string",values:"-",default:"undefined"},{name:"href",description:"Designates the component as anchor and applies the href attribute.",type:"string",values:"-",default:"undefined"},{name:"target",description:"Designates the target attribute. This should only be applied when using the href prop.",type:"string",values:"-",default:"undefined"}],R={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},W=function(e){return{tag:e.to?"router-link":e.href?"a":null,componentProps:t((function(){return e.to?{to:e.to}:e.href?{href:e.href}:{}})),routeData:e}},G={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var o=O().icons;return{iconDefinition:t((function(){return o&&o[e.icon]?o[e.icon]:(console.error('Kro UI Error: No Icon Named "'+e.icon+'". Did you register your icon in the kro ui plugin?'),"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z")}))}}};const U={class:"kro-icon",viewBox:"0 0 24 24"};G.render=function(e,t,n,i,l,s){return o(),a("svg",U,[r("path",{d:e.iconDefinition},null,8,["d"])])},G.__file="src/components/Icon/Icon.vue";var X={name:"KroSpinner"};const Y={class:"kro-spinner"};X.render=function(e,t,r,n,i,l){return o(),a("div",Y)},X.__file="src/components/Spinner/Spinner.vue";var J={name:"KroSquircle"};const Q={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},ee=r("path",{d:"M 0,200 C 0,0 0,0 200,0 S 400,0 400,200 400,400 200,400 0,400 0,200"},null,-1);J.render=function(e,t,r,n,i,l){return o(),a("svg",Q,[ee])},J.__file="src/components/Squircle/Squircle.vue";var te={name:"KroButton",components:{KroIcon:G,KroSpinner:X,KroSquircle:J},props:H(H({},R),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean,warning:Boolean,error:Boolean,success:Boolean}),setup:function(e){var o=W(e),a=o.tag;return{componentProps:o.componentProps,componentType:t((function(){return a||"button"}))}}};const oe={class:"kro-button__spinner"};te.render=function(e,t,f,m,v,h){const y=n("kro-squircle"),k=n("kro-icon"),g=n("kro-spinner");return o(),a(i(e.componentType),l({class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--warning":e.warning,"kro-button--success":e.success,"kro-button--error":e.error,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer"},e.componentProps,{target:e.href?e.target:""}),{default:s(()=>[e.icon&&!e.$slots.default?r(y,{key:0,class:"kro-button__squircle"}):u("v-if",!0),r("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?r(k,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):u("v-if",!0),d(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?u("v-if",!0):r(k,{key:1,icon:"external"})],2),c(r("span",oe,[r(g)],512),[[p,e.loading]])]),_:3},16,["class","target"])},te.__file="src/components/Button/Button.vue";var ae={title:"KroButton",description:"A styled button with added functionality",props:D([{name:"loading",description:"Displays a loading indicator over the button",type:"bool",values:"-",default:"false"},{name:"type",description:"The type of the button",type:"string",values:["button","reset","submit"],default:"button"},{name:"primary",description:"Applies a style to the button to indicate that it is a primary button",type:"bool",values:"-",default:"false"},{name:"outline",description:"Give the button an outline style",type:"bool",values:"-",default:"false"},{name:"raised",description:"Apply a shadow to the button",type:"string",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the button",type:"string",values:"-",default:"undefined"},{name:"hideExternalIcon",description:"Hides the external link icon for buttons that are links.",type:"bool",values:"-",default:"false"}],Z)},re={name:"KroButtonGroup"};const ne={class:"kro-button-group"};re.render=function(e,t,r,n,i,l){return o(),a("div",ne,[d(e.$slots,"default")])},re.__file="src/components/ButtonGroup/ButtonGroup.vue";var ie={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,a=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(a.modelValue)&&o("update:modelValue",D(a.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(a.modelValue)&&o("update:modelValue",a.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}};const le={class:"kro-switch"},se={class:"kro-switch__container"},ue={class:"kro-switch__track"},de=r("div",{class:"kro-switch__knob"},null,-1),ce={key:0,class:"kro-switch__label"};ie.render=function(e,t,n,i,l,s){return o(),a("div",le,[r("div",se,[r("input",{class:"kro-switch__input",checked:Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue,type:"checkbox",onChange:t[1]||(t[1]=(...t)=>e.update(...t))},null,40,["checked"]),r("div",ue,[r("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},null,2)]),r("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(e.$attrs.modelValue)?e.$attrs.modelValue.indexOf(e.value)>-1:!!e.$attrs.modelValue}},[de],2)]),e.$slots.default?(o(),a("div",ce,[d(e.$slots,"default")])):u("v-if",!0)])},ie.__file="src/components/Switch/Switch.vue";var pe={name:"KroTextfield",props:{label:{type:String},type:{type:String,default:"text"},required:{type:Boolean},disabled:{type:Boolean},multiline:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},min:{type:Number},max:{type:Number},maxlength:{type:Number},name:{type:String},id:{type:String},autoResize:{type:Boolean,default:!0}},setup:function(e){var t=f(!1),o=f();return{focused:t,runAutoResize:function(){e.autoResize&&o.value&&(o.value.style.height="auto",o.value.style.height=o.value.scrollHeight+"px")},inputRef:o}}};pe.render=function(e,t,n,i,l,s){return o(),a("div",{class:["kro-textfield",{"kro-textfield--is-textarea":e.multiline}]},[r("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue,"kro-textfield--is-textarea":e.multiline}},[r("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue},for:e.id},m(e.label),11,["for"]),r("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},m(e.label),3),e.multiline?(o(),a("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:t[4]||(t[4]=t=>{e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:t[5]||(t[5]=t=>e.focused=!0),onBlur:t[6]||(t[6]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(o(),a("input",{key:0,class:"kro-textfield__input",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,type:e.type,min:e.min,max:e.max,maxlength:e.maxlength,name:e.name,id:e.id,value:e.$attrs.modelValue,onInput:t[1]||(t[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:t[2]||(t[2]=t=>e.focused=!0),onBlur:t[3]||(t[3]=t=>e.focused=!1)},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},pe.__file="src/components/Textfield/Textfield.vue";var fe={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};fe.render=function(e,t,r,n,i,l){return o(),a("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[d(e.$slots,"default")],2)},fe.__file="src/components/Toolbar/Toolbar.vue";var me={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}};const ve={key:0,class:"kro-surface__label-container"},he={key:1,class:"kro-surface__label"};me.render=function(e,t,i,l,s,c){const p=n("kro-icon");return o(),a("div",{class:{"kro-surface":!0,"kro-surface--padded":e.padded,"kro-surface--raised":e.raised,"kro-surface--outline":e.outline}},[e.icon||e.label?(o(),a("div",ve,[e.icon?r(p,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):u("v-if",!0),e.label?(o(),a("div",he,m(e.label),1)):u("v-if",!0)])):u("v-if",!0),d(e.$slots,"default")],2)},me.__file="src/components/Surface/Surface.vue";var ye=v({props:{active:{type:Boolean,default:!0},escapeDeactivates:{type:Boolean,default:!0},returnFocusOnDeactivate:{type:Boolean,default:!0},allowOutsideClick:{type:Boolean,default:!0},initialFocus:{type:[String,Function],default:void 0},fallbackFocus:{type:[String,Function],default:void 0}},setup:function(e,t){var o,a=t.slots,r=t.emit,n=f(null);return h((function(){y((function(){return e.active}),(function(t){var a,i;t&&n.value?(o=K(n.value,{escapeDeactivates:e.escapeDeactivates,allowOutsideClick:function(){return e.allowOutsideClick},returnFocusOnDeactivate:e.returnFocusOnDeactivate,onActivate:function(){r("update:active",!0),r("activate")},onDeactivate:function(){r("update:active",!1),r("deactivate")},initialFocus:"string"==typeof e.initialFocus?e.initialFocus:null!==(i=null===(a=e.initialFocus)||void 0===a?void 0:a.call(e))&&void 0!==i?i:n.value,fallbackFocus:e.fallbackFocus})).activate():null==o||o.deactivate()}),{immediate:!0})})),k((function(){null==o||o.deactivate(),o=null})),function(){var e,t=null===(e=a.default)||void 0===e?void 0:e.call(a);if(!t||!t.length||t.length>1)throw new Error("FocusTrap requires exactly one child");return g(t[0],{ref:n})}}}),ke=function(){return{disableDocumentScroll:function(){document.documentElement.classList.add("kro-helper--prevent-scroll")},enableDocumentScroll:function(){document.documentElement.classList.remove("kro-helper--prevent-scroll")},disableDocumentSelect:function(){document.documentElement.classList.add("kro-helper--prevent-select")},enableDocumentSelect:function(){document.documentElement.classList.remove("kro-helper--prevent-select")},enableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.removeAttribute("tabindex")},disableAppFocus:function(){var e;null===(e=document.querySelector("#app"))||void 0===e||e.setAttribute("tabindex","-1")}}},ge={title:"Dialog Title",message:"Dialog Message",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},be={title:"Confirmation Dialog",message:"Dialog Message",icon:"question",style:"default",resolveButton:{text:"Ok",attributes:{primary:!0}},rejectButton:{text:"Cancel"}},_e=f([]),we=function(e,t,o){var a=H(H({},e),{isOpen:f(!0),resolve:t,reject:o,destroy:function(){_e.value.splice(_e.value.indexOf(this),1)}});_e.value=D(_e.value,[a])},xe=function(){return{createDialog:function(e){return new Promise((function(t,o){we(H(H({},ge),e),t,o)}))},createConfirmationDialog:function(e){return new Promise((function(t,o){we(H(H({},be),e),t,o)}))}}};var Se=v(H(H({},{name:"KroDialog",inheritAttrs:!1,components:{KroSurface:me,FocusTrap:ye}}),{props:{persistent:{type:null,required:!1}},setup:function(e,t){var o=t.emit,a=t.attrs,r=ke(),n=r.disableDocumentScroll,i=r.enableDocumentScroll,l=f(null),s=!1;b((function(){s||!0!==a.modelValue||(o("update:modelValue",!0),n(),window.addEventListener("keydown",d),l.value&&l.value.focus())}));var u=function(){s=!0,o("update:modelValue",!0),n(),window.addEventListener("keydown",d),l.value&&l.value.focus()},d=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(o("update:modelValue",!1),window.removeEventListener("keydown",d),i(),s=!1)};return{dialog:l,onDialogLeaveAnimationComplete:function(){o("close-animation-end")},open:u,close:d,toggle:function(){a.modelValue?d(null):u()}}}}));const Ae={tabindex:"-1",ref:"dialog",class:"kro-dialog__container p-4 fixed inset-0 grid grid-cols-1 items-center justify-center pointer-events-none"},Ve={class:"grid grid-row gap-4"},Le={key:0,class:"kro-dialog__header text-lg"},Me={class:"kro-dialog__body"},Ke={key:1,class:"kro-dialog__footer flex flex-row align-middle gap-4"};Se.render=function(e,t,i,c,p,f){const m=n("focus-trap"),v=n("kro-surface");return o(),a(_,null,[d(e.$slots,"activator",{close:c.close,open:c.open,toggle:c.toggle}),(o(),a(w,{to:"#kro-portal"},[r(x,{appear:"",name:"kro-dialog-scrim"},{default:s(()=>[e.$attrs.modelValue?(o(),a("div",{key:0,onClick:t[1]||(t[1]=()=>{i.persistent||c.close()}),class:"kro-dialog__scrim fixed inset-0"})):u("v-if",!0)]),_:1}),r("div",Ae,[r(x,{appear:"",name:"kro-dialog","onAfter-leave":c.onDialogLeaveAnimationComplete},{default:s(()=>[e.$attrs.modelValue?r(v,l({key:0,class:"kro-dialog pointer-events-auto max-w-xl"},e.$attrs),{default:s(()=>[r(m,{modelValue:e.$attrs.modelValue,"onUpdate:modelValue":t[2]||(t[2]=t=>e.$attrs.modelValue=t)},{default:s(()=>[r("div",Ve,[e.$slots.header?(o(),a("div",Le,[d(e.$slots,"header",{open:c.open,close:c.close,toggle:c.toggle})])):u("v-if",!0),r("div",Me,[d(e.$slots,"default",{open:c.open,close:c.close,toggle:c.toggle})]),e.$slots.footer?(o(),a("div",Ke,[d(e.$slots,"footer",{open:c.open,close:c.close,toggle:c.toggle})])):u("v-if",!0)])]),_:3},8,["modelValue"])]),_:1},16):u("v-if",!0)]),_:1},8,["onAfter-leave"])],512)]))],64)},Se.__file="src/components/Dialog/Dialog.vue";var Be={name:"KroDivider",props:{vertical:Boolean,inset:Boolean,label:String}};const Ce={key:0};Be.render=function(e,t,r,n,i,l){return o(),a("div",{class:["kro-divider",{"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}]},[e.label?(o(),a("span",Ce,m(e.label),1)):u("v-if",!0)],2)},Be.__file="src/components/Divider/Divider.vue";var $e={name:"KroAlert",components:{KroIcon:G,KroButton:te},props:{type:{type:String,default:"info"},dismissible:{type:Boolean,default:!1},tag:{type:String,default:"div"},icon:String,outline:{type:Boolean,default:!1}},setup:function(e,o){var a=o.emit,r=f(!1);return{iconName:t((function(){var t=e.type,o=e.icon;return o||("warning"===t?"warning":"info"===t?"info":"error"===t?"error":"success"===t?"success":null)})),isHidden:r,hide:function(){a("dismissed"),r.value=!0},show:function(){a("show"),r.value=!1}}}};const Te={class:"kro-alert__icon"},He={key:0};$e.render=function(e,t,l,f,m,v){const h=n("kro-icon"),y=n("kro-button");return c((o(),a(i(e.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===e.type,"kro-alert--info":"info"===e.type,"kro-alert--warning":"warning"===e.type,"kro-alert--success":"success"===e.type,"kro-alert--outline":e.outline,"kro-alert--has-icon":e.iconName,"kro-alert--is-dismissible":e.dismissible}},{default:s(()=>[r("div",Te,[e.iconName?r(h,{key:0,icon:e.iconName},null,8,["icon"]):u("v-if",!0)]),r("div",null,[d(e.$slots,"default")]),e.dismissible?(o(),a("div",He,[r(y,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):u("v-if",!0)]),_:3},8,["class"])),[[p,!e.isHidden]])},$e.__file="src/components/Alert/Alert.vue";var De=v(H(H({},{name:"ComposableDialogs"}),{setup:function(){return{instances:_e}}}));De.render=function(e,t,i,d,c,p){const f=n("kro-icon"),v=n("kro-button"),h=n("kro-dialog");return o(!0),a(_,null,S(d.instances,e=>(o(),a("div",null,[r(h,{modelValue:e.isOpen,"onUpdate:modelValue":t=>e.isOpen=t,"onClose-animation-end":t=>e.destroy(),class:{"kro-composable-dialog--centered":"centered"===e.style}},{header:s(()=>[r("div",{class:["flex items-center",{"flex-col":"centered"===e.style}]},[e.icon?r(f,{key:0,style:{color:e.iconColor?e.iconColor:""},class:[{"kro-composable-dialog__icon--large":"centered"===e.style},"mr-4"],icon:e.icon},null,8,["style","class","icon"]):u("v-if",!0),A(" "+m(e.title),1)],2)]),default:s(()=>[r("div",{class:{"text-center":"centered"===e.style}},m(e.message),3)]),footer:s(({close:t})=>[r("div",{class:["flex flex-row flex-1 gap-4",{"justify-end":"centered"!==e.style,"justify-center":"centered"===e.style}]},[e.rejectButton.hidden?u("v-if",!0):r(v,l({key:0},e.rejectButton.attributes,{onClick:()=>{e.reject(),t()}}),{default:s(()=>[A(m(e.rejectButton.text),1)]),_:2},1040,["onClick"]),e.resolveButton.hidden?u("v-if",!0):r(v,l({key:1},e.resolveButton.attributes,{onClick:()=>{e.resolve(),t()}}),{default:s(()=>[A(m(e.resolveButton.text),1)]),_:2},1040,["onClick"])],2)]),_:2},1032,["modelValue","onUpdate:modelValue","onClose-animation-end","class"])]))),256)},De.__file="src/components/App/components/ComposableDialogs.vue";var qe={name:"KroApp",components:{ComposableDialogs:De}};const Oe={class:"kro-app"},Ie={class:"kro-app__content"};qe.render=function(e,t,i,l,s,u){const c=n("composable-dialogs");return o(),a("div",Oe,[r("div",Ie,[d(e.$slots,"default")]),r(c)])},qe.__file="src/components/App/App.vue";var Pe={name:"KroListItem",props:H(H({},R),{tag:{type:String,default:"div"},href:{type:String,default:void 0},to:{type:[String,Object]}}),setup:function(e){var o=W(e),a=o.tag;return{componentProps:o.componentProps,componentType:t((function(){return a||"div"}))}}};const Ee={key:0,class:"kro-list-item__icon"},Fe={class:"kro-list-item__content"},ze={class:"kro-list-item__title"},Ne={key:0,class:"kro-list-item__subtitle"},je={key:1,class:"kro-list-item__action"};Pe.render=function(e,t,n,c,p,f){return o(),a(i(e.componentType),l(e.componentProps,{class:"kro-list-item"}),{default:s(()=>[e.$slots.icon?(o(),a("div",Ee,[d(e.$slots,"icon")])):u("v-if",!0),r("div",Fe,[r("span",ze,[d(e.$slots,"default")]),e.$slots.subtitle?(o(),a("span",Ne,[d(e.$slots,"subtitle")])):u("v-if",!0)]),e.$slots.action?(o(),a("div",je,[d(e.$slots,"action")])):u("v-if",!0)]),_:3},16)},Pe.__file="src/components/List/ListItem.vue";var Ze={title:"KroListItem",description:"",props:D([{name:"tag",description:"",type:"string",values:"-",default:"div"}],Z),slots:[{name:"#icon",description:"Item icon slot",props:[]},{name:"#subtitle",description:"Item subtitle slot",props:[]},{name:"#action",description:"Action on the right side of the item",props:[]},{name:"#default",description:"Main text of the item",props:[]}]},Re={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(e){var t=f(!1),o=f(null),a=f(null),r=V({"kro-menu__content--y-bottom":!1,"kro-menu__content--y-bottom-offset":!1,"kro-menu__content--y-top":!1,"kro-menu__content--y-top-offset":!1,"kro-menu__content--x-left":!1,"kro-menu__content--x-left-offset":!1,"kro-menu__content--x-right":!1,"kro-menu__content--x-right-offset":!1}),n=function(){Object.keys(r).forEach((function(e){return r[e]=!1}));var n=e.offsetX,i=e.offsetY,l=e.left,s=e.right,u=e.top,d=e.bottom,c=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var a=window.innerWidth,r=window.innerHeight,n=e.value.getBoundingClientRect(),i=t.value,l=o.offsetX?n.width:0,s=o.offsetY?n.height:0;return{canFit:{bottom:i.offsetHeight+n.top+s<r,top:i.offsetHeight<n.top,left:i.offsetTop<n.left,right:i.offsetWidth+n.left+l<a}}}(o,a,{offsetX:n,offsetY:i}).canFit;c.top&&u?r["kro-menu__content--y-top"+(i?"-offset":"")]=!0:c.bottom&&d||c.bottom?r["kro-menu__content--y-bottom"+(i?"-offset":"")]=!0:c.top&&(r["kro-menu__content--y-top"+(i?"-offset":"")]=!0),c.left&&l?r["kro-menu__content--x-left"+(n?"-offset":"")]=!0:c.right&&s||c.right?r["kro-menu__content--x-right"+(n?"-offset":"")]=!0:c.left&&(r["kro-menu__content--x-left"+(n?"-offset":"")]=!0),t.value=!0},i=function(){t.value=!1};return{isOpen:t,classes:r,open:n,close:i,toggle:function(){t.value?i():n()},menu:a,container:o}}};const We={ref:"container",class:"kro-menu"};Re.render=function(e,t,n,i,l,s){return o(),a("div",We,[r("div",{onClick:t[1]||(t[1]=(...t)=>e.close(...t)),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),d(e.$slots,"activator",{open:e.open}),r("div",{ref:"menu",class:["kro-menu__content",{...e.classes,"kro-menu__content--is-open":e.isOpen}]},[d(e.$slots,"default")],2)],512)},Re.__file="src/components/Menu/Menu.vue";var Ge={name:"KroAvatar",props:{src:String,color:String,small:Boolean,large:Boolean}};Ge.render=function(e,t,r,n,i,l){return o(),a("div",{class:["kro-avatar",{"kro-avatar__small":e.small,"kro-avatar__large":e.large}]},[e.src?(o(),a("img",{key:0,src:e.src,alt:""},null,8,["src"])):e.color?(o(),a("div",{key:1,style:{backgroundColor:e.color},class:"kro-avatar__color-circle"},null,4)):u("v-if",!0)],2)},Ge.__file="src/components/Avatar/Avatar.vue";var Ue={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}};const Xe=r("div",{class:"kro-progress-bar__stream"},[r("div",{class:"kro-progress-bar__stream-content"})],-1),Ye=r("div",{class:"kro-progress-bar__indeterminate"},null,-1);Ue.render=function(e,t,n,i,l,s){return o(),a("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":e.stream,"kro-progress-bar--is-indeterminate":e.indeterminate,"kro-progress-bar--rounded":e.rounded}},[Xe,r("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":e.bufferValue-100+"%"}},null,4),r("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":e.value-100+"%"}},null,4),Ye],2)},Ue.__file="src/components/ProgressBar/ProgressBar.vue";var Je=v(H(H({},{name:"KroLayout",components:{KroToolbar:fe}}),{props:{absolute:{type:Boolean,required:!1},responsiveWidth:{type:Number,required:!1},temporary:{type:Boolean,required:!1},right:{type:Boolean,required:!1},toolbarHeight:{type:String,required:!1},clipToolbar:{type:Boolean,required:!1},mini:{type:Boolean,required:!1}},setup:function(e,o){var a=f(!!o.slots.drawer),r=$("(max-width: "+(e.responsiveWidth||768)+"px)"),n=t((function(){return e.mini?"6rem":"16rem"})),i=t((function(){return r.value||e.temporary||!a.value?"0":"var(--drawerWidth)"})),l=t((function(){return e.toolbarHeight||"4rem"})),s=t((function(){return e.clipToolbar?"var(--contentOffsetLeft)":"0"})),u=t((function(){return e.clipToolbar||r.value||e.temporary?"0":"var(--toolbarHeight)"}));return b((function(){a.value=!!o.slots.drawer})),L((function(){o.emit("update:is-drawer-open",!(r.value||e.temporary)),o.emit("update:is-drawer-hidden",r.value||e.temporary)})),M((function(e){return{drawerWidth:n,toolbarHeight:l,toolbarLeftOffset:s,drawerOffsetTop:u,contentOffsetLeft:i}})),{hasDrawer:a,isSmallScreen:r,drawerWidth:n,contentOffsetLeft:i,toolbarHeight:l,toolbarLeftOffset:s,drawerOffsetTop:u}}}));const Qe={class:"kro-layout"},et={key:2,class:"kro-layout__toolbar"},tt={class:"kro-layout__container"},ot={key:0,class:"kro-layout__content"},at={key:1,class:"kro-layout__footer"};Je.render=function(e,t,n,i,l,s){return o(),a("div",Qe,[e.$slots.drawer?(o(),a("div",{key:0,class:["kro-layout__scrim",{"kro-layout__scrim--is-open":e.$attrs["is-drawer-open"]&&(i.isSmallScreen||n.temporary)}],onClick:t[1]||(t[1]=t=>e.$emit("update:is-drawer-open",!1))},null,2)):u("v-if",!0),e.$slots.drawer?(o(),a("div",{key:1,class:["kro-layout__drawer",{"kro-layout__drawer--hidden":i.isSmallScreen||n.temporary,"kro-layout__drawer--is-open":e.$attrs["is-drawer-open"]}]},[d(e.$slots,"drawer")],2)):u("v-if",!0),e.$slots.toolbar?(o(),a("div",et,[d(e.$slots,"toolbar")])):u("v-if",!0),r("div",tt,[e.$slots.default?(o(),a("div",ot,[d(e.$slots,"default")])):u("v-if",!0),e.$slots.footer?(o(),a("div",at,[d(e.$slots,"footer")])):u("v-if",!0)])])},Je.__file="src/components/Layout/Layout.vue";var rt={name:"KroNavigation",props:{temporary:{type:Boolean,default:!1}},setup:function(e,t){var o=t.emit;return{open:function(){return o("update:modelValue",!0)},close:function(){return o("update:modelValue",!1)}}}};const nt={class:"kro-navigation"};rt.render=function(e,t,n,i,l,s){return o(),a("div",nt,[r("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary},onClick:t[1]||(t[1]=(...t)=>e.close(...t))},null,2),r("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[d(e.$slots,"default",{close:e.close,open:e.open})],2)])},rt.__file="src/components/Navigation/Navigation.vue";var it={name:"KroSelect",props:{label:{type:String},required:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},autofocus:{type:Boolean},name:{type:String},id:{type:String}},setup:function(e,t){var o=t.attrs,a=f(!1),r=f(null);return h((function(){r.value&&Array.from(r.value.options).forEach((function(e){e.value===o.modelValue&&(e.selected=!0)}))})),{focused:a,select:r}}};const lt={class:"kro-select"},st={class:"kro-select__hidden-label"},ut=r("option",{selected:"",hidden:""},null,-1);it.render=function(e,t,i,l,s,u){const c=n("kro-icon");return o(),a("div",lt,[r("div",{class:{"kro-select__container":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},[r("label",{class:{"kro-select__label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue},for:e.id},m(e.label),11,["for"]),r("div",st,m(e.label),1),r("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},m(e.label),3),r("select",{class:"kro-select__input",ref:"select",disabled:e.disabled,required:e.required,readonly:e.readonly,autofocus:e.autofocus,name:e.name,id:e.id,value:e.$attrs.modelValue,onChange:t[1]||(t[1]=t=>e.$emit("update:modelValue",t.target.value)),onFocus:t[2]||(t[2]=t=>e.focused=!0),onBlur:t[3]||(t[3]=t=>e.focused=!1)},[ut,d(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),r(c,{class:"kro-select__icon",icon:"chevron-down"})],2)])},it.__file="src/components/Select/Select.vue";var dt={name:"KroSlider",props:{disabled:{type:Boolean,default:!1},step:{type:Number,default:1},ticks:{default:!1,type:[Boolean,String]},min:{type:Number,default:0},max:{type:Number,default:100}},setup:function(e,o){var a=o.emit,r=o.attrs,n=f(),i=f(),l=function(e){var o=T(e),a=o.x,r=o.elementPositionX,n=o.elementWidth,i=t((function(){return Math.min(Math.max(0,a.value-r.value),n.value)/(n.value||1)}));return{elementWidth:n,targetPercentage:i}}(n).targetPercentage,s=function(e){var t=f(0),o=f(0),a=f(0),r=f(0),n=function(e){var n=e.getBoundingClientRect(),i=n.left,l=n.top,s=n.width,u=n.height;t.value=s,o.value=u,a.value=i,r.value=l};y(e,(function(e){var t=e||document.body;n(t)}));var i=B((function(){var t=e.value||document.body;n(t)}),250);return C("resize",i),{elementWidth:t,elementHeight:o,elementLeft:a,elementTop:r}}(n).elementWidth,u=f(!1),d=ke(),c=d.disableDocumentSelect,p=d.enableDocumentSelect,m=function(){u.value=!1,p(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){u.value=!0,c(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},k=t((function(){return s.value/Math.ceil((e.max-e.min)/e.step)})),g=function(){a("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue-e.step)))},b=function(){a("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue+e.step)))};return h((function(){a("update:modelValue",Math.max(e.min,Math.min(r.modelValue||0,e.max)))})),L((function(){u.value&&a("update:modelValue",Math.max(e.min,Math.min(Math.round(l.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:i,sliderRef:n,targetPercentage:l,enableEditing:v,trackSpacing:k,isEditing:u,onSliderClick:function(){setTimeout((function(){i.value.focus()}),0),v()},incrementValue:function(e){"ArrowLeft"===e.key&&g(),"ArrowRight"===e.key&&b()},subtractValue:g,addValue:b}}};const ct={class:"kro-slider__track-container"},pt={ref:"sliderRef",class:"kro-slider__track"},ft=r("div",{class:"kro-slider__progress"},null,-1),mt={class:"kro-slider__knob-container"},vt=r("div",{class:"kro-slider__thumb"},null,-1),ht={key:0},yt={key:1};dt.render=function(e,t,n,i,l,s){return o(),a("div",{class:"kro-slider",onTouchstartPassive:t[2]||(t[2]=(...t)=>e.enableEditing(...t)),onMousedown:t[3]||(t[3]=(...t)=>e.onSliderClick(...t)),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[r("div",ct,[r("div",pt,[e.ticks?(o(),a("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):u("v-if",!0),ft],512),r("div",mt,[r("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:t[1]||(t[1]=(...t)=>e.incrementValue(...t))},null,544),r("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[vt,e.$slots.thumb?(o(),a("span",yt,[d(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(o(),a("span",ht,m(e.$attrs.modelValue),1))],2)])])],36)},dt.__file="src/components/Slider/Slider.vue";var kt,gt,bt={mounted:function(){console.log("Ok Tooltip")}},_t=function(){return{install:function(e,t){var o=H({},j);if(t&&t.hasOwnProperty("icons")&&(o=H(H({},o),t.icons)),t.components&&Array.isArray(t.components))for(var a in t.components){var r=t.components[a];r&&e.component(a,r)}e.provide(q,o),N()}}},wt=(kt=Object.freeze({__proto__:null,KroButton:te,KroButtonGroup:re,KroIcon:G,KroSpinner:X,KroSquircle:J,KroSwitch:ie,KroTextfield:pe,KroToolbar:fe,KroDialog:Se,KroSurface:me,KroDivider:Be,KroAlert:$e,KroApp:qe,KroListItem:Pe,KroMenu:Re,KroAvatar:Ge,KroProgressBar:Ue,KroLayout:Je,KroNavigation:rt,KroSelect:it,KroSlider:dt}),gt=Object.freeze({__proto__:null,Tooltip:bt}),{install:function(e,t){var o=H({},j);if(t&&t.hasOwnProperty("icons")&&(o=H(H({},o),t.icons)),kt)for(var a in kt){var r=kt[a];r&&e.component(a,r)}if(gt)for(var a in gt){var n=gt[a];n&&e.directive(a,n)}e.provide(q,o),N()}}),xt=Object.freeze({__proto__:null,ButtonMetadata:ae,ButtonGroupMetadata:{title:"KroButtonGroup",description:"A container for multiple related buttons"},IconMetadata:{title:"KroIcon",description:"Display an SVG icon",props:[{name:"icon",description:"The name of the icon to display",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-icon-size",description:"The size of the icon",type:"size",default:"1.5rem"}]},SpinnerMetadata:{title:"KroSpinner",description:"A loading indicator",css:[{name:"--kro-spinner-size",description:"Sets the size of the spinner",type:"size",default:"2.5rem"},{name:"--kro-spinner-thickness",description:"Sets the thickness of the spinner",type:"size",default:"0.35rem"},{name:"--kro-spinner-color",description:"Sets the color of the spinner",type:"size",default:"--kro-foreground"}]},SquircleMetadata:{title:"KroSquircle",description:"A component used for visual effect."},SwitchMetadata:{title:"KroSwitch",description:"",props:[{name:"v-model",description:"The value of the switch",type:"bool",values:"-",default:"undefined"}],css:[{name:"--kro-switch-track-background",description:"The color of the track background.",type:"color",default:"--kro-background-secondary"},{name:"--kro-switch-track-active-background",description:"The track color when the switch is set to true.",type:"color",default:"--kro-primary-darken"},{name:"--kro-switch-knob-color",description:"The color of the switch knob.",type:"color",default:"--kro-primary"},{name:"--kro-switch-knob-shadow",description:"The shadow of the switch knob.",type:"shadow",default:"--kro-shadow"}]},TextfieldMetadata:{title:"KroTextfield",description:"",props:[{name:"v-model",description:"The value of the textfield",type:"string",values:"-",default:"undefined"},{name:"label",description:"The textfield label",type:"string",values:"-",default:"undefined"},{name:"type",description:"The textfield type",type:"string",values:"text | tel | email | password | url | search",default:"text"},{name:"required",description:"Marks the textfield as required",type:"bool",values:"-",default:"false"},{name:"disabled",description:"Marks the textfield as disabled",type:"bool",values:"-",default:"false"},{name:"multiline",description:"Makes the textfield into a textarea than can support multiple lines.",type:"bool",values:"-",default:"false"},{name:"readonly",description:"Marks the textfield as readonly",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"Autofocuses the textfield when the component loads.",type:"bool",values:"-",default:"false"},{name:"min",description:"Sets the min value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"max",description:"Sets the max value if the textfield is a nubmer input",type:"number",values:"-",default:"undefined"},{name:"maxlength",description:"Sets the max amount of characters that the textfield will accept",type:"number",values:"-",default:"undefined"},{name:"name",description:"Sets the name of the textfield.",type:"string",values:"-",default:"undefined"},{name:"id",description:"Sets the id of the textfield",type:"string",values:"-",default:"undefined"},{name:"autoresize",description:"If the textfield is multiline, then this will autoresize the textfield vertically as the user types.",type:"bool",values:"-",default:"true"}],css:[{name:"--kro-textfield-border-color",description:"The border color of the textifled",type:"color",default:"--kro-divider"},{name:"--kro-textifled-focused-border-color",description:"The border color of the textifled when it is focused",type:"color",default:"--kro-primary"}]},ToolbarMetadata:{title:"KroToolbar",description:"",props:[{name:"small",description:"Makes the height of the toolbar smaller.",type:"bool",values:"-",default:"false"},{name:"padded",description:"Adds padding to the toolbar.",type:"bool",values:"-",default:"false"},{name:"raised",description:"Adds a shadow to the toolbar.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-toolbar-height",description:"The height of the toolbar",type:"size",default:"4rem"},{name:"--kro-toolbar-background",description:"The background color of the toolbar",type:"color",default:"--kro-background-secondary"},{name:"--kro-toolbar-shadow",description:"The shadow of a raised toolbar",type:"color",default:"--kro-background-shadow"}]},DialogMetadata:{title:"KroDialog",description:"Dialogs are used to display important information requiring the users immediate attention, often to confirm an action or to display an important error message, and should only be used when necessary.",props:[{name:"v-model",description:"Contorls the open state of the dialog",type:"bool",values:"-",default:"false"},{name:"persistent",description:"If enabled, the dialog can only be closed by the close button",type:"bool",values:"-",default:"false"}],events:[{name:"@open",description:"Fired when the dialog is opened",parameters:[]},{name:"@close",description:"Fired when the dialog is closed",parameters:[]}],slots:[{name:"#activator",description:"Slots the button that can be used to open the dialog",props:["open","close","toggle"]},{name:"#title",description:"Slot for the title of the dialog",props:["open","close","toggle"]},{name:"#controls",description:"Slot for the controls of the dialog",props:["open","close","toggle"]},{name:"#default",description:"Slot for the content of the dialog",props:[]}]},SurfaceMetadata:{title:"KroSurface",description:"A surface that contains content and can have a label",props:[{name:"padded",description:"Adds a padding to the container.",type:"bool",values:"-",default:"true"},{name:"raised",description:"Adds a shadow to the container.",type:"bool",values:"-",default:"true"},{name:"outline",description:"Adds an outline to the container.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Adds an icon to the container.",type:"bool",values:"-",default:"undefined"},{name:"label",description:"Adds a label to the container.",type:"string",values:"-",default:"undefined"}],css:[{name:"--kro-surface-background",description:"",type:"color",default:"--kro-background-secondary"},{name:"--kro-surface-outline",description:"Sets the outline color of and outlined container",type:"color",default:"--kro-divider"},{name:"--kro-surface-shadow",description:"Sets the shadow of a raised container",type:"shadow",default:"--kro-shadow"}]},DividerMetadata:{title:"KroDivider",description:"",props:[{name:"vertical",description:"Makes the divider a vertical divider",type:"bool",values:"-",default:"false"}]},AlertMetadata:{title:"KroAlert",description:"",props:[{name:"type",description:"Defines the type of alert that is shown.",type:"string",values:["info","error","warning","success"],default:"info"},{name:"dismissible",description:"Shows a close icon on the alert allowing the user to dismiss the alert.",type:"bool",values:"-",default:"false"},{name:"icon",description:"Sets the icon that is displayed on the alert.",type:"string",values:"-",default:"undefined"},{name:"tag",description:"Sets the root tage of the alert",type:"string",values:"-",default:"div"},{name:"outline",description:"Give the alert an outline style.",type:"bool",values:"-",default:"false"}],events:[{name:"@dismissed",description:"Fires when the alert is dismissed",parameters:[]},{name:"@show",description:"Fires when the alert is shown after being dismissed",parameters:[]}],slots:[{name:"#default",description:"Slot for the text content of the alert.",props:[]}]},AppMetadata:{title:"KroApp",description:""},ListMetadata:Ze,MenuMetadata:{title:"KroMenu",description:"",props:[{name:"offsetX",description:"Offsets the menu horizontally so it is not covering the activator element.",type:"bool",values:"-",default:"false"},{name:"offsetY",description:"Offsets the menu vertically so it is not coverting the activator element",type:"bool",values:"-",default:"false"},{name:"left",description:"Positions the menu to open to the left of the activator.",type:"bool",values:"-",default:"false"},{name:"right",description:"Positions the menu to open to the right of the activator.",type:"bool",values:"-",default:"false"},{name:"top",description:"Positions the menut to open above the activator.",type:"bool",values:"-",default:"false"},{name:"bottom",description:"Positions the element to open below the activator.",type:"bool",values:"-",default:"false"}],slots:[{name:"#default",description:"",props:[]}],css:[{name:"--kro-menu-min-width",description:"",type:"size",default:"200px"},{name:"--kro-menu-max-width",description:"",type:"size",default:"300px"}]},AvatarMetadata:{title:"KroAvatar",description:"",props:[{name:"src",description:"Sets the image of the avatar",type:"string",values:"-",default:"undefined"},{name:"color",description:"Sets the color of the avatar.",type:"string",values:"-",default:"undefined"},{name:"small",description:"Makes the avatar smaller.",type:"bool",values:"-",default:"false"},{name:"large",description:"Makes the avatar larger.",type:"bool",values:"-",default:"false"}],css:[{name:"--kro-avatar-size",description:"",default:"3rem",type:"CSS Size Unit"},{name:"--kro-avatar-radius",description:"",default:"50%",type:"CSS Size Unit"}]},ProgressBarMetadata:{title:"KroProgressBar",description:"",props:[{name:"stream",description:"Display a speical style to the progress bar to indicate it is a stream",type:"bool",values:"-",default:"false"},{name:"indeterminate",description:"Display a special style to the progress bar to indicate that is indeterminate.",type:"",values:"-",default:"false"},{name:"rounded",description:"Applies a rounded style to the progress bar.",type:"bool",values:"-",default:"true"},{name:"value",description:"Sets the value of the progress bar.",type:"number",values:"-",default:"0"},{name:"bufferValue",description:"Sets the buffer value of the progress bar.",type:"number",values:"-",default:"100"}],css:[]},LayoutMetadata:{title:"KroLayout",description:"",props:[{name:"responsiveWidth",default:"768",description:"The width at which the drawer is hidden",type:"number",values:[]},{name:"temporary",default:"false",description:"Hides the drawer by default",type:"bool",values:[]},{name:"clipToolbar",default:"false",description:"Shifts the toolbar to the right to make room for the drawer",type:"bool",values:[]},{name:"mini",default:"false",description:"Makes the drawer smaller",type:"bool",values:[]},{name:"v-model:is-drawer-open",default:"true or false",description:"Controls the open state of the drawer",type:"bool",values:[]},{name:"v-model:is-drawer-hidden",default:"true or false",description:"Indicates if the drawer is in a default hidden state",type:"bool",values:[]}],slots:[{name:"#drawer",description:"Contains the sidebar navigation of the page",props:[]},{name:"#toolbar",description:"Contains the toolbar of the page",props:[]},{name:"#footer",description:"Contains the footer content of the page",props:[]},{name:"#default",description:"Contains the contents of the page",props:[]}]},NavigationMetadata:{title:"KroNavigation",description:"",css:[{name:"--kro-navigation-width",description:"Sets the width of the navigation menu",type:"size",default:"275px"}]},SelectMetadata:{title:"KroSelect",description:"A styled select component.",props:[{name:"label",description:"",type:"bool",values:"-",default:"false"},{name:"required",description:"",type:"bool",values:"-",default:"false"},{name:"disabled",description:"",type:"bool",values:"-",default:"false"},{name:"readonly",description:"",type:"bool",values:"-",default:"false"},{name:"autofocus",description:"",type:"string",values:"-",default:"undefined"},{name:"name",description:"",type:"string",values:"-",default:"undefined"},{name:"id",description:"",type:"string",values:"-",default:"undefined"}]},SliderMetadata:{title:"KroSlider",description:"",props:[{name:"v-model",description:"The value of the slider",type:"number",values:"-",default:"undefined"},{name:"disabled",description:"Disables the slider",type:"bool",values:"-",default:"false"},{name:"steps",description:"Sets the step amount for each tick",type:"number",values:"-",default:"1"},{name:"ticks",description:"Display the ticks on the slider",type:"bool",values:"-",default:"false"},{name:"min",description:"Set the min value of the slider",type:"number",values:"-",default:"0"},{name:"max",description:"Set the max value of the slider",type:"number",values:"-",default:"100"}],slots:[{name:"#thumb",description:"A slot to replace the default value of the thumb.",props:["value"]}],css:[{name:"--kro-slider-tick-color",description:"The color of the tick marks on the slider.",type:"color",default:"rgba(0, 0, 0, .24)"},{name:"--kro-slider-track-color",description:"The color of the slider track.",type:"color",default:"--kro-background-secondary"},{name:"--kro-slider-progress-color",description:"The color of the progress bar on the track.",type:"color",default:"--kro-primary"},{name:"--kro-slider-knob-color",description:"The color of the knob on the slider.",type:"color",default:"--kro-primary-lighten"},{name:"--kro-slider-thumb-foreground",description:"The foreground color of the thumb.",type:"color",default:"--kro-primary-foreground"},{name:"--kro-slider-thumb-background",description:"The background color of the thumb.",type:"color",default:"--kro-primary"}]}});export{$e as KroAlert,qe as KroApp,Ge as KroAvatar,te as KroButton,re as KroButtonGroup,Se as KroDialog,Be as KroDivider,G as KroIcon,Je as KroLayout,Pe as KroListItem,Re as KroMenu,rt as KroNavigation,Ue as KroProgressBar,it as KroSelect,dt as KroSlider,X as KroSpinner,J as KroSquircle,me as KroSurface,ie as KroSwitch,pe as KroTextfield,fe as KroToolbar,_t as KroUIBaseConfigurationPlugin,wt as KroUIPlugin,xt as Metadata,xe as useDialog,O as useIcons,z as useTheme};

2

package.json
{
"name": "@black-kro/ui",
"version": "0.1.37",
"version": "0.1.38",
"private": false,

@@ -5,0 +5,0 @@ "main": "./dist/index.common.js",

dist/index.css

Sorry, the diff of this file is not supported yet

src/components/Dialog/Dialog.vue

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc