1
0
Fork 0
forked from mirror/pixelfed
pixelfed/public/js/stories.js
2021-12-14 22:34:14 -07:00

3197 lines
No EOL
116 KiB
JavaScript
Vendored

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/stories"],{
/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js&":
/*!*****************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js& ***!
\*****************************************************************************************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
props: {
pid: {
type: String
},
selfProfile: {
type: Object
},
redirectUrl: {
type: String,
"default": '/'
}
},
data: function data() {
return {
loading: true,
profile: null,
account: {
local: false
},
owner: false,
stories: [],
username: 'loading...',
avatar: '/storage/avatars/default.jpg',
storyIndex: 0,
progress: 0,
constInterval: 383,
progressInterval: undefined,
composeText: null,
paused: false,
muted: true,
reactionEmoji: ["❤️", "🔥", "💯", "😂", "😎", "👀"],
activeReactionEmoji: false,
activeReply: false,
showProgress: false,
redirectOnEnd: '/',
viewerSid: false,
viewerPage: 1,
loadingViewers: false,
viewersHasMore: true,
viewers: [],
viewWarning: false,
showingPollResults: false,
loadingPollResults: false,
pollResults: [],
pollTotalVotes: 0
};
},
watch: {
composeText: function composeText(val) {
if (val.length == 0) {
if (this.paused) {
this.pause();
}
} else {
if (!this.paused) {
this.pause();
}
}
event.currentTarget.focus();
}
},
beforeMount: function beforeMount() {
this.redirectOnEnd = this.redirectUrl;
},
mounted: function mounted() {
var _this = this;
var u = new URLSearchParams(window.location.search);
if (u.has('t')) {
switch (u.get('t')) {
case '1':
this.redirectOnEnd = '/';
break;
case '2':
this.redirectOnEnd = '/timeline/public';
break;
case '3':
this.redirectOnEnd = '/timeline/network';
break;
case '4':
this.redirectOnEnd = '/' + window.location.pathname.split('/').slice(-1).pop();
break;
}
} else {
this.viewWarning = true;
}
if (!this.selfProfile || !this.selfProfile.hasOwnProperty('avatar')) {
axios.get('/api/pixelfed/v1/accounts/verify_credentials').then(function (res) {
_this.profile = res.data;
_this.fetchStories();
});
} else {
this.profile = this.selfProfile;
}
var el = document.querySelector('body');
el.style.width = '100%';
el.style.height = '100vh !important';
el.style.overflow = 'hidden';
el.style.backgroundColor = '#262626';
},
methods: {
init: function init() {
var _this2 = this;
clearInterval(this.progressInterval);
this.loading = false;
this.constInterval = Math.ceil(this.stories[this.storyIndex].duration * 38.3);
this.progressInterval = setInterval(function () {
_this2["do"]();
}, this.constInterval);
},
"do": function _do() {
this.loading = false;
if (this.stories[this.storyIndex].progress != 100) {
this.stories[this.storyIndex].progress = this.stories[this.storyIndex].progress + 4;
} else {
clearInterval(this.progressInterval);
this.next();
}
},
prev: function prev() {
if (this.storyIndex == 0) {
return;
}
this.pollResults = [];
this.progress = 0;
this.gotoSlide(this.storyIndex - 1);
},
next: function next() {
axios.post('/api/web/stories/v1/viewed', {
id: this.stories[this.storyIndex].id
});
this.stories[this.storyIndex].progress = 100;
if (this.storyIndex == this.stories.length - 1) {
if (this.composeText && this.composeText.length) {
return;
}
window.location.href = this.redirectOnEnd;
return;
}
this.pollResults = [];
this.progress = 0;
this.muted = true;
this.storyIndex = this.storyIndex + 1;
this.init();
},
pause: function pause() {
if (event) {
event.currentTarget.blur();
}
if (this.paused) {
this.paused = false;
if (this.stories[this.storyIndex].type == 'video') {
var el = document.getElementById('playr');
el.play();
}
this.init();
} else {
clearInterval(this.progressInterval);
if (this.stories[this.storyIndex].type == 'video') {
var _el = document.getElementById('playr');
_el.pause();
}
this.paused = true;
}
},
toggleMute: function toggleMute() {
if (event) {
event.currentTarget.blur();
}
if (this.stories[this.storyIndex].type == 'video') {
this.muted = !this.muted;
var el = document.getElementById('playr');
el.muted = this.muted;
}
},
gotoSlide: function gotoSlide(index) {
this.paused = false;
clearInterval(this.progressInterval);
this.progressInterval = null;
this.stories = this.stories.map(function (s, k) {
if (k < index) {
s.progress = 100;
} else {
s.progress = 0;
}
return s;
});
this.storyIndex = index;
this.stories[index].progress = 0;
this.init();
},
showMenu: function showMenu() {
if (!this.paused) {
this.pause();
}
event.currentTarget.blur();
this.$refs.ctxMenu.show();
},
react: function react(emoji) {
var _this3 = this;
this.$refs.ctxMenu.hide();
this.activeReactionEmoji = true;
axios.post('/api/web/stories/v1/react', {
sid: this.stories[this.storyIndex].id,
reaction: emoji
}).then(function (res) {
setTimeout(function () {
_this3.activeReactionEmoji = false;
_this3.pause();
}, 2000);
})["catch"](function (err) {
_this3.activeReactionEmoji = false;
swal('Error', 'An error occured when attempting to react to this story. Please try again later.', 'error');
});
},
comment: function comment() {
var _this4 = this;
if (this.composeText.length < 2) {
return;
}
if (!this.paused) {
this.pause();
}
this.activeReply = true;
axios.post('/api/web/stories/v1/comment', {
sid: this.stories[this.storyIndex].id,
caption: this.composeText
}).then(function (res) {
_this4.composeText = null;
setTimeout(function () {
_this4.activeReply = false;
_this4.pause();
}, 2000);
})["catch"](function (err) {
_this4.activeReply = false;
swal('Error', 'An error occured when attempting to reply to this story. Please try again later.', 'error');
});
},
closeCtxMenu: function closeCtxMenu() {
this.$refs.ctxMenu.hide();
},
backToFeed: function backToFeed() {
var _this5 = this;
if (this.composeText) {
swal('Are you sure you want to leave without sending this reply?').then(function (confirm) {
if (confirm) {
window.location.href = _this5.redirectOnEnd;
}
});
return;
} else {
window.location.href = this.redirectOnEnd;
}
},
timeago: function timeago(ts) {
return App.util.format.timeAgo(ts);
},
timeahead: function timeahead(ts) {
var d = new Date(ts);
return App.util.format.timeAhead(d.toUTCString());
},
fetchStories: function fetchStories() {
var _this6 = this;
var self = this;
axios.get('/api/web/stories/v1/profile/' + this.pid).then(function (res) {
if (res.data.length == 0) {
window.location.href = _this6.redirectOnEnd;
}
self.account = res.data[0].account;
if (self.account.local == false) {
self.account.domain = self.account.acct.split('@')[1];
}
self.stories = res.data[0].nodes.map(function (i, k) {
var r = {
id: i.id,
created_at: i.created_at,
expires_at: i.expires_at,
progress: i.progress,
view_count: i.view_count,
url: i.src,
type: i.type,
duration: i.duration,
can_reply: i.can_reply,
can_react: i.can_react
};
if (r.type == 'poll') {
r.question = i.question;
r.options = i.options;
r.voted = i.voted;
r.voted_index = i.voted_index;
}
return r;
});
self.username = res.data[0].account.username;
self.avatar = res.data[0].account.avatar;
if (self.profile.id == res.data[0].account.id) {
_this6.viewWarning = false;
}
if (_this6.viewWarning) {
_this6.loading = false;
return;
}
var seen = res.data[0].nodes.filter(function (i, k) {
return i.seen == true;
}).map(function (i, k) {
return k;
});
if (seen.length && _this6.pid != _this6.profile.id) {
var n = seen[seen.length - 1] + 1 == self.stories.length ? seen[seen.length - 1] : seen[seen.length - 1] + 1;
self.gotoSlide(n);
}
if (_this6.pid == _this6.profile.id) {
self.gotoSlide(self.stories.length - 1);
}
self.showProgress = true;
if (self.profile.id == self.account.id) {
self.owner = true;
}
if (res.data.length == 0) {
window.location.href = _this6.redirectOnEnd;
return;
}
_this6.init();
})["catch"](function (err) {
return;
});
},
fetchViewers: function fetchViewers() {
var _this7 = this;
this.closeCtxMenu();
this.$refs.viewersModal.show();
if (this.stories[this.storyIndex].id == this.viewerSid) {
return;
}
this.loadingViewers = true;
axios.get('/api/web/stories/v1/viewers', {
params: {
sid: this.stories[this.storyIndex].id
}
}).then(function (res) {
_this7.viewerSid = _this7.stories[_this7.storyIndex].id;
_this7.viewers = res.data;
_this7.loadingViewers = false;
_this7.viewerPage = 2;
if (_this7.viewers.length == 10) {
_this7.viewersHasMore = true;
} else {
_this7.viewersHasMore = false;
}
})["catch"](function (err) {
swal('Cannot load viewers', 'Cannot load viewers of this story, please try again later.', 'error');
});
},
viewersLoadMore: function viewersLoadMore() {
var _this8 = this;
axios.get('/api/web/stories/v1/viewers', {
params: {
sid: this.stories[this.storyIndex].id,
page: this.viewerPage
}
}).then(function (res) {
var _this8$viewers;
if (!res.data || res.data.length == 0) {
_this8.viewersHasMore = false;
return;
}
if (res.data.length != 10) {
_this8.viewersHasMore = false;
}
(_this8$viewers = _this8.viewers).push.apply(_this8$viewers, _toConsumableArray(res.data));
_this8.viewerPage++;
})["catch"](function (err) {
swal('Cannot load viewers', 'Cannot load viewers of this story, please try again later.', 'error');
});
},
closeViewersModal: function closeViewersModal() {
this.$refs.viewersModal.hide();
},
deleteStory: function deleteStory() {
var _this9 = this;
this.closeCtxMenu();
if (!window.confirm('Are you sure you want to delete this story?')) {
this.pause();
return;
}
axios["delete"]('/api/web/stories/v1/delete/' + this.stories[this.storyIndex].id).then(function (res) {
var i = _this9.storyIndex;
var c = _this9.stories.length;
if (c == 1) {
window.location.href = '/';
return;
}
window.location.reload();
});
},
selectPollOption: function selectPollOption(index) {
var _this10 = this;
if (!this.paused) {
this.pause();
}
axios.post('/i/stories/viewed', {
id: this.stories[this.storyIndex].id
});
axios.post('/api/web/stories/v1/poll/vote', {
sid: this.stories[this.storyIndex].id,
ci: index
}).then(function (res) {
_this10.stories[_this10.storyIndex].voted = true;
_this10.stories[_this10.storyIndex].voted_index = index;
_this10.next();
});
},
ctxMenuReport: function ctxMenuReport() {
this.$refs.ctxMenu.hide();
this.$refs.ctxReport.show();
},
openCtxReportOtherMenu: function openCtxReportOtherMenu() {
this.closeCtxMenu();
this.$refs.ctxReport.hide();
this.$refs.ctxReportOther.show();
},
ctxReportMenuGoBack: function ctxReportMenuGoBack() {
this.closeMenus();
},
ctxReportOtherMenuGoBack: function ctxReportOtherMenuGoBack() {
this.closeMenus();
},
closeMenus: function closeMenus() {
this.$refs.ctxReportOther.hide();
this.$refs.ctxReport.hide();
this.$refs.ctxMenu.hide();
},
sendReport: function sendReport(type) {
var _this11 = this;
var id = this.stories[this.storyIndex].id;
swal({
'title': 'Confirm Report',
'text': 'Are you sure you want to report this post?',
'icon': 'warning',
'buttons': true,
'dangerMode': true
}).then(function (res) {
if (res) {
axios.post('/api/web/stories/v1/report', {
'type': type,
'id': id
}).then(function (res) {
_this11.closeMenus();
swal('Report Sent!', 'We have successfully received your report', 'success');
})["catch"](function (err) {
if (err.response.status === 409) {
swal('Already reported', 'You have already reported this story', 'info');
} else {
swal('Oops!', 'There was an issue reporting this story', 'error');
}
});
} else {
_this11.closeMenus();
}
});
},
confirmViewStory: function confirmViewStory() {
var self = this;
var seen = this.stories.filter(function (i, k) {
return i.seen == true;
}).map(function (i, k) {
return k;
});
if (seen.length && this.pid != this.profile.id) {
var n = seen[seen.length - 1] + 1 == self.stories.length ? seen[seen.length - 1] : seen[seen.length - 1] + 1;
self.gotoSlide(n);
}
if (this.pid == this.profile.id) {
self.gotoSlide(self.stories.length - 1);
}
self.showProgress = true;
if (self.profile.username == self.username) {
self.owner = true;
}
this.viewWarning = false;
this.init();
},
showPollResults: function showPollResults() {
var _this12 = this;
this.loadingPollResults = true;
if (!this.paused) {
this.pause();
}
axios.get('/api/web/stories/v1/poll/results', {
params: {
sid: this.stories[this.storyIndex].id
}
}).then(function (res) {
_this12.loadingPollResults = false;
_this12.pollResults = res.data;
var sum = function sum(a, b) {
return a + b;
};
_this12.pollTotalVotes = _this12.pollResults.reduce(sum);
});
},
addToStory: function addToStory() {
window.location.href = '/i/stories/new';
},
pollPercent: function pollPercent(index) {
return this.pollTotalVotes == 0 ? 0 : Math.round(this.pollResults[index] / this.pollTotalVotes * 100);
}
}
});
/***/ }),
/***/ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&":
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-2!./node_modules/sass-loader/dist/cjs.js??ref--9-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(/*! ../../../../node_modules/css-loader/lib/css-base.js */ "./node_modules/css-loader/lib/css-base.js")(false);
// imports
// module
exports.push([module.i, "#content[data-v-be0d9900] {\n width: 100%;\n height: 100vh !important;\n overflow: hidden;\n background-color: #262626;\n}\n.story-viewer-component-card[data-v-be0d9900] {\n height: 100vh;\n}\n@media (min-width: 768px) {\n.story-viewer-component-card[data-v-be0d9900] {\n height: 90vh;\n}\n}\n.story-viewer-component.bg-black[data-v-be0d9900] {\n background-color: #262626;\n}\n.story-viewer-component .option-green[data-v-be0d9900] {\n font-size: 20px;\n font-weight: 600;\n background: #11998e;\n /* fallback for old browsers */\n background: linear-gradient(180deg, #38ef7d, #11998e);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.story-viewer-component .option-red[data-v-be0d9900] {\n font-weight: 600;\n background: linear-gradient(to right, #F27121, #E94057, #8A2387);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.story-viewer-component .bg-black[data-v-be0d9900] {\n background-color: #262626;\n}\n.story-viewer-component .fade-enter-active[data-v-be0d9900], .story-viewer-component .fade-leave-active[data-v-be0d9900] {\n transition: opacity 0.5s;\n}\n.story-viewer-component .fade-enter[data-v-be0d9900], .story-viewer-component .fade-leave-to[data-v-be0d9900] {\n opacity: 0;\n}\n.story-viewer-component .progress[data-v-be0d9900] {\n background-color: #979a9a;\n}\n.story-viewer-component .media-slot[data-v-be0d9900] {\n border-radius: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n background: #000;\n background-size: cover !important;\n z-index: 0;\n}\n.story-viewer-component .card-body .top-overlay[data-v-be0d9900] {\n height: 100px;\n margin-left: -35px;\n margin-right: -35px;\n margin-top: -20px;\n padding-bottom: 20px;\n border-radius: 5px;\n background: linear-gradient(180deg, rgba(38, 38, 38, 0.8) 0%, rgba(38, 38, 38, 0) 100%);\n}\n.story-viewer-component .card-footer[data-v-be0d9900] ::-moz-placeholder {\n color: #fff;\n opacity: 1;\n}\n.story-viewer-component .card-footer[data-v-be0d9900] :-ms-input-placeholder {\n color: #fff;\n opacity: 1;\n}\n.story-viewer-component .card-footer[data-v-be0d9900] ::placeholder {\n color: #fff;\n opacity: 1;\n}\n.story-viewer-component .card-footer .bottom-overlay[data-v-be0d9900] {\n margin-left: -35px;\n margin-right: -35px;\n margin-bottom: -20px;\n border-radius: 5px;\n background: linear-gradient(0deg, rgba(38, 38, 38, 0.8) 0%, rgba(38, 38, 38, 0) 100%);\n}\n.story-viewer-component .card-footer .bottom-overlay .form-group[data-v-be0d9900] {\n padding-top: 40px;\n padding-bottom: 20px;\n margin-bottom: 0;\n}", ""]);
// exports
/***/ }),
/***/ "./node_modules/css-loader/lib/css-base.js":
/*!*************************************************!*\
!*** ./node_modules/css-loader/lib/css-base.js ***!
\*************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function(useSourceMap) {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
return this.map(function (item) {
var content = cssWithMappingToString(item, useSourceMap);
if(item[2]) {
return "@media " + item[2] + "{" + content + "}";
} else {
return content;
}
}).join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
function cssWithMappingToString(item, useSourceMap) {
var content = item[1] || '';
var cssMapping = item[3];
if (!cssMapping) {
return content;
}
if (useSourceMap && typeof btoa === 'function') {
var sourceMapping = toComment(cssMapping);
var sourceURLs = cssMapping.sources.map(function (source) {
return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
});
return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
}
return [content].join('\n');
}
// Adapted from convert-source-map (MIT)
function toComment(sourceMap) {
// eslint-disable-next-line no-undef
var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
return '/*# ' + data + ' */';
}
/***/ }),
/***/ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&":
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-2!./node_modules/sass-loader/dist/cjs.js??ref--9-3!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
var content = __webpack_require__(/*! !../../../../node_modules/css-loader!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--9-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& */ "./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&");
if(typeof content === 'string') content = [[module.i, content, '']];
var transform;
var insertInto;
var options = {"hmr":true}
options.transform = transform
options.insertInto = undefined;
var update = __webpack_require__(/*! ../../../../node_modules/style-loader/lib/addStyles.js */ "./node_modules/style-loader/lib/addStyles.js")(content, options);
if(content.locals) module.exports = content.locals;
if(false) {}
/***/ }),
/***/ "./node_modules/style-loader/lib/addStyles.js":
/*!****************************************************!*\
!*** ./node_modules/style-loader/lib/addStyles.js ***!
\****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
var stylesInDom = {};
var memoize = function (fn) {
var memo;
return function () {
if (typeof memo === "undefined") memo = fn.apply(this, arguments);
return memo;
};
};
var isOldIE = memoize(function () {
// Test for IE <= 9 as proposed by Browserhacks
// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
// Tests for existence of standard globals is to allow style-loader
// to operate correctly into non-standard environments
// @see https://github.com/webpack-contrib/style-loader/issues/177
return window && document && document.all && !window.atob;
});
var getTarget = function (target, parent) {
if (parent){
return parent.querySelector(target);
}
return document.querySelector(target);
};
var getElement = (function (fn) {
var memo = {};
return function(target, parent) {
// If passing function in options, then use it for resolve "head" element.
// Useful for Shadow Root style i.e
// {
// insertInto: function () { return document.querySelector("#foo").shadowRoot }
// }
if (typeof target === 'function') {
return target();
}
if (typeof memo[target] === "undefined") {
var styleTarget = getTarget.call(this, target, parent);
// Special case to return head of iframe instead of iframe itself
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
try {
// This will throw an exception if access to iframe is blocked
// due to cross-origin restrictions
styleTarget = styleTarget.contentDocument.head;
} catch(e) {
styleTarget = null;
}
}
memo[target] = styleTarget;
}
return memo[target]
};
})();
var singleton = null;
var singletonCounter = 0;
var stylesInsertedAtTop = [];
var fixUrls = __webpack_require__(/*! ./urls */ "./node_modules/style-loader/lib/urls.js");
module.exports = function(list, options) {
if (typeof DEBUG !== "undefined" && DEBUG) {
if (typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
}
options = options || {};
options.attrs = typeof options.attrs === "object" ? options.attrs : {};
// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
// tags it will allow on a page
if (!options.singleton && typeof options.singleton !== "boolean") options.singleton = isOldIE();
// By default, add <style> tags to the <head> element
if (!options.insertInto) options.insertInto = "head";
// By default, add <style> tags to the bottom of the target
if (!options.insertAt) options.insertAt = "bottom";
var styles = listToStyles(list, options);
addStylesToDom(styles, options);
return function update (newList) {
var mayRemove = [];
for (var i = 0; i < styles.length; i++) {
var item = styles[i];
var domStyle = stylesInDom[item.id];
domStyle.refs--;
mayRemove.push(domStyle);
}
if(newList) {
var newStyles = listToStyles(newList, options);
addStylesToDom(newStyles, options);
}
for (var i = 0; i < mayRemove.length; i++) {
var domStyle = mayRemove[i];
if(domStyle.refs === 0) {
for (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();
delete stylesInDom[domStyle.id];
}
}
};
};
function addStylesToDom (styles, options) {
for (var i = 0; i < styles.length; i++) {
var item = styles[i];
var domStyle = stylesInDom[item.id];
if(domStyle) {
domStyle.refs++;
for(var j = 0; j < domStyle.parts.length; j++) {
domStyle.parts[j](item.parts[j]);
}
for(; j < item.parts.length; j++) {
domStyle.parts.push(addStyle(item.parts[j], options));
}
} else {
var parts = [];
for(var j = 0; j < item.parts.length; j++) {
parts.push(addStyle(item.parts[j], options));
}
stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
}
}
}
function listToStyles (list, options) {
var styles = [];
var newStyles = {};
for (var i = 0; i < list.length; i++) {
var item = list[i];
var id = options.base ? item[0] + options.base : item[0];
var css = item[1];
var media = item[2];
var sourceMap = item[3];
var part = {css: css, media: media, sourceMap: sourceMap};
if(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});
else newStyles[id].parts.push(part);
}
return styles;
}
function insertStyleElement (options, style) {
var target = getElement(options.insertInto)
if (!target) {
throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");
}
var lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];
if (options.insertAt === "top") {
if (!lastStyleElementInsertedAtTop) {
target.insertBefore(style, target.firstChild);
} else if (lastStyleElementInsertedAtTop.nextSibling) {
target.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);
} else {
target.appendChild(style);
}
stylesInsertedAtTop.push(style);
} else if (options.insertAt === "bottom") {
target.appendChild(style);
} else if (typeof options.insertAt === "object" && options.insertAt.before) {
var nextSibling = getElement(options.insertAt.before, target);
target.insertBefore(style, nextSibling);
} else {
throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");
}
}
function removeStyleElement (style) {
if (style.parentNode === null) return false;
style.parentNode.removeChild(style);
var idx = stylesInsertedAtTop.indexOf(style);
if(idx >= 0) {
stylesInsertedAtTop.splice(idx, 1);
}
}
function createStyleElement (options) {
var style = document.createElement("style");
if(options.attrs.type === undefined) {
options.attrs.type = "text/css";
}
if(options.attrs.nonce === undefined) {
var nonce = getNonce();
if (nonce) {
options.attrs.nonce = nonce;
}
}
addAttrs(style, options.attrs);
insertStyleElement(options, style);
return style;
}
function createLinkElement (options) {
var link = document.createElement("link");
if(options.attrs.type === undefined) {
options.attrs.type = "text/css";
}
options.attrs.rel = "stylesheet";
addAttrs(link, options.attrs);
insertStyleElement(options, link);
return link;
}
function addAttrs (el, attrs) {
Object.keys(attrs).forEach(function (key) {
el.setAttribute(key, attrs[key]);
});
}
function getNonce() {
if (false) {}
return __webpack_require__.nc;
}
function addStyle (obj, options) {
var style, update, remove, result;
// If a transform function was defined, run it on the css
if (options.transform && obj.css) {
result = typeof options.transform === 'function'
? options.transform(obj.css)
: options.transform.default(obj.css);
if (result) {
// If transform returns a value, use that instead of the original css.
// This allows running runtime transformations on the css.
obj.css = result;
} else {
// If the transform function returns a falsy value, don't add this css.
// This allows conditional loading of css
return function() {
// noop
};
}
}
if (options.singleton) {
var styleIndex = singletonCounter++;
style = singleton || (singleton = createStyleElement(options));
update = applyToSingletonTag.bind(null, style, styleIndex, false);
remove = applyToSingletonTag.bind(null, style, styleIndex, true);
} else if (
obj.sourceMap &&
typeof URL === "function" &&
typeof URL.createObjectURL === "function" &&
typeof URL.revokeObjectURL === "function" &&
typeof Blob === "function" &&
typeof btoa === "function"
) {
style = createLinkElement(options);
update = updateLink.bind(null, style, options);
remove = function () {
removeStyleElement(style);
if(style.href) URL.revokeObjectURL(style.href);
};
} else {
style = createStyleElement(options);
update = applyToTag.bind(null, style);
remove = function () {
removeStyleElement(style);
};
}
update(obj);
return function updateStyle (newObj) {
if (newObj) {
if (
newObj.css === obj.css &&
newObj.media === obj.media &&
newObj.sourceMap === obj.sourceMap
) {
return;
}
update(obj = newObj);
} else {
remove();
}
};
}
var replaceText = (function () {
var textStore = [];
return function (index, replacement) {
textStore[index] = replacement;
return textStore.filter(Boolean).join('\n');
};
})();
function applyToSingletonTag (style, index, remove, obj) {
var css = remove ? "" : obj.css;
if (style.styleSheet) {
style.styleSheet.cssText = replaceText(index, css);
} else {
var cssNode = document.createTextNode(css);
var childNodes = style.childNodes;
if (childNodes[index]) style.removeChild(childNodes[index]);
if (childNodes.length) {
style.insertBefore(cssNode, childNodes[index]);
} else {
style.appendChild(cssNode);
}
}
}
function applyToTag (style, obj) {
var css = obj.css;
var media = obj.media;
if(media) {
style.setAttribute("media", media)
}
if(style.styleSheet) {
style.styleSheet.cssText = css;
} else {
while(style.firstChild) {
style.removeChild(style.firstChild);
}
style.appendChild(document.createTextNode(css));
}
}
function updateLink (link, options, obj) {
var css = obj.css;
var sourceMap = obj.sourceMap;
/*
If convertToAbsoluteUrls isn't defined, but sourcemaps are enabled
and there is no publicPath defined then lets turn convertToAbsoluteUrls
on by default. Otherwise default to the convertToAbsoluteUrls option
directly
*/
var autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;
if (options.convertToAbsoluteUrls || autoFixUrls) {
css = fixUrls(css);
}
if (sourceMap) {
// http://stackoverflow.com/a/26603875
css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
}
var blob = new Blob([css], { type: "text/css" });
var oldSrc = link.href;
link.href = URL.createObjectURL(blob);
if(oldSrc) URL.revokeObjectURL(oldSrc);
}
/***/ }),
/***/ "./node_modules/style-loader/lib/urls.js":
/*!***********************************************!*\
!*** ./node_modules/style-loader/lib/urls.js ***!
\***********************************************/
/*! no static exports found */
/***/ (function(module, exports) {
/**
* When source maps are enabled, `style-loader` uses a link element with a data-uri to
* embed the css on the page. This breaks all relative urls because now they are relative to a
* bundle instead of the current page.
*
* One solution is to only use full urls, but that may be impossible.
*
* Instead, this function "fixes" the relative urls to be absolute according to the current page location.
*
* A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.
*
*/
module.exports = function (css) {
// get current location
var location = typeof window !== "undefined" && window.location;
if (!location) {
throw new Error("fixUrls requires window.location");
}
// blank or null?
if (!css || typeof css !== "string") {
return css;
}
var baseUrl = location.protocol + "//" + location.host;
var currentDir = baseUrl + location.pathname.replace(/\/[^\/]*$/, "/");
// convert each url(...)
/*
This regular expression is just a way to recursively match brackets within
a string.
/url\s*\( = Match on the word "url" with any whitespace after it and then a parens
( = Start a capturing group
(?: = Start a non-capturing group
[^)(] = Match anything that isn't a parentheses
| = OR
\( = Match a start parentheses
(?: = Start another non-capturing groups
[^)(]+ = Match anything that isn't a parentheses
| = OR
\( = Match a start parentheses
[^)(]* = Match anything that isn't a parentheses
\) = Match a end parentheses
) = End Group
*\) = Match anything and then a close parens
) = Close non-capturing group
* = Match anything
) = Close capturing group
\) = Match a close parens
/gi = Get all matches, not the first. Be case insensitive.
*/
var fixedCss = css.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi, function(fullMatch, origUrl) {
// strip quotes (if they exist)
var unquotedOrigUrl = origUrl
.trim()
.replace(/^"(.*)"$/, function(o, $1){ return $1; })
.replace(/^'(.*)'$/, function(o, $1){ return $1; });
// already a full url? no change
if (/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(unquotedOrigUrl)) {
return fullMatch;
}
// convert the url to a full url
var newUrl;
if (unquotedOrigUrl.indexOf("//") === 0) {
//TODO: should we add protocol?
newUrl = unquotedOrigUrl;
} else if (unquotedOrigUrl.indexOf("/") === 0) {
// path should be relative to the base url
newUrl = baseUrl + unquotedOrigUrl; // already starts with '/'
} else {
// path should be relative to current directory
newUrl = currentDir + unquotedOrigUrl.replace(/^\.\//, ""); // Strip leading './'
}
// send back the fixed url(...)
return "url(" + JSON.stringify(newUrl) + ")";
});
// send back the fixed css
return fixedCss;
};
/***/ }),
/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true&":
/*!*********************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true& ***!
\*********************************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{ staticClass: "story-viewer-component container mt-0 mt-md-5 bg-black" },
[
_c(
"button",
{
staticClass: "d-none d-md-block btn btn-link fixed-top",
staticStyle: { left: "auto", right: "0" },
attrs: { type: "button" },
on: { click: _vm.backToFeed },
},
[_c("i", { staticClass: "fal fa-times-circle fa-2x text-lighter" })]
),
_vm._v(" "),
!_vm.viewWarning
? _c(
"div",
{
staticClass:
"row d-flex justify-content-center align-items-center",
},
[
_c(
"div",
{
staticClass:
"d-none d-md-block col-md-1 cursor-pointer text-center",
on: { click: _vm.prev },
},
[
_vm.storyIndex > 0
? _c("div", [
_c("i", {
staticClass:
"fas fa-chevron-circle-left text-muted fa-2x",
}),
])
: _vm._e(),
]
),
_vm._v(" "),
!_vm.loading
? _c(
"div",
{ staticClass: "col-12 col-md-6 rounded-lg" },
[
_vm.activeReactionEmoji
? _c(
"div",
{
staticClass:
"w-100 h-100 d-flex justify-content-center align-items-center",
staticStyle: {
position: "absolute",
"z-index": "999",
},
},
[_vm._m(0)]
)
: _vm._e(),
_vm._v(" "),
_vm.activeReply
? _c(
"div",
{
staticClass:
"w-100 h-100 d-flex justify-content-center align-items-center",
staticStyle: {
position: "absolute",
"z-index": "999",
},
},
[_vm._m(1)]
)
: _vm._e(),
_vm._v(" "),
_c("transition", { attrs: { name: "fade" } }, [
_vm.stories[_vm.storyIndex].type == "photo"
? _c("div", {
key: "msl:" + _vm.storyIndex,
staticClass: "media-slot rounded-lg",
style: {
background:
"url(" +
_vm.stories[_vm.storyIndex].url +
")",
},
})
: _vm._e(),
_vm._v(" "),
_vm.stories[_vm.storyIndex].type == "poll"
? _c("div", {
key: "msl:" + _vm.storyIndex,
staticClass: "media-slot rounded-lg",
style: {
background:
"linear-gradient(to right, #F27121, #E94057, #8A2387)",
},
})
: _vm._e(),
_vm._v(" "),
_vm.stories[_vm.storyIndex].type == "video"
? _c(
"video",
{
key: "plyr" + _vm.stories[_vm.storyIndex].id,
staticClass: "media-slot rounded-lg",
staticStyle: { "object-fit": "contain" },
attrs: {
id: "playr",
loop: "",
autoplay: "",
"no-controls": "",
},
domProps: { muted: _vm.muted },
},
[
_c("source", {
attrs: {
src: _vm.stories[_vm.storyIndex].url,
type: "video/mp4",
},
}),
]
)
: _vm._e(),
]),
_vm._v(" "),
_c(
"div",
{
staticClass:
"story-viewer-component-card card bg-transparent border-0 shadow-none d-flex justify-content-center",
},
[
_c("div", { staticClass: "card-body" }, [
_c("div", { staticClass: "px-0 top-overlay" }, [
_c(
"div",
{ staticClass: "pt-4 pt-md-3 px-4 d-flex" },
[
_c("div", {
staticClass: "d-none bg-muted",
staticStyle: {
width: "100%",
height: "5px",
},
}),
_vm._v(" "),
_vm._l(_vm.stories, function (story, index) {
return _c(
"div",
{
key: "sp:s" + index,
staticClass: "w-100 cursor-pointer",
class: {
"mr-2":
index != _vm.stories.length - 1,
},
on: {
click: function ($event) {
return _vm.gotoSlide(index)
},
},
},
[
_c(
"div",
{
staticClass: "progress w-100",
staticStyle: {
"z-index": "3",
height: "4px",
},
style: {
opacity:
story.progress == 0 ? 0.7 : 0.8,
},
},
[
_c("div", {
key: "sp:si" + index,
staticClass:
"progress-bar bg-light",
style: {
width: story.progress + "%",
transition: "none !important",
},
attrs: {
role: "progressbar",
"aria-valuenow": story.progress,
"aria-valuemin": "0",
"aria-valuemax": "100",
},
}),
]
),
]
)
}),
],
2
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"pt-4 px-4 media align-items-center",
},
[
_c("img", {
staticClass: "rounded-circle mr-2",
attrs: {
src: _vm.avatar,
width: "32",
height: "32",
onerror:
"this.onerror=null;this.src='/storage/avatars/default.png?v=2'",
},
}),
_vm._v(" "),
_c(
"div",
{
staticClass:
"media-body d-flex justify-content-between align-items-center",
},
[
_c(
"div",
{
staticClass:
"user-select-none d-flex align-items-center",
},
[
_vm.account.local
? _c(
"span",
{
staticClass:
"text-white font-weight-bold mr-2",
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\t\t\t" +
_vm._s(_vm.username) +
"\n\t\t\t\t\t\t\t\t\t"
),
]
)
: _c(
"span",
{
staticClass:
"text-white font-weight-bold mr-3 text-truncate",
staticStyle: {
"max-width": "200px",
},
},
[
_c(
"span",
{
staticClass:
"d-block mb-n2",
},
[
_vm._v(
_vm._s(
_vm.account.username
)
),
]
),
_vm._v(" "),
_c(
"span",
{ staticClass: "small" },
[
_vm._v(
_vm._s(
_vm.account.domain
)
),
]
),
]
),
_vm._v(" "),
_c(
"span",
{
staticClass:
"text-white font-weight-light",
staticStyle: {
"font-size": "14px",
},
},
[
_vm._v(
_vm._s(
_vm.timeago(
_vm.stories[_vm.storyIndex]
.created_at
)
)
),
]
),
_vm._v(" "),
_vm.stories[_vm.storyIndex].type ==
"poll"
? _c("span", [
_c(
"span",
{
staticClass:
"btn btn-outline-light font-weight-light btn-sm px-1 rounded py-0 ml-2",
},
[_vm._v("POLL")]
),
])
: _vm._e(),
]
),
_vm._v(" "),
_c("div", [
_c(
"button",
{
staticClass:
"btn btn-link btn-sm text-white mr-0 px-1",
on: {
click: function ($event) {
$event.preventDefault()
return _vm.pause.apply(
null,
arguments
)
},
},
},
[
_c("i", {
staticClass: "fas fa-lg",
class: [
_vm.paused
? "fa-play"
: "fa-pause",
],
}),
]
),
_vm._v(" "),
_vm.stories[_vm.storyIndex].type ==
"video"
? _c(
"button",
{
staticClass:
"btn btn-link text-white px-2",
on: { click: _vm.toggleMute },
},
[
_c("i", {
staticClass: "fas fa-lg",
class: [
_vm.muted
? "fa-volume-mute"
: "fa-volume-up",
],
}),
]
)
: _vm._e(),
_vm._v(" "),
_c(
"button",
{
staticClass:
"btn btn-link text-white px-1",
on: { click: _vm.showMenu },
},
[
_c("i", {
staticClass:
"fas fa-ellipsis-h fa-lg",
}),
]
),
_vm._v(" "),
_c(
"button",
{
staticClass:
"d-inline-block d-md-none btn btn-link text-white pl-1 pr-0",
on: { click: _vm.backToFeed },
},
[
_c("i", {
staticClass:
"far fa-times-circle fa-lg",
}),
]
),
]),
]
),
]
),
]),
_vm._v(" "),
_c(
"div",
{
staticStyle: { height: "70vh" },
on: { click: _vm.pause },
},
[
_vm.stories[_vm.storyIndex].type == "poll"
? _c(
"div",
{
staticClass:
"w-100 h-100 d-flex justify-content-center align-items-center",
},
[
_c("div", [
_c(
"p",
{
staticClass:
"text-white pb-5 text-break font-weight-lighter",
class: [
_vm.stories[_vm.storyIndex]
.question.length < 60
? "h1"
: "h3",
],
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\t\t" +
_vm._s(
_vm.stories[_vm.storyIndex]
.question
) +
"\n\t\t\t\t\t\t\t\t"
),
]
),
_vm._v(" "),
_c(
"div",
{ staticClass: "text-center mt-3" },
_vm._l(
_vm.stories[_vm.storyIndex]
.options,
function (option, index) {
return _c(
"div",
{ staticClass: "mb-3" },
[
_c(
"button",
{
staticClass:
"btn border px-4 py-3 text-uppercase btn-block",
class: [
option.length < 14
? "btn-lg"
: "",
index ==
_vm.stories[
_vm.storyIndex
].voted_index
? "btn-light"
: "btn-outline-light",
],
staticStyle: {
"min-width": "300px",
},
attrs: {
disabled:
_vm.stories[
_vm.storyIndex
].voted ||
_vm.owner,
},
on: {
click: function (
$event
) {
return _vm.selectPollOption(
index
)
},
},
},
[
_c(
"span",
{
staticClass:
"text-break",
class: [
index ==
_vm.stories[
_vm.storyIndex
].voted_index
? "option-red"
: "",
],
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\t\t\t\t\t" +
_vm._s(option) +
"\n\t\t\t\t\t\t\t\t\t\t\t"
),
]
),
]
),
_vm._v(" "),
_vm.owner &&
_vm.pollResults.length
? _c(
"p",
{
staticClass:
"small text-left mt-1 text-light",
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\t\t\t\t\t" +
_vm._s(
_vm.pollPercent(
index
)
) +
"% - " +
_vm._s(
_vm
.pollResults[
index
]
) +
" " +
_vm._s(
_vm
.pollResults[
index
] == 1
? "vote"
: "votes"
) +
"\n\t\t\t\t\t\t\t\t\t\t"
),
]
)
: _vm._e(),
]
)
}
),
0
),
_vm._v(" "),
_vm.owner &&
!_vm.showingPollResults &&
_vm.pollResults.length == 0
? _c(
"div",
{
staticClass:
"mt-3 text-center",
},
[
_c(
"button",
{
staticClass:
"btn btn-light font-weight-bold",
attrs: {
disabled:
_vm.loadingPollResults,
},
on: {
click:
_vm.showPollResults,
},
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\t\t\t" +
_vm._s(
_vm.loadingPollResults
? "Loading..."
: "View Results"
) +
"\n\t\t\t\t\t\t\t\t\t"
),
]
),
]
)
: _vm._e(),
]),
]
)
: _vm._e(),
]
),
]),
_vm._v(" "),
!_vm.owner &&
_vm.stories[_vm.storyIndex] &&
_vm.stories[_vm.storyIndex].can_reply
? _c(
"div",
{
staticClass:
"card-footer bg-transparent border-0",
},
[
_c(
"div",
{ staticClass: "px-0 bottom-overlay" },
[
_c(
"div",
{
staticClass: "px-3 form-group d-flex",
},
[
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.composeText,
expression: "composeText",
},
],
staticClass:
"form-control bg-transparent border border-white rounded-pill text-white",
attrs: {
placeholder:
"Reply to " +
_vm.username +
"...",
},
domProps: {
value: _vm.composeText,
},
on: {
input: function ($event) {
if ($event.target.composing) {
return
}
_vm.composeText =
$event.target.value
},
},
}),
_vm._v(" "),
_c(
"button",
{
staticClass:
"btn btn-outline-light rounded-pill ml-2",
on: { click: _vm.comment },
},
[
_vm._v(
"\n\t\t\t\t\t\t\t\tSEND\n\t\t\t\t\t\t\t"
),
]
),
]
),
]
),
]
)
: _vm._e(),
]
),
],
1
)
: _vm._e(),
_vm._v(" "),
_c(
"div",
{
staticClass:
"d-none d-md-block col-md-1 cursor-pointer text-center",
},
[
_vm.storyIndex + 1 < _vm.stories.length
? _c("div", { on: { click: _vm.next } }, [
_c("i", {
staticClass:
"fas fa-chevron-circle-right text-muted fa-2x",
}),
])
: _vm._e(),
_vm._v(" "),
_vm.storyIndex + 1 == _vm.stories.length && _vm.owner
? _c("div", { on: { click: _vm.addToStory } }, [
_c("i", {
staticClass: "fal fa-plus-circle text-muted fa-2x",
}),
])
: _vm._e(),
]
),
_vm._v(" "),
_vm.loading
? _c("div", { staticClass: "col-12 col-md-6 rounded-lg" }, [
_vm._m(2),
])
: _vm._e(),
]
)
: _c(
"div",
{
staticClass:
"row d-flex justify-content-center align-items-center",
},
[
!_vm.loading
? _c("div", { staticClass: "col-12 col-md-6 rounded-lg p-0" }, [
_vm.stories[_vm.storyIndex].type == "photo"
? _c("div", {
key: "msl:" + _vm.storyIndex,
staticClass: "media-slot rounded-lg",
style: {
backgroundImage:
"url(" + _vm.stories[_vm.storyIndex].url + ")",
},
})
: _vm._e(),
_vm._v(" "),
_c(
"div",
{
staticClass:
"story-viewer-component-card card bg-transparent border-0 shadow-none d-flex justify-content-center",
staticStyle: {
"backdrop-filter": "blur(40px) brightness(0.3)",
"-webkit-backdrop-filter": "blur(10px)",
},
},
[
_c("div", { staticClass: "card-body" }, [
_c(
"div",
{
staticClass:
"w-100 h-100 d-flex justify-content-center align-items-center",
},
[
_c("div", { staticClass: "text-center" }, [
_c("img", {
staticClass:
"rounded-circle border mb-3 shadow",
attrs: {
src: _vm.profile.avatar,
width: "120",
height: "120",
},
}),
_vm._v(" "),
_c(
"p",
{ staticClass: "lead text-lighter mb-1" },
[
_vm._v("View as "),
_c("span", { staticClass: "text-white" }, [
_vm._v(_vm._s(_vm.profile.username)),
]),
]
),
_vm._v(" "),
_c(
"p",
{
staticClass:
"text-lighter font-weight-lighter px-md-5 py-3",
},
[
_c(
"span",
{
staticClass:
"text-white font-weight-bold",
},
[_vm._v(_vm._s(_vm.account.acct))]
),
_vm._v(
" will be able to see that you viewed their story.\n\t\t\t\t\t\t\t"
),
]
),
_vm._v(" "),
_c(
"button",
{
staticClass:
"btn btn-outline-lighter rounded-pill py-1 font-weight-bold",
on: { click: _vm.confirmViewStory },
},
[_vm._v("View Story")]
),
]),
]
),
]),
]
),
])
: _vm._e(),
]
),
_vm._v(" "),
_c(
"div",
{ staticClass: "modal-stack" },
[
_c(
"b-modal",
{
ref: "ctxMenu",
attrs: {
id: "ctx-modal",
"hide-header": "",
"hide-footer": "",
centered: "",
rounded: "",
size: "sm",
"body-class": "list-group-flush p-0 rounded",
},
},
[
_c("div", { staticClass: "list-group text-center" }, [
_vm.owner
? _c("div", { staticClass: "list-group-item rounded py-3" }, [
_c(
"div",
{
staticClass:
"d-flex justify-content-between align-items-center font-weight-light",
},
[
_c("span", [
_vm._v(
"Expires in " +
_vm._s(
_vm.timeahead(
_vm.stories[_vm.storyIndex].expires_at
)
)
),
]),
_vm._v(" "),
_c("span", [
_c(
"span",
{
staticClass:
"btn btn-light btn-sm font-weight-bold",
},
[
_c("i", { staticClass: "fas fa-eye" }),
_vm._v(
"\n\t\t\t\t\t\t\t\t" +
_vm._s(
_vm.stories[_vm.storyIndex].view_count
) +
"\n\t\t\t\t\t\t\t"
),
]
),
]),
]
),
])
: _vm._e(),
_vm._v(" "),
!_vm.owner &&
_vm.stories[_vm.storyIndex] &&
_vm.stories[_vm.storyIndex].can_react
? _c(
"div",
{
staticClass:
"list-group-item rounded d-flex justify-content-between",
},
_vm._l(_vm.reactionEmoji, function (e) {
return _c(
"button",
{
staticClass: "btn btn-light rounded-pill py-1 px-2",
staticStyle: { "font-size": "20px" },
on: {
click: function ($event) {
return _vm.react(e)
},
},
},
[
_vm._v(
"\n\t\t\t\t\t\t" + _vm._s(e) + "\n\t\t\t\t\t"
),
]
)
}),
0
)
: _vm._e(),
_vm._v(" "),
_vm.owner
? _c(
"div",
{
staticClass: "list-group-item rounded cursor-pointer",
on: { click: _vm.fetchViewers },
},
[_vm._v("Viewers")]
)
: _vm._e(),
_vm._v(" "),
!_vm.owner
? _c(
"div",
{
staticClass: "list-group-item rounded cursor-pointer",
on: { click: _vm.ctxMenuReport },
},
[_vm._v("Report")]
)
: _vm._e(),
_vm._v(" "),
_vm.owner
? _c(
"div",
{
staticClass: "list-group-item rounded cursor-pointer",
on: { click: _vm.deleteStory },
},
[_vm._v("Delete")]
)
: _vm._e(),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer text-muted",
on: { click: _vm.closeCtxMenu },
},
[_vm._v("Close")]
),
]),
]
),
_vm._v(" "),
_c(
"b-modal",
{
ref: "viewersModal",
attrs: {
id: "viewers",
title: "Viewers",
"header-class": "border-0",
"hide-footer": "",
centered: "",
rounded: "",
scrollable: "",
lazy: "",
size: "sm",
"body-class": "list-group-flush p-0 rounded",
},
},
[
_c(
"div",
{
staticClass: "list-group",
staticStyle: { "max-height": "40vh" },
},
[
_vm._l(_vm.viewers, function (profile, index) {
return _c("div", { staticClass: "list-group-item" }, [
_c("div", { staticClass: "media align-items-center" }, [
_c("img", {
staticClass: "rounded-circle border mr-2",
attrs: {
src: profile.avatar,
width: "32",
height: "32",
},
}),
_vm._v(" "),
profile.local
? _c(
"div",
{ staticClass: "media-body user-select-none" },
[
_c(
"p",
{ staticClass: "font-weight-bold mb-0" },
[_vm._v(_vm._s(profile.username))]
),
]
)
: _c(
"div",
{ staticClass: "media-body user-select-none" },
[
_c(
"p",
{ staticClass: "font-weight-bold mb-0" },
[_vm._v(_vm._s(profile.username))]
),
_vm._v(" "),
_c(
"p",
{
staticClass: "mb-0 small mt-n1 text-muted",
},
[_vm._v(_vm._s(profile.acct.split("@")[1]))]
),
]
),
]),
])
}),
_vm._v(" "),
_vm.viewers.length == 0
? _c(
"div",
{
staticClass:
"list-group-item text-center text-dark font-weight-light py-5",
},
[_vm._v("\n\t\t\t\t\tNo viewers yet\n\t\t\t\t")]
)
: _vm._e(),
_vm._v(" "),
_vm.viewersHasMore
? _c(
"div",
{
staticClass:
"list-group-item text-center border-bottom-0",
},
[
_c(
"button",
{
staticClass:
"btn btn-light font-weight-bold border rounded-pill",
on: { click: _vm.viewersLoadMore },
},
[_vm._v("Load More")]
),
]
)
: _vm._e(),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item text-center rounded cursor-pointer text-muted",
on: { click: _vm.closeViewersModal },
},
[_vm._v("Close")]
),
],
2
),
]
),
_vm._v(" "),
_c(
"b-modal",
{
ref: "ctxReport",
attrs: {
id: "ctx-report",
"hide-header": "",
"hide-footer": "",
centered: "",
rounded: "",
size: "sm",
"body-class": "list-group-flush p-0 rounded",
},
},
[
_c("p", { staticClass: "py-2 px-3 mb-0" }),
_c(
"div",
{ staticClass: "text-center font-weight-bold text-danger" },
[_vm._v("Report")]
),
_vm._v(" "),
_c("div", { staticClass: "small text-center text-muted" }, [
_vm._v("Select one of the following options"),
]),
_vm._v(" "),
_c("p"),
_vm._v(" "),
_c("div", { staticClass: "list-group text-center" }, [
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("spam")
},
},
},
[_vm._v("Spam")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("sensitive")
},
},
},
[_vm._v("Sensitive Content")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("abusive")
},
},
},
[_vm._v("Abusive or Harmful")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.openCtxReportOtherMenu()
},
},
},
[_vm._v("Other")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer text-lighter",
on: {
click: function ($event) {
return _vm.ctxReportMenuGoBack()
},
},
},
[_vm._v("Cancel")]
),
]),
]
),
_vm._v(" "),
_c(
"b-modal",
{
ref: "ctxReportOther",
attrs: {
id: "ctx-report-other",
"hide-header": "",
"hide-footer": "",
centered: "",
rounded: "",
size: "sm",
"body-class": "list-group-flush p-0 rounded",
},
},
[
_c("p", { staticClass: "py-2 px-3 mb-0" }),
_c(
"div",
{ staticClass: "text-center font-weight-bold text-danger" },
[_vm._v("Report")]
),
_vm._v(" "),
_c("div", { staticClass: "small text-center text-muted" }, [
_vm._v("Select one of the following options"),
]),
_vm._v(" "),
_c("p"),
_vm._v(" "),
_c("div", { staticClass: "list-group text-center" }, [
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("underage")
},
},
},
[_vm._v("Underage Account")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("copyright")
},
},
},
[_vm._v("Copyright Infringement")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("impersonation")
},
},
},
[_vm._v("Impersonation")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer font-weight-bold",
on: {
click: function ($event) {
return _vm.sendReport("scam")
},
},
},
[_vm._v("Scam or Fraud")]
),
_vm._v(" "),
_c(
"div",
{
staticClass:
"list-group-item rounded cursor-pointer text-lighter",
on: {
click: function ($event) {
return _vm.ctxReportOtherMenuGoBack()
},
},
},
[_vm._v("Cancel")]
),
]),
]
),
],
1
),
]
)
}
var staticRenderFns = [
function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
staticClass:
"d-flex justify-content-center align-items-center rounded-pill shadow-lg",
staticStyle: {
width: "120px",
height: "30px",
"font-size": "13px",
"background-color": "rgba(0, 0, 0, 0.6)",
},
},
[_c("span", { staticClass: "text-lighter" }, [_vm._v("Reaction sent")])]
)
},
function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
staticClass:
"d-flex justify-content-center align-items-center rounded-pill shadow-lg",
staticStyle: {
width: "120px",
height: "30px",
"font-size": "13px",
"background-color": "rgba(0, 0, 0, 0.6)",
},
},
[_c("span", { staticClass: "text-lighter" }, [_vm._v("Reply sent")])]
)
},
function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
return _c(
"div",
{
staticClass: "card border-0 shadow-none d-flex justify-content-center",
staticStyle: { background: "#000", height: "90vh" },
},
[
_c(
"div",
{
staticClass:
"card-body d-flex justify-content-center align-items-center",
},
[
_c(
"div",
{
staticClass: "spinner-border text-lighter",
attrs: { role: "status" },
},
[_c("span", { staticClass: "sr-only" }, [_vm._v("Loading...")])]
),
]
),
]
)
},
]
render._withStripped = true
/***/ }),
/***/ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js":
/*!********************************************************************!*\
!*** ./node_modules/vue-loader/lib/runtime/componentNormalizer.js ***!
\********************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return normalizeComponent; });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ "./resources/assets/js/components/StoryViewer.vue":
/*!********************************************************!*\
!*** ./resources/assets/js/components/StoryViewer.vue ***!
\********************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true& */ "./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true&");
/* harmony import */ var _StoryViewer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./StoryViewer.vue?vue&type=script&lang=js& */ "./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& */ "./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&");
/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
/* normalize component */
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_3__["default"])(
_StoryViewer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
_StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
_StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
"be0d9900",
null
)
/* hot reload */
if (false) { var api; }
component.options.__file = "resources/assets/js/components/StoryViewer.vue"
/* harmony default export */ __webpack_exports__["default"] = (component.exports);
/***/ }),
/***/ "./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js&":
/*!*********************************************************************************!*\
!*** ./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js& ***!
\*********************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib??ref--4-0!../../../../node_modules/vue-loader/lib??vue-loader-options!./StoryViewer.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]);
/***/ }),
/***/ "./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&":
/*!******************************************************************************************************************!*\
!*** ./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& ***!
\******************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_2_node_modules_sass_loader_dist_cjs_js_ref_9_3_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/style-loader!../../../../node_modules/css-loader!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src??ref--9-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-3!../../../../node_modules/vue-loader/lib??vue-loader-options!./StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true& */ "./node_modules/style-loader/index.js!./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=style&index=0&id=be0d9900&lang=scss&scoped=true&");
/* harmony import */ var _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_2_node_modules_sass_loader_dist_cjs_js_ref_9_3_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_2_node_modules_sass_loader_dist_cjs_js_ref_9_3_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_2_node_modules_sass_loader_dist_cjs_js_ref_9_3_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_style_loader_index_js_node_modules_css_loader_index_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_2_node_modules_sass_loader_dist_cjs_js_ref_9_3_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_style_index_0_id_be0d9900_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
/***/ }),
/***/ "./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true&":
/*!***************************************************************************************************!*\
!*** ./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true& ***!
\***************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib??vue-loader-options!./StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/assets/js/components/StoryViewer.vue?vue&type=template&id=be0d9900&scoped=true&");
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StoryViewer_vue_vue_type_template_id_be0d9900_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
/***/ }),
/***/ "./resources/assets/js/stories.js":
/*!****************************************!*\
!*** ./resources/assets/js/stories.js ***!
\****************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
Vue.component('story-viewer', __webpack_require__(/*! ./components/StoryViewer.vue */ "./resources/assets/js/components/StoryViewer.vue")["default"]);
/***/ }),
/***/ 26:
/*!**********************************************!*\
!*** multi ./resources/assets/js/stories.js ***!
\**********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! /Users/dansup/Github/pixelfed/resources/assets/js/stories.js */"./resources/assets/js/stories.js");
/***/ })
},[[26,"/js/manifest"]]]);