Files
vuefilemanager/public/chunks/app-appearance.js
2021-08-11 07:22:32 +00:00

1 line
31 KiB
JavaScript
Vendored

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