pds-dev-kit-web-test 2.5.709 → 2.5.712

package/dist/desktop/components/Dropdown/index.js

@@ -0,0 +1,2 @@
+export { default as Dropdown } from './Dropdown';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiRHJvcGRvd24iXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGVza3RvcC9jb21wb25lbnRzL0Ryb3Bkb3duL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IGRlZmF1bHQgYXMgRHJvcGRvd24gfSBmcm9tICcuL0Ryb3Bkb3duJztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsT0FBTyxJQUFJQyxRQUFRLFFBQVEsWUFBWSIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.js

@@ -0,0 +1,176 @@
+import { createContext, useMemo, useEffect, useReducer, useRef } from 'react';
+import { useLocation } from 'react-router-dom';
+import styled, { ThemeProvider, useTheme } from 'styled-components';
+import { Grid } from '../../../common/components/BoxLayout';
+import { usePrevious } from '../../../common/hooks';
+import { themeByGivenTone } from '../../../common/styles/theme';
+import { BrandLogo, PrimaryMenu, SecondaryMenu, UserProfile } from './blocks';
+import reducer, { defaultValue } from './reducer';
+import { DynamicDesktopNavBarTemplates } from './templates';
+import { getSearchExceptGivenName } from './utils';
+export const BasePathContext = /*#__PURE__*/createContext({
+  basePath: '',
+  activeMode: 'BY_URL',
+  handleClickInternalMenuItemNav: () => {
+    // NOTE: noop function
+    return;
+  }
+});
+function DynamicDesktopNavBar({
+  isPreview = false,
+  template,
+  brandLogo,
+  primaryMenus,
+  secondaryMenus,
+  userProfile,
+  basePath,
+  colorTheme = 'none'
+}) {
+  const {
+    gridStyle,
+    gridTemplate,
+    showSecondaryMenu,
+    primaryMenuOptions,
+    secondaryMenuOptions,
+    userProfileOptions
+  } = DynamicDesktopNavBarTemplates.getTemplate(template);
+  const [state, dispatch] = useReducer(reducer, defaultValue);
+  const location = useLocation();
+  const prevLocation = usePrevious(location.pathname + location.search);
+  const theme = useTheme();
+  const profileArea = useRef(null);
+  const userProfileAreaWidth = profileArea?.current?.offsetWidth || 0;
+  const GRID_GAP = 24;
+  const gridStyleMarginLeft = `${userProfileAreaWidth + GRID_GAP}px`;
+  const style = template === 'W1_0011' ? {
+    ...gridStyle,
+    marginLeft: gridStyleMarginLeft
+  } : gridStyle;
+  const isFixedWidth = template === 'W1_0006' || template === 'W1_0007' || template === 'W1_0008' || template === 'W1_0009' || template === 'W1_0010';
+  const isCenteredLogo = template === 'W1_0011';
+  const navBarHeight = '63px';
+  useEffect(() => {
+    const currentSearch = getSearchExceptGivenName(location.search, 'from');
+    const currentLocation = location.pathname + currentSearch;
+    if (currentLocation === state.clickedURL) {
+      return;
+    }
+    if (currentLocation !== prevLocation) {
+      dispatch({
+        type: 'URL_CHANGED'
+      });
+    }
+  }, [location.pathname, location.search, prevLocation]);
+  const slicedPrimaryMenus = useMemo(() => primaryMenus?.slice(0, primaryMenuOptions.maxLength), [primaryMenus, primaryMenuOptions]);
+  const slicedSecondaryMenus = useMemo(() => secondaryMenus?.slice(0, secondaryMenuOptions.maxLength) ?? [], [secondaryMenus, secondaryMenuOptions]);
+  function handleClickInternalMenuItemNav(url) {
+    dispatch({
+      type: 'INTERNAL_CLICKED',
+      payload: {
+        clickedURL: url
+      }
+    });
+  }
+  return /*#__PURE__*/React.createElement(BasePathContext.Provider, {
+    value: {
+      basePath,
+      activeMode: state.mode,
+      handleClickInternalMenuItemNav
+    }
+  }, colorTheme === 'transparent' ? /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: {
+      ...theme,
+      ...themeByGivenTone('DARK'),
+      ui_menu_background: theme.ui_menu_background_transparent,
+      ui_menu_button_base: theme.ui_menu_button_base_transparent
+    }
+  }, /*#__PURE__*/React.createElement(S_DynamicDesktopNavBar, {
+    "x-pds-name": "DynamicDesktopNavBar",
+    "x-pds-element-type": "component",
+    "x-pds-device-type": "desktop",
+    isFixedWidth: isFixedWidth,
+    isPreview: isPreview,
+    navBarHeight: navBarHeight
+  }, /*#__PURE__*/React.createElement(S_Grid, {
+    className: "DynamicDesktopNavBarGrid",
+    gridTemplate: gridTemplate,
+    style: style
+  }, /*#__PURE__*/React.createElement(BrandLogo, {
+    to: brandLogo.href,
+    logoSrc: brandLogo.src,
+    fallbackText: brandLogo.text,
+    isCenteredLogo: isCenteredLogo
+  }), /*#__PURE__*/React.createElement(PrimaryMenu, {
+    menus: slicedPrimaryMenus,
+    showMenuAsIcon: primaryMenuOptions.showMenuAsIcon,
+    style: primaryMenuOptions.style
+  }), showSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenu, {
+    menus: slicedSecondaryMenus,
+    showMenuAsIcon: secondaryMenuOptions.showMenuAsIcon,
+    style: secondaryMenuOptions.style
+  }), /*#__PURE__*/React.createElement(UserProfile, {
+    ref: profileArea,
+    src: userProfile.src,
+    to: userProfile.href,
+    leftIconButton: userProfile.leftIconButton,
+    leftIconButton2: userProfile.leftIconButton2,
+    overrideUserProfile: userProfile.overrideUserProfile,
+    style: userProfileOptions.style
+  })))) : /*#__PURE__*/React.createElement(S_DynamicDesktopNavBar, {
+    "x-pds-name": "DynamicDesktopNavBar",
+    "x-pds-element-type": "component",
+    "x-pds-device-type": "desktop",
+    isPreview: isPreview,
+    isFixedWidth: isFixedWidth,
+    navBarHeight: navBarHeight
+  }, /*#__PURE__*/React.createElement(S_Grid, {
+    className: "DynamicDesktopNavBarGrid",
+    gridTemplate: gridTemplate,
+    style: style
+  }, /*#__PURE__*/React.createElement(BrandLogo, {
+    to: brandLogo.href,
+    logoSrc: brandLogo.src,
+    fallbackText: brandLogo.text,
+    isCenteredLogo: isCenteredLogo
+  }), /*#__PURE__*/React.createElement(PrimaryMenu, {
+    menus: slicedPrimaryMenus,
+    showMenuAsIcon: primaryMenuOptions.showMenuAsIcon,
+    style: primaryMenuOptions.style
+  }), showSecondaryMenu && /*#__PURE__*/React.createElement(SecondaryMenu, {
+    menus: slicedSecondaryMenus,
+    showMenuAsIcon: secondaryMenuOptions.showMenuAsIcon,
+    style: secondaryMenuOptions.style
+  }), /*#__PURE__*/React.createElement(UserProfile, {
+    ref: profileArea,
+    src: userProfile.src,
+    to: userProfile.href,
+    leftIconButton: userProfile.leftIconButton,
+    leftIconButton2: userProfile.leftIconButton2,
+    overrideUserProfile: userProfile.overrideUserProfile,
+    style: userProfileOptions.style
+  }))));
+}
+const S_Grid = styled(Grid).withConfig({
+  displayName: "DynamicDesktopNavBar__S_Grid",
+  componentId: "sc-4zki3g-0"
+})(["align-items:center;grid-column-gap:24px;justify-items:center;padding-left:", ";padding-right:", ";"], ({
+  theme
+}) => theme.spacing.spacingE, ({
+  theme
+}) => theme.spacing.spacingE);
+const S_DynamicDesktopNavBar = styled.div.withConfig({
+  displayName: "DynamicDesktopNavBar__S_DynamicDesktopNavBar",
+  componentId: "sc-4zki3g-1"
+})(["background-color:", ";display:flex;height:", ";justify-content:", ";min-width:", ";*{box-sizing:border-box;}a:active{pointer-events:", ";}"], ({
+  theme
+}) => theme.ui_menu_background, ({
+  navBarHeight
+}) => navBarHeight, ({
+  isFixedWidth
+}) => isFixedWidth && 'center', ({
+  isPreview
+}) => isPreview ? '1100px' : '1200px', ({
+  isPreview
+}) => isPreview ? 'none' : 'auto');
+export default DynamicDesktopNavBar;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVDb250ZXh0IiwidXNlTWVtbyIsInVzZUVmZmVjdCIsInVzZVJlZHVjZXIiLCJ1c2VSZWYiLCJ1c2VMb2NhdGlvbiIsInN0eWxlZCIsIlRoZW1lUHJvdmlkZXIiLCJ1c2VUaGVtZSIsIkdyaWQiLCJ1c2VQcmV2aW91cyIsInRoZW1lQnlHaXZlblRvbmUiLCJCcmFuZExvZ28iLCJQcmltYXJ5TWVudSIsIlNlY29uZGFyeU1lbnUiLCJVc2VyUHJvZmlsZSIsInJlZHVjZXIiLCJkZWZhdWx0VmFsdWUiLCJEeW5hbWljRGVza3RvcE5hdkJhclRlbXBsYXRlcyIsImdldFNlYXJjaEV4Y2VwdEdpdmVuTmFtZSIsIkJhc2VQYXRoQ29udGV4dCIsImJhc2VQYXRoIiwiYWN0aXZlTW9kZSIsImhhbmRsZUNsaWNrSW50ZXJuYWxNZW51SXRlbU5hdiIsIkR5bmFtaWNEZXNrdG9wTmF2QmFyIiwiaXNQcmV2aWV3IiwidGVtcGxhdGUiLCJicmFuZExvZ28iLCJwcmltYXJ5TWVudXMiLCJzZWNvbmRhcnlNZW51cyIsInVzZXJQcm9maWxlIiwiY29sb3JUaGVtZSIsImdyaWRTdHlsZSIsImdyaWRUZW1wbGF0ZSIsInNob3dTZWNvbmRhcnlNZW51IiwicHJpbWFyeU1lbnVPcHRpb25zIiwic2Vjb25kYXJ5TWVudU9wdGlvbnMiLCJ1c2VyUHJvZmlsZU9wdGlvbnMiLCJnZXRUZW1wbGF0ZSIsInN0YXRlIiwiZGlzcGF0Y2giLCJsb2NhdGlvbiIsInByZXZMb2NhdGlvbiIsInBhdGhuYW1lIiwic2VhcmNoIiwidGhlbWUiLCJwcm9maWxlQXJlYSIsInVzZXJQcm9maWxlQXJlYVdpZHRoIiwiY3VycmVudCIsIm9mZnNldFdpZHRoIiwiR1JJRF9HQVAiLCJncmlkU3R5bGVNYXJnaW5MZWZ0Iiwic3R5bGUiLCJtYXJnaW5MZWZ0IiwiaXNGaXhlZFdpZHRoIiwiaXNDZW50ZXJlZExvZ28iLCJuYXZCYXJIZWlnaHQiLCJjdXJyZW50U2VhcmNoIiwiY3VycmVudExvY2F0aW9uIiwiY2xpY2tlZFVSTCIsInR5cGUiLCJzbGljZWRQcmltYXJ5TWVudXMiLCJzbGljZSIsIm1heExlbmd0aCIsInNsaWNlZFNlY29uZGFyeU1lbnVzIiwidXJsIiwicGF5bG9hZCIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIlByb3ZpZGVyIiwidmFsdWUiLCJtb2RlIiwidWlfbWVudV9iYWNrZ3JvdW5kIiwidWlfbWVudV9iYWNrZ3JvdW5kX3RyYW5zcGFyZW50IiwidWlfbWVudV9idXR0b25fYmFzZSIsInVpX21lbnVfYnV0dG9uX2Jhc2VfdHJhbnNwYXJlbnQiLCJTX0R5bmFtaWNEZXNrdG9wTmF2QmFyIiwiU19HcmlkIiwiY2xhc3NOYW1lIiwidG8iLCJocmVmIiwibG9nb1NyYyIsInNyYyIsImZhbGxiYWNrVGV4dCIsInRleHQiLCJtZW51cyIsInNob3dNZW51QXNJY29uIiwicmVmIiwibGVmdEljb25CdXR0b24iLCJsZWZ0SWNvbkJ1dHRvbjIiLCJvdmVycmlkZVVzZXJQcm9maWxlIiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiLCJzcGFjaW5nIiwic3BhY2luZ0UiLCJkaXYiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZGVza3RvcC9jb21wb25lbnRzL0R5bmFtaWNEZXNrdG9wTmF2QmFyL0R5bmFtaWNEZXNrdG9wTmF2QmFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVDb250ZXh0LCB1c2VNZW1vLCB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUxvY2F0aW9uIH0gZnJvbSAncmVhY3Qtcm91dGVyLWRvbSc7XG5cbmltcG9ydCBzdHlsZWQsIHsgVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IEdyaWQgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vY29tcG9uZW50cy9Cb3hMYXlvdXQnO1xuaW1wb3J0IHsgdXNlUHJldmlvdXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vaG9va3MnO1xuaW1wb3J0IHsgdGhlbWVCeUdpdmVuVG9uZSB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zdHlsZXMvdGhlbWUnO1xuXG5pbXBvcnQgeyBCcmFuZExvZ28sIFByaW1hcnlNZW51LCBTZWNvbmRhcnlNZW51LCBVc2VyUHJvZmlsZSB9IGZyb20gJy4vYmxvY2tzJztcbmltcG9ydCByZWR1Y2VyLCB7IEFjdGl2ZU1vZGVUeXBlcywgZGVmYXVsdFZhbHVlIH0gZnJvbSAnLi9yZWR1Y2VyJztcbmltcG9ydCB7IER5bmFtaWNEZXNrdG9wTmF2QmFyVGVtcGxhdGVzLCBUZW1wbGF0ZU5hbWVzVHlwZSB9IGZyb20gJy4vdGVtcGxhdGVzJztcbmltcG9ydCB7IGdldFNlYXJjaEV4Y2VwdEdpdmVuTmFtZSB9IGZyb20gJy4vdXRpbHMnO1xuXG5pbXBvcnQgdHlwZSB7IFBhcnNlZE5vZGUgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBCcmFuZExvZ28gPSB7XG4gIHNyYzogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGhyZWY6IHN0cmluZztcbn07XG5cbnR5cGUgVXNlclByb2ZpbGUgPSB7XG4gIHNyYzogc3RyaW5nO1xuICBocmVmOiBzdHJpbmc7XG4gIGxlZnRJY29uQnV0dG9uPzogUmVhY3QuUmVhY3ROb2RlO1xuICBsZWZ0SWNvbkJ1dHRvbjI/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIG92ZXJyaWRlVXNlclByb2ZpbGU/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgaXNQcmV2aWV3PzogYm9vbGVhbjtcbiAgYnJhbmRMb2dvOiBCcmFuZExvZ287XG4gIHVzZXJQcm9maWxlOiBVc2VyUHJvZmlsZTtcbiAgcHJpbWFyeU1lbnVzOiBQYXJzZWROb2RlW107XG4gIHNlY29uZGFyeU1lbnVzOiBQYXJzZWROb2RlW10gfCBudWxsO1xuICB0ZW1wbGF0ZTogVGVtcGxhdGVOYW1lc1R5cGU7XG4gIGJhc2VQYXRoOiBzdHJpbmc7XG4gIGNvbG9yVGhlbWU/OiAnbm9uZScgfCAndHJhbnNwYXJlbnQnO1xufTtcblxudHlwZSBDb250ZXh0UHJvcCA9IHtcbiAgYmFzZVBhdGg6IHN0cmluZztcbiAgLy8gTk9URTogdXJs7J2EIOq4sOuwmOycvOuhnCBuYXbsnZggYWN0aXZl66W8IO2VoOyngCwg7YG066at7J2EIOq4sOuwmOycvOuhnCDtlaDsp4Ag7IOB7YOc7J6F64uI64ukLlxuICBhY3RpdmVNb2RlOiBBY3RpdmVNb2RlVHlwZXM7XG4gIGhhbmRsZUNsaWNrSW50ZXJuYWxNZW51SXRlbU5hdjogKHVybDogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuZXhwb3J0IGNvbnN0IEJhc2VQYXRoQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8Q29udGV4dFByb3A+KHtcbiAgYmFzZVBhdGg6ICcnLFxuICBhY3RpdmVNb2RlOiAnQllfVVJMJyxcbiAgaGFuZGxlQ2xpY2tJbnRlcm5hbE1lbnVJdGVtTmF2OiAoKSA9PiB7XG4gICAgLy8gTk9URTogbm9vcCBmdW5jdGlvblxuICAgIHJldHVybjtcbiAgfVxufSk7XG5cbmZ1bmN0aW9uIER5bmFtaWNEZXNrdG9wTmF2QmFyKHtcbiAgaXNQcmV2aWV3ID0gZmFsc2UsXG4gIHRlbXBsYXRlLFxuICBicmFuZExvZ28sXG4gIHByaW1hcnlNZW51cyxcbiAgc2Vjb25kYXJ5TWVudXMsXG4gIHVzZXJQcm9maWxlLFxuICBiYXNlUGF0aCxcbiAgY29sb3JUaGVtZSA9ICdub25lJ1xufTogUHJvcHMpIHtcbiAgY29uc3Qge1xuICAgIGdyaWRTdHlsZSxcbiAgICBncmlkVGVtcGxhdGUsXG4gICAgc2hvd1NlY29uZGFyeU1lbnUsXG4gICAgcHJpbWFyeU1lbnVPcHRpb25zLFxuICAgIHNlY29uZGFyeU1lbnVPcHRpb25zLFxuICAgIHVzZXJQcm9maWxlT3B0aW9uc1xuICB9ID0gRHluYW1pY0Rlc2t0b3BOYXZCYXJUZW1wbGF0ZXMuZ2V0VGVtcGxhdGUodGVtcGxhdGUpO1xuICBjb25zdCBbc3RhdGUsIGRpc3BhdGNoXSA9IHVzZVJlZHVjZXIocmVkdWNlciwgZGVmYXVsdFZhbHVlKTtcblxuICBjb25zdCBsb2NhdGlvbiA9IHVzZUxvY2F0aW9uKCk7XG4gIGNvbnN0IHByZXZMb2NhdGlvbiA9IHVzZVByZXZpb3VzKGxvY2F0aW9uLnBhdGhuYW1lICsgbG9jYXRpb24uc2VhcmNoKTtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IHByb2ZpbGVBcmVhID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IHVzZXJQcm9maWxlQXJlYVdpZHRoID0gcHJvZmlsZUFyZWE/LmN1cnJlbnQ/Lm9mZnNldFdpZHRoIHx8IDA7XG4gIGNvbnN0IEdSSURfR0FQID0gMjQ7XG4gIGNvbnN0IGdyaWRTdHlsZU1hcmdpbkxlZnQgPSBgJHt1c2VyUHJvZmlsZUFyZWFXaWR0aCArIEdSSURfR0FQfXB4YDtcblxuICBjb25zdCBzdHlsZSA9XG4gICAgdGVtcGxhdGUgPT09ICdXMV8wMDExJyA/IHsgLi4uZ3JpZFN0eWxlLCBtYXJnaW5MZWZ0OiBncmlkU3R5bGVNYXJnaW5MZWZ0IH0gOiBncmlkU3R5bGU7XG5cbiAgY29uc3QgaXNGaXhlZFdpZHRoID1cbiAgICB0ZW1wbGF0ZSA9PT0gJ1cxXzAwMDYnIHx8XG4gICAgdGVtcGxhdGUgPT09ICdXMV8wMDA3JyB8fFxuICAgIHRlbXBsYXRlID09PSAnVzFfMDAwOCcgfHxcbiAgICB0ZW1wbGF0ZSA9PT0gJ1cxXzAwMDknIHx8XG4gICAgdGVtcGxhdGUgPT09ICdXMV8wMDEwJztcblxuICBjb25zdCBpc0NlbnRlcmVkTG9nbyA9IHRlbXBsYXRlID09PSAnVzFfMDAxMSc7XG4gIGNvbnN0IG5hdkJhckhlaWdodCA9ICc2M3B4JztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGN1cnJlbnRTZWFyY2ggPSBnZXRTZWFyY2hFeGNlcHRHaXZlbk5hbWUobG9jYXRpb24uc2VhcmNoLCAnZnJvbScpO1xuICAgIGNvbnN0IGN1cnJlbnRMb2NhdGlvbiA9IGxvY2F0aW9uLnBhdGhuYW1lICsgY3VycmVudFNlYXJjaDtcblxuICAgIGlmIChjdXJyZW50TG9jYXRpb24gPT09IHN0YXRlLmNsaWNrZWRVUkwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoY3VycmVudExvY2F0aW9uICE9PSBwcmV2TG9jYXRpb24pIHtcbiAgICAgIGRpc3BhdGNoKHsgdHlwZTogJ1VSTF9DSEFOR0VEJyB9KTtcbiAgICB9XG4gIH0sIFtsb2NhdGlvbi5wYXRobmFtZSwgbG9jYXRpb24uc2VhcmNoLCBwcmV2TG9jYXRpb25dKTtcblxuICBjb25zdCBzbGljZWRQcmltYXJ5TWVudXMgPSB1c2VNZW1vKFxuICAgICgpID0+IHByaW1hcnlNZW51cz8uc2xpY2UoMCwgcHJpbWFyeU1lbnVPcHRpb25zLm1heExlbmd0aCksXG4gICAgW3ByaW1hcnlNZW51cywgcHJpbWFyeU1lbnVPcHRpb25zXVxuICApO1xuXG4gIGNvbnN0IHNsaWNlZFNlY29uZGFyeU1lbnVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiBzZWNvbmRhcnlNZW51cz8uc2xpY2UoMCwgc2Vjb25kYXJ5TWVudU9wdGlvbnMubWF4TGVuZ3RoKSA/PyBbXSxcbiAgICBbc2Vjb25kYXJ5TWVudXMsIHNlY29uZGFyeU1lbnVPcHRpb25zXVxuICApO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrSW50ZXJuYWxNZW51SXRlbU5hdih1cmw6IHN0cmluZykge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogJ0lOVEVSTkFMX0NMSUNLRUQnLCBwYXlsb2FkOiB7IGNsaWNrZWRVUkw6IHVybCB9IH0pO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVBhdGhDb250ZXh0LlByb3ZpZGVyXG4gICAgICB2YWx1ZT17eyBiYXNlUGF0aCwgYWN0aXZlTW9kZTogc3RhdGUubW9kZSwgaGFuZGxlQ2xpY2tJbnRlcm5hbE1lbnVJdGVtTmF2IH19XG4gICAgPlxuICAgICAge2NvbG9yVGhlbWUgPT09ICd0cmFuc3BhcmVudCcgPyAoXG4gICAgICAgIDxUaGVtZVByb3ZpZGVyXG4gICAgICAgICAgdGhlbWU9e3tcbiAgICAgICAgICAgIC4uLnRoZW1lLFxuICAgICAgICAgICAgLi4udGhlbWVCeUdpdmVuVG9uZSgnREFSSycpLFxuICAgICAgICAgICAgdWlfbWVudV9iYWNrZ3JvdW5kOiB0aGVtZS51aV9tZW51X2JhY2tncm91bmRfdHJhbnNwYXJlbnQsXG4gICAgICAgICAgICB1aV9tZW51X2J1dHRvbl9iYXNlOiB0aGVtZS51aV9tZW51X2J1dHRvbl9iYXNlX3RyYW5zcGFyZW50XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIDxTX0R5bmFtaWNEZXNrdG9wTmF2QmFyXG4gICAgICAgICAgICB4LXBkcy1uYW1lPVwiRHluYW1pY0Rlc2t0b3BOYXZCYXJcIlxuICAgICAgICAgICAgeC1wZHMtZWxlbWVudC10eXBlPVwiY29tcG9uZW50XCJcbiAgICAgICAgICAgIHgtcGRzLWRldmljZS10eXBlPVwiZGVza3RvcFwiXG4gICAgICAgICAgICBpc0ZpeGVkV2lkdGg9e2lzRml4ZWRXaWR0aH1cbiAgICAgICAgICAgIGlzUHJldmlldz17aXNQcmV2aWV3fVxuICAgICAgICAgICAgbmF2QmFySGVpZ2h0PXtuYXZCYXJIZWlnaHR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNfR3JpZCBjbGFzc05hbWU9XCJEeW5hbWljRGVza3RvcE5hdkJhckdyaWRcIiBncmlkVGVtcGxhdGU9e2dyaWRUZW1wbGF0ZX0gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgICAgPEJyYW5kTG9nb1xuICAgICAgICAgICAgICAgIHRvPXticmFuZExvZ28uaHJlZn1cbiAgICAgICAgICAgICAgICBsb2dvU3JjPXticmFuZExvZ28uc3JjfVxuICAgICAgICAgICAgICAgIGZhbGxiYWNrVGV4dD17YnJhbmRMb2dvLnRleHR9XG4gICAgICAgICAgICAgICAgaXNDZW50ZXJlZExvZ289e2lzQ2VudGVyZWRMb2dvfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8UHJpbWFyeU1lbnVcbiAgICAgICAgICAgICAgICBtZW51cz17c2xpY2VkUHJpbWFyeU1lbnVzfVxuICAgICAgICAgICAgICAgIHNob3dNZW51QXNJY29uPXtwcmltYXJ5TWVudU9wdGlvbnMuc2hvd01lbnVBc0ljb259XG4gICAgICAgICAgICAgICAgc3R5bGU9e3ByaW1hcnlNZW51T3B0aW9ucy5zdHlsZX1cbiAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICB7c2hvd1NlY29uZGFyeU1lbnUgJiYgKFxuICAgICAgICAgICAgICAgIDxTZWNvbmRhcnlNZW51XG4gICAgICAgICAgICAgICAgICBtZW51cz17c2xpY2VkU2Vjb25kYXJ5TWVudXN9XG4gICAgICAgICAgICAgICAgICBzaG93TWVudUFzSWNvbj17c2Vjb25kYXJ5TWVudU9wdGlvbnMuc2hvd01lbnVBc0ljb259XG4gICAgICAgICAgICAgICAgICBzdHlsZT17c2Vjb25kYXJ5TWVudU9wdGlvbnMuc3R5bGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFVzZXJQcm9maWxlXG4gICAgICAgICAgICAgICAgcmVmPXtwcm9maWxlQXJlYX1cbiAgICAgICAgICAgICAgICBzcmM9e3VzZXJQcm9maWxlLnNyY31cbiAgICAgICAgICAgICAgICB0bz17dXNlclByb2ZpbGUuaHJlZn1cbiAgICAgICAgICAgICAgICBsZWZ0SWNvbkJ1dHRvbj17dXNlclByb2ZpbGUubGVmdEljb25CdXR0b259XG4gICAgICAgICAgICAgICAgbGVmdEljb25CdXR0b24yPXt1c2VyUHJvZmlsZS5sZWZ0SWNvbkJ1dHRvbjJ9XG4gICAgICAgICAgICAgICAgb3ZlcnJpZGVVc2VyUHJvZmlsZT17dXNlclByb2ZpbGUub3ZlcnJpZGVVc2VyUHJvZmlsZX1cbiAgICAgICAgICAgICAgICBzdHlsZT17dXNlclByb2ZpbGVPcHRpb25zLnN0eWxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9TX0dyaWQ+XG4gICAgICAgICAgPC9TX0R5bmFtaWNEZXNrdG9wTmF2QmFyPlxuICAgICAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICAgICApIDogKFxuICAgICAgICA8U19EeW5hbWljRGVza3RvcE5hdkJhclxuICAgICAgICAgIHgtcGRzLW5hbWU9XCJEeW5hbWljRGVza3RvcE5hdkJhclwiXG4gICAgICAgICAgeC1wZHMtZWxlbWVudC10eXBlPVwiY29tcG9uZW50XCJcbiAgICAgICAgICB4LXBkcy1kZXZpY2UtdHlwZT1cImRlc2t0b3BcIlxuICAgICAgICAgIGlzUHJldmlldz17aXNQcmV2aWV3fVxuICAgICAgICAgIGlzRml4ZWRXaWR0aD17aXNGaXhlZFdpZHRofVxuICAgICAgICAgIG5hdkJhckhlaWdodD17bmF2QmFySGVpZ2h0fVxuICAgICAgICA+XG4gICAgICAgICAgPFNfR3JpZCBjbGFzc05hbWU9XCJEeW5hbWljRGVza3RvcE5hdkJhckdyaWRcIiBncmlkVGVtcGxhdGU9e2dyaWRUZW1wbGF0ZX0gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIDxCcmFuZExvZ29cbiAgICAgICAgICAgICAgdG89e2JyYW5kTG9nby5ocmVmfVxuICAgICAgICAgICAgICBsb2dvU3JjPXticmFuZExvZ28uc3JjfVxuICAgICAgICAgICAgICBmYWxsYmFja1RleHQ9e2JyYW5kTG9nby50ZXh0fVxuICAgICAgICAgICAgICBpc0NlbnRlcmVkTG9nbz17aXNDZW50ZXJlZExvZ299XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPFByaW1hcnlNZW51XG4gICAgICAgICAgICAgIG1lbnVzPXtzbGljZWRQcmltYXJ5TWVudXN9XG4gICAgICAgICAgICAgIHNob3dNZW51QXNJY29uPXtwcmltYXJ5TWVudU9wdGlvbnMuc2hvd01lbnVBc0ljb259XG4gICAgICAgICAgICAgIHN0eWxlPXtwcmltYXJ5TWVudU9wdGlvbnMuc3R5bGV9XG4gICAgICAgICAgICAvPlxuXG4gICAgICAgICAgICB7c2hvd1NlY29uZGFyeU1lbnUgJiYgKFxuICAgICAgICAgICAgICA8U2Vjb25kYXJ5TWVudVxuICAgICAgICAgICAgICAgIG1lbnVzPXtzbGljZWRTZWNvbmRhcnlNZW51c31cbiAgICAgICAgICAgICAgICBzaG93TWVudUFzSWNvbj17c2Vjb25kYXJ5TWVudU9wdGlvbnMuc2hvd01lbnVBc0ljb259XG4gICAgICAgICAgICAgICAgc3R5bGU9e3NlY29uZGFyeU1lbnVPcHRpb25zLnN0eWxlfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxVc2VyUHJvZmlsZVxuICAgICAgICAgICAgICByZWY9e3Byb2ZpbGVBcmVhfVxuICAgICAgICAgICAgICBzcmM9e3VzZXJQcm9maWxlLnNyY31cbiAgICAgICAgICAgICAgdG89e3VzZXJQcm9maWxlLmhyZWZ9XG4gICAgICAgICAgICAgIGxlZnRJY29uQnV0dG9uPXt1c2VyUHJvZmlsZS5sZWZ0SWNvbkJ1dHRvbn1cbiAgICAgICAgICAgICAgbGVmdEljb25CdXR0b24yPXt1c2VyUHJvZmlsZS5sZWZ0SWNvbkJ1dHRvbjJ9XG4gICAgICAgICAgICAgIG92ZXJyaWRlVXNlclByb2ZpbGU9e3VzZXJQcm9maWxlLm92ZXJyaWRlVXNlclByb2ZpbGV9XG4gICAgICAgICAgICAgIHN0eWxlPXt1c2VyUHJvZmlsZU9wdGlvbnMuc3R5bGV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU19HcmlkPlxuICAgICAgICA8L1NfRHluYW1pY0Rlc2t0b3BOYXZCYXI+XG4gICAgICApfVxuICAgIDwvQmFzZVBhdGhDb250ZXh0LlByb3ZpZGVyPlxuICApO1xufVxuXG5jb25zdCBTX0dyaWQgPSBzdHlsZWQoR3JpZClgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtY29sdW1uLWdhcDogMjRweDtcbiAganVzdGlmeS1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZy5zcGFjaW5nRX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2luZy5zcGFjaW5nRX07XG5gO1xuXG5jb25zdCBTX0R5bmFtaWNEZXNrdG9wTmF2QmFyID0gc3R5bGVkLmRpdjx7XG4gIGlzRml4ZWRXaWR0aDogYm9vbGVhbjtcbiAgaXNQcmV2aWV3OiBib29sZWFuO1xuICBuYXZCYXJIZWlnaHQ6IHN0cmluZztcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnVpX21lbnVfYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogJHsoeyBuYXZCYXJIZWlnaHQgfSkgPT4gbmF2QmFySGVpZ2h0fTtcbiAganVzdGlmeS1jb250ZW50OiAkeyh7IGlzRml4ZWRXaWR0aCB9KSA9PiBpc0ZpeGVkV2lkdGggJiYgJ2NlbnRlcid9O1xuICBtaW4td2lkdGg6ICR7KHsgaXNQcmV2aWV3IH0pID0+IChpc1ByZXZpZXcgPyAnMTEwMHB4JyA6ICcxMjAwcHgnKX07XG5cbiAgKiB7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgfVxuXG4gIGE6YWN0aXZlIHtcbiAgICBwb2ludGVyLWV2ZW50czogJHsoeyBpc1ByZXZpZXcgfSkgPT4gKGlzUHJldmlldyA/ICdub25lJyA6ICdhdXRvJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBEeW5hbWljRGVza3RvcE5hdkJhcjtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsYUFBYSxFQUFFQyxPQUFPLEVBQUVDLFNBQVMsRUFBRUMsVUFBVSxFQUFFQyxNQUFNLFFBQVEsT0FBTztBQUM3RSxTQUFTQyxXQUFXLFFBQVEsa0JBQWtCO0FBRTlDLE9BQU9DLE1BQU0sSUFBSUMsYUFBYSxFQUFFQyxRQUFRLFFBQVEsbUJBQW1CO0FBRW5FLFNBQVNDLElBQUksUUFBUSxzQ0FBc0M7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

package/dist/desktop/components/DynamicDesktopNavBar/blocks/BrandLogo.js

@@ -0,0 +1,24 @@
+import styled from 'styled-components';
+import LogoNav from '../components/LogoNav';
+function BrandLogo({
+  to,
+  logoSrc,
+  fallbackText,
+  isCenteredLogo,
+  style
+}) {
+  return /*#__PURE__*/React.createElement(S_BrandLogo, {
+    style: style
+  }, /*#__PURE__*/React.createElement(LogoNav, {
+    to: to,
+    logoSrc: logoSrc,
+    fallbackText: fallbackText,
+    isCenteredLogo: isCenteredLogo
+  }));
+}
+const S_BrandLogo = styled.div.withConfig({
+  displayName: "BrandLogo__S_BrandLogo",
+  componentId: "sc-1sllafd-0"
+})(["display:flex;grid-area:BRAND_LOGO;"]);
+export default BrandLogo;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJMb2dvTmF2IiwiQnJhbmRMb2dvIiwidG8iLCJsb2dvU3JjIiwiZmFsbGJhY2tUZXh0IiwiaXNDZW50ZXJlZExvZ28iLCJzdHlsZSIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIlNfQnJhbmRMb2dvIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZGVza3RvcC9jb21wb25lbnRzL0R5bmFtaWNEZXNrdG9wTmF2QmFyL2Jsb2Nrcy9CcmFuZExvZ28udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQsIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IExvZ29OYXYgZnJvbSAnLi4vY29tcG9uZW50cy9Mb2dvTmF2JztcblxudHlwZSBQcm9wcyA9IHtcbiAgdG86IHN0cmluZztcbiAgbG9nb1NyYzogc3RyaW5nO1xuICBmYWxsYmFja1RleHQ6IHN0cmluZztcbiAgaXNDZW50ZXJlZExvZ286IGJvb2xlYW47XG4gIHN0eWxlPzogQ1NTUHJvcGVydGllcztcbn07XG5cbmZ1bmN0aW9uIEJyYW5kTG9nbyh7IHRvLCBsb2dvU3JjLCBmYWxsYmFja1RleHQsIGlzQ2VudGVyZWRMb2dvLCBzdHlsZSB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTX0JyYW5kTG9nbyBzdHlsZT17c3R5bGV9PlxuICAgICAgPExvZ29OYXZcbiAgICAgICAgdG89e3RvfVxuICAgICAgICBsb2dvU3JjPXtsb2dvU3JjfVxuICAgICAgICBmYWxsYmFja1RleHQ9e2ZhbGxiYWNrVGV4dH1cbiAgICAgICAgaXNDZW50ZXJlZExvZ289e2lzQ2VudGVyZWRMb2dvfVxuICAgICAgLz5cbiAgICA8L1NfQnJhbmRMb2dvPlxuICApO1xufVxuXG5jb25zdCBTX0JyYW5kTG9nbyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtYXJlYTogQlJBTkRfTE9HTztcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEJyYW5kTG9nbztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBTSxNQUF5QixtQkFBbUI7QUFFekQsT0FBT0MsT0FBTyxNQUFNLHVCQUF1QjtBQVUzQyxTQUFTQyxTQUFTQSxDQUFDO0VBQUVDLEVBQUU7RUFBRUMsT0FBTztFQUFFQyxZQUFZO0VBQUVDLGNBQWM7RUFBRUM7QUFBYSxDQUFDLEVBQUU7RUFDOUUsb0JBQ0VDLEtBQUEsQ0FBQUMsYUFBQSxDQUFDQyxXQUFXO0lBQUNILEtBQUssRUFBRUE7RUFBTSxnQkFDeEJDLEtBQUEsQ0FBQUMsYUFBQSxDQUFDUixPQUFPO0lBQ05FLEVBQUUsRUFBRUEsRUFBRztJQUNQQyxPQUFPLEVBQUVBLE9BQVE7SUFDakJDLFlBQVksRUFBRUEsWUFBYTtJQUMzQkMsY0FBYyxFQUFFQTtFQUFlLENBQ2hDLENBQ1UsQ0FBQztBQUVsQjtBQUVBLE1BQU1JLFdBQVcsR0FBR1YsTUFBTSxDQUFDVyxHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsMENBRzdCO0FBRUQsZUFBZVosU0FBUyIsImlnbm9yZUxpc3QiOltdfQ==

package/dist/desktop/components/DynamicDesktopNavBar/blocks/PrimaryMenu.js

@@ -0,0 +1,125 @@
+import { useCallback, useEffect, useState } from 'react';
+import smoothscroll from 'smoothscroll-polyfill';
+import styled from 'styled-components';
+import { D_IconButton } from '../../..';
+import { useDetectOverflow } from '../../../../common/hooks';
+import { MenuItemNav } from '../components/MenuItemNav';
+// NOTE: safari-scroll-behavior-smooth polyfill
+smoothscroll.polyfill();
+const DESKTOP_SCROLL_LEFT = 320;
+function PrimaryMenu({
+  menus,
+  showMenuAsIcon,
+  style
+}) {
+  const [primaryRef, setPrimaryRef] = useState({
+    node: null
+  });
+  const primaryCallbackRef = useCallback(node => {
+    if (!node) {
+      return;
+    }
+    setPrimaryRef({
+      node
+    });
+  }, [menus]);
+  useEffect(() => {
+    if (!primaryRef.node) {
+      return;
+    }
+    primaryRef.node.addEventListener('wheel', handleScroll);
+    function handleScroll(e) {
+      if (primaryRef.node) {
+        primaryRef.node.scrollTo({
+          left: primaryRef.node.scrollLeft + e.deltaY
+        });
+      }
+    }
+    return () => {
+      if (!primaryRef.node) {
+        return;
+      }
+      primaryRef.node.removeEventListener('scroll', handleScroll);
+    };
+  }, [primaryRef]);
+  const {
+    trigger,
+    isOverflow,
+    isScrollBoxStart,
+    isScrollBoxEnd
+  } = useDetectOverflow(primaryRef, true);
+  const onClickLeftButton = () => {
+    primaryRef.node && primaryRef.node.scroll({
+      left: primaryRef.node.scrollLeft - DESKTOP_SCROLL_LEFT,
+      behavior: 'smooth'
+    });
+  };
+  const onClickRightButton = () => {
+    primaryRef.node && primaryRef.node.scroll({
+      left: primaryRef.node.scrollLeft + DESKTOP_SCROLL_LEFT,
+      behavior: 'smooth'
+    });
+  };
+  return /*#__PURE__*/React.createElement(S_PrimaryMenuBox, {
+    style: style
+  }, isOverflow && !isScrollBoxStart && /*#__PURE__*/React.createElement(S_LeftButtonWrapper, null, /*#__PURE__*/React.createElement(S_ButtonWrapper, null, /*#__PURE__*/React.createElement(D_IconButton, {
+    fillType: "fill",
+    baseSize: "medium",
+    baseColorKey: "ui_menu_background",
+    iconName: "ic_arrow_left",
+    iconFillType: "line",
+    iconColorKey: "ui_cpnt_button_icon_default",
+    shapeType: "circular",
+    iconSize: 20,
+    onClick: onClickLeftButton
+  }))), /*#__PURE__*/React.createElement(S_Main_PrimaryMenu, {
+    onScroll: () => trigger(),
+    ref: primaryCallbackRef
+  }, menus.map((menu, index) => /*#__PURE__*/React.createElement(MenuItemNav, {
+    key: index,
+    menu: menu,
+    showMenuAsIcon: showMenuAsIcon
+  }))), isOverflow && !isScrollBoxEnd && /*#__PURE__*/React.createElement(S_RightButtonWrapper, null, /*#__PURE__*/React.createElement(S_ButtonWrapper, null, /*#__PURE__*/React.createElement(D_IconButton, {
+    fillType: "fill",
+    baseSize: "medium",
+    baseColorKey: "ui_menu_background",
+    iconName: "ic_arrow_right",
+    iconFillType: "line",
+    iconColorKey: "ui_cpnt_button_icon_default",
+    shapeType: "circular",
+    iconSize: 20,
+    onClick: onClickRightButton
+  }))));
+}
+const S_Main_PrimaryMenu = styled.div.withConfig({
+  displayName: "PrimaryMenu__S_Main_PrimaryMenu",
+  componentId: "sc-r8ur8y-0"
+})(["display:flex;grid-area:PRIMARY_MENU;overflow-x:auto;overscroll-behavior-y:none;width:max-content;& > div:first-child{margin-left:32px;}"]);
+const S_PrimaryMenuBox = styled.div.withConfig({
+  displayName: "PrimaryMenu__S_PrimaryMenuBox",
+  componentId: "sc-r8ur8y-1"
+})(["display:flex;height:48px;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;position:relative;width:100%;"]);
+const S_RightButtonWrapper = styled.div.withConfig({
+  displayName: "PrimaryMenu__S_RightButtonWrapper",
+  componentId: "sc-r8ur8y-2"
+})(["align-items:center;display:flex;height:100%;position:absolute;right:0;&::before{background:", ";content:'';display:block;height:100%;pointer-events:none;width:50px;}"], ({
+  theme
+}) => `linear-gradient(to left, ${theme.ui_menu_background} 10%, ${theme.ui_cpnt_pg_gradient_02} 90%)`);
+const S_LeftButtonWrapper = styled.div.withConfig({
+  displayName: "PrimaryMenu__S_LeftButtonWrapper",
+  componentId: "sc-r8ur8y-3"
+})(["align-items:center;display:flex;height:100%;left:0;position:absolute;&::after{background:", ";content:'';display:block;height:100%;pointer-events:none;width:50px;}"], ({
+  theme
+}) => `linear-gradient(to right, ${theme.ui_menu_background} 20%, ${theme.ui_cpnt_pg_gradient_02} 80%)`);
+const S_ButtonWrapper = styled.div.withConfig({
+  displayName: "PrimaryMenu__S_ButtonWrapper",
+  componentId: "sc-r8ur8y-4"
+})(["align-items:center;background-color:", ";display:flex;height:50px;& > button{background-color:", ";* path{stroke:", ";}}"], ({
+  theme
+}) => theme.ui_menu_background, ({
+  theme
+}) => theme.ui_menu_button_base, ({
+  theme
+}) => theme.ui_temp_grey_02);
+export default PrimaryMenu;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwic21vb3Roc2Nyb2xsIiwic3R5bGVkIiwiRF9JY29uQnV0dG9uIiwidXNlRGV0ZWN0T3ZlcmZsb3ciLCJNZW51SXRlbU5hdiIsInBvbHlmaWxsIiwiREVTS1RPUF9TQ1JPTExfTEVGVCIsIlByaW1hcnlNZW51IiwibWVudXMiLCJzaG93TWVudUFzSWNvbiIsInN0eWxlIiwicHJpbWFyeVJlZiIsInNldFByaW1hcnlSZWYiLCJub2RlIiwicHJpbWFyeUNhbGxiYWNrUmVmIiwiYWRkRXZlbnRMaXN0ZW5lciIsImhhbmRsZVNjcm9sbCIsImUiLCJzY3JvbGxUbyIsImxlZnQiLCJzY3JvbGxMZWZ0IiwiZGVsdGFZIiwicmVtb3ZlRXZlbnRMaXN0ZW5lciIsInRyaWdnZXIiLCJpc092ZXJmbG93IiwiaXNTY3JvbGxCb3hTdGFydCIsImlzU2Nyb2xsQm94RW5kIiwib25DbGlja0xlZnRCdXR0b24iLCJzY3JvbGwiLCJiZWhhdmlvciIsIm9uQ2xpY2tSaWdodEJ1dHRvbiIsIlJlYWN0IiwiY3JlYXRlRWxlbWVudCIsIlNfUHJpbWFyeU1lbnVCb3giLCJTX0xlZnRCdXR0b25XcmFwcGVyIiwiU19CdXR0b25XcmFwcGVyIiwiZmlsbFR5cGUiLCJiYXNlU2l6ZSIsImJhc2VDb2xvcktleSIsImljb25OYW1lIiwiaWNvbkZpbGxUeXBlIiwiaWNvbkNvbG9yS2V5Iiwic2hhcGVUeXBlIiwiaWNvblNpemUiLCJvbkNsaWNrIiwiU19NYWluX1ByaW1hcnlNZW51Iiwib25TY3JvbGwiLCJyZWYiLCJtYXAiLCJtZW51IiwiaW5kZXgiLCJrZXkiLCJTX1JpZ2h0QnV0dG9uV3JhcHBlciIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIiwidGhlbWUiLCJ1aV9tZW51X2JhY2tncm91bmQiLCJ1aV9jcG50X3BnX2dyYWRpZW50XzAyIiwidWlfbWVudV9idXR0b25fYmFzZSIsInVpX3RlbXBfZ3JleV8wMiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9kZXNrdG9wL2NvbXBvbmVudHMvRHluYW1pY0Rlc2t0b3BOYXZCYXIvYmxvY2tzL1ByaW1hcnlNZW51LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzbW9vdGhzY3JvbGwgZnJvbSAnc21vb3Roc2Nyb2xsLXBvbHlmaWxsJztcblxuaW1wb3J0IHN0eWxlZCwgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5pbXBvcnQgeyBEX0ljb25CdXR0b24gfSBmcm9tICcuLi8uLi8uLic7XG5pbXBvcnQgeyB1c2VEZXRlY3RPdmVyZmxvdyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbW1vbi9ob29rcyc7XG5pbXBvcnQgeyBNZW51SXRlbU5hdiB9IGZyb20gJy4uL2NvbXBvbmVudHMvTWVudUl0ZW1OYXYnO1xuXG5pbXBvcnQgdHlwZSB7IFBhcnNlZE5vZGUgfSBmcm9tICcuLi90eXBlcyc7XG5cbi8vIE5PVEU6IHNhZmFyaS1zY3JvbGwtYmVoYXZpb3Itc21vb3RoIHBvbHlmaWxsXG5zbW9vdGhzY3JvbGwucG9seWZpbGwoKTtcblxudHlwZSBQcm9wcyA9IHtcbiAgbWVudXM6IFBhcnNlZE5vZGVbXTtcbiAgc2hvd01lbnVBc0ljb246IGJvb2xlYW47XG4gIHN0eWxlPzogQ1NTUHJvcGVydGllcztcbn07XG5cbmNvbnN0IERFU0tUT1BfU0NST0xMX0xFRlQgPSAzMjA7XG5cbmZ1bmN0aW9uIFByaW1hcnlNZW51KHsgbWVudXMsIHNob3dNZW51QXNJY29uLCBzdHlsZSB9OiBQcm9wcykge1xuICBjb25zdCBbcHJpbWFyeVJlZiwgc2V0UHJpbWFyeVJlZl0gPSB1c2VTdGF0ZTx7IG5vZGU6IEhUTUxVTGlzdEVsZW1lbnQgfCBudWxsIH0+KHsgbm9kZTogbnVsbCB9KTtcblxuICBjb25zdCBwcmltYXJ5Q2FsbGJhY2tSZWYgPSB1c2VDYWxsYmFjayhcbiAgICAobm9kZSkgPT4ge1xuICAgICAgaWYgKCFub2RlKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgc2V0UHJpbWFyeVJlZih7IG5vZGUgfSk7XG4gICAgfSxcbiAgICBbbWVudXNdXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXByaW1hcnlSZWYubm9kZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHByaW1hcnlSZWYubm9kZS5hZGRFdmVudExpc3RlbmVyKCd3aGVlbCcsIGhhbmRsZVNjcm9sbCk7XG5cbiAgICBmdW5jdGlvbiBoYW5kbGVTY3JvbGwoZTogV2hlZWxFdmVudCkge1xuICAgICAgaWYgKHByaW1hcnlSZWYubm9kZSkge1xuICAgICAgICBwcmltYXJ5UmVmLm5vZGUuc2Nyb2xsVG8oeyBsZWZ0OiBwcmltYXJ5UmVmLm5vZGUuc2Nyb2xsTGVmdCArIGUuZGVsdGFZIH0pO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAoIXByaW1hcnlSZWYubm9kZSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHByaW1hcnlSZWYubm9kZS5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBoYW5kbGVTY3JvbGwpO1xuICAgIH07XG4gIH0sIFtwcmltYXJ5UmVmXSk7XG5cbiAgY29uc3QgeyB0cmlnZ2VyLCBpc092ZXJmbG93LCBpc1Njcm9sbEJveFN0YXJ0LCBpc1Njcm9sbEJveEVuZCB9ID0gdXNlRGV0ZWN0T3ZlcmZsb3coXG4gICAgcHJpbWFyeVJlZixcbiAgICB0cnVlXG4gICk7XG5cbiAgY29uc3Qgb25DbGlja0xlZnRCdXR0b24gPSAoKSA9PiB7XG4gICAgcHJpbWFyeVJlZi5ub2RlICYmXG4gICAgICBwcmltYXJ5UmVmLm5vZGUuc2Nyb2xsKHtcbiAgICAgICAgbGVmdDogcHJpbWFyeVJlZi5ub2RlLnNjcm9sbExlZnQgLSBERVNLVE9QX1NDUk9MTF9MRUZULFxuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCdcbiAgICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2xpY2tSaWdodEJ1dHRvbiA9ICgpID0+IHtcbiAgICBwcmltYXJ5UmVmLm5vZGUgJiZcbiAgICAgIHByaW1hcnlSZWYubm9kZS5zY3JvbGwoe1xuICAgICAgICBsZWZ0OiBwcmltYXJ5UmVmLm5vZGUuc2Nyb2xsTGVmdCArIERFU0tUT1BfU0NST0xMX0xFRlQsXG4gICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJ1xuICAgICAgfSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U19QcmltYXJ5TWVudUJveCBzdHlsZT17c3R5bGV9PlxuICAgICAge2lzT3ZlcmZsb3cgJiYgIWlzU2Nyb2xsQm94U3RhcnQgJiYgKFxuICAgICAgICA8U19MZWZ0QnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICA8U19CdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgPERfSWNvbkJ1dHRvblxuICAgICAgICAgICAgICBmaWxsVHlwZT1cImZpbGxcIlxuICAgICAgICAgICAgICBiYXNlU2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgICAgICAgIGJhc2VDb2xvcktleT1cInVpX21lbnVfYmFja2dyb3VuZFwiXG4gICAgICAgICAgICAgIGljb25OYW1lPVwiaWNfYXJyb3dfbGVmdFwiXG4gICAgICAgICAgICAgIGljb25GaWxsVHlwZT1cImxpbmVcIlxuICAgICAgICAgICAgICBpY29uQ29sb3JLZXk9XCJ1aV9jcG50X2J1dHRvbl9pY29uX2RlZmF1bHRcIlxuICAgICAgICAgICAgICBzaGFwZVR5cGU9XCJjaXJjdWxhclwiXG4gICAgICAgICAgICAgIGljb25TaXplPXsyMH1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0xlZnRCdXR0b259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU19CdXR0b25XcmFwcGVyPlxuICAgICAgICA8L1NfTGVmdEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuXG4gICAgICA8U19NYWluX1ByaW1hcnlNZW51IG9uU2Nyb2xsPXsoKSA9PiB0cmlnZ2VyKCl9IHJlZj17cHJpbWFyeUNhbGxiYWNrUmVmfT5cbiAgICAgICAge21lbnVzLm1hcCgobWVudSwgaW5kZXgpID0+IChcbiAgICAgICAgICA8TWVudUl0ZW1OYXYga2V5PXtpbmRleH0gbWVudT17bWVudX0gc2hvd01lbnVBc0ljb249e3Nob3dNZW51QXNJY29ufSAvPlxuICAgICAgICApKX1cbiAgICAgIDwvU19NYWluX1ByaW1hcnlNZW51PlxuXG4gICAgICB7aXNPdmVyZmxvdyAmJiAhaXNTY3JvbGxCb3hFbmQgJiYgKFxuICAgICAgICA8U19SaWdodEJ1dHRvbldyYXBwZXI+XG4gICAgICAgICAgPFNfQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICAgIDxEX0ljb25CdXR0b25cbiAgICAgICAgICAgICAgZmlsbFR5cGU9XCJmaWxsXCJcbiAgICAgICAgICAgICAgYmFzZVNpemU9XCJtZWRpdW1cIlxuICAgICAgICAgICAgICBiYXNlQ29sb3JLZXk9XCJ1aV9tZW51X2JhY2tncm91bmRcIlxuICAgICAgICAgICAgICBpY29uTmFtZT1cImljX2Fycm93X3JpZ2h0XCJcbiAgICAgICAgICAgICAgaWNvbkZpbGxUeXBlPVwibGluZVwiXG4gICAgICAgICAgICAgIGljb25Db2xvcktleT1cInVpX2NwbnRfYnV0dG9uX2ljb25fZGVmYXVsdFwiXG4gICAgICAgICAgICAgIHNoYXBlVHlwZT1cImNpcmN1bGFyXCJcbiAgICAgICAgICAgICAgaWNvblNpemU9ezIwfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrUmlnaHRCdXR0b259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU19CdXR0b25XcmFwcGVyPlxuICAgICAgICA8L1NfUmlnaHRCdXR0b25XcmFwcGVyPlxuICAgICAgKX1cbiAgICA8L1NfUHJpbWFyeU1lbnVCb3g+XG4gICk7XG59XG5cbmNvbnN0IFNfTWFpbl9QcmltYXJ5TWVudSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdyaWQtYXJlYTogUFJJTUFSWV9NRU5VO1xuICBvdmVyZmxvdy14OiBhdXRvO1xuICBvdmVyc2Nyb2xsLWJlaGF2aW9yLXk6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcblxuICAmID4gZGl2OmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tbGVmdDogMzJweDtcbiAgfVxuYDtcblxuY29uc3QgU19QcmltYXJ5TWVudUJveCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogNDhweDtcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFNfUmlnaHRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCh0byBsZWZ0LCAke3RoZW1lLnVpX21lbnVfYmFja2dyb3VuZH0gMTAlLCAke3RoZW1lLnVpX2NwbnRfcGdfZ3JhZGllbnRfMDJ9IDkwJSlgfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFNfTGVmdEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblxuICAmOjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHt0aGVtZS51aV9tZW51X2JhY2tncm91bmR9IDIwJSwgJHt0aGVtZS51aV9jcG50X3BnX2dyYWRpZW50XzAyfSA4MCUpYH07XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHdpZHRoOiA1MHB4O1xuICB9XG5gO1xuXG5jb25zdCBTX0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnVpX21lbnVfYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogNTBweDtcblxuICAmID4gYnV0dG9uIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnVpX21lbnVfYnV0dG9uX2Jhc2V9O1xuXG4gICAgKiBwYXRoIHtcbiAgICAgIHN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS51aV90ZW1wX2dyZXlfMDJ9O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgUHJpbWFyeU1lbnU7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFdBQVcsRUFBRUMsU0FBUyxFQUFFQyxRQUFRLFFBQVEsT0FBTztBQUN4RCxPQUFPQyxZQUFZLE1BQU0sdUJBQXVCO0FBRWhELE9BQU9DLE1BQU0sTUFBeUIsbUJBQW1CO0FBRXpELFNBQVNDLFlBQVksUUFBUSxVQUFVO0FBQ3ZDLFNBQVNDLGlCQUFpQixRQUFRLDBCQUEwQjtBQUM1RCxTQUFT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

package/dist/desktop/components/DynamicDesktopNavBar/blocks/SecondaryMenu.js

@@ -0,0 +1,126 @@
+import { useCallback, useEffect, useState } from 'react';
+import smoothscroll from 'smoothscroll-polyfill';
+import styled from 'styled-components';
+import { D_IconButton } from '../../..';
+import { useDetectOverflow } from '../../../../common/hooks';
+import { MenuItemNav } from '../components/MenuItemNav';
+// NOTE: safari-scroll-behavior-smooth polyfill
+smoothscroll.polyfill();
+const DESKTOP_SCROLL_LEFT = 320;
+function SecondaryMenu({
+  menus,
+  showMenuAsIcon,
+  style
+}) {
+  const [primaryRef, setPrimaryRef] = useState({
+    node: null
+  });
+  const primaryCallbackRef = useCallback(node => {
+    if (!node) {
+      return;
+    }
+    setPrimaryRef({
+      node
+    });
+  }, [menus]);
+  useEffect(() => {
+    if (!primaryRef.node) {
+      return;
+    }
+    primaryRef.node.addEventListener('wheel', handleScroll);
+    function handleScroll(e) {
+      if (primaryRef.node) {
+        primaryRef.node.scrollTo({
+          left: primaryRef.node.scrollLeft + e.deltaY
+        });
+      }
+    }
+    return () => {
+      if (!primaryRef.node) {
+        return;
+      }
+      primaryRef.node.removeEventListener('scroll', handleScroll);
+    };
+  }, [primaryRef]);
+  const {
+    trigger,
+    isOverflow,
+    isScrollBoxStart,
+    isScrollBoxEnd
+  } = useDetectOverflow(primaryRef, true);
+  const onClickLeftButton = () => {
+    primaryRef.node && primaryRef.node.scroll({
+      left: primaryRef.node.scrollLeft - DESKTOP_SCROLL_LEFT,
+      behavior: 'smooth'
+    });
+  };
+  const onClickRightButton = () => {
+    primaryRef.node && primaryRef.node.scroll({
+      left: primaryRef.node.scrollLeft + DESKTOP_SCROLL_LEFT,
+      behavior: 'smooth'
+    });
+  };
+  return /*#__PURE__*/React.createElement(S_SecondaryMenu, {
+    style: style
+  }, isOverflow && !isScrollBoxStart && /*#__PURE__*/React.createElement(S_LeftButtonWrapper, null, /*#__PURE__*/React.createElement(S_ButtonWrapper, null, /*#__PURE__*/React.createElement(D_IconButton, {
+    fillType: "fill",
+    baseSize: "medium",
+    baseColorKey: "ui_menu_background",
+    iconName: "ic_arrow_left",
+    iconFillType: "line",
+    iconColorKey: "ui_cpnt_button_icon_default",
+    shapeType: "circular",
+    iconSize: 20,
+    onClick: onClickLeftButton
+  }))), /*#__PURE__*/React.createElement(S_Main_SecondaryMenu, {
+    style: style,
+    onScroll: () => trigger(),
+    ref: primaryCallbackRef
+  }, menus.map((menu, index) => /*#__PURE__*/React.createElement(MenuItemNav, {
+    key: index,
+    menu: menu,
+    showMenuAsIcon: showMenuAsIcon
+  }))), isOverflow && !isScrollBoxEnd && /*#__PURE__*/React.createElement(S_RightButtonWrapper, null, /*#__PURE__*/React.createElement(S_ButtonWrapper, null, /*#__PURE__*/React.createElement(D_IconButton, {
+    fillType: "fill",
+    baseSize: "medium",
+    baseColorKey: "ui_menu_background",
+    iconName: "ic_arrow_right",
+    iconFillType: "line",
+    iconColorKey: "ui_cpnt_button_icon_default",
+    shapeType: "circular",
+    iconSize: 20,
+    onClick: onClickRightButton
+  }))));
+}
+const S_Main_SecondaryMenu = styled.div.withConfig({
+  displayName: "SecondaryMenu__S_Main_SecondaryMenu",
+  componentId: "sc-62rx7y-0"
+})(["display:flex;grid-area:SECONDARY_MENU;overflow-x:auto;overscroll-behavior-y:none;width:max-content;& > div:first-child{margin-left:32px;}"]);
+const S_SecondaryMenu = styled.div.withConfig({
+  displayName: "SecondaryMenu__S_SecondaryMenu",
+  componentId: "sc-62rx7y-1"
+})(["display:flex;height:48px;max-height:100%;max-width:100%;overflow-x:hidden;overflow-y:hidden;position:relative;width:100%;"]);
+const S_RightButtonWrapper = styled.div.withConfig({
+  displayName: "SecondaryMenu__S_RightButtonWrapper",
+  componentId: "sc-62rx7y-2"
+})(["align-items:center;display:flex;height:100%;position:absolute;right:0;&::before{background:", ";content:'';display:block;height:100%;pointer-events:none;width:50px;}"], ({
+  theme
+}) => `linear-gradient(to left, ${theme.ui_menu_background} 10%, ${theme.ui_cpnt_pg_gradient_02} 90%)`);
+const S_LeftButtonWrapper = styled.div.withConfig({
+  displayName: "SecondaryMenu__S_LeftButtonWrapper",
+  componentId: "sc-62rx7y-3"
+})(["align-items:center;display:flex;height:100%;left:0;position:absolute;&::after{background:", ";content:'';display:block;height:100%;pointer-events:none;width:50px;}"], ({
+  theme
+}) => `linear-gradient(to right, ${theme.ui_menu_background} 20%, ${theme.ui_cpnt_pg_gradient_02} 80%)`);
+const S_ButtonWrapper = styled.div.withConfig({
+  displayName: "SecondaryMenu__S_ButtonWrapper",
+  componentId: "sc-62rx7y-4"
+})(["align-items:center;background-color:", ";display:flex;height:50px;& > button{background-color:", ";* path{stroke:", ";}}"], ({
+  theme
+}) => theme.ui_menu_background, ({
+  theme
+}) => theme.ui_menu_button_base, ({
+  theme
+}) => theme.ui_temp_grey_02);
+export default SecondaryMenu;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZVN0YXRlIiwic21vb3Roc2Nyb2xsIiwic3R5bGVkIiwiRF9JY29uQnV0dG9uIiwidXNlRGV0ZWN0T3ZlcmZsb3ciLCJNZW51SXRlbU5hdiIsInBvbHlmaWxsIiwiREVTS1RPUF9TQ1JPTExfTEVGVCIsIlNlY29uZGFyeU1lbnUiLCJtZW51cyIsInNob3dNZW51QXNJY29uIiwic3R5bGUiLCJwcmltYXJ5UmVmIiwic2V0UHJpbWFyeVJlZiIsIm5vZGUiLCJwcmltYXJ5Q2FsbGJhY2tSZWYiLCJhZGRFdmVudExpc3RlbmVyIiwiaGFuZGxlU2Nyb2xsIiwiZSIsInNjcm9sbFRvIiwibGVmdCIsInNjcm9sbExlZnQiLCJkZWx0YVkiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwidHJpZ2dlciIsImlzT3ZlcmZsb3ciLCJpc1Njcm9sbEJveFN0YXJ0IiwiaXNTY3JvbGxCb3hFbmQiLCJvbkNsaWNrTGVmdEJ1dHRvbiIsInNjcm9sbCIsImJlaGF2aW9yIiwib25DbGlja1JpZ2h0QnV0dG9uIiwiUmVhY3QiLCJjcmVhdGVFbGVtZW50IiwiU19TZWNvbmRhcnlNZW51IiwiU19MZWZ0QnV0dG9uV3JhcHBlciIsIlNfQnV0dG9uV3JhcHBlciIsImZpbGxUeXBlIiwiYmFzZVNpemUiLCJiYXNlQ29sb3JLZXkiLCJpY29uTmFtZSIsImljb25GaWxsVHlwZSIsImljb25Db2xvcktleSIsInNoYXBlVHlwZSIsImljb25TaXplIiwib25DbGljayIsIlNfTWFpbl9TZWNvbmRhcnlNZW51Iiwib25TY3JvbGwiLCJyZWYiLCJtYXAiLCJtZW51IiwiaW5kZXgiLCJrZXkiLCJTX1JpZ2h0QnV0dG9uV3JhcHBlciIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIiwidGhlbWUiLCJ1aV9tZW51X2JhY2tncm91bmQiLCJ1aV9jcG50X3BnX2dyYWRpZW50XzAyIiwidWlfbWVudV9idXR0b25fYmFzZSIsInVpX3RlbXBfZ3JleV8wMiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9kZXNrdG9wL2NvbXBvbmVudHMvRHluYW1pY0Rlc2t0b3BOYXZCYXIvYmxvY2tzL1NlY29uZGFyeU1lbnUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHNtb290aHNjcm9sbCBmcm9tICdzbW9vdGhzY3JvbGwtcG9seWZpbGwnO1xuXG5pbXBvcnQgc3R5bGVkLCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tICdzdHlsZWQtY29tcG9uZW50cyc7XG5cbmltcG9ydCB7IERfSWNvbkJ1dHRvbiB9IGZyb20gJy4uLy4uLy4uJztcbmltcG9ydCB7IHVzZURldGVjdE92ZXJmbG93IH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tbW9uL2hvb2tzJztcbmltcG9ydCB7IE1lbnVJdGVtTmF2IH0gZnJvbSAnLi4vY29tcG9uZW50cy9NZW51SXRlbU5hdic7XG5cbmltcG9ydCB0eXBlIHsgUGFyc2VkTm9kZSB9IGZyb20gJy4uL3R5cGVzJztcblxuLy8gTk9URTogc2FmYXJpLXNjcm9sbC1iZWhhdmlvci1zbW9vdGggcG9seWZpbGxcbnNtb290aHNjcm9sbC5wb2x5ZmlsbCgpO1xuXG50eXBlIFByb3BzID0ge1xuICBtZW51czogUGFyc2VkTm9kZVtdO1xuICBzaG93TWVudUFzSWNvbjogYm9vbGVhbjtcbiAgc3R5bGU/OiBDU1NQcm9wZXJ0aWVzO1xufTtcblxuY29uc3QgREVTS1RPUF9TQ1JPTExfTEVGVCA9IDMyMDtcblxuZnVuY3Rpb24gU2Vjb25kYXJ5TWVudSh7IG1lbnVzLCBzaG93TWVudUFzSWNvbiwgc3R5bGUgfTogUHJvcHMpIHtcbiAgY29uc3QgW3ByaW1hcnlSZWYsIHNldFByaW1hcnlSZWZdID0gdXNlU3RhdGU8eyBub2RlOiBIVE1MVUxpc3RFbGVtZW50IHwgbnVsbCB9Pih7IG5vZGU6IG51bGwgfSk7XG5cbiAgY29uc3QgcHJpbWFyeUNhbGxiYWNrUmVmID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGUpID0+IHtcbiAgICAgIGlmICghbm9kZSkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHNldFByaW1hcnlSZWYoeyBub2RlIH0pO1xuICAgIH0sXG4gICAgW21lbnVzXVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFwcmltYXJ5UmVmLm5vZGUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBwcmltYXJ5UmVmLm5vZGUuYWRkRXZlbnRMaXN0ZW5lcignd2hlZWwnLCBoYW5kbGVTY3JvbGwpO1xuXG4gICAgZnVuY3Rpb24gaGFuZGxlU2Nyb2xsKGU6IFdoZWVsRXZlbnQpIHtcbiAgICAgIGlmIChwcmltYXJ5UmVmLm5vZGUpIHtcbiAgICAgICAgcHJpbWFyeVJlZi5ub2RlLnNjcm9sbFRvKHsgbGVmdDogcHJpbWFyeVJlZi5ub2RlLnNjcm9sbExlZnQgKyBlLmRlbHRhWSB9KTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgaWYgKCFwcmltYXJ5UmVmLm5vZGUpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBwcmltYXJ5UmVmLm5vZGUucmVtb3ZlRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgaGFuZGxlU2Nyb2xsKTtcbiAgICB9O1xuICB9LCBbcHJpbWFyeVJlZl0pO1xuXG4gIGNvbnN0IHsgdHJpZ2dlciwgaXNPdmVyZmxvdywgaXNTY3JvbGxCb3hTdGFydCwgaXNTY3JvbGxCb3hFbmQgfSA9IHVzZURldGVjdE92ZXJmbG93KFxuICAgIHByaW1hcnlSZWYsXG4gICAgdHJ1ZVxuICApO1xuXG4gIGNvbnN0IG9uQ2xpY2tMZWZ0QnV0dG9uID0gKCkgPT4ge1xuICAgIHByaW1hcnlSZWYubm9kZSAmJlxuICAgICAgcHJpbWFyeVJlZi5ub2RlLnNjcm9sbCh7XG4gICAgICAgIGxlZnQ6IHByaW1hcnlSZWYubm9kZS5zY3JvbGxMZWZ0IC0gREVTS1RPUF9TQ1JPTExfTEVGVCxcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnXG4gICAgICB9KTtcbiAgfTtcblxuICBjb25zdCBvbkNsaWNrUmlnaHRCdXR0b24gPSAoKSA9PiB7XG4gICAgcHJpbWFyeVJlZi5ub2RlICYmXG4gICAgICBwcmltYXJ5UmVmLm5vZGUuc2Nyb2xsKHtcbiAgICAgICAgbGVmdDogcHJpbWFyeVJlZi5ub2RlLnNjcm9sbExlZnQgKyBERVNLVE9QX1NDUk9MTF9MRUZULFxuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCdcbiAgICAgIH0pO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFNfU2Vjb25kYXJ5TWVudSBzdHlsZT17c3R5bGV9PlxuICAgICAge2lzT3ZlcmZsb3cgJiYgIWlzU2Nyb2xsQm94U3RhcnQgJiYgKFxuICAgICAgICA8U19MZWZ0QnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICA8U19CdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgPERfSWNvbkJ1dHRvblxuICAgICAgICAgICAgICBmaWxsVHlwZT1cImZpbGxcIlxuICAgICAgICAgICAgICBiYXNlU2l6ZT1cIm1lZGl1bVwiXG4gICAgICAgICAgICAgIGJhc2VDb2xvcktleT1cInVpX21lbnVfYmFja2dyb3VuZFwiXG4gICAgICAgICAgICAgIGljb25OYW1lPVwiaWNfYXJyb3dfbGVmdFwiXG4gICAgICAgICAgICAgIGljb25GaWxsVHlwZT1cImxpbmVcIlxuICAgICAgICAgICAgICBpY29uQ29sb3JLZXk9XCJ1aV9jcG50X2J1dHRvbl9pY29uX2RlZmF1bHRcIlxuICAgICAgICAgICAgICBzaGFwZVR5cGU9XCJjaXJjdWxhclwiXG4gICAgICAgICAgICAgIGljb25TaXplPXsyMH1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja0xlZnRCdXR0b259XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU19CdXR0b25XcmFwcGVyPlxuICAgICAgICA8L1NfTGVmdEJ1dHRvbldyYXBwZXI+XG4gICAgICApfVxuICAgICAgPFNfTWFpbl9TZWNvbmRhcnlNZW51IHN0eWxlPXtzdHlsZX0gb25TY3JvbGw9eygpID0+IHRyaWdnZXIoKX0gcmVmPXtwcmltYXJ5Q2FsbGJhY2tSZWZ9PlxuICAgICAgICB7bWVudXMubWFwKChtZW51LCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNZW51SXRlbU5hdiBrZXk9e2luZGV4fSBtZW51PXttZW51fSBzaG93TWVudUFzSWNvbj17c2hvd01lbnVBc0ljb259IC8+XG4gICAgICAgICkpfVxuICAgICAgPC9TX01haW5fU2Vjb25kYXJ5TWVudT5cblxuICAgICAge2lzT3ZlcmZsb3cgJiYgIWlzU2Nyb2xsQm94RW5kICYmIChcbiAgICAgICAgPFNfUmlnaHRCdXR0b25XcmFwcGVyPlxuICAgICAgICAgIDxTX0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICA8RF9JY29uQnV0dG9uXG4gICAgICAgICAgICAgIGZpbGxUeXBlPVwiZmlsbFwiXG4gICAgICAgICAgICAgIGJhc2VTaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgICAgYmFzZUNvbG9yS2V5PVwidWlfbWVudV9iYWNrZ3JvdW5kXCJcbiAgICAgICAgICAgICAgaWNvbk5hbWU9XCJpY19hcnJvd19yaWdodFwiXG4gICAgICAgICAgICAgIGljb25GaWxsVHlwZT1cImxpbmVcIlxuICAgICAgICAgICAgICBpY29uQ29sb3JLZXk9XCJ1aV9jcG50X2J1dHRvbl9pY29uX2RlZmF1bHRcIlxuICAgICAgICAgICAgICBzaGFwZVR5cGU9XCJjaXJjdWxhclwiXG4gICAgICAgICAgICAgIGljb25TaXplPXsyMH1cbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja1JpZ2h0QnV0dG9ufVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NfQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPC9TX1JpZ2h0QnV0dG9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TX1NlY29uZGFyeU1lbnU+XG4gICk7XG59XG5cbmNvbnN0IFNfTWFpbl9TZWNvbmRhcnlNZW51ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ3JpZC1hcmVhOiBTRUNPTkRBUllfTUVOVTtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgb3ZlcnNjcm9sbC1iZWhhdmlvci15OiBub25lO1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5cbiAgJiA+IGRpdjpmaXJzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWxlZnQ6IDMycHg7XG4gIH1cbmA7XG5cbmNvbnN0IFNfU2Vjb25kYXJ5TWVudSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogNDhweDtcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIG92ZXJmbG93LXk6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFNfUmlnaHRCdXR0b25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCh0byBsZWZ0LCAke3RoZW1lLnVpX21lbnVfYmFja2dyb3VuZH0gMTAlLCAke3RoZW1lLnVpX2NwbnRfcGdfZ3JhZGllbnRfMDJ9IDkwJSlgfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgd2lkdGg6IDUwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFNfTGVmdEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIGxlZnQ6IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcblxuICAmOjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgJHt0aGVtZS51aV9tZW51X2JhY2tncm91bmR9IDIwJSwgJHt0aGVtZS51aV9jcG50X3BnX2dyYWRpZW50XzAyfSA4MCUpYH07XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIHdpZHRoOiA1MHB4O1xuICB9XG5gO1xuXG5jb25zdCBTX0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnVpX21lbnVfYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogNTBweDtcblxuICAmID4gYnV0dG9uIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnVpX21lbnVfYnV0dG9uX2Jhc2V9O1xuXG4gICAgKiBwYXRoIHtcbiAgICAgIHN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS51aV90ZW1wX2dyZXlfMDJ9O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgU2Vjb25kYXJ5TWVudTtcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsV0FBVyxFQUFFQyxTQUFTLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQ3hELE9BQU9DLFlBQVksTUFBTSx1QkFBdUI7QUFFaEQsT0FBT0MsTUFBTSxNQUF5QixtQkFBbUI7QUFFekQsU0FBU0MsWUFBWSxRQUFRLFVBQVU7QUFDdkMsU0FBU0MsaUJB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

package/dist/desktop/components/DynamicDesktopNavBar/blocks/UserProfile.js

@@ -0,0 +1,46 @@
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { NavLink } from '../../../../common/components/Navigations';
+import { ImageView, Spacing } from '../../../../hybrid';
+function UserProfile({
+  src,
+  to,
+  overrideUserProfile,
+  leftIconButton,
+  leftIconButton2,
+  style
+}, ref) {
+  return /*#__PURE__*/React.createElement(S_UserProfile, {
+    style: style,
+    ref: ref
+  }, overrideUserProfile ? /*#__PURE__*/React.createElement(S_OverrideUserProfile, null, overrideUserProfile) : /*#__PURE__*/React.createElement(S_ImageViewWrapper, null, leftIconButton2 && /*#__PURE__*/React.createElement(React.Fragment, null, leftIconButton2, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b",
+    spacingType: "width"
+  })), leftIconButton && /*#__PURE__*/React.createElement(React.Fragment, null, leftIconButton, /*#__PURE__*/React.createElement(Spacing, {
+    size: "spacing_b",
+    spacingType: "width"
+  })), /*#__PURE__*/React.createElement(NavLink, {
+    to: to
+  }, /*#__PURE__*/React.createElement(ImageView, {
+    width: 32,
+    ratio: "1_1",
+    scaleType: "cover",
+    shapeType: "circular",
+    src: src,
+    borderMode: "use"
+  }))));
+}
+const S_UserProfile = styled.div.withConfig({
+  displayName: "UserProfile__S_UserProfile",
+  componentId: "sc-171ywyg-0"
+})(["display:flex;grid-area:USER_PROFILE;justify-content:flex-end;"]);
+const S_OverrideUserProfile = styled.div.withConfig({
+  displayName: "UserProfile__S_OverrideUserProfile",
+  componentId: "sc-171ywyg-1"
+})(["width:max-content;"]);
+const S_ImageViewWrapper = styled.div.withConfig({
+  displayName: "UserProfile__S_ImageViewWrapper",
+  componentId: "sc-171ywyg-2"
+})(["align-items:center;display:flex;"]);
+export default /*#__PURE__*/forwardRef(UserProfile);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmb3J3YXJkUmVmIiwic3R5bGVkIiwiTmF2TGluayIsIkltYWdlVmlldyIsIlNwYWNpbmciLCJVc2VyUHJvZmlsZSIsInNyYyIsInRvIiwib3ZlcnJpZGVVc2VyUHJvZmlsZSIsImxlZnRJY29uQnV0dG9uIiwibGVmdEljb25CdXR0b24yIiwic3R5bGUiLCJyZWYiLCJSZWFjdCIsImNyZWF0ZUVsZW1lbnQiLCJTX1VzZXJQcm9maWxlIiwiU19PdmVycmlkZVVzZXJQcm9maWxlIiwiU19JbWFnZVZpZXdXcmFwcGVyIiwiRnJhZ21lbnQiLCJzaXplIiwic3BhY2luZ1R5cGUiLCJ3aWR0aCIsInJhdGlvIiwic2NhbGVUeXBlIiwic2hhcGVUeXBlIiwiYm9yZGVyTW9kZSIsImRpdiIsIndpdGhDb25maWciLCJkaXNwbGF5TmFtZSIsImNvbXBvbmVudElkIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2Rlc2t0b3AvY29tcG9uZW50cy9EeW5hbWljRGVza3RvcE5hdkJhci9ibG9ja3MvVXNlclByb2ZpbGUudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZWQsIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJztcblxuaW1wb3J0IHsgTmF2TGluayB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbW1vbi9jb21wb25lbnRzL05hdmlnYXRpb25zJztcbmltcG9ydCB7IEltYWdlVmlldywgU3BhY2luZyB9IGZyb20gJy4uLy4uLy4uLy4uL2h5YnJpZCc7XG5cbmltcG9ydCB0eXBlIHsgRm9yd2FyZGVkUmVmIH0gZnJvbSAncmVhY3QnO1xuXG50eXBlIFByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdG86IHN0cmluZztcbiAgbGVmdEljb25CdXR0b24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGxlZnRJY29uQnV0dG9uMj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgb3ZlcnJpZGVVc2VyUHJvZmlsZT86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgc3R5bGU/OiBDU1NQcm9wZXJ0aWVzO1xufTtcblxudHlwZSBGb3J3YXJkZWRSZWZUeXBlPFQ+ID0gRm9yd2FyZGVkUmVmPFQgfCBudWxsPjtcblxuZnVuY3Rpb24gVXNlclByb2ZpbGUoXG4gIHsgc3JjLCB0bywgb3ZlcnJpZGVVc2VyUHJvZmlsZSwgbGVmdEljb25CdXR0b24sIGxlZnRJY29uQnV0dG9uMiwgc3R5bGUgfTogUHJvcHMsXG4gIHJlZjogRm9yd2FyZGVkUmVmVHlwZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG4pIHtcbiAgcmV0dXJuIChcbiAgICA8U19Vc2VyUHJvZmlsZSBzdHlsZT17c3R5bGV9IHJlZj17cmVmfT5cbiAgICAgIHtvdmVycmlkZVVzZXJQcm9maWxlID8gKFxuICAgICAgICA8U19PdmVycmlkZVVzZXJQcm9maWxlPntvdmVycmlkZVVzZXJQcm9maWxlfTwvU19PdmVycmlkZVVzZXJQcm9maWxlPlxuICAgICAgKSA6IChcbiAgICAgICAgPFNfSW1hZ2VWaWV3V3JhcHBlcj5cbiAgICAgICAgICB7bGVmdEljb25CdXR0b24yICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHtsZWZ0SWNvbkJ1dHRvbjJ9XG4gICAgICAgICAgICAgIDxTcGFjaW5nIHNpemU9XCJzcGFjaW5nX2JcIiBzcGFjaW5nVHlwZT1cIndpZHRoXCIgLz5cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2xlZnRJY29uQnV0dG9uICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHtsZWZ0SWNvbkJ1dHRvbn1cbiAgICAgICAgICAgICAgPFNwYWNpbmcgc2l6ZT1cInNwYWNpbmdfYlwiIHNwYWNpbmdUeXBlPVwid2lkdGhcIiAvPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8TmF2TGluayB0bz17dG99PlxuICAgICAgICAgICAgPEltYWdlVmlld1xuICAgICAgICAgICAgICB3aWR0aD17MzJ9XG4gICAgICAgICAgICAgIHJhdGlvPVwiMV8xXCJcbiAgICAgICAgICAgICAgc2NhbGVUeXBlPVwiY292ZXJcIlxuICAgICAgICAgICAgICBzaGFwZVR5cGU9XCJjaXJjdWxhclwiXG4gICAgICAgICAgICAgIHNyYz17c3JjfVxuICAgICAgICAgICAgICBib3JkZXJNb2RlPVwidXNlXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9OYXZMaW5rPlxuICAgICAgICA8L1NfSW1hZ2VWaWV3V3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9TX1VzZXJQcm9maWxlPlxuICApO1xufVxuXG5jb25zdCBTX1VzZXJQcm9maWxlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ3JpZC1hcmVhOiBVU0VSX1BST0ZJTEU7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBTX092ZXJyaWRlVXNlclByb2ZpbGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG5gO1xuXG5jb25zdCBTX0ltYWdlVmlld1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgZm9yd2FyZFJlZihVc2VyUHJvZmlsZSk7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLFVBQVUsUUFBUSxPQUFPO0FBRWxDLE9BQU9DLE1BQU0sTUFBeUIsbUJBQW1CO0FBRXpELFNBQVNDLE9BQU8sUUFBUSwyQ0FBMkM7QUFDbkUsU0FBU0MsU0FBUyxFQUFFQyxPQUFPLFFBQVEsb0JBQW9CO0FBZXZELFNBQVNDLFdBQVdBLENBQ2xCO0VBQUVDLEdBQUc7RUFBRUMsRUFBRTtFQUFFQyxtQkFBbUI7RUFBRUMsY0FBYztFQUFFQyxlQUFlO0VBQUVDO0FBQWEsQ0FBQyxFQUMvRUMsR0FBNEMsRUFDNUM7RUFDQSxvQkFDRUMsS0FBQSxDQUFBQyxhQUFBLENBQUNDLGFBQWE7SUFBQ0osS0FBSyxFQUFFQSxLQUFNO0lBQUNDLEdBQUcsRUFBRUE7RUFBSSxHQUNuQ0osbUJBQW1CLGdCQUNsQkssS0FBQSxDQUFBQyxhQUFBLENBQUNFLHFCQUFxQixRQUFFUixtQkFBMkMsQ0FBQyxnQkFFcEVLLEtBQUEsQ0FBQUMsYUFBQSxDQUFDRyxrQkFBa0IsUUFDaEJQLGVBQWUsaUJBQ2RHLEtBQUEsQ0FBQUMsYUFBQSxDQUFBRCxLQUFBLENBQUFLLFFBQUEsUUFDR1IsZUFBZSxlQUNoQkcsS0FBQSxDQUFBQyxhQUFBLENBQUNWLE9BQU87SUFBQ2UsSUFBSSxFQUFDLFdBQVc7SUFBQ0MsV0FBVyxFQUFDO0VBQU8sQ0FBRSxDQUMvQyxDQUNILEVBQ0FYLGNBQWMsaUJBQ2JJLEtBQUEsQ0FBQUMsYUFBQSxDQUFBRCxLQUFBLENBQUFLLFFBQUEsUUFDR1QsY0FBYyxlQUNmSSxLQUFBLENBQUFDLGFBQUEsQ0FBQ1YsT0FBTztJQUFDZSxJQUFJLEVBQUMsV0FBVztJQUFDQyxXQUFXLEVBQUM7RUFBTyxDQUFFLENBQy9DLENBQ0gsZUFDRFAsS0FBQSxDQUFBQyxhQUFBLENBQUNaLE9BQU87SUFBQ0ssRUFBRSxFQUFFQTtFQUFHLGdCQUNkTSxLQUFBLENBQUFDLGFBQUEsQ0FBQ1gsU0FBUztJQUNSa0IsS0FBSyxFQUFFLEVBQUc7SUFDVkMsS0FBSyxFQUFDLEtBQUs7SUFDWEMsU0FBUyxFQUFDLE9BQU87SUFDakJDLFNBQVMsRUFBQyxVQUFVO0lBQ3BCbEIsR0FBRyxFQUFFQSxHQUFJO0lBQ1RtQixVQUFVLEVBQUM7RUFBSyxDQUNqQixDQUNNLENBQ1MsQ0FFVCxDQUFDO0FBRXBCO0FBRUEsTUFBTVYsYUFBYSxHQUFHZCxNQUFNLENBQUN5QixHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEscUVBSS9CO0FBRUQsTUFBTWIscUJBQXFCLEdBQUdmLE1BQU0sQ0FBQ3lCLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSwwQkFFdkM7QUFFRCxNQUFNWixrQkFBa0IsR0FBR2hCLE1BQU0sQ0FBQ3lCLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSx3Q0FHcEM7QUFFRCw0QkFBZTdCLFVBQVUsQ0FBQ0ssV0FBVyxDQUFDIiwiaWdub3JlTGlzdCI6W119

package/dist/desktop/components/DynamicDesktopNavBar/blocks/index.js

@@ -0,0 +1,5 @@
+export { default as BrandLogo } from './BrandLogo';
+export { default as PrimaryMenu } from './PrimaryMenu';
+export { default as SecondaryMenu } from './SecondaryMenu';
+export { default as UserProfile } from './UserProfile';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJkZWZhdWx0IiwiQnJhbmRMb2dvIiwiUHJpbWFyeU1lbnUiLCJTZWNvbmRhcnlNZW51IiwiVXNlclByb2ZpbGUiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZGVza3RvcC9jb21wb25lbnRzL0R5bmFtaWNEZXNrdG9wTmF2QmFyL2Jsb2Nrcy9pbmRleC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkZWZhdWx0IGFzIEJyYW5kTG9nbyB9IGZyb20gJy4vQnJhbmRMb2dvJztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgUHJpbWFyeU1lbnUgfSBmcm9tICcuL1ByaW1hcnlNZW51JztcbmV4cG9ydCB7IGRlZmF1bHQgYXMgU2Vjb25kYXJ5TWVudSB9IGZyb20gJy4vU2Vjb25kYXJ5TWVudSc7XG5leHBvcnQgeyBkZWZhdWx0IGFzIFVzZXJQcm9maWxlIH0gZnJvbSAnLi9Vc2VyUHJvZmlsZSc7XG4iXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLE9BQU8sSUFBSUMsU0FBUyxRQUFRLGFBQWE7QUFDbEQsU0FBU0QsT0FBTyxJQUFJRSxXQUFXLFFBQVEsZUFBZTtBQUN0RCxTQUFTRixPQUFPLElBQUlHLGFBQWEsUUFBUSxpQkFBaUI7QUFDMUQsU0FBU0gsT0FBTyxJQUFJSSxXQUFXLFFBQVEsZUFBZSIsImlnbm9yZUxpc3QiOltdfQ==