{"version":3,"file":"js/1779.9155d57cdd0f40a4bd57.min.js","mappings":"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","sources":["webpack://nop-theme-base/./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js","webpack://nop-theme-base/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js","webpack://nop-theme-base/./src/components/megaMenu/MegaMenu.js"],"sourcesContent":["import objectWithoutPropertiesLoose from \"./objectWithoutPropertiesLoose.js\";\nexport default function _objectWithoutProperties(source, excluded) {\n  if (source == null) return {};\n  var target = objectWithoutPropertiesLoose(source, excluded);\n  var key, i;\n  if (Object.getOwnPropertySymbols) {\n    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n    for (i = 0; i < sourceSymbolKeys.length; i++) {\n      key = sourceSymbolKeys[i];\n      if (excluded.indexOf(key) >= 0) continue;\n      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n      target[key] = source[key];\n    }\n  }\n  return target;\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}","import { h, render } from 'preact'\nimport { useState, useEffect } from 'preact/hooks'\nimport { memo } from 'preact/compat'\nimport { useSize } from 'utils/dom'\n\nfunction MegaDropdown({ items, cssClass }) {\n    return (\n        <div className=\"modal-content\">\n            <div className={`columns ${cssClass}`}>\n                {items.map(item => (\n                    <ul key={item.id} className=\"sublist lvl-0\">\n                        <li>\n                            {(item.url||item.seName)\n                                ? (<a href={item.url || item.seName}>{item.title}</a>)\n                                : (<span>{item.title}</span>)}\n                        \n                            {item.subItems.length > 0 && (\n                                <ul className=\"sublist lvl-1\">\n                                    {item.subItems.map(subItem => (\n                                        <li key={subItem.id}><a href={subItem.url || subItem.seName}>{subItem.title}</a></li>\n                                    ))}\n                                </ul>\n                            )}\n                        </li>\n                    </ul>\n                ))}\n            </div>\n        </div>\n    )\n}\n\nfunction MegaMenuItem({\n    id,\n    openInNewWindow,\n    subItems,\n    title,\n    type,\n    seName,\n    url,\n    cssClass,\n    active,\n\n    onClearActiveItems,\n    onSetDropdownItems,\n    onSetCssClass,\n    ...rest\n}) { \n    const handleClick = (e) => {\n        // follow link \n        if (!subItems.length > 0) {\n            return;  \n        }\n\n        e.preventDefault();\n\n        // Unset active on other items\n        onClearActiveItems()\n\n        // Tilt the chevron down for this item\n        e.target.parentElement.classList.add('active')\n\n        // Add css classes from menu builder\n        onSetCssClass(cssClass)\n\n        // Swap out sub categories\n        onSetDropdownItems(subItems.length > 0 ? subItems : [])\n\n        // Close other drawers\n        window._drawerManager.closeAllExcept('menu')\n    }\n\n    return (<li>\n        {(url || seName) ? (\n            <a href={url || seName} onClick={handleClick} rel={openInNewWindow ? \"noreferrer\" : \"\"} target={openInNewWindow ? \"_blank\" : \"_self\"}>\n                {title}\n\n                {subItems?.length > 0 && (\n                    <svg className=\"topmenu-catalog-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36612 16.1161C7.87796 16.6043 7.87796 17.3957 8.36612 17.8839L23.1161 32.6339C23.6043 33.122 24.3957 33.122 24.8839 32.6339L39.6339 17.8839C40.122 17.3957 40.122 16.6043 39.6339 16.1161C39.1457 15.628 38.3543 15.628 37.8661 16.1161L24 29.9822L10.1339 16.1161C9.64573 15.628 8.85427 15.628 8.36612 16.1161Z\" fill=\"var(--md-gray-950)\"></path></svg>\n                )}\n            </a>\n        ) : (\n            <span role='button' tabIndex={0} onClick={handleClick}>\n                {title}\n                \n                {subItems?.length > 0 && (\n                    <svg className=\"topmenu-catalog-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36612 16.1161C7.87796 16.6043 7.87796 17.3957 8.36612 17.8839L23.1161 32.6339C23.6043 33.122 24.3957 33.122 24.8839 32.6339L39.6339 17.8839C40.122 17.3957 40.122 16.6043 39.6339 16.1161C39.1457 15.628 38.3543 15.628 37.8661 16.1161L24 29.9822L10.1339 16.1161C9.64573 15.628 8.85427 15.628 8.36612 16.1161Z\" fill=\"var(--md-gray-950)\"></path></svg>\n                )}\n            </span>\n        )}\n    </li>)\n}\n\nfunction MegaMenu() {\n    // initial data from server side render\n    const megaMenu = window.CRITICAL_STATE.menu.megaMenus[0]\n\n    // elements to use\n    const backdrop = document.querySelector('.modal-overlay')\n    const modalMenu = document.querySelector('#modal-menu');\n\n    // component state\n    const [dropdownItems, setDropdownItems] = useState([])\n    const [currentCssClass, setCurrentCssClass] = useState('')\n\n    // sets current css class, from admin ui for each menu\n    const onSetCssClass = cssClass => setCurrentCssClass(cssClass)\n\n    // remove chevron rotations\n    const clearActiveLinks = () => {\n        const topLevelMenuItems = Array.from(document.querySelectorAll('.menu-categories > li'))\n\n        if (topLevelMenuItems.length > 0) {\n            topLevelMenuItems.map(li => li.classList.toggle('active', false))\n        }\n    }\n\n    // update dropdown items\n    const onSetDropdownItems = (items) => {\n        // The user clicked the same menu item twice\n        if (items === dropdownItems) {\n            setDropdownItems([])\n            clearActiveLinks()\n            window._drawerManager.closeAll()\n            return; \n        }\n\n        setDropdownItems(items)\n    }\n\n    // clear state\n    const clear = () => {\n        setDropdownItems([])\n        clearActiveLinks()\n    }\n\n    // on mount interactions\n    useEffect(() => {\n        backdrop.addEventListener('click', clear);\n\n        // reset state when user presses the back button in the browser\n        window.addEventListener(\"pageshow\", () => {\n            clear();\n        });\n    }, [])\n\n    // listen to new dropdown items\n    useEffect(() => {\n        // dont do anything \n        if (!dropdownItems.length) return; \n\n        // Disable other modals with app instance\n        window._drawerManager.open('menu')\n\n        // re-render the dropdown menu with new items & possibly a new css class\n        render(\n            <MegaDropdown items={dropdownItems} cssClass={currentCssClass} />,\n            modalMenu,\n        );\n    }, [dropdownItems])\n\n    return (\n        <ul className={`menu-categories ${currentCssClass}`}>\n            {megaMenu.items.map(item => (\n                <MegaMenuItem\n                    {...item}\n                    key={item.id}\n                    active={dropdownItems == item.subItems}\n                    onSetDropdownItems={onSetDropdownItems}\n                    onSetCssClass={onSetCssClass}\n                    onClearActiveItems={clearActiveLinks}\n                />\n            ))}\n        </ul>\n    );\n}\n\nexport default memo(MegaMenu);"],"names":["_objectWithoutProperties","source","excluded","key","i","target","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","_objectWithoutPropertiesLoose","sourceKeys","keys","MegaDropdown","_ref","items","cssClass","h","className","concat","map","item","id","url","seName","href","title","subItems","subItem","MegaMenuItem","_ref2","openInNewWindow","type","onClearActiveItems","active","onSetDropdownItems","onSetCssClass","handleClick","_excluded","e","preventDefault","parentElement","classList","add","window","_drawerManager","closeAllExcept","onClick","rel","width","height","viewBox","fill","xmlns","d","role","tabIndex","memo","megaMenu","CRITICAL_STATE","menu","megaMenus","backdrop","document","querySelector","modalMenu","_useState","useState","_useState2","_slicedToArray","dropdownItems","setDropdownItems","_useState3","_useState4","currentCssClass","setCurrentCssClass","clearActiveLinks","topLevelMenuItems","Array","from","querySelectorAll","li","toggle","closeAll","clear","useEffect","addEventListener","open","render","_extends"],"sourceRoot":""}