{"version":3,"sources":["webpack:///./src/components/uicomponents/headerbuttonstack.vue?929a","webpack:///src/components/uicomponents/headerbuttonstack.vue","webpack:///./src/components/uicomponents/headerbuttonstack.vue?af03","webpack:///./src/components/uicomponents/headerbuttonstack.vue?4dc0","webpack:///./src/components/uicomponents/headerbuttonstack.vue?2a4b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","button","index","_b","directives","name","rawName","value","GetTooltip","expression","key","icon","on","click","$t","attrs","OpenMenuDetails","_e","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAIP,EAAmB,iBAAE,SAASQ,EAAOC,GAAO,OAAOL,EAAG,UAAUJ,EAAIU,GAAG,CAACC,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOd,EAAIe,WAAWN,GAAQO,WAAW,sBAAsBC,IAAIT,EAAOU,KAAOT,EAAMU,GAAG,CAAC,MAAQX,EAAOY,QAAQ,UAAUZ,GAAO,OAAWR,EAAiB,cAAEI,EAAG,UAAU,CAACO,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOb,KAAKoB,GAAG,uBAAwBL,WAAW,mCAAmCV,YAAY,OAAOgB,MAAM,CAAC,KAAO,QAAQ,KAAO,eAAeH,GAAG,CAAC,MAAQnB,EAAIuB,mBAAmBvB,EAAIwB,MAAM,IACtqBC,EAAkB,G,wHCStB,OACA,yBACA,gBACA,OACA,eACA,WACA,eACA,iBACA,wBAGA,OACA,OACA,aACA,iCACA,4BACA,WACA,oBACA,kCACA,0BACA,cACA,eACA,yBACA,uTAEA,0BAIA,sCACA,0BACA,cACA,eACA,eACA,cACA,0CACA,mBACA,6SAEA,6BAMA,UACA,yBACA,oGAEA,2BACA,0EACA,kFACA,WAIA,OACA,cAEA,SACA,uBACA,WACA,wDAEA,4BAEA,yBACA,iBACA,gBACA,iCAEA,aACA,YACA,mBACA,2BACA,uBCrFyW,I,wBCQrWC,EAAY,eACd,EACA3B,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W","file":"js/chunk-350870f0.62e929da.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stack-container\"},[_vm._l((_vm.buttonProcessed),function(button,index){return _c('buttonc',_vm._b({directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.GetTooltip(index)),expression:\"GetTooltip(index)\"}],key:button.icon + index,on:{\"click\":button.click}},'buttonc',button,false))}),(_vm.showCollapsed)?_c('buttonc',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(this.$t('global.general.help')),expression:\"this.$t('global.general.help')\"}],staticClass:\"list\",attrs:{\"type\":\"block\",\"icon\":\"fa-question\"},on:{\"click\":_vm.OpenMenuDetails}}):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"stack-container\">\n        <buttonc v-for=\"(button, index) in buttonProcessed\" :key=\"button.icon + index\" v-bind=\"button\" v-tooltip=\"GetTooltip(index)\" @click=\"button.click\"/>\n        <buttonc v-if=\"showCollapsed\" class=\"list\" type=\"block\" icon=\"fa-question\"\n                 @click=\"OpenMenuDetails\" v-tooltip=\"this.$t('global.general.help')\"/>\n\n    </div>\n</template>\n\n<script>\n    export default {\n        name: \"headerbuttonstack\",\n        data(){\n            return {\n                helperLinks: [],\n                buttons: [],\n                helpButtons: [],\n                collapsedWidth: 0,\n                showListIconAlways: true,\n            }\n        },\n        watch: {\n            state: {\n                immediate: true,\n                handler(newVal, oldVal) {\n                    for (let x in newVal) this[x] = newVal[x];\n                    let view = this;\n                    this.helpButtons = [];\n                    this.buttons.forEach(button => {\n                        let copy = Object.assign({}, button);\n                        copy.disabled = false;\n                        if(button.helperText){\n                            copy.click = () => {\n                                view.$helpers.OpenAlert({header: copy.title ? copy.title : (copy.tooltip ? copy.tooltip : \"Hilfe\"), description: copy.helperText, disableAccept: true, cancelLabel: \"Danke\", externalLabel: copy.externalLabel != undefined? copy.externalLabel : 'Mehr erfahren', externalUrl: copy.externalUrl, externalUrl: copy.externalUrl, enableExternal: copy.externalUrl? true : false});\n                            }\n                            this.helpButtons.push(copy);\n                        } \n                        \n                    });\n                    this.helperLinks.forEach(hLink => {\n                        let copy = Object.assign({}, hLink);\n                        copy.disabled = false;\n                        if(hLink.helperText){\n                            copy.type = \"block\";\n                            copy.disabled = false;\n                            copy.icon = copy.icon? copy.icon : \"fa-question-circle\";\n                            copy.click = () => {\n                                view.$helpers.OpenAlert({header: copy.title ? copy.title : (copy.tooltip ? copy.tooltip : \"Hilfe\"), description: copy.helperText, disableAccept: true, cancelLabel: copy.cancelLabel != undefined? copy.cancelLabel : \"Danke\", externalLabel: copy.externalLabel != undefined? copy.externalLabel : 'Mehr erfahren', externalUrl: copy.externalUrl, enableExternal: copy.externalUrl? true : false});\n                            }\n                            this.helpButtons.push(copy);\n                        }\n                    });\n                }\n            }\n        },\n        computed: {\n            showCollapsed(){\n                return this.helpButtons.length > 0 && (this.showListIconAlways || window.innerWidth < this.collapsedWidth);\n            },\n            buttonProcessed(){\n                if(this.collapsedWidth != 0 && window.innerWidth < this.collapsedWidth) return [];\n                let buttons = this.buttons.filter(b => !b.hasOwnProperty('show') || b.show);\n                return buttons;\n            },\n        },\n\n        props:{\n            state: Object,\n        },\n        methods: {\n            GetTooltip(index){\n                let view = this;\n                return () => {return view.buttonProcessed[index].tooltip};\n            },\n            OpenMenuDetails($event){\n                let view = this;\n                this.$helpers.OpenPopup({\n                    type: 'listlabel',\n                    componentState: {\n                        labels: this.helpButtons.slice(),\n                    },\n                    listStyle: true,\n                    noScroll: true,\n                    pointerDirection: 0,\n                    elRelative: $event.currentTarget,\n                    pointerOffset: -15,\n                });\n            },\n        },\n\n    }\n</script>\n\n<style scoped>\n    .stack-container{\n        white-space: nowrap;\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./headerbuttonstack.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./headerbuttonstack.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./headerbuttonstack.vue?vue&type=template&id=6996760a&scoped=true\"\nimport script from \"./headerbuttonstack.vue?vue&type=script&lang=js\"\nexport * from \"./headerbuttonstack.vue?vue&type=script&lang=js\"\nimport style0 from \"./headerbuttonstack.vue?vue&type=style&index=0&id=6996760a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6996760a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./headerbuttonstack.vue?vue&type=style&index=0&id=6996760a&prod&scoped=true&lang=css\""],"sourceRoot":""}