{"version":3,"sources":["webpack:///./src/components/uicomponents/headerbuttonstack.vue?36c7","webpack:///src/components/uicomponents/headerbuttonstack.vue","webpack:///./src/components/uicomponents/headerbuttonstack.vue?eee4","webpack:///./src/components/uicomponents/headerbuttonstack.vue","webpack:///./src/components/uicomponents/headerbuttonstack.vue?76ae"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","button","index","directives","name","rawName","value","GetTooltip","expression","key","icon","attrs","classes","type","styleIcon","disabled","label","on","click","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,UAAU,CAACM,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOb,EAAIc,WAAWL,GAAQM,WAAW,sBAAsBC,IAAIR,EAAOS,KAAOR,EAAMS,MAAM,CAAC,QAAUV,EAAOW,QAAQ,KAAOX,EAAOY,KAAK,KAAOZ,EAAOS,KAAK,UAAYT,EAAOa,UAAU,SAAWb,EAAOc,SAAS,MAAQd,EAAOe,OAAOC,GAAG,CAAC,MAAQhB,EAAOiB,YAAYzB,EAAiB,cAAEI,EAAG,UAAU,CAACM,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAM,QAAUE,WAAW,YAAYT,YAAY,OAAOY,MAAM,CAAC,KAAO,QAAQ,KAAO,eAAeM,GAAG,CAAC,MAAQxB,EAAI0B,mBAAmB1B,EAAI2B,MAAM,IAC7uBC,EAAkB,G,wHCWtB,OACE,KAAF,oBACE,KAFF,WAGI,MAAJ,CACM,YAAN,GACM,QAAN,GACM,YAAN,GACM,eAAN,EACM,oBAAN,IAGE,MAAF,CACI,MAAJ,CACM,WAAN,EACM,QAFN,SAEA,KAAQ,IAAR,OACQ,IAAR,WAAU,KAAV,QACQ,IAAR,OACQ,KAAR,eACQ,KAAR,6BACU,IAAV,sBACU,EAAV,YACA,eACY,EAAZ,iBAAc,IAAd,EACc,EAAd,uBAAgB,OAAhB,4CAAgB,YAAhB,aAAgB,eAAhB,EAAgB,YAAhB,QAAgB,mBAAhB,mDAAgB,YAAhB,2FAEY,EAAZ,wBAIQ,KAAR,iCACU,IAEV,EAFA,uBACU,EAAV,YACA,gBACY,EAAZ,aACY,EAAZ,YACY,EAAZ,0DACY,EAAZ,iBACc,EAAd,oBAAgB,OAAhB,4CAAgB,YAAhB,aAAgB,eAAhB,EAAgB,iBAAhB,uCAAgB,mBAAhB,mDAAgB,YAAhB,cAAgB,iBAAhB,iBAEY,EAAZ,2BAME,SAAF,CACI,cADJ,WAEM,OAAN,6FAEI,gBAJJ,WAKM,GAAN,uEACM,IAAN,mCAAQ,OAAR,oCACM,OAAN,IAIE,MAAF,CACI,MAAJ,QAEE,QAAF,CACI,WADJ,SACA,GACM,IAAN,OACM,OAAN,WAAQ,OAAR,+BAEI,gBALJ,SAKA,GAEM,KAAN,oBACQ,KAAR,YACQ,eAAR,CACU,OAAV,0BAEQ,WAAR,EACQ,UAAR,EACQ,iBAAR,EACQ,WAAR,gBACQ,eAAR,QCvF0W,I,wBCQtWC,EAAY,eACd,EACA9B,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,W","file":"js/chunk-191ed3d2.e3290da0.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',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.GetTooltip(index)),expression:\"GetTooltip(index)\"}],key:button.icon + index,attrs:{\"classes\":button.classes,\"type\":button.type,\"icon\":button.icon,\"styleIcon\":button.styleIcon,\"disabled\":button.disabled,\"label\":button.label},on:{\"click\":button.click}})}),(_vm.showCollapsed)?_c('buttonc',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:('Hilfe'),expression:\"'Hilfe'\"}],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\"\n                 :classes=\"button.classes\" :type=\"button.type\" :icon=\"button.icon\" :styleIcon=\"button.styleIcon\" v-tooltip=\"GetTooltip(index)\" @click=\"button.click\"\n                 :disabled=\"button.disabled\" :label=\"button.label\"/>\n        <buttonc v-if=\"showCollapsed\" class=\"list\" type=\"block\" icon=\"fa-question\"\n                 @click=\"OpenMenuDetails\" v-tooltip=\"'Hilfe'\"/>\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 ?? \"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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=1fd200bc&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=1fd200bc&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  \"1fd200bc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./headerbuttonstack.vue?vue&type=style&index=0&id=1fd200bc&scoped=true&lang=css&\""],"sourceRoot":""}