npm - @ozdao/prometheus-framework - Versions diffs - 0.2.222 → 0.2.223 - Mend

@ozdao/prometheus-framework 0.2.222 → 0.2.223

Files changed (448) hide show

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n \t<UploadImage \n v-model:photo=\"event.cover\"\n :uploadPath=\"'specials'\"\n class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n />\n <h4>Upload Event Cover</h4>\n </div>\n\n \t<Field \n v-model:field=\"event.name\" \n placeholder=\"Event name\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n <Field \n v-model:field=\"event.description\" \n type=\"textfield\" \n placeholder=\"Enter short description\" \n class=\"mn-b-semi w-100 bg-light pd-medium radius-small\" \n />\n\n <h3\n v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n class=\"mn-b-small\"\n >\n Tickets\n </h3>\n\n <div \n v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n class=\"mn-b-semi w-100 bg-light pd-medium radius-small\"\n @click=\"router.push({\n name: 'Edit Event Tickets',\n params: {\n url: route.params.url\n }\n })\"\n >\n Edit tickets\n </div>\n \n <h3\n v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n class=\"mn-b-small\"\n >\n Special Details\n </h3>\n\n\n <Checkbox \n v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n :label=\"'Special'\"\n :radio=\"event.special\"\n @update:radio=\"updateEvent => event.special = !event.special\"\n class=\"mn-b-semi w-100 bg-black t-white pd-medium radius-small\"\n />\n\n <div \n v-if=\"event.special\"\n class=\"mn-b-semi\"\n >\n <h4\n class=\"mn-b-thin\"\n >\n Hero Section\n </h4>\n\n <Field \n v-model:field=\"event.specialData.subtitle\" \n placeholder=\"Event subtitle\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <EditImages \n :images=\"event.specialData.logos\"\n :uploadPath=\"'/specials'\" \n :text=\"{\n title: 'Drag & Drop Your Logos Here',\n subtitle: 'Files supported: JPG, PNG, GIF'\n }\"\n :options=\"{\n showTitle: true,\n showText: false\n }\"\n @update:images=\"(newImages) => event.specialData.logos = newImages\" \n class=\"mn-b-thin bg-light radius-small\"\n />\n <h5\n class=\"mn-b-thin\"\n >\n Video in Hero Section\n </h5>\n <p>Need to upload in webm format because of needs of optimization</p>\n <Upload \n v-model:field=\"event.specialData.video\"\n :placeholder=\"'Upload video'\" \n @file-change=\"(videoURL) => event.specialData.video = videoURL\"\n uploadPath=\"specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <h5\n class=\"mn-b-thin\"\n >\n Ticket\n </h5>\n\n <div \n class=\"mn-b-small gap-small cols-2-fit-content\" \n > \n <UploadImage \n v-model:photo=\"event.specialData.ticketImage\"\n :uploadPath=\"'/specials'\"\n class=\"aspect-1x1 w-4r o-hidden radius-extra\" \n />\n\n <div class=\"gap-thin flex-nowrap flex w-100\">\n <Field \n v-model:field=\"event.specialData.ticketPrice\" \n type=\"number\"\n placeholder=\"Ticket price in baht\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field\n v-model:field=\"event.specialData.ticketText\"\n placeholder=\"Promotion text for ticket in hero \"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n\n <Field\n v-model:field=\"event.specialData.ticketTextButton\"\n placeholder=\"Text on 'Buy Ticket' button \"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n\n \n </div>\n </div>\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Guest Section\n </h4>\n\n <Field \n v-model:field=\"event.specialData.guestTitle\" \n placeholder=\"Title for Main Guest section\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestDescription\" \n placeholder=\"Description for Main Guest section\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <div class=\"gap-thin cols-3\">\n \n <Field \n v-model:field=\"event.specialData.guestFacebook\" \n placeholder=\"Facebook of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestInstagram\" \n placeholder=\"Instagram of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestTwitter\" \n placeholder=\"Twitter of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n\n <Field \n v-model:field=\"event.specialData.guestTelegram\" \n placeholder=\"Telegram of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestSoundcloud\" \n placeholder=\"Link to Main Guest soundcloud track\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestSpotify\" \n placeholder=\"Link to Main guest spotify track\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestYoutube\" \n placeholder=\"Link to Main guest youtube video\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n </div>\n\n <h5\n class=\"mn-b-thin\"\n >\n Video in Guests Section\n </h5>\n\n <Upload \n v-model:field=\"event.specialData.guestVideo\"\n :placeholder=\"'Upload video'\" \n @file-change=\"(videoURL) => event.specialData.guestVideo = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <Block\n title=\"Guests\"\n placeholder=\"No guests added yet\"\n :actions=\"[{\n label: '+',\n function: () => event.specialData.guests.push({name: null, description: null, photo: null, main: false})\n }]\"\n class=\"cols-1 mn-b-thin t-black gap-thin\"\n >\n <div \n class=\"mn-b-small gap-small cols-2-fit-content\" \n v-for=\"(item, index) in event.specialData.guests\" \n :key=\"index\"\n > \n <UploadImage \n v-model:photo=\"item.photo\"\n :uploadPath=\"'/specials'\"\n class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n />\n\n <div class=\"gap-thin flex-nowrap flex w-100\">\n <div class=\"w-100\">\n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"item.description\"\n placeholder=\"Description\"\n class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n />\n </div>\n <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete \n @click=\"() => event.specialData.guests.splice(index, 1)\" \n class=\"i-medium\"\n />\n </div>\n </div>\n </div>\n </Block>\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Lineup Section\n </h4>\n\n <Block\n title=\"Line Up\"\n placeholder=\"No line ups added yet\"\n :actions=\"[{\n label: '+',\n function: () => event.specialData.lineup.push({name: null, description: null, photo: null, main: false})\n }]\"\n class=\"cols-1 t-black gap-thin\"\n >\n <div \n class=\"mn-b-thin gap-small flex-nowrap flex\" \n v-for=\"(item, index) in event.specialData.lineup\" \n :key=\"index\"\n > \n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"item.time\"\n placeholder=\"Time\"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete \n @click=\"() => event.specialData.lineup.splice(index, 1)\" \n class=\"i-medium\"\n />\n </div>\n </div>\n </Block>\n\n <h5\n class=\"mn-b-thin\"\n >\n Background in Lineup Section\n </h5>\n\n <Upload \n v-model:field=\"event.specialData.lineupBackground\"\n :placeholder=\"'Upload image'\" \n @file-change=\"(videoURL) => event.specialData.lineupBackground = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Previous Party Section\n </h4>\n\n <h5\n class=\"mn-b-thin\"\n >\n Video in Previous Partys Section\n </h5>\n\n <Field\n v-model:field=\"event.specialData.previousTitle\"\n placeholder=\"Title\"\n value=\"Explore our exclusive party archive\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousDescription\"\n label=\"Description\"\n value=\"Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousLinkText\"\n label=\"Button\"\n value=\"Check In Instagram\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousLink\"\n label=\"Link\"\n value=\"https://www.instagram.com/thecommune.phuket/\"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n \n <Upload \n v-model:field=\"event.specialData.previousVideo\"\n :placeholder=\"'Upload image'\" \n @file-change=\"(videoURL) => event.specialData.previousVideo = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n </div>\n\n\t\t<h3 class=\"mn-b-small\">Date</h3>\n <VueDatePicker v-model=\"date\" range class=\"z-index-3 mn-b-semi bg-light\" />\n\n <!-- <Calendar\n v-model:date=\"date\"\n :locale=\"$i18n.locale\"\n :allowRange=\"false\"\n class=\"radius-semi w-100 o-hidden bg-light\"\n /> -->\n\n <h3 class=\"mn-b-small\">Description</h3>\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n <Constructor \n :content=\"event.content\"\n @update=\"update => event.content = update\"\n />\n </section>\n\n <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n <div class=\"pd-thin radius-big bg-main w-100 flex-nowrap flex\">\n <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n </div>\n </section>\n\n <Popup \n title=\"Publish\" \n @close-popup=\"closePublicationPopup\" \n :isPopupOpen=\"isPublicationPopup\"\n class=\"w-m-33r t-left pd-big bg-white radius-big\"\n >\n <h3 class=\"mn-b-small\">Final Touches</h3>\n \n <BlockTags\n @tags-changed=\"newTags => event.tags = newTags\"\n :tags=\"event.tags\"\n />\n\n <h5 class=\"mn-b-thin\">Add to public:</h5>\n <SelectMulti\n v-model=\"selectedOrganization\"\n :options=\"publics\"\n :multiple=\"false\"\n :taggable=\"false\"\n placeholder=\"Type to search or add tag\"\n label=\"name\"\n track-by=\"_id\"\n class=\"mn-b-medium bg-light radius-medium pd-small\"\n />\n <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n <Checkbox \n :label=\"'Hide Author'\"\n :radio=\"event.creator.hidden\"\n @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n name=\"prices\"\n class=\"w-100\"\n />\n </div>\n <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n </Popup>\n </article>\n</template>\n\n<script setup>\nimport Textarea from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Button from '@pf/src/components/Button/Button.vue'; \n\n\n import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\n\n\nonMounted(async () =>{\n \n if (route.params.url) {\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data.pop();\n\n console.log(event.value)\n\n const startDate = event.value.date.start;\n const endDate = event.value.date.end;\n\n date.value = [startDate, endDate];\n\n } else {\n events.clean();\n event.value = events.state.current;\n\n const startDate = new Date();\n const endDate = new Date();\n date.value = [startDate, endDate];\n }\n\n if (!event.value.owner) event.value.owner = {\n target: auth.state.user._id,\n type: 'user'\n }\n\n if (!event.value.creator) event.value.creator = {\n target: auth.state.user._id,\n type: 'user',\n hidden: false\n }\n\n if (event.value.owner.type === 'organization') selectedOrganization.value = {\n _id: event.value.owner.target._id,\n name: event.value.owner.target.profile.name,\n photo: event.value.owner.target.profile.photo\n }\n\n const dataPublics = await organizations.actions.read({\n user: auth.state.user._id,\n postable: auth.state.user._id,\n limit: 100\n })\n\n publics.value = dataPublics.map(publicItem => ({\n name: publicItem.profile.name,\n _id: publicItem._id,\n photo: publicItem.profile.photo\n }));\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n event.value.status = \"draft\"\n \n event.value.date = {\n start: date.value[0],\n end: date.value[1]\n }\n\n if (route.params.url) {\n events.update(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.error(error);\n })\n } else {\n events.create(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.error(error);\n })\n }\n}\n\nfunction onSubmit() {\n\n if (selectedOrganization.value) event.value.owner = {\n target: selectedOrganization.value._id,\n type: 'organization'\n }\n\n if (!selectedOrganization.value) event.value.creator.hidden = false\n if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n event.value.status = \"published\"\n\n event.value.date = {\n start: date.value[0],\n end: date.value[1]\n }\n\n console.log(date.value)\n if (route.params.url) {\n console.log(event.value)\n events.update(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.log(error);\n });\n } else {\n events.create(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.log(error);\n });\n }\n}\n\nfunction onDelete() {\n if (confirm('Are you sure you want to delete this event?')) {\n events.remove(event.value._id)\n .then(response => {\n router.push({ name: 'User Events', params: { _id: event.value.creator.target._id } });\n })\n .catch(error => {\n console.error(error);\n })\n }\n}\n</script>\n\n<style lang=\"scss\">\n .dp__input {\n border: 0;\n padding: var(--medium);\n padding-left: 3rem;\n background: rgb(var(--grey))\n }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","organizations.actions","events.update","events.create","events.remove"],"mappings":"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"}
1	+ {"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n \t<UploadImage \n v-model:photo=\"event.cover\"\n :uploadPath=\"'specials'\"\n class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n />\n <h4>Upload Event Cover</h4>\n </div>\n\n \t<Field \n v-model:field=\"event.name\" \n placeholder=\"Event name\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n <Field \n v-model:field=\"event.description\" \n type=\"textfield\" \n placeholder=\"Enter short description\" \n class=\"mn-b-semi w-100 bg-light pd-medium radius-small\" \n />\n\n <h3 class=\"mn-b-small\">Date</h3>\n <VueDatePicker v-model=\"date\" range class=\"z-index-3 radius-small mn-b-semi bg-light\" />\n\n <!-- <Calendar\n v-model:date=\"date\"\n :locale=\"$i18n.locale\"\n :allowRange=\"false\"\n class=\"radius-semi w-100 o-hidden bg-light\"\n /> -->\n\n <h3\n v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n class=\"mn-b-small\"\n >\n Tickets\n </h3>\n\n \n <h3\n v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n class=\"mn-b-small\"\n >\n Special Details\n </h3>\n\n\n <Checkbox \n v-if=\"!route.params.url && (auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') \|\| auth.state.access.roles.includes('ROLE_ADMIN'))\"\n :label=\"'Special'\"\n :radio=\"event.special\"\n @update:radio=\"updateEvent => event.special = !event.special\"\n class=\"mn-b-semi w-100 bg-black t-white pd-medium radius-small\"\n />\n\n <div \n v-if=\"event.special\"\n class=\"mn-b-semi\"\n >\n <h4\n class=\"mn-b-thin\"\n >\n Hero Section\n </h4>\n\n <Field \n v-model:field=\"event.specialData.subtitle\" \n placeholder=\"Event subtitle\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <EditImages \n :images=\"event.specialData.logos\"\n :uploadPath=\"'/specials'\" \n :text=\"{\n title: 'Drag & Drop Your Logos Here',\n subtitle: 'Files supported: JPG, PNG, GIF'\n }\"\n :options=\"{\n showTitle: true,\n showText: false\n }\"\n @update:images=\"(newImages) => event.specialData.logos = newImages\" \n class=\"mn-b-thin bg-light radius-small\"\n />\n <h5\n class=\"mn-b-thin\"\n >\n Video in Hero Section\n </h5>\n <p>Need to upload in webm format because of needs of optimization</p>\n <Upload \n v-model:field=\"event.specialData.video\"\n :placeholder=\"'Upload video'\" \n @file-change=\"(videoURL) => event.specialData.video = videoURL\"\n uploadPath=\"specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <h5\n class=\"mn-b-thin\"\n >\n Ticket\n </h5>\n\n <div \n class=\"mn-b-small gap-small cols-2-fit-content\" \n > \n <UploadImage \n v-model:photo=\"event.specialData.ticketImage\"\n :uploadPath=\"'/specials'\"\n class=\"aspect-1x1 w-4r o-hidden radius-extra\" \n />\n\n <div class=\"gap-thin flex-nowrap flex w-100\">\n <Field \n v-model:field=\"event.specialData.ticketPrice\" \n type=\"number\"\n placeholder=\"Ticket price in baht\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field\n v-model:field=\"event.specialData.ticketText\"\n placeholder=\"Promotion text for ticket in hero \"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n\n <Field\n v-model:field=\"event.specialData.ticketTextButton\"\n placeholder=\"Text on 'Buy Ticket' button \"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n\n \n </div>\n </div>\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Guest Section\n </h4>\n\n <Field \n v-model:field=\"event.specialData.guestTitle\" \n placeholder=\"Title for Main Guest section\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestDescription\" \n placeholder=\"Description for Main Guest section\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <div class=\"gap-thin cols-3\">\n \n <Field \n v-model:field=\"event.specialData.guestFacebook\" \n placeholder=\"Facebook of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestInstagram\" \n placeholder=\"Instagram of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestTwitter\" \n placeholder=\"Twitter of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n\n <Field \n v-model:field=\"event.specialData.guestTelegram\" \n placeholder=\"Telegram of Main Guest\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestSoundcloud\" \n placeholder=\"Link to Main Guest soundcloud track\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestSpotify\" \n placeholder=\"Link to Main guest spotify track\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n\n <Field \n v-model:field=\"event.specialData.guestYoutube\" \n placeholder=\"Link to Main guest youtube video\" \n class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n />\n </div>\n\n <h5\n class=\"mn-b-thin\"\n >\n Video in Guests Section\n </h5>\n\n <Upload \n v-model:field=\"event.specialData.guestVideo\"\n :placeholder=\"'Upload video'\" \n @file-change=\"(videoURL) => event.specialData.guestVideo = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <Block\n title=\"Guests\"\n placeholder=\"No guests added yet\"\n :actions=\"[{\n label: '+',\n function: () => event.specialData.guests.push({name: null, description: null, photo: null, main: false})\n }]\"\n class=\"cols-1 mn-b-thin t-black gap-thin\"\n >\n <div \n class=\"mn-b-small gap-small cols-2-fit-content\" \n v-for=\"(item, index) in event.specialData.guests\" \n :key=\"index\"\n > \n <UploadImage \n v-model:photo=\"item.photo\"\n :uploadPath=\"'/specials'\"\n class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n />\n\n <div class=\"gap-thin flex-nowrap flex w-100\">\n <div class=\"w-100\">\n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"item.description\"\n placeholder=\"Description\"\n class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n />\n </div>\n <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete \n @click=\"() => event.specialData.guests.splice(index, 1)\" \n class=\"i-medium\"\n />\n </div>\n </div>\n </div>\n </Block>\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Lineup Section\n </h4>\n\n <Block\n title=\"Line Up\"\n placeholder=\"No line ups added yet\"\n :actions=\"[{\n label: '+',\n function: () => event.specialData.lineup.push({name: null, description: null, photo: null, main: false})\n }]\"\n class=\"cols-1 t-black gap-thin\"\n >\n <div \n class=\"mn-b-thin gap-small flex-nowrap flex\" \n v-for=\"(item, index) in event.specialData.lineup\" \n :key=\"index\"\n > \n <Field\n v-model:field=\"item.name\"\n placeholder=\"Name\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"item.time\"\n placeholder=\"Time\"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n <IconDelete \n @click=\"() => event.specialData.lineup.splice(index, 1)\" \n class=\"i-medium\"\n />\n </div>\n </div>\n </Block>\n\n <h5\n class=\"mn-b-thin\"\n >\n Background in Lineup Section\n </h5>\n\n <Upload \n v-model:field=\"event.specialData.lineupBackground\"\n :placeholder=\"'Upload image'\" \n @file-change=\"(videoURL) => event.specialData.lineupBackground = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n\n <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n <h4\n class=\"mn-b-thin\"\n >\n Previous Party Section\n </h4>\n\n <h5\n class=\"mn-b-thin\"\n >\n Video in Previous Partys Section\n </h5>\n\n <Field\n v-model:field=\"event.specialData.previousTitle\"\n placeholder=\"Title\"\n :value=\"event.specialData.previousDescription \|\| 'Explore our exclusive party archive'\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousDescription\"\n label=\"Description\"\n :value=\"event.specialData.previousDescription \|\| 'Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.'\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousLinkText\"\n label=\"Button\"\n :value=\"event.specialData.previousLinkText \|\| 'Check In Instagram'\"\n class=\"w-100 bg-light radius-small pd-medium\"\n /> \n <Field\n v-model:field=\"event.specialData.previousLink\"\n label=\"Link\"\n :value=\"event.specialData.previousLink \|\| 'https://www.instagram.com/thecommune.phuket/'\"\n class=\"w-100 bg-light radius-small pd-medium\"\n />\n \n <Upload \n v-model:field=\"event.specialData.previousVideo\"\n :placeholder=\"'Upload image'\" \n @file-change=\"(videoURL) => event.specialData.previousVideo = videoURL\"\n uploadPath=\"/specials\"\n type=\"file\" \n class=\"\n mn-b-thin w-100 bg-light pd-medium radius-small t-black\n \"\n />\n </div>\n\n <h3 class=\"mn-b-small\">Description</h3>\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n <Constructor \n :content=\"event.content\"\n @update=\"update => event.content = update\"\n />\n </section>\n\n <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n <div class=\"pd-thin radius-big bg-main w-100 flex-nowrap flex\">\n <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n </div>\n </section>\n\n <Popup \n title=\"Final Touches\" \n @close-popup=\"closePublicationPopup\" \n :isPopupOpen=\"isPublicationPopup\"\n class=\"w-m-33r t-left pd-big bg-white radius-big\"\n > \n <BlockTags\n @tags-changed=\"newTags => event.tags = newTags\"\n :tags=\"event.tags\"\n class=\"mn-b-small\"\n />\n\n <h5 class=\"mn-b-thin\">Add to public</h5>\n <Card\n v-if=\"selectedOrganization\"\n :photo=\"selectedOrganization.profile?.photo\"\n :title=\"selectedOrganization.profile?.name\"\n @click=\"() => { \n selectedOrganization = null\n }\"\n class=\"h-4r w-100 bg-light pd-thin radius-medium mn-b-thin\"\n />\n\n <section v-else class=\"mn-b-thin h-25r o-x-hidden o-y-scroll bg-light radius-big pd-small \">\n <Feed\n :showLoadMore=\"false\" \n :search=\"{\n placeholder: 'Search organization...',\n class: 'bg-white mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No organizations Found',\n description: 'Currently, there are no such organizations available.'\n }\n }\"\n :store=\"{\n read: (options) => organizations.actions.read(options),\n state: null\n }\"\n :options=\"{\n user: auth.state.user._id,\n postable: auth.state.user._id\n }\"\n v-slot=\"{ \n items \n }\"\n >\n <Card\n v-for=\"(organization, index) in items\" \n v-memo=\"[organization._id, organization.profile.name]\"\n :photo=\"organization.profile?.photo\"\n :title=\"organization.profile?.name\"\n @click=\"() => { \n selectedOrganization = organization\n }\"\n class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n />\n </Feed>\n </section>\n\n \n <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n <Checkbox \n :label=\"'Hide Author'\"\n :radio=\"event.creator.hidden\"\n @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n name=\"prices\"\n class=\"w-100\"\n />\n </div>\n <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n </Popup>\n </article>\n</template>\n\n<script setup>\nimport Textarea from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages from '@pf/src/components/EditImages/EditImages.vue';\nimport Feed from '@pf/src/components/Feed/Feed.vue'\nimport Button from '@pf/src/components/Button/Button.vue'; \n\nimport Card from '@pf/src/modules/globals/views/components/blocks/Card.vue';\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\n\n\nonMounted(async () =>{\n \n if (route.params.url) {\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data.pop();\n\n console.log(event.value)\n\n const startDate = event.value.date.start;\n const endDate = event.value.date.end;\n\n date.value = [startDate, endDate];\n\n } else {\n events.clean();\n event.value = events.state.current;\n\n const startDate = new Date();\n const endDate = new Date();\n date.value = [startDate, endDate];\n }\n\n if (!event.value.owner) event.value.owner = {\n target: auth.state.user._id,\n type: 'user'\n }\n\n if (!event.value.creator) event.value.creator = {\n target: auth.state.user._id,\n type: 'user',\n hidden: false\n }\n\n if (event.value.owner.type === 'organization') selectedOrganization.value = {\n _id: event.value.owner.target._id,\n name: event.value.owner.target.profile.name,\n photo: event.value.owner.target.profile.photo\n }\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n event.value.status = \"draft\"\n \n event.value.date = {\n start: date.value[0],\n end: date.value[1]\n }\n\n if (route.params.url) {\n events.update(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.error(error);\n })\n } else {\n events.create(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.error(error);\n })\n }\n}\n\nfunction onSubmit() {\n\n if (selectedOrganization.value) event.value.owner = {\n target: selectedOrganization.value._id,\n type: 'organization'\n }\n\n if (!selectedOrganization.value) event.value.creator.hidden = false\n if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n event.value.status = \"published\"\n\n event.value.date = {\n start: date.value[0],\n end: date.value[1]\n }\n\n console.log(date.value)\n if (route.params.url) {\n console.log(event.value)\n events.update(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.log(error);\n });\n } else {\n events.create(event.value)\n .then(response => {\n router.push({ name: 'Event', params: { url: response.url } });\n })\n .catch(error => {\n console.log(error);\n });\n }\n}\n\nfunction onDelete() {\n if (confirm('Are you sure you want to delete this event?')) {\n events.remove(event.value._id)\n .then(response => {\n router.push({ name: 'User Events', params: { _id: event.value.creator.target._id } });\n })\n .catch(error => {\n console.error(error);\n })\n }\n}\n</script>\n\n<style lang=\"scss\">\n .dp__input {\n border: 0;\n padding: var(--medium);\n padding-left: 3rem;\n background: rgb(var(--light));\n border-radius: var(--small);\n }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","events.update","events.create","events.remove"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs CHANGED Viewed

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-;/* empty css                                          */
-const EmptyState = require("../../../../components/EmptyState/EmptyState.vue.cjs");
+;/* empty css                                         */
 const HeroEvent = require("../sections/HeroEvent.vue.cjs");
 const SectionMainGuest = require("../sections/SectionMainGuest.vue.cjs");
 const SectionSpecialGuests = require("../sections/SectionSpecialGuests.vue.cjs");
@@ -66,145 +65,135 @@ const _sfc_main = {
           default: vue.withCtx(() => [
             isLoading.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(3, (i) => {
               return vue.createVNode(SkeletonEvent.default, { key: i });
-            }), 64)) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
-        vue.createVNode(vue.Transition, { name: "fade" }, {
-          default: vue.withCtx(() => [
-            !isLoading.value && !event.value ? (vue.openBlock(), vue.createBlock(EmptyState.default, {
-              key: 0,
-              title: "No Event Found",
-              description: "Currently, there are no events available. Please check back later.",
-              class: "pd-medium mn-b-thin bg-light radius-big"
-            })) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }),
-        !isLoading.value && event.value && event.value.special ? (vue.openBlock(), vue.createBlock(HeroEvent.default, {
-          key: 0,
-          content: {
-            title: event.value.name,
-            description: event.value.description,
-            ticketLinkStripe: event.value.specialData.ticketLinkStripe,
-            ticketText: event.value.specialData.ticketText,
-            cover: event.value.cover,
-            subtitle: event.value.specialData.subtitle,
-            logos: event.value.specialData.logos,
-            video: event.value.specialData.video,
-            ticketTextButton: event.value.specialData.ticketTextButton
-          },
-          options: {
-            date: event.value.date.start,
-            price: event.value.specialData.ticketPrice
-          },
-          class: "mn-b-thin"
-        }, null, 8, ["content", "options"])) : vue.createCommentVNode("", true),
-        !isLoading.value && event.value && event.value.special && event.value.specialData.guestTitle ? (vue.openBlock(), vue.createBlock(SectionMainGuest.default, {
-          key: 1,
-          content: {
-            title: event.value.specialData.guestTitle,
-            description: event.value.specialData.guestDescription,
-            socials: {
-              twitter: event.value.specialData.guestTwitter,
-              telegram: event.value.specialData.guestTelegram,
-              instagram: event.value.specialData.guestInstagram,
-              facebook: event.value.specialData.guestFacebook
-            },
-            video: event.value.specialData.guestVideo,
-            spotify: event.value.specialData.guestSpotify,
-            soundcloud: event.value.specialData.guestSoundcloud,
-            youtube: event.value.specialData.guestYoutube
-          },
-          class: "mn-b-thin"
-        }, null, 8, ["content"])) : vue.createCommentVNode("", true),
-        !isLoading.value && event.value && event.value.special ? (vue.openBlock(), vue.createElementBlock("section", {
-          key: 2,
-          style: vue.normalizeStyle(`
+            }), 64)) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special ? (vue.openBlock(), vue.createBlock(HeroEvent.default, {
+              key: 1,
+              content: {
+                title: event.value.name,
+                description: event.value.description,
+                ticketLinkStripe: event.value.specialData.ticketLinkStripe,
+                ticketText: event.value.specialData.ticketText,
+                cover: event.value.cover,
+                subtitle: event.value.specialData.subtitle,
+                logos: event.value.specialData.logos,
+                video: event.value.specialData.video,
+                ticketTextButton: event.value.specialData.ticketTextButton
+              },
+              options: {
+                date: event.value.date.start,
+                price: event.value.specialData.ticketPrice
+              },
+              class: "mn-b-thin"
+            }, null, 8, ["content", "options"])) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special && event.value.specialData.guestTitle ? (vue.openBlock(), vue.createBlock(SectionMainGuest.default, {
+              key: 2,
+              content: {
+                title: event.value.specialData.guestTitle,
+                description: event.value.specialData.guestDescription,
+                socials: {
+                  twitter: event.value.specialData.guestTwitter,
+                  telegram: event.value.specialData.guestTelegram,
+                  instagram: event.value.specialData.guestInstagram,
+                  facebook: event.value.specialData.guestFacebook
+                },
+                video: event.value.specialData.guestVideo,
+                spotify: event.value.specialData.guestSpotify,
+                soundcloud: event.value.specialData.guestSoundcloud,
+                youtube: event.value.specialData.guestYoutube
+              },
+              class: "mn-b-thin"
+            }, null, 8, ["content"])) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value && event.value.special ? (vue.openBlock(), vue.createElementBlock("section", {
+              key: 3,
+              style: vue.normalizeStyle(`
           background-size: 100%; background-repeat: no-repeat;
           background-image: url(${event.value.specialData.lineupBackground});
         `),
-          class: "mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black"
-        }, [
-          _hoisted_2,
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(["gap-big mn-b-thin", {
-              "cols-2": event.value.specialData.guests.length > 0,
-              "cols-1": event.value.specialData.guests.length > 1
-            }])
-          }, [
-            event.value.specialData.guests.length > 0 ? (vue.openBlock(), vue.createBlock(SectionSpecialGuests.default, {
-              key: 0,
-              content: {
-                title: "Residents",
-                guests: event.value.specialData.guests
-              }
-            }, null, 8, ["content"])) : vue.createCommentVNode("", true),
-            vue.createVNode(SectionLineup.default, {
-              content: {
-                title: "Lineup",
-                lineup: event.value.specialData.lineup
-              }
-            }, null, 8, ["content"])
-          ], 2),
-          vue.createVNode(SectionPreviousEvents.default, {
-            content: {
-              ticket: event.value.specialData.ticketImage,
-              ticketTextButton: event.value.specialData.ticketTextButton,
-              paymentText: event.value.specialData.paymentText,
-              paymentContact: event.value.specialData.paymentContact,
-              previousTitle: event.value.specialData.previousTitle,
-              previousDescription: event.value.specialData.previousDescription,
-              previousLink: event.value.specialData.previousLink,
-              previousLinkText: event.value.specialData.previousLinkText
-            },
-            options: {
-              link: event.value.specialData.ticketLinkStripe,
-              video: event.value.specialData.previousVideo
-            }
-          }, null, 8, ["content", "options"])
-        ], 4)) : vue.createCommentVNode("", true),
-        !isLoading.value && event.value && !event.value.special ? (vue.openBlock(), vue.createBlock(CardEvent.default, {
-          key: 3,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Event", params: { url: event.value.url } })),
-          event: event.value,
-          owner: event.value.owner,
-          user: auth.state.user._id,
-          type: "normal",
-          class: "mn-b-medium bg-light radius-big"
-        }, {
-          default: vue.withCtx(() => [
-            auth.state.user._id ? (vue.openBlock(), vue.createBlock(ButtonJoin.default, {
-              key: 0,
+              class: "mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black"
+            }, [
+              _hoisted_2,
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["gap-big mn-b-thin", {
+                  "cols-2": event.value.specialData.guests.length > 0,
+                  "cols-1": event.value.specialData.guests.length > 1
+                }])
+              }, [
+                event.value.specialData.guests.length > 0 ? (vue.openBlock(), vue.createBlock(SectionSpecialGuests.default, {
+                  key: 0,
+                  content: {
+                    title: "Residents",
+                    guests: event.value.specialData.guests
+                  }
+                }, null, 8, ["content"])) : vue.createCommentVNode("", true),
+                event.value.specialData.lineup.lenth > 0 ? (vue.openBlock(), vue.createBlock(SectionLineup.default, {
+                  key: 1,
+                  content: {
+                    title: "Lineup",
+                    lineup: event.value.specialData.lineup
+                  }
+                }, null, 8, ["content"])) : vue.createCommentVNode("", true)
+              ], 2),
+              vue.createVNode(SectionPreviousEvents.default, {
+                content: {
+                  ticket: event.value.specialData.ticketImage,
+                  ticketTextButton: event.value.specialData.ticketTextButton,
+                  paymentText: event.value.specialData.paymentText,
+                  paymentContact: event.value.specialData.paymentContact,
+                  previousTitle: event.value.specialData.previousTitle,
+                  previousDescription: event.value.specialData.previousDescription,
+                  previousLink: event.value.specialData.previousLink,
+                  previousLinkText: event.value.specialData.previousLinkText
+                },
+                options: {
+                  link: event.value.specialData.ticketLinkStripe,
+                  video: event.value.specialData.previousVideo
+                }
+              }, null, 8, ["content", "options"])
+            ], 4)) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value && !event.value.special ? (vue.openBlock(), vue.createBlock(CardEvent.default, {
+              key: 4,
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$router.push({ name: "Event", params: { url: event.value.url } })),
+              event: event.value,
+              owner: event.value.owner,
+              user: auth.state.user._id,
+              type: "normal",
+              class: "mn-b-medium bg-light radius-big"
+            }, {
+              default: vue.withCtx(() => [
+                auth.state.user._id ? (vue.openBlock(), vue.createBlock(ButtonJoin.default, {
+                  key: 0,
+                  type: "event",
+                  hasTicket: event.value.hasTicket,
+                  targetId: event.value._id,
+                  userId: auth.state.user._id,
+                  class: "mn-b-small w-100 pd-medium mn-auto",
+                  onUpdateTicket: handleTicketUpdate
+                }, null, 8, ["hasTicket", "targetId", "userId"])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("section", null, [
+                  event.value && event.value.content ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(event.value.content, (block, index) => {
+                    return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ComponentMap[block.type]), vue.mergeProps({
+                      key: index,
+                      index,
+                      component: block,
+                      prop: block,
+                      class: block.class,
+                      content: "content",
+                      ref_for: true
+                    }, getBlockProps(block), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]);
+                  }), 128)) : vue.createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["event", "owner", "user"])) : vue.createCommentVNode("", true),
+            !isLoading.value && event.value && !event.value.special ? (vue.openBlock(), vue.createBlock(Comments.default, {
+              key: 5,
               type: "event",
-              hasTicket: event.value.hasTicket,
-              targetId: event.value._id,
-              userId: auth.state.user._id,
-              class: "mn-b-small w-100 pd-medium mn-auto",
-              onUpdateTicket: handleTicketUpdate
-            }, null, 8, ["hasTicket", "targetId", "userId"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("section", null, [
-              event.value && event.value.content ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(event.value.content, (block, index) => {
-                return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ComponentMap[block.type]), vue.mergeProps({
-                  key: index,
-                  index,
-                  component: block,
-                  prop: block,
-                  class: block.class,
-                  content: "content",
-                  ref_for: true
-                }, getBlockProps(block), { class: "mn-b-regular" }), null, 16, ["index", "component", "prop", "class"]);
-              }), 128)) : vue.createCommentVNode("", true)
-            ])
+              target: event.value._id,
+              owner: auth.state.user._id
+            }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
           ]),
           _: 1
-        }, 8, ["event", "owner", "user"])) : vue.createCommentVNode("", true),
-        !isLoading.value && event.value && !event.value.special ? (vue.openBlock(), vue.createBlock(Comments.default, {
-          key: 4,
-          type: "event",
-          target: event.value._id,
-          owner: auth.state.user._id
-        }, null, 8, ["target", "owner"])) : vue.createCommentVNode("", true)
+        })
       ]);
     };
   }

package/dist/prometheus-framework/src/modules/events/components/pages/Event.vue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section class=\"pd-thin\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n ~~</TransitionGroup>\n~~\n ~~<transition \n~~ ~~name=\"fade\"\n >\n~~ <EmptyState \n v-if=\"!isLoading && !event\"\n title=\"No Event Found\"\n description=\"Currently, there are no events available. Please check back later.\"\n class=\"pd-medium mn-b-thin bg-light radius-big\"\n />\n </transition>\n\n\n <!-- <TransitionGroup tag=\"ul\" name=\"fade\" class=\"container\"> -->\n <HeroEvent\n v-if=\"!isLoading && event && event.special\"\n :content=\"{\n title: event.name,\n description: event.description,\n ticketLinkStripe: event.specialData.ticketLinkStripe,\n ticketText: event.specialData.ticketText,\n cover: event.cover,\n subtitle: event.specialData.subtitle,\n logos: event.specialData.logos,\n video: event.specialData.video,\n ticketTextButton: event.specialData.ticketTextButton,\n }\"\n :options=\"{\n date: event.date.start,\n price: event.specialData.ticketPrice,\n }\"\n class=\"mn-b-thin\"\n />\n <SectionMainGuest\n v-if=\"!isLoading && event && event.special && event.specialData.guestTitle\"\n :content=\"{\n title: event.specialData.guestTitle,\n description: event.specialData.guestDescription,\n socials: {\n twitter: event.specialData.guestTwitter,\n telegram: event.specialData.guestTelegram,\n instagram: event.specialData.guestInstagram,\n facebook: event.specialData.guestFacebook\n },\n video: event.specialData.guestVideo,\n spotify: event.specialData.guestSpotify,\n soundcloud: event.specialData.guestSoundcloud,\n youtube: event.specialData.guestYoutube\n }\"\n class=\"mn-b-thin\"\n />\n <section \n v-if=\"!isLoading && event && event.special\"\n :style=\"`\n background-size: 100%; background-repeat: no-repeat;\n background-image: url(${event.specialData.lineupBackground}); \n `\" \n class=\"mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black\"\n >\n <h2 class=\"mn-b-big w-100 t-center\">Event Details</h2>\n\n <div \n class=\"gap-big mn-b-thin\"\n :class=\"{\n 'cols-2': event.specialData.guests.length > 0,\n 'cols-1': event.specialData.guests.length > 1\n }\"\n >\n \n <SectionSpecialGuests \n v-if=\"event.specialData.guests.length > 0\"\n :content=\"{\n title: 'Residents',\n guests: event.specialData.guests\n }\"\n />\n\n <SectionLineUp\n :content=\"{\n title: 'Lineup',\n lineup: event.specialData.lineup\n }\"\n />\n\n </div>\n\n <SectionPreviousEvents\n :content=\"{\n ticket: event.specialData.ticketImage,\n ticketTextButton: event.specialData.ticketTextButton,\n paymentText: event.specialData.paymentText,\n paymentContact: event.specialData.paymentContact,\n previousTitle: event.specialData.previousTitle,\n previousDescription: event.specialData.previousDescription,\n previousLink: event.specialData.previousLink,\n previousLinkText: event.specialData.previousLinkText,\n }\"\n :options=\"{\n link: event.specialData.ticketLinkStripe,\n video: event.specialData.previousVideo\n }\"\n />\n </section>\n\n <CardEvent \n v-if=\"!isLoading && event && !event.special\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n :event=\"event\" \n :owner=\"event.owner\" \n :user=\"auth.state.user._id\"\n :type=\"'normal'\"\n class=\"mn-b-medium bg-light radius-big\"\n >\n <ButtonJoin \n v-if=\"auth.state.user._id\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\"mn-b-small w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <!-- <img loading=\"lazy\" v-if=\"qrcode\" :src=\"qrcode\" class=\"w-8r h-8r\" /> -->\n\n \n\n <section>\n <component\n v-if=\"event && event.content\"\n v-for=\"(block, index) in event.content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n content=\"content\"\n v-bind=\"getBlockProps(block)\"\n class=\"mn-b-regular\"\n />\n </section>\n\n </CardEvent>\n\n \n\n <Comments \n \tv-if=\"!isLoading && event && !event.special\" \n \t:type=\"'event'\" \n \t:target=\"event._id\" \n \t:owner=\"auth.state.user._id\"\n />\n \n ~~<!--~~ </TransitionGroup> ~~-->\~~n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue'\n import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n\n const ComponentMap = {\n 'Textarea': 'p',\n 'H2': 'h2',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image\n };\n\n function getBlockProps(block) {\n if (block.type === 'Textarea') {\n return { innerHTML: block.content, class: \"p-medium\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: \"h3\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","ref","tickets.mutations","Image","onMounted","events.read","auth.state"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;AAiME~~,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAGE,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeC,MAAK;AAAA,IACxB;AAEE,aAAS,cAAc,OAAO;AAC5B,UAAI,MAAM,SAAS,YAAY;AAC7B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MAC1D,WAAe,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,KAAI;AAAA,MACpD,WAAe,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM;MAChC,WAAe,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM;MACrB;AACD,aAAO;IACR;AAGD,UAAM,QAAQF,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BG,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"Event.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/Event.vue"],"sourcesContent":["<template>\n <section class=\"pd-thin\">\n <TransitionGroup tag=\"ul\" name=\"fade\" class=\"o-hidden bg-light radius-big\">\n <SkeletonEvent\n v-if=\"isLoading\"\n v-for=\"i in 3\" :key=\"i\"\n />\n\n <HeroEvent\n v-if=\"!isLoading && event && event.special\"\n :content=\"{\n title: event.name,\n description: event.description,\n ticketLinkStripe: event.specialData.ticketLinkStripe,\n ticketText: event.specialData.ticketText,\n cover: event.cover,\n subtitle: event.specialData.subtitle,\n logos: event.specialData.logos,\n video: event.specialData.video,\n ticketTextButton: event.specialData.ticketTextButton,\n }\"\n :options=\"{\n date: event.date.start,\n price: event.specialData.ticketPrice,\n }\"\n class=\"mn-b-thin\"\n />\n <SectionMainGuest\n v-if=\"!isLoading && event && event.special && event.specialData.guestTitle\"\n :content=\"{\n title: event.specialData.guestTitle,\n description: event.specialData.guestDescription,\n socials: {\n twitter: event.specialData.guestTwitter,\n telegram: event.specialData.guestTelegram,\n instagram: event.specialData.guestInstagram,\n facebook: event.specialData.guestFacebook\n },\n video: event.specialData.guestVideo,\n spotify: event.specialData.guestSpotify,\n soundcloud: event.specialData.guestSoundcloud,\n youtube: event.specialData.guestYoutube\n }\"\n class=\"mn-b-thin\"\n />\n <section \n v-if=\"!isLoading && event && event.special\"\n :style=\"`\n background-size: 100%; background-repeat: no-repeat;\n background-image: url(${event.specialData.lineupBackground}); \n `\" \n class=\"mn-b-thin t-white gap-big w-100 h-max o-hidden radius-big pd-big pos-relative bg-black\"\n >\n <h2 class=\"mn-b-big w-100 t-center\">Event Details</h2>\n\n <div \n class=\"gap-big mn-b-thin\"\n :class=\"{\n 'cols-2': event.specialData.guests.length > 0,\n 'cols-1': event.specialData.guests.length > 1\n }\"\n >\n \n <SectionSpecialGuests \n v-if=\"event.specialData.guests.length > 0\"\n :content=\"{\n title: 'Residents',\n guests: event.specialData.guests\n }\"\n />\n\n <SectionLineUp\n v-if=\"event.specialData.lineup.lenth > 0\"\n :content=\"{\n title: 'Lineup',\n lineup: event.specialData.lineup\n }\"\n />\n\n </div>\n\n <SectionPreviousEvents\n :content=\"{\n ticket: event.specialData.ticketImage,\n ticketTextButton: event.specialData.ticketTextButton,\n paymentText: event.specialData.paymentText,\n paymentContact: event.specialData.paymentContact,\n previousTitle: event.specialData.previousTitle,\n previousDescription: event.specialData.previousDescription,\n previousLink: event.specialData.previousLink,\n previousLinkText: event.specialData.previousLinkText,\n }\"\n :options=\"{\n link: event.specialData.ticketLinkStripe,\n video: event.specialData.previousVideo\n }\"\n />\n </section>\n\n <CardEvent \n v-if=\"!isLoading && event && !event.special\"\n @click=\"$router.push({name: 'Event', params: {url: event.url}})\" \n :event=\"event\" \n :owner=\"event.owner\" \n :user=\"auth.state.user._id\"\n :type=\"'normal'\"\n class=\"mn-b-medium bg-light radius-big\"\n >\n <ButtonJoin \n v-if=\"auth.state.user._id\"\n :type=\"'event'\" \n :hasTicket=\"event.hasTicket\" \n :targetId=\"event._id\" \n :userId=\"auth.state.user._id\"\n class=\"mn-b-small w-100 pd-medium mn-auto\"\n @updateTicket=\"handleTicketUpdate\"\n />\n\n <!-- <img loading=\"lazy\" v-if=\"qrcode\" :src=\"qrcode\" class=\"w-8r h-8r\" /> -->\n\n \n\n <section>\n <component\n v-if=\"event && event.content\"\n v-for=\"(block, index) in event.content\"\n :is=\"ComponentMap[block.type]\"\n :key=\"index\"\n :index=\"index\"\n :component=\"block\"\n :prop=\"block\"\n :class=\"block.class\"\n content=\"content\"\n v-bind=\"getBlockProps(block)\"\n class=\"mn-b-regular\"\n />\n </section>\n\n </CardEvent>\n\n \n\n <Comments \n \tv-if=\"!isLoading && event && !event.special\" \n \t:type=\"'event'\" \n \t:target=\"event._id\" \n \t:owner=\"auth.state.user._id\"\n />\n \n </TransitionGroup> \n\n </section>\n</template>\n\n<script setup>\n import { ref, onMounted } from 'vue';\n \n import Loader from '@pf/src/components/Loader/Loader.vue';\n import EmptyState from '@pf/src/components/EmptyState/EmptyState.vue';\n \n import HeroEvent from '@pf/src/modules/events/components/sections/HeroEvent.vue';\n import SectionMainGuest from '@pf/src/modules/events/components/sections/SectionMainGuest.vue';\n import SectionSpecialGuests from '@pf/src/modules/events/components/sections/SectionSpecialGuests.vue'\n import SectionLineUp from '@pf/src/modules/events/components/sections/SectionLineup.vue';\n import SectionPreviousEvents from '@pf/src/modules/events/components/sections/SectionPreviousEvents.vue';\n\n\n import CardEvent from '@pf/src/modules/events/components/blocks/CardEvent.vue';\n import SkeletonEvent from '@pf/src/modules/icons/skeletons/SkeletonEvent.vue'\n import ButtonJoin from '@pf/src/modules/events/components/elements/ButtonJoin.vue';\n import Comments from '@pf/src/modules/community/components/sections/Comments.vue';\n\n import Image from '@pf/src/modules/constructor/components/elements/Image.vue';\n\n import * as events from '@pf/src/modules/events/store/events.js';\n import * as tickets from '@pf/src/modules/events/store/tickets.js';\n import * as auth from '@pf/src/modules/auth/views/store/auth';\n \n import { useRoute } from 'vue-router';\n\n const route = useRoute();\n const qrcode = ref(null);\n \n const handleTicketUpdate = ({ ticket, hasTicket, targetId }) => {\n tickets.mutations.handleTicketUpdate(event.value, ticket, hasTicket, targetId);\n console.log('HANDLE TICKET UPDATE', ticket, event.value);\n\n qrcode.value = ticket.qrcode;\n };\n\n\n const ComponentMap = {\n 'Textarea': 'p',\n 'H2': 'h2',\n 'Bullets': 'p',\n 'Caption': 'p',\n 'ImageUpload': Image\n };\n\n function getBlockProps(block) {\n if (block.type === 'Textarea') {\n return { innerHTML: block.content, class: \"p-medium\" };\n } else if (block.type === 'H2') {\n return { innerHTML: block.content, class: \"h3\" };\n } else if (block.type === 'Caption') {\n return { innerHTML: block.content };\n } else if (block.type === 'ImageUpload') {\n return { src: block.content };\n }\n return {};\n }\n\n\n const event = ref(null);\n const isLoading = ref(true);\n\n onMounted(async () => {\n isLoading.value = true;\n\n const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n event.value = data[0];\n isLoading.value = false;\n });\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["useRoute","ref","tickets.mutations","Image","onMounted","events.read","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoLE,UAAM,QAAQA,UAAAA;AACd,UAAM,SAASC,QAAI,IAAI;AAEvB,UAAM,qBAAqB,CAAC,EAAE,QAAQ,WAAW,SAAQ,MAAO;AAC9DC,cAAiB,UAAC,mBAAmB,MAAM,OAAO,QAAQ,WAAW,QAAQ;AAC7E,cAAQ,IAAI,wBAAwB,QAAQ,MAAM,KAAK;AAEvD,aAAO,QAAQ,OAAO;AAAA,IAC1B;AAGE,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAeC,MAAK;AAAA,IACxB;AAEE,aAAS,cAAc,OAAO;AAC5B,UAAI,MAAM,SAAS,YAAY;AAC7B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,WAAU;AAAA,MAC1D,WAAe,MAAM,SAAS,MAAM;AAC9B,eAAO,EAAE,WAAW,MAAM,SAAS,OAAO,KAAI;AAAA,MACpD,WAAe,MAAM,SAAS,WAAW;AACnC,eAAO,EAAE,WAAW,MAAM;MAChC,WAAe,MAAM,SAAS,eAAe;AACvC,eAAO,EAAE,KAAK,MAAM;MACrB;AACD,aAAO;IACR;AAGD,UAAM,QAAQF,QAAI,IAAI;AACtB,UAAM,YAAYA,QAAI,IAAI;AAE1BG,QAAAA,UAAU,YAAY;AACpB,gBAAU,QAAQ;AAElB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK,CAAC;AACpB,gBAAU,QAAQ;AAAA,IACtB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}