{"version":3,"file":"446.eb1b7588464fdcfb65c5.js","mappings":"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","sources":["webpack://front-end-build-system/./src/views/productclasspage/shared/imagehelper.js","webpack://front-end-build-system/./src/views/productclasspage/shared/focustrap.js","webpack://front-end-build-system/./src/views/productclasspage/shared/imagezoom.js","webpack://front-end-build-system/./src/views/productclasspage/supplement/imagecontrollarge.js"],"sourcesContent":["export function build2xResponsiveImage({ url, width, height, alt, lazy }) {\n    const $image = document.createElement('img');\n\n    if (lazy) {\n        $image.loading = 'lazy';\n    }\n\n    $image.setAttribute('srcset', `${url}?w=${width} 1x, ${url}?w=${width * 2} 2x`);\n    $image.setAttribute('alt', alt);\n    $image.src = `${url}?w=${width}`;\n    $image.width = width;\n    $image.height = height;\n\n    return $image;\n}","function FocusTrap($container, $trigger) {\n    if (!$container) {\n        throw new Error('FocusTrap requires an element to be passed to it.');\n    }\n\n    this.$container = $container;\n    this.$activeElement = $trigger;\n    this.lastFocus = null;\n    this.focusableElements = findFocusable($container);\n    this.handleFocus = this.handleFocus.bind(this);\n}\n\nFocusTrap.prototype.handleFocus = function(e) {\n    if (this.$container.contains(e.target)) {\n        this.lastFocus = e.target;\n    } else {\n        if (this.lastFocus === this.focusableElements[0]) {\n            this.focusableElements[this.focusableElements.length - 1].focus();\n        } else {\n            this.focusableElements[0].focus();\n        }\n\n        this.lastFocus = document.activeElement;\n    }\n};\n\nFocusTrap.prototype.enable = function() {\n    if (this.focusableElements.length) {\n        document.addEventListener('focus', this.handleFocus, true);\n        this.focusableElements[0].focus();\n    }\n};\n\nFocusTrap.prototype.disable = function() {\n    if (this.focusableElements.length) {\n        document.removeEventListener('focus', this.handleFocus, true);\n        this.lastFocus = null;\n\n        if (this.$activeElement && this.$activeElement.tagName !== 'BODY') {\n            this.$activeElement.focus();\n        }\n    }\n};\n\nfunction findFocusable(element) {\n    return Array.from(element.querySelectorAll('[tabindex], button, a, input, textarea, select')).filter(function(e) {\n        return !e.disabled;\n    });\n}\n\nexport default FocusTrap;\n","import $ from 'jquery';\nimport FocusTrap from './focustrap';\n\nlet $zoom, $close, $image, $widgets, $body, $window, $panControls, zoomWidth, zoomHeight;\n\nconst keyCodes = {\n        UP: 38,\n        DOWN: 40,\n        LEFT: 37,\n        RIGHT: 39,\n        ESC: 27\n    },\n    PANNING_STEP_COUNT = 4,\n    imageZoom = {\n        _hide: function(e) {\n            if (this._isPanControlButton(e.target)) {\n                return;\n            }\n            var FADE_OUT_MILLISECONDS = 800;\n            $widgets.fadeOut(FADE_OUT_MILLISECONDS);\n            $window.off('keydown', this._handleKeyDown);\n            $body.off('keyup', this._handleKeyUp.bind(this));\n        },\n        _isPanControlButton: function(target) {\n            return target && target.className && /pan/gi.test(target.className);\n        },\n        _handleKeyDown: function(e) {\n            switch (e.keyCode) {\n                case keyCodes.UP:\n                case keyCodes.DOWN:\n                case keyCodes.LEFT:\n                case keyCodes.RIGHT:\n                    e.preventDefault();\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        _handleKeyUp: function(e) {\n            switch (e.keyCode) {\n                case keyCodes.ESC:\n                    this._hide(e);\n                    break;\n\n                case keyCodes.UP:\n                    this._panUp();\n                    break;\n\n                case keyCodes.DOWN:\n                    this._panDown();\n                    break;\n\n                case keyCodes.LEFT:\n                    this._panLeft();\n                    break;\n\n                case keyCodes.RIGHT:\n                    this._panRight();\n                    break;\n\n                default:\n                    break;\n            }\n        },\n        _show: function(callback) {\n            var FADE_IN_MILLISECONDS = 1000;\n            $widgets.fadeIn(FADE_IN_MILLISECONDS, callback);\n            $window.on('keydown', this._handleKeyDown);\n            $body.on('keyup', this._handleKeyUp.bind(this));\n        },\n        _preload: function(src, callback) {\n            if (!src) {\n                return;\n            }\n\n            var img = new Image();\n            // eslint-disable-next-line no-empty-function\n            img.onload = callback ? callback : function() {};\n            img.src = src;\n        },\n        _move: function(x, y) {\n            $image.css({top: y, left: x});\n        },\n        _xOffset: function(event) {\n            return event.offsetX ? event.offsetX : event.originalEvent.layerX;\n        },\n        _yOffset: function(event) {\n            return event.offsetY ? event.offsetY : event.originalEvent.layerY;\n        },\n        _position: function(position, zoomDimension, imageDimension) {\n            return -(position / zoomDimension) * (imageDimension - zoomDimension);\n        },\n        // eslint-disable-next-line max-params\n        _handleMoveEvent: function(xOffset, yOffset, imageWidth, imageHeight, zoomWidth, zoomHeight) {\n            var x = this._position(xOffset, zoomWidth, imageWidth),\n                y = this._position(yOffset, zoomHeight, imageHeight);\n\n            if (y > 0) {\n                y = 0;\n            }\n\n            this._move(x, y);\n        },\n        _addPanningEventListeners: function($panControls) {\n            $panControls\n                .off('click')\n                .on('click', '.panUp', this._panUp.bind(this))\n                .on('click', '.panLeft', this._panLeft.bind(this))\n                .on('click', '.panRight', this._panRight.bind(this))\n                .on('click', '.panDown', this._panDown.bind(this));\n        },\n        _panUp: function() {\n            var maxTopPosition = $image.height() - zoomHeight,\n                topStepIncrement = maxTopPosition / PANNING_STEP_COUNT,\n                position = parseFloat($image.css('top')) - topStepIncrement,\n                max = -maxTopPosition;\n\n            $image.css('top', position > max ? position : max + 'px');\n        },\n        _panDown: function() {\n            var maxTopPosition = $image.height() - zoomHeight,\n                topStepIncrement = maxTopPosition / PANNING_STEP_COUNT,\n                position = parseFloat($image.css('top')) + topStepIncrement;\n\n            $image.css('top', position < 0 ? position : 0 + 'px');\n        },\n        _panLeft: function() {\n            var maxLeftPosition = $image.width() - zoomWidth,\n                leftStepIncrement = maxLeftPosition / PANNING_STEP_COUNT,\n                position = parseFloat($image.css('left')) + leftStepIncrement;\n\n            $image.css('left', position < 0 ? position : 0 + 'px');\n        },\n        _panRight: function() {\n            var maxLeftPosition = $image.width() - zoomWidth,\n                leftStepIncrement = maxLeftPosition / PANNING_STEP_COUNT,\n                position = parseFloat($image.css('left')) - leftStepIncrement,\n                max = -maxLeftPosition;\n\n            $image.css('left', position > max ? position : max + 'px');\n        },\n        init: function($container, options) {\n            if (!$container) {\n                throw new Error('imageZoom requires a container element');\n            }\n\n            var focusTrap;\n\n            $($container)\n                .on(\n                    'click',\n                    '.zoomable',\n                    function(e) {\n                        e.preventDefault();\n\n                        var src = e.currentTarget.querySelector('img')?.dataset?.image;\n\n                        $zoom = document.getElementById('frame');\n\n                        if (!$zoom) {\n                            $zoom = $(\n                                '<div id=\"frame\"><div id=\"zoomShield\">&nbsp;</div><img id=\"zoom\" src=\"\" /></div>'\n                            ).prependTo($container);\n                            $close = $(\n                                '<a href=\"#\" id=\"zoomClose\" style=\"display:none;\" class=\"ignore-move\">Close <img src=\"/images/productClass/zoomCloseX.png\" width=\"28\" height=\"28\" alt=\"\" class=\"ignore-move\" /></a>'\n                            ).prependTo($zoom);\n\n                            $panControls = $(\n                                '<div id=\"panControls\">' +\n                                    '<button class=\"panUp\" aria-label=\"Pan image up\">&uarr;</button>' +\n                                    '<button class=\"panLeft\" aria-label=\"Pan image left\">&larr;</button>' +\n                                    '<button class=\"panDown\" aria-label=\"Pan image down\">&darr;</button>' +\n                                    '<button class=\"panRight\" aria-label=\"Pan image right\">&rarr;</button>' +\n                                    '</div>'\n                            ).appendTo($zoom);\n\n                            $image = $zoom.find('#zoom');\n                            $widgets = $zoom.add($close);\n                            $body = $('body');\n                            $window = $(window);\n                            zoomWidth = $zoom.width();\n                            zoomHeight = $zoom.height();\n\n                            if(options && options.height){\n                                zoomHeight = options.height;\n                                $zoom.css({height: `${options.height}px`});\n                            }\n\n                            focusTrap = new FocusTrap($zoom.get(0), e.currentTarget);\n                        }\n\n                        this._preload(\n                            src,\n                            function() {\n                                $image.attr('src', src);\n                                this._show(\n                                    function() {\n                                        if (typeof focusTrap !== 'undefined') {\n                                            focusTrap.enable();\n                                        }\n                                        this._addPanningEventListeners($panControls);\n                                    }.bind(this)\n                                );\n                            }.bind(this)\n                        );\n                    }.bind(this)\n                )\n                .on(\n                    'mouseenter touchstart',\n                    function(e) {\n                        this._preload($(e.target).data('image'));\n                    }.bind(this)\n                )\n                .on(\n                    'click',\n                    '#zoomClose',\n                    function(e) {\n                        e.preventDefault();\n                        this._hide(e);\n\n                        if (focusTrap) {\n                            focusTrap.disable();\n                        }\n                    }.bind(this)\n                )\n                .on(\n                    'mousemove touchmove',\n                    '#frame',\n                    function(e) {\n                        e.preventDefault();\n                        if (/pan/gi.test(e.target.className) || /pan/gi.test(e.target.id) || e.target.className === 'ignore-move') {\n                            return;\n                        }\n\n                        this._handleMoveEvent(\n                            this._xOffset(e),\n                            this._yOffset(e),\n                            $image.width(),\n                            $image.height(),\n                            zoomWidth,\n                            zoomHeight\n                        );\n                    }.bind(this)\n                )\n                .on('#frame', 'click', function(e) {\n                    e.stopPropagation();\n                });\n        }\n    };\n\nexport default imageZoom;\n","import { build2xResponsiveImage } from '../shared/imagehelper';\nimport imageZoom from '../shared/imagezoom';\n\nconst IMAGE_WIDTH = 396;\nconst THUMBNAIL_WIDTH = 96;\n\nclass ImageControlLarge {\n    constructor($container, productClassViewModel) {\n        if (!$container || !productClassViewModel) {\n            throw new Error('ImageControlLarge was called without required parameters');\n        }\n\n        const $fragment = document.createDocumentFragment(),\n            $parentContainer = document.getElementById('pc-top-content'),\n            largeOptions = {\n                height: $parentContainer ? $parentContainer.offsetHeight : null\n            };\n\n        this.viewmodel = productClassViewModel;\n        this.$container = $container;\n        this.selectedImage = this.viewmodel.selectedImage()\n            ? this.viewmodel.selectedImage()\n            : this.viewmodel.carouselImages[0];\n\n        this.$selectedContainer = document.createElement('div');\n        this.$selectedContainer.classList.add('image-control-selected');\n\n        this.$zoomable = document.createElement('a');\n\n        this.$zoomable.href = '#';\n        this.$zoomable.classList.add('zoomable');\n        this.$zoomable.setAttribute('aria-label', 'View larger image');\n\n        if ($container.firstElementChild && $container.firstElementChild.nodeName === 'IMG' && $container.firstElementChild.getAttribute('src').includes(this.selectedImage.url())) {\n            this.$selectedImage = $container.firstElementChild;\n            this.$selectedImage.dataset.image = this.$selectedImage.src.split('?')[0];\n        } else {\n            this.$selectedImage = document.createElement('img');\n            this.setSelectedImage(this.selectedImage.url());\n        }\n\n        this.$selectedImage.width = IMAGE_WIDTH;\n        this.$selectedImage.height = IMAGE_WIDTH;\n        this.$selectedImage.alt = '';\n\n        this.$zoomable.appendChild(this.$selectedImage);\n        this.$selectedContainer.appendChild(this.$zoomable);\n\n        $fragment.appendChild(this.$selectedContainer);\n\n        this.$thumbnails = document.createElement('div');\n        this.$thumbnails.classList.add('image-control-thumbnails');\n\n        this.viewmodel.carouselImages.forEach(image => {\n            const $thumbLink = document.createElement('a');\n            const url = image.url();\n            const $image = build2xResponsiveImage({\n                url,\n                width: THUMBNAIL_WIDTH,\n                height: THUMBNAIL_WIDTH,\n                alt: '',\n                lazy: true\n            });\n\n            $thumbLink.dataset.url = url;\n            $thumbLink.href = '#';\n            $thumbLink.setAttribute('aria-label', 'Show product image');\n\n            $thumbLink.appendChild($image);\n\n            this.$thumbnails.appendChild($thumbLink);\n            $thumbLink.addEventListener('click', event => this.handleClick(event), true);\n        });\n\n        $fragment.appendChild(this.$thumbnails);\n\n        if (this.viewmodel.carouselImages.length) {\n            this.$prev = document.createElement('button');\n            this.$prev.classList.add('image-control-prev');\n            this.$prev.setAttribute('aria-label', 'Previous Image');\n            this.$selectedContainer.appendChild(this.$prev);\n\n            this.$prev.addEventListener('click', e => this.handlePrevClick(e));\n\n            this.$next = document.createElement('button');\n            this.$next.classList.add('image-control-next');\n            this.$next.setAttribute('aria-label', 'Next Image');\n            this.$selectedContainer.appendChild(this.$next);\n\n            this.$next.addEventListener('click', e => this.handleNextClick(e));\n        }\n\n        this.$container.innerHTML = '';\n        this.$container.appendChild($fragment);\n\n        this.zoom = imageZoom.init(this.$container, largeOptions);\n\n        this.selectedImageSubscription = productClassViewModel.selectedImage.subscribe(image =>\n            this.setSelectedImage(image.url())\n        );\n    }\n\n    handleClick(e) {\n        e.preventDefault();\n        this.setSelectedImage(e.currentTarget.dataset.url);\n        this.viewmodel.selectedImage(\n            this.viewmodel.carouselImages.find(img => img.url() === e.currentTarget.dataset.url)\n        );\n    }\n\n    handleNextClick(e) {\n        e.preventDefault();\n        const index = this.getSelectedIndex();\n        this.viewmodel.selectedImage(\n            this.viewmodel.carouselImages[index === this.viewmodel.carouselImages.length - 1 ? 0 : index + 1]\n        );\n    }\n\n    handlePrevClick(e) {\n        e.preventDefault();\n        const index = this.getSelectedIndex();\n        this.viewmodel.selectedImage(\n            this.viewmodel.carouselImages[index === 0 ? this.viewmodel.carouselImages.length - 1 : index - 1]\n        );\n    }\n\n    getSelectedIndex() {\n        return this.viewmodel.carouselImages.indexOf(this.viewmodel.selectedImage());\n    }\n\n    setSelectedImage(url) {\n        this.$selectedImage.setAttribute('srcset', `${url}?w=${IMAGE_WIDTH} 1x, ${url}?w=${IMAGE_WIDTH * 2} 2x`);\n        this.$selectedImage.src = `${url}?width=${IMAGE_WIDTH}`;\n        this.$selectedImage.dataset.image = url;\n    }\n\n    destroy() {\n        this.$container.innerHTML = '';\n        this.selectedImageSubscription.dispose();\n    }\n}\n\nexport default ImageControlLarge;\n"],"names":["build2xResponsiveImage","_ref","url","width","height","alt","lazy","$image","document","createElement","loading","setAttribute","concat","src","FocusTrap","$container","$trigger","Error","element","this","$activeElement","lastFocus","focusableElements","Array","from","querySelectorAll","filter","e","disabled","handleFocus","bind","prototype","contains","target","length","focus","activeElement","enable","addEventListener","disable","removeEventListener","tagName","$zoom","$close","$widgets","$body","$window","$panControls","zoomWidth","zoomHeight","imageZoom","_hide","_isPanControlButton","fadeOut","off","_handleKeyDown","_handleKeyUp","className","test","keyCode","preventDefault","_panUp","_panDown","_panLeft","_panRight","_show","callback","fadeIn","on","_preload","img","Image","onload","_move","x","y","css","top","left","_xOffset","event","offsetX","originalEvent","layerX","_yOffset","offsetY","layerY","_position","position","zoomDimension","imageDimension","_handleMoveEvent","xOffset","yOffset","imageWidth","imageHeight","_addPanningEventListeners","maxTopPosition","topStepIncrement","parseFloat","max","leftStepIncrement","maxLeftPosition","init","options","focusTrap","$","_e$currentTarget$quer","currentTarget","querySelector","dataset","image","getElementById","prependTo","appendTo","find","add","window","get","attr","data","id","stopPropagation","IMAGE_WIDTH","ImageControlLarge","productClassViewModel","_this","_classCallCheck","$fragment","createDocumentFragment","$parentContainer","largeOptions","offsetHeight","viewmodel","selectedImage","carouselImages","$selectedContainer","classList","$zoomable","href","firstElementChild","nodeName","getAttribute","includes","$selectedImage","split","setSelectedImage","appendChild","$thumbnails","forEach","$thumbLink","handleClick","$prev","handlePrevClick","$next","handleNextClick","innerHTML","zoom","selectedImageSubscription","subscribe","key","value","index","getSelectedIndex","indexOf","dispose"],"sourceRoot":""}