@kozmonos/form-elements
Version:
Vue form-elements component
2 lines • 42.3 kB
JavaScript
!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["form-elements"]=t():n["form-elements"]=t()}(window,(function(){return function(n){var t={};function e(A){if(t[A])return t[A].exports;var o=t[A]={i:A,l:!1,exports:{}};return n[A].call(o.exports,o,o.exports,e),o.l=!0,o.exports}return e.m=n,e.c=t,e.d=function(n,t,A){e.o(n,t)||Object.defineProperty(n,t,{enumerable:!0,get:A})},e.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},e.t=function(n,t){if(1&t&&(n=e(n)),8&t)return n;if(4&t&&"object"==typeof n&&n&&n.__esModule)return n;var A=Object.create(null);if(e.r(A),Object.defineProperty(A,"default",{enumerable:!0,value:n}),2&t&&"string"!=typeof n)for(var o in n)e.d(A,o,function(t){return n[t]}.bind(null,o));return A},e.n=function(n){var t=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(t,"a",t),t},e.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},e.p="/",e(e.s=20)}([function(n,t,e){"use strict";n.exports=function(n){var t=[];return t.toString=function(){return this.map((function(t){var e=function(n,t){var e,A,o,r=n[1]||"",a=n[3];if(!a)return r;if(t&&"function"==typeof btoa){var i=(e=a,A=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),o="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(A),"/*# ".concat(o," */")),s=a.sources.map((function(n){return"/*# sourceURL=".concat(a.sourceRoot||"").concat(n," */")}));return[r].concat(s).concat([i]).join("\n")}return[r].join("\n")}(t,n);return t[2]?"@media ".concat(t[2]," {").concat(e,"}"):e})).join("")},t.i=function(n,e,A){"string"==typeof n&&(n=[[null,n,""]]);var o={};if(A)for(var r=0;r<this.length;r++){var a=this[r][0];null!=a&&(o[a]=!0)}for(var i=0;i<n.length;i++){var s=[].concat(n[i]);A&&o[s[0]]||(e&&(s[2]?s[2]="".concat(e," and ").concat(s[2]):s[2]=e),t.push(s))}},t}},function(n,t,e){"use strict";function A(n,t){for(var e=[],A={},o=0;o<t.length;o++){var r=t[o],a=r[0],i={id:n+":"+o,css:r[1],media:r[2],sourceMap:r[3]};A[a]?A[a].parts.push(i):e.push(A[a]={id:a,parts:[i]})}return e}e.r(t),e.d(t,"default",(function(){return f}));var o="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var r={},a=o&&(document.head||document.getElementsByTagName("head")[0]),i=null,s=0,l=!1,c=function(){},d=null,u="data-vue-ssr-id",p="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(n,t,e,o){l=e,d=o||{};var a=A(n,t);return b(a),function(t){for(var e=[],o=0;o<a.length;o++){var i=a[o];(s=r[i.id]).refs--,e.push(s)}for(t?b(a=A(n,t)):a=[],o=0;o<e.length;o++){var s;if(0===(s=e[o]).refs){for(var l=0;l<s.parts.length;l++)s.parts[l]();delete r[s.id]}}}}function b(n){for(var t=0;t<n.length;t++){var e=n[t],A=r[e.id];if(A){A.refs++;for(var o=0;o<A.parts.length;o++)A.parts[o](e.parts[o]);for(;o<e.parts.length;o++)A.parts.push(m(e.parts[o]));A.parts.length>e.parts.length&&(A.parts.length=e.parts.length)}else{var a=[];for(o=0;o<e.parts.length;o++)a.push(m(e.parts[o]));r[e.id]={id:e.id,refs:1,parts:a}}}}function h(){var n=document.createElement("style");return n.type="text/css",a.appendChild(n),n}function m(n){var t,e,A=document.querySelector("style["+u+'~="'+n.id+'"]');if(A){if(l)return c;A.parentNode.removeChild(A)}if(p){var o=s++;A=i||(i=h()),t=g.bind(null,A,o,!1),e=g.bind(null,A,o,!0)}else A=h(),t=x.bind(null,A),e=function(){A.parentNode.removeChild(A)};return t(n),function(A){if(A){if(A.css===n.css&&A.media===n.media&&A.sourceMap===n.sourceMap)return;t(n=A)}else e()}}var C,v=(C=[],function(n,t){return C[n]=t,C.filter(Boolean).join("\n")});function g(n,t,e,A){var o=e?"":A.css;if(n.styleSheet)n.styleSheet.cssText=v(t,o);else{var r=document.createTextNode(o),a=n.childNodes;a[t]&&n.removeChild(a[t]),a.length?n.insertBefore(r,a[t]):n.appendChild(r)}}function x(n,t){var e=t.css,A=t.media,o=t.sourceMap;if(A&&n.setAttribute("media",A),d.ssrId&&n.setAttribute(u,t.id),o&&(e+="\n/*# sourceURL="+o.sources[0]+" */",e+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}},function(n,t,e){var A=e(11);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("2c29a3b1",A,!0,{})},function(n,t,e){var A=e(13);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("902cc5d0",A,!0,{})},function(n,t,e){var A=e(15);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("09d45cb8",A,!0,{})},function(n,t,e){var A=e(17);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("6beff4f6",A,!0,{})},function(n,t,e){var A=e(19);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("582dbdb2",A,!0,{})},function(n,t,e){"use strict";var A=e(0),o=e.n(A)()(!0);o.push([n.i,"button {\n border: 0;\n border-radius: 10px;\n color: white;\n padding: 10px 20px;\n transition: all 0.3s;\n}\n","",{version:3,sources:["button.css"],names:[],mappings:"AAAA;EACE,SAAS;EACT,mBAAmB;EACnB,YAAY;EACZ,kBAAkB;EAClB,oBAAoB;AACtB",file:"button.css",sourcesContent:["button {\n border: 0;\n border-radius: 10px;\n color: white;\n padding: 10px 20px;\n transition: all 0.3s;\n}\n"]}]),t.a=o},function(n,t,e){var A=e(9);A.__esModule&&(A=A.default),"string"==typeof A&&(A=[[n.i,A,""]]),A.locals&&(n.exports=A.locals),(0,e(1).default)("2efc1f4a",A,!0,{})},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A)()(!0);o.push([n.i,"button.button-item.primary:hover{box-shadow:1px 1px 4px #007bff}button.go-button.bg-primary::after{background-color:#007bff}button.go-button.dark.bg-primary{background-color:#1f8bff !important}button.go-button.light.bg-primary{background-color:#006ce0 !important}.custom-select .items.primary div:not(.selected-item):hover{background-color:#3395ff}button.button-item.secondary:hover{box-shadow:1px 1px 4px #6c757d}button.go-button.bg-secondary::after{background-color:#6c757d}button.go-button.dark.bg-secondary{background-color:#7b848d !important}button.go-button.light.bg-secondary{background-color:#5e666d !important}.custom-select .items.secondary div:not(.selected-item):hover{background-color:#868e96}button.button-item.success:hover{box-shadow:1px 1px 4px #28a745}button.go-button.bg-success::after{background-color:#28a745}button.go-button.dark.bg-success{background-color:#2ec04f !important}button.go-button.light.bg-success{background-color:#228e3b !important}.custom-select .items.success div:not(.selected-item):hover{background-color:#34ce57}button.button-item.info:hover{box-shadow:1px 1px 4px #17a2b8}button.go-button.bg-info::after{background-color:#17a2b8}button.go-button.dark.bg-info{background-color:#1abad3 !important}button.go-button.light.bg-info{background-color:#148a9d !important}.custom-select .items.info div:not(.selected-item):hover{background-color:#1fc8e3}button.button-item.warning:hover{box-shadow:1px 1px 4px #ffc107}button.go-button.bg-warning::after{background-color:#ffc107}button.go-button.dark.bg-warning{background-color:#ffc926 !important}button.go-button.light.bg-warning{background-color:#e7ae00 !important}.custom-select .items.warning div:not(.selected-item):hover{background-color:#ffce3a}button.button-item.danger:hover{box-shadow:1px 1px 4px #dc3545}button.go-button.bg-danger::after{background-color:#dc3545}button.go-button.dark.bg-danger{background-color:#e14f5d !important}button.go-button.light.bg-danger{background-color:#cf2434 !important}.custom-select .items.danger div:not(.selected-item):hover{background-color:#e4606d}button.button-item.light:hover{box-shadow:1px 1px 4px #f8f9fa}button.go-button.bg-light::after{background-color:#f8f9fa}button.go-button.dark.bg-light{background-color:#fff !important}button.go-button.light.bg-light{background-color:#e6eaed !important}.custom-select .items.light div:not(.selected-item):hover{background-color:#fff}button.button-item.dark:hover{box-shadow:1px 1px 4px #343a40}button.go-button.bg-dark::after{background-color:#343a40}button.go-button.dark.bg-dark{background-color:#424951 !important}button.go-button.light.bg-dark{background-color:#262b2f !important}.custom-select .items.dark div:not(.selected-item):hover{background-color:#4b545c}","",{version:3,sources:["/home/circleci/repo/src/assets/main.scss"],names:[],mappings:"AAGE,iCACE,8BAAA,CAEF,mCACE,wBAAA,CAEF,iCACE,mCAAA,CAEF,kCACE,mCAAA,CAEF,4DACE,wBAAA,CAbF,mCACE,8BAAA,CAEF,qCACE,wBAAA,CAEF,mCACE,mCAAA,CAEF,oCACE,mCAAA,CAEF,8DACE,wBAAA,CAbF,iCACE,8BAAA,CAEF,mCACE,wBAAA,CAEF,iCACE,mCAAA,CAEF,kCACE,mCAAA,CAEF,4DACE,wBAAA,CAbF,8BACE,8BAAA,CAEF,gCACE,wBAAA,CAEF,8BACE,mCAAA,CAEF,+BACE,mCAAA,CAEF,yDACE,wBAAA,CAbF,iCACE,8BAAA,CAEF,mCACE,wBAAA,CAEF,iCACE,mCAAA,CAEF,kCACE,mCAAA,CAEF,4DACE,wBAAA,CAbF,gCACE,8BAAA,CAEF,kCACE,wBAAA,CAEF,gCACE,mCAAA,CAEF,iCACE,mCAAA,CAEF,2DACE,wBAAA,CAbF,+BACE,8BAAA,CAEF,iCACE,wBAAA,CAEF,+BACE,gCAAA,CAEF,gCACE,mCAAA,CAEF,0DACE,qBAAA,CAbF,8BACE,8BAAA,CAEF,gCACE,wBAAA,CAEF,8BACE,mCAAA,CAEF,+BACE,mCAAA,CAEF,yDACE,wBAAA",file:"main.scss",sourcesContent:['@import "../../node_modules/bootstrap/scss/functions";\n@import "../../node_modules/bootstrap/scss/variables";\n@each $color, $value in $theme-colors {\n button.button-item.#{$color}:hover {\n box-shadow: 1px 1px 4px $value;\n }\n button.go-button.bg-#{$color}::after {\n background-color: ($value);\n }\n button.go-button.dark.bg-#{$color} {\n background-color: (lighten($value, 6%)) !important;\n }\n button.go-button.light.bg-#{$color} {\n background-color: (darken($value, 6%)) !important;\n }\n .custom-select .items.#{$color} div:not(.selected-item):hover {\n background-color: lighten($value, 10%);\n }\n}\n']}]),t.default=o},function(n,t,e){"use strict";e(2)},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A),r=e(7),a=o()(!0);a.i(r.a),a.push([n.i,"\n","",{version:3,sources:[],names:[],mappings:"",file:"button.vue"}]),t.default=a},function(n,t,e){"use strict";e(3)},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A)()(!0);o.push([n.i,'\na[data-v-50419ad6] {\n text-decoration: none !important;\n display: block;\n width: fit-content;\n}\nbutton[data-v-50419ad6] {\n --width: 180px;\n --height: 60px;\n border: 0;\n position: relative;\n min-width: var(--width);\n min-height: var(--height);\n border-radius: var(--height);\n color: #fff;\n font-weight: bold;\n cursor: pointer;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 1rem;\n transition: 0.5s;\n}\nbutton .text[data-v-50419ad6],\nbutton .icon-container[data-v-50419ad6] {\n position: relative;\n z-index: 2;\n}\nbutton .icon-container[data-v-50419ad6] {\n --icon-size: 25px;\n position: relative;\n width: var(--icon-size);\n height: var(--icon-size);\n margin-left: 15px;\n transition: transform 500ms ease;\n}\nbutton .icon-container .icon[data-v-50419ad6] {\n position: absolute;\n left: 0;\n top: 0;\n width: var(--icon-size);\n height: var(--icon-size);\n transition: transform 500ms ease, opacity 250ms ease;\n}\nbutton .icon-container .icon--left[data-v-50419ad6] {\n transform: translateX(-200%);\n opacity: 0;\n}\nbutton .icon-container .icon svg[data-v-50419ad6] {\n width: 100%;\n fill: #fff;\n height: 100%;\n}\nbutton[data-v-50419ad6]::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: var(--height);\n z-index: 1;\n transition: transform 500ms ease;\n}\nbutton[data-v-50419ad6]:hover::after {\n transform: translateX(65%);\n}\nbutton:hover .icon-container[data-v-50419ad6] {\n transform: translateX(125%);\n}\nbutton:hover .icon-container .icon--left[data-v-50419ad6] {\n transform: translateX(0);\n opacity: 1;\n}\nbutton:hover .icon-container .icon--right[data-v-50419ad6] {\n transform: translateX(200%);\n opacity: 0;\n}\n',"",{version:3,sources:["src/items/go-button/go-button.vue"],names:[],mappings:";AAmEA;EACA,gCAAA;EACA,cAAA;EACA,kBAAA;AACA;AACA;EACA,cAAA;EACA,cAAA;EACA,SAAA;EACA,kBAAA;EACA,uBAAA;EACA,yBAAA;EACA,4BAAA;EACA,WAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;EACA,gBAAA;AACA;AACA;;EAEA,kBAAA;EACA,UAAA;AACA;AACA;EACA,iBAAA;EACA,kBAAA;EACA,uBAAA;EACA,wBAAA;EACA,iBAAA;EACA,gCAAA;AACA;AACA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,uBAAA;EACA,wBAAA;EACA,oDAAA;AACA;AACA;EACA,4BAAA;EACA,UAAA;AACA;AACA;EACA,WAAA;EACA,UAAA;EACA,YAAA;AACA;AAEA;EACA,WAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,4BAAA;EACA,UAAA;EACA,gCAAA;AACA;AAEA;EACA,0BAAA;AACA;AACA;EACA,2BAAA;AACA;AACA;EACA,wBAAA;EACA,UAAA;AACA;AACA;EACA,2BAAA;EACA,UAAA;AACA",file:"go-button.vue",sourcesContent:["<template>\n <a :href=\"escapeHtml(to)\">\n <button\n class=\"go-button\"\n v-on=\"$listeners\"\n :class=\"'bg-' + variant + ' ' + theme\"\n >\n <span class=\"text\"><slot /></span>\n <div class=\"icon-container\">\n <div class=\"icon icon--left\">\n <svg>\n <use xlink:href=\"#arrow-right\"></use>\n </svg>\n </div>\n <div class=\"icon icon--right\">\n <svg :class=\"'fill-' + variant\">\n >\n <use xlink:href=\"#arrow-right\"></use>\n </svg>\n </div>\n </div>\n </button>\n <svg style=\"display: none\">\n <symbol id=\"arrow-right\" viewBox=\"0 0 20 10\">\n <path\n d=\"M14.84 0l-1.08 1.06 3.3 3.2H0v1.49h17.05l-3.3 3.2L14.84 10 20 5l-5.16-5z\"\n ></path>\n </symbol>\n </svg>\n </a>\n</template>\n<script>\nconst entityMap = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '/': '/',\n '`': '`',\n '=': '='\n}\n\nexport default {\n props: {\n variant: {\n type: String,\n default: 'primary'\n },\n theme: {\n type: String,\n default: 'light'\n },\n to: {\n type: String\n }\n },\n methods: {\n escapeHtml (string) {\n return String(string).replace(/[<>\"'`]/g, function (s) {\n return entityMap[s]\n })\n }\n }\n}\n<\/script>\n<style scoped>\na {\n text-decoration: none !important;\n display: block;\n width: fit-content;\n}\nbutton {\n --width: 180px;\n --height: 60px;\n border: 0;\n position: relative;\n min-width: var(--width);\n min-height: var(--height);\n border-radius: var(--height);\n color: #fff;\n font-weight: bold;\n cursor: pointer;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 1rem;\n transition: 0.5s;\n}\nbutton .text,\nbutton .icon-container {\n position: relative;\n z-index: 2;\n}\nbutton .icon-container {\n --icon-size: 25px;\n position: relative;\n width: var(--icon-size);\n height: var(--icon-size);\n margin-left: 15px;\n transition: transform 500ms ease;\n}\nbutton .icon-container .icon {\n position: absolute;\n left: 0;\n top: 0;\n width: var(--icon-size);\n height: var(--icon-size);\n transition: transform 500ms ease, opacity 250ms ease;\n}\nbutton .icon-container .icon--left {\n transform: translateX(-200%);\n opacity: 0;\n}\nbutton .icon-container .icon svg {\n width: 100%;\n fill: #fff;\n height: 100%;\n}\n\nbutton::after {\n content: \"\";\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n border-radius: var(--height);\n z-index: 1;\n transition: transform 500ms ease;\n}\n\nbutton:hover::after {\n transform: translateX(65%);\n}\nbutton:hover .icon-container {\n transform: translateX(125%);\n}\nbutton:hover .icon-container .icon--left {\n transform: translateX(0);\n opacity: 1;\n}\nbutton:hover .icon-container .icon--right {\n transform: translateX(200%);\n opacity: 0;\n}\n</style>\n"]}]),t.default=o},function(n,t,e){"use strict";e(4)},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A)()(!0);o.push([n.i,'\n.custom-select[data-v-8f212646] {\n position: relative;\n width: 170px;\n text-align: left;\n outline: none;\n height: 35px;\n line-height: 35px;\n border: 0 !important;\n box-shadow: unset !important;\n}\n.custom-select[data-v-8f212646]:not(.open) {\n overflow: hidden;\n}\n.custom-select .selected[data-v-8f212646] {\n /* border-radius: 6px;*/\n /* color: #fff; */\n padding-left: 1em;\n cursor: pointer;\n user-select: none;\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n}\n\n/* .custom-select .selected.open {\n border-radius: 6px 6px 0px 0px;\n} */\n.custom-select .selected[data-v-8f212646]:after {\n position: absolute;\n content: "";\n top: 14px;\n right: 1em;\n width: 0;\n height: 0;\n border: 5px solid transparent;\n transition: all 0.3s;\n}\n.custom-select .bg-dark.selected[data-v-8f212646]:after {\n border-color: #fff transparent transparent transparent;\n}\n.custom-select .bg-light.selected[data-v-8f212646]:after {\n border-color: #000 transparent transparent transparent;\n}\n.selected.open[data-v-8f212646]:after {\n transform: rotateX(180deg);\n}\n.custom-select .items[data-v-8f212646] {\n /* color: #fff; */\n border-radius: 0px 0px 6px 6px;\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n z-index: 7;\n top: 34px;\n}\n.custom-select .selected.open[data-v-8f212646] {\n border-radius: 6px 6px 0px 0px;\n}\n.custom-select .items div[data-v-8f212646] {\n /* color: #fff; */\n padding-left: 1em;\n cursor: pointer;\n user-select: none;\n}\n.custom-select .items.bg-dark div[data-v-8f212646]:not(.selected-item):hover {\n filter: brightness(0.5);\n}\n.custom-select .items.bg-light div[data-v-8f212646]:not(.selected-item):hover {\n filter: brightness(1.5);\n}\n.selectHide[data-v-8f212646] {\n display: none;\n}\n.custom-select .items div[data-v-8f212646]:not(.selected-item):hover {\n color: white;\n}\n',"",{version:3,sources:["src/items/select/select.vue"],names:[],mappings:";AAiGA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,YAAA;EACA,iBAAA;EACA,oBAAA;EACA,4BAAA;AACA;AACA;EACA,gBAAA;AACA;AAEA;EACA,uBAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,WAAA;EACA,OAAA;EACA,MAAA;AACA;;AAEA;;GAEA;AAEA;EACA,kBAAA;EACA,WAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EACA,oBAAA;AACA;AACA;EACA,sDAAA;AACA;AACA;EACA,sDAAA;AACA;AACA;EACA,0BAAA;AACA;AAEA;EACA,iBAAA;EACA,8BAAA;EACA,gBAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,UAAA;EACA,SAAA;AACA;AACA;EACA,8BAAA;AACA;AAEA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,iBAAA;AACA;AAEA;EACA,uBAAA;AACA;AACA;EACA,uBAAA;AACA;AAEA;EACA,aAAA;AACA;AACA;EACA,YAAA;AACA",file:"select.vue",sourcesContent:["<template>\n <div\n v-on=\"$listeners\"\n class=\"custom-select\"\n :class=\"(open ? 'open' : '') + ' ' + theme\"\n tabindex=\"0\"\n @blur=\"open = false\"\n >\n <div\n class=\"selected\"\n :class=\"\n (open ? 'open' : '') +\n (' bg-' + theme) +\n ' ' +\n getThemeOpposite() +\n ' ' +\n ($attrs.class ? $attrs.class : '')\n \"\n @click=\"open = !open\"\n >\n {{ selected }}\n </div>\n <div\n class=\"items\"\n :class=\"\n (!open ? 'selectHide' : '') +\n (' bg-' + theme) +\n ' ' +\n getThemeOpposite() +\n ' ' +\n variant\n \"\n >\n <div\n v-for=\"(option, i) of options\"\n :key=\"i\"\n :class=\"\n option === selected ? 'selected-item text-light bg-' + variant : ''\n \"\n @click=\"\n selected = option;\n open = false;\n $emit('input', option);\n \"\n >\n {{ option }}\n </div>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'k-select',\n props: {\n value: {\n type: String,\n default: null\n },\n options: {\n type: Array,\n required: true\n },\n variant: {\n type: String,\n default: 'primary'\n },\n theme: {\n type: String,\n default: 'dark'\n }\n },\n data () {\n return {\n selected: this.getSelectedData(),\n open: false\n }\n },\n mounted () {\n this.$emit('input', this.selected)\n },\n methods: {\n getSelectedData () {\n if (this.value) {\n return this.value\n }\n return this.options && this.options.length > 0 ? this.options[0] : null\n },\n getThemeOpposite (type = 'text') {\n const theme = this.theme === 'dark' ? 'light ' : 'dark'\n return type + '-' + theme\n }\n }\n}\n<\/script>\n\n<style scoped>\n.custom-select {\n position: relative;\n width: 170px;\n text-align: left;\n outline: none;\n height: 35px;\n line-height: 35px;\n border: 0 !important;\n box-shadow: unset !important;\n}\n.custom-select:not(.open) {\n overflow: hidden;\n}\n\n.custom-select .selected {\n /* border-radius: 6px;*/\n /* color: #fff; */\n padding-left: 1em;\n cursor: pointer;\n user-select: none;\n position: absolute;\n width: 100%;\n left: 0;\n top: 0;\n}\n\n/* .custom-select .selected.open {\n border-radius: 6px 6px 0px 0px;\n} */\n\n.custom-select .selected:after {\n position: absolute;\n content: \"\";\n top: 14px;\n right: 1em;\n width: 0;\n height: 0;\n border: 5px solid transparent;\n transition: all 0.3s;\n}\n.custom-select .bg-dark.selected:after {\n border-color: #fff transparent transparent transparent;\n}\n.custom-select .bg-light.selected:after {\n border-color: #000 transparent transparent transparent;\n}\n.selected.open:after {\n transform: rotateX(180deg);\n}\n\n.custom-select .items {\n /* color: #fff; */\n border-radius: 0px 0px 6px 6px;\n overflow: hidden;\n position: absolute;\n left: 0;\n right: 0;\n z-index: 7;\n top: 34px;\n}\n.custom-select .selected.open {\n border-radius: 6px 6px 0px 0px;\n}\n\n.custom-select .items div {\n /* color: #fff; */\n padding-left: 1em;\n cursor: pointer;\n user-select: none;\n}\n\n.custom-select .items.bg-dark div:not(.selected-item):hover {\n filter: brightness(0.5);\n}\n.custom-select .items.bg-light div:not(.selected-item):hover {\n filter: brightness(1.5);\n}\n\n.selectHide {\n display: none;\n}\n.custom-select .items div:not(.selected-item):hover {\n color: white;\n}\n</style>\n"]}]),t.default=o},function(n,t,e){"use strict";e(5)},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A)()(!0);o.push([n.i,'\nlabel[data-v-bcd6bb98] {\n z-index: -1;\n}\n.form-field[data-v-bcd6bb98] {\n display: block;\n margin-bottom: 16px;\n font-family: "Fredoka One", sans-serif;\n /* color: #ababab3d; */\n}\n.form-field__label.required[data-v-bcd6bb98]::before {\n content: "*";\n}\n.form-field--is-active .form-field__control[data-v-bcd6bb98]::after {\n transform: scaleX(150);\n}\n.form-field--is-active .form-field__label[data-v-bcd6bb98] {\n opacity: 1;\n font-size: 0.75rem;\n transform: translateY(-14px);\n}\n.form-field--is-filled .form-field__label[data-v-bcd6bb98] {\n opacity: 1;\n font-size: 0.75rem;\n transform: translateY(-14px);\n}\n.form-field__label[data-v-bcd6bb98] {\n display: block;\n font-size: 1.2rem;\n font-weight: normal;\n left: 0;\n margin: 0;\n padding: 18px 12px 0;\n position: absolute;\n top: 0;\n transition: all 0.4s;\n width: 100%;\n opacity: 0.4;\n}\n.form-field__control[data-v-bcd6bb98] {\n border-radius: 8px;\n overflow: hidden;\n position: relative;\n width: 100%;\n z-index: 1;\n}\n.form-field__control[data-v-bcd6bb98]::after {\n bottom: 0;\n content: "";\n display: block;\n left: 0;\n margin: 0 auto;\n position: absolute;\n right: 0;\n transform: scaleX(0);\n transition: all 0.4s;\n width: 1%;\n}\n.form-field__input[data-v-bcd6bb98],\n.form-field__textarea[data-v-bcd6bb98] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n /* color: #333; */\n display: block;\n font-size: 1.2rem;\n margin-top: 24px;\n outline: 0;\n padding: 0 12px 10px 12px;\n width: 100%;\n}\n.form-field__textarea[data-v-bcd6bb98] {\n height: 80px;\n}\n',"",{version:3,sources:["src/items/template.vue"],names:[],mappings:";AA2BA;EACA,WAAA;AACA;AACA;EACA,cAAA;EACA,mBAAA;EACA,sCAAA;EACA,sBAAA;AACA;AACA;EACA,YAAA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,UAAA;EACA,kBAAA;EACA,4BAAA;AACA;AACA;EACA,UAAA;EACA,kBAAA;EACA,4BAAA;AACA;AAEA;EACA,cAAA;EACA,iBAAA;EACA,mBAAA;EACA,OAAA;EACA,SAAA;EACA,oBAAA;EACA,kBAAA;EACA,MAAA;EACA,oBAAA;EACA,WAAA;EACA,YAAA;AACA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,UAAA;AACA;AACA;EACA,SAAA;EACA,WAAA;EACA,cAAA;EACA,OAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,oBAAA;EACA,oBAAA;EACA,SAAA;AACA;AAEA;;EAEA,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,uBAAA;EACA,SAAA;EACA,iBAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,UAAA;EACA,yBAAA;EACA,WAAA;AACA;AAEA;EACA,YAAA;AACA",file:"template.vue",sourcesContent:['<template>\n <div class="form-field" :class="text || value ? \'form-field--is-active\' : \'\'">\n <div class="form-field__control">\n <label\n :for="id"\n class="form-field__label"\n :data-required="required"\n :class="(required ? \'required\' : \'\') + (\' text-\' + variant)"\n >{{ label }}</label\n >\n <slot />\n </div>\n </div>\n</template>\n<script>\nimport templateMixin from \'./template.mixin.js\'\nexport default {\n mixins: [templateMixin],\n props: {\n id: {\n required: true\n }\n }\n}\n<\/script>\n\n<style scoped>\nlabel {\n z-index: -1;\n}\n.form-field {\n display: block;\n margin-bottom: 16px;\n font-family: "Fredoka One", sans-serif;\n /* color: #ababab3d; */\n}\n.form-field__label.required::before {\n content: "*";\n}\n.form-field--is-active .form-field__control::after {\n transform: scaleX(150);\n}\n.form-field--is-active .form-field__label {\n opacity: 1;\n font-size: 0.75rem;\n transform: translateY(-14px);\n}\n.form-field--is-filled .form-field__label {\n opacity: 1;\n font-size: 0.75rem;\n transform: translateY(-14px);\n}\n\n.form-field__label {\n display: block;\n font-size: 1.2rem;\n font-weight: normal;\n left: 0;\n margin: 0;\n padding: 18px 12px 0;\n position: absolute;\n top: 0;\n transition: all 0.4s;\n width: 100%;\n opacity: 0.4;\n}\n\n.form-field__control {\n border-radius: 8px;\n overflow: hidden;\n position: relative;\n width: 100%;\n z-index: 1;\n}\n.form-field__control::after {\n bottom: 0;\n content: "";\n display: block;\n left: 0;\n margin: 0 auto;\n position: absolute;\n right: 0;\n transform: scaleX(0);\n transition: all 0.4s;\n width: 1%;\n}\n\n.form-field__input,\n.form-field__textarea {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background: transparent;\n border: 0;\n /* color: #333; */\n display: block;\n font-size: 1.2rem;\n margin-top: 24px;\n outline: 0;\n padding: 0 12px 10px 12px;\n width: 100%;\n}\n\n.form-field__textarea {\n height: 80px;\n}\n</style>\n']}]),t.default=o},function(n,t,e){"use strict";e(6)},function(n,t,e){"use strict";e.r(t);var A=e(0),o=e.n(A)()(!0);o.push([n.i,"\n*[data-v-240af36a] {\n box-sizing: border-box;\n}\n.cbx[data-v-240af36a] {\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n overflow: hidden;\n transition: all 0.2s ease;\n}\n.cbx[data-v-240af36a]:not(:last-child) {\n margin-right: 6px;\n}\n/* .cbx:hover {\n background: rgba(0, 119, 255, 0.06);\n} */\n.cbx span[data-v-240af36a] {\n float: left;\n vertical-align: middle;\n transform: translate3d(0, 0, 0);\n}\n.cbx span[data-v-240af36a]:first-child {\n position: relative;\n width: 18px;\n height: 18px;\n border-radius: 4px;\n transform: scale(1);\n border: 1px solid #cccfdb;\n transition: all 0.2s ease;\n box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);\n}\n.cbx span:first-child svg[data-v-240af36a] {\n position: absolute;\n top: 3px;\n left: 2px;\n fill: none;\n stroke: #fff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-dasharray: 16px;\n stroke-dashoffset: 16px;\n transition: all 0.3s ease;\n transition-delay: 0.1s;\n transform: translate3d(0, 0, 0);\n}\n.cbx span[data-v-240af36a]:last-child {\n padding-left: 8px;\n line-height: 18px;\n}\n.inp-cbx[data-v-240af36a] {\n position: absolute;\n visibility: hidden;\n}\n.inp-cbx:checked + .cbx span[data-v-240af36a]:first-child {\n /* background: #07f; */\n /* border-color: #07f; */\n animation: wave-240af36a 0.4s ease;\n}\n.inp-cbx:checked + .cbx span:first-child svg[data-v-240af36a] {\n stroke-dashoffset: 0;\n}\n.inline-svg[data-v-240af36a] {\n position: absolute;\n width: 0;\n height: 0;\n pointer-events: none;\n user-select: none;\n}\n@media screen and (max-width: 640px) {\n.cbx[data-v-240af36a] {\n width: 100%;\n margin-bottom: 4px;\n display: inline-block;\n}\n}\n@-moz-keyframes wave-240af36a {\n50% {\n transform: scale(0.9);\n}\n}\n@-webkit-keyframes wave-240af36a {\n50% {\n transform: scale(0.9);\n}\n}\n@-o-keyframes wave-240af36a {\n50% {\n transform: scale(0.9);\n}\n}\n@keyframes wave-240af36a {\n50% {\n transform: scale(0.9);\n}\n}\n","",{version:3,sources:["src/items/checkbox/checkbox.vue"],names:[],mappings:";AA6EA;EACA,sBAAA;AACA;AACA;EACA,yBAAA;EACA,iBAAA;EACA,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;AACA;AACA;EACA,iBAAA;AACA;AACA;;GAEA;AACA;EACA,WAAA;EACA,sBAAA;EACA,+BAAA;AACA;AACA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;EACA,2CAAA;AACA;AACA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,YAAA;EACA,eAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;EACA,uBAAA;EACA,yBAAA;EACA,sBAAA;EACA,+BAAA;AACA;AACA;EACA,iBAAA;EACA,iBAAA;AACA;AACA;EACA,kBAAA;EACA,kBAAA;AACA;AACA;EACA,sBAAA;EACA,wBAAA;EACA,kCAAA;AACA;AACA;EACA,oBAAA;AACA;AAEA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,oBAAA;EACA,iBAAA;AACA;AACA;AACA;IACA,WAAA;IACA,kBAAA;IACA,qBAAA;AACA;AACA;AACA;AACA;IACA,qBAAA;AACA;AACA;AACA;AACA;IACA,qBAAA;AACA;AACA;AACA;AACA;IACA,qBAAA;AACA;AACA;AACA;AACA;IACA,qBAAA;AACA;AACA",file:"checkbox.vue",sourcesContent:['<template>\n <div class="cntr">\n <input\n v-on="$listeners"\n class="inp-cbx"\n :id="\'checkbox-\' + this._uid"\n type="checkbox"\n v-model="checkedData"\n />\n <label\n @mouseover="hover"\n @mouseleave="hoverBorder = \'\'"\n class="cbx"\n :for="\'checkbox-\' + this._uid"\n ><span class="checkbox" :class="hoverBorder + \' \' + checkedBg">\n <svg width="12px" height="10px">\n <use xlink:href="#check"></use></svg></span\n ><span class="checkbox-name" :class="\'text-\' + theme"><slot /></span\n ></label>\n \x3c!--SVG Sprites--\x3e\n <svg class="inline-svg">\n <symbol id="check" viewbox="0 0 12 10">\n <polyline points="1.5 6 4.5 9 10.5 1"></polyline>\n </symbol>\n </svg>\n </div>\n</template>\n<script>\nexport default {\n data () {\n return {\n hoverBorder: \'\',\n checkedBg: \'\',\n checkedData: this.value\n }\n },\n created () {\n if (this.value) this.updateVariant()\n },\n methods: {\n hover () {\n this.hoverBorder = \'border border-\' + this.variant\n },\n updateVariant () {\n this.checkedBg = `border border-${this.variant} bg-` + this.variant\n }\n },\n watch: {\n value () {\n this.checkedData = this.value\n },\n checkedData () {\n if (this.checkedData) {\n this.$emit(\'input\', true)\n this.updateVariant()\n } else {\n this.$emit(\'input\', false)\n this.checkedBg = \'\'\n }\n }\n },\n props: {\n variant: {\n type: String,\n default: \'primary\'\n },\n theme: {\n type: String,\n default: \'dark\'\n },\n value: {\n default: false\n }\n }\n}\n<\/script>\n<style scoped>\n* {\n box-sizing: border-box;\n}\n.cbx {\n -webkit-user-select: none;\n user-select: none;\n cursor: pointer;\n padding: 6px 8px;\n border-radius: 6px;\n overflow: hidden;\n transition: all 0.2s ease;\n}\n.cbx:not(:last-child) {\n margin-right: 6px;\n}\n/* .cbx:hover {\n background: rgba(0, 119, 255, 0.06);\n} */\n.cbx span {\n float: left;\n vertical-align: middle;\n transform: translate3d(0, 0, 0);\n}\n.cbx span:first-child {\n position: relative;\n width: 18px;\n height: 18px;\n border-radius: 4px;\n transform: scale(1);\n border: 1px solid #cccfdb;\n transition: all 0.2s ease;\n box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);\n}\n.cbx span:first-child svg {\n position: absolute;\n top: 3px;\n left: 2px;\n fill: none;\n stroke: #fff;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-dasharray: 16px;\n stroke-dashoffset: 16px;\n transition: all 0.3s ease;\n transition-delay: 0.1s;\n transform: translate3d(0, 0, 0);\n}\n.cbx span:last-child {\n padding-left: 8px;\n line-height: 18px;\n}\n.inp-cbx {\n position: absolute;\n visibility: hidden;\n}\n.inp-cbx:checked + .cbx span:first-child {\n /* background: #07f; */\n /* border-color: #07f; */\n animation: wave 0.4s ease;\n}\n.inp-cbx:checked + .cbx span:first-child svg {\n stroke-dashoffset: 0;\n}\n\n.inline-svg {\n position: absolute;\n width: 0;\n height: 0;\n pointer-events: none;\n user-select: none;\n}\n@media screen and (max-width: 640px) {\n .cbx {\n width: 100%;\n margin-bottom: 4px;\n display: inline-block;\n }\n}\n@-moz-keyframes wave {\n 50% {\n transform: scale(0.9);\n }\n}\n@-webkit-keyframes wave {\n 50% {\n transform: scale(0.9);\n }\n}\n@-o-keyframes wave {\n 50% {\n transform: scale(0.9);\n }\n}\n@keyframes wave {\n 50% {\n transform: scale(0.9);\n }\n}\n</style>\n']}]),t.default=o},function(n,t,e){"use strict";e.r(t),e.d(t,"KButton",(function(){return r})),e.d(t,"KGoButton",(function(){return s})),e.d(t,"KSelect",(function(){return c})),e.d(t,"KTextarea",(function(){return b})),e.d(t,"KInput",(function(){return h})),e.d(t,"KCheckbox",(function(){return C})),e(8);var A={name:"k-button",props:{variant:{type:String,default:"primary"}}};function o(n,t,e,A,o,r,a,i){var s,l="function"==typeof n?n.options:n;if(t&&(l.render=t,l.staticRenderFns=e,l._compiled=!0),A&&(l.functional=!0),r&&(l._scopeId="data-v-"+r),a?(s=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),o&&o.call(this,n),n&&n._registeredComponents&&n._registeredComponents.add(a)},l._ssrRegister=s):o&&(s=i?function(){o.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:o),s)if(l.functional){l._injectStyles=s;var c=l.render;l.render=function(n,t){return s.call(t),c(n,t)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,s):[s]}return{exports:n,options:l}}e(10);var r=o(A,(function(){var n=this;return(0,n._self._c)("button",n._g(n._b({staticClass:"button-item",class:n.variant+" bg-"+n.variant},"button",n.$attrs,!1),n.$listeners),[n._t("default")],2)}),[],!1,null,null,null).exports,a={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/","`":"`","=":"="},i={props:{variant:{type:String,default:"primary"},theme:{type:String,default:"light"},to:{type:String}},methods:{escapeHtml:function(n){return String(n).replace(/[<>"'`]/g,(function(n){return a[n]}))}}},s=(e(12),o(i,(function(){var n=this,t=n._self._c;return t("a",{attrs:{href:n.escapeHtml(n.to)}},[t("button",n._g({staticClass:"go-button",class:"bg-"+n.variant+" "+n.theme},n.$listeners),[t("span",{staticClass:"text"},[n._t("default")],2),n._v(" "),t("div",{staticClass:"icon-container"},[t("div",{staticClass:"icon icon--left"},[t("svg",[t("use",{attrs:{"xlink:href":"#arrow-right"}})])]),n._v(" "),t("div",{staticClass:"icon icon--right"},[t("svg",{class:"fill-"+n.variant},[n._v("\n >\n "),t("use",{attrs:{"xlink:href":"#arrow-right"}})])])])]),n._v(" "),t("svg",{staticStyle:{display:"none"}},[t("symbol",{attrs:{id:"arrow-right",viewBox:"0 0 20 10"}},[t("path",{attrs:{d:"M14.84 0l-1.08 1.06 3.3 3.2H0v1.49h17.05l-3.3 3.2L14.84 10 20 5l-5.16-5z"}})])])])}),[],!1,null,"50419ad6",null).exports),l={name:"k-select",props:{value:{type:String,default:null},options:{type:Array,required:!0},variant:{type:String,default:"primary"},theme:{type:String,default:"dark"}},data:function(){return{selected:this.getSelectedData(),open:!1}},mounted:function(){this.$emit("input",this.selected)},methods:{getSelectedData:function(){return this.value?this.value:this.options&&this.options.length>0?this.options[0]:null},getThemeOpposite:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"text",t="dark"===this.theme?"light ":"dark";return n+"-"+t}}},c=(e(14),o(l,(function(){var n=this,t=n._self._c;return t("div",n._g({staticClass:"custom-select",class:(n.open?"open":"")+" "+n.theme,attrs:{tabindex:"0"},on:{blur:function(t){n.open=!1}}},n.$listeners),[t("div",{staticClass:"selected",class:(n.open?"open":"")+" bg-"+n.theme+" "+n.getThemeOpposite()+" "+(n.$attrs.class?n.$attrs.class:""),on:{click:function(t){n.open=!n.open}}},[n._v("\n "+n._s(n.selected)+"\n ")]),n._v(" "),t("div",{staticClass:"items",class:(n.open?"":"selectHide")+" bg-"+n.theme+" "+n.getThemeOpposite()+" "+n.variant},n._l(n.options,(function(e,A){return t("div",{key:A,class:e===n.selected?"selected-item text-light bg-"+n.variant:"",on:{click:function(t){n.selected=e,n.open=!1,n.$emit("input",e)}}},[n._v("\n "+n._s(e)+"\n ")])})),0)])}),[],!1,null,"8f212646",null).exports),d={model:{prop:"text",event:"update"},props:{text:{default:""}},methods:{onInput:function(n){this.$emit("update",n.target.value)}}},u={mixins:[d],props:{value:{type:String,default:""},label:{type:String,required:!0},color:{type:String},required:{type:Boolean,default:!1},variant:{type:String,default:"primary",options:["primary","secondary","success","danger","warning","info"]},theme:{type:String,default:"light"}}},p={mixins:[u],props:{id:{required:!0}}},f=(e(16),{mixins:[u],components:{appTemplate:o(p,(function(){var n=this,t=n._self._c;return t("div",{staticClass:"form-field",class:n.text||n.value?"form-field--is-active":""},[t("div",{staticClass:"form-field__control"},[t("label",{staticClass:"form-field__label",class:(n.required?"required":"")+" text-"+n.variant,attrs:{for:n.id,"data-required":n.required}},[n._v(n._s(n.label))]),n._v(" "),n._t("default")],2)])}),[],!1,null,"bcd6bb98",null).exports},methods:{blurred:function(n){if(""===n.target.value){n.target.parentNode.parentNode.classList.remove("form-field--is-active"),this.activeTextColor="unset";var t=n.target.parentNode.children[0];t.attributes.hasOwnProperty("data-required")&&"true"===t.attributes["data-required"].value&&t.classList.add("required")}},focused:function(n){n.target.parentNode.parentNode.classList.add("form-field--is-active"),this.activeTextColor=this.color,n.target.parentNode.children[0].classList.remove("required")}}}),b=o({mixins:[f,d]},(function(){var n=this,t=n._self._c;return t("app-template",n._b({attrs:{id:"textarea-"+this._uid}},"app-template",n.$props,!1),[t("textarea",n._g(n._b({staticClass:"form-field__textarea border-bottom",class:"text-"+("transparent"==n.theme||null!=n.color?n.color:n.theme)+" border-"+n.variant,attrs:{id:"textarea-"+this._uid},domProps:{value:n.text?n.text:n.value},on:{input:n.onInput,blur:n.blurred,focus:n.focused}},"textarea",n.$attrs,!1),n.$listeners))])}),[],!1,null,null,null).exports,h=o({mixins:[f,d]},(function(){var n=this,t=n._self._c;return t("app-template",n._b({attrs:{id:"input-"+this._uid}},"app-template",n.$props,!1),[t("input",n._g(n._b({staticClass:"form-field__input border-bottom",class:"text-"+("transparent"==n.theme||null!=n.color?n.color:n.theme)+" border-"+n.variant,attrs:{type:"text",id:"input-"+this._uid},domProps:{value:n.text?n.text:n.value},on:{input:n.onInput,blur:n.blurred,focus:n.focused}},"input",n.$attrs,!1),n.$listeners))])}),[],!1,null,null,null).exports,m={data:function(){return{hoverBorder:"",checkedBg:"",checkedData:this.value}},created:function(){this.value&&this.updateVariant()},methods:{hover:function(){this.hoverBorder="border border-"+this.variant},updateVariant:function(){this.checkedBg="border border-".concat(this.variant," bg-")+this.variant}},watch:{value:function(){this.checkedData=this.value},checkedData:function(){this.checkedData?(this.$emit("input",!0),this.updateVariant()):(this.$emit("input",!1),this.checkedBg="")}},props:{variant:{type:String,default:"primary"},theme:{type:String,default:"dark"},value:{default:!1}}},C=(e(18),o(m,(function(){var n=this,t=n._self._c;return t("div",{staticClass:"cntr"},[t("input",n._g({directives:[{name:"model",rawName:"v-model",value:n.checkedData,expression:"checkedData"}],staticClass:"inp-cbx",attrs:{id:"checkbox-"+this._uid,type:"checkbox"},domProps:{checked:Array.isArray(n.checkedData)?n._i(n.checkedData,null)>-1:n.checkedData},on:{change:function(t){var e=n.checkedData,A=t.target,o=!!A.checked;if(Array.isArray(e)){var r=n._i(e,null);A.checked?r<0&&(n.checkedData=e.concat([null])):r>-1&&(n.checkedData=e.slice(0,r).concat(e.slice(r+1)))}else n.checkedData=o}}},n.$listeners)),n._v(" "),t("label",{staticClass:"cbx",attrs:{for:"checkbox-"+this._uid},on:{mouseover:n.hover,mouseleave:function(t){n.hoverBorder=""}}},[t("span",{staticClass:"checkbox",class:n.hoverBorder+" "+n.checkedBg},[t("svg",{attrs:{width:"12px",height:"10px"}},[t("use",{attrs:{"xlink:href":"#check"}})])]),t("span",{staticClass:"checkbox-name",class:"text-"+n.theme},[n._t("default")],2)]),n._v(" "),t("svg",{staticClass:"inline-svg"},[t("symbol",{attrs:{id:"check",viewbox:"0 0 12 10"}},[t("polyline",{attrs:{points:"1.5 6 4.5 9 10.5 1"}})])])])}),[],!1,null,"240af36a",null).exports)}])}));
//# sourceMappingURL=form-elements.min.js.map