vue3-material
Version:
Vue 3 components which adhere to the material design spec
1 lines • 71.6 kB
JavaScript
var Vue3Material=function(e){"use strict";function n(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var a=[],t=!0,r=!1,o=void 0;try{for(var i,d=e[Symbol.iterator]();!(t=(i=d.next()).done)&&(a.push(i.value),!n||a.length!==n);t=!0);}catch(e){r=!0,o=e}finally{try{t||null==d.return||d.return()}finally{if(r)throw o}}return a}(e,n)||t(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e){return function(e){if(Array.isArray(e))return r(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||t(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e,n){if(e){if("string"==typeof e)return r(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?r(e,n):void 0}}function r(e,n){(null==n||n>e.length)&&(n=e.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=e[a];return t}var o=e.defineComponent({props:{rippleColor:{type:String,default:"rgb(255, 255, 255)"}},setup:function(n){var a=e.ref(null),t=e.computed((function(){return"--ripple-color: ".concat(n.rippleColor,";")}));return{props:n,createRipple:function(e){var n=e.currentTarget;if(n){var t=document.createElement("span"),r=Math.max(n.clientWidth,n.clientHeight),o=r/2;t.style.width=t.style.height="".concat(r,"px");var i=n.getBoundingClientRect();if(t.style.left="\n ".concat(e.clientX-i.left-o,"px\n "),t.style.top="\n ".concat(e.clientY-i.top-o,"px\n "),t.classList.add("ripple"),a.value){var d=n.getElementsByClassName("ripple")[0];d&&d.remove()}n.appendChild(t)}},rippleEffect:a,cssProperties:t}}}),i=e.withScopeId("data-v-3c6cb756");e.pushScopeId("data-v-3c6cb756");var d={class:"content"};e.popScopeId();var l=i((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock(e.Fragment,null,[e.createVNode("div",{class:"ripple-effect",style:n.cssProperties,onMousedown:a[1]||(a[1]=function(){return n.createRipple&&n.createRipple.apply(n,arguments)}),ref:"rippleEffect"},null,36),e.createVNode("div",d,[e.renderSlot(n.$slots,"default")])],64)}));function p(e,n){void 0===n&&(n={});var a=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===a&&t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}p("\n/* ripple */\n.ripple-effect[data-v-3c6cb756] {\n display: inline-flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 0;\n border-radius: 4px;\n cursor: pointer;\n white-space: nowrap;\n box-sizing: border-box;\n text-decoration: none;\n flex: 1;\n width: 100%;\n height: 100%;\n transition: background 100ms, box-shadow 300ms;\n}\n.content[data-v-3c6cb756] {\n z-index: 10;\n pointer-events: none;\n}\n");p("\nspan.ripple {\n --visible-opacity: 0.2;\n pointer-events: none;\n display: flex;\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n background-color: rgba(255, 255, 255, 0);\n box-shadow: 0 0 5px 5px var(--ripple-color);\n animation: ripple 450ms ease-in;\n transform: scale(4);\n transition: background-color 0.2s;\n opacity: 0.2;\n}\n.ripple-effect:active:hover span.ripple {\n background-color: var(--ripple-color) !important;\n}\n@keyframes ripple {\n0% {\n background-color: var(--ripple-color);\n transform: scale(0);\n}\n66% {\n background-color: var(--ripple-color);\n transform: scale(4);\n}\n100% {\n background-color: rgba(255, 255, 255, 0);\n}\n}\n"),o.render=l,o.__scopeId="data-v-3c6cb756";var c=e.defineComponent({components:{VmRipple:o},props:{type:{type:String,default:"button"},icon:{type:String,default:"fal fa-coffee"},label:{type:String,default:""},isSmall:{type:Boolean,default:!1},primaryColor:{type:String,default:"rgb(98, 0, 238)"},accentColor:{type:String,default:"rgb(255, 255, 255)"},elevation:{type:Number,default:1}},setup:function(n){var a=e.computed((function(){var e="--primary-color: ".concat(n.primaryColor,";")+"--text-color: ".concat(n.accentColor,";");return n.label||(e+="--ab-width: var(--size);--ab-padding: 0;"),null!==n.elevation&&(e+="--default-elevation: var(--elevation-".concat(n.elevation,");")+"--focus-elevation: var(--elevation-".concat(n.elevation+2,");")+"--active-elevation: var(--elevation-".concat(n.elevation+6,");")),e}));return{props:n,cssProperties:a}}}),v=e.withScopeId("data-v-82c27306");e.pushScopeId("data-v-82c27306");var b=e.createVNode("div",{class:"btn-overlay"},null,-1),u={class:"content"},s={key:0,class:"label-text"};e.popScopeId();var f=v((function(n,a,t,r,o,i){var d=e.resolveComponent("vm-ripple");return e.openBlock(),e.createBlock("button",{class:["vm-action-btn",{small:n.isSmall}],style:n.cssProperties,type:n.type},[e.createVNode(d,{rippleColor:n.props.accentColor},{default:v((function(){return[b,e.createVNode("div",u,[e.createVNode("i",{class:n.props.icon},null,2),n.props.label?(e.openBlock(),e.createBlock("div",s,e.toDisplayString(n.props.label),1)):e.createCommentVNode("",!0)])]})),_:1},8,["rippleColor"])],14,["type"])}));p("\n.vm-action-btn[data-v-82c27306] {\n --size: 45px;\n --ab-padding: 16px;\n width: var(--ab-width);\n height: var(--size);\n min-width: var(--ab-width);\n min-height: var(--size);\n max-width: var(--ab-width);\n max-height: var(--size);\n user-select: none;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n overflow: hidden;\n transition: background 400ms;\n color: var(--text-color);\n background: var(--primary-color);\n font-size: 1.6rem;\n outline: 0;\n border: 0;\n border-radius: calc(var(--size) / 2);\n box-shadow: var(--elevation-shadow);\n padding: 0 var(--ab-padding);\n cursor: pointer;\n box-shadow: var(--default-elevation);\n transition: background 100ms, box-shadow 300ms;\n font-family: 'Roboto', sans-serif;\n font-weight: 500;\n letter-spacing: 1.25px;\n}\n.label-text[data-v-82c27306] {\n font-size: 0.88rem;\n}\n.vm-action-btn[data-v-82c27306]:hover,\n.vm-action-btn[data-v-82c27306]:focus {\n box-shadow: var(--focus-elevation);\n}\n.vm-action-btn[data-v-82c27306]:active:focus {\n box-shadow: var(--active-elevation);\n}\n.vm-action-btn:hover .btn-overlay[data-v-82c27306] {\n background: rgba(255, 255, 255, 0.05);\n}\n.vm-action-btn:focus .btn-overlay[data-v-82c27306] {\n background: rgba(255, 255, 255, 0.1);\n}\n.small[data-v-82c27306] {\n --size: 35px;\n font-size: 1.4rem;\n}\n.btn-overlay[data-v-82c27306] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0);\n transition-duration: 0.1s;\n}\n.content[data-v-82c27306] {\n z-index: 1;\n display: flex;\n justify-content: center;\n width: 100%;\n}\n"),c.render=f,c.__scopeId="data-v-82c27306";var m=e.defineComponent({props:{elevation:{type:Number,default:2}},setup:function(e){return{props:e}}}),g=e.withScopeId("data-v-2ddee2f9")((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:["app-bar",["elevation-".concat(n.props.elevation),"elevation-background-".concat(n.props.elevation)]]},[e.renderSlot(n.$slots,"default")],2)}));p("\n.app-bar[data-v-2ddee2f9] {\n min-height: 4rem;\n display: flex;\n width: 100%;\n}\n"),m.render=g,m.__scopeId="data-v-2ddee2f9";var x=e.defineComponent({components:{VmRipple:o},props:{type:{type:String,default:"button"},variant:{type:String,validator:function(e){return["contained","outlined","text"].includes(e)},default:"contained"},routerPath:{type:String,default:""},isDisabled:{type:Boolean,default:!1},primaryColor:{type:String,default:"rgb(98, 0, 238)"},accentColor:{type:String,default:"rgb(255, 255, 255)"},elevation:{type:Number,default:2}},setup:function(n){var a=e.computed((function(){var e="--primary-color: ".concat(n.primaryColor,";")+"--text-color: ".concat(n.accentColor,";");return null!==n.elevation&&(e+="--default-elevation: var(--elevation-".concat(n.elevation,");")+"--focus-elevation: var(--elevation-".concat(n.elevation+2,");")+"--active-elevation: var(--elevation-".concat(n.elevation+6,");")),e}));return{props:n,cssProperties:a}}}),h=e.withScopeId("data-v-9fecb26c");e.pushScopeId("data-v-9fecb26c");var y=e.createVNode("div",{class:"btn-overlay"},null,-1);e.popScopeId();var k=h((function(n,a,t,r,o,i){var d=e.resolveComponent("vm-ripple");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.routerPath?"router-link":"button"),{class:["vm-btn",["btn-".concat(n.props.variant),{disabled:n.isDisabled}]],style:n.cssProperties,type:n.props.type,to:n.routerPath},{default:h((function(){return[y,e.createVNode(d,{rippleColor:"contained"!==n.props.variant?n.props.primaryColor:n.props.accentColor},{default:h((function(){return[e.renderSlot(n.$slots,"default")]})),_:3},8,["rippleColor"])]})),_:1},8,["class","style","type","to"])}));p("\n/* contained */\n.btn-contained[data-v-9fecb26c] {\n color: var(--text-color);\n background: var(--primary-color);\n box-shadow: var(--default-elevation);\n border: 0;\n padding: 10px 16px;\n}\n.btn-overlay[data-v-9fecb26c] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0);\n transition-duration: 0.1s;\n}\n.btn-contained:hover .btn-overlay[data-v-9fecb26c] {\n background: rgba(255, 255, 255, 0.05);\n}\n.btn-contained:focus .btn-overlay[data-v-9fecb26c] {\n background: rgba(255, 255, 255, 0.15);\n}\n\n/* outlined and text */\n.btn-outlined[data-v-9fecb26c] {\n background: none;\n color: var(--primary-color);\n border: 1px solid var(--primary-color);\n padding: 10px 15px;\n}\n.btn-text[data-v-9fecb26c] {\n background: none;\n color: var(--primary-color);\n border: 0;\n padding: 10px 16px;\n}\n.btn-text .btn-overlay[data-v-9fecb26c],\n.btn-outlined .btn-overlay[data-v-9fecb26c] {\n opacity: 0.1;\n}\n.btn-text:hover .btn-overlay[data-v-9fecb26c],\n.btn-outlined:hover .btn-overlay[data-v-9fecb26c] {\n background: var(--primary-color);\n}\n.btn-text:focus .btn-overlay[data-v-9fecb26c],\n.btn-outlined:focus .btn-overlay[data-v-9fecb26c] {\n background: var(--primary-color);\n opacity: 0.2;\n}\n.vm-btn[data-v-9fecb26c] {\n font-family: 'Roboto', sans-serif;\n user-select: none;\n display: inline-flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n font-size: 0.88rem;\n font-weight: 500;\n letter-spacing: 1.25px;\n outline: 0;\n border-radius: 4px;\n cursor: pointer;\n white-space: nowrap;\n box-sizing: border-box;\n text-decoration: none;\n transition: background 100ms, box-shadow 300ms;\n}\n.btn-contained[data-v-9fecb26c]:hover,\n.btn-contained[data-v-9fecb26c]:focus {\n box-shadow: var(--focus-elevation);\n}\n.btn-contained[data-v-9fecb26c]:active:hover {\n box-shadow: var(--active-elevation);\n}\n.disabled[data-v-9fecb26c] {\n opacity: 0.5;\n pointer-events: none;\n}\n"),x.render=k,x.__scopeId="data-v-9fecb26c";var w=e.defineComponent({props:{elevation:{type:Number,default:2},borderRadius:{type:Number,default:5}},setup:function(n){var a=e.computed((function(){return"--card-border-radius: ".concat(n.borderRadius,"px;")}));return{props:n,cssProperties:a}}}),V=e.withScopeId("data-v-114efd9e")((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:["card",["elevation-".concat(n.props.elevation),"elevation-background-".concat(n.props.elevation)]],style:n.cssProperties},[e.renderSlot(n.$slots,"default")],6)}));p("\n.card[data-v-114efd9e] {\n position: relative;\n border-radius: var(--card-border-radius);\n overflow: hidden;\n transition: box-shadow 0.2s;\n}\n"),w.render=V,w.__scopeId="data-v-114efd9e";var S=e.defineComponent({setup:function(e){return{props:e}}}),N=e.withScopeId("data-v-e2fc2772");e.pushScopeId("data-v-e2fc2772");var I={class:"card-content"};e.popScopeId();var B=N((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",I,[e.renderSlot(n.$slots,"default")])}));p("\n.card-content[data-v-e2fc2772] {\n padding: 15px 20px;\n}\n"),S.render=B,S.__scopeId="data-v-e2fc2772";var C=e.defineComponent({setup:function(e){return{props:e}}}),z=e.withScopeId("data-v-4bb1fe1a");e.pushScopeId("data-v-4bb1fe1a");var _={class:"card-header"};e.popScopeId();var P=z((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",_,[e.renderSlot(n.$slots,"default")])}));p("\n.card-header[data-v-4bb1fe1a] {\n padding: 15px 20px;\n font-size: 1.2rem;\n font-weight: 500;\n}\n"),C.render=P,C.__scopeId="data-v-4bb1fe1a";var D=e.defineComponent({setup:function(){return{}}}),F=e.withScopeId("data-v-bebb5804");e.pushScopeId("data-v-bebb5804");var R={class:"container"},j={class:"content"};e.popScopeId();var A=F((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",R,[e.createVNode("div",j,[e.renderSlot(n.$slots,"default")])])}));p("\n.container[data-v-bebb5804] {\n display: flex;\n justify-content: center;\n padding: 0 calc(var(--default-margin) * 4);\n}\n.content[data-v-bebb5804] {\n flex: 1;\n max-width: 1200px;\n width: 100%;\n}\n"),D.render=A,D.__scopeId="data-v-bebb5804";var L=e.defineComponent({props:{modelValue:{type:[String,Number]},variant:{type:String,validator:function(e){return["filled","outlined"].includes(e)},default:"filled"},label:{type:String,default:"Default"}},setup:function(n,a){return{props:n,datePicker:e.ref(null),updateValue:function(e){var n=e.target.value;a.emit("update:modelValue",n)}}}}),T=e.withScopeId("data-v-7427c44c");e.pushScopeId("data-v-7427c44c");var O=e.createVNode("div",{class:"date-picker-left"},null,-1),$={class:"date-picker-notch date-picker-notch-filled"},M=e.createVNode("div",{class:"date-picker-right"},null,-1);e.popScopeId();var E=T((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:["date-picker","date-picker-"+n.props.variant]},[e.createVNode("input",{class:"date-picker-input",type:"date",ref:"datePicker",value:n.modelValue,onInput:a[1]||(a[1]=function(){return n.updateValue&&n.updateValue.apply(n,arguments)})},null,40,["value"]),O,e.createVNode("div",$,[e.createVNode("div",{class:["date-picker-label",{"date-picker-label-filled":n.isInputFilled}]},e.toDisplayString(n.props.label),3)]),M],2)}));p("\n.date-picker[data-v-7427c44c] {\n --font-size: 1rem;\n --label-padding: 6px;\n --horizontal-padding: 16px;\n --border: 1px solid rgba(var(--default-color), 0.42);\n --height: calc(\n var(--font-size) + (var(--padding-top) + var(--padding-bottom)) + 2px\n );\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n}\n.date-picker-filled[data-v-7427c44c] {\n --padding-top: 24px;\n --padding-bottom: calc(38px - var(--padding-top));\n transition: background 0.2s;\n}\n.date-picker-filled[data-v-7427c44c]:hover {\n --padding-bottom: calc(38px - var(--padding-top));\n}\n.date-picker-outlined[data-v-7427c44c] {\n --padding-top: 18px;\n --padding-bottom: 18px;\n}\n.date-picker-outlined:hover .date-picker-left[data-v-7427c44c],\n.date-picker-outlined:hover .date-picker-notch[data-v-7427c44c],\n.date-picker-outlined:hover .date-picker-right[data-v-7427c44c] {\n --border: 1px solid rgba(var(--default-color), 0.87);\n}\n.date-picker-filled .date-picker-left[data-v-7427c44c],\n.date-picker-filled .date-picker-notch[data-v-7427c44c],\n.date-picker-filled .date-picker-right[data-v-7427c44c] {\n background: rgba(var(--default-color), 0.03);\n}\n.date-picker-filled:hover .date-picker-left[data-v-7427c44c],\n.date-picker-filled:hover .date-picker-notch[data-v-7427c44c],\n.date-picker-filled:hover .date-picker-right[data-v-7427c44c] {\n background: rgba(var(--default-color), 0.06);\n --border: 1px solid rgba(var(--default-color), 0.87);\n}\n.date-picker-left[data-v-7427c44c],\n.date-picker-notch[data-v-7427c44c],\n.date-picker-right[data-v-7427c44c] {\n min-height: 100%;\n max-height: 100%;\n height: 100%;\n}\n.date-picker-left[data-v-7427c44c],\n.date-picker-right[data-v-7427c44c] {\n min-height: var(--height);\n max-height: var(--height);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n}\n.date-picker-notch[data-v-7427c44c] {\n min-height: var(--height);\n max-height: var(--height);\n padding-top: 18px;\n padding-bottom: 18px;\n}\n.date-picker-left[data-v-7427c44c] {\n border-bottom: var(--border);\n padding-left: calc(var(--horizontal-padding) - var(--label-padding));\n border-top-left-radius: 4px;\n}\n.date-picker-outlined .date-picker-left[data-v-7427c44c] {\n border: var(--border);\n border-right: none;\n border-bottom-left-radius: 4px;\n}\n.date-picker-notch[data-v-7427c44c] {\n display: flex;\n align-items: center;\n border-bottom: var(--border);\n}\n.date-picker-outlined .date-picker-notch[data-v-7427c44c] {\n border-top: var(--border);\n}\n.date-picker-right[data-v-7427c44c] {\n border-bottom: var(--border);\n width: 100%;\n border-top-right-radius: 4px;\n}\n.date-picker-outlined .date-picker-right[data-v-7427c44c] {\n border: var(--border);\n border-left: none;\n border-bottom-right-radius: 4px;\n}\n.date-picker input[data-v-7427c44c] {\n flex: 1;\n position: absolute;\n padding: 0 var(--horizontal-padding);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n outline: none;\n border: none;\n border-radius: 5px;\n background: rgba(0, 0, 0, 0);\n color: var(--default-color);\n font-size: var(--font-size);\n width: 100%;\n}\n.date-picker-label[data-v-7427c44c] {\n flex: 1;\n padding: 0 6px;\n color: rgba(var(--default-color), 0.6);\n transition-duration: 0.2s;\n white-space: nowrap;\n font-size: var(--font-size);\n}\n.date-picker-notch[data-v-7427c44c],\n.date-picker-outlined .date-picker-notch-filled[data-v-7427c44c] {\n border-top: none;\n}\n.date-picker-filled .date-picker-notch .date-picker-label[data-v-7427c44c],\n.date-picker-filled .date-picker-label-filled[data-v-7427c44c] {\n transform: translateY(calc((-1 / 4) * var(--height)));\n font-size: 0.8rem;\n}\n.date-picker-outlined .date-picker-notch .date-picker-label[data-v-7427c44c],\n.date-picker-outlined .date-picker-label-filled[data-v-7427c44c] {\n transform: translateY(calc((-1 / 2) * var(--height)));\n font-size: 0.8rem;\n}\n.date-picker-filled input:focus ~ .date-picker-left[data-v-7427c44c],\n.date-picker-filled input:focus ~ .date-picker-notch[data-v-7427c44c],\n.date-picker-filled input:focus ~ .date-picker-right[data-v-7427c44c] {\n background: rgba(var(--default-color), 0.1);\n}\ninput:focus ~ .date-picker-left[data-v-7427c44c],\ninput:focus ~ .date-picker-notch[data-v-7427c44c],\ninput:focus ~ .date-picker-right[data-v-7427c44c] {\n border-color: #4c77d6;\n}\ninput:focus ~ .date-picker-notch .date-picker-label[data-v-7427c44c] {\n color: #4c77d6;\n}\ninput[data-v-7427c44c]:-webkit-autofill,\ninput[data-v-7427c44c]:-webkit-autofill:hover,\ninput[data-v-7427c44c]:-webkit-autofill:focus,\ninput[data-v-7427c44c]:-webkit-autofill:active {\n -webkit-background-clip: text;\n -webkit-text-fill-color: rgb(var(--default-color));\n}\ninput[data-v-7427c44c]::-webkit-outer-spin-button,\ninput[data-v-7427c44c]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\ninput[type='number'][data-v-7427c44c] {\n -moz-appearance: textfield;\n}\n"),L.render=E,L.__scopeId="data-v-7427c44c";var Y=e.defineComponent({props:{spacing:{type:Number,default:50}},setup:function(n){return{cssProperties:e.computed((function(){return"--spacing: ".concat(n.spacing,"px;")}))}}}),H=e.withScopeId("data-v-5c14f881")((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:"divider",style:n.cssProperties},null,4)}));p("\n.divider[data-v-5c14f881] {\n width: 100%;\n padding-bottom: var(--spacing);\n margin-bottom: var(--spacing);\n border-bottom: 1px solid rgba(var(--default-color), 0.1);\n}\n"),Y.render=H,Y.__scopeId="data-v-5c14f881";var G=e.defineComponent({props:{modelValue:{type:Number,default:0},label:{type:String,default:"Default"},placeholder:{type:String,default:"Select an option"},options:{type:Array,default:function(){return[]}},value:{type:String,default:"id"},title:{type:String,default:"title"},sort:{type:Function,default:function(){return!0}}},setup:function(n,t){var r=e.ref(null),o=e.computed((function(){return n.modelValue>0})),i=e.computed((function(){return a(n.options).sort(n.sort)}));return{props:n,sortedOptions:i,isInputFilled:o,dropdownField:r,updateValue:function(e){var n=parseInt(e.target.value);t.emit("update:modelValue",n)}}}}),W=e.withScopeId("data-v-524e0fcb");e.pushScopeId("data-v-524e0fcb");var X={class:"dropdown"},q={class:"default-option-text",value:0},U=e.createVNode("div",{class:"dropdown-left"},null,-1),J={class:"dropdown-notch"},K={class:"dropdown-label"},Q=e.createVNode("div",{class:"dropdown-right"},null,-1);e.popScopeId();var Z=W((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",X,[e.createVNode("select",{class:["dropdown-field",{"default-option":!n.isInputFilled}],ref:"dropdownField",value:n.modelValue,onInput:a[1]||(a[1]=function(){return n.updateValue&&n.updateValue.apply(n,arguments)})},[e.createVNode("option",q,e.toDisplayString(n.props.placeholder),1),(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(n.sortedOptions,(function(a,t){return e.openBlock(),e.createBlock("option",{key:t,value:a[n.props.value]},e.toDisplayString(a[n.props.title]),9,["value"])})),128))],42,["value"]),U,e.createVNode("div",J,[e.createVNode("div",K,e.toDisplayString(n.props.label),1)]),Q])}));p("\n.dropdown[data-v-524e0fcb] {\n --font-size: 1.1rem;\n --label-padding: 6px;\n --horizontal-padding: 16px;\n --vertical-padding: 16px;\n --border: 1px solid rgba(var(--default-color), 0.42);\n --height: calc(var(--font-size) + (var(--vertical-padding) * 2) + 2px);\n display: flex;\n width: 100%;\n font-size: 1.1rem;\n border-radius: 4px;\n background: rgba(255, 255, 255, 0);\n position: relative;\n}\n.dropdown[data-v-524e0fcb]:hover {\n --border: 1px solid rgba(var(--default-color), 0.87);\n}\n.dropdown-left[data-v-524e0fcb],\n.dropdown-notch[data-v-524e0fcb],\n.dropdown-right[data-v-524e0fcb] {\n min-height: var(--height);\n max-height: var(--height);\n padding: var(--vertical-padding) 0;\n}\n.dropdown-left[data-v-524e0fcb] {\n padding-left: calc(var(--horizontal-padding) - var(--label-padding));\n border: var(--border);\n border-right: none;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.dropdown-notch[data-v-524e0fcb] {\n display: flex;\n align-items: center;\n padding: var(--vertical-padding) 0;\n border-bottom: var(--border);\n}\n.dropdown-right[data-v-524e0fcb] {\n width: 100%;\n border: var(--border);\n border-left: none;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.dropdown-field[data-v-524e0fcb] {\n flex: 1;\n width: 100%;\n height: 100%;\n position: absolute;\n font-size: 1.1rem;\n border: none;\n padding: 0 calc(var(--horizontal-padding) - 4px);\n background: rgba(255, 255, 255, 0);\n color: rgb(var(--default-color));\n margin-right: var(--horizontal-padding);\n outline: none;\n}\n.dropdown-label[data-v-524e0fcb] {\n flex: 1;\n padding: 0 6px;\n color: rgba(var(--default-color), 0.6);\n transition-duration: 0.2s;\n transform: translateY(calc((-1 / 2) * var(--height)));\n font-size: 0.8rem;\n white-space: nowrap;\n}\n.dropdown-field option[data-v-524e0fcb] {\n color: rgba(0, 0, 0, 0.8);\n}\n.default-option[data-v-524e0fcb] {\n color: rgba(var(--default-color), 0.6);\n}\n.dropdown-field option.default-option-text[data-v-524e0fcb] {\n color: rgba(0, 0, 0, 0.6);\n}\n.dropdown-field:focus ~ .dropdown-left[data-v-524e0fcb],\n.dropdown-field:focus ~ .dropdown-notch[data-v-524e0fcb],\n.dropdown-field:focus ~ .dropdown-right[data-v-524e0fcb] {\n border-color: #4c77d6;\n}\n.dropdown-field:focus ~ .dropdown-notch .dropdown-label[data-v-524e0fcb] {\n color: #4c77d6;\n}\n"),G.render=Z,G.__scopeId="data-v-524e0fcb";var ee=e.defineComponent({props:{scale:{type:Number,default:1},color:{type:String,default:"rgb(145 201 82)"},ringWidth:{type:Number,default:6},width:{type:Number,default:80},height:{type:Number,default:80}},setup:function(n){var a=e.ref(null);return e.onMounted((function(){a.value&&(a.value.style.setProperty("--spinner-scale",n.scale+""),a.value.style.setProperty("--spinner-color",n.color),a.value.style.setProperty("--ring-width",n.ringWidth*n.scale+"px"),a.value.style.setProperty("--width",n.width*n.scale+"px"),a.value.style.setProperty("--height",n.height*n.scale+"px"))})),{loadingSpinner:a}}}),ne=e.withScopeId("data-v-04827584");e.pushScopeId("data-v-04827584");var ae={class:"loading-spinner-container"},te=e.createVNode("span",{class:"hidden-dash"},"-",-1),re={class:"loading-spinner",ref:"loadingSpinner"},oe=e.createVNode("div",{class:"lds-dual-ring"},null,-1),ie=e.createVNode("span",{class:"hidden-dash"},"-",-1);e.popScopeId();var de=ne((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",ae,[te,e.createVNode("div",re,[oe],512),ie])}));p("\n.loading-spinner-container[data-v-04827584] {\n display: flex;\n align-items: center;\n}\n.loading-spinner[data-v-04827584] {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: var(--width);\n height: var(--height);\n min-width: var(--width);\n min-height: var(--height);\n overflow: hidden;\n}\n.lds-dual-ring[data-v-04827584] {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: var(--width);\n height: var(--height);\n min-width: var(--width);\n min-height: var(--height);\n}\n.lds-dual-ring[data-v-04827584]:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: var(--ring-width) solid rgba(255, 255, 255, 0.05);\n box-sizing: border-box;\n}\n.lds-dual-ring[data-v-04827584]:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: var(--ring-width) solid var(--spinner-color);\n border-color: var(--spinner-color) transparent transparent transparent;\n animation: lds-dual-ring-04827584 1.2s linear infinite;\n box-sizing: border-box;\n}\n@keyframes lds-dual-ring-04827584 {\n0% {\n transform: rotate(0deg);\n}\n100% {\n transform: rotate(360deg);\n}\n}\n.hidden-dash[data-v-04827584] {\n user-select: none;\n color: rgba(0, 0, 0, 0);\n}\n"),ee.render=de,ee.__scopeId="data-v-04827584";var le=e.defineComponent({components:{VmLoadingSpinner:ee},props:{config:{type:Object},rowData:{type:Array,default:function(){return[]}},editCallback:{type:Function},deleteCallback:{type:Function},isSelectable:{type:Boolean,default:!1},isGridBorder:{type:Boolean,default:!0},isLoading:{type:Boolean,default:!1},maxRows:{type:Number,default:10}},setup:function(n){var t=e.ref([]),r=e.ref(1),o=e.computed((function(){return n.maxRows?n.maxRows:10})),i=e.computed((function(){return Math.ceil(n.rowData.length/o.value)})),d=e.computed((function(){return Math.ceil((r.value-1)*o.value)})),l=e.computed((function(){var e=Math.ceil(r.value*o.value-1);return e>n.rowData.length&&(e=n.rowData.length-1),e})),p=e.computed((function(){if(n.isLoading)return 0;var e=0;return r.value===i.value&&n.rowData.length%o.value!=0&&(e=o.value-Math.floor(n.rowData.length%o.value)),e})),c=function(e){e>0&&e<=i.value&&(r.value=e)};return{props:n,selectRowById:function(e){if(n.isSelectable){var a=t.value.indexOf(e);-1!==a?t.value.splice(a,1):t.value.push(e)}},selectedRowIds:t,getSelectedIds:function(){return t.value},rowsPerPage:o,currentPage:r,totalPages:i,startRowIndex:d,endRowIndex:l,emptyRows:p,getFilteredRows:function(){return n.isLoading?[]:a(n.rowData).splice(d.value,o.value)},incrementCurrentPage:function(){c(r.value+1)},decrementCurrentPage:function(){c(r.value-1)},goToLastPage:function(){c(i.value)},goToFirstPage:function(){c(1)},deselectAll:function(){t.value=[]}}}}),pe=e.withScopeId("data-v-5a3bb4df");e.pushScopeId("data-v-5a3bb4df");var ce={class:"grid-wrapper"},ve={key:0,style:{width:"1px"}},be={key:0,class:"loading-row"},ue={colspan:"10000"},se={class:"row jc-center"},fe={key:1},me=e.createVNode("td",{class:"center-text",colspan:"10000"}," No data available ",-1),ge={key:0},xe={key:0},he=e.createVNode("td",null,".",-1),ye={class:"pagination"},ke=e.createVNode("div",{class:"row-counter"},null,-1),we={class:"page-controls"},Ve={class:"current-page"},Se=e.createVNode("i",{class:"far fa-chevron-double-left"},null,-1),Ne=e.createVNode("i",{class:"far fa-chevron-left"},null,-1),Ie=e.createVNode("i",{class:"far fa-chevron-right"},null,-1),Be=e.createVNode("i",{class:"far fa-chevron-double-right"},null,-1);e.popScopeId();var Ce=pe((function(n,a,t,r,o,i){var d=e.resolveComponent("vm-loading-spinner");return e.openBlock(),e.createBlock("div",{class:["grid-container",{"grid-border":n.isGridBorder}]},[e.createVNode("div",ce,[e.createVNode("table",{class:["grid",{"is-selectable":n.props.isSelectable}]},[e.createVNode("thead",null,[e.createVNode("tr",null,[n.isSelectable?(e.openBlock(),e.createBlock("th",ve)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(n.config,(function(n,a){return e.openBlock(),e.createBlock("th",{key:a},e.toDisplayString(n.title),1)})),128))])]),e.createVNode("tbody",null,[n.isLoading?(e.openBlock(),e.createBlock("tr",be,[e.createVNode("td",ue,[e.createVNode("div",se,[e.createVNode(d,{scale:.8},null,8,["scale"])])])])):e.createCommentVNode("",!0),0!==n.rowData.length||n.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock("tr",fe,[me])),(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(n.getFilteredRows(),(function(a,t){return e.openBlock(),e.createBlock("tr",{class:{selected:-1!==n.selectedRowIds.indexOf(a.id)},key:t},[n.isSelectable?(e.openBlock(),e.createBlock("td",ge,[e.createVNode("input",{type:"checkbox",checked:n.selectedRowIds.find((function(e){return e===a.id})),onChange:function(e){return n.selectRowById(a.id)}},null,40,["checked","onChange"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(n.config,(function(n,t){return e.openBlock(),e.createBlock("td",{class:{"fit-width":n.fitWidth},key:t},[n.cellRenderer?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock("div",xe,e.toDisplayString(a[n.field]),1)),n.cellRenderer?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.cellRenderer.component),{key:1,row:a,field:n.field,exported:n.cellRenderer.exported},null,8,["row","field","exported"])):e.createCommentVNode("",!0)],2)})),128))],2)})),128)),(e.openBlock(!0),e.createBlock(e.Fragment,null,e.renderList(n.emptyRows,(function(n){return e.openBlock(),e.createBlock("tr",{class:"empty-row",key:n},[he])})),128))])],2)]),e.createVNode("div",ye,[e.createVNode("div",{class:["pagination-wrapper",{"pagination-hidden":n.isLoading}]},[ke,e.createVNode("div",we,[e.createVNode("div",Ve,e.toDisplayString(n.rowData.length?n.startRowIndex+1:0)+"-"+e.toDisplayString(n.endRowIndex+1)+" of "+e.toDisplayString(n.rowData.length),1),e.createVNode("div",{class:"page-control-button",onClick:a[1]||(a[1]=function(){return n.goToFirstPage&&n.goToFirstPage.apply(n,arguments)})},[Se]),e.createVNode("div",{class:"page-control-button",onClick:a[2]||(a[2]=function(){return n.decrementCurrentPage&&n.decrementCurrentPage.apply(n,arguments)})},[Ne]),e.createVNode("div",{class:"page-control-button",onClick:a[3]||(a[3]=function(){return n.incrementCurrentPage&&n.incrementCurrentPage.apply(n,arguments)})},[Ie]),e.createVNode("div",{class:"page-control-button",onClick:a[4]||(a[4]=function(){return n.goToLastPage&&n.goToLastPage.apply(n,arguments)})},[Be])])],2)])],2)}));p("\n.grid-container[data-v-5a3bb4df] {\n --grid-border-color: rgba(var(--default-color), 0.3);\n overflow: hidden;\n font-size: 0.9rem;\n flex: 1;\n}\n.grid-wrapper[data-v-5a3bb4df] {\n overflow-x: auto;\n}\n.grid[data-v-5a3bb4df] {\n border-collapse: collapse;\n margin: 0 auto;\n overflow: hidden;\n overflow-x: scroll;\n width: 100%;\n}\n.grid thead tr[data-v-5a3bb4df] {\n color: rgb(var(--default-color));\n text-align: left;\n border-bottom: 1px solid var(--grid-border-color);\n}\n.grid thead tr th[data-v-5a3bb4df] {\n font-weight: 600;\n}\n.grid th[data-v-5a3bb4df] {\n white-space: nowrap;\n padding: 0 16px;\n height: 50px;\n}\n.grid td[data-v-5a3bb4df] {\n height: 46px;\n white-space: nowrap;\n}\n.grid td[data-v-5a3bb4df] {\n padding: 0 16px;\n}\n.grid tbody tr[data-v-5a3bb4df] {\n border-bottom: 1px solid rgba(var(--default-color), 0.1);\n transition-duration: 0.1s;\n}\n.grid tbody tr[data-v-5a3bb4df]:last-child {\n border-bottom: none;\n}\n.grid tbody tr[data-v-5a3bb4df]:hover {\n background: rgba(var(--default-color), 0.02);\n transition-duration: 0.1s;\n}\n.grid.is-selectable tbody tr.selected[data-v-5a3bb4df] {\n background: #d5eaf8;\n}\n.grid tbody tr.empty-row[data-v-5a3bb4df] {\n visibility: hidden;\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n}\n.grid tbody tr.empty-row[data-v-5a3bb4df]:last-child {\n border-bottom: none;\n}\n.grid tbody tr td.fit-width[data-v-5a3bb4df] {\n width: 1px;\n white-space: nowrap;\n}\n.pagination-hidden[data-v-5a3bb4df] {\n visibility: hidden;\n pointer-events: none;\n user-select: none;\n}\n.pagination[data-v-5a3bb4df] {\n padding: 10px 10px;\n color: rgb(var(--default-color));\n border-top: 1px solid var(--grid-border-color);\n}\n.pagination-wrapper[data-v-5a3bb4df] {\n display: flex;\n justify-content: space-between;\n}\n.pagination > .pagination-wrapper > .page-controls[data-v-5a3bb4df] {\n display: flex;\n}\n.pagination > .pagination-wrapper > .page-controls > .current-page[data-v-5a3bb4df] {\n padding: 0 10px;\n}\n.pagination > .pagination-wrapper > .page-controls > .page-control-button[data-v-5a3bb4df] {\n color: rgb(var(--default-color), 0.4);\n padding: 0 3px;\n margin: 0 10px;\n cursor: pointer;\n transition-duration: 0.1s;\n}\n.pagination\n > .pagination-wrapper\n > .page-controls\n > .page-control-button[data-v-5a3bb4df]:hover {\n color: rgb(var(--default-color), 0.8);\n transition-duration: 0.1s;\n}\n.grid tbody tr.loading-row[data-v-5a3bb4df] {\n border-bottom: none;\n}\n.grid tbody tr.loading-row td[data-v-5a3bb4df] {\n padding: 10px 0;\n}\n"),le.render=Ce,le.__scopeId="data-v-5a3bb4df";var ze=e.defineComponent({components:{VmActionButton:c,VmCard:w},props:{title:{type:String,default:""},isPreventClose:{type:Boolean,default:!1}},setup:function(n){var a=e.ref(!1);return{props:n,isVisible:a,show:function(){a.value=!0},hide:function(){n.isPreventClose||(a.value=!1)}}}}),_e=e.withScopeId("data-v-1b5e3877");e.pushScopeId("data-v-1b5e3877");var Pe={class:"modal"},De={class:"modal-content"};e.popScopeId();var Fe=_e((function(n,a,t,r,o,i){var d=e.resolveComponent("vm-card");return e.openBlock(),e.createBlock(e.Teleport,{to:"#app-theme"},[e.createVNode("div",Pe,[e.createVNode(d,{class:["modal-pane",{"modal-visible":n.isVisible}],elevation:8},{default:_e((function(){return[e.createVNode("div",De,[e.renderSlot(n.$slots,"default")])]})),_:3},8,["class"]),e.createVNode("div",{class:["modal-background",{"modal-background-visible":n.isVisible}],onClick:a[1]||(a[1]=function(e){return n.hide()})},null,2)])])}));p("\n.modal[data-v-1b5e3877] {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 999;\n pointer-events: none;\n}\n.modal-content[data-v-1b5e3877] {\n height: 100%;\n overflow-y: auto;\n}\n.modal-pane[data-v-1b5e3877] {\n position: relative;\n z-index: 1000;\n overflow: hidden;\n border-radius: 3px;\n width: 600px;\n max-width: 600px;\n margin: 30px;\n display: flex;\n flex-direction: column;\n max-height: 90%;\n opacity: 0;\n pointer-events: none;\n z-index: 2;\n transform: scale(0.8);\n transition: transform 0.2s, opacity 0.2s;\n}\n.modal-background[data-v-1b5e3877] {\n opacity: 0;\n pointer-events: none;\n position: fixed;\n background: rgba(0, 0, 0, 0.7);\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n transition: opacity 0.2s;\n}\n.modal-visible[data-v-1b5e3877] {\n transform: scale(1);\n}\n.modal-background-visible[data-v-1b5e3877],\n.modal-visible[data-v-1b5e3877] {\n opacity: 1;\n pointer-events: all;\n transition: transform 0.2s, opacity 0.2s;\n}\n"),ze.render=Fe,ze.__scopeId="data-v-1b5e3877";var Re=e.defineComponent({props:{elevation:{type:Number,default:2}},setup:function(e){return{props:e}}}),je=e.withScopeId("data-v-2b1176fa")((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:["navigation-drawer",["elevation-".concat(n.props.elevation),"elevation-background-".concat(n.props.elevation)]]},[e.renderSlot(n.$slots,"default")],2)}));p("\n.navigation-drawer[data-v-2b1176fa] {\n padding: 20px 32px;\n overflow-y: auto;\n transition: box-shadow 0.2s;\n}\n.navigation-drawer[data-v-2b1176fa]:before {\n transition: background 0.2s;\n}\n"),Re.render=je,Re.__scopeId="data-v-2b1176fa";var Ae=e.defineComponent({props:{modelValue:{type:Number,default:0,required:!0},label:{type:String,default:"Default"}},setup:function(n,a){var t=e.ref(null),r=e.computed((function(){return(n.modelValue+"").length>0}));return{props:n,isInputFilled:r,textField:t,updateValue:function(e){var n=e.target.value;try{parseInt(n),a.emit("update:modelValue",n)}catch(e){window.console.log(e)}}}}}),Le=e.withScopeId("data-v-38e24d5a");e.pushScopeId("data-v-38e24d5a");var Te={class:"text-field"},Oe=e.createVNode("div",{class:"text-field-left"},null,-1),$e=e.createVNode("div",{class:"text-field-right"},null,-1);e.popScopeId();var Me=Le((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",Te,[e.createVNode("input",{class:"text-field-input",type:"text",ref:"textField",value:n.modelValue,onInput:a[1]||(a[1]=function(){return n.updateValue&&n.updateValue.apply(n,arguments)})},null,40,["value"]),Oe,e.createVNode("div",{class:["text-field-notch",{"text-field-notch-filled":n.isInputFilled}]},[e.createVNode("div",{class:["text-field-label",{"text-field-label-filled":n.isInputFilled}]},e.toDisplayString(n.props.label),3)],2),$e])}));p("\n.text-field[data-v-38e24d5a] {\n --font-size: 1.1rem;\n --label-padding: 6px;\n --horizontal-padding: 16px;\n --vertical-padding: 16px;\n --border: 1px solid rgba(255, 255, 255, 0.3);\n --height: calc(var(--font-size) + (var(--vertical-padding) * 2) + 2px);\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n}\n.text-field-left[data-v-38e24d5a],\n.text-field-notch[data-v-38e24d5a],\n.text-field-right[data-v-38e24d5a] {\n min-height: var(--height);\n max-height: var(--height);\n padding: var(--vertical-padding) 0;\n}\n.text-field-left[data-v-38e24d5a] {\n padding-left: calc(var(--horizontal-padding) - var(--label-padding));\n border: var(--border);\n border-right: none;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.text-field-notch[data-v-38e24d5a] {\n display: flex;\n align-items: center;\n padding: var(--vertical-padding) 0;\n border-top: var(--border);\n border-bottom: var(--border);\n}\n.text-field-right[data-v-38e24d5a] {\n width: 100%;\n border: var(--border);\n border-left: none;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.text-field input[data-v-38e24d5a] {\n flex: 1;\n position: absolute;\n padding: var(--vertical-padding) var(--horizontal-padding);\n outline: none;\n border: none;\n border-radius: 5px;\n background: rgba(0, 0, 0, 0);\n color: #fff;\n font-size: var(--font-size);\n width: 100%;\n}\n.text-field-label[data-v-38e24d5a] {\n flex: 1;\n padding: 0 6px;\n color: #aaa;\n transition-duration: 0.2s;\n white-space: nowrap;\n font-size: var(--font-size);\n}\ninput:focus ~ .text-field-notch[data-v-38e24d5a],\n.text-field-notch-filled[data-v-38e24d5a] {\n border-top: none;\n}\ninput:focus ~ .text-field-notch .text-field-label[data-v-38e24d5a],\n.text-field-label-filled[data-v-38e24d5a] {\n transform: translateY(calc((-1 / 2) * var(--height)));\n font-size: 0.8rem;\n}\ninput:focus ~ .text-field-left[data-v-38e24d5a],\ninput:focus ~ .text-field-notch[data-v-38e24d5a],\ninput:focus ~ .text-field-right[data-v-38e24d5a] {\n border-color: #2c60d1;\n}\ninput:focus ~ .text-field-notch .text-field-label[data-v-38e24d5a] {\n color: #82a4ed;\n}\n"),Ae.render=Me,Ae.__scopeId="data-v-38e24d5a";var Ee=e.defineComponent({setup:function(){return{}}}),Ye=e.withScopeId("data-v-26a7c9a2");e.pushScopeId("data-v-26a7c9a2");var He={class:"page-header"};e.popScopeId();var Ge=Ye((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",He,[e.renderSlot(n.$slots,"default")])}));p("\n.page-header[data-v-26a7c9a2] {\n font-size: 2.2rem;\n margin-top: calc(var(--default-margin) * 4);\n margin-bottom: calc(var(--default-margin) * 6);\n}\n"),Ee.render=Ge,Ee.__scopeId="data-v-26a7c9a2";var We={props:{id:{type:Number},modelValue:{type:Boolean,default:!1},label:{type:String}},setup:function(e,n){return{props:e,updateValue:function(e){n.emit("update:modelValue",e.target.checked)}}}},Xe=e.withScopeId("data-v-5779ef6a");e.pushScopeId("data-v-5779ef6a");var qe={class:"switch-container"},Ue={class:"switch"},Je=e.createVNode("span",{class:"slider"},null,-1),Ke={key:0,class:"label"};e.popScopeId();var Qe=Xe((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",qe,[e.createVNode("label",Ue,[e.createVNode("input",{id:t.id,type:"checkbox",checked:t.modelValue,onInput:a[1]||(a[1]=function(){return r.updateValue&&r.updateValue.apply(r,arguments)})},null,40,["id","checked"]),Je]),r.props.label?(e.openBlock(),e.createBlock("label",Ke,e.toDisplayString(r.props.label),1)):e.createCommentVNode("",!0)])}));p("\n.switch-container[data-v-5779ef6a] {\n display: flex;\n align-items: center;\n}\n.switch[data-v-5779ef6a] {\n --width: 34px;\n --switch-size: 20px;\n --height: 14px;\n --border-radius: 100px;\n --switch-border-radius: 50%;\n --inner-padding: -1px;\n\n width: var(--width);\n min-width: var(--width);\n height: var(--height);\n cursor: pointer;\n background-color: #adadad;\n border-radius: var(--border-radius);\n position: relative;\n display: inline-block;\n}\n.switch input[data-v-5779ef6a] {\n display: none;\n}\n.slider[data-v-5779ef6a] {\n position: absolute;\n border-radius: inherit;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n transition: 0.4s;\n z-index: 1;\n}\n.slider[data-v-5779ef6a]:before {\n display: flex;\n justify-content: center;\n position: absolute;\n border-radius: var(--switch-border-radius);\n content: '';\n width: var(--switch-size);\n height: var(--switch-size);\n left: var(--inner-padding);\n top: calc((var(--height) / 2) - (var(--switch-size) / 2));\n background-color: #fff;\n transition: 0.3s;\n box-shadow: var(--elevation-2);\n}\ninput:checked + .slider[data-v-5779ef6a] {\n background: rgb(59, 169, 53);\n border-radius: inherit;\n}\n.slider[data-v-5779ef6a]:after {\n --padding: 12px;\n content: '';\n background: rgb(177, 127, 247, 0);\n border-radius: 200px;\n display: flex;\n width: var(--switch-size);\n height: var(--switch-size);\n left: calc(var(--inner-padding) - var(--padding));\n top: calc((var(--height) / 2) - (var(--switch-size) / 2) - var(--padding));\n position: absolute;\n padding: var(--padding);\n pointer-events: none;\n z-index: -1;\n transition: background 0.2s, transform 0.3s;\n}\ninput:hover + .slider[data-v-5779ef6a]:after {\n background: rgb(173, 173, 173, 0.2);\n}\ninput:checked + .slider[data-v-5779ef6a]:after {\n transform: translateX(\n calc(var(--width) - var(--switch-size) - (2 * var(--inner-padding)))\n );\n}\ninput:checked:hover + .slider[data-v-5779ef6a]:after {\n background: rgba(101, 214, 94, 0.2);\n}\ninput:checked ~ .slider[data-v-5779ef6a]:before {\n background: rgb(101, 214, 94);\n}\ninput:focus + .slider[data-v-5779ef6a] {\n}\ninput:checked + .slider[data-v-5779ef6a]:before {\n transform: translateX(\n calc(var(--width) - var(--switch-size) - (2 * var(--inner-padding)))\n );\n}\n.label[data-v-5779ef6a] {\n margin-left: calc(var(--default-margin) * 3);\n}\n"),We.render=Qe,We.__scopeId="data-v-5779ef6a";var Ze=e.defineComponent({props:{modelValue:{type:[String,Number]},variant:{type:String,validator:function(e){return["filled","outlined"].includes(e)},default:"filled"},label:{type:String,default:"Default"},type:{type:String,validator:function(e){return["text","number","password"].includes(e)},default:"text"}},setup:function(n,a){var t=e.ref(null),r=e.computed((function(){return void 0!==n.modelValue&&("number"===n.type?NaN!==n.modelValue:n.modelValue.length>0)}));return{props:n,isInputFilled:r,textField:t,updateValue:function(e){var t=e.target.value;if(void 0!==t)if("number"===n.type){var r=""!==t?parseFloat(t):void 0;a.emit("update:modelValue",r)}else a.emit("update:modelValue",t)}}}}),en=e.withScopeId("data-v-4c24feac");e.pushScopeId("data-v-4c24feac");var nn=e.createVNode("div",{class:"text-field-left"},null,-1),an=e.createVNode("div",{class:"text-field-right"},null,-1);e.popScopeId();var tn=en((function(n,a,t,r,o,i){return e.openBlock(),e.createBlock("div",{class:["text-field","text-field-"+n.props.variant]},[e.createVNode("input",{class:"text-field-input",type:n.type,ref:"textField",value:n.modelValue,onInput:a[1]||(a[1]=function(){return n.updateValue&&n.updateValue.apply(n,arguments)})},null,40,["type","value"]),nn,e.createVNode("div",{class:["text-field-notch",{"text-field-notch-filled":n.isInputFilled}]},[e.createVNode("div",{class:["text-field-label",{"text-field-label-filled":n.isInputFilled}]},e.toDisplayString(n.props.label),3)],2),an],2)}));p("\n.text-field[data-v-4c24feac] {\n --font-size: 1rem;\n --label-padding: 6px;\n --horizontal-padding: 16px;\n --border: 1px solid rgba(var(--default-color), 0.42);\n --height: calc(\n var(--font-size) + (var(--padding-top) + var(--padding-bottom)) + 2px\n );\n display: flex;\n align-items: center;\n width: 100%;\n position: relative;\n}\n.text-field-filled[data-v-4c24feac] {\n --padding-top: 24px;\n --padding-bottom: calc(38px - var(--padding-top));\n transition: background 0.2s;\n}\n.text-field-filled[data-v-4c24feac]:hover {\n --padding-bottom: calc(38px - var(--padding-top));\n}\n.text-field-outlined[data-v-4c24feac] {\n --padding-top: 18px;\n --padding-bottom: 18px;\n}\n.text-field-outlined:hover .text-field-left[data-v-4c24feac],\n.text-field-outlined:hover .text-field-notch[data-v-4c24feac],\n.text-field-outlined:hover .text-field-right[data-v-4c24feac] {\n --border: 1px solid rgba(var(--default-color), 0.87);\n}\n.text-field-filled .text-field-left[data-v-4c24feac],\n.text-field-filled .text-field-notch[data-v-4c24feac],\n.text-field-filled .text-field-right[data-v-4c24feac] {\n background: rgba(var(--default-color), 0.03);\n}\n.text-field-filled:hover .text-field-left[data-v-4c24feac],\n.text-field-filled:hover .text-field-notch[data-v-4c24feac],\n.text-field-filled:hover .text-field-right[data-v-4c24feac] {\n background: rgba(var(--default-color), 0.06);\n --border: 1px solid rgba(var(--default-color), 0.87);\n}\n.text-field-left[data-v-4c24feac],\n.text-field-notch[data-v-4c24feac],\n.text-field-right[data-v-4c24feac] {\n min-height: 100%;\n max-height: 100%;\n height: 100%;\n}\n.text-field-left[data-v-4c24feac],\n.text-field-right[data-v-4c24feac] {\n min-height: var(--height);\n max-height: var(--height);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n}\n.text-field-notch[data-v-4c24feac] {\n min-height: var(--height);\n max-height: var(--height);\n padding-top: 18px;\n padding-bottom: 18px;\n}\n.text-field-left[data-v-4c24feac] {\n border-bottom: var(--border);\n padding-left: calc(var(--horizontal-padding) - var(--label-padding));\n border-top-left-radius: 4px;\n}\n.text-field-outlined .text-field-left[data-v-4c24feac] {\n border: var(--border);\n border-right: none;\n border-bottom-left-radius: 4px;\n}\n.text-field-notch[data-v-4c24feac] {\n display: flex;\n align-items: center;\n border-bottom: var(--border);\n}\n.text-field-outlined .text-field-notch[data-v-4c24feac]