@black-kro/ui - npm Package Compare versions

Comparing version 0.1.16 to 0.1.17

dist/components/Layout/Layout.vue.d.ts

@@ -7,5 +7,8 @@ declare const _default: {
     props: {
-        fixed: BooleanConstructor;
+        fixed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     };
 };
 export default _default;

dist/index.common.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@vueuse/core"),o=function(){return(o=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 r(e,t,o,r){return new(o||(o=Promise))((function(n,a){function l(e){try{s(r.next(e))}catch(e){a(e)}}function i(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,i)}s((r=r.apply(e,t||[])).next())}))}function n(e,t){var o,r,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,r&&(n=2&a[0]?r.return:a[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;switch(r=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){l.label=a[1];break}if(6===a[0]&&l.label<n[1]){l.label=n[1],n=a;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(a);break}n[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],r=0}finally{o=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}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:e.inject(l)}}var s="light",c="dark",u="unset",d=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")||u:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?s:c:s},t=function(e){e===u?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),d(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")||u}}},f=function(){var e=p().getActiveThemeMode;d(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",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={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},k={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(t){var o=i().icons;return{iconDefinition:e.computed((function(){return o&&o[t.icon]?o[t.icon]:(console.error('Kro UI Error: No Icon Named "'+t.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")}))}}},g={class:"kro-icon",viewBox:"0 0 24 24"};k.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("svg",g,[e.createVNode("path",{d:t.iconDefinition},null,8,["d"])])},k.__file="src/components/Icon/Icon.vue";var y={name:"KroSpinner"},h={class:"kro-spinner"};y.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",h)},y.__file="src/components/Spinner/Spinner.vue";var _={name:"KroSquircle"},b={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},V=e.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);_.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("svg",b,[V])},_.__file="src/components/Squircle/Squircle.vue";var B={name:"KroButton",components:{KroIcon:k,KroSpinner:y,KroSquircle:_},props:o(o({},v),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean}),setup:function(t){var o=function(e){return{tag:e.to?"router-link":e.href?"a":null,routeData:e}}(t).tag;return{componentType:e.computed((function(){return o||"button"}))}}},x={class:"kro-button__spinner"};B.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-squircle"),s=e.resolveComponent("kro-icon"),c=e.resolveComponent("kro-spinner");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.componentType),{class:{"kro-button":!0,"kro-button--primary":t.primary,"kro-button--outline":t.outline,"kro-button--raised":t.raised,"kro-button--is-icon-button":t.icon&&!t.$slots.default},rel:"noreferrer",href:t.href,to:t.to,target:t.href?t.target:""},{default:e.withCtx((function(){return[t.icon&&!t.$slots.default?e.createVNode(i,{key:0,class:"kro-button__squircle"}):e.createCommentVNode("v-if",!0),e.createVNode("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":t.loading}},[t.icon?e.createVNode(s,{key:0,class:"kro-button__icon",icon:t.icon},null,8,["icon"]):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default"),!t.href||t.icon&&!t.$slots.default||t.hideExternalIcon?e.createCommentVNode("v-if",!0):e.createVNode(s,{key:1,icon:"external"})],2),e.withDirectives(e.createVNode("span",x,[e.createVNode(c)],512),[[e.vShow,t.loading]])]})),_:3},8,["class","href","to","target"])},B.__file="src/components/Button/Button.vue";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"}],[{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"}]);var S={name:"KroButtonGroup"},C={class:"kro-button-group"};S.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",C,[e.renderSlot(t.$slots,"default")])},S.__file="src/components/ButtonGroup/ButtonGroup.vue";var N={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)}}}},L={class:"kro-switch"},w={class:"kro-switch__container"},A={class:"kro-switch__track"},K=e.createVNode("div",{class:"kro-switch__knob"},null,-1),M={key:0,class:"kro-switch__label"};N.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",L,[e.createVNode("div",w,[e.createVNode("input",{class:"kro-switch__input",checked:Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue,type:"checkbox",onChange:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.update.apply(t,e)})},null,40,["checked"]),e.createVNode("div",A,[e.createVNode("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue}},null,2)]),e.createVNode("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue}},[K],2)]),t.$slots.default?(e.openBlock(),e.createBlock("div",M,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("v-if",!0)])},N.__file="src/components/Switch/Switch.vue";var $={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(t){var o=e.ref(!1),r=e.ref();return{focused:o,runAutoResize:function(){t.autoResize&&r.value&&(r.value.style.height="auto",r.value.style.height=r.value.scrollHeight+"px")},inputRef:r}}};$.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:["kro-textfield",{"kro-textfield--is-textarea":t.multiline}]},[e.createVNode("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue,"kro-textfield--is-textarea":t.multiline}},[e.createVNode("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue},for:t.id},e.toDisplayString(t.label),11,["for"]),e.createVNode("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue}},e.toDisplayString(t.label),3),t.multiline?(e.openBlock(),e.createBlock("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,maxlength:t.maxlength,name:t.name,id:t.id,value:t.$attrs.modelValue,onInput:o[4]||(o[4]=function(e){t.$emit("update:modelValue",e.target.value),t.runAutoResize()}),onFocus:o[5]||(o[5]=function(e){return t.focused=!0}),onBlur:o[6]||(o[6]=function(e){return t.focused=!1})},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(e.openBlock(),e.createBlock("input",{key:0,class:"kro-textfield__input",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,type:t.type,min:t.min,max:t.max,maxlength:t.maxlength,name:t.name,id:t.id,value:t.$attrs.modelValue,onInput:o[1]||(o[1]=function(e){return t.$emit("update:modelValue",e.target.value)}),onFocus:o[2]||(o[2]=function(e){return t.focused=!0}),onBlur:o[3]||(o[3]=function(e){return t.focused=!1})},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},$.__file="src/components/Textfield/Textfield.vue";var T={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};T.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":t.small,"kro-toolbar--raised":t.raised,"kro-toolbar--padded":t.padded}},[e.renderSlot(t.$slots,"default")],2)},T.__file="src/components/Toolbar/Toolbar.vue";var D={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}},H={key:0,class:"kro-surface__label-container"},E={key:1,class:"kro-surface__label"};D.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon");return e.openBlock(),e.createBlock("div",{class:{"kro-surface":!0,"kro-surface--padded":t.padded,"kro-surface--raised":t.raised,"kro-surface--outline":t.outline}},[t.icon||t.label?(e.openBlock(),e.createBlock("div",H,[t.icon?e.createVNode(i,{key:0,class:"kro-surface__icon",icon:t.icon},null,8,["icon"]):e.createCommentVNode("v-if",!0),t.label?(e.openBlock(),e.createBlock("div",E,e.toDisplayString(t.label),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default")],2)},D.__file="src/components/Surface/Surface.vue";var I=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")}}},O={name:"KroDialog",components:{KroSurface:D},props:{persistent:Boolean},setup:function(t,o){var a=this,l=o.emit,i=o.attrs,s=e.ref(!1),c=e.ref(),u=I(),d=u.disableDocumentScroll,p=u.enableDocumentScroll,f=function(e){(function(e){return"keydown"!==(null==e?void 0:e.type)||"Escape"===e.key&&!t.persistent})(e)&&(l("update:modelValue",!1),window.removeEventListener("keydown",f),p())},m=function(){l("update:modelValue",!0),s.value=!0,window.addEventListener("keydown",f),d(),c.value&&c.value.focus(),l("open")};return e.onMounted((function(){return r(a,void 0,void 0,(function(){return n(this,(function(e){return i.modelValue&&window.setTimeout((function(){return m()}),0),[2]}))}))})),e.onUnmounted((function(){window.removeEventListener("keydown",f),p()})),{shouldMountContent:s,open:m,close:f,toggle:function(){i.modelValue?f(null):m()},dialog:c,onTransitionEnded:function(e){"transform"===e.propertyName&&(i.modelValue||(s.value=!1,l("close")))}}}},q={key:0,class:"kro-dialog__title"},R={key:1,class:"kro-dialog__controls"};O.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-surface");return e.openBlock(),e.createBlock("div",null,[e.renderSlot(t.$slots,"activator",{open:t.open,close:t.close,toggle:t.toggle}),e.createVNode(e.Teleport,{to:"#kro-portal"},[e.createVNode("div",{ref:"dialog",tabindex:-1,class:{"kro-dialog":!0,"kro-dialog--is-open":t.$attrs.modelValue}},[e.createVNode("div",{tabindex:"-1",onClick:o[1]||(o[1]=function(){t.persistent||t.close()}),class:"kro-dialog__scrim"}),e.createVNode(i,{raised:"",class:"kro-dialog__content",onTransitionend:t.onTransitionEnded},{default:e.withCtx((function(){return[t.shouldMountContent?(e.openBlock(),e.createBlock(e.Fragment,{key:0},[t.$slots.title?(e.openBlock(),e.createBlock("div",q,[e.renderSlot(t.$slots,"title",{open:t.open,close:t.close,toggle:t.toggle})])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default",{open:t.open,close:t.close,toggle:t.toggle}),t.$slots.controls?(e.openBlock(),e.createBlock("div",R,[e.renderSlot(t.$slots,"controls",{open:t.open,close:t.close,toggle:t.toggle})])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0)]})),_:1},8,["onTransitionend"])],2)])])},O.__file="src/components/Dialog/Dialog.vue";var P={name:"KroDivider",props:{vertical:Boolean,inset:Boolean}};P.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("hr",{class:{"kro-divider":!0,"kro-divider--vertical":t.vertical,"kro-divider--inset":t.inset}},null,2)},P.__file="src/components/Divider/Divider.vue";var Z,F={name:"KroAlert",components:{KroIcon:k,KroButton:B},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(t,o){var r=o.emit,n=e.ref(!1);return{iconName:e.computed((function(){var e=t.type,o=t.icon;return o||("warning"===e?"warning":"info"===e?"info":"error"===e?"error":"success"===e?"success":null)})),isHidden:n,hide:function(){r("dismissed"),n.value=!0},show:function(){r("show"),n.value=!1}}}},j={class:"kro-alert__icon"},G={key:0};F.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon"),s=e.resolveComponent("kro-button");return e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===t.type,"kro-alert--info":"info"===t.type,"kro-alert--warning":"warning"===t.type,"kro-alert--success":"success"===t.type,"kro-alert--outline":t.outline,"kro-alert--has-icon":t.iconName,"kro-alert--is-dismissible":t.dismissible}},{default:e.withCtx((function(){return[e.createVNode("div",j,[t.iconName?e.createVNode(i,{key:0,icon:t.iconName},null,8,["icon"]):e.createCommentVNode("v-if",!0)]),e.createVNode("div",null,[e.renderSlot(t.$slots,"default")]),t.dismissible?(e.openBlock(),e.createBlock("div",G,[e.createVNode(s,{onClick:t.hide,icon:"close"},null,8,["onClick"])])):e.createCommentVNode("v-if",!0)]})),_:3},8,["class"])),[[e.vShow,!t.isHidden]])},F.__file="src/components/Alert/Alert.vue",(Z=exports.DialogType||(exports.DialogType={}))[Z.ALERT=0]="ALERT",Z[Z.CONFIRMATION=1]="CONFIRMATION";var W=e.ref(),z={setup:function(){var t=e.computed((function(){if(W.value){if(W.value.type===exports.DialogType.ALERT)return"error";if(W.value.type===exports.DialogType.CONFIRMATION)return"warning"}return null}));return{dialog:W,iconType:t}}},X={key:0};z.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon"),s=e.resolveComponent("kro-button"),c=e.resolveComponent("kro-dialog");return e.openBlock(),e.createBlock("div",null,[t.dialog?(e.openBlock(),e.createBlock("div",X,[e.createVNode(c,{persistent:t.dialog.persistent||!1,onClose:o[3]||(o[3]=function(e){return t.dialog.successful=0}),open:""},{title:e.withCtx((function(){return[t.iconType?e.createVNode(i,{key:0,icon:t.iconType},null,8,["icon"]):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.dialog.title),1)]})),controls:e.withCtx((function(){return[t.dialog.canCancel?e.createVNode(s,{key:0,onClick:o[1]||(o[1]=function(e){return t.dialog.successful=0})},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(t.dialog.cancelText||"Cancel"),1)]})),_:1}):e.createCommentVNode("v-if",!0),e.createVNode(s,{onClick:o[2]||(o[2]=function(e){return t.dialog.successful=1}),primary:""},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(t.dialog.confirmText||"Ok"),1)]})),_:1})]})),default:e.withCtx((function(){return[e.createVNode("div",null,e.toDisplayString(t.dialog.message),1)]})),_:1},8,["persistent"])])):e.createCommentVNode("v-if",!0)])},z.__file="src/components/App/components/ComposableDialogs.vue";var U={name:"KroApp",components:{ComposableDialogs:z}},Y={class:"kro-app"},J={class:"kro-app__content"};U.render=function(t,o,r,n,a,l){var i=e.resolveComponent("composable-dialogs");return e.openBlock(),e.createBlock("div",Y,[e.createVNode("div",J,[e.renderSlot(t.$slots,"default")]),e.createVNode(i)])},U.__file="src/components/App/App.vue";var Q={name:"KroListItem",props:{tag:{type:String,default:"div"}},setup:function(e){return{}}},ee={key:0,class:"kro-list-item__icon"},te={class:"kro-list-item__content"},oe={class:"kro-list-item__title"},re={key:0,class:"kro-list-item__subtitle"},ne={key:1,class:"kro-list-item__action"};Q.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"kro-list-item"},{default:e.withCtx((function(){return[t.$slots.icon?(e.openBlock(),e.createBlock("div",ee,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("v-if",!0),e.createVNode("div",te,[e.createVNode("span",oe,[e.renderSlot(t.$slots,"default")]),t.$slots.subtitle?(e.openBlock(),e.createBlock("span",re,[e.renderSlot(t.$slots,"subtitle")])):e.createCommentVNode("v-if",!0)]),t.$slots.action?(e.openBlock(),e.createBlock("div",ne,[e.renderSlot(t.$slots,"action")])):e.createCommentVNode("v-if",!0)]})),_:3})},Q.__file="src/components/List/ListItem.vue";var ae={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(t){var o=e.ref(!1),r=e.ref(null),n=e.ref(null),a=e.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 e=t.offsetX,l=t.offsetY,i=t.left,s=t.right,c=t.top,u=t.bottom,d=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:e,offsetY:l}).canFit;console.log(d),d.top&&c?a["kro-menu__content--y-top"+(l?"-offset":"")]=!0:d.bottom&&u||d.bottom?a["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:d.top&&(a["kro-menu__content--y-top"+(l?"-offset":"")]=!0),d.left&&i?a["kro-menu__content--x-left"+(e?"-offset":"")]=!0:d.right&&s||d.right?a["kro-menu__content--x-right"+(e?"-offset":"")]=!0:d.left&&(a["kro-menu__content--x-left"+(e?"-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}}},le={ref:"container",class:"kro-menu"};ae.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",le,[e.createVNode("div",{onClick:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.close.apply(t,e)}),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":t.isOpen}]},null,2),e.renderSlot(t.$slots,"activator",{open:t.open}),e.createVNode("div",{ref:"menu",class:["kro-menu__content",Object.assign({},t.classes,{"kro-menu__content--is-open":t.isOpen})]},[e.renderSlot(t.$slots,"default")],2)],512)},ae.__file="src/components/Menu/Menu.vue";var ie={name:"KroAvatar",props:{src:String}},se={class:"kro-avatar"};ie.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",se,[e.createVNode("img",{src:t.src,alt:""},null,8,["src"])])},ie.__file="src/components/Avatar/Avatar.vue";var ce={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}},ue=e.createVNode("div",{class:"kro-progress-bar__stream"},[e.createVNode("div",{class:"kro-progress-bar__stream-content"})],-1),de=e.createVNode("div",{class:"kro-progress-bar__indeterminate"},null,-1);ce.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":t.stream,"kro-progress-bar--is-indeterminate":t.indeterminate,"kro-progress-bar--rounded":t.rounded}},[ue,e.createVNode("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":t.bufferValue-100+"%"}},null,4),e.createVNode("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":t.value-100+"%"}},null,4),de],2)},ce.__file="src/components/ProgressBar/ProgressBar.vue";var pe={name:"KroLayout",components:{KroToolbar:T},props:{fixed:Boolean}},fe={class:"kro-layout__container"},me={class:"kro-layout__content"},ve={key:0,class:"kro-layout__footer"};pe.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-layout":!0,"kro-layout--has-navigation":!!t.$slots.navigation,"kro-layout--has-toolbar":!!t.$slots.toolbar,"kro-toolbar--has-content":!!t.$slots.content,"kro-toolbar--has-footer":!!t.$slots.footer}},[t.$slots.navigation?(e.openBlock(),e.createBlock("div",{key:0,class:{"kro-layout__navigation":!0,fixed:t.fixed}},[e.renderSlot(t.$slots,"navigation")],2)):e.createCommentVNode("v-if",!0),t.$slots.toolbar?(e.openBlock(),e.createBlock("div",{key:1,class:{"kro-layout__toolbar":!0,fixed:t.fixed}},[e.renderSlot(t.$slots,"toolbar")],2)):e.createCommentVNode("v-if",!0),e.createVNode("div",fe,[e.createVNode("div",me,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createBlock("div",ve,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("v-if",!0)])],2)},pe.__file="src/components/Layout/Layout.vue";var ke={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)}}}},ge={class:"kro-navigation"};ke.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",ge,[e.createVNode("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":t.$attrs.modelValue,"kro-navigation--is-temporary":t.temporary},onClick:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.close.apply(t,e)})},null,2),e.createVNode("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":t.$attrs.modelValue,"kro-navigation--is-temporary":t.temporary}},[e.renderSlot(t.$slots,"default",{close:t.close,open:t.open})],2)])},ke.__file="src/components/Navigation/Navigation.vue";var ye={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(t,o){var r=o.attrs,n=e.ref(!1),a=e.ref(null);return e.onMounted((function(){a.value&&Array.from(a.value.options).forEach((function(e){e.value===r.modelValue&&(e.selected=!0)}))})),{focused:n,select:a}}},he={class:"kro-select"},_e={class:"kro-select__hidden-label"},be=e.createVNode("option",{selected:"",hidden:""},null,-1);ye.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon");return e.openBlock(),e.createBlock("div",he,[e.createVNode("div",{class:{"kro-select__container":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue}},[e.createVNode("label",{class:{"kro-select__label":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue},for:t.id},e.toDisplayString(t.label),11,["for"]),e.createVNode("div",_e,e.toDisplayString(t.label),1),e.createVNode("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue}},e.toDisplayString(t.label),3),e.createVNode("select",{class:"kro-select__input",ref:"select",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,name:t.name,id:t.id,value:t.$attrs.modelValue,onChange:o[1]||(o[1]=function(e){return t.$emit("update:modelValue",e.target.value)}),onFocus:o[2]||(o[2]=function(e){return t.focused=!0}),onBlur:o[3]||(o[3]=function(e){return t.focused=!1})},[be,e.renderSlot(t.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),e.createVNode(i,{class:"kro-select__icon",icon:"chevron-down"})],2)])},ye.__file="src/components/Select/Select.vue";var Ve={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(o,r){var n=r.emit,a=r.attrs,l=e.ref(),i=e.ref(),s=function(o){var r=t.useMouseInElement(o),n=r.x,a=r.elementPositionX,l=r.elementWidth,i=e.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(o){var r=e.ref(0),n=e.ref(0),a=e.ref(0),l=e.ref(0),i=function(e){var t=e.getBoundingClientRect(),o=t.left,i=t.top,s=t.width,c=t.height;r.value=s,n.value=c,a.value=o,l.value=i};e.watch(o,(function(e){var t=e||document.body;i(t)}));var s=t.useThrottleFn((function(){var e=o.value||document.body;i(e)}),250);return t.useEventListener("resize",s),{elementWidth:r,elementHeight:n,elementLeft:a,elementTop:l}}(l).elementWidth,u=e.ref(!1),d=I(),p=d.disableDocumentSelect,f=d.enableDocumentSelect,m=function(){u.value=!1,f(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){u.value=!0,p(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},k=e.computed((function(){return c.value/Math.ceil((o.max-o.min)/o.step)})),g=function(){n("update:modelValue",Math.max(o.min,Math.min(o.max,a.modelValue-o.step)))},y=function(){n("update:modelValue",Math.max(o.min,Math.min(o.max,a.modelValue+o.step)))};return e.onMounted((function(){n("update:modelValue",Math.max(o.min,Math.min(a.modelValue||0,o.max)))})),e.watchEffect((function(){u.value&&n("update:modelValue",Math.max(o.min,Math.min(Math.round(s.value*(o.max-o.min)/o.step)*o.step+o.min,o.max)))})),{knobRef:i,sliderRef:l,targetPercentage:s,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&&y()},subtractValue:g,addValue:y}}},Be={class:"kro-slider__track-container"},xe={ref:"sliderRef",class:"kro-slider__track"},Se=e.createVNode("div",{class:"kro-slider__progress"},null,-1),Ce={class:"kro-slider__knob-container"},Ne=e.createVNode("div",{class:"kro-slider__thumb"},null,-1),Le={key:0},we={key:1};Ve.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:"kro-slider",onTouchstartPassive:o[2]||(o[2]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.enableEditing.apply(t,e)}),onMousedown:o[3]||(o[3]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.onSliderClick.apply(t,e)}),style:{"--kro-slider-progress":(t.$attrs.modelValue-t.min)/(t.max-t.min)*100-100+"%"}},[e.createVNode("div",Be,[e.createVNode("div",xe,[t.ticks?(e.openBlock(),e.createBlock("div",{key:0,style:{"--kro-slider-tick-spacing":t.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):e.createCommentVNode("v-if",!0),Se],512),e.createVNode("div",Ce,[e.createVNode("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.incrementValue.apply(t,e)})},null,544),e.createVNode("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":t.isEditing}]},[Ne,t.$slots.thumb?(e.openBlock(),e.createBlock("span",we,[e.renderSlot(t.$slots,"thumb",{value:t.$attrs.modelValue})])):(e.openBlock(),e.createBlock("span",Le,e.toDisplayString(t.$attrs.modelValue),1))],2)])])],36)},Ve.__file="src/components/Slider/Slider.vue";var Ae,Ke=(Ae=Object.freeze({__proto__:null,KroButton:B,KroButtonGroup:S,KroIcon:k,KroSpinner:y,KroSquircle:_,KroSwitch:N,KroTextfield:$,KroToolbar:T,KroDialog:O,KroSurface:D,KroDivider:P,KroAlert:F,KroApp:U,KroListItem:Q,KroMenu:ae,KroAvatar:ie,KroProgressBar:ce,KroLayout:pe,KroNavigation:ke,KroSelect:ye,KroSlider:Ve}),{install:function(e,t){var r=o({},m);if(t&&t.hasOwnProperty("icons")&&(r=o(o({},r),t.icons)),Ae)for(var n in Ae){var a=Ae[n];a&&e.component(n,a)}e.provide(l,r),f()}});exports.KroAlert=F,exports.KroApp=U,exports.KroAvatar=ie,exports.KroButton=B,exports.KroButtonGroup=S,exports.KroDialog=O,exports.KroDivider=P,exports.KroIcon=k,exports.KroLayout=pe,exports.KroListItem=Q,exports.KroMenu=ae,exports.KroNavigation=ke,exports.KroProgressBar=ce,exports.KroSelect=ye,exports.KroSlider=Ve,exports.KroSpinner=y,exports.KroSquircle=_,exports.KroSurface=D,exports.KroSwitch=N,exports.KroTextfield=$,exports.KroToolbar=T,exports.KroUIBaseConfigurationPlugin=function(){return{install:function(e,t){var r=o({},m);if(t&&t.hasOwnProperty("icons")&&(r=o(o({},r),t.icons)),t.components&&Array.isArray(t.components))for(var n in t.components){var a=t.components[n];a&&e.component(n,a)}e.provide(l,r),f()}}},exports.KroUIPlugin=Ke,exports.useDialog=function(){var t=function(t){return new Promise((function(r,n){W.value=o(o({},t),{successful:-1});var a=e.watchEffect((function(){1===W.value.successful?(W.value=null,a(),r()):0===W.value.successful&&(W.value=null,a(),n())}))}))};return{createDialog:t,createAlert:function(e){return r(void 0,void 0,void 0,(function(){return n(this,(function(r){return[2,t(o(o({canCancel:!0},e),{type:exports.DialogType.ALERT}))]}))}))},createConfirmation:function(e){return r(void 0,void 0,void 0,(function(){return n(this,(function(r){return[2,t(o(o({canCancel:!0},e),{type:exports.DialogType.CONFIRMATION}))]}))}))}}},exports.useIcons=i,exports.useTheme=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue"),t=require("@vueuse/core"),o=function(){return(o=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 r(e,t,o,r){return new(o||(o=Promise))((function(n,a){function l(e){try{s(r.next(e))}catch(e){a(e)}}function i(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,i)}s((r=r.apply(e,t||[])).next())}))}function n(e,t){var o,r,n,a,l={label:0,sent:function(){if(1&n[0])throw n[1];return n[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,r&&(n=2&a[0]?r.return:a[0]?r.throw||((n=r.return)&&n.call(r),0):r.next)&&!(n=n.call(r,a[1])).done)return n;switch(r=0,n&&(a=[2&a[0],n.value]),a[0]){case 0:case 1:n=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,r=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(n=l.trys,(n=n.length>0&&n[n.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!n||a[1]>n[0]&&a[1]<n[3])){l.label=a[1];break}if(6===a[0]&&l.label<n[1]){l.label=n[1],n=a;break}if(n&&l.label<n[2]){l.label=n[2],l.ops.push(a);break}n[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],r=0}finally{o=n=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}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:e.inject(l)}}var s="light",c="dark",u="unset",d=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")||u:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?s:c:s},t=function(e){e===u?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),d(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")||u}}},f=function(){var e=p().getActiveThemeMode;d(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",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={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},k={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(t){var o=i().icons;return{iconDefinition:e.computed((function(){return o&&o[t.icon]?o[t.icon]:(console.error('Kro UI Error: No Icon Named "'+t.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")}))}}},g={class:"kro-icon",viewBox:"0 0 24 24"};k.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("svg",g,[e.createVNode("path",{d:t.iconDefinition},null,8,["d"])])},k.__file="src/components/Icon/Icon.vue";var y={name:"KroSpinner"},h={class:"kro-spinner"};y.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",h)},y.__file="src/components/Spinner/Spinner.vue";var _={name:"KroSquircle"},b={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},V=e.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);_.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("svg",b,[V])},_.__file="src/components/Squircle/Squircle.vue";var B={name:"KroButton",components:{KroIcon:k,KroSpinner:y,KroSquircle:_},props:o(o({},v),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean}),setup:function(t){var o=function(e){return{tag:e.to?"router-link":e.href?"a":null,routeData:e}}(t).tag;return{componentType:e.computed((function(){return o||"button"}))}}},x={class:"kro-button__spinner"};B.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-squircle"),s=e.resolveComponent("kro-icon"),c=e.resolveComponent("kro-spinner");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.componentType),{class:{"kro-button":!0,"kro-button--primary":t.primary,"kro-button--outline":t.outline,"kro-button--raised":t.raised,"kro-button--is-icon-button":t.icon&&!t.$slots.default},rel:"noreferrer",href:t.href,to:t.to,target:t.href?t.target:""},{default:e.withCtx((function(){return[t.icon&&!t.$slots.default?e.createVNode(i,{key:0,class:"kro-button__squircle"}):e.createCommentVNode("v-if",!0),e.createVNode("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":t.loading}},[t.icon?e.createVNode(s,{key:0,class:"kro-button__icon",icon:t.icon},null,8,["icon"]):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default"),!t.href||t.icon&&!t.$slots.default||t.hideExternalIcon?e.createCommentVNode("v-if",!0):e.createVNode(s,{key:1,icon:"external"})],2),e.withDirectives(e.createVNode("span",x,[e.createVNode(c)],512),[[e.vShow,t.loading]])]})),_:3},8,["class","href","to","target"])},B.__file="src/components/Button/Button.vue";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"}],[{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"}]);var S={name:"KroButtonGroup"},C={class:"kro-button-group"};S.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",C,[e.renderSlot(t.$slots,"default")])},S.__file="src/components/ButtonGroup/ButtonGroup.vue";var N={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)}}}},L={class:"kro-switch"},w={class:"kro-switch__container"},A={class:"kro-switch__track"},K=e.createVNode("div",{class:"kro-switch__knob"},null,-1),M={key:0,class:"kro-switch__label"};N.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",L,[e.createVNode("div",w,[e.createVNode("input",{class:"kro-switch__input",checked:Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue,type:"checkbox",onChange:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.update.apply(t,e)})},null,40,["checked"]),e.createVNode("div",A,[e.createVNode("div",{class:{"kro-switch__track-active":!0,"kro-switch__track-active--is-active":Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue}},null,2)]),e.createVNode("div",{class:{"kro-switch__knob-container":!0,"kro-switch__knob-container--is-active":Array.isArray(t.$attrs.modelValue)?t.$attrs.modelValue.indexOf(t.value)>-1:!!t.$attrs.modelValue}},[K],2)]),t.$slots.default?(e.openBlock(),e.createBlock("div",M,[e.renderSlot(t.$slots,"default")])):e.createCommentVNode("v-if",!0)])},N.__file="src/components/Switch/Switch.vue";var $={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(t){var o=e.ref(!1),r=e.ref();return{focused:o,runAutoResize:function(){t.autoResize&&r.value&&(r.value.style.height="auto",r.value.style.height=r.value.scrollHeight+"px")},inputRef:r}}};$.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:["kro-textfield",{"kro-textfield--is-textarea":t.multiline}]},[e.createVNode("div",{class:{"kro-textfield__container":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue,"kro-textfield--is-textarea":t.multiline}},[e.createVNode("label",{class:{"kro-textfield__label":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue},for:t.id},e.toDisplayString(t.label),11,["for"]),e.createVNode("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":t.focused,"kro-textfield--has-text":t.$attrs.modelValue}},e.toDisplayString(t.label),3),t.multiline?(e.openBlock(),e.createBlock("textarea",{key:1,ref:"inputRef",class:"kro-textfield__input",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,maxlength:t.maxlength,name:t.name,id:t.id,value:t.$attrs.modelValue,onInput:o[4]||(o[4]=function(e){t.$emit("update:modelValue",e.target.value),t.runAutoResize()}),onFocus:o[5]||(o[5]=function(e){return t.focused=!0}),onBlur:o[6]||(o[6]=function(e){return t.focused=!1})},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(e.openBlock(),e.createBlock("input",{key:0,class:"kro-textfield__input",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,type:t.type,min:t.min,max:t.max,maxlength:t.maxlength,name:t.name,id:t.id,value:t.$attrs.modelValue,onInput:o[1]||(o[1]=function(e){return t.$emit("update:modelValue",e.target.value)}),onFocus:o[2]||(o[2]=function(e){return t.focused=!0}),onBlur:o[3]||(o[3]=function(e){return t.focused=!1})},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},$.__file="src/components/Textfield/Textfield.vue";var T={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};T.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":t.small,"kro-toolbar--raised":t.raised,"kro-toolbar--padded":t.padded}},[e.renderSlot(t.$slots,"default")],2)},T.__file="src/components/Toolbar/Toolbar.vue";var D={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}},H={key:0,class:"kro-surface__label-container"},E={key:1,class:"kro-surface__label"};D.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon");return e.openBlock(),e.createBlock("div",{class:{"kro-surface":!0,"kro-surface--padded":t.padded,"kro-surface--raised":t.raised,"kro-surface--outline":t.outline}},[t.icon||t.label?(e.openBlock(),e.createBlock("div",H,[t.icon?e.createVNode(i,{key:0,class:"kro-surface__icon",icon:t.icon},null,8,["icon"]):e.createCommentVNode("v-if",!0),t.label?(e.openBlock(),e.createBlock("div",E,e.toDisplayString(t.label),1)):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default")],2)},D.__file="src/components/Surface/Surface.vue";var I=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")}}},O={name:"KroDialog",components:{KroSurface:D},props:{persistent:Boolean},setup:function(t,o){var a=this,l=o.emit,i=o.attrs,s=e.ref(!1),c=e.ref(),u=I(),d=u.disableDocumentScroll,p=u.enableDocumentScroll,f=function(e){(function(e){return"keydown"!==(null==e?void 0:e.type)||"Escape"===e.key&&!t.persistent})(e)&&(l("update:modelValue",!1),window.removeEventListener("keydown",f),p())},m=function(){l("update:modelValue",!0),s.value=!0,window.addEventListener("keydown",f),d(),c.value&&c.value.focus(),l("open")};return e.onMounted((function(){return r(a,void 0,void 0,(function(){return n(this,(function(e){return i.modelValue&&window.setTimeout((function(){return m()}),0),[2]}))}))})),e.onUnmounted((function(){window.removeEventListener("keydown",f),p()})),{shouldMountContent:s,open:m,close:f,toggle:function(){i.modelValue?f(null):m()},dialog:c,onTransitionEnded:function(e){"transform"===e.propertyName&&(i.modelValue||(s.value=!1,l("close")))}}}},q={key:0,class:"kro-dialog__title"},R={key:1,class:"kro-dialog__controls"};O.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-surface");return e.openBlock(),e.createBlock("div",null,[e.renderSlot(t.$slots,"activator",{open:t.open,close:t.close,toggle:t.toggle}),e.createVNode(e.Teleport,{to:"#kro-portal"},[e.createVNode("div",{ref:"dialog",tabindex:-1,class:{"kro-dialog":!0,"kro-dialog--is-open":t.$attrs.modelValue}},[e.createVNode("div",{tabindex:"-1",onClick:o[1]||(o[1]=function(){t.persistent||t.close()}),class:"kro-dialog__scrim"}),e.createVNode(i,{raised:"",class:"kro-dialog__content",onTransitionend:t.onTransitionEnded},{default:e.withCtx((function(){return[t.shouldMountContent?(e.openBlock(),e.createBlock(e.Fragment,{key:0},[t.$slots.title?(e.openBlock(),e.createBlock("div",q,[e.renderSlot(t.$slots,"title",{open:t.open,close:t.close,toggle:t.toggle})])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"default",{open:t.open,close:t.close,toggle:t.toggle}),t.$slots.controls?(e.openBlock(),e.createBlock("div",R,[e.renderSlot(t.$slots,"controls",{open:t.open,close:t.close,toggle:t.toggle})])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0)]})),_:1},8,["onTransitionend"])],2)])])},O.__file="src/components/Dialog/Dialog.vue";var P={name:"KroDivider",props:{vertical:Boolean,inset:Boolean}};P.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("hr",{class:{"kro-divider":!0,"kro-divider--vertical":t.vertical,"kro-divider--inset":t.inset}},null,2)},P.__file="src/components/Divider/Divider.vue";var Z,F={name:"KroAlert",components:{KroIcon:k,KroButton:B},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(t,o){var r=o.emit,n=e.ref(!1);return{iconName:e.computed((function(){var e=t.type,o=t.icon;return o||("warning"===e?"warning":"info"===e?"info":"error"===e?"error":"success"===e?"success":null)})),isHidden:n,hide:function(){r("dismissed"),n.value=!0},show:function(){r("show"),n.value=!1}}}},j={class:"kro-alert__icon"},G={key:0};F.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon"),s=e.resolveComponent("kro-button");return e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:{"kro-alert":!0,"kro-alert--error":"error"===t.type,"kro-alert--info":"info"===t.type,"kro-alert--warning":"warning"===t.type,"kro-alert--success":"success"===t.type,"kro-alert--outline":t.outline,"kro-alert--has-icon":t.iconName,"kro-alert--is-dismissible":t.dismissible}},{default:e.withCtx((function(){return[e.createVNode("div",j,[t.iconName?e.createVNode(i,{key:0,icon:t.iconName},null,8,["icon"]):e.createCommentVNode("v-if",!0)]),e.createVNode("div",null,[e.renderSlot(t.$slots,"default")]),t.dismissible?(e.openBlock(),e.createBlock("div",G,[e.createVNode(s,{onClick:t.hide,icon:"close"},null,8,["onClick"])])):e.createCommentVNode("v-if",!0)]})),_:3},8,["class"])),[[e.vShow,!t.isHidden]])},F.__file="src/components/Alert/Alert.vue",(Z=exports.DialogType||(exports.DialogType={}))[Z.ALERT=0]="ALERT",Z[Z.CONFIRMATION=1]="CONFIRMATION";var W=e.ref(),z={setup:function(){var t=e.computed((function(){if(W.value){if(W.value.type===exports.DialogType.ALERT)return"error";if(W.value.type===exports.DialogType.CONFIRMATION)return"warning"}return null}));return{dialog:W,iconType:t}}},X={key:0};z.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon"),s=e.resolveComponent("kro-button"),c=e.resolveComponent("kro-dialog");return e.openBlock(),e.createBlock("div",null,[t.dialog?(e.openBlock(),e.createBlock("div",X,[e.createVNode(c,{persistent:t.dialog.persistent||!1,onClose:o[3]||(o[3]=function(e){return t.dialog.successful=0}),open:""},{title:e.withCtx((function(){return[t.iconType?e.createVNode(i,{key:0,icon:t.iconType},null,8,["icon"]):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.dialog.title),1)]})),controls:e.withCtx((function(){return[t.dialog.canCancel?e.createVNode(s,{key:0,onClick:o[1]||(o[1]=function(e){return t.dialog.successful=0})},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(t.dialog.cancelText||"Cancel"),1)]})),_:1}):e.createCommentVNode("v-if",!0),e.createVNode(s,{onClick:o[2]||(o[2]=function(e){return t.dialog.successful=1}),primary:""},{default:e.withCtx((function(){return[e.createTextVNode(e.toDisplayString(t.dialog.confirmText||"Ok"),1)]})),_:1})]})),default:e.withCtx((function(){return[e.createVNode("div",null,e.toDisplayString(t.dialog.message),1)]})),_:1},8,["persistent"])])):e.createCommentVNode("v-if",!0)])},z.__file="src/components/App/components/ComposableDialogs.vue";var U={name:"KroApp",components:{ComposableDialogs:z}},Y={class:"kro-app"},J={class:"kro-app__content"};U.render=function(t,o,r,n,a,l){var i=e.resolveComponent("composable-dialogs");return e.openBlock(),e.createBlock("div",Y,[e.createVNode("div",J,[e.renderSlot(t.$slots,"default")]),e.createVNode(i)])},U.__file="src/components/App/App.vue";var Q={name:"KroListItem",props:{tag:{type:String,default:"div"}},setup:function(e){return{}}},ee={key:0,class:"kro-list-item__icon"},te={class:"kro-list-item__content"},oe={class:"kro-list-item__title"},re={key:0,class:"kro-list-item__subtitle"},ne={key:1,class:"kro-list-item__action"};Q.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:"kro-list-item"},{default:e.withCtx((function(){return[t.$slots.icon?(e.openBlock(),e.createBlock("div",ee,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("v-if",!0),e.createVNode("div",te,[e.createVNode("span",oe,[e.renderSlot(t.$slots,"default")]),t.$slots.subtitle?(e.openBlock(),e.createBlock("span",re,[e.renderSlot(t.$slots,"subtitle")])):e.createCommentVNode("v-if",!0)]),t.$slots.action?(e.openBlock(),e.createBlock("div",ne,[e.renderSlot(t.$slots,"action")])):e.createCommentVNode("v-if",!0)]})),_:3})},Q.__file="src/components/List/ListItem.vue";var ae={name:"KroMenu",props:{offsetX:{type:Boolean,default:!1},offsetY:{type:Boolean,default:!1},left:Boolean,right:Boolean,top:Boolean,bottom:Boolean},setup:function(t){var o=e.ref(!1),r=e.ref(null),n=e.ref(null),a=e.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 e=t.offsetX,l=t.offsetY,i=t.left,s=t.right,c=t.top,u=t.bottom,d=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:e,offsetY:l}).canFit;console.log(d),d.top&&c?a["kro-menu__content--y-top"+(l?"-offset":"")]=!0:d.bottom&&u||d.bottom?a["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:d.top&&(a["kro-menu__content--y-top"+(l?"-offset":"")]=!0),d.left&&i?a["kro-menu__content--x-left"+(e?"-offset":"")]=!0:d.right&&s||d.right?a["kro-menu__content--x-right"+(e?"-offset":"")]=!0:d.left&&(a["kro-menu__content--x-left"+(e?"-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}}},le={ref:"container",class:"kro-menu"};ae.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",le,[e.createVNode("div",{onClick:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.close.apply(t,e)}),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":t.isOpen}]},null,2),e.renderSlot(t.$slots,"activator",{open:t.open}),e.createVNode("div",{ref:"menu",class:["kro-menu__content",Object.assign({},t.classes,{"kro-menu__content--is-open":t.isOpen})]},[e.renderSlot(t.$slots,"default")],2)],512)},ae.__file="src/components/Menu/Menu.vue";var ie={name:"KroAvatar",props:{src:String}},se={class:"kro-avatar"};ie.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",se,[e.createVNode("img",{src:t.src,alt:""},null,8,["src"])])},ie.__file="src/components/Avatar/Avatar.vue";var ce={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}},ue=e.createVNode("div",{class:"kro-progress-bar__stream"},[e.createVNode("div",{class:"kro-progress-bar__stream-content"})],-1),de=e.createVNode("div",{class:"kro-progress-bar__indeterminate"},null,-1);ce.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-progress-bar":!0,"kro-progress-bar--is-stream":t.stream,"kro-progress-bar--is-indeterminate":t.indeterminate,"kro-progress-bar--rounded":t.rounded}},[ue,e.createVNode("div",{class:"kro-progress-bar__buffer",style:{"--kro-progress-bar-buffer-value":t.bufferValue-100+"%"}},null,4),e.createVNode("div",{class:"kro-progress-bar__progress",style:{"--kro-progress-bar-value":t.value-100+"%"}},null,4),de],2)},ce.__file="src/components/ProgressBar/ProgressBar.vue";var pe={name:"KroLayout",components:{KroToolbar:T},props:{fixed:{type:Boolean,default:!0}}},fe={class:"kro-layout__container"},me={class:"kro-layout__content"},ve={key:0,class:"kro-layout__footer"};pe.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:{"kro-layout":!0,"kro-layout--has-navigation":!!t.$slots.navigation,"kro-layout--has-toolbar":!!t.$slots.toolbar,"kro-toolbar--has-content":!!t.$slots.content,"kro-toolbar--has-footer":!!t.$slots.footer}},[t.$slots.navigation?(e.openBlock(),e.createBlock("div",{key:0,class:{"kro-layout__navigation":!0,"kro-layout__navigation--fixed":t.fixed}},[e.renderSlot(t.$slots,"navigation")],2)):e.createCommentVNode("v-if",!0),t.$slots.toolbar?(e.openBlock(),e.createBlock("div",{key:1,class:{"kro-layout__toolbar":!0,"kro-layout__toolbar--fixed":t.fixed}},[e.renderSlot(t.$slots,"toolbar")],2)):e.createCommentVNode("v-if",!0),e.createVNode("div",fe,[e.createVNode("div",me,[e.renderSlot(t.$slots,"default")]),t.$slots.footer?(e.openBlock(),e.createBlock("div",ve,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("v-if",!0)])],2)},pe.__file="src/components/Layout/Layout.vue";var ke={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)}}}},ge={class:"kro-navigation"};ke.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",ge,[e.createVNode("div",{class:{"kro-navigation__scrim":!0,"kro-navigation--is-open":t.$attrs.modelValue,"kro-navigation--is-temporary":t.temporary},onClick:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.close.apply(t,e)})},null,2),e.createVNode("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":t.$attrs.modelValue,"kro-navigation--is-temporary":t.temporary}},[e.renderSlot(t.$slots,"default",{close:t.close,open:t.open})],2)])},ke.__file="src/components/Navigation/Navigation.vue";var ye={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(t,o){var r=o.attrs,n=e.ref(!1),a=e.ref(null);return e.onMounted((function(){a.value&&Array.from(a.value.options).forEach((function(e){e.value===r.modelValue&&(e.selected=!0)}))})),{focused:n,select:a}}},he={class:"kro-select"},_e={class:"kro-select__hidden-label"},be=e.createVNode("option",{selected:"",hidden:""},null,-1);ye.render=function(t,o,r,n,a,l){var i=e.resolveComponent("kro-icon");return e.openBlock(),e.createBlock("div",he,[e.createVNode("div",{class:{"kro-select__container":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue}},[e.createVNode("label",{class:{"kro-select__label":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue},for:t.id},e.toDisplayString(t.label),11,["for"]),e.createVNode("div",_e,e.toDisplayString(t.label),1),e.createVNode("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":t.focused,"kro-select--has-text":t.$attrs.modelValue}},e.toDisplayString(t.label),3),e.createVNode("select",{class:"kro-select__input",ref:"select",disabled:t.disabled,required:t.required,readonly:t.readonly,autofocus:t.autofocus,name:t.name,id:t.id,value:t.$attrs.modelValue,onChange:o[1]||(o[1]=function(e){return t.$emit("update:modelValue",e.target.value)}),onFocus:o[2]||(o[2]=function(e){return t.focused=!0}),onBlur:o[3]||(o[3]=function(e){return t.focused=!1})},[be,e.renderSlot(t.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),e.createVNode(i,{class:"kro-select__icon",icon:"chevron-down"})],2)])},ye.__file="src/components/Select/Select.vue";var Ve={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(o,r){var n=r.emit,a=r.attrs,l=e.ref(),i=e.ref(),s=function(o){var r=t.useMouseInElement(o),n=r.x,a=r.elementPositionX,l=r.elementWidth,i=e.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(o){var r=e.ref(0),n=e.ref(0),a=e.ref(0),l=e.ref(0),i=function(e){var t=e.getBoundingClientRect(),o=t.left,i=t.top,s=t.width,c=t.height;r.value=s,n.value=c,a.value=o,l.value=i};e.watch(o,(function(e){var t=e||document.body;i(t)}));var s=t.useThrottleFn((function(){var e=o.value||document.body;i(e)}),250);return t.useEventListener("resize",s),{elementWidth:r,elementHeight:n,elementLeft:a,elementTop:l}}(l).elementWidth,u=e.ref(!1),d=I(),p=d.disableDocumentSelect,f=d.enableDocumentSelect,m=function(){u.value=!1,f(),removeEventListener("touchcancel",m),removeEventListener("touchend",m),removeEventListener("mouseup",m)},v=function(){u.value=!0,p(),addEventListener("touchcancel",m),addEventListener("touchend",m),addEventListener("mouseup",m)},k=e.computed((function(){return c.value/Math.ceil((o.max-o.min)/o.step)})),g=function(){n("update:modelValue",Math.max(o.min,Math.min(o.max,a.modelValue-o.step)))},y=function(){n("update:modelValue",Math.max(o.min,Math.min(o.max,a.modelValue+o.step)))};return e.onMounted((function(){n("update:modelValue",Math.max(o.min,Math.min(a.modelValue||0,o.max)))})),e.watchEffect((function(){u.value&&n("update:modelValue",Math.max(o.min,Math.min(Math.round(s.value*(o.max-o.min)/o.step)*o.step+o.min,o.max)))})),{knobRef:i,sliderRef:l,targetPercentage:s,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&&y()},subtractValue:g,addValue:y}}},Be={class:"kro-slider__track-container"},xe={ref:"sliderRef",class:"kro-slider__track"},Se=e.createVNode("div",{class:"kro-slider__progress"},null,-1),Ce={class:"kro-slider__knob-container"},Ne=e.createVNode("div",{class:"kro-slider__thumb"},null,-1),Le={key:0},we={key:1};Ve.render=function(t,o,r,n,a,l){return e.openBlock(),e.createBlock("div",{class:"kro-slider",onTouchstartPassive:o[2]||(o[2]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.enableEditing.apply(t,e)}),onMousedown:o[3]||(o[3]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.onSliderClick.apply(t,e)}),style:{"--kro-slider-progress":(t.$attrs.modelValue-t.min)/(t.max-t.min)*100-100+"%"}},[e.createVNode("div",Be,[e.createVNode("div",xe,[t.ticks?(e.openBlock(),e.createBlock("div",{key:0,style:{"--kro-slider-tick-spacing":t.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):e.createCommentVNode("v-if",!0),Se],512),e.createVNode("div",Ce,[e.createVNode("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:o[1]||(o[1]=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return t.incrementValue.apply(t,e)})},null,544),e.createVNode("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":t.isEditing}]},[Ne,t.$slots.thumb?(e.openBlock(),e.createBlock("span",we,[e.renderSlot(t.$slots,"thumb",{value:t.$attrs.modelValue})])):(e.openBlock(),e.createBlock("span",Le,e.toDisplayString(t.$attrs.modelValue),1))],2)])])],36)},Ve.__file="src/components/Slider/Slider.vue";var Ae,Ke=(Ae=Object.freeze({__proto__:null,KroButton:B,KroButtonGroup:S,KroIcon:k,KroSpinner:y,KroSquircle:_,KroSwitch:N,KroTextfield:$,KroToolbar:T,KroDialog:O,KroSurface:D,KroDivider:P,KroAlert:F,KroApp:U,KroListItem:Q,KroMenu:ae,KroAvatar:ie,KroProgressBar:ce,KroLayout:pe,KroNavigation:ke,KroSelect:ye,KroSlider:Ve}),{install:function(e,t){var r=o({},m);if(t&&t.hasOwnProperty("icons")&&(r=o(o({},r),t.icons)),Ae)for(var n in Ae){var a=Ae[n];a&&e.component(n,a)}e.provide(l,r),f()}});exports.KroAlert=F,exports.KroApp=U,exports.KroAvatar=ie,exports.KroButton=B,exports.KroButtonGroup=S,exports.KroDialog=O,exports.KroDivider=P,exports.KroIcon=k,exports.KroLayout=pe,exports.KroListItem=Q,exports.KroMenu=ae,exports.KroNavigation=ke,exports.KroProgressBar=ce,exports.KroSelect=ye,exports.KroSlider=Ve,exports.KroSpinner=y,exports.KroSquircle=_,exports.KroSurface=D,exports.KroSwitch=N,exports.KroTextfield=$,exports.KroToolbar=T,exports.KroUIBaseConfigurationPlugin=function(){return{install:function(e,t){var r=o({},m);if(t&&t.hasOwnProperty("icons")&&(r=o(o({},r),t.icons)),t.components&&Array.isArray(t.components))for(var n in t.components){var a=t.components[n];a&&e.component(n,a)}e.provide(l,r),f()}}},exports.KroUIPlugin=Ke,exports.useDialog=function(){var t=function(t){return new Promise((function(r,n){W.value=o(o({},t),{successful:-1});var a=e.watchEffect((function(){1===W.value.successful?(W.value=null,a(),r()):0===W.value.successful&&(W.value=null,a(),n())}))}))};return{createDialog:t,createAlert:function(e){return r(void 0,void 0,void 0,(function(){return n(this,(function(r){return[2,t(o(o({canCancel:!0},e),{type:exports.DialogType.ALERT}))]}))}))},createConfirmation:function(e){return r(void 0,void 0,void 0,(function(){return n(this,(function(r){return[2,t(o(o({canCancel:!0},e),{type:exports.DialogType.CONFIRMATION}))]}))}))}}},exports.useIcons=i,exports.useTheme=p;

dist/index.esm.js

@@ -15,2 +15,2 @@ import{inject as e,computed as t,openBlock as o,createBlock as n,createVNode as r,resolveComponent as a,resolveDynamicComponent as l,withCtx as i,createCommentVNode as s,renderSlot as u,withDirectives as c,vShow as d,ref as f,toDisplayString as p,watch as m,onMounted as v,onUnmounted as k,Teleport as g,Fragment as y,watchEffect as _,createTextVNode as h,reactive as b}from"vue";import{useThrottleFn as x,useEventListener as L,useMouseInElement as V}from"@vueuse/core";
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var S=function(){return(S=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function A(e,t,o,n){return new(o||(o=Promise))((function(r,a){function l(e){try{s(n.next(e))}catch(e){a(e)}}function i(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,i)}s((n=n.apply(e,t||[])).next())}))}function w(e,t){var o,n,r,a,l={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(r=2&a[0]?n.return:a[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;switch(n=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,n=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(r=l.trys,(r=r.length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]<r[3])){l.label=a[1];break}if(6===a[0]&&l.label<r[1]){l.label=r[1],r=a;break}if(r&&l.label<r[2]){l.label=r[2],l.ops.push(a);break}r[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],n=0}finally{o=r=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}function K(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var n=Array(e),r=0;for(t=0;t<o;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,r++)n[r]=a[l];return n}var C=Symbol();function $(){return{icons:e(C)}}var B="light",M="dark",H="unset",T=function(e){document.documentElement.className="kro-theme__default-"+e},E=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||H:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?B:M:B},t=function(e){e===H?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),T(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===B?t(M):t(B)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||H}}},I=function(){var e=E().getActiveThemeMode;T(e())},D={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",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"},N={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},O={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var 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")}))}}},q={class:"kro-icon",viewBox:"0 0 24 24"};O.render=function(e,t,a,l,i,s){return o(),n("svg",q,[r("path",{d:e.iconDefinition},null,8,["d"])])},O.__file="src/components/Icon/Icon.vue";var R={name:"KroSpinner"},P={class:"kro-spinner"};R.render=function(e,t,r,a,l,i){return o(),n("div",P)},R.__file="src/components/Spinner/Spinner.vue";var Z={name:"KroSquircle"},F={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},j=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);Z.render=function(e,t,r,a,l,i){return o(),n("svg",F,[j])},Z.__file="src/components/Squircle/Squircle.vue";var G={name:"KroButton",components:{KroIcon:O,KroSpinner:R,KroSquircle:Z},props:S(S({},N),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean}),setup:function(e){var o=function(e){return{tag:e.to?"router-link":e.href?"a":null,routeData:e}}(e).tag;return{componentType:t((function(){return o||"button"}))}}},W={class:"kro-button__spinner"};G.render=function(e,t,f,p,m,v){var k=a("kro-squircle"),g=a("kro-icon"),y=a("kro-spinner");return o(),n(l(e.componentType),{class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer",href:e.href,to:e.to,target:e.href?e.target:""},{default:i((function(){return[e.icon&&!e.$slots.default?r(k,{key:0,class:"kro-button__squircle"}):s("v-if",!0),r("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?r(g,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):s("v-if",!0),u(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?s("v-if",!0):r(g,{key:1,icon:"external"})],2),c(r("span",W,[r(y)],512),[[d,e.loading]])]})),_:3},8,["class","href","to","target"])},G.__file="src/components/Button/Button.vue";K([{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"}],[{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"}]);var z={name:"KroButtonGroup"},X={class:"kro-button-group"};z.render=function(e,t,r,a,l,i){return o(),n("div",X,[u(e.$slots,"default")])},z.__file="src/components/ButtonGroup/ButtonGroup.vue";var Y={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,n=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(n.modelValue)&&o("update:modelValue",K(n.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(n.modelValue)&&o("update:modelValue",n.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}},U={class:"kro-switch"},J={class:"kro-switch__container"},Q={class:"kro-switch__track"},ee=r("div",{class:"kro-switch__knob"},null,-1),te={key:0,class:"kro-switch__label"};Y.render=function(e,t,a,l,i,c){return o(),n("div",U,[r("div",J,[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]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.update.apply(e,t)})},null,40,["checked"]),r("div",Q,[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}},[ee],2)]),e.$slots.default?(o(),n("div",te,[u(e.$slots,"default")])):s("v-if",!0)])},Y.__file="src/components/Switch/Switch.vue";var oe={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}}};oe.render=function(e,t,a,l,i,s){return o(),n("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},p(e.label),11,["for"]),r("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},p(e.label),3),e.multiline?(o(),n("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]=function(t){e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:t[5]||(t[5]=function(t){return e.focused=!0}),onBlur:t[6]||(t[6]=function(t){return e.focused=!1})},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(o(),n("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]=function(t){return e.$emit("update:modelValue",t.target.value)}),onFocus:t[2]||(t[2]=function(t){return e.focused=!0}),onBlur:t[3]||(t[3]=function(t){return e.focused=!1})},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},oe.__file="src/components/Textfield/Textfield.vue";var ne={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};ne.render=function(e,t,r,a,l,i){return o(),n("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[u(e.$slots,"default")],2)},ne.__file="src/components/Toolbar/Toolbar.vue";var re={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}},ae={key:0,class:"kro-surface__label-container"},le={key:1,class:"kro-surface__label"};re.render=function(e,t,l,i,c,d){var f=a("kro-icon");return o(),n("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(),n("div",ae,[e.icon?r(f,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):s("v-if",!0),e.label?(o(),n("div",le,p(e.label),1)):s("v-if",!0)])):s("v-if",!0),u(e.$slots,"default")],2)},re.__file="src/components/Surface/Surface.vue";var ie=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")}}},se={name:"KroDialog",components:{KroSurface:re},props:{persistent:Boolean},setup:function(e,t){var o=this,n=t.emit,r=t.attrs,a=f(!1),l=f(),i=ie(),s=i.disableDocumentScroll,u=i.enableDocumentScroll,c=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(n("update:modelValue",!1),window.removeEventListener("keydown",c),u())},d=function(){n("update:modelValue",!0),a.value=!0,window.addEventListener("keydown",c),s(),l.value&&l.value.focus(),n("open")};return v((function(){return A(o,void 0,void 0,(function(){return w(this,(function(e){return r.modelValue&&window.setTimeout((function(){return d()}),0),[2]}))}))})),k((function(){window.removeEventListener("keydown",c),u()})),{shouldMountContent:a,open:d,close:c,toggle:function(){r.modelValue?c(null):d()},dialog:l,onTransitionEnded:function(e){"transform"===e.propertyName&&(r.modelValue||(a.value=!1,n("close")))}}}},ue={key:0,class:"kro-dialog__title"},ce={key:1,class:"kro-dialog__controls"};se.render=function(e,t,l,c,d,f){var p=a("kro-surface");return o(),n("div",null,[u(e.$slots,"activator",{open:e.open,close:e.close,toggle:e.toggle}),r(g,{to:"#kro-portal"},[r("div",{ref:"dialog",tabindex:-1,class:{"kro-dialog":!0,"kro-dialog--is-open":e.$attrs.modelValue}},[r("div",{tabindex:"-1",onClick:t[1]||(t[1]=function(){e.persistent||e.close()}),class:"kro-dialog__scrim"}),r(p,{raised:"",class:"kro-dialog__content",onTransitionend:e.onTransitionEnded},{default:i((function(){return[e.shouldMountContent?(o(),n(y,{key:0},[e.$slots.title?(o(),n("div",ue,[u(e.$slots,"title",{open:e.open,close:e.close,toggle:e.toggle})])):s("v-if",!0),u(e.$slots,"default",{open:e.open,close:e.close,toggle:e.toggle}),e.$slots.controls?(o(),n("div",ce,[u(e.$slots,"controls",{open:e.open,close:e.close,toggle:e.toggle})])):s("v-if",!0)],64)):s("v-if",!0)]})),_:1},8,["onTransitionend"])],2)])])},se.__file="src/components/Dialog/Dialog.vue";var de={name:"KroDivider",props:{vertical:Boolean,inset:Boolean}};de.render=function(e,t,r,a,l,i){return o(),n("hr",{class:{"kro-divider":!0,"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}},null,2)},de.__file="src/components/Divider/Divider.vue";var fe,pe={name:"KroAlert",components:{KroIcon:O,KroButton:G},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 n=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(){n("dismissed"),r.value=!0},show:function(){n("show"),r.value=!1}}}},me={class:"kro-alert__icon"},ve={key:0};pe.render=function(e,t,f,p,m,v){var k=a("kro-icon"),g=a("kro-button");return c((o(),n(l(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:i((function(){return[r("div",me,[e.iconName?r(k,{key:0,icon:e.iconName},null,8,["icon"]):s("v-if",!0)]),r("div",null,[u(e.$slots,"default")]),e.dismissible?(o(),n("div",ve,[r(g,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):s("v-if",!0)]})),_:3},8,["class"])),[[d,!e.isHidden]])},pe.__file="src/components/Alert/Alert.vue",function(e){e[e.ALERT=0]="ALERT",e[e.CONFIRMATION=1]="CONFIRMATION"}(fe||(fe={}));var ke=f(),ge=function(){var e=function(e){return new Promise((function(t,o){ke.value=S(S({},e),{successful:-1});var n=_((function(){1===ke.value.successful?(ke.value=null,n(),t()):0===ke.value.successful&&(ke.value=null,n(),o())}))}))};return{createDialog:e,createAlert:function(t){return A(void 0,void 0,void 0,(function(){return w(this,(function(o){return[2,e(S(S({canCancel:!0},t),{type:fe.ALERT}))]}))}))},createConfirmation:function(t){return A(void 0,void 0,void 0,(function(){return w(this,(function(o){return[2,e(S(S({canCancel:!0},t),{type:fe.CONFIRMATION}))]}))}))}}},ye={setup:function(){var e=t((function(){if(ke.value){if(ke.value.type===fe.ALERT)return"error";if(ke.value.type===fe.CONFIRMATION)return"warning"}return null}));return{dialog:ke,iconType:e}}},_e={key:0};ye.render=function(e,t,l,u,c,d){var f=a("kro-icon"),m=a("kro-button"),v=a("kro-dialog");return o(),n("div",null,[e.dialog?(o(),n("div",_e,[r(v,{persistent:e.dialog.persistent||!1,onClose:t[3]||(t[3]=function(t){return e.dialog.successful=0}),open:""},{title:i((function(){return[e.iconType?r(f,{key:0,icon:e.iconType},null,8,["icon"]):s("v-if",!0),h(" "+p(e.dialog.title),1)]})),controls:i((function(){return[e.dialog.canCancel?r(m,{key:0,onClick:t[1]||(t[1]=function(t){return e.dialog.successful=0})},{default:i((function(){return[h(p(e.dialog.cancelText||"Cancel"),1)]})),_:1}):s("v-if",!0),r(m,{onClick:t[2]||(t[2]=function(t){return e.dialog.successful=1}),primary:""},{default:i((function(){return[h(p(e.dialog.confirmText||"Ok"),1)]})),_:1})]})),default:i((function(){return[r("div",null,p(e.dialog.message),1)]})),_:1},8,["persistent"])])):s("v-if",!0)])},ye.__file="src/components/App/components/ComposableDialogs.vue";var he={name:"KroApp",components:{ComposableDialogs:ye}},be={class:"kro-app"},xe={class:"kro-app__content"};he.render=function(e,t,l,i,s,c){var d=a("composable-dialogs");return o(),n("div",be,[r("div",xe,[u(e.$slots,"default")]),r(d)])},he.__file="src/components/App/App.vue";var Le={name:"KroListItem",props:{tag:{type:String,default:"div"}},setup:function(e){return{}}},Ve={key:0,class:"kro-list-item__icon"},Se={class:"kro-list-item__content"},Ae={class:"kro-list-item__title"},we={key:0,class:"kro-list-item__subtitle"},Ke={key:1,class:"kro-list-item__action"};Le.render=function(e,t,a,c,d,f){return o(),n(l(e.tag),{class:"kro-list-item"},{default:i((function(){return[e.$slots.icon?(o(),n("div",Ve,[u(e.$slots,"icon")])):s("v-if",!0),r("div",Se,[r("span",Ae,[u(e.$slots,"default")]),e.$slots.subtitle?(o(),n("span",we,[u(e.$slots,"subtitle")])):s("v-if",!0)]),e.$slots.action?(o(),n("div",Ke,[u(e.$slots,"action")])):s("v-if",!0)]})),_:3})},Le.__file="src/components/List/ListItem.vue";var Ce={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),n=f(null),r=b({"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}),a=function(){Object.keys(r).forEach((function(e){return r[e]=!1}));var a=e.offsetX,l=e.offsetY,i=e.left,s=e.right,u=e.top,c=e.bottom,d=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var n=window.innerWidth,r=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<r,top:l.offsetHeight<a.top,left:l.offsetTop<a.left,right:l.offsetWidth+a.left+i<n}}}(o,n,{offsetX:a,offsetY:l}).canFit;console.log(d),d.top&&u?r["kro-menu__content--y-top"+(l?"-offset":"")]=!0:d.bottom&&c||d.bottom?r["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:d.top&&(r["kro-menu__content--y-top"+(l?"-offset":"")]=!0),d.left&&i?r["kro-menu__content--x-left"+(a?"-offset":"")]=!0:d.right&&s||d.right?r["kro-menu__content--x-right"+(a?"-offset":"")]=!0:d.left&&(r["kro-menu__content--x-left"+(a?"-offset":"")]=!0),t.value=!0},l=function(){t.value=!1};return{isOpen:t,classes:r,open:a,close:l,toggle:function(){t.value?l():a()},menu:n,container:o}}},$e={ref:"container",class:"kro-menu"};Ce.render=function(e,t,a,l,i,s){return o(),n("div",$e,[r("div",{onClick:t[1]||(t[1]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.close.apply(e,t)}),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),u(e.$slots,"activator",{open:e.open}),r("div",{ref:"menu",class:["kro-menu__content",Object.assign({},e.classes,{"kro-menu__content--is-open":e.isOpen})]},[u(e.$slots,"default")],2)],512)},Ce.__file="src/components/Menu/Menu.vue";var Be={name:"KroAvatar",props:{src:String}},Me={class:"kro-avatar"};Be.render=function(e,t,a,l,i,s){return o(),n("div",Me,[r("img",{src:e.src,alt:""},null,8,["src"])])},Be.__file="src/components/Avatar/Avatar.vue";var He={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}},Te=r("div",{class:"kro-progress-bar__stream"},[r("div",{class:"kro-progress-bar__stream-content"})],-1),Ee=r("div",{class:"kro-progress-bar__indeterminate"},null,-1);He.render=function(e,t,a,l,i,s){return o(),n("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}},[Te,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),Ee],2)},He.__file="src/components/ProgressBar/ProgressBar.vue";var Ie={name:"KroLayout",components:{KroToolbar:ne},props:{fixed:Boolean}},De={class:"kro-layout__container"},Ne={class:"kro-layout__content"},Oe={key:0,class:"kro-layout__footer"};Ie.render=function(e,t,a,l,i,c){return o(),n("div",{class:{"kro-layout":!0,"kro-layout--has-navigation":!!e.$slots.navigation,"kro-layout--has-toolbar":!!e.$slots.toolbar,"kro-toolbar--has-content":!!e.$slots.content,"kro-toolbar--has-footer":!!e.$slots.footer}},[e.$slots.navigation?(o(),n("div",{key:0,class:{"kro-layout__navigation":!0,fixed:e.fixed}},[u(e.$slots,"navigation")],2)):s("v-if",!0),e.$slots.toolbar?(o(),n("div",{key:1,class:{"kro-layout__toolbar":!0,fixed:e.fixed}},[u(e.$slots,"toolbar")],2)):s("v-if",!0),r("div",De,[r("div",Ne,[u(e.$slots,"default")]),e.$slots.footer?(o(),n("div",Oe,[u(e.$slots,"footer")])):s("v-if",!0)])],2)},Ie.__file="src/components/Layout/Layout.vue";var qe={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)}}}},Re={class:"kro-navigation"};qe.render=function(e,t,a,l,i,s){return o(),n("div",Re,[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]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.close.apply(e,t)})},null,2),r("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[u(e.$slots,"default",{close:e.close,open:e.open})],2)])},qe.__file="src/components/Navigation/Navigation.vue";var Pe={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,n=f(!1),r=f(null);return v((function(){r.value&&Array.from(r.value.options).forEach((function(e){e.value===o.modelValue&&(e.selected=!0)}))})),{focused:n,select:r}}},Ze={class:"kro-select"},Fe={class:"kro-select__hidden-label"},je=r("option",{selected:"",hidden:""},null,-1);Pe.render=function(e,t,l,i,s,c){var d=a("kro-icon");return o(),n("div",Ze,[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},p(e.label),11,["for"]),r("div",Fe,p(e.label),1),r("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},p(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]=function(t){return e.$emit("update:modelValue",t.target.value)}),onFocus:t[2]||(t[2]=function(t){return e.focused=!0}),onBlur:t[3]||(t[3]=function(t){return e.focused=!1})},[je,u(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),r(d,{class:"kro-select__icon",icon:"chevron-down"})],2)])},Pe.__file="src/components/Select/Select.vue";var Ge={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,r=o.attrs,a=f(),l=f(),i=function(e){var o=V(e),n=o.x,r=o.elementPositionX,a=o.elementWidth,l=t((function(){return Math.min(Math.max(0,n.value-r.value),a.value)/(a.value||1)}));return{elementWidth:a,targetPercentage:l}}(a).targetPercentage,s=function(e){var t=f(0),o=f(0),n=f(0),r=f(0),a=function(e){var a=e.getBoundingClientRect(),l=a.left,i=a.top,s=a.width,u=a.height;t.value=s,o.value=u,n.value=l,r.value=i};m(e,(function(e){var t=e||document.body;a(t)}));var l=x((function(){var t=e.value||document.body;a(t)}),250);return L("resize",l),{elementWidth:t,elementHeight:o,elementLeft:n,elementTop:r}}(a).elementWidth,u=f(!1),c=ie(),d=c.disableDocumentSelect,p=c.enableDocumentSelect,k=function(){u.value=!1,p(),removeEventListener("touchcancel",k),removeEventListener("touchend",k),removeEventListener("mouseup",k)},g=function(){u.value=!0,d(),addEventListener("touchcancel",k),addEventListener("touchend",k),addEventListener("mouseup",k)},y=t((function(){return s.value/Math.ceil((e.max-e.min)/e.step)})),h=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue-e.step)))},b=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue+e.step)))};return v((function(){n("update:modelValue",Math.max(e.min,Math.min(r.modelValue||0,e.max)))})),_((function(){u.value&&n("update:modelValue",Math.max(e.min,Math.min(Math.round(i.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:l,sliderRef:a,targetPercentage:i,enableEditing:g,trackSpacing:y,isEditing:u,onSliderClick:function(){setTimeout((function(){l.value.focus()}),0),g()},incrementValue:function(e){"ArrowLeft"===e.key&&h(),"ArrowRight"===e.key&&b()},subtractValue:h,addValue:b}}},We={class:"kro-slider__track-container"},ze={ref:"sliderRef",class:"kro-slider__track"},Xe=r("div",{class:"kro-slider__progress"},null,-1),Ye={class:"kro-slider__knob-container"},Ue=r("div",{class:"kro-slider__thumb"},null,-1),Je={key:0},Qe={key:1};Ge.render=function(e,t,a,l,i,c){return o(),n("div",{class:"kro-slider",onTouchstartPassive:t[2]||(t[2]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.enableEditing.apply(e,t)}),onMousedown:t[3]||(t[3]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.onSliderClick.apply(e,t)}),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[r("div",We,[r("div",ze,[e.ticks?(o(),n("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):s("v-if",!0),Xe],512),r("div",Ye,[r("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:t[1]||(t[1]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.incrementValue.apply(e,t)})},null,544),r("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[Ue,e.$slots.thumb?(o(),n("span",Qe,[u(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(o(),n("span",Je,p(e.$attrs.modelValue),1))],2)])])],36)},Ge.__file="src/components/Slider/Slider.vue";var et,tt=function(){return{install:function(e,t){var o=S({},D);if(t&&t.hasOwnProperty("icons")&&(o=S(S({},o),t.icons)),t.components&&Array.isArray(t.components))for(var n in t.components){var r=t.components[n];r&&e.component(n,r)}e.provide(C,o),I()}}},ot=(et=Object.freeze({__proto__:null,KroButton:G,KroButtonGroup:z,KroIcon:O,KroSpinner:R,KroSquircle:Z,KroSwitch:Y,KroTextfield:oe,KroToolbar:ne,KroDialog:se,KroSurface:re,KroDivider:de,KroAlert:pe,KroApp:he,KroListItem:Le,KroMenu:Ce,KroAvatar:Be,KroProgressBar:He,KroLayout:Ie,KroNavigation:qe,KroSelect:Pe,KroSlider:Ge}),{install:function(e,t){var o=S({},D);if(t&&t.hasOwnProperty("icons")&&(o=S(S({},o),t.icons)),et)for(var n in et){var r=et[n];r&&e.component(n,r)}e.provide(C,o),I()}});export{fe as DialogType,pe as KroAlert,he as KroApp,Be as KroAvatar,G as KroButton,z as KroButtonGroup,se as KroDialog,de as KroDivider,O as KroIcon,Ie as KroLayout,Le as KroListItem,Ce as KroMenu,qe as KroNavigation,He as KroProgressBar,Pe as KroSelect,Ge as KroSlider,R as KroSpinner,Z as KroSquircle,re as KroSurface,Y as KroSwitch,oe as KroTextfield,ne as KroToolbar,tt as KroUIBaseConfigurationPlugin,ot as KroUIPlugin,ge as useDialog,$ as useIcons,E as useTheme};
+***************************************************************************** */var S=function(){return(S=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var r in t=arguments[o])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function A(e,t,o,n){return new(o||(o=Promise))((function(r,a){function l(e){try{s(n.next(e))}catch(e){a(e)}}function i(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?r(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(l,i)}s((n=n.apply(e,t||[])).next())}))}function w(e,t){var o,n,r,a,l={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:i(0),throw:i(1),return:i(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function i(a){return function(i){return function(a){if(o)throw new TypeError("Generator is already executing.");for(;l;)try{if(o=1,n&&(r=2&a[0]?n.return:a[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,a[1])).done)return r;switch(n=0,r&&(a=[2&a[0],r.value]),a[0]){case 0:case 1:r=a;break;case 4:return l.label++,{value:a[1],done:!1};case 5:l.label++,n=a[1],a=[0];continue;case 7:a=l.ops.pop(),l.trys.pop();continue;default:if(!(r=l.trys,(r=r.length>0&&r[r.length-1])||6!==a[0]&&2!==a[0])){l=0;continue}if(3===a[0]&&(!r||a[1]>r[0]&&a[1]<r[3])){l.label=a[1];break}if(6===a[0]&&l.label<r[1]){l.label=r[1],r=a;break}if(r&&l.label<r[2]){l.label=r[2],l.ops.push(a);break}r[2]&&l.ops.pop(),l.trys.pop();continue}a=t.call(e,l)}catch(e){a=[6,e],n=0}finally{o=r=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,i])}}}function K(){for(var e=0,t=0,o=arguments.length;t<o;t++)e+=arguments[t].length;var n=Array(e),r=0;for(t=0;t<o;t++)for(var a=arguments[t],l=0,i=a.length;l<i;l++,r++)n[r]=a[l];return n}var C=Symbol();function $(){return{icons:e(C)}}var B="light",M="dark",H="unset",T=function(e){document.documentElement.className="kro-theme__default-"+e},E=function(){var e=function(){return localStorage.getItem("kro.theme.mode")?localStorage.getItem("kro.theme.mode")||H:"matchMedia"in window?window.matchMedia("(prefers-color-scheme: light)").matches?B:M:B},t=function(e){e===H?localStorage.removeItem("kro.theme.mode"):(localStorage.setItem("kro.theme.mode",e),T(e))};return{setTheme:function(e){},setThemeMode:t,toggleThemeMode:function(){e()===B?t(M):t(B)},getActiveThemeMode:e,getThemeMode:function(){return localStorage.getItem("kro.theme.mode")||H}}},I=function(){var e=E().getActiveThemeMode;T(e())},D={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",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"},N={to:{type:[String,Object]},href:String,target:{type:String,default:"_blank"},exact:{type:Boolean,default:!1},activeClass:String,exactActiveClass:String},O={name:"KroIcon",props:{icon:{type:String,required:!0}},setup:function(e){var 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")}))}}},q={class:"kro-icon",viewBox:"0 0 24 24"};O.render=function(e,t,a,l,i,s){return o(),n("svg",q,[r("path",{d:e.iconDefinition},null,8,["d"])])},O.__file="src/components/Icon/Icon.vue";var R={name:"KroSpinner"},P={class:"kro-spinner"};R.render=function(e,t,r,a,l,i){return o(),n("div",P)},R.__file="src/components/Spinner/Spinner.vue";var Z={name:"KroSquircle"},F={class:"kro-squircle",viewBox:"0 0 400 400","enable-background":"new 0 0 400 400","xml:space":"preserve"},j=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);Z.render=function(e,t,r,a,l,i){return o(),n("svg",F,[j])},Z.__file="src/components/Squircle/Squircle.vue";var G={name:"KroButton",components:{KroIcon:O,KroSpinner:R,KroSquircle:Z},props:S(S({},N),{loading:{type:Boolean,default:!1},type:String,primary:Boolean,outline:Boolean,raised:Boolean,icon:String,hideExternalIcon:Boolean}),setup:function(e){var o=function(e){return{tag:e.to?"router-link":e.href?"a":null,routeData:e}}(e).tag;return{componentType:t((function(){return o||"button"}))}}},W={class:"kro-button__spinner"};G.render=function(e,t,f,p,m,v){var k=a("kro-squircle"),g=a("kro-icon"),y=a("kro-spinner");return o(),n(l(e.componentType),{class:{"kro-button":!0,"kro-button--primary":e.primary,"kro-button--outline":e.outline,"kro-button--raised":e.raised,"kro-button--is-icon-button":e.icon&&!e.$slots.default},rel:"noreferrer",href:e.href,to:e.to,target:e.href?e.target:""},{default:i((function(){return[e.icon&&!e.$slots.default?r(k,{key:0,class:"kro-button__squircle"}):s("v-if",!0),r("span",{class:{"kro-button__content":!0,"kro-button__content--is-loading":e.loading}},[e.icon?r(g,{key:0,class:"kro-button__icon",icon:e.icon},null,8,["icon"]):s("v-if",!0),u(e.$slots,"default"),!e.href||e.icon&&!e.$slots.default||e.hideExternalIcon?s("v-if",!0):r(g,{key:1,icon:"external"})],2),c(r("span",W,[r(y)],512),[[d,e.loading]])]})),_:3},8,["class","href","to","target"])},G.__file="src/components/Button/Button.vue";K([{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"}],[{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"}]);var z={name:"KroButtonGroup"},X={class:"kro-button-group"};z.render=function(e,t,r,a,l,i){return o(),n("div",X,[u(e.$slots,"default")])},z.__file="src/components/ButtonGroup/ButtonGroup.vue";var Y={name:"KroSwitch",props:{value:String},setup:function(e,t){var o=t.emit,n=t.attrs;return{update:function(t){t.target.checked?e.value?Array.isArray(n.modelValue)&&o("update:modelValue",K(n.modelValue,[e.value])):o("update:modelValue",!0):e.value?Array.isArray(n.modelValue)&&o("update:modelValue",n.modelValue.filter((function(t){return t!=e.value}))):o("update:modelValue",!1)}}}},U={class:"kro-switch"},J={class:"kro-switch__container"},Q={class:"kro-switch__track"},ee=r("div",{class:"kro-switch__knob"},null,-1),te={key:0,class:"kro-switch__label"};Y.render=function(e,t,a,l,i,c){return o(),n("div",U,[r("div",J,[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]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.update.apply(e,t)})},null,40,["checked"]),r("div",Q,[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}},[ee],2)]),e.$slots.default?(o(),n("div",te,[u(e.$slots,"default")])):s("v-if",!0)])},Y.__file="src/components/Switch/Switch.vue";var oe={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}}};oe.render=function(e,t,a,l,i,s){return o(),n("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},p(e.label),11,["for"]),r("span",{class:{"kro-textfield__pseudo-label":!0,"kro-textfield--focused":e.focused,"kro-textfield--has-text":e.$attrs.modelValue}},p(e.label),3),e.multiline?(o(),n("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]=function(t){e.$emit("update:modelValue",t.target.value),e.runAutoResize()}),onFocus:t[5]||(t[5]=function(t){return e.focused=!0}),onBlur:t[6]||(t[6]=function(t){return e.focused=!1})},null,40,["disabled","required","readonly","autofocus","maxlength","name","id","value"])):(o(),n("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]=function(t){return e.$emit("update:modelValue",t.target.value)}),onFocus:t[2]||(t[2]=function(t){return e.focused=!0}),onBlur:t[3]||(t[3]=function(t){return e.focused=!1})},null,40,["disabled","required","readonly","autofocus","type","min","max","maxlength","name","id","value"]))],2)],2)},oe.__file="src/components/Textfield/Textfield.vue";var ne={name:"KroToolbar",props:{small:Boolean,padded:Boolean,raised:Boolean}};ne.render=function(e,t,r,a,l,i){return o(),n("div",{class:{"kro-toolbar":!0,"kro-toolbar--small":e.small,"kro-toolbar--raised":e.raised,"kro-toolbar--padded":e.padded}},[u(e.$slots,"default")],2)},ne.__file="src/components/Toolbar/Toolbar.vue";var re={name:"KroSurface",props:{padded:{type:Boolean,default:!0},raised:{type:Boolean,default:!0},outline:{type:Boolean,default:!1},icon:String,label:String}},ae={key:0,class:"kro-surface__label-container"},le={key:1,class:"kro-surface__label"};re.render=function(e,t,l,i,c,d){var f=a("kro-icon");return o(),n("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(),n("div",ae,[e.icon?r(f,{key:0,class:"kro-surface__icon",icon:e.icon},null,8,["icon"]):s("v-if",!0),e.label?(o(),n("div",le,p(e.label),1)):s("v-if",!0)])):s("v-if",!0),u(e.$slots,"default")],2)},re.__file="src/components/Surface/Surface.vue";var ie=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")}}},se={name:"KroDialog",components:{KroSurface:re},props:{persistent:Boolean},setup:function(e,t){var o=this,n=t.emit,r=t.attrs,a=f(!1),l=f(),i=ie(),s=i.disableDocumentScroll,u=i.enableDocumentScroll,c=function(t){(function(t){return"keydown"!==(null==t?void 0:t.type)||"Escape"===t.key&&!e.persistent})(t)&&(n("update:modelValue",!1),window.removeEventListener("keydown",c),u())},d=function(){n("update:modelValue",!0),a.value=!0,window.addEventListener("keydown",c),s(),l.value&&l.value.focus(),n("open")};return v((function(){return A(o,void 0,void 0,(function(){return w(this,(function(e){return r.modelValue&&window.setTimeout((function(){return d()}),0),[2]}))}))})),k((function(){window.removeEventListener("keydown",c),u()})),{shouldMountContent:a,open:d,close:c,toggle:function(){r.modelValue?c(null):d()},dialog:l,onTransitionEnded:function(e){"transform"===e.propertyName&&(r.modelValue||(a.value=!1,n("close")))}}}},ue={key:0,class:"kro-dialog__title"},ce={key:1,class:"kro-dialog__controls"};se.render=function(e,t,l,c,d,f){var p=a("kro-surface");return o(),n("div",null,[u(e.$slots,"activator",{open:e.open,close:e.close,toggle:e.toggle}),r(g,{to:"#kro-portal"},[r("div",{ref:"dialog",tabindex:-1,class:{"kro-dialog":!0,"kro-dialog--is-open":e.$attrs.modelValue}},[r("div",{tabindex:"-1",onClick:t[1]||(t[1]=function(){e.persistent||e.close()}),class:"kro-dialog__scrim"}),r(p,{raised:"",class:"kro-dialog__content",onTransitionend:e.onTransitionEnded},{default:i((function(){return[e.shouldMountContent?(o(),n(y,{key:0},[e.$slots.title?(o(),n("div",ue,[u(e.$slots,"title",{open:e.open,close:e.close,toggle:e.toggle})])):s("v-if",!0),u(e.$slots,"default",{open:e.open,close:e.close,toggle:e.toggle}),e.$slots.controls?(o(),n("div",ce,[u(e.$slots,"controls",{open:e.open,close:e.close,toggle:e.toggle})])):s("v-if",!0)],64)):s("v-if",!0)]})),_:1},8,["onTransitionend"])],2)])])},se.__file="src/components/Dialog/Dialog.vue";var de={name:"KroDivider",props:{vertical:Boolean,inset:Boolean}};de.render=function(e,t,r,a,l,i){return o(),n("hr",{class:{"kro-divider":!0,"kro-divider--vertical":e.vertical,"kro-divider--inset":e.inset}},null,2)},de.__file="src/components/Divider/Divider.vue";var fe,pe={name:"KroAlert",components:{KroIcon:O,KroButton:G},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 n=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(){n("dismissed"),r.value=!0},show:function(){n("show"),r.value=!1}}}},me={class:"kro-alert__icon"},ve={key:0};pe.render=function(e,t,f,p,m,v){var k=a("kro-icon"),g=a("kro-button");return c((o(),n(l(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:i((function(){return[r("div",me,[e.iconName?r(k,{key:0,icon:e.iconName},null,8,["icon"]):s("v-if",!0)]),r("div",null,[u(e.$slots,"default")]),e.dismissible?(o(),n("div",ve,[r(g,{onClick:e.hide,icon:"close"},null,8,["onClick"])])):s("v-if",!0)]})),_:3},8,["class"])),[[d,!e.isHidden]])},pe.__file="src/components/Alert/Alert.vue",function(e){e[e.ALERT=0]="ALERT",e[e.CONFIRMATION=1]="CONFIRMATION"}(fe||(fe={}));var ke=f(),ge=function(){var e=function(e){return new Promise((function(t,o){ke.value=S(S({},e),{successful:-1});var n=_((function(){1===ke.value.successful?(ke.value=null,n(),t()):0===ke.value.successful&&(ke.value=null,n(),o())}))}))};return{createDialog:e,createAlert:function(t){return A(void 0,void 0,void 0,(function(){return w(this,(function(o){return[2,e(S(S({canCancel:!0},t),{type:fe.ALERT}))]}))}))},createConfirmation:function(t){return A(void 0,void 0,void 0,(function(){return w(this,(function(o){return[2,e(S(S({canCancel:!0},t),{type:fe.CONFIRMATION}))]}))}))}}},ye={setup:function(){var e=t((function(){if(ke.value){if(ke.value.type===fe.ALERT)return"error";if(ke.value.type===fe.CONFIRMATION)return"warning"}return null}));return{dialog:ke,iconType:e}}},_e={key:0};ye.render=function(e,t,l,u,c,d){var f=a("kro-icon"),m=a("kro-button"),v=a("kro-dialog");return o(),n("div",null,[e.dialog?(o(),n("div",_e,[r(v,{persistent:e.dialog.persistent||!1,onClose:t[3]||(t[3]=function(t){return e.dialog.successful=0}),open:""},{title:i((function(){return[e.iconType?r(f,{key:0,icon:e.iconType},null,8,["icon"]):s("v-if",!0),h(" "+p(e.dialog.title),1)]})),controls:i((function(){return[e.dialog.canCancel?r(m,{key:0,onClick:t[1]||(t[1]=function(t){return e.dialog.successful=0})},{default:i((function(){return[h(p(e.dialog.cancelText||"Cancel"),1)]})),_:1}):s("v-if",!0),r(m,{onClick:t[2]||(t[2]=function(t){return e.dialog.successful=1}),primary:""},{default:i((function(){return[h(p(e.dialog.confirmText||"Ok"),1)]})),_:1})]})),default:i((function(){return[r("div",null,p(e.dialog.message),1)]})),_:1},8,["persistent"])])):s("v-if",!0)])},ye.__file="src/components/App/components/ComposableDialogs.vue";var he={name:"KroApp",components:{ComposableDialogs:ye}},be={class:"kro-app"},xe={class:"kro-app__content"};he.render=function(e,t,l,i,s,c){var d=a("composable-dialogs");return o(),n("div",be,[r("div",xe,[u(e.$slots,"default")]),r(d)])},he.__file="src/components/App/App.vue";var Le={name:"KroListItem",props:{tag:{type:String,default:"div"}},setup:function(e){return{}}},Ve={key:0,class:"kro-list-item__icon"},Se={class:"kro-list-item__content"},Ae={class:"kro-list-item__title"},we={key:0,class:"kro-list-item__subtitle"},Ke={key:1,class:"kro-list-item__action"};Le.render=function(e,t,a,c,d,f){return o(),n(l(e.tag),{class:"kro-list-item"},{default:i((function(){return[e.$slots.icon?(o(),n("div",Ve,[u(e.$slots,"icon")])):s("v-if",!0),r("div",Se,[r("span",Ae,[u(e.$slots,"default")]),e.$slots.subtitle?(o(),n("span",we,[u(e.$slots,"subtitle")])):s("v-if",!0)]),e.$slots.action?(o(),n("div",Ke,[u(e.$slots,"action")])):s("v-if",!0)]})),_:3})},Le.__file="src/components/List/ListItem.vue";var Ce={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),n=f(null),r=b({"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}),a=function(){Object.keys(r).forEach((function(e){return r[e]=!1}));var a=e.offsetX,l=e.offsetY,i=e.left,s=e.right,u=e.top,c=e.bottom,d=function(e,t,o){if(!e.value||!t.value)return{canFit:{top:!1,bottom:!1,left:!1,right:!1}};var n=window.innerWidth,r=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<r,top:l.offsetHeight<a.top,left:l.offsetTop<a.left,right:l.offsetWidth+a.left+i<n}}}(o,n,{offsetX:a,offsetY:l}).canFit;console.log(d),d.top&&u?r["kro-menu__content--y-top"+(l?"-offset":"")]=!0:d.bottom&&c||d.bottom?r["kro-menu__content--y-bottom"+(l?"-offset":"")]=!0:d.top&&(r["kro-menu__content--y-top"+(l?"-offset":"")]=!0),d.left&&i?r["kro-menu__content--x-left"+(a?"-offset":"")]=!0:d.right&&s||d.right?r["kro-menu__content--x-right"+(a?"-offset":"")]=!0:d.left&&(r["kro-menu__content--x-left"+(a?"-offset":"")]=!0),t.value=!0},l=function(){t.value=!1};return{isOpen:t,classes:r,open:a,close:l,toggle:function(){t.value?l():a()},menu:n,container:o}}},$e={ref:"container",class:"kro-menu"};Ce.render=function(e,t,a,l,i,s){return o(),n("div",$e,[r("div",{onClick:t[1]||(t[1]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.close.apply(e,t)}),class:["kro-menu__scrim",{"kro-menu__scrim--is-open":e.isOpen}]},null,2),u(e.$slots,"activator",{open:e.open}),r("div",{ref:"menu",class:["kro-menu__content",Object.assign({},e.classes,{"kro-menu__content--is-open":e.isOpen})]},[u(e.$slots,"default")],2)],512)},Ce.__file="src/components/Menu/Menu.vue";var Be={name:"KroAvatar",props:{src:String}},Me={class:"kro-avatar"};Be.render=function(e,t,a,l,i,s){return o(),n("div",Me,[r("img",{src:e.src,alt:""},null,8,["src"])])},Be.__file="src/components/Avatar/Avatar.vue";var He={name:"KroProgressBar",props:{stream:Boolean,indeterminate:Boolean,rounded:{type:Boolean,default:!0},value:{type:Number,default:0},bufferValue:{type:Number,default:100}}},Te=r("div",{class:"kro-progress-bar__stream"},[r("div",{class:"kro-progress-bar__stream-content"})],-1),Ee=r("div",{class:"kro-progress-bar__indeterminate"},null,-1);He.render=function(e,t,a,l,i,s){return o(),n("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}},[Te,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),Ee],2)},He.__file="src/components/ProgressBar/ProgressBar.vue";var Ie={name:"KroLayout",components:{KroToolbar:ne},props:{fixed:{type:Boolean,default:!0}}},De={class:"kro-layout__container"},Ne={class:"kro-layout__content"},Oe={key:0,class:"kro-layout__footer"};Ie.render=function(e,t,a,l,i,c){return o(),n("div",{class:{"kro-layout":!0,"kro-layout--has-navigation":!!e.$slots.navigation,"kro-layout--has-toolbar":!!e.$slots.toolbar,"kro-toolbar--has-content":!!e.$slots.content,"kro-toolbar--has-footer":!!e.$slots.footer}},[e.$slots.navigation?(o(),n("div",{key:0,class:{"kro-layout__navigation":!0,"kro-layout__navigation--fixed":e.fixed}},[u(e.$slots,"navigation")],2)):s("v-if",!0),e.$slots.toolbar?(o(),n("div",{key:1,class:{"kro-layout__toolbar":!0,"kro-layout__toolbar--fixed":e.fixed}},[u(e.$slots,"toolbar")],2)):s("v-if",!0),r("div",De,[r("div",Ne,[u(e.$slots,"default")]),e.$slots.footer?(o(),n("div",Oe,[u(e.$slots,"footer")])):s("v-if",!0)])],2)},Ie.__file="src/components/Layout/Layout.vue";var qe={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)}}}},Re={class:"kro-navigation"};qe.render=function(e,t,a,l,i,s){return o(),n("div",Re,[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]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.close.apply(e,t)})},null,2),r("div",{class:{"kro-navigation__content":!0,"kro-navigation--is-open":e.$attrs.modelValue,"kro-navigation--is-temporary":e.temporary}},[u(e.$slots,"default",{close:e.close,open:e.open})],2)])},qe.__file="src/components/Navigation/Navigation.vue";var Pe={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,n=f(!1),r=f(null);return v((function(){r.value&&Array.from(r.value.options).forEach((function(e){e.value===o.modelValue&&(e.selected=!0)}))})),{focused:n,select:r}}},Ze={class:"kro-select"},Fe={class:"kro-select__hidden-label"},je=r("option",{selected:"",hidden:""},null,-1);Pe.render=function(e,t,l,i,s,c){var d=a("kro-icon");return o(),n("div",Ze,[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},p(e.label),11,["for"]),r("div",Fe,p(e.label),1),r("span",{class:{"kro-select__pseudo-label":!0,"kro-select--focused":e.focused,"kro-select--has-text":e.$attrs.modelValue}},p(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]=function(t){return e.$emit("update:modelValue",t.target.value)}),onFocus:t[2]||(t[2]=function(t){return e.focused=!0}),onBlur:t[3]||(t[3]=function(t){return e.focused=!1})},[je,u(e.$slots,"default")],40,["disabled","required","readonly","autofocus","name","id","value"]),r(d,{class:"kro-select__icon",icon:"chevron-down"})],2)])},Pe.__file="src/components/Select/Select.vue";var Ge={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,r=o.attrs,a=f(),l=f(),i=function(e){var o=V(e),n=o.x,r=o.elementPositionX,a=o.elementWidth,l=t((function(){return Math.min(Math.max(0,n.value-r.value),a.value)/(a.value||1)}));return{elementWidth:a,targetPercentage:l}}(a).targetPercentage,s=function(e){var t=f(0),o=f(0),n=f(0),r=f(0),a=function(e){var a=e.getBoundingClientRect(),l=a.left,i=a.top,s=a.width,u=a.height;t.value=s,o.value=u,n.value=l,r.value=i};m(e,(function(e){var t=e||document.body;a(t)}));var l=x((function(){var t=e.value||document.body;a(t)}),250);return L("resize",l),{elementWidth:t,elementHeight:o,elementLeft:n,elementTop:r}}(a).elementWidth,u=f(!1),c=ie(),d=c.disableDocumentSelect,p=c.enableDocumentSelect,k=function(){u.value=!1,p(),removeEventListener("touchcancel",k),removeEventListener("touchend",k),removeEventListener("mouseup",k)},g=function(){u.value=!0,d(),addEventListener("touchcancel",k),addEventListener("touchend",k),addEventListener("mouseup",k)},y=t((function(){return s.value/Math.ceil((e.max-e.min)/e.step)})),h=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue-e.step)))},b=function(){n("update:modelValue",Math.max(e.min,Math.min(e.max,r.modelValue+e.step)))};return v((function(){n("update:modelValue",Math.max(e.min,Math.min(r.modelValue||0,e.max)))})),_((function(){u.value&&n("update:modelValue",Math.max(e.min,Math.min(Math.round(i.value*(e.max-e.min)/e.step)*e.step+e.min,e.max)))})),{knobRef:l,sliderRef:a,targetPercentage:i,enableEditing:g,trackSpacing:y,isEditing:u,onSliderClick:function(){setTimeout((function(){l.value.focus()}),0),g()},incrementValue:function(e){"ArrowLeft"===e.key&&h(),"ArrowRight"===e.key&&b()},subtractValue:h,addValue:b}}},We={class:"kro-slider__track-container"},ze={ref:"sliderRef",class:"kro-slider__track"},Xe=r("div",{class:"kro-slider__progress"},null,-1),Ye={class:"kro-slider__knob-container"},Ue=r("div",{class:"kro-slider__thumb"},null,-1),Je={key:0},Qe={key:1};Ge.render=function(e,t,a,l,i,c){return o(),n("div",{class:"kro-slider",onTouchstartPassive:t[2]||(t[2]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.enableEditing.apply(e,t)}),onMousedown:t[3]||(t[3]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.onSliderClick.apply(e,t)}),style:{"--kro-slider-progress":(e.$attrs.modelValue-e.min)/(e.max-e.min)*100-100+"%"}},[r("div",We,[r("div",ze,[e.ticks?(o(),n("div",{key:0,style:{"--kro-slider-tick-spacing":e.trackSpacing+"px"},class:"kro-slider__markers"},null,4)):s("v-if",!0),Xe],512),r("div",Ye,[r("button",{ref:"knobRef",class:"kro-slider__knob",tabindex:"0",onKeydown:t[1]||(t[1]=function(){for(var t=[],o=arguments.length;o--;)t[o]=arguments[o];return e.incrementValue.apply(e,t)})},null,544),r("div",{class:["kro-slider__preview-value",{"kro-slider__preview-value--is-active":e.isEditing}]},[Ue,e.$slots.thumb?(o(),n("span",Qe,[u(e.$slots,"thumb",{value:e.$attrs.modelValue})])):(o(),n("span",Je,p(e.$attrs.modelValue),1))],2)])])],36)},Ge.__file="src/components/Slider/Slider.vue";var et,tt=function(){return{install:function(e,t){var o=S({},D);if(t&&t.hasOwnProperty("icons")&&(o=S(S({},o),t.icons)),t.components&&Array.isArray(t.components))for(var n in t.components){var r=t.components[n];r&&e.component(n,r)}e.provide(C,o),I()}}},ot=(et=Object.freeze({__proto__:null,KroButton:G,KroButtonGroup:z,KroIcon:O,KroSpinner:R,KroSquircle:Z,KroSwitch:Y,KroTextfield:oe,KroToolbar:ne,KroDialog:se,KroSurface:re,KroDivider:de,KroAlert:pe,KroApp:he,KroListItem:Le,KroMenu:Ce,KroAvatar:Be,KroProgressBar:He,KroLayout:Ie,KroNavigation:qe,KroSelect:Pe,KroSlider:Ge}),{install:function(e,t){var o=S({},D);if(t&&t.hasOwnProperty("icons")&&(o=S(S({},o),t.icons)),et)for(var n in et){var r=et[n];r&&e.component(n,r)}e.provide(C,o),I()}});export{fe as DialogType,pe as KroAlert,he as KroApp,Be as KroAvatar,G as KroButton,z as KroButtonGroup,se as KroDialog,de as KroDivider,O as KroIcon,Ie as KroLayout,Le as KroListItem,Ce as KroMenu,qe as KroNavigation,He as KroProgressBar,Pe as KroSelect,Ge as KroSlider,R as KroSpinner,Z as KroSquircle,re as KroSurface,Y as KroSwitch,oe as KroTextfield,ne as KroToolbar,tt as KroUIBaseConfigurationPlugin,ot as KroUIPlugin,ge as useDialog,$ as useIcons,E as useTheme};

package.json

 {
   "name": "@black-kro/ui",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "private": false,
@@ -5,0 +5,0 @@ "main": "./dist/index.common.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

245575

increased by0.1%

Lines of code

2330

increased by0.17%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes