pixelfed/public/js/story-compose.js

(self.webpackChunkpixelfed=self.webpackChunkpixelfed||[]).push([["/js/story-compose"],{"./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js":
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js ***!
  \*************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>r});var o=s(/*! vue-timeago */"./node_modules/vue-timeago/dist/vue-timeago.es.js"),l=s(/*! vue-cropperjs */"./node_modules/vue-cropperjs/dist/VueCropper.js"),i=(s(/*! cropperjs/dist/cropper.css */"./node_modules/cropperjs/dist/cropper.css"),s(/*! jquery */"./node_modules/jquery/dist/jquery.js"));function a(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var s=Object.prototype.toString.call(e).slice(8,-1);"Object"===s&&e.constructor&&(s=e.constructor.name);if("Map"===s||"Set"===s)return Array.from(e);if("Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s))return n(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var s=0,o=new Array(t);s<t;s++)o[s]=e[s];return o}const r={components:{VueCropper:l.default,VueTimeago:o.default},props:["profile-id"],data:function(){return{loaded:!1,config:window.App.config,mimes:["image/jpeg","image/png","video/mp4"],page:"landing",pages:["landing","crop","edit","confirm","error","uploading","createPoll"],uploading:!1,uploadProgress:0,cropper:{aspectRatio:9/16,viewMode:3,zoomable:!0,zoom:null},mediaUrl:null,mediaId:null,mediaType:null,stories:[],lightboxMedia:!1,duration:10,canReply:!0,canReact:!0,poll:{question:null,options:[]},pollQuestion:null,pollOptions:[],canPostPoll:!1,max_duration:15}},watch:{duration:function(e){"video"==this.mediaType&&(this.$refs.previewVideo.currentTime=e,this.$refs.previewVideo.play())},pollQuestion:function(e){e.length<6&&(this.canPostPoll=!1)},pollOptions:function(e){this.pollOptions.filter((function(e){return e.length>=2})).length>=2?this.canPostPoll=!0:this.canPostPoll=!1}},mounted:function(){var e=this;i("body").addClass("bg-black"),this.mediaWatcher(),setTimeout((function(){axios.get("/api/web/stories/v1/profile/"+e.profileId).then((function(t){t.data.length&&(e.stories=t.data[0].nodes.map((function(e){return e.showViewers=!1,e.viewers=[],e}))),e.loaded=!0}))}),400)},methods:{upload:function(){i('.file-input[name="media"]').trigger("click")},mediaWatcher:function(){var e=this;i(document).on("change","#pf-dz",(function(t){e.triggerUpload()}))},triggerUpload:function(){var e=this;e.uploading=!0;var t=document.querySelector("#pf-dz");e.page="uploading",Array.prototype.forEach.call(t.files,(function(t,s){if(e.media&&e.media.length+s>=e.config.uploader.album_limit)return swal("Error","You can only upload "+e.config.uploader.album_limit+" photos per album","error"),e.uploading=!1,void(e.page=2);var o=t.type;if(-1==i.inArray(o,e.mimes))return swal("Invalid File Type","The file you are trying to add is not a valid mime type. Please upload a "+e.mimes+" only.","error"),e.uploading=!1,void(e.page="error");var l=new FormData;l.append("file",t);var a={onUploadProgress:function(t){var s=Math.floor(100*t.loaded/t.total);e.uploadProgress=s}};t.value=null,axios.post("/api/web/stories/v1/add",l,a).then((function(t){e.uploadProgress=100,e.uploading=!1,e.mediaUrl=t.data.media_url,e.mediaId=t.data.media_id,e.mediaType=t.data.media_type,e.page="video"===t.data.media_type?"preview":"crop",t.data.hasOwnProperty("media_duration")&&(e.max_duration=t.data.media_duration)})).catch((function(s){e.uploading=!1,t.value=null;var o=s.response.data.message?s.response.data.message:s.response.data.error?s.response.data.error:"Something went wrong.";swal("Oops!",o,"warning"),e.page="error"})),e.uploadProgress=0})),document.querySelector("#pf-dz").value=""},expiresTimestamp:function(e){return(e=new Date(1e3*e)).toDateString()+" "+e.toLocaleTimeString()},edit:function(){this.page="edit"},showLightbox:function(e){this.lightboxMedia={url:e.src},this.$refs.lightboxModal.show()},deleteStory:function(e,t){var s=this;1==window.confirm("Are you sure you want to delete this Story?")&&axios.delete("/api/web/stories/v1/delete/"+e.id).then((function(e){s.stories.splice(t,1),0==s.stories.length&&(window.location.href="/i/stories/new")}))},navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/";window.location.href=e},goBack:function(){this.page="landing"},performCrop:function(){var e=this;this.page="cropping";var t=this.$refs.croppa.getData();axios.post("/api/web/stories/v1/crop",{media_id:this.mediaId,width:t.width,height:t.height,x:t.x,y:t.y}).then((function(t){e.page="preview"}))},deleteCurrentStory:function(){var e={id:this.mediaId};this.deleteStory(e),this.page="landing"},shareStoryToFollowers:function(){var e=this;this.canPostPoll?axios.post("/api/web/stories/v1/publish/poll",{question:this.pollQuestion,options:this.pollOptions,can_reply:this.canReply,can_react:this.canReact}).then((function(t){window.location.href="/i/my/story?id="+e.mediaId})):axios.post("/api/web/stories/v1/publish",{media_id:this.mediaId,duration:this.duration,can_reply:this.canReply,can_react:this.canReact}).then((function(t){window.location.href="/i/my/story?id="+e.mediaId}))},viewMyStory:function(){window.location.href="/i/my/story"},toggleShowViewers:function(e){this.stories[e].showViewers=!this.stories[e].showViewers},timeago:function(e){return App.util.format.timeAgo(e)},newPoll:function(){this.page="createPoll"},addOptionInput:function(){this.pollOptions.filter((function(e){return e.length<3})).length||this.pollOptions.push([])},pollPreview:function(){var e=this.pollOptions;a(new Set(this.pollOptions)).length==e.length?this.page="preview":swal("Oops!","You cannot use duplicate poll answers, please remove any duplicates and try again.","error")}}}},"./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true":
/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{render:()=>o,staticRenderFns:()=>l});var o=function(){var e=this,t=e._self._c;return t("div",{staticClass:"story-compose-component container mt-2 mt-md-5 bg-black"},[t("input",{staticClass:"d-none file-input",attrs:{type:"file",id:"pf-dz",name:"media",accept:e.config.mimes}}),e._v(" "),t("span",{staticClass:"fixed-top text-right m-3 cursor-pointer",on:{click:function(t){return e.navigateTo()}}},[t("i",{staticClass:"fal fa-times-circle fa-2x text-lighter"})]),e._v(" "),e.loaded?t("div",{staticClass:"row"},[t("div",{staticClass:"col-12 col-md-6 offset-md-3 bg-dark rounded-lg px-0"},["landing"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center",staticStyle:{height:"90vh"}},[e._m(0),e._v(" "),t("div",{staticClass:"flex-fill py-4"},[t("p",{staticClass:"text-center lead font-weight-light text-lighter mb-4"},[e._v("Share moments with followers that last 24 hours")]),e._v(" "),t("div",{staticClass:"card w-100 shadow-none bg-transparent"},[t("div",{staticClass:"d-flex"},[t("button",{staticClass:"btn btn-outline-light btn-lg font-weight-bold btn-block rounded-pill my-1",attrs:{type:"button",disabled:e.stories.length>=20},on:{click:function(t){return e.upload()}}},[e._v("\n\t\t\t\t\t\t\t\tAdd to Story\n\t\t\t\t\t\t\t")])]),e._v(" "),e.stories.length>=20?t("p",{staticClass:"font-weight-bold text-muted text-center"},[e._v("\n\t\t\t\t\t\t\tYou have reached the limit for new stories\n\t\t\t\t\t\t")]):e._e(),e._v(" "),t("button",{staticClass:"btn btn-outline-light btn-lg font-weight-bold btn-block rounded-pill my-3",attrs:{type:"button",disabled:0==e.stories.length},on:{click:e.viewMyStory}},[t("span",[e._v("My Story")]),e._v(" "),e.stories.length?t("sup",{staticClass:"ml-2 px-2 text-light bg-danger rounded-pill",staticStyle:{"font-size":"12px","padding-top":"2px","padding-bottom":"3px"}},[e._v(e._s(e.stories.length))]):e._e()])])]),e._v(" "),e._m(1)]):"crop"==e.page?t("div",{staticClass:"d-flex justify-content-center flex-fill",staticStyle:{position:"relative",height:"90vh"}},[t("vue-cropper",{ref:"croppa",staticClass:"w-100 h-100 p-0",attrs:{aspectRatio:e.cropper.aspectRatio,viewMode:3,dragMode:"move",autoCropArea:1,guides:!1,highlight:!1,cropBoxMovable:!1,cropBoxResizable:!1,toggleDragModeOnDblclick:!1,src:e.mediaUrl}}),e._v(" "),t("div",{staticClass:"crop-container"},[t("div",{staticClass:"d-flex justify-content-between align-items-center"},[t("button",{staticClass:"btn btn-outline-muted rounded-pill font-weight-bold px-4",attrs:{type:"button"},on:{click:function(t){return e.deleteCurrentStory()}}},[e._v("\n\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t")]),e._v(" "),e._m(2),e._v(" "),t("button",{staticClass:"btn btn-outline-light rounded-pill font-weight-bold px-4",attrs:{type:"button"},on:{click:function(t){return e.performCrop()}}},[e._v("\n\t\t\t\t\t\t\tNext\n\t\t\t\t\t\t")])])])],1):"error"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center align-items-center",staticStyle:{height:"90vh"}},[e._m(3),e._v(" "),e._m(4)]):"uploading"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center align-items-center",staticStyle:{height:"90vh"}},[e._m(5)]):"cropping"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center align-items-center",staticStyle:{height:"90vh"}},[e._m(6)]):"preview"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center align-items-center",staticStyle:{height:"90vh"}},[e._m(7),e._v(" "),t("div",{staticClass:"flex-fill"},[t("div",{staticClass:"form-group pb-3"},[t("label",{staticClass:"text-light lead font-weight-bold",attrs:{for:"durationSlider"}},[e._v("Options")]),e._v(" "),t("div",{staticClass:"custom-control custom-checkbox mb-2"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.canReply,expression:"canReply"}],staticClass:"custom-control-input",attrs:{type:"checkbox",id:"optionReplies"},domProps:{checked:Array.isArray(e.canReply)?e._i(e.canReply,null)>-1:e.canReply},on:{change:function(t){var s=e.canReply,o=t.target,l=!!o.checked;if(Array.isArray(s)){var i=e._i(s,null);o.checked?i<0&&(e.canReply=s.concat([null])):i>-1&&(e.canReply=s.slice(0,i).concat(s.slice(i+1)))}else e.canReply=l}}}),e._v(" "),t("label",{staticClass:"custom-control-label text-light font-weight-lighter",attrs:{for:"optionReplies"}},[e._v("Allow replies")])]),e._v(" "),t("div",{staticClass:"custom-control custom-checkbox mb-2"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.canReact,expression:"canReact"}],staticClass:"custom-control-input",attrs:{type:"checkbox",id:"formReactions"},domProps:{checked:Array.isArray(e.canReact)?e._i(e.canReact,null)>-1:e.canReact},on:{change:function(t){var s=e.canReact,o=t.target,l=!!o.checked;if(Array.isArray(s)){var i=e._i(s,null);o.checked?i<0&&(e.canReact=s.concat([null])):i>-1&&(e.canReact=s.slice(0,i).concat(s.slice(i+1)))}else e.canReact=l}}}),e._v(" "),t("label",{staticClass:"custom-control-label text-light font-weight-lighter",attrs:{for:"formReactions"}},[e._v("Allow reactions")])])]),e._v(" "),e.canPostPoll?e._e():t("div",{staticClass:"form-group"},["video"==e.mediaType?t("video",{ref:"previewVideo",staticClass:"mb-4 w-100",staticStyle:{"max-height":"200px","object-fit":"contain"}},[t("source",{attrs:{src:e.mediaUrl,type:"video/mp4"}})]):e._e(),e._v(" "),t("label",{staticClass:"text-light lead font-weight-bold",attrs:{for:"durationSlider"}},[e._v("Story Duration")]),e._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.duration,expression:"duration"}],staticClass:"custom-range",attrs:{type:"range",min:"3",max:e.max_duration,step:"1",id:"durationSlider"},domProps:{value:e.duration},on:{__r:function(t){e.duration=t.target.value}}}),e._v(" "),t("p",{staticClass:"help-text text-center"},[t("span",{staticClass:"text-light"},[e._v(e._s(e.duration)+" seconds")])])])]),e._v(" "),t("div",{staticClass:"flex-fill w-100 px-md-5"},[t("div",{staticClass:"d-flex"},[t("a",{staticClass:"btn btn-outline-muted btn-block font-weight-bold my-3 mr-3 rounded-pill",attrs:{href:"/"},on:{click:function(t){return t.preventDefault(),e.deleteCurrentStory()}}},[e._v("\n\t\t\t\t\t\t\tCancel\n\t\t\t\t\t\t")]),e._v(" "),t("a",{staticClass:"btn btn-primary btn-block font-weight-bold my-3 rounded-pill",attrs:{href:"#"},on:{click:function(t){return t.preventDefault(),e.shareStoryToFollowers()}}},[e._v("\n\t\t\t\t\t\t\tPost "+e._s(e.canPostPoll?"Poll":"Story")+"\n\t\t\t\t\t\t")])])])]):"edit"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center",staticStyle:{height:"90vh"}},[e._m(8),e._v(" "),t("div",{staticClass:"flex-fill py-4"},[t("p",{staticClass:"lead font-weight-bold text-lighter"},[e._v("My Stories")]),e._v(" "),t("div",{staticClass:"card w-100 shadow-none bg-transparent",staticStyle:{"max-height":"50vh","overflow-y":"scroll"}},[t("div",{staticClass:"list-group"},e._l(e.stories,(function(s,o){return t("div",{staticClass:"list-group-item bg-transparent text-center border-muted text-lighter",attrs:{href:"#"}},[t("div",{staticClass:"media align-items-center"},[t("div",{staticClass:"mr-3 cursor-pointer",on:{click:function(t){return e.showLightbox(s)}}},[t("img",{staticClass:"rounded-circle border",staticStyle:{"object-fit":"cover"},attrs:{src:s.src,width:"40px",height:"40px"}})]),e._v(" "),t("div",{staticClass:"media-body text-left"},[t("p",{staticClass:"mb-0 text-muted font-weight-bold"},[t("span",[e._v(e._s(e.timeago(s.created_at))+" ago")])])]),e._v(" "),t("div",{staticClass:"flex-grow-1 text-right"},[s.viewers.length?t("button",{staticClass:"btn btn-link btn-sm mr-1",on:{click:function(t){return e.toggleShowViewers(o)}}},[t("i",{staticClass:"fal fa-eye fa-lg text-muted"})]):e._e(),e._v(" "),t("button",{staticClass:"btn btn-link btn-sm",on:{click:function(t){return e.deleteStory(s,o)}}},[t("i",{staticClass:"fal fa-trash-alt fa-lg text-muted"})])])]),e._v(" "),s.showViewers&&s.viewers.length?t("div",{staticClass:"m-2 text-left"},[t("p",{staticClass:"font-weight-bold mb-2"},[e._v("Viewed By")]),e._v(" "),e._l(s.viewers,(function(s){return t("div",{staticClass:"d-flex"},[t("img",{staticClass:"rounded-circle mr-2",attrs:{src:"/storage/avatars/default.png",width:"24",height:"24"}}),e._v(" "),t("p",{staticClass:"mb-0 font-weight-bold"},[e._v("viewer.username")])])}))],2):e._e()])})),0)])]),e._v(" "),t("div",{staticClass:"flex-fill text-center"},[t("a",{staticClass:"btn btn-outline-secondary btn-block px-5 font-weight-bold",attrs:{href:"/i/stories/new"},on:{click:function(t){return t.preventDefault(),e.goBack()}}},[e._v("Go back")])])]):"createPoll"==e.page?t("div",{staticClass:"card card-body bg-transparent border-0 shadow-none d-flex justify-content-center",staticStyle:{height:"90vh"}},[e._m(9),e._v(" "),t("div",{staticClass:"flex-fill mt-3"},[t("div",{staticClass:"align-items-center"},[t("div",{staticClass:"form-group mb-5"},[t("label",{staticClass:"font-weight-bold text-lighter"},[e._v("Poll Question")]),e._v(" "),t("input",{directives:[{name:"model",rawName:"v-model",value:e.pollQuestion,expression:"pollQuestion"}],staticClass:"form-control form-control-lg rounded-pill bg-muted shadow text-white border-0",attrs:{placeholder:"Ask a poll question here..."},domProps:{value:e.pollQuestion},on:{input:function(t){t.target.composing||(e.pollQuestion=t.target.value)}}})]),e._v(" "),t("label",{staticClass:"font-weight-bold text-lighter"},[e._v("Poll Answers")]),e._v(" "),e._l(e.pollOptions,(function(s,o){return t("div",{staticClass:"form-group mb-4"},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.pollOptions[o],expression:"pollOptions[index]"}],staticClass:"form-control form-control-lg rounded-pill bg-muted shadow text-white border-0",attrs:{placeholder:"Add a poll answer here..."},domProps:{value:e.pollOptions[o]},on:{input:function(t){t.target.composing||e.$set(e.pollOptions,o,t.target.value)}}})])})),e._v(" "),e.pollOptions.length<4?t("div",{staticClass:"mb-3"},[t("button",{staticClass:"btn btn-block font-weight-bold rounded-pill shadow",class:[(e.pollQuestion&&e.pollQuestion.length)>6&&(0==e.pollOptions.length||e.pollOptions.length&&e.pollOptions[e.pollOptions.length-1].length>3)?"btn-muted":"btn-outline-muted"],attrs:{disabled:!e.pollQuestion||e.pollQuestion.length<6},on:{click:e.addOptionInput}},[e._v("\n\t\t\t\t\t\t\t\tAdd poll option\n\t\t\t\t\t\t\t")])]):e._e()],2)]),e._v(" "),t("div",{staticClass:"flex-fill text-center"},[e.canPostPoll?t("a",{staticClass:"btn btn-outline-light btn-block px-5 font-weight-bold rounded-pill",attrs:{href:"/i/stories/new"},on:{click:function(t){return t.preventDefault(),e.pollPreview.apply(null,arguments)}}},[e._v("Next")]):e._e(),e._v(" "),t("a",{staticClass:"btn btn-outline-secondary btn-block px-5 font-weight-bold rounded-pill",attrs:{href:"/i/stories/new"},on:{click:function(t){return t.preventDefault(),e.goBack()}}},[e._v("Go back")])])]):e._e()])]):t("div",{staticClass:"row"},[e._m(10)]),e._v(" "),t("b-modal",{ref:"lightboxModal",staticClass:"bg-transparent",attrs:{id:"lightbox","hide-header":"","hide-footer":"",centered:"",size:"md","body-class":"p-0 bg-transparent"}},[e.lightboxMedia?t("div",{staticClass:"w-100 h-100 bg-transparent"},[t("img",{staticStyle:{"max-height":"90vh",width:"100%","object-fit":"contain"},attrs:{src:e.lightboxMedia.url}})]):e._e()])],1)},l=[function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center flex-fill pt-3"},[t("img",{staticClass:"mb-2",attrs:{src:"/img/pixelfed-icon-color.svg",width:"70",height:"70"}}),e._v(" "),t("p",{staticClass:"lead text-lighter font-weight-light mb-0"},[e._v("Stories")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center flex-fill"},[t("p",{staticClass:"text-uppercase mb-0"},[t("a",{staticClass:"text-lighter font-weight-bold",attrs:{href:"/"}},[e._v("Home")]),e._v(" "),t("span",{staticClass:"px-2 text-lighter"},[e._v("|")]),e._v(" "),t("a",{staticClass:"text-lighter font-weight-bold",attrs:{href:"/site/help"}},[e._v("Help")])]),e._v(" "),t("p",{staticClass:"small text-muted mb-0"},[e._v("v 1.0.0")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center"},[t("h4",{staticClass:"font-weight-light text-light mb-n1"},[e._v("Crop")]),e._v(" "),t("span",{staticClass:"small text-light"},[e._v("Pan around and pinch to zoom")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center flex-fill pt-3"},[t("img",{staticClass:"mb-2",attrs:{src:"/img/pixelfed-icon-color.svg",width:"70",height:"70"}}),e._v(" "),t("p",{staticClass:"lead text-lighter font-weight-light mb-0"},[e._v("Stories")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"flex-fill text-center"},[t("p",{staticClass:"h3 mb-0 text-light"},[e._v("Oops!")]),e._v(" "),t("p",{staticClass:"text-muted lead"},[e._v("An error occurred, please try again later.")]),e._v(" "),t("p",{staticClass:"text-muted mb-0"},[t("a",{staticClass:"btn btn-outline-muted py-0 px-5 rounded-pill font-weight-bold",attrs:{href:"/"}},[e._v("Go back")])])])},function(){var e=this._self._c;return e("div",{staticClass:"spinner-border text-lighter",attrs:{role:"status"}},[e("span",{staticClass:"sr-only"},[this._v("Loading...")])])},function(){var e=this._self._c;return e("div",{staticClass:"spinner-border text-lighter",attrs:{role:"status"}},[e("span",{staticClass:"sr-only"},[this._v("Loading...")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center flex-fill pt-3"},[t("img",{staticClass:"mb-2",attrs:{src:"/img/pixelfed-icon-color.svg",width:"70",height:"70"}}),e._v(" "),t("p",{staticClass:"lead text-lighter font-weight-light mb-0"},[e._v("Stories")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center flex-fill mt-5"},[t("p",{staticClass:"text-muted font-weight-light mb-1"},[t("i",{staticClass:"fal fa-history fa-5x"})]),e._v(" "),t("p",{staticClass:"text-muted font-weight-bold mb-0"},[e._v("STORIES")])])},function(){var e=this,t=e._self._c;return t("div",{staticClass:"text-center pt-3"},[t("img",{staticClass:"mb-2",attrs:{src:"/img/pixelfed-icon-color.svg",width:"70",height:"70"}}),e._v(" "),t("p",{staticClass:"lead text-lighter font-weight-light mb-0"},[e._v("Stories")])])},function(){var e=this._self._c;return e("div",{staticClass:"col-12 col-md-6 offset-md-3 bg-dark rounded-lg px-0",staticStyle:{height:"90vh"}},[e("div",{staticClass:"w-100 h-100 d-flex justify-content-center align-items-center"},[e("div",{staticClass:"spinner-border text-lighter",attrs:{role:"status"}},[e("span",{staticClass:"sr-only"},[this._v("Loading...")])])])])}];o._withStripped=!0},"./resources/assets/js/story-compose.js":
/*!**********************************************!*\
  !*** ./resources/assets/js/story-compose.js ***!
  \**********************************************/(e,t,s)=>{Vue.component("story-compose",s(/*! ./components/StoryCompose.vue */"./resources/assets/js/components/StoryCompose.vue").default)},"./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>i});var o=s(/*! ../../../../node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js */"./node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js"),l=s.n(o)()((function(e){return e[1]}));l.push([e.id,".bg-black {\n  background-color: #262626;\n}",""]);const i=l},"./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true":
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>i});var o=s(/*! ../../../../node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js */"./node_modules/laravel-mix/node_modules/css-loader/dist/runtime/api.js"),l=s.n(o)()((function(e){return e[1]}));l.push([e.id,".story-compose-component #lightbox .modal-content[data-v-0b815e14] {\n  background: transparent;\n}\n.story-compose-component[data-v-0b815e14] ::-moz-placeholder {\n  color: #ccc;\n}\n.story-compose-component[data-v-0b815e14] ::placeholder {\n  color: #ccc;\n}\n.story-compose-component .crop-container[data-v-0b815e14] {\n  z-index: 9;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  min-height: 100px;\n  padding: 15px 30px;\n  background: linear-gradient(180deg, rgba(38, 38, 38, 0.8) 0%, rgba(38, 38, 38, 0) 100%);\n}",""]);const i=l},"./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var o=s(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(o),i=s(/*! !!../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss */"./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss"),a={insert:"head",singleton:!1};l()(i.default,a);const n=i.default.locals||{}},"./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true":
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var o=s(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),l=s.n(o),i=s(/*! !!../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true */"./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true"),a={insert:"head",singleton:!1};l()(i.default,a);const n=i.default.locals||{}},"./resources/assets/js/components/StoryCompose.vue":
/*!*********************************************************!*\
  !*** ./resources/assets/js/components/StoryCompose.vue ***!
  \*********************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>n});var o=s(/*! ./StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true */"./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true"),l=s(/*! ./StoryCompose.vue?vue&type=script&lang=js */"./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js"),i={};for(const e in l)"default"!==e&&(i[e]=()=>l[e]);s.d(t,i);s(/*! ./StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss */"./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss"),s(/*! ./StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true */"./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true");var a=(0,s(/*! !../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */"./node_modules/vue-loader/lib/runtime/componentNormalizer.js").default)(l.default,o.render,o.staticRenderFns,!1,null,"0b815e14",null);a.options.__file="resources/assets/js/components/StoryCompose.vue";const n=a.exports},"./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js":
/*!*********************************************************************************!*\
  !*** ./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js ***!
  \*********************************************************************************/(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>i});var o=s(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=script&lang=js */"./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=script&lang=js"),l={};for(const e in o)"default"!==e&&(l[e]=()=>o[e]);s.d(t,l);const i=o.default},"./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true":
/*!***************************************************************************************************!*\
  !*** ./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true ***!
  \***************************************************************************************************/(e,t,s)=>{"use strict";s.r(t);var o=s(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true */"./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=template&id=0b815e14&scoped=true"),l={};for(const e in o)"default"!==e&&(l[e]=()=>o[e]);s.d(t,l)},"./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss":
/*!******************************************************************************************************!*\
  !*** ./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss ***!
  \******************************************************************************************************/(e,t,s)=>{"use strict";s.r(t);var o=s(/*! -!../../../../node_modules/style-loader/dist/cjs.js!../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss */"./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=0&id=0b815e14&lang=scss"),l={};for(const e in o)"default"!==e&&(l[e]=()=>o[e]);s.d(t,l)},"./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true":
/*!******************************************************************************************************************!*\
  !*** ./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true ***!
  \******************************************************************************************************************/(e,t,s)=>{"use strict";s.r(t);var o=s(/*! -!../../../../node_modules/style-loader/dist/cjs.js!../../../../node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true */"./node_modules/style-loader/dist/cjs.js!./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js??clonedRuleSet-17.use[1]!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-17.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-17.use[3]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/assets/js/components/StoryCompose.vue?vue&type=style&index=1&id=0b815e14&lang=scss&scoped=true"),l={};for(const e in o)"default"!==e&&(l[e]=()=>o[e]);s.d(t,l)}},e=>{e.O(0,["/js/vendor"],(()=>{return t="./resources/assets/js/story-compose.js",e(e.s=t);var t}));e.O()}]);