(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{"+Pqb":function(e,t,a){"use strict";var n={name:"ProgressBar",props:["progress"]},i=(a("8L2t"),a("KHd+")),o=Object(i.a)(n,(function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"progress-bar"},[t("span",{staticClass:"bg-theme",style:{width:this.progress+"%"}})])}),[],!1,null,"6ec2be7a",null);t.a=o.exports},"+v8A":function(e,t,a){var n=a("hw5j");"string"==typeof n&&(n=[[e.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(e.exports=n.locals)},"0+DM":function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,'.form[data-v-5895df34] {\n  max-width: 700px;\n}\n.form.inline-form[data-v-5895df34] {\n  display: flex;\n  position: relative;\n  justify-content: center;\n  margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-5895df34] {\n  position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-5895df34] {\n  position: absolute;\n  left: 0;\n  bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-5895df34] {\n  display: flex;\n  margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-5895df34] {\n  width: 100%;\n  padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-5895df34] {\n  margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-5895df34] {\n  font-size: 0.875em;\n  color: rgba(27, 37, 57, 0.8);\n  font-weight: 700;\n  display: block;\n  margin-bottom: 7px;\n  text-align: left;\n}\n.form.block-form .block-wrapper[data-v-5895df34]:last-child {\n  margin-bottom: 0;\n}\n.form.block-form .button[data-v-5895df34] {\n  margin-top: 50px;\n}\n.form .inline-wrapper[data-v-5895df34] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-5895df34] {\n  padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-5895df34] {\n  font-weight: 700;\n  color: #1B2539;\n  font-size: 1em;\n  margin-bottom: 5px;\n}\n.form .input-help[data-v-5895df34] {\n  font-size: 0.75em;\n  color: rgba(27, 37, 57, 0.7);\n  line-height: 1.35;\n  padding-top: 10px;\n  display: block;\n}\n.single-line-form[data-v-5895df34] {\n  display: flex;\n}\n.single-line-form .submit-button[data-v-5895df34] {\n  margin-left: 20px;\n}\n.error-message[data-v-5895df34] {\n  font-size: 0.875em;\n  color: #fd397a;\n  padding-top: 5px;\n  display: block;\n  text-align: left;\n}\ntextarea[data-v-5895df34] {\n  width: 100%;\n}\ninput[type="color"][data-v-5895df34] {\n  width: 38px;\n  height: 40px;\n  border: none;\n  outline: none;\n  background: none;\n}\ntextarea[data-v-5895df34],\ninput[type="password"][data-v-5895df34],\ninput[type="text"][data-v-5895df34],\ninput[type="number"][data-v-5895df34],\ninput[type="email"][data-v-5895df34] {\n  border: 1px solid transparent;\n  transition: 150ms all ease;\n  font-size: 1em;\n  border-radius: 8px;\n  padding: 13px 20px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  font-weight: 700;\n  outline: 0;\n  width: 100%;\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n}\ntextarea.is-error[data-v-5895df34],\ninput[type="password"].is-error[data-v-5895df34],\ninput[type="text"].is-error[data-v-5895df34],\ninput[type="number"].is-error[data-v-5895df34],\ninput[type="email"].is-error[data-v-5895df34] {\n  border-color: #fd397a;\n}\ntextarea[data-v-5895df34]::-webkit-input-placeholder, input[type="password"][data-v-5895df34]::-webkit-input-placeholder, input[type="text"][data-v-5895df34]::-webkit-input-placeholder, input[type="number"][data-v-5895df34]::-webkit-input-placeholder, input[type="email"][data-v-5895df34]::-webkit-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-5895df34]::-moz-placeholder, input[type="password"][data-v-5895df34]::-moz-placeholder, input[type="text"][data-v-5895df34]::-moz-placeholder, input[type="number"][data-v-5895df34]::-moz-placeholder, input[type="email"][data-v-5895df34]::-moz-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-5895df34]:-ms-input-placeholder, input[type="password"][data-v-5895df34]:-ms-input-placeholder, input[type="text"][data-v-5895df34]:-ms-input-placeholder, input[type="number"][data-v-5895df34]:-ms-input-placeholder, input[type="email"][data-v-5895df34]:-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-5895df34]::-ms-input-placeholder, input[type="password"][data-v-5895df34]::-ms-input-placeholder, input[type="text"][data-v-5895df34]::-ms-input-placeholder, input[type="number"][data-v-5895df34]::-ms-input-placeholder, input[type="email"][data-v-5895df34]::-ms-input-placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[data-v-5895df34]::placeholder,\ninput[type="password"][data-v-5895df34]::placeholder,\ninput[type="text"][data-v-5895df34]::placeholder,\ninput[type="number"][data-v-5895df34]::placeholder,\ninput[type="email"][data-v-5895df34]::placeholder {\n  color: rgba(27, 37, 57, 0.5);\n  font-size: 0.9375em;\n}\ntextarea[disabled][data-v-5895df34],\ninput[type="password"][disabled][data-v-5895df34],\ninput[type="text"][disabled][data-v-5895df34],\ninput[type="number"][disabled][data-v-5895df34],\ninput[type="email"][disabled][data-v-5895df34] {\n  background: white;\n  color: rgba(27, 37, 57, 0.8);\n  -webkit-text-fill-color: rgba(27, 37, 57, 0.8);\n  opacity: 1;\n  cursor: not-allowed;\n}\n.additional-link[data-v-5895df34] {\n  font-size: 1em;\n  margin-top: 50px;\n  display: block;\n}\n.additional-link b[data-v-5895df34], .additional-link a[data-v-5895df34] {\n  cursor: pointer;\n}\n.additional-link b[data-v-5895df34]:hover, .additional-link a[data-v-5895df34]:hover {\n  text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-5895df34] {\n    max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-5895df34] {\n    margin-top: 20px;\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form input[data-v-5895df34], .form textarea[data-v-5895df34] {\n    width: 100%;\n    min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-5895df34] {\n    display: block;\n}\n.form.block-form .block-wrapper label[data-v-5895df34] {\n    width: 100%;\n    padding-right: 0;\n    display: block;\n    margin-bottom: 7px;\n    text-align: left !important;\n    font-size: 0.875em;\n    padding-top: 0;\n}\n.form.block-form .button[data-v-5895df34] {\n    margin-top: 25px;\n    margin-left: 0;\n    margin-right: 0;\n}\n.form.inline-form[data-v-5895df34] {\n    display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-5895df34] {\n    position: relative;\n    bottom: 0;\n}\n.form .button[data-v-5895df34] {\n    padding: 14px 32px;\n}\n.single-line-form[data-v-5895df34] {\n    display: block;\n}\n.single-line-form .submit-button[data-v-5895df34] {\n    margin-left: 0;\n    margin-top: 20px;\n    width: 100%;\n}\ntextarea[data-v-5895df34],\n  input[type="password"][data-v-5895df34],\n  input[type="number"][data-v-5895df34],\n  input[type="text"][data-v-5895df34],\n  input[type="email"][data-v-5895df34] {\n    padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-5895df34] {\n    display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-5895df34] {\n    color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-5895df34] {\n    color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-5895df34] {\n    color: #bec6cf;\n}\ntextarea[data-v-5895df34],\n  input[type="password"][data-v-5895df34],\n  input[type="text"][data-v-5895df34],\n  input[type="number"][data-v-5895df34],\n  input[type="email"][data-v-5895df34] {\n    border-color: #1e2024;\n    background: #1e2024;\n    color: #bec6cf;\n}\ntextarea[data-v-5895df34]::-webkit-input-placeholder, input[type="password"][data-v-5895df34]::-webkit-input-placeholder, input[type="text"][data-v-5895df34]::-webkit-input-placeholder, input[type="number"][data-v-5895df34]::-webkit-input-placeholder, input[type="email"][data-v-5895df34]::-webkit-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-5895df34]::-moz-placeholder, input[type="password"][data-v-5895df34]::-moz-placeholder, input[type="text"][data-v-5895df34]::-moz-placeholder, input[type="number"][data-v-5895df34]::-moz-placeholder, input[type="email"][data-v-5895df34]::-moz-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-5895df34]:-ms-input-placeholder, input[type="password"][data-v-5895df34]:-ms-input-placeholder, input[type="text"][data-v-5895df34]:-ms-input-placeholder, input[type="number"][data-v-5895df34]:-ms-input-placeholder, input[type="email"][data-v-5895df34]:-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-5895df34]::-ms-input-placeholder, input[type="password"][data-v-5895df34]::-ms-input-placeholder, input[type="text"][data-v-5895df34]::-ms-input-placeholder, input[type="number"][data-v-5895df34]::-ms-input-placeholder, input[type="email"][data-v-5895df34]::-ms-input-placeholder {\n    color: #7d858c;\n}\ntextarea[data-v-5895df34]::placeholder,\n  input[type="password"][data-v-5895df34]::placeholder,\n  input[type="text"][data-v-5895df34]::placeholder,\n  input[type="number"][data-v-5895df34]::placeholder,\n  input[type="email"][data-v-5895df34]::placeholder {\n    color: #7d858c;\n}\ntextarea[disabled][data-v-5895df34],\n  input[type="password"][disabled][data-v-5895df34],\n  input[type="text"][disabled][data-v-5895df34],\n  input[type="number"][disabled][data-v-5895df34],\n  input[type="email"][disabled][data-v-5895df34] {\n    background: #1e2024;\n    color: rgba(125, 133, 140, 0.8);\n    -webkit-text-fill-color: rgba(125, 133, 140, 0.8);\n}\n.popup-wrapper textarea[data-v-5895df34],\n  .popup-wrapper input[type="password"][data-v-5895df34],\n  .popup-wrapper input[type="text"][data-v-5895df34],\n  .popup-wrapper input[type="number"][data-v-5895df34],\n  .popup-wrapper input[type="email"][data-v-5895df34] {\n    background: #25272c;\n}\n}\n.block-form[data-v-5895df34] {\n  max-width: 100%;\n}\n',""])},"0OA4":function(e,t,a){var n=a("8K6n");"string"==typeof n&&(n=[[e.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(e.exports=n.locals)},"23b/":function(e,t,a){"use strict";a.r(t);var n=a("o0o1"),i=a.n(n),o=a("KnjL"),r=a("gahf"),s=a("qefO"),d=a("A5+z"),p=a("xnZf"),l=a("4TWA"),c=a("eZ9V"),u=a("Nv84"),v=a("13Td"),m=a("TJPC"),f=a("L2JU"),b=a("xCqy"),g=a("vDqi"),h=a.n(g);function y(e,t,a,n,i,o,r){try{var s=e[o](r),d=s.value}catch(e){return void a(e)}s.done?t(d):Promise.resolve(d).then(n,i)}function x(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function _(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var w={name:"UserDetail",props:["user"],components:{PageTabGroup:r.a,PageTab:s.a,InfoBox:o.a,FormLabel:c.a,ValidationProvider:d.ValidationProvider,ValidationObserver:d.ValidationObserver,StorageItemDetail:p.a,SelectInput:l.a,ButtonBase:u.a,SetupBox:v.a,required:m.a},computed:function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?x(Object(a),!0).forEach((function(t){_(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):x(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}({},Object(f.b)(["roles","config"])),data:function(){return{isLoading:!1,isSendingRequest:!1,userRole:void 0}},methods:{changeRole:function(){var e,t=this;return(e=i.a.mark((function e(){return i.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.$refs.changeRole.validate();case 2:if(e.sent){e.next=5;break}return e.abrupt("return");case 5:t.isSendingRequest=!0,h.a.post(t.$store.getters.api+"/admin/users/"+t.$route.params.id+"/role",{attributes:{role:t.userRole},_method:"patch"}).then((function(){t.$refs.changeRole.reset(),t.$emit("reload-user"),b.a.$emit("toaster",{type:"success",message:t.$t("toaster.changed_user")})})).catch((function(){b.a.$emit("alert:open",{title:t.$t("popup_error.title"),message:t.$t("popup_error.message")})})).finally((function(){t.isSendingRequest=!1}));case 7:case"end":return e.stop()}}),e)})),function(){var t=this,a=arguments;return new Promise((function(n,i){var o=e.apply(t,a);function r(e){y(o,n,i,r,s,"next",e)}function s(e){y(o,n,i,r,s,"throw",e)}r(void 0)}))})()}}},k=(a("eF5s"),a("KHd+")),C=Object(k.a)(w,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("PageTab",{staticClass:"form-fixed-width"},[a("PageTabGroup",[a("FormLabel",[e._v("\n            "+e._s(e.$t("user_box_role.title"))+"\n        ")]),e._v(" "),a("InfoBox",[a("p",[e._v(e._s(e.$t("user_box_role.description")))])]),e._v(" "),a("ValidationObserver",{ref:"changeRole",staticClass:"form block-form",attrs:{tag:"form"},on:{submit:function(t){return t.preventDefault(),e.changeRole(t)}},scopedSlots:e._u([{key:"default",fn:function(t){t.invalid;return[a("ValidationProvider",{staticClass:"block-wrapper",attrs:{tag:"div",mode:"passive",name:"Role",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(t){var n=t.errors;return[a("label",[e._v(e._s(e.$t("admin_page_user.select_role"))+":")]),e._v(" "),a("div",{staticClass:"single-line-form"},[a("SelectInput",{attrs:{options:e.$translateSelectOptions(e.roles),placeholder:e.$t("admin_page_user.select_role"),isError:n[0]},model:{value:e.userRole,callback:function(t){e.userRole=t},expression:"userRole"}}),e._v(" "),a("ButtonBase",{staticClass:"submit-button",attrs:{loading:e.isSendingRequest,disabled:e.isSendingRequest,type:"submit","button-style":"theme"}},[e._v("\n                        "+e._s(e.$t("admin_page_user.save_role"))+"\n                    ")])],1),e._v(" "),n[0]?a("span",{staticClass:"error-message"},[e._v(e._s(n[0]))]):e._e()]}}],null,!0)})]}}])})],1),e._v(" "),a("PageTabGroup",[a("div",{staticClass:"form block-form"},[a("FormLabel",[e._v(e._s(e.$t("admin_page_user.label_person_info")))]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("page_registration.label_email"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{placeholder:e.$t("page_registration.placeholder_email"),type:"email",disabled:""},domProps:{value:e.user.data.attributes.email}})])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("page_registration.label_name"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{placeholder:e.$t("page_registration.placeholder_name"),type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.name}})])])],1)]),e._v(" "),e.config.isSaaS?a("PageTabGroup",[a("div",{staticClass:"form block-form"},[a("FormLabel",[e._v(e._s(e.$t("user_settings.title_billing")))]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.name"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.name}})])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.address"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.address}})])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.country"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.country}})])]),e._v(" "),a("div",{staticClass:"wrapper-inline"},[a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.city"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.city}})])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.postal_code"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.postal_code}})])])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.state"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.state}})])]),e._v(" "),a("div",{staticClass:"block-wrapper"},[a("label",[e._v(e._s(e.$t("user_settings.phone_number"))+":")]),e._v(" "),a("div",{staticClass:"input-wrapper"},[a("input",{attrs:{type:"text",disabled:""},domProps:{value:e.user.data.relationships.settings.data.attributes.phone_number}})])])],1)]):e._e()],1)}),[],!1,null,"5895df34",null);t.default=C.exports},"4TWA":function(e,t,a){"use strict";var n=a("CjXH"),i=a("LvDl"),o={name:"SelectInput",props:["placeholder","options","isError","default"],components:{Edit2Icon:n.r,UserIcon:n.fb,ChevronDownIcon:n.f},watch:{query:Object(i.debounce)((function(e){this.searchedResults=Object(i.omitBy)(this.options,(function(t){return!t.label.toLowerCase().includes(e.toLowerCase())}))}),200)},computed:{isSearching:function(){return this.searchedResults&&""!==this.query},optionList:function(){return this.isSearching?this.searchedResults:this.options}},data:function(){return{searchedResults:void 0,selected:void 0,isOpen:!1,query:""}},methods:{selectOption:function(e){this.$emit("input",e.value),this.selected=e,this.isOpen=!1},openMenu:function(){var e=this;this.isOpen=!this.isOpen,this.isOpen&&this.$nextTick((function(){return e.$refs.search.focus()}))}},created:function(){var e=this;this.default&&(this.selected=this.options.find((function(t){return t.value===e.default})))}},r=(a("7y9c"),a("KHd+")),s=Object(r.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"select"},[a("div",{staticClass:"input-area",class:{"is-active":e.isOpen,"is-error":e.isError},on:{click:e.openMenu}},[e.selected?a("div",{staticClass:"selected"},[e.selected.icon?a("div",{staticClass:"option-icon"},["user"===e.selected.icon?a("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===e.selected.icon?a("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),a("span",{staticClass:"option-value"},[e._v(e._s(e.selected.label))])]):e._e(),e._v(" "),e.selected?e._e():a("div",{staticClass:"not-selected"},[a("span",{staticClass:"option-value placehoder"},[e._v(e._s(e.placeholder))])]),e._v(" "),a("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),e._v(" "),a("transition",{attrs:{name:"slide-in"}},[e.isOpen?a("div",{staticClass:"input-options"},[e.options.length>5?a("div",{staticClass:"select-search"},[a("input",{directives:[{name:"model",rawName:"v-model",value:e.query,expression:"query"}],ref:"search",staticClass:"search-input focus-border-theme",attrs:{type:"text",placeholder:e.$t("select_search_placeholder")},domProps:{value:e.query},on:{input:function(t){t.target.composing||(e.query=t.target.value)}}})]):e._e(),e._v(" "),a("ul",{staticClass:"option-list"},e._l(e.optionList,(function(t,n){return a("li",{key:n,staticClass:"option-item",on:{click:function(a){return e.selectOption(t)}}},[t.icon?a("div",{staticClass:"option-icon"},["user"===t.icon?a("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===t.icon?a("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),a("span",{staticClass:"option-value"},[e._v(e._s(t.label))])])})),0)]):e._e()])],1)}),[],!1,null,"5fb2ed60",null);t.a=s.exports},"7y9c":function(e,t,a){"use strict";var n=a("0OA4");a.n(n).a},"8K6n":function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".select[data-v-5fb2ed60] {\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  width: 100%;\n}\n.select-search[data-v-5fb2ed60] {\n  background: white;\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  padding: 13px;\n}\n.select-search .search-input[data-v-5fb2ed60] {\n  border: 1px solid transparent;\n  background: #f4f5f6;\n  transition: 150ms all ease;\n  font-size: 0.875em;\n  border-radius: 8px;\n  padding: 13px 20px;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  font-weight: 700;\n  outline: 0;\n  width: 100%;\n}\n.input-options[data-v-5fb2ed60] {\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);\n  background: white;\n  border-radius: 8px;\n  position: absolute;\n  overflow: hidden;\n  top: 65px;\n  left: 0;\n  right: 0;\n  z-index: 9;\n  max-height: 295px;\n  overflow-y: auto;\n}\n.input-options .option-item[data-v-5fb2ed60] {\n  padding: 13px 20px;\n  display: block;\n  cursor: pointer;\n}\n.input-options .option-item[data-v-5fb2ed60]:hover {\n  color: #00BC7E;\n  background: #f4f5f6;\n}\n.input-options .option-item[data-v-5fb2ed60]:last-child {\n  border-bottom: none;\n}\n.input-area[data-v-5fb2ed60] {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n  justify-content: space-between;\n  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);\n  transition: 150ms all ease;\n  align-items: center;\n  border-radius: 8px;\n  padding: 13px 20px;\n  display: flex;\n  outline: 0;\n  width: 100%;\n  cursor: pointer;\n}\n.input-area .chevron[data-v-5fb2ed60] {\n  transition: 150ms all ease;\n}\n.input-area.is-active .chevron[data-v-5fb2ed60] {\n  transform: rotate(180deg);\n}\n.input-area.is-error[data-v-5fb2ed60] {\n  border-color: #fd397a;\n  box-shadow: 0 0 7px rgba(253, 57, 122, 0.3);\n}\n.option-icon[data-v-5fb2ed60] {\n  width: 20px;\n  display: inline-block;\n  font-size: 0.625em;\n}\n.option-icon svg[data-v-5fb2ed60] {\n  margin-top: -4px;\n  vertical-align: middle;\n}\n.option-value[data-v-5fb2ed60] {\n  font-size: 0.875em;\n  font-weight: 700;\n  width: 100%;\n  vertical-align: middle;\n}\n.option-value.placehoder[data-v-5fb2ed60] {\n  color: rgba(27, 37, 57, 0.5);\n}\n.slide-in-enter-active[data-v-5fb2ed60] {\n  transition: all 150ms ease;\n}\n.slide-in-enter[data-v-5fb2ed60] {\n  opacity: 0;\n  transform: translateY(-50px);\n}\n@media (prefers-color-scheme: dark) {\n.select-search[data-v-5fb2ed60] {\n    background: #1e2024;\n}\n.select-search .search-input[data-v-5fb2ed60] {\n    background: #131414;\n}\n.input-area[data-v-5fb2ed60] {\n    background: #1e2024;\n    border-color: #1e2024;\n}\n.popup-wrapper .input-area[data-v-5fb2ed60] {\n    background: #25272c;\n}\n.input-options[data-v-5fb2ed60] {\n    background: #1e2024;\n}\n.input-options .option-item[data-v-5fb2ed60] {\n    border-bottom: none;\n}\n.input-options .option-item[data-v-5fb2ed60]:hover {\n    background: #2a2c32;\n}\n.input-options .option-item:hover .option-icon path[data-v-5fb2ed60], .input-options .option-item:hover .option-icon circle[data-v-5fb2ed60] {\n    color: inherit;\n}\n.input-options .option-item[data-v-5fb2ed60]:last-child {\n    border-bottom: none;\n}\n.option-value.placehoder[data-v-5fb2ed60] {\n    color: #7d858c;\n}\n}\n",""])},"8L2t":function(e,t,a){"use strict";var n=a("YQqd");a.n(n).a},YQqd:function(e,t,a){var n=a("gvpH");"string"==typeof n&&(n=[[e.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(e.exports=n.locals)},eF5s:function(e,t,a){"use strict";var n=a("x/fw");a.n(n).a},gvpH:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".progress-bar[data-v-6ec2be7a] {\n  width: 100%;\n  height: 5px;\n  background: #f4f5f6;\n  margin-top: 6px;\n  border-radius: 10px;\n}\n.progress-bar span[data-v-6ec2be7a] {\n  display: block;\n  height: 100%;\n  border-radius: 10px;\n  max-width: 100%;\n}\n@media (prefers-color-scheme: dark) {\n.progress-bar[data-v-6ec2be7a] {\n    background: #1e2024;\n}\n}\n@media only screen and (min-width: 680px) and (prefers-color-scheme: dark) {\n.progress-bar[data-v-6ec2be7a] {\n    background: #1e2024;\n}\n}\n",""])},hw5j:function(e,t,a){(e.exports=a("I1BE")(!1)).push([e.i,".detail-storage-item[data-v-d9e0536e] {\n  margin-bottom: 35px;\n}\n.detail-storage-item.disk .icon path[data-v-d9e0536e], .detail-storage-item.disk .icon line[data-v-d9e0536e], .detail-storage-item.disk .icon polyline[data-v-d9e0536e], .detail-storage-item.disk .icon rect[data-v-d9e0536e], .detail-storage-item.disk .icon circle[data-v-d9e0536e], .detail-storage-item.disk .icon polygon[data-v-d9e0536e] {\n  stroke: #1B2539;\n}\n.detail-storage-item.disk .storage-progress[data-v-d9e0536e] span {\n  background: #1B2539;\n}\n.detail-storage-item.images .icon path[data-v-d9e0536e], .detail-storage-item.images .icon line[data-v-d9e0536e], .detail-storage-item.images .icon polyline[data-v-d9e0536e], .detail-storage-item.images .icon rect[data-v-d9e0536e], .detail-storage-item.images .icon circle[data-v-d9e0536e], .detail-storage-item.images .icon polygon[data-v-d9e0536e] {\n  stroke: #9D66FE;\n}\n.detail-storage-item.images .storage-progress[data-v-d9e0536e] span {\n  background: #9D66FE;\n}\n.detail-storage-item.videos .icon path[data-v-d9e0536e], .detail-storage-item.videos .icon line[data-v-d9e0536e], .detail-storage-item.videos .icon polyline[data-v-d9e0536e], .detail-storage-item.videos .icon rect[data-v-d9e0536e], .detail-storage-item.videos .icon circle[data-v-d9e0536e], .detail-storage-item.videos .icon polygon[data-v-d9e0536e] {\n  stroke: #FFBD2D;\n}\n.detail-storage-item.videos .storage-progress[data-v-d9e0536e] span {\n  background: #FFBD2D;\n}\n.detail-storage-item.audios .icon path[data-v-d9e0536e], .detail-storage-item.audios .icon line[data-v-d9e0536e], .detail-storage-item.audios .icon polyline[data-v-d9e0536e], .detail-storage-item.audios .icon rect[data-v-d9e0536e], .detail-storage-item.audios .icon circle[data-v-d9e0536e], .detail-storage-item.audios .icon polygon[data-v-d9e0536e] {\n  stroke: #FE66A1;\n}\n.detail-storage-item.audios .storage-progress[data-v-d9e0536e] span {\n  background: #FE66A1;\n}\n.detail-storage-item.documents .icon path[data-v-d9e0536e], .detail-storage-item.documents .icon line[data-v-d9e0536e], .detail-storage-item.documents .icon polyline[data-v-d9e0536e], .detail-storage-item.documents .icon rect[data-v-d9e0536e], .detail-storage-item.documents .icon circle[data-v-d9e0536e], .detail-storage-item.documents .icon polygon[data-v-d9e0536e] {\n  stroke: #FE6057;\n}\n.detail-storage-item.documents .storage-progress[data-v-d9e0536e] span {\n  background: #FE6057;\n}\n.detail-storage-item.others .icon path[data-v-d9e0536e], .detail-storage-item.others .icon line[data-v-d9e0536e], .detail-storage-item.others .icon polyline[data-v-d9e0536e], .detail-storage-item.others .icon rect[data-v-d9e0536e], .detail-storage-item.others .icon circle[data-v-d9e0536e], .detail-storage-item.others .icon polygon[data-v-d9e0536e] {\n  stroke: #1B2539;\n}\n.detail-storage-item.others .storage-progress[data-v-d9e0536e] span {\n  background: #1B2539;\n}\n.header-storage-item[data-v-d9e0536e] {\n  display: flex;\n  align-items: flex-start;\n  margin-bottom: 10px;\n}\n.header-storage-item .icon[data-v-d9e0536e] {\n  width: 35px;\n}\n.header-storage-item .type[data-v-d9e0536e] {\n  font-size: 0.9375em;\n  color: #1B2539;\n}\n.header-storage-item .total-size[data-v-d9e0536e] {\n  font-size: 0.625em;\n  display: block;\n  color: rgba(27, 37, 57, 0.7);\n}\n@media (prefers-color-scheme: dark) {\n.header-storage-item .type[data-v-d9e0536e] {\n    color: #bec6cf;\n}\n.header-storage-item .total-size[data-v-d9e0536e] {\n    color: #7d858c;\n}\n.detail-storage-item.others .icon path[data-v-d9e0536e], .detail-storage-item.others .icon line[data-v-d9e0536e], .detail-storage-item.others .icon polyline[data-v-d9e0536e], .detail-storage-item.others .icon rect[data-v-d9e0536e], .detail-storage-item.others .icon circle[data-v-d9e0536e], .detail-storage-item.others .icon polygon[data-v-d9e0536e], .detail-storage-item.disk .icon path[data-v-d9e0536e], .detail-storage-item.disk .icon line[data-v-d9e0536e], .detail-storage-item.disk .icon polyline[data-v-d9e0536e], .detail-storage-item.disk .icon rect[data-v-d9e0536e], .detail-storage-item.disk .icon circle[data-v-d9e0536e], .detail-storage-item.disk .icon polygon[data-v-d9e0536e] {\n    stroke: #41454e;\n}\n.detail-storage-item.others .storage-progress[data-v-d9e0536e] span, .detail-storage-item.disk .storage-progress[data-v-d9e0536e] span {\n    background: #41454e;\n}\n}\n",""])},jCWY:function(e,t,a){"use strict";var n=a("+v8A");a.n(n).a},"x/fw":function(e,t,a){var n=a("0+DM");"string"==typeof n&&(n=[[e.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};a("aET+")(n,i);n.locals&&(e.exports=n.locals)},xnZf:function(e,t,a){"use strict";var n=a("+Pqb"),i=a("CjXH"),o={name:"StorageItemDetail",props:["percentage","title","type","used"],components:{HardDriveIcon:i.C,FileTextIcon:i.w,ProgressBar:n.a,MusicIcon:i.P,VideoIcon:i.ib,ImageIcon:i.E,FileIcon:i.v}},r=(a("jCWY"),a("KHd+")),s=Object(r.a)(o,(function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("article",{staticClass:"detail-storage-item",class:e.type},[a("div",{staticClass:"header-storage-item"},[a("div",{staticClass:"icon"},["images"==e.type?a("image-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"videos"==e.type?a("video-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"audios"==e.type?a("music-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"documents"==e.type?a("file-text-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"others"==e.type?a("file-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"disk"==e.type?a("hard-drive-icon",{attrs:{size:"23"}}):e._e()],1),e._v(" "),a("div",{staticClass:"title"},[a("b",{staticClass:"type"},[e._v(e._s(e.title))]),e._v(" "),a("span",{staticClass:"total-size"},[e._v(e._s(e.used))])])]),e._v(" "),a("ProgressBar",{staticClass:"storage-progress",attrs:{progress:e.percentage}})],1)}),[],!1,null,"d9e0536e",null);t.a=s.exports}}]);