\r\n\t\t\t\t\t
`;\r\n }\r\n\r\n private setModalState() {\r\n helper.removeClass(this._node, [\"online\", \"offline\", \"connected\", \"videochat\", \"incoming\"]);\r\n helper.addClass(this._node, this.hostData.state);\r\n }\r\n}\r\n","import * as helper from './helper';\nimport * as Events from './Events';\n\nexport default class Paginator {\n\tprivate readonly _num: number;\n\tprivate readonly _size: number;\n\tprivate readonly _parentNode: Element;\n\tprivate _node: Element;\n\tprivate _page: number;\n\n\tconstructor(count: number, size: number, parentNode: Element) {\n\t\tthis._page = 0;\n\t\tthis._num = count;\n\t\tthis._size = size;\n\t\tthis._parentNode = parentNode;\n\n\t\tif (count > size) {\n\t\t\tthis._node = this.createHtml();\n\n\t\t\tthis._parentNode.insertAdjacentElement('afterend', this._node);\n\t\t\thelper.addEventListener(this._node, 'click', this.handleClick.bind(this));\n\t\t}\n\t}\n\n\tprivate handleClick(evt) {\n\t\tevt.preventDefault();\n\t\tlet element = evt.target;\n\t\tlet button = element.closest('li');\n\t\tlet newPage = parseInt(helper.getData(button, 'page'), 10);\n\t\tthis._page = newPage;\n\t\thelper.triggerEvent(this._parentNode, Events.PAGINATION_CHANGE_PAGE, {page: newPage});\n\n\t\thelper.removeEventListener(this._node, 'click', this.handleClick);\n\t\tlet newNode = this.createHtml();\n\t\tthis._node.replaceWith(newNode);\n\t\tthis._node = newNode;\n\t\thelper.addEventListener(this._node, 'click', this.handleClick.bind(this));\n\t}\n\n\tprivate createHtml() {\n\t\tlet amount = Math.floor(this._num / this._size);\n\n\t\tlet previous = `\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t${this.hostData.name} (${this.hostData.age})\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t![\"\"](\"${this.hostData.images[0].urls[\"640\"]}\")
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t![\"\"](\"${this.hostData.images[1].urls[\"640\"]}\")
\r\n\t\t\t\t\t\t\t\t![\"\"](\"${this.hostData.images[2].urls[\"640\"]}\")
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t${cta}
\r\n\t\t\t\t\t\t\t${line}\r\n\t\t\t\t\t\t\t${box}\r\n\t\t\t\t\t\t\t${infos}\r\n\t\t\t\t\t\t\n\t\t\t
\n\t\t`);\n\t}\n}\n","/**\n * Attaches an event listener that will fire once and then autodelete\n *\n * @param el\n * @param eventname\n * @param handler\n */\nexport function one(el, eventname, handler) {\n\tif (typeof el === 'undefined') return;\n\n\taddEventListener(el, eventname, function justOnce() {\n\t\thandler();\n\t\tremoveEventListener(el, eventname, justOnce);\n\t});\n}\n\nexport function getData(el, name) {\n\tif (typeof el === 'undefined') return '';\n\n\tif (typeof el.dataset === 'undefined') {\n\t\treturn el.getAttribute('data-' + name);\n\t}\n\n\treturn el.dataset[name];\n}\n\nexport function addEventListener(el, eventName, handler) {\n\tif (typeof el === 'undefined' || el === null) return;\n\n\tif (el.addEventListener) {\n\t\tel.addEventListener(eventName, handler);\n\t} else {\n\t\tel.attachEvent('on' + eventName, function () {\n\t\t\thandler.call(el);\n\t\t});\n\t}\n}\n\nexport function removeEventListener(el, eventName, handler) {\n\tif (typeof el === 'undefined') return;\n\n\tif (el.removeEventListener) {\n\t\tel.removeEventListener(eventName, handler);\n\t} else {\n\t\tel.detachEvent('on' + eventName, handler);\n\t}\n}\n\nexport function addClass(el, className) {\n\tif (typeof el === 'undefined') return;\n\n\tif (el.classList) {\n\t\tel.classList.add(className);\n\t} else {\n\t\tel.className += ' ' + className;\n\t}\n}\n\nexport function removeClass(el : Element, className : string | Array- \n\t\t\t\t${previous} \n\t\t\t\t${numberButtons}\n\t\t\t\t${next}\n\t\t\t