@watermarkinsights/ripple 3.8.0 → 3.8.2

package/dist/collection/components/wm-option/wm-option.js

@@ -11,48 +11,40 @@ export class Option {
     return (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.multiple;
   }
   handleKeydown(ev) {
-    switch (ev.keyCode) {
-      // Arrow Up
-      case 38:
+    switch (ev.key) {
+      case "ArrowUp":
         ev.preventDefault();
         this.wmKeyUpPressed.emit();
         break;
-      // Arrow Down
-      case 40:
+      case "ArrowDown":
         ev.preventDefault();
         this.wmKeyDownPressed.emit(this.el);
         break;
-      // Enter
-      case 13:
+      case "Enter":
         ev.preventDefault();
         if (!this.disabled) {
           this.el.click();
           this.wmEnterKeyPressed.emit(this.el);
         }
         break;
-      // Space
-      case 32:
+      case " ":
         ev.preventDefault();
         this.el.click();
         break;
-      // Escape
-      case 27:
+      case "Escape":
         ev.preventDefault();
         ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal
         this.wmEscKeyPressed.emit();
         break;
-      // Home
-      case 36:
+      case "Home":
         ev.preventDefault();
         this.wmHomeKeyPressed.emit();
         break;
-      // End
-      case 35:
+      case "End":
         ev.preventDefault();
         this.wmEndKeyPressed.emit();
         break;
-      // Tab
-      case 9:
+      case "Tab":
         this.wmTabKeyPressed.emit();
         break;
       default:

package/dist/collection/components/wm-select/wm-select.js

@@ -107,16 +107,14 @@ export class Select {
     }
   }
   handleKey(ev) {
-    switch (ev.keyCode) {
-      // Arrow down
-      case 40:
+    switch (ev.key) {
+      case "ArrowDown":
         if (this.isExpanded === false) {
           ev.preventDefault();
           this.open("next");
         }
         break;
-      // Arrow up
-      case 38:
+      case "ArrowUp":
         if (this.isExpanded === false) {
           ev.preventDefault();
           this.open("previous");

package/dist/collection/components/wm-snackbar/wm-snackbar.js

@@ -49,7 +49,7 @@ export class Snackbar {
     this.newNotification = false;
   }
   checkForTabbing(ev) {
-    if (ev.keyCode === 9) {
+    if (ev.key === "Tab") {
       this.toggleTabbingOn();
     }
   }
@@ -145,7 +145,7 @@ export class Snackbar {
             h("span", null, notification.message),
             notification.link && (h("a", { id: `action-${notification.id}`, class: `link ${notification.newWindow ? "new-window" : ""}`, "aria-label": `Click to ${notification.link}...${notification.newWindow ? " " + this.newWindowMessage : ""}`, tabindex: 0, onClick: () => {
                 this.snackLinkClicked(notification);
-              }, onKeyDown: (ev) => ev.keyCode === 13 && this.snackLinkClicked(notification) },
+              }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) },
               h("span", { "aria-hidden": "true" }, notification.link)))),
           h("button", { id: `close-button-${notification.id}`, "aria-label": "Close this notification", class: "closesnack", tabindex: notification.link ? 0 : -1, onClick: () => this.snackDismissed(notification) },
             h("span", { class: "tooltip", "aria-hidden": "true" }, "Close"))),

package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.js

@@ -354,7 +354,7 @@ export class NetworkUploader {
       // then add an even listener to force a click event when Enter key is pressed
       this.inputEl &&
       this.inputEl.addEventListener("keydown", (ev) => {
-        if (this.inputEl && ev.keyCode === 13) {
+        if (this.inputEl && ev.key === "Enter") {
           this.inputEl.click();
         }
       });

package/dist/collection/components/wm-uploader/wm-uploader.js

@@ -258,7 +258,7 @@ export class Uploader {
       // then add an even listener to force a click event when Enter key is pressed
       this.inputEl &&
       this.inputEl.addEventListener("keydown", (ev) => {
-        if (this.inputEl && ev.keyCode === 13) {
+        if (this.inputEl && ev.key === "Enter") {
           this.inputEl.click();
         }
       });

package/dist/collection/global/global.js

@@ -9,20 +9,15 @@ if (window.navigator.plugins.length > 0) {
 // USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
 // Dispatching events to track whether user is navigating with keyboard or mouse
 function wmComponentKeys(ev) {
-  var key = ev.key || ev.keyCode;
-  if (key == "Tab" || key === 9) {
+  if (ev.key == "Tab") {
     var event = new Event("wmUserIsTabbing");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-tabbing");
   }
-  if (key == "ArrowLeft" ||
-    key === 37 ||
-    key == "ArrowUp" ||
-    key === 38 ||
-    key == "ArrowRight" ||
-    key === 39 ||
-    key == "ArrowDown" ||
-    key === 40) {
+  if (ev.key == "ArrowLeft" ||
+    ev.key == "ArrowUp" ||
+    ev.key == "ArrowRight" ||
+    ev.key == "ArrowDown") {
     var event = new Event("wmUserIsKeying");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-keying");

package/dist/esm/{global-01afc908.js → global-d1d68bab.js}

@@ -1,4 +1,4 @@
-const version = "3.8.0";
+const version = "3.8.2";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length
@@ -9,20 +9,15 @@ if (window.navigator.plugins.length > 0) {
 // USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
 // Dispatching events to track whether user is navigating with keyboard or mouse
 function wmComponentKeys(ev) {
-  var key = ev.key || ev.keyCode;
-  if (key == "Tab" || key === 9) {
+  if (ev.key == "Tab") {
     var event = new Event("wmUserIsTabbing");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-tabbing");
   }
-  if (key == "ArrowLeft" ||
-    key === 37 ||
-    key == "ArrowUp" ||
-    key === 38 ||
-    key == "ArrowRight" ||
-    key === 39 ||
-    key == "ArrowDown" ||
-    key === 40) {
+  if (ev.key == "ArrowLeft" ||
+    ev.key == "ArrowUp" ||
+    ev.key == "ArrowRight" ||
+    ev.key == "ArrowDown") {
     var event = new Event("wmUserIsKeying");
     window.dispatchEvent(event);
     document.querySelector("body").classList.add("wmcl-user-is-keying");

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-cd8f9ae2.js';
-import './global-01afc908.js';
+import './global-d1d68bab.js';
 
 /*
  Stencil Client Patch Esm v2.14.0 | MIT Licensed | https://stenciljs.com
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-navigation_3\",[[1,\"wm-navigation\",{\"open\":[1540],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"]]],[1,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[1,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupClosed\",\"handlePopupClosed\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"wm-modal-footer\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"wm-tab-item_3\",[[1,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"],\"controllerEnabled\":[4,\"controller-enabled\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmTabSelected\",\"handleTabSelected\"],[0,\"keydownOnTabItem\",\"handleKeydown\"],[9,\"resize\",\"setLayout\"]]],[1,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]},[[4,\"keydown\",\"toggleTabbingOn\"],[4,\"click\",\"toggleTabbingOff\"]]]]],[\"wm-navigator\",[[1,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"isTabbing\":[32],\"itemIndexToFocus\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]]]]],[\"wm-network-uploader\",[[1,\"wm-network-uploader\",{\"getPath\":[1,\"get-path\"],\"requestUploadPath\":[1,\"request-upload-path\"],\"uploadPath\":[1,\"upload-path\"],\"requestDownloadPath\":[1,\"request-download-path\"],\"deletePath\":[1,\"delete-path\"],\"associatedData\":[1,\"associated-data\"],\"buttonText\":[1,\"button-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"isTabbing\":[32],\"fileList\":[32],\"inProgressList\":[32],\"errorList\":[32],\"notif\":[32],\"snackbar\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"],[0,\"userFinishedSnack\",\"handleFinishedSnack\"]]]]],[\"wm-navigation_3\",[[1,\"wm-navigation\",{\"open\":[1540],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"],[0,\"wmNavigationItemClicked\",\"handleClickOnItem\"]]],[1,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[1,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-action-menu_2\",[[1,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonType\":[1,\"button-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"focused\":[4],\"icon\":[1025],\"description\":[1],\"isKeying\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]]]]],[\"wm-chart\",[[1,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"valueFormat\":[1,\"value-format\"],\"showValues\":[1,\"show-values\"],\"showLegend\":[4,\"show-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[9,\"resize\",\"handleResize\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[1,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1025,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1025,\"label-position\"],\"label\":[1025],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"displayError\":[32]},[[0,\"keydown\",\"handleTabbingOn\"],[0,\"click\",\"handleTabbingOff\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"]]]]],[\"wm-modal-footer\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]},[[4,\"focusLastElement\",\"focusLastEl\"]]]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]},[[4,\"focusFirstElement\",\"focusFirstEl\"]]]]],[\"wm-search\",[[1,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]]]]],[\"wm-uploader\",[[1,\"wm-uploader\",{\"uploaderType\":[1025,\"uploader-type\"],\"type\":[1],\"buttonText\":[1,\"button-text\"],\"info\":[1],\"emptyStateText\":[1,\"empty-state-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[2,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"sortBy\":[1,\"sort-by\"],\"files\":[1],\"filesToUpload\":[16],\"rejectedFiles\":[1,\"rejected-files\"],\"isTabbing\":[32],\"errorList\":[32],\"notif\":[32],\"numFilesInProgress\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmUploadProgress\",\"handleUploadProgress\"]]]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-input\",[[1,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1537],\"disabled\":[516],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"preventValidation\":[1,\"prevent-validation\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"announcement\":[32],\"displayedErrorMessage\":[32]}]]],[\"wm-modal\",[[0,\"wm-modal\",{\"open\":[1540],\"isOpen\":[1540,\"is-open\"],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"isTypeDialog\":[516,\"is-type-dialog\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]]]]],[\"wm-pagination\",[[1,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeViewport\":[4,\"is-large-viewport\"],\"isTabbing\":[32],\"srAnnouncement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-tag-input\",[[1,\"wm-tag-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"options\":[1025],\"selectedTags\":[1537,\"selected-tags\"],\"info\":[1],\"addNew\":[4,\"add-new\"],\"placeholder\":[1025],\"characterLimit\":[2,\"character-limit\"],\"maxTags\":[2,\"max-tags\"],\"focusedListItem\":[32],\"focusedTag\":[32],\"isExpanded\":[32],\"tagsList\":[32],\"optionsList\":[32],\"charCount\":[32],\"liveRegionMessage\":[32]},[[4,\"click\",\"closeIfNotElOrChild\"],[9,\"resize\",\"handleResize\"]]]]],[\"wm-timepicker\",[[1,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1537],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preventValidation\":[1,\"prevent-validation\"],\"selectedOption\":[32],\"isExpanded\":[32],\"isTabbing\":[32],\"displayedErrorMessage\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKey\"]]]]],[\"wm-toggletip\",[[1,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1537,\"tooltip-position\"],\"isOpen\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKeydown\"],[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"sliceRef\":[16],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"buttonText\":[1,\"button-text\"],\"open\":[1028],\"coords\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]]]]],[\"priv-datepicker\",[[0,\"priv-datepicker\",{\"disabled\":[4],\"isExpanded\":[1540,\"is-expanded\"],\"view\":[1537],\"date\":[1040],\"selectedYear\":[1026,\"selected-year\"],\"selectedMonth\":[1026,\"selected-month\"],\"selectedDay\":[1026,\"selected-day\"],\"monthInFocus\":[1026,\"month-in-focus\"],\"yearInFocus\":[1026,\"year-in-focus\"],\"dayInFocus\":[1026,\"day-in-focus\"],\"parentId\":[1537,\"parent-id\"],\"monthNumInFocus\":[32],\"isTabbing\":[32]},[[0,\"keydown\",\"handleKey\"],[0,\"keydown\",\"toggleTabbingOn\"],[9,\"mousedown\",\"toggleTabbingOff\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"]]]]],[\"priv-navigator-button\",[[1,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"],\"isTabbing\":[1028,\"is-tabbing\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]]]]],[\"wm-option_2\",[[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]]],[1,\"wm-select\",{\"disabled\":[516],\"invalid\":[1028],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"placeholder\":[1],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isTabbing\":[32],\"isExpanded\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstItem\"],[0,\"wmEndKeyPressed\",\"moveToLastItem\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]]]],[\"wm-button\",[[1,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"buttonStyle\":[1025,\"button-style\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"tooltipVisible\":[1028,\"tooltip-visible\"],\"adjustedTooltipPosition\":[32],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[9,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]]]]]]"), options);
   });
 };
 

package/dist/esm/priv-datepicker.entry.js

@@ -119,47 +119,40 @@ let PrivDatepicker = class {
   handleKey(ev) {
     this.prevClicked = false;
     this.nextClicked = false;
-    switch (ev.keyCode) {
-      // Enter
-      case 13:
+    switch (ev.key) {
+      case "Enter":
         ev.preventDefault();
         //Clunky exception for blur validation. Remove when blur reworked.
         !ev.target.id.includes("popup-title") && ev.target.click();
         break;
-      // Escape
-      case 27:
+      case "Escape":
         ev.preventDefault();
         if (this.isExpanded) {
           ev.stopPropagation(); // prevents closing of parent modal
-          this.closePopup();
+          this.closePopup(true);
         }
         break;
-      // Page Up
-      case 33:
+      case "PageUp":
         ev.preventDefault();
         this.backOneMonth();
         break;
-      // Page Down
-      case 34:
+      case "PageDown":
         ev.preventDefault();
         this.forwardOneMonth();
         break;
-      // Home
-      case 36:
+      case "Home":
         ev.preventDefault();
         this.unfocusCell();
         this.dayInFocus = 1;
         forceUpdate(this.el);
         break;
-      // End
-      case 35:
+      case "End":
         ev.preventDefault();
         this.unfocusCell();
         this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus);
         forceUpdate(this.el);
         break;
-      //left
-      case 37:
+      case "ArrowLeft":
         ev.preventDefault();
         if (this.view === "day") {
           this.unfocusCell();
@@ -183,8 +176,7 @@ let PrivDatepicker = class {
           }
         }
         break;
-      //right
-      case 39:
+      case "ArrowRight":
         ev.preventDefault();
         if (this.view === "day") {
           this.unfocusCell();
@@ -208,8 +200,7 @@ let PrivDatepicker = class {
           }
         }
         break;
-      //up
-      case 38:
+      case "ArrowUp":
         ev.preventDefault();
         if (this.view === "day") {
           this.unfocusCell();
@@ -234,8 +225,7 @@ let PrivDatepicker = class {
           }
         }
         break;
-      //down
-      case 40:
+      case "ArrowDown":
         ev.preventDefault();
         if (!this.isExpanded) {
           this.openPopup();
@@ -304,24 +294,52 @@ let PrivDatepicker = class {
       this.popupBlurred.emit({ relatedTarget: ev.target });
     }
   }
-  setDateValuesForView() {
-    this.selectedYear = this.date.getUTCFullYear();
-    this.selectedMonth = this.date.getUTCMonth() + 1;
-    this.selectedDay = this.date.getUTCDate();
-    this.monthInFocus = this.selectedMonth;
-    this.yearInFocus = this.selectedYear;
-    this.dayInFocus = this.selectedDay;
-    this.monthNumInFocus = this.selectedMonth - 1;
+  componentDidUpdate() {
+    this.handleSelectedDate();
+    if (this.isExpanded) {
+      this.prevClicked
+        ? this.prevButton.focus()
+        : this.nextClicked
+          ? this.nextButton.focus()
+          : this.view === "day"
+            ? this.focusCell()
+            : this.focusMonth();
+    }
+  }
+  componentDidLoad() {
+    this.handleSelectedDate();
+    this.setDateValuesForView();
+  }
+  zeroPad(value, length) {
+    if (!String.prototype.padStart) {
+      String.prototype.padStart = function padStart(targetLength, padString) {
+        targetLength = targetLength - this.length;
+        if (targetLength > padString.length) {
+          padString += padString.repeat(targetLength / padString.length);
+        }
+        return padString.slice(0, targetLength) + String(this);
+      };
+    }
+    return `${value.toString()}`.padStart(length, "0");
+  }
+  removeZeroes(date) {
+    return +date < 10 ? +date.slice(1) : +date;
+  }
+  isDateToday(date) {
+    const today = new Date();
+    const todayDateArray = [
+      today.getFullYear().toString(),
+      (today.getMonth() + 1).toString(),
+      today.getDate().toString(),
+    ];
+    //Compare today's date to date and return true if they match
+    return todayDateArray.reduce((result, val, index) => result && this.removeZeroes(date[index]).toString() === val, true);
   }
   togglePopup() {
     this.isExpanded ? this.closePopup() : this.openPopup();
     this.buttonClicked = true;
   }
-  updateLiveRegion(text) {
-    let liveRegion = this.el.querySelector("#live-region");
-    liveRegion.innerHTML = text;
-  }
-  closePopup() {
+  closePopup(returnFocus = false) {
     this.isExpanded = false;
     this.popupEl.classList.remove("open");
     window.setTimeout(() => {
@@ -336,14 +354,9 @@ let PrivDatepicker = class {
     this.yearInFocus = this.selectedYear;
     this.dayInFocus = this.selectedDay;
     this.changeView("day");
-    window.requestAnimationFrame(() => {
-      // For instances where the app is checking for errors in the date on blur
-      // trigger blur, but keep focus on button
-      if (this.isTabbing) {
-        this.popupClosed.emit();
-        this.buttonEl.focus();
-      }
-    });
+    if (returnFocus) {
+      this.buttonEl.focus();
+    }
   }
   openPopup() {
     this.panelPosition();
@@ -357,42 +370,11 @@ let PrivDatepicker = class {
     this.isExpanded = true;
     this.focusCell();
   }
-  panelPosition() {
-    // getting a ref to the input el (in datepicker.tsx)
-    let host = document.getElementById(this.parentId);
-    const labelHeight = host.shadowRoot.querySelector(".label-wrapper").clientHeight;
-    this.openUp = shouldOpenUp(host, this.popupEl, labelHeight);
-    if (hasRoomRight(host, 336)) {
-      this.popupEl.style.left = "0";
-      this.popupEl.style.right = "auto";
-    }
-    else {
-      this.popupEl.style.right = "0";
-      this.popupEl.style.left = "auto";
-    }
-  }
-  changeView(newView) {
-    this.view = newView;
-    //Ensure month view always opens to the month last visited in date view
-    this.monthNumInFocus = this.monthInFocus - 1;
-  }
   getMonthDays(month, year) {
     const months30 = [4, 6, 9, 11];
     const leapYear = year % 4 === 0;
     return month === 2 ? (leapYear ? 29 : 28) : months30.includes(month) ? 30 : 31;
   }
-  zeroPad(value, length) {
-    if (!String.prototype.padStart) {
-      String.prototype.padStart = function padStart(targetLength, padString) {
-        targetLength = targetLength - this.length;
-        if (targetLength > padString.length) {
-          padString += padString.repeat(targetLength / padString.length);
-        }
-        return padString.slice(0, targetLength) + String(this);
-      };
-    }
-    return `${value.toString()}`.padStart(length, "0");
-  }
   // 1 => Sunday, 7 => Saturday
   getMonthFirstDay(month, year) {
     return +new Date(year, month - 1, 1, 12, 0, 0).getDay() + 1;
@@ -464,7 +446,7 @@ let PrivDatepicker = class {
   handleTriggeredDate(el) {
     this.cellTriggered.emit(el);
     // change of input value will trigger the function updating selectedDate
-    this.closePopup();
+    this.closePopup(true);
   }
   handleSelectedDate() {
     //Remove old selection status
@@ -504,25 +486,6 @@ let PrivDatepicker = class {
     monthToFocus.tabIndex = 0;
     monthToFocus.focus();
   }
-  removeZeroes(date) {
-    return +date < 10 ? +date.slice(1) : +date;
-  }
-  isDateToday(date) {
-    const today = new Date();
-    const todayDateArray = [
-      today.getFullYear().toString(),
-      (today.getMonth() + 1).toString(),
-      today.getDate().toString(),
-    ];
-    //Compare today's date to date and return true if they match
-    return todayDateArray.reduce((result, val, index) => result && this.removeZeroes(date[index]).toString() === val, true);
-  }
-  renderMonths(month, index) {
-    return (h("div", { id: `month-${index}-${this.parentId}`, class: `month ${this.selectedMonth - 1 === index ? "selected" : ""}`, role: "gridcell", tabindex: index + 1 === this.monthInFocus ? 0 : -1, onKeyDown: (ev) => this.trapFocusEnd(ev), onBlur: (ev) => ev.stopPropagation(), onClick: () => {
-        this.monthInFocus = index + 1;
-        this.changeView("day");
-      } }, month));
-  }
   trapFocusLeft(ev) {
     if (ev.shiftKey && ev.key === "Tab") {
       ev.preventDefault();
@@ -549,24 +512,46 @@ let PrivDatepicker = class {
       this.focusMonth();
     }
   }
-  componentDidUpdate() {
-    this.handleSelectedDate();
-    if (this.isExpanded) {
-      this.prevClicked
-        ? this.prevButton.focus()
-        : this.nextClicked
-          ? this.nextButton.focus()
-          : this.view === "day"
-            ? this.focusCell()
-            : this.focusMonth();
+  toggleBusyAttribute(state) {
+    this.el.querySelector("#wm-container").setAttribute("aria-busy", state);
+  }
+  setDateValuesForView() {
+    this.selectedYear = this.date.getUTCFullYear();
+    this.selectedMonth = this.date.getUTCMonth() + 1;
+    this.selectedDay = this.date.getUTCDate();
+    this.monthInFocus = this.selectedMonth;
+    this.yearInFocus = this.selectedYear;
+    this.dayInFocus = this.selectedDay;
+    this.monthNumInFocus = this.selectedMonth - 1;
+  }
+  updateLiveRegion(text) {
+    let liveRegion = this.el.querySelector("#live-region");
+    liveRegion.innerHTML = text;
+  }
+  panelPosition() {
+    // getting a ref to the input el (in datepicker.tsx)
+    let host = document.getElementById(this.parentId);
+    const labelHeight = host.shadowRoot.querySelector(".label-wrapper").clientHeight;
+    this.openUp = shouldOpenUp(host, this.popupEl, labelHeight);
+    if (hasRoomRight(host, 336)) {
+      this.popupEl.style.left = "0";
+      this.popupEl.style.right = "auto";
+    }
+    else {
+      this.popupEl.style.right = "0";
+      this.popupEl.style.left = "auto";
     }
   }
-  componentDidLoad() {
-    this.handleSelectedDate();
-    this.setDateValuesForView();
+  changeView(newView) {
+    this.view = newView;
+    //Ensure month view always opens to the month last visited in date view
+    this.monthNumInFocus = this.monthInFocus - 1;
   }
-  toggleBusyAttribute(state) {
-    this.el.querySelector("#wm-container").setAttribute("aria-busy", state);
+  renderMonths(month, index) {
+    return (h("div", { id: `month-${index}-${this.parentId}`, class: `month ${this.selectedMonth - 1 === index ? "selected" : ""}`, role: "gridcell", tabindex: index + 1 === this.monthInFocus ? 0 : -1, onKeyDown: (ev) => this.trapFocusEnd(ev), onBlur: (ev) => ev.stopPropagation(), onClick: () => {
+        this.monthInFocus = index + 1;
+        this.changeView("day");
+      } }, month));
   }
   render() {
     const dates = this.getCalendarDates(this.monthInFocus, this.yearInFocus);
@@ -583,7 +568,7 @@ let PrivDatepicker = class {
         defaultMessage: "Select previous month",
         description: "Calendar button",
       }) }, h("span", { class: "mdi" }, "\uF141")), h("div", { id: `popup-title-month-${this.parentId}`, class: "title-box", tabindex: 0, role: "button", onKeyDown: (ev) => {
-        if (ev.keyCode === 13 || ev.keyCode === 32) {
+        if (ev.key === "Enter" || ev.key === " ") {
           ev.preventDefault();
           this.changeView("month");
         }
@@ -638,7 +623,7 @@ let PrivDatepicker = class {
         defaultMessage: "Select previous year",
         description: "Calendar button",
       }), ref: (el) => (this.prevButton = el), class: "arw-btn" }, h("span", { class: "mdi" }, "\uF141")), h("div", { id: `popup-title-year-${this.parentId}`, tabindex: 0, class: "title-box year", role: "button", onClick: this.changeView.bind(this, "day"), onKeyDown: (ev) => {
-        if (ev.keyCode === 13 || ev.keyCode === 32) {
+        if (ev.key === "Enter" || ev.key === " ") {
           ev.preventDefault();
           this.changeView("day");
         }