Files
vuefilemanager/public/chunks/app-appearance.js
2021-05-17 08:47:48 +00:00

1 line
31 KiB
JavaScript
Vendored

(window.webpackJsonp=window.webpackJsonp||[]).push([[13],{"+Pqb":function(e,a,t){"use strict";var o={name:"ProgressBar",props:["progress"]},i=(t("8L2t"),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,"6ec2be7a",null);a.a=r.exports},"+v8A":function(e,a,t){var o=t("hw5j");"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)},"0OA4":function(e,a,t){var o=t("8K6n");"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)},"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"),v=t("KnjL"),u=t("TJPC"),m=t("vDqi"),f=t.n(m),g={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:u.a,PageTab:c.a,InfoBox:v.a},data:function(){return{isLoading:!0,app:void 0}},mounted:function(){var e=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(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}))}},b=(t("D2KO"),t("KHd+")),h=Object(b.a)(g,(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,"42fa468e",null);a.default=h.exports},"2jUW":function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".dropzone[data-v-5d141a68]{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-5d141a68]{border:2px dashed rgba(253,57,122,.3)}.dropzone.is-error .dropzone-title[data-v-5d141a68]{color:#fd397a}.dropzone.is-error .icon-upload circle[data-v-5d141a68],.dropzone.is-error .icon-upload polyline[data-v-5d141a68],.dropzone.is-error .icon-upload rect[data-v-5d141a68]{stroke:#fd397a}.dropzone input[type=file][data-v-5d141a68]{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;cursor:pointer}.dropzone .image-preview[data-v-5d141a68]{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-5d141a68]{-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.dropzone .dropzone-message[data-v-5d141a68]{padding:50px 0;width:100%}.dropzone .dropzone-message .icon-upload circle[data-v-5d141a68],.dropzone .dropzone-message .icon-upload polyline[data-v-5d141a68],.dropzone .dropzone-message .icon-upload rect[data-v-5d141a68]{color:inherit}.dropzone .dropzone-message .dropzone-title[data-v-5d141a68]{font-size:1em;font-weight:700;display:block}.dropzone .dropzone-message .dropzone-description[data-v-5d141a68]{color:rgba(27,37,57,.7);font-size:.75em}.dropzone .reset-image[data-v-5d141a68]{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-5d141a68]{vertical-align:middle}.dropzone .reset-image .close-icon line path[data-v-5d141a68]{fill:#1b2539}@media (prefers-color-scheme:dark){.dropzone[data-v-5d141a68]{border-color:hsla(0,0%,100%,.2)}.dropzone .dropzone-message .icon-upload line[data-v-5d141a68],.dropzone .dropzone-message .icon-upload path[data-v-5d141a68],.dropzone .dropzone-message .icon-upload polyline[data-v-5d141a68]{color:inherit}.dropzone .dropzone-message .dropzone-description[data-v-5d141a68]{color:#7d858c}}",""])},"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.s,UserIcon:o.gb,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("7y9c"),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,"5fb2ed60",null);a.a=s.exports},"7y9c":function(e,a,t){"use strict";t("0OA4")},"8K6n":function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".select[data-v-5fb2ed60]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.select-search[data-v-5fb2ed60]{background:#fff;position:sticky;top:0;padding:13px}.select-search .search-input[data-v-5fb2ed60]{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-5fb2ed60]{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-5fb2ed60]{padding:13px 20px;display:block;cursor:pointer}.input-options .option-item[data-v-5fb2ed60]:hover{color:#00bc7e;background:#f4f5f6}.input-options .option-item[data-v-5fb2ed60]:last-child{border-bottom:none}.input-area[data-v-5fb2ed60]{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-5fb2ed60],.input-area .chevron[data-v-5fb2ed60]{transition:all .15s ease}.input-area.is-active .chevron[data-v-5fb2ed60]{transform:rotate(180deg)}.input-area.is-error[data-v-5fb2ed60]{border-color:#fd397a;box-shadow:0 0 7px rgba(253,57,122,.3)}.option-icon[data-v-5fb2ed60]{width:20px;display:inline-block;font-size:.625em}.option-icon svg[data-v-5fb2ed60]{margin-top:-4px;vertical-align:middle}.option-value[data-v-5fb2ed60]{font-size:.875em;font-weight:700;width:100%;vertical-align:middle}.option-value.placehoder[data-v-5fb2ed60]{color:rgba(27,37,57,.5)}.slide-in-enter-active[data-v-5fb2ed60]{transition:all .15s ease}.slide-in-enter[data-v-5fb2ed60]{opacity:0;transform:translateY(-50px)}@media (prefers-color-scheme:dark){.select-search[data-v-5fb2ed60]{background:#1e2024}.select-search .search-input[data-v-5fb2ed60]{background:#131414}.input-area[data-v-5fb2ed60]{background:#1e2024;border-color:#1e2024}.popup-wrapper .input-area[data-v-5fb2ed60]{background:#25272c}.input-options[data-v-5fb2ed60]{background:#1e2024}.input-options .option-item[data-v-5fb2ed60]{border-bottom:none}.input-options .option-item[data-v-5fb2ed60]:hover{background:#2a2c32}.input-options .option-item:hover .option-icon circle[data-v-5fb2ed60],.input-options .option-item:hover .option-icon path[data-v-5fb2ed60]{color:inherit}.input-options .option-item[data-v-5fb2ed60]:last-child{border-bottom:none}.option-value.placehoder[data-v-5fb2ed60]{color:#7d858c}}",""])},"8L2t":function(e,a,t){"use strict";t("YQqd")},BelR:function(e,a,t){var o=t("2jUW");"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)},"D+dh":function(e,a,t){"use strict";var o=t("CjXH"),i={name:"ImageInput",props:["image","error"],components:{ImageIcon:o.F,XIcon:o.kb},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("Obrk"),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,"5d141a68",null);a.a=n.exports},D2KO:function(e,a,t){"use strict";t("gDwz")},Obrk:function(e,a,t){"use strict";t("BelR")},YQVo:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".form[data-v-42fa468e]{max-width:700px}.form.inline-form[data-v-42fa468e]{display:flex;position:relative;justify-content:center;margin:0 auto}.form.inline-form .input-wrapper[data-v-42fa468e]{position:relative}.form.inline-form .input-wrapper .error-message[data-v-42fa468e]{position:absolute;left:0;bottom:-25px}.form.block-form .wrapper-inline[data-v-42fa468e]{display:flex;margin:0 -15px}.form.block-form .wrapper-inline .block-wrapper[data-v-42fa468e]{width:100%;padding:0 15px}.form.block-form .block-wrapper[data-v-42fa468e]{margin-bottom:32px}.form.block-form .block-wrapper label[data-v-42fa468e]{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-42fa468e]:last-child{margin-bottom:0}.form.block-form .button[data-v-42fa468e]{margin-top:50px}.form .inline-wrapper[data-v-42fa468e]{display:flex;align-items:center;justify-content:space-between}.form .inline-wrapper .switch-label .input-help[data-v-42fa468e]{padding-top:0}.form .inline-wrapper .switch-label .input-label[data-v-42fa468e]{font-weight:700;color:#1b2539;font-size:1em;margin-bottom:5px}.form .input-help[data-v-42fa468e]{font-size:.75em;color:rgba(27,37,57,.7);line-height:1.35;padding-top:10px;display:block}.single-line-form[data-v-42fa468e]{display:flex}.single-line-form .submit-button[data-v-42fa468e]{margin-left:20px}.error-message[data-v-42fa468e]{font-size:.875em;color:#fd397a;padding-top:5px;display:block;text-align:left}textarea[data-v-42fa468e]{width:100%}input[type=email][data-v-42fa468e],input[type=number][data-v-42fa468e],input[type=password][data-v-42fa468e],input[type=text][data-v-42fa468e],textarea[data-v-42fa468e]{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-42fa468e],input[type=number].is-error[data-v-42fa468e],input[type=password].is-error[data-v-42fa468e],input[type=text].is-error[data-v-42fa468e],textarea.is-error[data-v-42fa468e]{border-color:#fd397a}input[type=email][data-v-42fa468e]::-moz-placeholder,input[type=number][data-v-42fa468e]::-moz-placeholder,input[type=password][data-v-42fa468e]::-moz-placeholder,input[type=text][data-v-42fa468e]::-moz-placeholder,textarea[data-v-42fa468e]::-moz-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-42fa468e]:-ms-input-placeholder,input[type=number][data-v-42fa468e]:-ms-input-placeholder,input[type=password][data-v-42fa468e]:-ms-input-placeholder,input[type=text][data-v-42fa468e]:-ms-input-placeholder,textarea[data-v-42fa468e]:-ms-input-placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][data-v-42fa468e]::placeholder,input[type=number][data-v-42fa468e]::placeholder,input[type=password][data-v-42fa468e]::placeholder,input[type=text][data-v-42fa468e]::placeholder,textarea[data-v-42fa468e]::placeholder{color:rgba(27,37,57,.5);font-size:.9375em}input[type=email][disabled][data-v-42fa468e],input[type=number][disabled][data-v-42fa468e],input[type=password][disabled][data-v-42fa468e],input[type=text][disabled][data-v-42fa468e],textarea[disabled][data-v-42fa468e]{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-42fa468e]{width:38px!important;height:40px;border:none;outline:none;background:none;min-width:0!important}.additional-link[data-v-42fa468e]{font-size:1em;margin-top:50px;display:block}.additional-link a[data-v-42fa468e],.additional-link b[data-v-42fa468e]{cursor:pointer}.additional-link a[data-v-42fa468e]:hover,.additional-link b[data-v-42fa468e]:hover{text-decoration:underline}@media only screen and (max-width:1024px){.form[data-v-42fa468e]{max-width:100%}}@media only screen and (max-width:960px){.form .button[data-v-42fa468e]{margin-top:20px;width:100%;margin-left:0;margin-right:0}.form input[data-v-42fa468e],.form textarea[data-v-42fa468e]{width:100%;min-width:100%}.form.block-form .block-wrapper[data-v-42fa468e]{display:block}.form.block-form .block-wrapper label[data-v-42fa468e]{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-42fa468e]{margin-top:25px;margin-left:0;margin-right:0}.form.inline-form[data-v-42fa468e]{display:block}.form.inline-form .input-wrapper .error-message[data-v-42fa468e]{position:relative;bottom:0}.form .button[data-v-42fa468e]{padding:14px 32px}.single-line-form[data-v-42fa468e]{display:block}.single-line-form .submit-button[data-v-42fa468e]{margin-left:0;margin-top:20px;width:100%}input[type=email][data-v-42fa468e],input[type=number][data-v-42fa468e],input[type=password][data-v-42fa468e],input[type=text][data-v-42fa468e],textarea[data-v-42fa468e]{padding:14px 20px}}@media only screen and (max-width:690px){.form.block-form .wrapper-inline[data-v-42fa468e]{display:block}}@media (prefers-color-scheme:dark){.form .input-help[data-v-42fa468e]{color:#7d858c}.form.block-form .block-wrapper label[data-v-42fa468e],.form .inline-wrapper .switch-label .input-label[data-v-42fa468e]{color:#bec6cf}input[type=email][data-v-42fa468e],input[type=number][data-v-42fa468e],input[type=password][data-v-42fa468e],input[type=text][data-v-42fa468e],textarea[data-v-42fa468e]{border-color:#1e2024;background:#1e2024;color:#bec6cf}input[type=email][data-v-42fa468e]::-moz-placeholder,input[type=number][data-v-42fa468e]::-moz-placeholder,input[type=password][data-v-42fa468e]::-moz-placeholder,input[type=text][data-v-42fa468e]::-moz-placeholder,textarea[data-v-42fa468e]::-moz-placeholder{color:#7d858c}input[type=email][data-v-42fa468e]:-ms-input-placeholder,input[type=number][data-v-42fa468e]:-ms-input-placeholder,input[type=password][data-v-42fa468e]:-ms-input-placeholder,input[type=text][data-v-42fa468e]:-ms-input-placeholder,textarea[data-v-42fa468e]:-ms-input-placeholder{color:#7d858c}input[type=email][data-v-42fa468e]::placeholder,input[type=number][data-v-42fa468e]::placeholder,input[type=password][data-v-42fa468e]::placeholder,input[type=text][data-v-42fa468e]::placeholder,textarea[data-v-42fa468e]::placeholder{color:#7d858c}input[type=email][disabled][data-v-42fa468e],input[type=number][disabled][data-v-42fa468e],input[type=password][disabled][data-v-42fa468e],input[type=text][disabled][data-v-42fa468e],textarea[disabled][data-v-42fa468e]{background:#1e2024;color:rgba(125,133,140,.8);-webkit-text-fill-color:rgba(125,133,140,.8)}.popup-wrapper input[type=email][data-v-42fa468e],.popup-wrapper input[type=number][data-v-42fa468e],.popup-wrapper input[type=password][data-v-42fa468e],.popup-wrapper input[type=text][data-v-42fa468e],.popup-wrapper textarea[data-v-42fa468e]{background:#25272c}}.block-form[data-v-42fa468e]{max-width:100%}",""])},YQqd:function(e,a,t){var o=t("gvpH");"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)},gDwz:function(e,a,t){var o=t("YQVo");"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)},gvpH:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".progress-bar[data-v-6ec2be7a]{width:100%;height:5px;background:#f4f5f6;margin-top:6px;border-radius:10px}.progress-bar span[data-v-6ec2be7a]{display:block;height:100%;border-radius:10px;max-width:100%}@media (prefers-color-scheme:dark){.progress-bar[data-v-6ec2be7a]{background:#1e2024}}@media only screen and (min-width:680px) and (prefers-color-scheme:dark){.progress-bar[data-v-6ec2be7a]{background:#1e2024}}",""])},hw5j:function(e,a,t){(e.exports=t("I1BE")(!1)).push([e.i,".detail-storage-item[data-v-d9e0536e]{margin-bottom:35px}.detail-storage-item.disk .icon circle[data-v-d9e0536e],.detail-storage-item.disk .icon line[data-v-d9e0536e],.detail-storage-item.disk .icon path[data-v-d9e0536e],.detail-storage-item.disk .icon polygon[data-v-d9e0536e],.detail-storage-item.disk .icon polyline[data-v-d9e0536e],.detail-storage-item.disk .icon rect[data-v-d9e0536e]{stroke:#1b2539}.detail-storage-item.disk .storage-progress[data-v-d9e0536e] span{background:#1b2539}.detail-storage-item.images .icon circle[data-v-d9e0536e],.detail-storage-item.images .icon line[data-v-d9e0536e],.detail-storage-item.images .icon path[data-v-d9e0536e],.detail-storage-item.images .icon polygon[data-v-d9e0536e],.detail-storage-item.images .icon polyline[data-v-d9e0536e],.detail-storage-item.images .icon rect[data-v-d9e0536e]{stroke:#9d66fe}.detail-storage-item.images .storage-progress[data-v-d9e0536e] span{background:#9d66fe}.detail-storage-item.videos .icon circle[data-v-d9e0536e],.detail-storage-item.videos .icon line[data-v-d9e0536e],.detail-storage-item.videos .icon path[data-v-d9e0536e],.detail-storage-item.videos .icon polygon[data-v-d9e0536e],.detail-storage-item.videos .icon polyline[data-v-d9e0536e],.detail-storage-item.videos .icon rect[data-v-d9e0536e]{stroke:#ffbd2d}.detail-storage-item.videos .storage-progress[data-v-d9e0536e] span{background:#ffbd2d}.detail-storage-item.audios .icon circle[data-v-d9e0536e],.detail-storage-item.audios .icon line[data-v-d9e0536e],.detail-storage-item.audios .icon path[data-v-d9e0536e],.detail-storage-item.audios .icon polygon[data-v-d9e0536e],.detail-storage-item.audios .icon polyline[data-v-d9e0536e],.detail-storage-item.audios .icon rect[data-v-d9e0536e]{stroke:#fe66a1}.detail-storage-item.audios .storage-progress[data-v-d9e0536e] span{background:#fe66a1}.detail-storage-item.documents .icon circle[data-v-d9e0536e],.detail-storage-item.documents .icon line[data-v-d9e0536e],.detail-storage-item.documents .icon path[data-v-d9e0536e],.detail-storage-item.documents .icon polygon[data-v-d9e0536e],.detail-storage-item.documents .icon polyline[data-v-d9e0536e],.detail-storage-item.documents .icon rect[data-v-d9e0536e]{stroke:#fe6057}.detail-storage-item.documents .storage-progress[data-v-d9e0536e] span{background:#fe6057}.detail-storage-item.others .icon circle[data-v-d9e0536e],.detail-storage-item.others .icon line[data-v-d9e0536e],.detail-storage-item.others .icon path[data-v-d9e0536e],.detail-storage-item.others .icon polygon[data-v-d9e0536e],.detail-storage-item.others .icon polyline[data-v-d9e0536e],.detail-storage-item.others .icon rect[data-v-d9e0536e]{stroke:#1b2539}.detail-storage-item.others .storage-progress[data-v-d9e0536e] span{background:#1b2539}.header-storage-item[data-v-d9e0536e]{display:flex;align-items:flex-start;margin-bottom:10px}.header-storage-item .icon[data-v-d9e0536e]{width:35px}.header-storage-item .type[data-v-d9e0536e]{font-size:.9375em;color:#1b2539}.header-storage-item .total-size[data-v-d9e0536e]{font-size:.625em;display:block;color:rgba(27,37,57,.7)}@media (prefers-color-scheme:dark){.header-storage-item .type[data-v-d9e0536e]{color:#bec6cf}.header-storage-item .total-size[data-v-d9e0536e]{color:#7d858c}.detail-storage-item.disk .icon circle[data-v-d9e0536e],.detail-storage-item.disk .icon line[data-v-d9e0536e],.detail-storage-item.disk .icon path[data-v-d9e0536e],.detail-storage-item.disk .icon polygon[data-v-d9e0536e],.detail-storage-item.disk .icon polyline[data-v-d9e0536e],.detail-storage-item.disk .icon rect[data-v-d9e0536e],.detail-storage-item.others .icon circle[data-v-d9e0536e],.detail-storage-item.others .icon line[data-v-d9e0536e],.detail-storage-item.others .icon path[data-v-d9e0536e],.detail-storage-item.others .icon polygon[data-v-d9e0536e],.detail-storage-item.others .icon polyline[data-v-d9e0536e],.detail-storage-item.others .icon rect[data-v-d9e0536e]{stroke:#41454e}.detail-storage-item.disk .storage-progress[data-v-d9e0536e] span,.detail-storage-item.others .storage-progress[data-v-d9e0536e] span{background:#41454e}}",""])},jCWY:function(e,a,t){"use strict";t("+v8A")},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.D,FileTextIcon:i.x,ProgressBar:o.a,MusicIcon:i.Q,VideoIcon:i.jb,ImageIcon:i.F,FileIcon:i.w}},n=(t("jCWY"),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,"d9e0536e",null);a.a=s.exports}}]);