{"version":3,"sources":["webpack:///./src/feature/list-group/list-group.js"],"names":["classes","collapsed","open","item","ListGroup","element","el","body","window","features","dom","initDomCache","contentHeight","content","offsetHeight","expanderColumn","querySelector","resizeTimeout","collapseContent","initEvents","addEventListener","resizeThrottler","toggle","e","preventDefault","expandContent","setTimeout","actualResizeHandler","classList","contains","contentInner","style","maxHeight","add","remove","BaseFeature"],"mappings":"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","file":"21-03a0ca2d.pkg.js","sourcesContent":["import BaseFeature from '../../foundation/base/base';\r\n\r\nconst classes = {\r\n\tcollapsed: 'o-list-group--collapsed',\r\n\topen: 'o-list-group--open',\r\n\titem: 'o-list-group__item',\r\n};\r\n\r\nexport default class ListGroup extends BaseFeature {\r\n\tconstructor(element) {\r\n\t\tsuper(element);\r\n\t\tthis.el = element;\r\n\t\tthis.body = window.features.dom.body;\r\n\t\tthis.initDomCache();\r\n\r\n\t\tthis.contentHeight = this.dom.content.offsetHeight;\r\n\t\tthis.expanderColumn = this.el.querySelector('.o-list-group__item');\r\n\t\tthis.resizeTimeout = null; // Used by the resize function to throttle resize event\r\n\r\n\t\tthis.collapseContent();\r\n\t\tthis.initEvents();\r\n\t}\r\n\r\n\tinitEvents() {\r\n\t\t// Add resize event\r\n\t\twindow.addEventListener('resize', () => {\r\n\t\t\tthis.resizeThrottler();\r\n\t\t});\r\n\r\n\t\tthis.addEventListener(this.dom.toggle, 'click', (e) => {\r\n\t\t\te.preventDefault();\r\n\t\t\tthis.expandContent();\r\n\t\t});\r\n\t}\r\n\r\n\tresizeThrottler() {\r\n\t\t// Ignore resize events as long as an actualResizeHandler execution is in the queue\r\n\t\tif (!this.resizeTimeout) {\r\n\t\t\tthis.resizeTimeout = setTimeout(() => {\r\n\t\t\t\tthis.resizeTimeout = null;\r\n\t\t\t\tthis.actualResizeHandler();\r\n\t\t\t\t// The actualResizeHandler will execute at a rate of 15fps\r\n\t\t\t}, 66);\r\n\t\t}\r\n\t}\r\n\r\n\tactualResizeHandler() {\r\n\t\tif (!this.el.classList.contains(classes.open)) {\r\n\t\t\tthis.collapseContent();\r\n\t\t}\r\n\t}\r\n\r\n\tcollapseContent() {\r\n\t\tif (this.el.classList.contains(classes.open)) return;\r\n\t\t// In some rare occations, 2x the height results in floating points.\r\n\t\t// It's enough to check for 1.5x the height since it should never be more than 1.\r\n\t\tif (this.dom.contentInner.offsetHeight >= (this.expanderColumn.offsetHeight * 1.5)) {\r\n\t\t\t// Multiply offset height with the percentage that should be visible.\r\n\t\t\tthis.dom.content.style.maxHeight = (this.expanderColumn.offsetHeight * 1.25) + 'px';\r\n\t\t\tif (!this.el.classList.contains(classes.collapsed)) {\r\n\t\t\t\tthis.el.classList.add(classes.collapsed);\r\n\t\t\t}\r\n\t\t} else if (this.el.classList.contains(classes.collapsed)) {\r\n\t\t\tthis.el.classList.remove(classes.collapsed);\r\n\t\t}\r\n\t}\r\n\r\n\texpandContent() {\r\n\t\tthis.dom.content.style.maxHeight = this.dom.contentInner.offsetHeight + 'px';\r\n\t\tif (!this.el.classList.contains(classes.open)) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.el.classList.add(classes.open);\r\n\t\t\t\tthis.dom.content.style.maxHeight = 'none';\r\n\t\t\t}, 400);\r\n\t\t}\r\n\t}\r\n}\r\n"],"sourceRoot":""}