{"version":3,"file":"eventroot.js","sources":["../Themes/ThemesViewAndSelect.vue","../Views/Event/Event.vue","../Views/Event/Event.entry.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\n    import { onMounted } from 'vue';\r\n    import ThemesList from './ThemesList.vue';\r\n    import Theme from './Theme.vue';\r\n    import { setupThemes } from './Themes';\r\n\r\n    const props = defineProps<{\r\n        currentThemeId: string;\r\n        eventId: string;\r\n    }>();\r\n\r\n    let { themesState, getThemes, showEditorFunc, createTheme } = setupThemes();\r\n    // let { themesState, createTheme, getThemes, editTheme, showEditorFunc, deleteSelected, updateSelected } = setupThemes()\r\n\r\n    const emit = defineEmits(['themeCreated', 'themeSelected', 'showModal', 'getThemes']);\r\n\r\n    onMounted(async () => {\r\n        await getThemes();\r\n        emit('getThemes', themesState.themes);\r\n    });\r\n\r\n    const closeEditor = () => {\r\n        showEditorFunc(false);\r\n        emit('showModal');\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <div v-show=\"themesState.themeId === null\">\r\n        <ThemesList\r\n            :themes=\"themesState.themes\"\r\n            :isLoading=\"themesState.isLoading\"\r\n            :themeId=\"themesState.themeId\"\r\n            :currentThemeId=\"props.currentThemeId\"\r\n            :createTheme=\"createTheme\"\r\n            :backoffice=\"false\"\r\n            @themeCreated=\"$emit('themeCreated')\"\r\n            @themeSelected=\"(newVal) => $emit('themeSelected', newVal)\"></ThemesList>\r\n    </div>\r\n\r\n    <Theme\r\n        :themeId=\"themesState.themeId\"\r\n        v-show=\"themesState.themeId !== null\"\r\n        :eventId=\"props.eventId\"\r\n        :backoffice=\"false\"\r\n        @update:showEditor=\"closeEditor\"></Theme>\r\n</template>\r\n\r\n<style lang=\"less\">\r\n    .btn-create-theme {\r\n        display: none !important;\r\n    }\r\n\r\n    .link-create-theme {\r\n        display: block !important;\r\n    }\r\n</style>\r\n","<script setup lang=\"ts\">\r\n    import { Ref } from 'vue';\r\n    import ThemesViewAndSelect from '@cwd/Themes/ThemesViewAndSelect.vue';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import koObsToRef from '@shared/utils/koObsToRef';\r\n    import { DesignTheme } from '@cwd/Themes/Themes.access';\r\n\r\n    type koTheme = {\r\n        Name: string;\r\n        DesignThemeId: string;\r\n    };\r\n\r\n    const props = defineProps<{\r\n        event: KnockoutObservable<{\r\n            DesignThemeId: KnockoutObservable<string>;\r\n            EventId: KnockoutObservable<string>;\r\n        }>;\r\n        selectTheme: {\r\n            show: KnockoutObservable<boolean>;\r\n            update: Function;\r\n            themes: KnockoutObservableArray<koTheme>;\r\n        };\r\n    }>();\r\n\r\n    const show: Ref<boolean> = koObsToRef(props.selectTheme.show);\r\n    const eventId: Ref<string> = koObsToRef(props.event().EventId);\r\n\r\n    const closeModal = () => {\r\n        show.value = false;\r\n    };\r\n\r\n    const themeSelected = (newVal: string) => {\r\n        props.selectTheme.update(newVal);\r\n        closeModal();\r\n    };\r\n\r\n    const getThemes = (themes: DesignTheme[]) => {\r\n        props.selectTheme.themes(\r\n            themes.map((theme) => {\r\n                return {\r\n                    Name: theme.Name,\r\n                    DesignThemeId: theme.DesignThemeId as string,\r\n                };\r\n            })\r\n        ); // ugly update of ko obs array\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <Modal :title=\"$Resources.SelectThemeLabel\" :show=\"show\" @close=\"closeModal()\" size=\"lg\">\r\n        <template #content>\r\n            <ThemesViewAndSelect\r\n                :currentThemeId=\"props.event().DesignThemeId()\"\r\n                :eventId=\"eventId\"\r\n                @themeCreated=\"closeModal()\"\r\n                @themeSelected=\"(newVal) => themeSelected(newVal)\"\r\n                @showModal=\"show = true\"\r\n                @getThemes=\"(newVal: DesignTheme[]) => getThemes(newVal)\"></ThemesViewAndSelect>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n","import { rootElement } from '@shared/setup';\r\nimport Event from './Event.vue';\r\n\r\nconst initEvent = async () => {\r\n    rootElement({\r\n        name: 'EventRoot', // pascal, camel & kebab-case are valid\r\n        component: Event,\r\n        vm: {},\r\n        contextComponents: ['<div>Waiting...</div>'],\r\n    });\r\n};\r\n\r\ninitEvent();\r\n"],"names":["props","__props","themesState","getThemes","showEditorFunc","createTheme","setupThemes","emit","__emit","onMounted","closeEditor","show","koObsToRef","eventId","closeModal","themeSelected","newVal","themes","theme","initEvent","rootElement","Event"],"mappings":"qpDAMI,MAAMA,EAAQC,EAKd,GAAI,CAAE,YAAAC,EAAa,UAAAC,EAAW,eAAAC,EAAgB,YAAAC,CAAA,EAAgBC,EAAY,EAG1E,MAAMC,EAAOC,EAEbC,EAAU,SAAY,CAClB,MAAMN,EAAU,EACXI,EAAA,YAAaL,EAAY,MAAM,CAAA,CACvC,EAED,MAAMQ,EAAc,IAAM,CACtBN,EAAe,EAAK,EACpBG,EAAK,WAAW,CACpB,mmBCZA,MAAMP,EAAQC,EAYRU,EAAqBC,EAAWZ,EAAM,YAAY,IAAI,EACtDa,EAAuBD,EAAWZ,EAAM,MAAA,EAAQ,OAAO,EAEvDc,EAAa,IAAM,CACrBH,EAAK,MAAQ,EACjB,EAEMI,EAAiBC,GAAmB,CAChChB,EAAA,YAAY,OAAOgB,CAAM,EACpBF,EAAA,CACf,EAEMX,EAAac,GAA0B,CACzCjB,EAAM,YAAY,OACdiB,EAAO,IAAKC,IACD,CACH,KAAMA,EAAM,KACZ,cAAeA,EAAM,aACzB,EACH,CACL,CACJ,8YC1CEC,EAAY,SAAY,CACdC,EAAA,CACR,KAAM,YACN,UAAWC,EACX,GAAI,CAAC,EACL,kBAAmB,CAAC,uBAAuB,CAAA,CAC9C,CACL,EAEAF,EAAU"}