{"version":3,"sources":["webpack:///./LeLab.Web/src/js/comparator.entry.js","webpack:///./node_modules/js-event-bus/src/index.js"],"names":["eventBus","EventBus","ComparatorState","constructor","on","obj","state","getState","some","x","id","this","setState","emit","filter","window","addEventListener","e","localStorage","setItem","JSON","stringify","storageItem","getItem","parse","PageComponent","node","dataset","compareId","title","compareTitle","image","compareImage","disableUpdate","clickHandler","click","bind","updateHandler","update","classList","contains","remove","add","setTimeout","destroy","removeEventListener","detach","count","animationendHandler","animationend","length","innerText","empty","querySelector","enum","list","template","items","querySelectorAll","stateIds","map","itemsIds","forEach","item","includes","parentNode","removeChild","newItem","document","importNode","content","src","onClickComparatorRemove","append","style","setProperty","href","getAttribute","split","ids","setAttribute","join","body","target","closest","navigator","userAgent","search","location","trigger","createElement","barbaHistory","currentIds","URLSearchParams","substring","get","barba","go","history","module","exports","listeners","registerListener","event","callback","number","type","name","validateNumber","Error","that","push","n","toLowerCase","toBeRemoved","info","execution","eventName","once","exactly","die","off","undefined","k","hasOwnProperty","splice","detachAll","context","Array","prototype","apply","indexOf","newName","replace","match","parentArgs","arguments","index","args","Object","keys","i"],"mappings":"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","file":"comparator.js","sourcesContent":["import { barba, PageComponent } from \"barba\"\r\nimport EventBus from \"js-event-bus\"\r\n\r\n\r\n\r\n/**\r\n * Local storage key into which store state\r\n */\r\nconst COMPARATOR_STATE_KEY = 'comparator-state'\r\n\r\n\r\n\r\n/**\r\n * Event Bus\r\n *\r\n * DO NOT USE 'add' AND 'remove' EVENT TO\r\n * UPDATE DOM STATE! THIS COULD CAUSE\r\n * PROBLEM ACROSS MULTIPLE TABS OR WINDOW.\r\n * USE 'update' EVENT TO UPDATE DISPLAY.\r\n * \r\n * event: 'add'\r\n * args: { id, title, image }\r\n * \r\n * event: 'remove'\r\n * args: { id }\r\n * \r\n * event: 'update'\r\n * args: [{ id, title, image }...]\r\n * \r\n */\r\nconst EVENT_NAME_ADD = 'add'\r\nconst EVENT_NAME_REMOVE = 'remove'\r\nconst EVENT_NAME_UPDATE = 'update'\r\nconst eventBus = new EventBus();\r\n\r\n\r\n\r\n/**\r\n * Central management of comparator state into local storage\r\n */\r\nclass ComparatorState {\r\n    constructor() {\r\n        eventBus.on(EVENT_NAME_ADD, obj => {\r\n            let state = ComparatorState.getState()\r\n            if (state.some(x => x.id === obj.id)) return\r\n            state = [...state, obj]\r\n            this.setState(state)\r\n            eventBus.emit(EVENT_NAME_UPDATE, null, state)\r\n        })\r\n\r\n        eventBus.on(EVENT_NAME_REMOVE, obj => {\r\n            let state = ComparatorState.getState().filter(x => x.id !== obj.id)\r\n            this.setState(state)\r\n            eventBus.emit(EVENT_NAME_UPDATE, null, state)\r\n        })\r\n\r\n        window.addEventListener('storage', e => {\r\n            eventBus.emit(EVENT_NAME_UPDATE, null, ComparatorState.getState())\r\n        })\r\n    }\r\n\r\n    setState(state) {\r\n        localStorage.setItem(COMPARATOR_STATE_KEY, JSON.stringify(state))\r\n    }\r\n\r\n    static getState() {\r\n        const storageItem = localStorage.getItem(COMPARATOR_STATE_KEY);\r\n        return storageItem ? JSON.parse(storageItem) : []\r\n    }\r\n}\r\nnew ComparatorState()\r\n\r\n\r\n\r\n/**\r\n * Compare partial component\r\n * Views/Partials/Components/Compare.cshtml\r\n */\r\nconst COMPARE_CLASS_ADD = 'compare--add'\r\nconst COMPARE_CLASS_ADDED = 'compare--added'\r\nconst COMPARE_CLASS_REMOVE = 'compare--delete'\r\n\r\nclass Compare {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.id = node.dataset.compareId\r\n        this.title = node.dataset.compareTitle\r\n        this.image = node.dataset.compareImage\r\n        this.disableUpdate = false\r\n\r\n        this.clickHandler = this.click.bind(this)\r\n        this.updateHandler = this.update.bind(this)\r\n\r\n        this.update(ComparatorState.getState())\r\n\r\n        this.node.addEventListener(\"click\", this.clickHandler)\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    click() {\r\n        const obj = {\r\n            id: this.id,\r\n            title: this.title,\r\n            image: this.image\r\n        }\r\n\r\n        // Add\r\n        if (this.node.classList.contains(COMPARE_CLASS_ADD)) {\r\n            this.disableUpdate = true\r\n\r\n            eventBus.emit(EVENT_NAME_ADD, null, obj)\r\n\r\n            this.node.classList.remove(COMPARE_CLASS_ADD)\r\n            this.node.classList.add(COMPARE_CLASS_ADDED)\r\n\r\n            setTimeout(() => {\r\n                this.disableUpdate = false\r\n                this.update(ComparatorState.getState())\r\n            }, 2000)\r\n\r\n            return\r\n        }\r\n        \r\n        // Remove\r\n        if (this.node.classList.contains(COMPARE_CLASS_REMOVE)) {\r\n            this.disableUpdate = false\r\n            eventBus.emit(EVENT_NAME_REMOVE, null, obj)\r\n            return\r\n        }\r\n    }\r\n\r\n    update(state) {\r\n        if (this.disableUpdate) {\r\n            return\r\n        }\r\n\r\n        this.node.classList.remove(COMPARE_CLASS_ADD, COMPARE_CLASS_ADDED, COMPARE_CLASS_REMOVE)\r\n\r\n        if (state.some(x => x.id === this.id)) {\r\n            this.node.classList.add(COMPARE_CLASS_REMOVE)\r\n            return\r\n        }\r\n\r\n        this.node.classList.add(COMPARE_CLASS_ADD)\r\n    }\r\n\r\n    destroy() {\r\n        this.node.removeEventListener(\"click\", this.clickHandler)\r\n\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.id\r\n        delete this.title\r\n        delete this.image\r\n        delete this.disableUpdate\r\n\r\n        delete this.clickHandler\r\n        delete this.updateHandler\r\n    }\r\n}\r\nnew PageComponent(\".compare\", Compare)\r\n\r\n\r\n\r\n/**\r\n * Update header comparator counter\r\n */\r\nconst HEADER_COMARATOR_COUNT_CLASS_BLINK = 'header-comparator__count--blink'\r\nconst HEADER_COMARATOR_COUNT_CLASS_HIDDEN = 'hidden'\r\n\r\nclass HeaderComparatorCount {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.count = null\r\n        this.updateHandler = this.update.bind(this)\r\n        this.animationendHandler = this.animationend.bind(this)\r\n\r\n        this.update(ComparatorState.getState())\r\n\r\n        this.node.addEventListener('animationend', this.animationendHandler)\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    update(state) {\r\n        const count = state.length\r\n\r\n        // Update text\r\n        this.node.innerText = count\r\n\r\n        // Visibility\r\n        if (count <= 0) {\r\n            this.node.classList.add(HEADER_COMARATOR_COUNT_CLASS_HIDDEN)\r\n        } else {\r\n            this.node.classList.remove(HEADER_COMARATOR_COUNT_CLASS_HIDDEN)\r\n        }\r\n\r\n        // Quit if initial (null), same or lower\r\n        if (this.count === null || this.count >= count) {\r\n            this.count = count\r\n            return\r\n        }\r\n\r\n        // Blink animation not playing, do it\r\n        if (!this.node.classList.contains(HEADER_COMARATOR_COUNT_CLASS_BLINK)) {\r\n            this.node.classList.add(HEADER_COMARATOR_COUNT_CLASS_BLINK)\r\n        }\r\n\r\n        // Save count\r\n        this.count = count\r\n    }\r\n\r\n    animationend() {\r\n        this.node.classList.remove(HEADER_COMARATOR_COUNT_CLASS_BLINK)\r\n    }\r\n\r\n    destroy() {\r\n        this.node.removeEventListener('animationend', this.animationendHandler)\r\n\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.count\r\n        delete this.updateHandler\r\n        delete this.animationendHandler\r\n    }\r\n}\r\nnew PageComponent(\".header-comparator__count\", HeaderComparatorCount)\r\n\r\n\r\n\r\n/**\r\n * Update header comparator dropdown\r\n */\r\nclass HeaderComparatorDropdown {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.empty = this.node.querySelector('.header-comparator__empty')\r\n        this.enum = this.node.querySelector('.header-comparator__enum')\r\n        this.list = this.node.querySelector('.header-comparator__list')\r\n        this.template = this.list.querySelector('template')\r\n\r\n        this.updateHandler = this.update.bind(this)\r\n        this.update(ComparatorState.getState())\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    update(state) {\r\n        // Is empty\r\n        if (state.length <= 0) {\r\n            this.empty.classList.remove('hidden')\r\n            this.enum.classList.add('hidden')\r\n            return\r\n        }\r\n\r\n        // Existing items element\r\n        const items = [...this.list.querySelectorAll('.header-comparator__item')]\r\n\r\n        // Array of ids in state and items\r\n        const stateIds = state.map(x => x.id)\r\n        const itemsIds = items.map(x => x.dataset.id)\r\n        \r\n        // Remove items not in state\r\n        items.forEach(item => {\r\n            if (stateIds.includes(item.dataset.id)) {\r\n                return\r\n            }\r\n            item.parentNode.removeChild(item)\r\n        })\r\n\r\n        // Add new items\r\n        state.forEach(obj => {\r\n            if (itemsIds.includes(obj.id)) {\r\n                return\r\n            }\r\n            \r\n            let newItem = document.importNode(this.template.content, true)\r\n            newItem.querySelectorAll('.header-comparator__item').forEach(x => x.dataset.id = obj.id)\r\n            newItem.querySelectorAll('.header-comparator__item-img').forEach(x => { x.src = `${obj.image}?mode=max&bgcolor=FFFFFF&format=jpeg&width=160&height=128` })\r\n            newItem.querySelectorAll('.header-comparator__item-title').forEach(x => x.innerText = obj.title)\r\n            newItem.querySelectorAll('.header-comparator__item-delete').forEach(x => x.dataset.onClickComparatorRemove = obj.id)\r\n\r\n            this.list.append(newItem)\r\n            newItem = null\r\n        })\r\n\r\n        // Hide empty, show list\r\n        this.empty.classList.add('hidden')\r\n        this.enum.classList.remove('hidden')\r\n    }\r\n\r\n    destroy() {\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.empty \r\n        delete this.enum\r\n        delete this.list\r\n        delete this.template\r\n\r\n        delete this.updateHandler\r\n    }\r\n}\r\nnew PageComponent(\".header-comparator__dropdown\", HeaderComparatorDropdown)\r\n\r\n\r\n\r\n/**\r\n * Mobile header visibility when item added to caparator\r\n */\r\nclass HeaderMobileVisibility {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.count = null\r\n        this.updateHandler = this.update.bind(this)\r\n\r\n        this.update(ComparatorState.getState())\r\n\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    update(state) {\r\n        const count = state.length\r\n\r\n        // Quit if initial (null), same or lower\r\n        if (this.count === null || this.count >= count) {\r\n            this.count = count\r\n            return\r\n        }\r\n\r\n        // Update offset css custom properties to force reveal\r\n        this.node.style.setProperty('--header-offset-y', '0px')\r\n\r\n        // Save count\r\n        this.count = count\r\n    }\r\n\r\n    destroy() {\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.count\r\n        delete this.updateHandler\r\n    }\r\n}\r\nnew PageComponent(\".header\", HeaderMobileVisibility)\r\n\r\n\r\n\r\n/**\r\n * Update HREF of link\r\n */\r\nclass ComparatorHref {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.href = node.getAttribute('href').split('?')[0]\r\n        this.updateHandler = this.update.bind(this)\r\n\r\n        this.update(ComparatorState.getState())\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    update(state) {\r\n        const ids = state.map(x => x.id)\r\n\r\n        if (ids && ids.length > 0) {\r\n            this.node.setAttribute('href', `${this.href}?id=${ids.join(',')}`)\r\n            return\r\n        }\r\n        \r\n        this.node.setAttribute('href', this.href)\r\n    }\r\n\r\n    destroy() {\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.href\r\n        delete this.updateHandler\r\n    }\r\n}\r\nnew PageComponent(\"a[href][data-comparator-href]\", ComparatorHref)\r\n\r\n\r\n\r\n/**\r\n * Data attribue applied to element, when clicked,\r\n * remove the ID from the state.\r\n * \r\n * data-on-click-comparator-remove=\"ID\"\r\n */\r\nclass OnClickComparatorRemove {\r\n    constructor() {\r\n        document.body.addEventListener(\r\n            'click',\r\n            e => {\r\n                const node = e.target.closest('[data-on-click-comparator-remove]')\r\n                if (!node) return\r\n                // Hotfix, timeout solve problem with \"is-within\" (class IsWithinClass)\r\n                setTimeout(() => {\r\n                    eventBus.emit(EVENT_NAME_REMOVE, null, { id: node.dataset.onClickComparatorRemove })\r\n                }, 0)\r\n            }\r\n        )\r\n    }\r\n}\r\nnew OnClickComparatorRemove()\r\n\r\n\r\n\r\n/**\r\n * Add scroll-snap to compatible browsers\r\n */\r\nclass ComparatorScrollSnap {\r\n    constructor({ node }) {\r\n        if (navigator.userAgent.search(\"Firefox\") === -1) {\r\n            node.classList.add('comparator--snap')\r\n        }\r\n    }\r\n    destroy() {}\r\n}\r\nnew PageComponent(\".comparator\", ComparatorScrollSnap)\r\n\r\n\r\n\r\n/**\r\n * Update HREF of link\r\n */\r\nclass ComparatorReload {\r\n    constructor({ node }) {\r\n        this.node = node\r\n        this.href = location.href.split('?')[0]\r\n\r\n        // This will be used with barba.go(url, trigger)\r\n        // has the trigger argument (which will replace the history)\r\n        this.trigger = document.createElement('a')\r\n        this.trigger.dataset.barbaHistory = 'replace'\r\n\r\n        this.updateHandler = this.update.bind(this)\r\n\r\n        this.update(ComparatorState.getState())\r\n        eventBus.on(EVENT_NAME_UPDATE, this.updateHandler)\r\n    }\r\n\r\n    update(state) {\r\n        const currentParams = new URLSearchParams(document.location.search.substring(1))\r\n        const currentIds = currentParams.get(\"id\")\r\n        const stateIds = state.map(x => x.id).join(',')\r\n\r\n        if (currentIds === stateIds) {\r\n            return\r\n        }\r\n\r\n        if (stateIds) {\r\n            barba.go(`${this.href}?id=${stateIds}`, this.trigger)\r\n            return\r\n        }\r\n\r\n        barba.history.add(this.href, this.trigger)\r\n    }\r\n\r\n    destroy() {\r\n        eventBus.detach(EVENT_NAME_UPDATE, this.updateHandler)\r\n\r\n        delete this.node\r\n        delete this.href\r\n        delete this.updateHandler\r\n    }\r\n}\r\nnew PageComponent(\".comparator\", ComparatorReload)\r\n","(function(caller, bus) {\n  if (typeof exports === 'object' && typeof module === 'object') {\n    module.exports = bus();\n  } else if (typeof exports === 'object') {\n    exports.EventBus = bus();\n  } else {\n    caller.EventBus = bus();\n  }\n})(this, function() {\n  var EventBus = function() {\n    this.listeners = {};\n\n    this.registerListener = function(event, callback, number) {\n      var type = event.constructor.name;\n      number = this.validateNumber(number || 'any');\n\n      if (type !== 'Array') {\n        event = [event];\n      }\n\n      event.forEach(function(e) {\n        if (e.constructor.name !== 'String') {\n          throw new Error(\n            'Only `String` and array of `String` are accepted for the event names!'\n          );\n        }\n\n        that.listeners[e] = that.listeners[e] || [];\n        that.listeners[e].push({\n          callback: callback,\n          number: number,\n        });\n      });\n    };\n\n    // valiodate that the number is a vild number for the number of executions\n    this.validateNumber = function(n) {\n      var type = n.constructor.name;\n\n      if (type === 'Number') {\n        return n;\n      } else if (type === 'String' && n.toLowerCase() === 'any') {\n        return 'any';\n      }\n\n      throw new Error(\n        'Only `Number` and `any` are accepted in the number of possible executions!'\n      );\n    };\n\n    // return wether or not this event needs to be removed\n    this.toBeRemoved = function(info) {\n      var number = info.number;\n      info.execution = info.execution || 0;\n      info.execution++;\n\n      if (number === 'any' || info.execution < number) {\n        return false;\n      }\n\n      return true;\n    };\n\n    var that = this;\n    return {\n      /**\n       * Attach a callback to an event\n       * @param {string} eventName - name of the event.\n       * @param {function} callback - callback executed when this event is triggered\n       */\n      on: function(eventName, callback) {\n        that.registerListener.bind(that)(eventName, callback, 'any');\n      },\n\n      /**\n       * Attach a callback to an event. This callback will not be executed more than once if the event is trigger mutiple times\n       * @param {string} eventName - name of the event.\n       * @param {function} callback - callback executed when this event is triggered\n       */\n      once: function(eventName, callback) {\n        that.registerListener.bind(that)(eventName, callback, 1);\n      },\n\n      /**\n       * Attach a callback to an event. This callback will be executed will not be executed more than the number if the event is trigger mutiple times\n       * @param {number} number - max number of executions\n       * @param {string} eventName - name of the event.\n       * @param {function} callback - callback executed when this event is triggered\n       */\n      exactly: function(number, eventName, callback) {\n        that.registerListener.bind(that)(eventName, callback, number);\n      },\n\n      /**\n       * Kill an event with all it's callbacks\n       * @param {string} eventName - name of the event.\n       */\n      die: function(eventName) {\n        delete that.listeners[eventName];\n      },\n\n      /**\n       * Kill an event with all it's callbacks\n       * @param {string} eventName - name of the event.\n       */\n      off: function(eventName) {\n        this.die(eventName);\n      },\n\n      /**\n       * Remove the callback for the given event\n       * @param {string} eventName - name of the event.\n       * @param {callback} callback - the callback to remove (undefined to remove all of them).\n       */\n      detach: function(eventName, callback) {\n        if (callback === undefined) {\n          that.listeners[eventName] = [];\n          return true;\n        }\n\n        for (var k in that.listeners[eventName]) {\n          if (\n            that.listeners[eventName].hasOwnProperty(k) &&\n            that.listeners[eventName][k].callback === callback\n          ) {\n            that.listeners[eventName].splice(k, 1);\n            return this.detach(eventName, callback);\n          }\n        }\n\n        return true;\n      },\n\n      /**\n       * Remove all the events\n       */\n      detachAll: function() {\n        for (var eventName in that.listeners) {\n          if (that.listeners.hasOwnProperty(eventName)) {\n            this.detach(eventName);\n          }\n        }\n      },\n\n      /**\n       * Emit the event\n       * @param {string} eventName - name of the event.\n       */\n      emit: function(eventName, context) {\n        var listeners = [];\n        for (name in that.listeners) {\n          if (that.listeners.hasOwnProperty(name)) {\n            if (name === eventName) {\n              //TODO: this lib should definitely use > ES5\n              Array.prototype.push.apply(listeners, that.listeners[name]);\n            }\n\n            if (name.indexOf('*') >= 0) {\n              var newName = name.replace(/\\*\\*/, '([^.]+.?)+');\n              newName = newName.replace(/\\*/g, '[^.]+');\n\n              var match = eventName.match(newName);\n              if (match && eventName === match[0]) {\n                Array.prototype.push.apply(listeners, that.listeners[name]);\n              }\n            }\n          }\n        }\n\n        var parentArgs = arguments;\n\n        context = context || this;\n        listeners.forEach(function(info, index) {\n          var callback = info.callback;\n          var number = info.number;\n\n          if (context) {\n            callback = callback.bind(context);\n          }\n\n          var args = [];\n          Object.keys(parentArgs).map(function(i) {\n            if (i > 1) {\n              args.push(parentArgs[i]);\n            }\n          });\n\n          // this event cannot be fired again, remove from the stack\n          if (that.toBeRemoved(info)) {\n            that.listeners[eventName].splice(index, 1);\n          }\n\n          callback.apply(null, args);\n        });\n      },\n    };\n  };\n\n  return EventBus;\n});\n"],"sourceRoot":""}