{"version":3,"file":"WidgetInput.vue.mjs","sources":["../../../lib/data-provider-interface/components/WidgetInput.vue"],"sourcesContent":["<template>\n    <div class=\"formkitProperty\">\n        <h4 class=\"\">Tag</h4>\n\n        <div class=\"formkitCmpWrap d-flex p-3 w-100\">\n\n            <div class=\"formkit-inner\">\n                <input readonly=\"\" placeholder=\"Wählen Sie die Art des Widgets aus\" class=\"formkit-input\" type=\"text\"\n                    name=\"mode\" aria-required=\"true\" :value=\"widgetType\" aria-describedby=\"input_164-rule_required\"\n                    @click=\"activeList = !activeList\">\n                <ul ref=\"dropdownListWidget\" v-show=\"activeList\" class=\"autocompleteResultList\">\n                    <li v-for=\"match in matches\" :key=\"match\" @click=\"setValue(match); activeList = !activeList\"\n                        class=\"p-2 border-b border-gray-200 data-[selected=true]:bg-blue-100 choosableItemsAC\">{{ match\n                        }}\n                    </li>\n                </ul>\n            </div>\n\n            <!-- Liste Distribution/ Widget/ Report --- leading kann nur 1 sein und auch nur ein widget -->\n            <button class=\"ml-3 widgetButton\" v-if=\"widgetType === 'Widget'\"\n                :class=\"{ activeLeading: props.context.value && props.context.value['lead'] === 'true' }\" type=\"button\" @click=\"isLeading\">\n                Leading\n            </button>\n        </div>\n    </div>\n\n\n\n</template>\n<script setup>\nimport { ref, watch } from 'vue';\nimport { getNode } from '@formkit/core'\n\nconst props = defineProps({\n    context: Object\n})\nlet disList = ref(getNode('Distributions').value['distributionList'])\nlet activeButton = ref(false)\n\nconst isLeading = () => {\n\n    checkForLead()\n\n    // console.log(!activeLeadingWidget.value);\n    if (!activeLeadingWidget.value) {\n        props.context.node.input({ '@Tag': 'LeadingWidget', 'lead': 'true' })\n        activeButton.value = !activeButton.value\n    } else {\n        activeLeadingWidget.value = false\n        activeButton.value = false\n        widgetType.value = \"Widget\"\n        props.context.node.input({ '@Tag': 'Widget', 'lead': 'false' })\n    }\n\n}\nconst activeList = ref(false)\nconst matches = ref(['Distribution', 'Widget', 'Report'])\nlet activeLeadingWidget = ref(false)\nlet widgetType = ref('')\n\n\n// Init every dis as distribution if there's nothing set - default state\n\n// console.log(props.context.value);\n\nif (props.context.value != undefined) {\n    if (props.context.value['@Tag'] === 'LeadingWidget') {\n        widgetType.value = 'Widget'\n    } else widgetType.value = props.context.value['@Tag']\n} else widgetType.value = 'Distribution'\n\n// console.log(widgetType.value);\n\n\nconst checkForLead = () => {\n    disList.value = getNode('Distributions').value['distributionList']\n    for (let index = 0; index < disList.value.length; index++) {\n        try {\n            if (disList.value[index]['Mandatory']['pv:distributionType']['lead'] != undefined || disList.value[index]['Mandatory']['pv:distributionType']['lead'] === \"true\") {\n                activeLeadingWidget.value = true\n            }\n        } catch (error) {\n\n        }\n\n        // console.log('Is lead?',disList.value[index]['Mandatory']['pv:distributionType']['lead'], activeLeadingWidget.value);\n    }\n}\ncheckForLead()\nconst setValue = (item) => {\n    // console.log('Item ####', item);\n    checkForLead()\n    props.context.node.input(item)\n    widgetType.value = item\n}\n</script>\n<style scoped>\n.formkit-inner:focus-within {\n    margin-top: 0;\n}\n\n.formkit-inner {\n\n    flex-grow: 1;\n\n}\n\n.formkitCmpWrap {\n    position: relative;\n}\n\n.widgetButton {\n    border-color: lightgray;\n\n    &:hover {\n        background-color: green;\n        color: white;\n    }\n\n}\n\n.activeLeading {\n    background-color: green;\n    color: white;\n    border-color: green;\n\n}\n</style>"],"names":["props","__props","disList","ref","getNode","activeButton","isLeading","checkForLead","activeLeadingWidget","widgetType","activeList","matches","index","setValue","item","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_unref","$event","_withDirectives","_hoisted_5","_Fragment","_renderList","match","_hoisted_6","_normalizeClass"],"mappings":";;;;;;;;;;;;;AAiCA,UAAMA,IAAQC;AAGd,QAAIC,IAAUC,EAAIC,EAAQ,eAAe,EAAE,MAAM,gBAAmB,GAChEC,IAAeF,EAAI,EAAK;AAE5B,UAAMG,IAAY,MAAM;AAEpB,MAAAC,EAAa,GAGRC,EAAoB,SAIrBA,EAAoB,QAAQ,IAC5BH,EAAa,QAAQ,IACrBI,EAAW,QAAQ,UACnBT,EAAM,QAAQ,KAAK,MAAM,EAAE,QAAQ,UAAU,MAAQ,SAAS,MAN9DA,EAAM,QAAQ,KAAK,MAAM,EAAE,QAAQ,iBAAiB,MAAQ,QAAQ,GACpEK,EAAa,QAAQ,CAACA,EAAa;AAAA,IAQ3C,GACMK,IAAaP,EAAI,EAAK,GACtBQ,IAAUR,EAAI,CAAC,gBAAgB,UAAU,QAAQ,CAAC;AACxD,QAAIK,IAAsBL,EAAI,EAAK,GAC/BM,IAAaN,EAAI,EAAE;AAOvB,IAAIH,EAAM,QAAQ,SAAS,OACnBA,EAAM,QAAQ,MAAM,MAAM,MAAM,kBAChCS,EAAW,QAAQ,WAChBA,EAAW,QAAQT,EAAM,QAAQ,MAAM,MAAM,IACjDS,EAAW,QAAQ;AAK1B,UAAMF,IAAe,MAAM;AACvB,MAAAL,EAAQ,QAAQE,EAAQ,eAAe,EAAE,MAAM;AAC/C,eAASQ,IAAQ,GAAGA,IAAQV,EAAQ,MAAM,QAAQU;AAC9C,YAAI;AACA,WAAIV,EAAQ,MAAMU,CAAK,EAAE,UAAa,qBAAqB,EAAE,QAAW,QAAaV,EAAQ,MAAMU,CAAK,EAAE,UAAa,qBAAqB,EAAE,SAAY,YACtJJ,EAAoB,QAAQ;AAAA,QAEnC,QAAe;AAAA,QAEhB;AAAA,IAIR;AACA,IAAAD,EAAa;AACb,UAAMM,IAAW,CAACC,MAAS;AAEvB,MAAAP,EAAa,GACbP,EAAM,QAAQ,KAAK,MAAMc,CAAI,GAC7BL,EAAW,QAAQK;AAAA,IACvB;sBA7FIC,EAAA,GAAAC,EAuBM,OAvBNC,GAuBM;AAAA,MAtBFC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAqB,MAAjB,EAAA,OAAM,GAAE,GAAC,OAAG,EAAA;AAAA;MAEhBA,EAmBM,OAnBNC,GAmBM;AAAA,QAjBFD,EAUM,OAVNE,GAUM;AAAA,UATFF,EAEsC,SAAA;AAAA,YAF/B,UAAS;AAAA,YAAG,aAAY;AAAA,YAAqC,OAAM;AAAA,YAAgB,MAAK;AAAA,YAC3F,MAAK;AAAA,YAAO,iBAAc;AAAA,YAAQ,OAAOG,EAAUb,CAAA;AAAA,YAAE,oBAAiB;AAAA,YACrE,SAAKS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAK,MAAEb,EAAU,QAAA,CAAIA,EAAU;AAAA;;UACpCc,EAAAL,EAKK,MALLM,GAKK;AAAA,oBAJDT,EAGKU,GAAA,MAAAC,EAHehB,EAAO,OAAA,CAAhBiB,YAAXZ,EAGK,MAAA;AAAA,cAHyB,KAAKY;AAAA,cAAQ;AAAO,gBAAAf,EAASe,CAAK,GAAGlB,EAAA,SAAcA,EAAU;AAAA,cAAA;AAAA,cACvF,OAAM;AAAA,iBAAoFkB,CAAK,GAAA,GAAAC,CAAA;;gBAFlEnB,EAAU,KAAA;AAAA;;;QASXY,EAAUb,CAAA,MAAA,iBAAlDO,EAGS,UAAA;AAAA;UAHD,OAAMc,EAAA,CAAA,qBACe,EAAA,eAAA9B,EAAM,QAAQ,SAASA,EAAM,QAAQ,MAAK,SAAA,OAAA,CAAA,CAAA;AAAA,UAAuB,MAAK;AAAA,UAAU,SAAOM;AAAA,WAAW;AAAA;AAAA,eAE/H,CAAA;;;;;"}