{"version":3,"file":"6028.js?id=aae58b1f8f5d7036","mappings":"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","sources":["webpack://website-js/./src/components/timeline/TimeLine.vue?f183","webpack://website-js/./src/components/timeline/TimeLine.vue?b9f0","webpack://website-js/./src/components/timeline/TimeLine.vue","webpack://website-js/./src/components/timeline/TimeLine.vue?f867","webpack://website-js/./src/components/timeline/TimeLine.vue?8b5b","webpack://website-js/./src/components/timeline/TimeLine.vue?4d42"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./TimeLine.vue?vue&type=style&index=0&id=010bb70a&prod&lang=scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"152f266c\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.cbx-timeline{--tl-timeline-width:100%;opacity:0;transition:opacity .35s ease-in-out;z-index:1;position:relative}.cbx-timeline.ready{opacity:1}.cbx-timeline *{margin:0;padding:0;box-sizing:border-box}.cbx-timeline .cbx-timeline-circle{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--tl-border-dot-dark);top:0;left:50%;transform:translateX(-50%);z-index:3}.cbx-timeline .cbx-timeline-item{color:var(--tl-text-color)}.cbx-timeline .cbx-timeline-item h2{color:var(--tl-title-color)}.cbx-timeline.horizontal{display:flex;overflow-x:auto;padding:50px 0;position:relative;width:100%;box-sizing:border-box}.cbx-timeline.horizontal::-webkit-scrollbar{height:8px}.cbx-timeline.horizontal::-webkit-scrollbar-track{background:#f0f2f5}.cbx-timeline.horizontal::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.cbx-timeline.horizontal:before{content:\"\";position:absolute;top:50%;left:0;right:0;height:2px;border-top:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color);transform:translateY(-50%);width:var(--tl-timeline-width,100%);min-width:100%}.cbx-timeline.horizontal .cbx-timeline-item{flex:0 0 400px;position:relative;padding:0 20px;box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr;row-gap:40px}.cbx-timeline.horizontal .cbx-timeline-item h2{text-align:center;margin-bottom:1rem}.cbx-timeline.horizontal .cbx-timeline-item p{font-size:12px;letter-spacing:.01rem;line-height:1.5;margin-bottom:.75rem}.cbx-timeline.horizontal .cbx-timeline-item:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background-color:var(--tl-border-dot-dark);z-index:1}.cbx-timeline.horizontal .cbx-timeline-item:after{display:none}.cbx-timeline.horizontal .cbx-timeline-item:nth-child(odd) .cbx-timeline-item-content{grid-row:1;align-self:end}.cbx-timeline.horizontal .cbx-timeline-item:nth-child(2n) .cbx-timeline-item-content{grid-row:2}.cbx-timeline.vertical .cbx-timeline-middle-border{content:\"\";position:absolute;top:0;bottom:0;left:50%;margin-left:calc(var(--tl-border-width)/2*-1);width:var(--tl-border-width);border-left:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color)}.cbx-timeline.vertical .cbx-timeline-item{padding:20px;position:relative;display:flex;justify-content:center;align-items:center}.cbx-timeline.vertical .cbx-timeline-item.even{margin-left:50%}.cbx-timeline.vertical .cbx-timeline-item.odd{margin-right:50%}.cbx-timeline.vertical .cbx-timeline-item:last-of-type{margin:40px 25% 0}.cbx-timeline.vertical .cbx-timeline-item h2{text-align:center;position:relative;z-index:2;width:-moz-fit-content;width:fit-content;margin:0 auto}.cbx-timeline.vertical .cbx-timeline-item p{text-align:var(--tl-text-alignment);margin-top:10px}.cbx-timeline .spacer{height:1px}.cbx-timeline .cbx-timeline-item-line{position:absolute;top:0;height:0;width:100px;border-top:var(--tl-border-width) var(--tl-border-style) var(--tl-border-color)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{class:['cbx-timeline', _vm.direction]},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport { Vue, Component, Prop } from 'vue-property-decorator';\n/** TODO:\n    Timeline settings\n        [x] Remove: Headline and position\n        [x] Add styling options for this variables:\n        [x] --tl-border-width: 2px;\n        [x] --tl-border-style: solid;\n        [x] --tl-border-color: #A69158;\n        [x] --tl-border-dot-dark: #182341;\n        [x] --tl-border-dot-light: #C0DCD3;\n        [x] --tl-title-color: #182341;\n        [x] --tl-text-color: #182341;\n\n    Timeline item settings\n        [ ] Remove: Date and links.\n */\n@Component\nexport default class Timeline extends Vue {\n    @Prop({ type: String, default: 'horizontal' }) direction!: 'horizontal' | 'vertical';\n\n    mounted() {\n        this.$nextTick(() => {            \n            if (this.direction === 'horizontal') {\n                this.updateTimelineWidth();\n            } else {\n                // Add odd/even classes to items\n                const items = this.$el.querySelectorAll('.cbx-timeline-item');\n                items.forEach((item, idx) => {\n                    item.classList.add(idx % 2 === 0 ? 'odd' : 'even');\n                });\n                this.setupVerticalTimeline();\n            }\n            window.addEventListener('resize', this.onResize);\n            this.$el.classList.add('ready');\n        });\n    }\n\n    beforeDestroy() {\n        window.removeEventListener('resize', this.onResize);\n    }\n\n    onResize() {\n        if (this.direction === 'horizontal') {\n            this.updateTimelineWidth();\n        } else {\n            this.positionVerticalElements();\n        }\n    }\n\n    updateTimelineWidth() {\n        const timeline = this.$el as HTMLElement;\n        if (timeline) {\n            const scrollWidth = timeline.scrollWidth;\n            const width = timeline.clientWidth;\n            if (scrollWidth > width) {\n                timeline.style.setProperty('--tl-timeline-width', scrollWidth + 'px');\n            }\n        }\n    }\n\n    setupVerticalTimeline() {\n        console.log('setupVerticalTimeline');\n        const timeline = this.$el as HTMLElement;\n        console.log(timeline);\n        if (!timeline.querySelector('.cbx-timeline-middle-border')) {\n            const border = document.createElement('div');\n            border.classList.add('cbx-timeline-middle-border');\n            timeline.prepend(border);\n            console.log(border);\n            \n        }\n        this.createCircles();\n        this.createLines();\n        this.positionVerticalElements();\n    }\n\n    positionVerticalElements() {\n        this.positionCircles();\n        this.positionLines();\n        this.positionMiddleBorder();\n    }\n\n    createLines() {\n        const timeline = this.$el as HTMLElement;\n        const items = timeline.querySelectorAll('.cbx-timeline-item');\n        items.forEach((item, idx) => {\n            const isLastItem = idx === items.length - 1;\n            if (!isLastItem && !item.querySelector('.cbx-timeline-item-line')) {\n                const line = document.createElement('div');\n                line.className = 'cbx-timeline-item-line';\n                item.appendChild(line);\n            }\n        });\n    }\n\n    createCircles() {\n        const timeline = this.$el as HTMLElement;\n        const items = timeline.querySelectorAll('.cbx-timeline-item');\n        // Remove existing circles first\n        timeline.querySelectorAll('.cbx-timeline-circle').forEach(c => c.remove());\n        items.forEach(() => {\n            const circle = document.createElement('div');\n            circle.className = 'cbx-timeline-circle';\n            timeline.prepend(circle);\n            console.log(circle);\n        });\n        console.log(items);\n        \n    }\n\n    positionCircles() {\n        const timeline = this.$el as HTMLElement;\n        const circles = timeline.querySelectorAll('.cbx-timeline-circle');\n        const items = timeline.querySelectorAll('.cbx-timeline-item');\n        circles.forEach((circle, idx) => {\n        const isLastItem = idx === circles.length - 1;\n        const item = items[idx];\n        if (!item) return;\n        const itemTitle = item.querySelector('h2');\n        if (!itemTitle) return;\n        const itemTitleHeight = (itemTitle as HTMLElement).offsetHeight;\n        const style = window.getComputedStyle(item as HTMLElement);\n        const paddingTop = parseFloat(style.paddingTop);\n        const borderWidthString = style.getPropertyValue('--tl-border-width').trim();\n        const borderWidthNumber = parseFloat(borderWidthString);\n        if (!isLastItem) {\n            circle.setAttribute('style', `top: ${(item as HTMLElement).offsetTop + (paddingTop/2+(borderWidthNumber/2)) + (itemTitleHeight / 2)}px`);\n        } else {\n            circle.setAttribute('style', `top: ${(item as HTMLElement).offsetTop - 10}px`);\n        }\n        });\n    }\n\n    positionLines() {\n        const timeline = this.$el as HTMLElement;\n        const lines = timeline.querySelectorAll('.cbx-timeline-item-line');\n        const items = timeline.querySelectorAll('.cbx-timeline-item');\n        lines.forEach((line, idx) => {\n        const item = items[idx];\n        if (!item) return;\n        const itemTitle = item.querySelector('h2');\n        if (!itemTitle) return;\n        const itemTitleHeight = (itemTitle as HTMLElement).offsetHeight;\n        const style = window.getComputedStyle(item as HTMLElement);\n        const paddingTop = parseFloat(style.paddingTop);\n        (line as HTMLElement).style.top = `${paddingTop + (itemTitleHeight / 2)}px`;\n        if (idx % 2 === 0) {\n            (line as HTMLElement).style.right = '0';\n        } else {\n            (line as HTMLElement).style.left = '0';\n        }\n        (line as HTMLElement).style.width = `${(itemTitle as HTMLElement).offsetLeft-20}px`;\n        });\n    }\n\n    positionMiddleBorder() {\n        const timeline = this.$el as HTMLElement;\n        const items = timeline.querySelectorAll('.cbx-timeline-item');\n        if (!items.length) return;\n        const firstItem = items[0];\n        const lastItem  = items[items.length - 1];\n        const line      = timeline.querySelector('.cbx-timeline-middle-border') as HTMLElement;\n        if (!line) return;\n        if (getComputedStyle(timeline).position === 'static') {\n            timeline.style.position = 'relative';\n        }\n        line.style.position = 'absolute';\n        const parentRect = timeline.getBoundingClientRect();\n        const firstRect = firstItem.querySelector('h2').getBoundingClientRect();\n        const lastRect = lastItem.getBoundingClientRect();\n        const end = parentRect.bottom - (lastRect.top);\n        line.style.top = `${firstRect.top - parentRect.top + 10}px`;\n        line.style.bottom = `${end}px`;\n    }\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./TimeLine.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./TimeLine.vue?vue&type=script&lang=ts\"","import { render, staticRenderFns } from \"./TimeLine.vue?vue&type=template&id=010bb70a\"\nimport script from \"./TimeLine.vue?vue&type=script&lang=ts\"\nexport * from \"./TimeLine.vue?vue&type=script&lang=ts\"\nimport style0 from \"./TimeLine.vue?vue&type=style&index=0&id=010bb70a&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["content","__esModule","default","module","id","locals","exports","add","___CSS_LOADER_EXPORT___","push","render","_vm","this","_c","_self","_setupProxy","class","direction","_t","staticRenderFns","Timeline","Vue","mounted","$nextTick","updateTimelineWidth","items","$el","querySelectorAll","forEach","item","idx","classList","setupVerticalTimeline","window","addEventListener","onResize","beforeDestroy","removeEventListener","positionVerticalElements","timeline","scrollWidth","width","clientWidth","style","setProperty","console","log","querySelector","border","document","createElement","prepend","createCircles","createLines","positionCircles","positionLines","positionMiddleBorder","isLastItem","length","line","className","appendChild","c","remove","circle","circles","itemTitle","itemTitleHeight","offsetHeight","getComputedStyle","paddingTop","parseFloat","borderWidthString","getPropertyValue","trim","borderWidthNumber","setAttribute","offsetTop","lines","top","right","left","offsetLeft","firstItem","lastItem","position","parentRect","getBoundingClientRect","firstRect","lastRect","end","bottom","__decorate","Prop","type","String","Component","component"],"ignoreList":[],"sourceRoot":""}