{"version":3,"file":"VideoModal.js","names":["defineDs","m","ObserverUtil","_Modal","controller","_ref","Object","assign","pageModalsCount","document","querySelectorAll","length","view","ignoreArgs","slots","class","concat","actionClassName","onclick","remove","href","Modal","$parent","extraClassNames","arguments","undefined","$container","createElement","classList","add","prop","onCloseCallback","classNames","split","forEach","className","close","event","stopPropagation","preventDefault","videoElement","querySelector","currentTime","pause","onClose","callback","setContent","content","initVideo","video","container","stopPlaying","addEventListener","_container$querySelec","observerCallback","mutation","observerInstance","type","addedNodes","node","tagName","contains","disconnect","build","_$parent","body","appendChild","setTimeout","observer","play","toggle","mount"],"sources":["DanskeSpil/Domain/NumberGames/Scripts/Templates/Shared/VideoModal.js"],"sourcesContent":["defineDs('DanskeSpil/Domain/NumberGames/Scripts/Templates/Shared/VideoModal',\r\n  [\r\n    'Shared/Framework/Mithril/Scripts/Core/Mithril',\r\n    'DanskeSpil/Domain/NumberGames/Scripts/Helpers/MutationObserverUtil'\r\n  ],\r\n  function (m, ObserverUtil) {\r\n    const _Modal = {\r\n      controller: function ({ controller }) {\r\n        Object.assign(this, controller);\r\n\r\n        this.pageModalsCount = document.querySelectorAll('.generic-modal').length + 1;\r\n\r\n      },\r\n      view: function (controller, ignoreArgs, slots) {\r\n        // View:\r\n        return m('.generic-modal', {\r\n          class: `generic-modal--${controller.pageModalsCount} ${controller.actionClassName()}`\r\n        }, m('.generic-modal__card', [\r\n          m('button.generic-modal__close-button', {\r\n            onclick: controller.remove\r\n          }, m('svg.icon-x', m('use', { href: '/Components/DanskeSpil/Domain/NumberGames/Graphics/SpriteSheets/NumberGamesGenericCommonIcons.svg#icon-x' }))),\r\n          m('.generic-modal__card-content', slots())\r\n        ]));\r\n      }\r\n    };\r\n\r\n    const Modal = function ({ $parent, extraClassNames } = {}) {\r\n      this.$container = document.createElement('div');\r\n      this.$container.classList.add('generic-modal__container');\r\n      const slots = m.prop(null);\r\n      let onCloseCallback = m.prop(null);\r\n      this.actionClassName = m.prop('generic-modal--active');\r\n\r\n      if (extraClassNames?.length > 0) {\r\n        const classNames = extraClassNames.split(' ');\r\n        classNames.forEach((className) => {\r\n          this.$container.classList.add(className);\r\n        });\r\n      }\r\n\r\n      this.close = (event) => {\r\n        if (event) {\r\n\r\n          event.stopPropagation();\r\n          event.preventDefault();\r\n        }\r\n      };\r\n\r\n      this.remove = () => {\r\n        onCloseCallback();\r\n        const videoElement = this.$container.querySelector('video');\r\n        if (videoElement) {\r\n          videoElement.currentTime = 0;\r\n          videoElement.pause();\r\n        }\r\n        this.$container.classList.add('hidden');\r\n      };\r\n\r\n      this.onClose = function (callback) {\r\n        onCloseCallback = callback;\r\n      };\r\n\r\n      this.setContent = (content) => {\r\n        slots(content);\r\n      };\r\n\r\n      const initVideo = (video, container, stopPlaying) => {\r\n        if (stopPlaying) {\r\n          video.pause();\r\n          return;\r\n        }\r\n        video.addEventListener('loadeddata', () => {\r\n          video.pause(); // Pause after preloading enough for a seamless start\r\n        });\r\n        video.addEventListener('canplay', () => {\r\n          container.querySelector('.ds-cube-loader-wrapper')?.remove();\r\n        });\r\n      };\r\n\r\n      const observerCallback = (mutation, observerInstance, container) => {\r\n        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\r\n          mutation.addedNodes.forEach((node) => {\r\n            if (node.tagName === 'VIDEO') {\r\n              initVideo(node, container, !document.contains(node));\r\n              observerInstance.disconnect();\r\n            }\r\n          });\r\n        }\r\n      };\r\n\r\n      this.build = () => {\r\n        const _$parent = $parent || document.body;\r\n        _$parent.appendChild(this.$container);\r\n\r\n        setTimeout(() => {\r\n          const videoElement = this.$container.querySelector('video');\r\n          if (videoElement) {\r\n            initVideo(videoElement, this.$container);\r\n          } else {\r\n            ObserverUtil.observer(this.$container, observerCallback);\r\n          }\r\n        });\r\n      };\r\n\r\n      this.play = () => {\r\n        this.$container.classList.toggle('hidden');\r\n        const videoElement = this.$container.querySelector('video');\r\n        if (videoElement) {\r\n          videoElement.currentTime = 0;\r\n          videoElement.play();\r\n        }\r\n\r\n      };\r\n\r\n\r\n      m.mount(this.$container, m(_Modal, { controller: this }, slots));\r\n    };\r\n\r\n    // Public functions:\r\n    return Modal;\r\n  });\r\n"],"mappings":"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","ignoreList":[]}