Files
vuefilemanager/public/chunks/plan-settings.js
2021-05-11 08:36:10 +00:00

1 line
30 KiB
JavaScript
Vendored

(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{"+Pqb":function(t,a,e){"use strict";var n={name:"ProgressBar",props:["progress"]},i=(e("8L2t"),e("KHd+")),o=Object(i.a)(n,(function(){var t=this.$createElement,a=this._self._c||t;return a("div",{staticClass:"progress-bar"},[a("span",{staticClass:"bg-theme",style:{width:this.progress+"%"}})])}),[],!1,null,"6ec2be7a",null);a.a=o.exports},"+v8A":function(t,a,e){var n=e("hw5j");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(n,i);n.locals&&(t.exports=n.locals)},"0OA4":function(t,a,e){var n=e("8K6n");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(n,i);n.locals&&(t.exports=n.locals)},"4TWA":function(t,a,e){"use strict";var n=e("CjXH"),i=e("LvDl"),o={name:"SelectInput",props:["placeholder","options","isError","default"],components:{Edit2Icon:n.s,UserIcon:n.gb,ChevronDownIcon:n.g},watch:{query:Object(i.debounce)((function(t){this.searchedResults=Object(i.omitBy)(this.options,(function(a){return!a.label.toLowerCase().includes(t.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(t){this.$emit("input",t.value),this.selected=t,this.isOpen=!1},openMenu:function(){var t=this;this.isOpen=!this.isOpen,this.isOpen&&this.$nextTick((function(){return t.$refs.search.focus()}))}},created:function(){var t=this;this.default&&(this.selected=this.options.find((function(a){return a.value===t.default})))}},r=(e("7y9c"),e("KHd+")),s=Object(r.a)(o,(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"select"},[e("div",{staticClass:"input-area",class:{"is-active":t.isOpen,"is-error":t.isError},on:{click:t.openMenu}},[t.selected?e("div",{staticClass:"selected"},[t.selected.icon?e("div",{staticClass:"option-icon"},["user"===t.selected.icon?e("user-icon",{attrs:{size:"14"}}):t._e(),t._v(" "),"user-edit"===t.selected.icon?e("edit2-icon",{attrs:{size:"14"}}):t._e()],1):t._e(),t._v(" "),e("span",{staticClass:"option-value"},[t._v(t._s(t.selected.label))])]):t._e(),t._v(" "),t.selected?t._e():e("div",{staticClass:"not-selected"},[e("span",{staticClass:"option-value placehoder"},[t._v(t._s(t.placeholder))])]),t._v(" "),e("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),t._v(" "),e("transition",{attrs:{name:"slide-in"}},[t.isOpen?e("div",{staticClass:"input-options"},[t.options.length>5?e("div",{staticClass:"select-search"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.query,expression:"query"}],ref:"search",staticClass:"search-input focus-border-theme",attrs:{type:"text",placeholder:t.$t("select_search_placeholder")},domProps:{value:t.query},on:{input:function(a){a.target.composing||(t.query=a.target.value)}}})]):t._e(),t._v(" "),e("ul",{staticClass:"option-list"},t._l(t.optionList,(function(a,n){return e("li",{key:n,staticClass:"option-item",on:{click:function(e){return t.selectOption(a)}}},[a.icon?e("div",{staticClass:"option-icon"},["user"===a.icon?e("user-icon",{attrs:{size:"14"}}):t._e(),t._v(" "),"user-edit"===a.icon?e("edit2-icon",{attrs:{size:"14"}}):t._e()],1):t._e(),t._v(" "),e("span",{staticClass:"option-value"},[t._v(t._s(a.label))])])})),0)]):t._e()])],1)}),[],!1,null,"5fb2ed60",null);a.a=s.exports},"7y9c":function(t,a,e){"use strict";var n=e("0OA4");e.n(n).a},"8K6n":function(t,a,e){(t.exports=e("I1BE")(!1)).push([t.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(t,a,e){"use strict";var n=e("YQqd");e.n(n).a},GJ4H:function(t,a,e){"use strict";e.r(a);var n=e("A5+z"),i=e("xnZf"),o=e("gahf"),r=e("xxrA"),s=e("4TWA"),d=e("eZ9V"),p=e("Nv84"),l=e("13Td"),c=e("qefO"),u=e("KnjL"),v=e("TJPC"),m={name:"PlanSettings",props:["plan"],components:{ValidationProvider:n.ValidationProvider,ValidationObserver:n.ValidationObserver,StorageItemDetail:i.a,PageTabGroup:o.a,SwitchInput:r.a,SelectInput:s.a,ButtonBase:p.a,FormLabel:d.a,SetupBox:l.a,required:v.a,InfoBox:u.a,PageTab:c.a},data:function(){return{isLoading:!1,isSendingRequest:!1}},methods:{changeStatus:function(t){this.$updateText("/admin/plans/"+this.$route.params.id,"is_active",t)}}},b=(e("kZ/+"),e("KHd+")),h=Object(b.a)(m,(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("PageTab",[e("ValidationObserver",{ref:"personalInformation",staticClass:"form block-form form-fixed-width",attrs:{tag:"form"},scopedSlots:t._u([{key:"default",fn:function(a){a.invalid;return[e("PageTabGroup",[e("FormLabel",[t._v("\n "+t._s(t.$t("admin_page_plans.form.title_details"))+"\n ")]),t._v(" "),e("div",{staticClass:"block-wrapper"},[e("div",{staticClass:"input-wrapper"},[e("div",{staticClass:"inline-wrapper"},[e("div",{staticClass:"switch-label"},[e("label",{staticClass:"input-label"},[t._v(t._s(t.$t("admin_page_plans.form.status"))+":")]),t._v(" "),e("small",{staticClass:"input-help"},[t._v(t._s(t.$t("admin_page_plans.form.status_help")))])]),t._v(" "),e("SwitchInput",{staticClass:"switch",attrs:{state:t.plan.attributes.status},on:{input:t.changeStatus}})],1)])]),t._v(" "),e("div",{staticClass:"block-wrapper"},[e("label",[t._v(t._s(t.$t("admin_page_plans.form.name"))+":")]),t._v(" "),e("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"Name",rules:"required"},scopedSlots:t._u([{key:"default",fn:function(a){var n=a.errors;return[e("input",{directives:[{name:"model",rawName:"v-model",value:t.plan.attributes.name,expression:"plan.attributes.name"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:t.$t("admin_page_plans.form.name_plac"),type:"text"},domProps:{value:t.plan.attributes.name},on:{input:[function(a){a.target.composing||t.$set(t.plan.attributes,"name",a.target.value)},function(a){return t.$updateText("/admin/plans/"+t.$route.params.id,"name",t.plan.attributes.name)}]}}),t._v(" "),n[0]?e("span",{staticClass:"error-message"},[t._v(t._s(n[0]))]):t._e()]}}],null,!0)})],1),t._v(" "),e("div",{staticClass:"block-wrapper"},[e("label",[t._v(t._s(t.$t("admin_page_plans.form.description"))+":")]),t._v(" "),e("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"Description"},scopedSlots:t._u([{key:"default",fn:function(a){var n=a.errors;return[e("textarea",{directives:[{name:"model",rawName:"v-model",value:t.plan.attributes.description,expression:"plan.attributes.description"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:t.$t("admin_page_plans.form.description_plac")},domProps:{value:t.plan.attributes.description},on:{input:[function(a){a.target.composing||t.$set(t.plan.attributes,"description",a.target.value)},function(a){return t.$updateText("/admin/plans/"+t.$route.params.id,"description",t.plan.attributes.description)}]}}),t._v(" "),n[0]?e("span",{staticClass:"error-message"},[t._v(t._s(n[0]))]):t._e()]}}],null,!0)})],1),t._v(" "),e("div",{staticClass:"block-wrapper"},[e("label",[t._v(t._s(t.$t("admin_page_plans.form.storage"))+":")]),t._v(" "),e("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"Storage capacity",rules:"required"},scopedSlots:t._u([{key:"default",fn:function(a){var n=a.errors;return[e("input",{directives:[{name:"model",rawName:"v-model",value:t.plan.attributes.capacity,expression:"plan.attributes.capacity"}],staticClass:"focus-border-theme",class:{"is-error":n[0]},attrs:{placeholder:t.$t("admin_page_plans.form.storage_plac"),type:"number",min:"1",max:"999999999"},domProps:{value:t.plan.attributes.capacity},on:{input:[function(a){a.target.composing||t.$set(t.plan.attributes,"capacity",a.target.value)},function(a){return t.$updateText("/admin/plans/"+t.$route.params.id,"capacity",t.plan.attributes.capacity)}]}}),t._v(" "),n[0]?e("span",{staticClass:"error-message"},[t._v(t._s(n[0]))]):t._e()]}}],null,!0)}),t._v(" "),e("small",{staticClass:"input-help"},[t._v("\n "+t._s(t.$t("admin_page_plans.form.storage_helper"))+"\n ")])],1),t._v(" "),e("InfoBox",[e("p",[t._v(t._s(t.$t("admin_page_plans.disclaimer_edit_price")))])])],1)]}}])})],1)}),[],!1,null,"5b01381a",null);a.default=h.exports},LedX:function(t,a,e){"use strict";var n=e("WEWl");e.n(n).a},"RhY/":function(t,a,e){(t.exports=e("I1BE")(!1)).push([t.i,'.form[data-v-5b01381a] {\n max-width: 700px;\n}\n.form.inline-form[data-v-5b01381a] {\n display: flex;\n position: relative;\n justify-content: center;\n margin: 0 auto;\n}\n.form.inline-form .input-wrapper[data-v-5b01381a] {\n position: relative;\n}\n.form.inline-form .input-wrapper .error-message[data-v-5b01381a] {\n position: absolute;\n left: 0;\n bottom: -25px;\n}\n.form.block-form .wrapper-inline[data-v-5b01381a] {\n display: flex;\n margin: 0 -15px;\n}\n.form.block-form .wrapper-inline .block-wrapper[data-v-5b01381a] {\n width: 100%;\n padding: 0 15px;\n}\n.form.block-form .block-wrapper[data-v-5b01381a] {\n margin-bottom: 32px;\n}\n.form.block-form .block-wrapper label[data-v-5b01381a] {\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-5b01381a]:last-child {\n margin-bottom: 0;\n}\n.form.block-form .button[data-v-5b01381a] {\n margin-top: 50px;\n}\n.form .inline-wrapper[data-v-5b01381a] {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.form .inline-wrapper .switch-label .input-help[data-v-5b01381a] {\n padding-top: 0;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-5b01381a] {\n font-weight: 700;\n color: #1B2539;\n font-size: 1em;\n margin-bottom: 5px;\n}\n.form .input-help[data-v-5b01381a] {\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-5b01381a] {\n display: flex;\n}\n.single-line-form .submit-button[data-v-5b01381a] {\n margin-left: 20px;\n}\n.error-message[data-v-5b01381a] {\n font-size: 0.875em;\n color: #fd397a;\n padding-top: 5px;\n display: block;\n text-align: left;\n}\ntextarea[data-v-5b01381a] {\n width: 100%;\n}\ntextarea[data-v-5b01381a],\ninput[type="password"][data-v-5b01381a],\ninput[type="text"][data-v-5b01381a],\ninput[type="number"][data-v-5b01381a],\ninput[type="email"][data-v-5b01381a] {\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-5b01381a],\ninput[type="password"].is-error[data-v-5b01381a],\ninput[type="text"].is-error[data-v-5b01381a],\ninput[type="number"].is-error[data-v-5b01381a],\ninput[type="email"].is-error[data-v-5b01381a] {\n border-color: #fd397a;\n}\ntextarea[data-v-5b01381a]::-webkit-input-placeholder, input[type="password"][data-v-5b01381a]::-webkit-input-placeholder, input[type="text"][data-v-5b01381a]::-webkit-input-placeholder, input[type="number"][data-v-5b01381a]::-webkit-input-placeholder, input[type="email"][data-v-5b01381a]::-webkit-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-5b01381a]::-moz-placeholder, input[type="password"][data-v-5b01381a]::-moz-placeholder, input[type="text"][data-v-5b01381a]::-moz-placeholder, input[type="number"][data-v-5b01381a]::-moz-placeholder, input[type="email"][data-v-5b01381a]::-moz-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-5b01381a]:-ms-input-placeholder, input[type="password"][data-v-5b01381a]:-ms-input-placeholder, input[type="text"][data-v-5b01381a]:-ms-input-placeholder, input[type="number"][data-v-5b01381a]:-ms-input-placeholder, input[type="email"][data-v-5b01381a]:-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-5b01381a]::-ms-input-placeholder, input[type="password"][data-v-5b01381a]::-ms-input-placeholder, input[type="text"][data-v-5b01381a]::-ms-input-placeholder, input[type="number"][data-v-5b01381a]::-ms-input-placeholder, input[type="email"][data-v-5b01381a]::-ms-input-placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[data-v-5b01381a]::placeholder,\ninput[type="password"][data-v-5b01381a]::placeholder,\ninput[type="text"][data-v-5b01381a]::placeholder,\ninput[type="number"][data-v-5b01381a]::placeholder,\ninput[type="email"][data-v-5b01381a]::placeholder {\n color: rgba(27, 37, 57, 0.5);\n font-size: 0.9375em;\n}\ntextarea[disabled][data-v-5b01381a],\ninput[type="password"][disabled][data-v-5b01381a],\ninput[type="text"][disabled][data-v-5b01381a],\ninput[type="number"][disabled][data-v-5b01381a],\ninput[type="email"][disabled][data-v-5b01381a] {\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}\ninput[type="color"][data-v-5b01381a] {\n width: 38px !important;\n height: 40px;\n border: none;\n outline: none;\n background: none;\n min-width: initial !important;\n}\n.additional-link[data-v-5b01381a] {\n font-size: 1em;\n margin-top: 50px;\n display: block;\n}\n.additional-link b[data-v-5b01381a], .additional-link a[data-v-5b01381a] {\n cursor: pointer;\n}\n.additional-link b[data-v-5b01381a]:hover, .additional-link a[data-v-5b01381a]:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1024px) {\n.form[data-v-5b01381a] {\n max-width: 100%;\n}\n}\n@media only screen and (max-width: 960px) {\n.form .button[data-v-5b01381a] {\n margin-top: 20px;\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n}\n.form input[data-v-5b01381a], .form textarea[data-v-5b01381a] {\n width: 100%;\n min-width: 100%;\n}\n.form.block-form .block-wrapper[data-v-5b01381a] {\n display: block;\n}\n.form.block-form .block-wrapper label[data-v-5b01381a] {\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-5b01381a] {\n margin-top: 25px;\n margin-left: 0;\n margin-right: 0;\n}\n.form.inline-form[data-v-5b01381a] {\n display: block;\n}\n.form.inline-form .input-wrapper .error-message[data-v-5b01381a] {\n position: relative;\n bottom: 0;\n}\n.form .button[data-v-5b01381a] {\n padding: 14px 32px;\n}\n.single-line-form[data-v-5b01381a] {\n display: block;\n}\n.single-line-form .submit-button[data-v-5b01381a] {\n margin-left: 0;\n margin-top: 20px;\n width: 100%;\n}\ntextarea[data-v-5b01381a],\n input[type="password"][data-v-5b01381a],\n input[type="number"][data-v-5b01381a],\n input[type="text"][data-v-5b01381a],\n input[type="email"][data-v-5b01381a] {\n padding: 14px 20px;\n}\n}\n@media only screen and (max-width: 690px) {\n.form.block-form .wrapper-inline[data-v-5b01381a] {\n display: block;\n}\n}\n@media (prefers-color-scheme: dark) {\n.form .input-help[data-v-5b01381a] {\n color: #7d858c;\n}\n.form.block-form .block-wrapper label[data-v-5b01381a] {\n color: #bec6cf;\n}\n.form .inline-wrapper .switch-label .input-label[data-v-5b01381a] {\n color: #bec6cf;\n}\ntextarea[data-v-5b01381a],\n input[type="password"][data-v-5b01381a],\n input[type="text"][data-v-5b01381a],\n input[type="number"][data-v-5b01381a],\n input[type="email"][data-v-5b01381a] {\n border-color: #1e2024;\n background: #1e2024;\n color: #bec6cf;\n}\ntextarea[data-v-5b01381a]::-webkit-input-placeholder, input[type="password"][data-v-5b01381a]::-webkit-input-placeholder, input[type="text"][data-v-5b01381a]::-webkit-input-placeholder, input[type="number"][data-v-5b01381a]::-webkit-input-placeholder, input[type="email"][data-v-5b01381a]::-webkit-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-5b01381a]::-moz-placeholder, input[type="password"][data-v-5b01381a]::-moz-placeholder, input[type="text"][data-v-5b01381a]::-moz-placeholder, input[type="number"][data-v-5b01381a]::-moz-placeholder, input[type="email"][data-v-5b01381a]::-moz-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-5b01381a]:-ms-input-placeholder, input[type="password"][data-v-5b01381a]:-ms-input-placeholder, input[type="text"][data-v-5b01381a]:-ms-input-placeholder, input[type="number"][data-v-5b01381a]:-ms-input-placeholder, input[type="email"][data-v-5b01381a]:-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-5b01381a]::-ms-input-placeholder, input[type="password"][data-v-5b01381a]::-ms-input-placeholder, input[type="text"][data-v-5b01381a]::-ms-input-placeholder, input[type="number"][data-v-5b01381a]::-ms-input-placeholder, input[type="email"][data-v-5b01381a]::-ms-input-placeholder {\n color: #7d858c;\n}\ntextarea[data-v-5b01381a]::placeholder,\n input[type="password"][data-v-5b01381a]::placeholder,\n input[type="text"][data-v-5b01381a]::placeholder,\n input[type="number"][data-v-5b01381a]::placeholder,\n input[type="email"][data-v-5b01381a]::placeholder {\n color: #7d858c;\n}\ntextarea[disabled][data-v-5b01381a],\n input[type="password"][disabled][data-v-5b01381a],\n input[type="text"][disabled][data-v-5b01381a],\n input[type="number"][disabled][data-v-5b01381a],\n input[type="email"][disabled][data-v-5b01381a] {\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-5b01381a],\n .popup-wrapper input[type="password"][data-v-5b01381a],\n .popup-wrapper input[type="text"][data-v-5b01381a],\n .popup-wrapper input[type="number"][data-v-5b01381a],\n .popup-wrapper input[type="email"][data-v-5b01381a] {\n background: #25272c;\n}\n}\n.block-form[data-v-5b01381a] {\n max-width: 100%;\n}\n',""])},WEWl:function(t,a,e){var n=e("sGz8");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(n,i);n.locals&&(t.exports=n.locals)},YQqd:function(t,a,e){var n=e("gvpH");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(n,i);n.locals&&(t.exports=n.locals)},gvpH:function(t,a,e){(t.exports=e("I1BE")(!1)).push([t.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(t,a,e){(t.exports=e("I1BE")(!1)).push([t.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(t,a,e){"use strict";var n=e("+v8A");e.n(n).a},"kZ/+":function(t,a,e){"use strict";var n=e("qQvP");e.n(n).a},qQvP:function(t,a,e){var n=e("RhY/");"string"==typeof n&&(n=[[t.i,n,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};e("aET+")(n,i);n.locals&&(t.exports=n.locals)},sGz8:function(t,a,e){(t.exports=e("I1BE")(!1)).push([t.i,".input-wrapper[data-v-421ca226] {\n display: flex;\n width: 100%;\n}\n.input-wrapper .input-label[data-v-421ca226] {\n color: #1B2539;\n}\n.input-wrapper .switch-content[data-v-421ca226] {\n width: 100%;\n}\n.input-wrapper .switch-content[data-v-421ca226]:last-child {\n width: 80px;\n}\n.switch[data-v-421ca226] {\n width: 50px;\n height: 28px;\n border-radius: 50px;\n display: block;\n background: #f1f1f5;\n position: relative;\n transition: 0.3s all ease;\n}\n.switch .switch-button[data-v-421ca226] {\n transition: 0.3s all ease;\n width: 22px;\n height: 22px;\n border-radius: 50px;\n display: block;\n background: white;\n position: absolute;\n top: 3px;\n left: 3px;\n box-shadow: 0 2px 4px rgba(37, 38, 94, 0.1);\n cursor: pointer;\n}\n.switch.active .switch-button[data-v-421ca226] {\n left: 25px;\n}\n@media (prefers-color-scheme: dark) {\n.switch[data-v-421ca226] {\n background: #1e2024;\n}\n.popup-wrapper .switch[data-v-421ca226] {\n background: #25272c;\n}\n}\n",""])},xnZf:function(t,a,e){"use strict";var n=e("+Pqb"),i=e("CjXH"),o={name:"StorageItemDetail",props:["percentage","title","type","used"],components:{HardDriveIcon:i.D,FileTextIcon:i.x,ProgressBar:n.a,MusicIcon:i.Q,VideoIcon:i.jb,ImageIcon:i.F,FileIcon:i.w}},r=(e("jCWY"),e("KHd+")),s=Object(r.a)(o,(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("article",{staticClass:"detail-storage-item",class:t.type},[e("div",{staticClass:"header-storage-item"},[e("div",{staticClass:"icon"},["images"==t.type?e("image-icon",{attrs:{size:"23"}}):t._e(),t._v(" "),"videos"==t.type?e("video-icon",{attrs:{size:"23"}}):t._e(),t._v(" "),"audios"==t.type?e("music-icon",{attrs:{size:"23"}}):t._e(),t._v(" "),"documents"==t.type?e("file-text-icon",{attrs:{size:"23"}}):t._e(),t._v(" "),"others"==t.type?e("file-icon",{attrs:{size:"23"}}):t._e(),t._v(" "),"disk"==t.type?e("hard-drive-icon",{attrs:{size:"23"}}):t._e()],1),t._v(" "),e("div",{staticClass:"title"},[e("b",{staticClass:"type"},[t._v(t._s(t.title))]),t._v(" "),e("span",{staticClass:"total-size"},[t._v(t._s(t.used))])])]),t._v(" "),e("ProgressBar",{staticClass:"storage-progress",attrs:{progress:t.percentage}})],1)}),[],!1,null,"d9e0536e",null);a.a=s.exports},xxrA:function(t,a,e){"use strict";var n={name:"SwitchInput",props:["label","name","state","info"],data:function(){return{isSwitched:void 0}},methods:{changeState:function(){this.isSwitched=!this.isSwitched,this.$emit("input",this.isSwitched)}},mounted:function(){this.isSwitched=this.state}},i=(e("LedX"),e("KHd+")),o=Object(i.a)(n,(function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"input-wrapper"},[e("div",{staticClass:"switch-content"},[t.label?e("label",{staticClass:"input-label"},[t._v(t._s(t.label)+":")]):t._e(),t._v(" "),t.info?e("small",{staticClass:"input-info"},[t._v(t._s(t.info))]):t._e()]),t._v(" "),e("div",{staticClass:"switch-content text-right"},[e("div",{staticClass:"switch",class:{active:t.isSwitched},on:{click:t.changeState}},[e("div",{staticClass:"switch-button"})])])])}),[],!1,null,"421ca226",null);a.a=o.exports}}]);