{"version":3,"file":"hitspicker.js","sources":["../views/MediaMonitors/HitsPicker.vue","../Views/MediaMonitors/hitspicker.entry.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\n    import { reactive, provide } from 'vue';\r\n    import List from '@views/MediaMonitors/MediaMonitorsList.vue';\r\n    import Hits from '@views/MediaMonitors/MediaMonitorHits.vue';\r\n    import Modal from '@shared/components/Modal.vue';\r\n    import { SelectedHit } from '@views/MediaMonitors/MediaMonitors.access';\r\n    import { type mode } from '@views/MediaMonitors/MediaMonitors.vue';\r\n\r\n    const props = defineProps<{\r\n        getCurrentBlock: () => HTMLElement[];\r\n        setCanvasContent: () => void;\r\n        closeBlockEditor: () => void;\r\n    }>();\r\n\r\n    const state = reactive<{\r\n        show: boolean;\r\n        id: string | null;\r\n        mode: mode;\r\n        isDemoMode: boolean;\r\n    }>({\r\n        show: false,\r\n        id: null,\r\n        mode: 'editor',\r\n        isDemoMode: false,\r\n    });\r\n\r\n    provide('mode', state.mode);\r\n\r\n    const insertHits = (selectedHits: SelectedHit[]) => {\r\n        if (!props.getCurrentBlock) return;\r\n\r\n        let parent = props.getCurrentBlock()[0];\r\n        if (!parent) return;\r\n\r\n        parent.removeAttribute('mediamontitor');\r\n\r\n        let template = parent.querySelector('.block');\r\n\r\n        let items: Node[] = [];\r\n\r\n        selectedHits.forEach((hit: SelectedHit) => {\r\n            let item = template?.cloneNode(true);\r\n            if (!item) return;\r\n\r\n            for (const [key, value] of Object.entries(hit)) {\r\n                let placeholders = (item as HTMLElement).querySelectorAll('[item-key=' + key + ']');\r\n\r\n                placeholders.forEach((placeholder) => {\r\n                    placeholder.replaceWith(value as string);\r\n                });\r\n\r\n                let html = (item as HTMLElement).innerHTML;\r\n                (item as HTMLElement).innerHTML = html.replaceAll('[item.' + key + ']', value as string);\r\n            }\r\n\r\n            items.push(item);\r\n        });\r\n\r\n        template?.replaceWith(...items);\r\n        props.setCanvasContent();\r\n        close();\r\n    };\r\n\r\n    const close = () => {\r\n        state.show = false;\r\n        state.id = null;\r\n        props.closeBlockEditor();\r\n    };\r\n\r\n    const monitorSelected = (id: string, connection: undefined | null) => {\r\n        state.isDemoMode = connection === null ? true : false;\r\n        state.id = id;\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\"></script>\r\n\r\n<template>\r\n    <h3>{{ $Resources.MediaMonitorsHeading }}</h3>\r\n    <p class=\"m-lg-b\">{{ $Resources.MediaMonitorsInsertHitsText }}</p>\r\n\r\n    <div class=\"form-group\">\r\n        <button class=\"btn btn-default btn-block\" type=\"button\" @click=\"state.show = true\">{{ $Resources.MediaMonitorsInsertHitsBtn }}</button>\r\n    </div>\r\n\r\n    <Modal :title=\"$Resources.MediaMonitorsHitsHeading\" :show=\"state.show\" size=\"fullscreenBlank\" @close=\"state.show = false\">\r\n        <template #content>\r\n            <div v-if=\"!state.id && state.show\">\r\n                <List @update:id=\"monitorSelected\" @close=\"close\"></List>\r\n            </div>\r\n            <div v-if=\"state.id && state.show\">\r\n                <Hits :id=\"state.id\" :isDemoMode=\"state.isDemoMode\" @click:insert=\"insertHits\" @click:back=\"state.id = null\"></Hits>\r\n            </div>\r\n        </template>\r\n    </Modal>\r\n</template>\r\n\r\n<style lang=\"less\"></style>\r\n\r\n<style scoped lang=\"less\"></style>\r\n","import { rootElement } from '@shared/setup';\r\nimport HitsPicker from '@views/MediaMonitors/HitsPicker.vue';\r\n\r\nconst initHitsPicker = async () => {\r\n    rootElement({\r\n        name: 'HitsPicker', // pascal, camel & kebab-case are valid\r\n        component: HitsPicker,\r\n        vm: {},\r\n        contextComponents: ['<div>Waiting...</div>'],\r\n    });\r\n};\r\n\r\ninitHitsPicker();\r\n"],"names":["props","__props","state","reactive","provide","insertHits","selectedHits","parent","template","items","hit","item","key","value","placeholder","html","close","monitorSelected","id","connection","initHitsPicker","rootElement","HitsPicker"],"mappings":"00CAQI,MAAMA,EAAQC,EAMRC,EAAQC,EAKX,CACC,KAAM,GACN,GAAI,KACJ,KAAM,SACN,WAAY,EAAA,CACf,EAEOC,EAAA,OAAQF,EAAM,IAAI,EAEpB,MAAAG,EAAcC,GAAgC,CAC5C,GAAA,CAACN,EAAM,gBAAiB,OAE5B,IAAIO,EAASP,EAAM,gBAAgB,EAAE,CAAC,EACtC,GAAI,CAACO,EAAQ,OAEbA,EAAO,gBAAgB,eAAe,EAElC,IAAAC,EAAWD,EAAO,cAAc,QAAQ,EAExCE,EAAgB,CAAC,EAERH,EAAA,QAASI,GAAqB,CACnC,IAAAC,EAAOH,GAAA,YAAAA,EAAU,UAAU,IAC/B,GAAKG,EAEL,UAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQH,CAAG,EAAG,CACxBC,EAAqB,iBAAiB,aAAeC,EAAM,GAAG,EAErE,QAASE,GAAgB,CAClCA,EAAY,YAAYD,CAAe,CAAA,CAC1C,EAED,IAAIE,EAAQJ,EAAqB,UAChCA,EAAqB,UAAYI,EAAK,WAAW,SAAWH,EAAM,IAAKC,CAAe,CAAA,CAG3FJ,EAAM,KAAKE,CAAI,EAAA,CAClB,EAESH,GAAA,MAAAA,EAAA,YAAY,GAAGC,GACzBT,EAAM,iBAAiB,EACjBgB,EAAA,CACV,EAEMA,EAAQ,IAAM,CAChBd,EAAM,KAAO,GACbA,EAAM,GAAK,KACXF,EAAM,iBAAiB,CAC3B,EAEMiB,EAAkB,CAACC,EAAYC,IAAiC,CAC5DjB,EAAA,WAAaiB,IAAe,KAClCjB,EAAM,GAAKgB,CACf,gsBCrEEE,EAAiB,SAAY,CACnBC,EAAA,CACR,KAAM,aACN,UAAWC,EACX,GAAI,CAAC,EACL,kBAAmB,CAAC,uBAAuB,CAAA,CAC9C,CACL,EAEAF,EAAe"}