Files
vuefilemanager/public/chunks/app-appearance.js
2021-07-23 16:15:56 +00:00

1 line
31 KiB
JavaScript
Vendored

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{"+Pqb":function(e,a,t){"use strict";var o={name:"ProgressBar",props:["progress"]},i=(t("q0mz"),t("KHd+")),r=Object(i.a)(o,(function(){var e=this.$createElement,a=this._self._c||e;return a("div",{staticClass:"progress-bar"},[a("span",{staticClass:"bg-theme",style:{width:this.progress+"%"}})])}),[],!1,null,"7f729d8c",null);a.a=r.exports},"1XC+":function(e,a,t){"use strict";t.r(a);var o=t("A5+z"),i=t("xnZf"),r=t("gahf"),n=t("4TWA"),s=t("D+dh"),d=t("eZ9V"),p=t("Nv84"),l=t("13Td"),c=t("qefO"),f=t("KnjL"),m=t("TJPC"),u=t("vDqi"),v=t.n(u),b={name:"AppAppearance",components:{ValidationObserver:o.ValidationObserver,ValidationProvider:o.ValidationProvider,StorageItemDetail:i.a,PageTabGroup:r.a,SelectInput:n.a,ImageInput:s.a,ButtonBase:p.a,FormLabel:d.a,SetupBox:l.a,required:m.a,PageTab:c.a,InfoBox:f.a},data:function(){return{isLoading:!0,app:void 0}},mounted:function(){var e=this;v.a.get("/api/admin/settings",{params:{column:"app_title|app_description|app_logo|app_favicon|app_logo_horizontal|app_color|app_og_image|app_touch_icon"}}).then((function(a){e.app={logo_horizontal:a.data.app_logo_horizontal,description:a.data.app_description,favicon:a.data.app_favicon,title:a.data.app_title,color:a.data.app_color,logo:a.data.app_logo,og_image:a.data.app_og_image,touch_icon:a.data.app_touch_icon}})).finally((function(){e.isLoading=!1}))}},g=(t("moy6"),t("KHd+")),h=Object(g.a)(b,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("PageTab",{staticClass:"form-fixed-width",attrs:{"is-loading":e.isLoading}},[e.app?t("PageTabGroup",[t("div",{staticClass:"form block-form"},[t("FormLabel",[e._v(e._s(e.$t("admin_settings.appearance.section_general")))]),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.title"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Title",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.title,expression:"app.title"}],staticClass:"focus-border-theme",class:{"is-error":o[0]},attrs:{placeholder:e.$t("admin_settings.appearance.title_plac"),type:"text"},domProps:{value:e.app.title},on:{input:[function(a){a.target.composing||e.$set(e.app,"title",a.target.value)},function(a){return e.$updateText("/admin/settings","app_title",e.app.title)}]}}),e._v(" "),o[0]?t("span",{staticClass:"error-message"},[e._v(e._s(o[0]))]):e._e()]}}],null,!1,1189024011)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.description"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Description",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.description,expression:"app.description"}],staticClass:"focus-border-theme",class:{"is-error":o[0]},attrs:{placeholder:e.$t("admin_settings.appearance.description_plac"),type:"text"},domProps:{value:e.app.description},on:{input:[function(a){a.target.composing||e.$set(e.app,"description",a.target.value)},function(a){return e.$updateText("/admin/settings","app_description",e.app.description)}]}}),e._v(" "),o[0]?t("span",{staticClass:"error-message"},[e._v(e._s(o[0]))]):e._e()]}}],null,!1,735436589)})],1),e._v(" "),t("FormLabel",{staticClass:"mt-70"},[e._v(e._s(e.$t("admin_settings.appearance.section_appearance")))]),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Title",rules:"required"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("div",{staticClass:"inline-wrapper"},[t("div",{staticClass:"switch-label"},[t("label",{staticClass:"input-label"},[e._v(e._s(e.$t("color_theme"))+":")]),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("color_theme_description")))]),e._v(" "),o[0]?t("span",{staticClass:"error-message"},[e._v(e._s(o[0]))]):e._e()]),e._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.app.color,expression:"app.color"}],staticClass:"focus-border-theme",class:{"is-error":o[0]},attrs:{placeholder:e.$t("admin_settings.appearance.title_plac"),type:"color"},domProps:{value:e.app.color},on:{input:[function(a){a.target.composing||e.$set(e.app,"color",a.target.value)},function(a){return e.$updateText("/admin/settings","app_color",e.app.color)}]}})])]}}],null,!1,970686563)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.logo"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Logo"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.logo),error:o[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_logo",e.app.logo)}},model:{value:e.app.logo,callback:function(a){e.$set(e.app,"logo",a)},expression:"app.logo"}})]}}],null,!1,1322801077)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.logo_horizontal"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Logo Horizontal"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.logo_horizontal),error:o[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_logo_horizontal",e.app.logo_horizontal)}},model:{value:e.app.logo_horizontal,callback:function(a){e.$set(e.app,"logo_horizontal",a)},expression:"app.logo_horizontal"}})]}}],null,!1,1123020821)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("admin_settings.appearance.favicon"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.favicon),error:o[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_favicon",e.app.favicon)}},model:{value:e.app.favicon,callback:function(a){e.$set(e.app,"favicon",a)},expression:"app.favicon"}})]}}],null,!1,906519509)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("og_image"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.og_image),error:o[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_og_image",e.app.og_image)}},model:{value:e.app.og_image,callback:function(a){e.$set(e.app,"og_image",a)},expression:"app.og_image"}}),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("og_image_description")))])]}}],null,!1,1631227684)})],1),e._v(" "),t("div",{staticClass:"block-wrapper"},[t("label",[e._v(e._s(e.$t("app_touch_icon"))+":")]),e._v(" "),t("ValidationProvider",{staticClass:"input-wrapper",attrs:{tag:"div",mode:"passive",name:"App Favicon"},scopedSlots:e._u([{key:"default",fn:function(a){var o=a.errors;return[t("ImageInput",{attrs:{image:e.$getImage(e.app.touch_icon),error:o[0]},on:{input:function(a){return e.$updateImage("/admin/settings","app_touch_icon",e.app.touch_icon)}},model:{value:e.app.touch_icon,callback:function(a){e.$set(e.app,"touch_icon",a)},expression:"app.touch_icon"}}),e._v(" "),t("small",{staticClass:"input-help"},[e._v(e._s(e.$t("app_touch_icon_description")))])]}}],null,!1,1682563195)})],1)],1)]):e._e()],1)}),[],!1,null,"50bf53eb",null);a.default=h.exports},"4TWA":function(e,a,t){"use strict";var o=t("CjXH"),i=t("LvDl"),r={name:"SelectInput",props:["placeholder","options","isError","default"],components:{Edit2Icon:o.u,UserIcon:o.mb,ChevronDownIcon:o.g},watch:{query:Object(i.debounce)((function(e){this.searchedResults=Object(i.omitBy)(this.options,(function(a){return!a.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(a){return a.value===e.default})))}},n=(t("h8fA"),t("KHd+")),s=Object(n.a)(r,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"select"},[t("div",{staticClass:"input-area",class:{"is-active":e.isOpen,"is-error":e.isError},on:{click:e.openMenu}},[e.selected?t("div",{staticClass:"selected"},[e.selected.icon?t("div",{staticClass:"option-icon"},["user"===e.selected.icon?t("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===e.selected.icon?t("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),t("span",{staticClass:"option-value"},[e._v(e._s(e.selected.label))])]):e._e(),e._v(" "),e.selected?e._e():t("div",{staticClass:"not-selected"},[t("span",{staticClass:"option-value placehoder"},[e._v(e._s(e.placeholder))])]),e._v(" "),t("chevron-down-icon",{staticClass:"chevron",attrs:{size:"19"}})],1),e._v(" "),t("transition",{attrs:{name:"slide-in"}},[e.isOpen?t("div",{staticClass:"input-options"},[e.options.length>5?t("div",{staticClass:"select-search"},[t("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(a){a.target.composing||(e.query=a.target.value)}}})]):e._e(),e._v(" "),t("ul",{staticClass:"option-list"},e._l(e.optionList,(function(a,o){return t("li",{key:o,staticClass:"option-item",on:{click:function(t){return e.selectOption(a)}}},[a.icon?t("div",{staticClass:"option-icon"},["user"===a.icon?t("user-icon",{attrs:{size:"14"}}):e._e(),e._v(" "),"user-edit"===a.icon?t("edit2-icon",{attrs:{size:"14"}}):e._e()],1):e._e(),e._v(" "),t("span",{staticClass:"option-value"},[e._v(e._s(a.label))])])})),0)]):e._e()])],1)}),[],!1,null,"0e43906c",null);a.a=s.exports},AIiR:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".progress-bar[data-v-7f729d8c]{width:100%;height:5px;background:#f4f5f6;margin-top:6px;border-radius:10px}.progress-bar span[data-v-7f729d8c]{display:block;height:100%;border-radius:10px;max-width:100%}.dark-mode .progress-bar[data-v-7f729d8c]{background:#1e2024}@media only screen and (min-width:680px){.dark-mode .progress-bar[data-v-7f729d8c]{background:#1e2024}}",""])},"D+dh":function(e,a,t){"use strict";var o=t("CjXH"),i={name:"ImageInput",props:["image","error"],components:{ImageIcon:o.H,XIcon:o.qb},data:function(){return{imagePreview:void 0}},computed:{isData:function(){return void 0!==this.imagePreview&&""!==this.imagePreview}},methods:{resetImage:function(){this.imagePreview=void 0,this.$emit("input",void 0)},showImagePreview:function(e){var a=this,t=e.target.files[0].name,o=t.substring(t.lastIndexOf(".")+1).toLowerCase();if(["png","jpg","jpeg","svg"].includes(o)){var i=e.target.files[0],r=new FileReader;r.onload=function(){return a.imagePreview=r.result},r.readAsDataURL(i),this.$emit("input",e.target.files[0])}else alert(this.$t("validation_errors.wrong_image"))}},created:function(){this.image&&(this.imagePreview=this.image)}},r=(t("J6CN"),t("KHd+")),n=Object(r.a)(i,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("div",{staticClass:"dropzone",class:{"is-error":e.error}},[e.imagePreview?t("div",{staticClass:"reset-image",on:{click:e.resetImage}},[t("x-icon",{staticClass:"close-icon text-theme",attrs:{size:"14"}})],1):e._e(),e._v(" "),t("input",{ref:"file",staticClass:"dummy",attrs:{type:"file"},on:{change:function(a){return e.showImagePreview(a)}}}),e._v(" "),e.imagePreview?t("img",{ref:"image",staticClass:"image-preview",attrs:{src:e.imagePreview}}):e._e(),e._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:!e.isData,expression:"! isData"}],staticClass:"dropzone-message"},[t("image-icon",{staticClass:"icon-upload text-theme",attrs:{size:"28"}}),e._v(" "),t("span",{staticClass:"dropzone-title"},[e._v("\n "+e._s(e.$t("input_image.title"))+"\n ")]),e._v(" "),t("span",{staticClass:"dropzone-description"},[e._v("\n "+e._s(e.$t("input_image.supported"))+"\n ")])],1)])}),[],!1,null,"c1b2f0a4",null);a.a=n.exports},I7Dc:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".dropzone[data-v-c1b2f0a4]{border:1px dashed #a1abc2;border-radius:8px;position:relative;text-align:center;display:flex;align-items:center;min-height:175px}.dropzone.is-error[data-v-c1b2f0a4]{border:2px dashed rgba(253,57,122,.3)}.dropzone.is-error .dropzone-title[data-v-c1b2f0a4]{color:#fd397a}.dropzone.is-error .icon-upload circle[data-v-c1b2f0a4],.dropzone.is-error .icon-upload polyline[data-v-c1b2f0a4],.dropzone.is-error .icon-upload rect[data-v-c1b2f0a4]{stroke:#fd397a}.dropzone input[type=file][data-v-c1b2f0a4]{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;cursor:pointer}.dropzone .image-preview[data-v-c1b2f0a4]{position:absolute;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;left:0;padding:25px;display:block}.dropzone .image-preview.fit-image[data-v-c1b2f0a4]{-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.dropzone .dropzone-message[data-v-c1b2f0a4]{padding:50px 0;width:100%}.dropzone .dropzone-message .icon-upload circle[data-v-c1b2f0a4],.dropzone .dropzone-message .icon-upload polyline[data-v-c1b2f0a4],.dropzone .dropzone-message .icon-upload rect[data-v-c1b2f0a4]{color:inherit}.dropzone .dropzone-message .dropzone-title[data-v-c1b2f0a4]{font-size:1em;font-weight:700;display:block}.dropzone .dropzone-message .dropzone-description[data-v-c1b2f0a4]{color:rgba(27,37,57,.7);font-size:.75em}.dropzone .reset-image[data-v-c1b2f0a4]{z-index:2;background:#fff;border-radius:50px;display:block;position:absolute;right:0;top:0;cursor:pointer;transform:translateY(-50%) translateX(50%);padding:0 4px;box-shadow:0 1px 5px rgba(0,0,0,.12)}.dropzone .reset-image .close-icon[data-v-c1b2f0a4]{vertical-align:middle}.dropzone .reset-image .close-icon line path[data-v-c1b2f0a4]{fill:#1b2539}.dark-mode .dropzone[data-v-c1b2f0a4]{border-color:hsla(0,0%,100%,.2)}.dark-mode .dropzone .dropzone-message .icon-upload line[data-v-c1b2f0a4],.dark-mode .dropzone .dropzone-message .icon-upload path[data-v-c1b2f0a4],.dark-mode .dropzone .dropzone-message .icon-upload polyline[data-v-c1b2f0a4]{color:inherit}.dark-mode .dropzone .dropzone-message .dropzone-description[data-v-c1b2f0a4]{color:#7d858c}",""])},J6CN:function(e,a,t){"use strict";t("SYGz")},OKRq:function(e,a,t){var o=t("AIiR");"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(o,i);o.locals&&(e.exports=o.locals)},SYGz:function(e,a,t){var o=t("I7Dc");"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(o,i);o.locals&&(e.exports=o.locals)},TxpJ:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".select[data-v-0e43906c]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.select-search[data-v-0e43906c]{background:#fff;position:sticky;top:0;padding:13px}.select-search .search-input[data-v-0e43906c]{border:1px solid transparent;background:#f4f5f6;transition:all .15s ease;font-size:.875em;border-radius:8px;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%}.input-options[data-v-0e43906c]{box-shadow:0 5px 15px rgba(0,0,0,.12);background:#fff;border-radius:8px;position:absolute;overflow:hidden;top:65px;left:0;right:0;z-index:9;max-height:295px;overflow-y:auto}.input-options .option-item[data-v-0e43906c]{padding:13px 20px;display:block;cursor:pointer}.input-options .option-item[data-v-0e43906c]:hover{color:#00bc7e;background:#f4f5f6}.input-options .option-item[data-v-0e43906c]:last-child{border-bottom:none}.input-area[data-v-0e43906c]{border:1px solid transparent;justify-content:space-between;box-shadow:0 1px 5px rgba(0,0,0,.12);align-items:center;border-radius:8px;padding:13px 20px;display:flex;outline:0;width:100%;cursor:pointer}.input-area[data-v-0e43906c],.input-area .chevron[data-v-0e43906c]{transition:all .15s ease}.input-area.is-active .chevron[data-v-0e43906c]{transform:rotate(180deg)}.input-area.is-error[data-v-0e43906c]{border-color:#fd397a;box-shadow:0 0 7px rgba(253,57,122,.3)}.option-icon[data-v-0e43906c]{width:20px;display:inline-block;font-size:.625em}.option-icon svg[data-v-0e43906c]{margin-top:-4px;vertical-align:middle}.option-value[data-v-0e43906c]{font-size:.875em;font-weight:700;width:100%;vertical-align:middle}.option-value.placehoder[data-v-0e43906c]{color:rgba(27,37,57,.5)}.slide-in-enter-active[data-v-0e43906c]{transition:all .15s ease}.slide-in-enter[data-v-0e43906c]{opacity:0;transform:translateY(-50px)}.dark-mode .select-search[data-v-0e43906c]{background:#1e2024}.dark-mode .select-search .search-input[data-v-0e43906c]{background:#131414}.dark-mode .input-area[data-v-0e43906c]{background:#1e2024;border-color:#1e2024}.dark-mode .popup-wrapper .input-area[data-v-0e43906c]{background:#25272c}.dark-mode .input-options[data-v-0e43906c]{background:#1e2024}.dark-mode .input-options .option-item[data-v-0e43906c]{border-bottom:none}.dark-mode .input-options .option-item[data-v-0e43906c]:hover{background:#2a2c32}.dark-mode .input-options .option-item:hover .option-icon circle[data-v-0e43906c],.dark-mode .input-options .option-item:hover .option-icon path[data-v-0e43906c]{color:inherit}.dark-mode .input-options .option-item[data-v-0e43906c]:last-child{border-bottom:none}.dark-mode .option-value.placehoder[data-v-0e43906c]{color:#7d858c}",""])},ZDOe:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".form[data-v-50bf53eb]{max-width:700px}.form.inline-form[data-v-50bf53eb]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-50bf53eb]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-50bf53eb]{position:absolute;left:0;bottom:-25px}.form.block-form .wrapper-inline[data-v-50bf53eb]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-50bf53eb]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-50bf53eb]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-50bf53eb]{font-size:.875em;color:rgba(27,37,57,.8);font-weight:700;display:block;margin-bottom:7px;text-align:left}.form.block-form .block-wrapper[data-v-50bf53eb]:last-child{margin-bottom:0}.form.block-form .button[data-v-50bf53eb]{margin-top:50px}.form .inline-wrapper[data-v-50bf53eb]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-50bf53eb]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-50bf53eb]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.form .input-help[data-v-50bf53eb]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-50bf53eb]{display:flex}.single-line-form .submit-button[data-v-50bf53eb]{margin-left:20px}.error-message[data-v-50bf53eb]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-50bf53eb]{width:100%}input[type=email][data-v-50bf53eb],input[type=number][data-v-50bf53eb],input[type=password][data-v-50bf53eb],input[type=text][data-v-50bf53eb],textarea[data-v-50bf53eb]{border:1px solid transparent;transition:all .15s ease;font-size:1em;border-radius:8px;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:700;outline:0;width:100%;box-shadow:0 1px 5px rgba(0,0,0,.12)}input[type=email].is-error[data-v-50bf53eb],input[type=number].is-error[data-v-50bf53eb],input[type=password].is-error[data-v-50bf53eb],input[type=text].is-error[data-v-50bf53eb],textarea.is-error[data-v-50bf53eb]{border-color:#fd397a}input[type=email][data-v-50bf53eb]::-moz-placeholder,input[type=number][data-v-50bf53eb]::-moz-placeholder,input[type=password][data-v-50bf53eb]::-moz-placeholder,input[type=text][data-v-50bf53eb]::-moz-placeholder,textarea[data-v-50bf53eb]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-50bf53eb]:-ms-input-placeholder,input[type=number][data-v-50bf53eb]:-ms-input-placeholder,input[type=password][data-v-50bf53eb]:-ms-input-placeholder,input[type=text][data-v-50bf53eb]:-ms-input-placeholder,textarea[data-v-50bf53eb]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-50bf53eb]::placeholder,input[type=number][data-v-50bf53eb]::placeholder,input[type=password][data-v-50bf53eb]::placeholder,input[type=text][data-v-50bf53eb]::placeholder,textarea[data-v-50bf53eb]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][disabled][data-v-50bf53eb],input[type=number][disabled][data-v-50bf53eb],input[type=password][disabled][data-v-50bf53eb],input[type=text][disabled][data-v-50bf53eb],textarea[disabled][data-v-50bf53eb]{background:#fff;color:rgba(27,37,57,.8);-webkit-text-fill-color:rgba(27,37,57,.8);opacity:1;cursor:not-allowed}input[type=color][data-v-50bf53eb]{width:38px!important;height:40px;border:none;outline:none;background:none;min-width:0!important}.additional-link[data-v-50bf53eb]{font-size:1em;margin-top:50px;display:block}.additional-link a[data-v-50bf53eb],.additional-link b[data-v-50bf53eb]{cursor:pointer}.additional-link a[data-v-50bf53eb]:hover,.additional-link b[data-v-50bf53eb]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-50bf53eb]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-50bf53eb]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-50bf53eb],.form textarea[data-v-50bf53eb]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-50bf53eb]{display:block}.form.block-form .block-wrapper label[data-v-50bf53eb]{width:100%;padding-right:0;display:block;margin-bottom:7px;text-align:left!important;font-size:.875em;padding-top:0}.form.block-form .button[data-v-50bf53eb]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-50bf53eb]{display:block}.form.inline-form .input-wrapper .error-message[data-v-50bf53eb]{position:relative;bottom:0}.form .button[data-v-50bf53eb]{padding:14px 32px}.single-line-form[data-v-50bf53eb]{display:block}.single-line-form .submit-button[data-v-50bf53eb]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-50bf53eb],input[type=number][data-v-50bf53eb],input[type=password][data-v-50bf53eb],input[type=text][data-v-50bf53eb],textarea[data-v-50bf53eb]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-50bf53eb]{display:block}}.dark-mode .form .input-help[data-v-50bf53eb]{color:#7d858c}.dark-mode .form.block-form .block-wrapper label[data-v-50bf53eb],.dark-mode .form .inline-wrapper .switch-label .input-label[data-v-50bf53eb]{color:#bec6cf}.dark-mode input[type=email][data-v-50bf53eb],.dark-mode input[type=number][data-v-50bf53eb],.dark-mode input[type=password][data-v-50bf53eb],.dark-mode input[type=text][data-v-50bf53eb],.dark-mode textarea[data-v-50bf53eb]{border-color:#1e2024;background:#1e2024;color:#bec6cf}.dark-mode input[type=email][data-v-50bf53eb]::-moz-placeholder,.dark-mode input[type=number][data-v-50bf53eb]::-moz-placeholder,.dark-mode input[type=password][data-v-50bf53eb]::-moz-placeholder,.dark-mode input[type=text][data-v-50bf53eb]::-moz-placeholder,.dark-mode textarea[data-v-50bf53eb]::-moz-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-50bf53eb]:-ms-input-placeholder,.dark-mode input[type=number][data-v-50bf53eb]:-ms-input-placeholder,.dark-mode input[type=password][data-v-50bf53eb]:-ms-input-placeholder,.dark-mode input[type=text][data-v-50bf53eb]:-ms-input-placeholder,.dark-mode textarea[data-v-50bf53eb]:-ms-input-placeholder{color:#7d858c}.dark-mode input[type=email][data-v-50bf53eb]::placeholder,.dark-mode input[type=number][data-v-50bf53eb]::placeholder,.dark-mode input[type=password][data-v-50bf53eb]::placeholder,.dark-mode input[type=text][data-v-50bf53eb]::placeholder,.dark-mode textarea[data-v-50bf53eb]::placeholder{color:#7d858c}.dark-mode input[type=email][disabled][data-v-50bf53eb],.dark-mode input[type=number][disabled][data-v-50bf53eb],.dark-mode input[type=password][disabled][data-v-50bf53eb],.dark-mode input[type=text][disabled][data-v-50bf53eb],.dark-mode textarea[disabled][data-v-50bf53eb]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}.dark-mode .popup-wrapper input[type=email][data-v-50bf53eb],.dark-mode .popup-wrapper input[type=number][data-v-50bf53eb],.dark-mode .popup-wrapper input[type=password][data-v-50bf53eb],.dark-mode .popup-wrapper input[type=text][data-v-50bf53eb],.dark-mode .popup-wrapper textarea[data-v-50bf53eb]{background:#25272c}.block-form[data-v-50bf53eb]{max-width:100%}",""])},h8fA:function(e,a,t){"use strict";t("umRX")},ieN9:function(e,a,t){var o=t("lfOe");"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(o,i);o.locals&&(e.exports=o.locals)},lfOe:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".detail-storage-item[data-v-fd1f866e]{margin-bottom:35px}.detail-storage-item.disk .icon circle[data-v-fd1f866e],.detail-storage-item.disk .icon line[data-v-fd1f866e],.detail-storage-item.disk .icon path[data-v-fd1f866e],.detail-storage-item.disk .icon polygon[data-v-fd1f866e],.detail-storage-item.disk .icon polyline[data-v-fd1f866e],.detail-storage-item.disk .icon rect[data-v-fd1f866e]{stroke:#1b2539}.detail-storage-item.disk .storage-progress[data-v-fd1f866e] span{background:#1b2539}.detail-storage-item.images .icon circle[data-v-fd1f866e],.detail-storage-item.images .icon line[data-v-fd1f866e],.detail-storage-item.images .icon path[data-v-fd1f866e],.detail-storage-item.images .icon polygon[data-v-fd1f866e],.detail-storage-item.images .icon polyline[data-v-fd1f866e],.detail-storage-item.images .icon rect[data-v-fd1f866e]{stroke:#9d66fe}.detail-storage-item.images .storage-progress[data-v-fd1f866e] span{background:#9d66fe}.detail-storage-item.videos .icon circle[data-v-fd1f866e],.detail-storage-item.videos .icon line[data-v-fd1f866e],.detail-storage-item.videos .icon path[data-v-fd1f866e],.detail-storage-item.videos .icon polygon[data-v-fd1f866e],.detail-storage-item.videos .icon polyline[data-v-fd1f866e],.detail-storage-item.videos .icon rect[data-v-fd1f866e]{stroke:#ffbd2d}.detail-storage-item.videos .storage-progress[data-v-fd1f866e] span{background:#ffbd2d}.detail-storage-item.audios .icon circle[data-v-fd1f866e],.detail-storage-item.audios .icon line[data-v-fd1f866e],.detail-storage-item.audios .icon path[data-v-fd1f866e],.detail-storage-item.audios .icon polygon[data-v-fd1f866e],.detail-storage-item.audios .icon polyline[data-v-fd1f866e],.detail-storage-item.audios .icon rect[data-v-fd1f866e]{stroke:#fe66a1}.detail-storage-item.audios .storage-progress[data-v-fd1f866e] span{background:#fe66a1}.detail-storage-item.documents .icon circle[data-v-fd1f866e],.detail-storage-item.documents .icon line[data-v-fd1f866e],.detail-storage-item.documents .icon path[data-v-fd1f866e],.detail-storage-item.documents .icon polygon[data-v-fd1f866e],.detail-storage-item.documents .icon polyline[data-v-fd1f866e],.detail-storage-item.documents .icon rect[data-v-fd1f866e]{stroke:#fe6057}.detail-storage-item.documents .storage-progress[data-v-fd1f866e] span{background:#fe6057}.detail-storage-item.others .icon circle[data-v-fd1f866e],.detail-storage-item.others .icon line[data-v-fd1f866e],.detail-storage-item.others .icon path[data-v-fd1f866e],.detail-storage-item.others .icon polygon[data-v-fd1f866e],.detail-storage-item.others .icon polyline[data-v-fd1f866e],.detail-storage-item.others .icon rect[data-v-fd1f866e]{stroke:#1b2539}.detail-storage-item.others .storage-progress[data-v-fd1f866e] span{background:#1b2539}.header-storage-item[data-v-fd1f866e]{display:flex;align-items:flex-start;margin-bottom:10px}.header-storage-item .icon[data-v-fd1f866e]{width:35px}.header-storage-item .type[data-v-fd1f866e]{font-size:.9375em;color:#1b2539}.header-storage-item .total-size[data-v-fd1f866e]{font-size:.625em;display:block;color:rgba(27,37,57,.7)}.dark-mode .header-storage-item .type[data-v-fd1f866e]{color:#bec6cf}.dark-mode .header-storage-item .total-size[data-v-fd1f866e]{color:#7d858c}.dark-mode .detail-storage-item.disk .icon circle[data-v-fd1f866e],.dark-mode .detail-storage-item.disk .icon line[data-v-fd1f866e],.dark-mode .detail-storage-item.disk .icon path[data-v-fd1f866e],.dark-mode .detail-storage-item.disk .icon polygon[data-v-fd1f866e],.dark-mode .detail-storage-item.disk .icon polyline[data-v-fd1f866e],.dark-mode .detail-storage-item.disk .icon rect[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon circle[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon line[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon path[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon polygon[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon polyline[data-v-fd1f866e],.dark-mode .detail-storage-item.others .icon rect[data-v-fd1f866e]{stroke:#41454e}.dark-mode .detail-storage-item.disk .storage-progress[data-v-fd1f866e] span,.dark-mode .detail-storage-item.others .storage-progress[data-v-fd1f866e] span{background:#41454e}",""])},moy6:function(e,a,t){"use strict";t("sQXZ")},q0mz:function(e,a,t){"use strict";t("OKRq")},sQXZ:function(e,a,t){var o=t("ZDOe");"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(o,i);o.locals&&(e.exports=o.locals)},umRX:function(e,a,t){var o=t("TxpJ");"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};t("aET+")(o,i);o.locals&&(e.exports=o.locals)},wj3F:function(e,a,t){"use strict";t("ieN9")},xnZf:function(e,a,t){"use strict";var o=t("+Pqb"),i=t("CjXH"),r={name:"StorageItemDetail",props:["percentage","title","type","used"],components:{HardDriveIcon:i.F,FileTextIcon:i.z,ProgressBar:o.a,MusicIcon:i.U,VideoIcon:i.pb,ImageIcon:i.H,FileIcon:i.y}},n=(t("wj3F"),t("KHd+")),s=Object(n.a)(r,(function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("article",{staticClass:"detail-storage-item",class:e.type},[t("div",{staticClass:"header-storage-item"},[t("div",{staticClass:"icon"},["images"==e.type?t("image-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"videos"==e.type?t("video-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"audios"==e.type?t("music-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"documents"==e.type?t("file-text-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"others"==e.type?t("file-icon",{attrs:{size:"23"}}):e._e(),e._v(" "),"disk"==e.type?t("hard-drive-icon",{attrs:{size:"23"}}):e._e()],1),e._v(" "),t("div",{staticClass:"title"},[t("b",{staticClass:"type"},[e._v(e._s(e.title))]),e._v(" "),t("span",{staticClass:"total-size"},[e._v(e._s(e.used))])])]),e._v(" "),t("ProgressBar",{staticClass:"storage-progress",attrs:{progress:e.percentage}})],1)}),[],!1,null,"fd1f866e",null);a.a=s.exports}}]);