npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.7 → 5.0.0-next.9 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (876) hide show

package/dist/esm/components/Focus/Focus.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import clsx from "clsx";
 import { isNil } from "lodash";
 import React__default, { useState } from "react";
@@ -6,7 +7,6 @@ import { StyledFocusWrapper, StyledFalseFocus } from "./Focus.styles.js";
 import { getFocusableChildren, setFocusTo, isOneOfKeys, isKey } from "./utils.js";
 import focusClasses from "./focusClasses.js";
 import { Global } from "@emotion/react";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import isBrowser from "../../utils/browser.js";
 import { keyboardCodes } from "../../utils/keyboardUtils/keyboardCodes.js";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
@@ -18,7 +18,7 @@ const focusStyles = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1ahoc7i-focusStyles",
   styles: ".HvFocus-focused{outline-color:#52a8ec;outline-style:solid;outline-width:0px;outline-offset:-1px;box-shadow:0 0 0 1px #52a8ec,0 0 0 4px rgba(29, 155, 209, 0.3);@media (-webkit-min-device-pixel-ratio: 0){outline-color:#52a8ec;outline-style:solid;outline-width:0px;outline-offset:-1px;box-shadow:0 0 0 1px #52a8ec,0 0 0 4px rgba(29, 155, 209, 0.3);}}.HvFocus-focusDisabled{outline:none;box-shadow:none;}.HvFocus-focusDisabled *:focus{outline:none;box-shadow:none;}.HvFocus-focusDisabled *{outline:none!important;box-shadow:none!important;};label:focusStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9jdXMvRm9jdXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZvY3VzL0ZvY3VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBpc05pbCB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCBSZWFjdCwgeyBSZWZPYmplY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsga2V5Ym9hcmRDb2RlcywgaXNCcm93c2VyIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgQ29uZGl0aW9uYWxXcmFwcGVyIGZyb20gXCJ1dGlscy9Db25kaXRpb25hbFdyYXBwZXJcIjtcbmltcG9ydCB7IFN0eWxlZEZvY3VzV3JhcHBlciwgU3R5bGVkRmFsc2VGb2N1cyB9IGZyb20gXCIuL0ZvY3VzLnN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4sIGlzS2V5LCBpc09uZU9mS2V5cywgc2V0Rm9jdXNUbyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgZm9jdXNDbGFzc2VzLCB7IEh2Rm9jdXNDbGFzc2VzIH0gZnJvbSBcIi4vZm9jdXNDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBmb2N1c1N0eWxlcyA9IGNzc2BcbiAgLkh2Rm9jdXMtZm9jdXNlZCB7XG4gICAgb3V0bGluZS1jb2xvcjogIzUyYThlYztcbiAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICM1MmE4ZWMsIDAgMCAwIDRweCByZ2JhKDI5LCAxNTUsIDIwOSwgMC4zKTtcblxuICAgIEBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSB7XG4gICAgICBvdXRsaW5lLWNvbG9yOiAjNTJhOGVjO1xuICAgICAgb3V0bGluZS1zdHlsZTogc29saWQ7XG4gICAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjNTJhOGVjLCAwIDAgMCA0cHggcmdiYSgyOSwgMTU1LCAyMDksIDAuMyk7XG4gICAgfVxuICB9XG5cbiAgLkh2Rm9jdXMtZm9jdXNEaXNhYmxlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKiB7XG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgSHZGb2N1c1Byb3BzID0gSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgY2hpbGRyZW4gfT4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBFeHRyYSBjb25maWd1cmF0aW9uIGZvciB0aGUgY2hpbGQgZWxlbWVudC4gKi9cbiAgY29uZmlndXJhdGlvbj86IHtcbiAgICB0YWJJbmRleD86IG51bWJlcjtcbiAgfTtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBkaXNhYmxlZCBjbGFzcyBzaG91bGQgYmUgYXBwbGllZC4gKi9cbiAgZGlzYWJsZWRDbGFzcz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBmb2N1cyBpcyBzZWxlY3RlZC4gKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgZm9jdXMgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSByZWZlcmVuY2UgdG8gdGhlIHJvb3QgZWxlbWVudCB0byBob2xkIGFsbCBGb2N1cycgY29udGV4dC4gKi9cbiAgcm9vdFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzT25DbGljaz86IGJvb2xlYW47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogVXNlIHVwLyBkb3duIGtleWJvYXJkIGFycm93cyB0byBjb250cm9sIGZvY3VzLiAqL1xuICB1c2VBcnJvd3M/OiBib29sZWFuO1xuICAvKiogRm9jdXMgYW5kIG5hdmlnYXRpb24gc3RyYXRlZ3kgdG8gYmUgdXNlZC4gdiovXG4gIHN0cmF0ZWd5PzogXCJsaXN0Ym94XCIgfCBcIm1lbnVcIiB8IFwiY2FyZFwiIHwgXCJncmlkXCI7XG4gIC8qKiBVc2VzIGFuIGFic29sdXRlIHBvc2l0aW9uZWQgZGl2IGFzIGEgZm9jdXMuIHYqL1xuICB1c2VGYWxzZUZvY3VzPzogYm9vbGVhbjtcbiAgLyoqIE5hcnJvd3MgdGhlIHJlc3VsdHMgb2YgdGhlIGZvY3VzIHRvIG9ubHkgdGhlc2VzIGNsYXNzIHYqL1xuICBmaWx0ZXJDbGFzcz86IHN0cmluZztcbiAgLyoqIEhvdyBtdWNoIHRoZSBuYXZpZ2F0aW9uIHdpbGwgc2tpcCB3aGVuIHVzaW5nIHRoZSBhcnJvd3MuIHYqL1xuICBuYXZpZ2F0aW9uSnVtcD86IG51bWJlcjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Rm9jdXNDbGFzc2VzO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2Rm9jdXMgPSAoe1xuICBjbGFzc2VzLFxuICBjaGlsZHJlbixcbiAgY29uZmlndXJhdGlvbiA9IHt9LFxuICBkaXNhYmxlZENsYXNzID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHJvb3RSZWYgPSB1bmRlZmluZWQsXG4gIGZvY3VzT25DbGljayA9IGZhbHNlLFxuICBmb2N1c0Rpc2FibGVkID0gdHJ1ZSxcbiAgc3RyYXRlZ3kgPSBcImxpc3Rib3hcIixcbiAgdXNlRmFsc2VGb2N1cyA9IGZhbHNlLFxuICBmaWx0ZXJDbGFzcyxcbiAgbmF2aWdhdGlvbkp1bXAgPSA0LFxufTogSHZGb2N1c1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93Rm9jdXMsIHNldFNob3dGb2N1c10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFtjaGlsZEZvY3VzLCBzZXRDaGlsZEZvY3VzXSA9IHVzZVN0YXRlPGFueT4oKTtcbiAgY29uc3QgW2hhc1J1bkNvbmZpZywgc2V0SGFzUnVuQ29uZmlnXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBnZXRGb2N1c2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSByb290UmVmPy5jdXJyZW50XG4gICAgICA/IEFycmF5LmZyb20oXG4gICAgICAgICAgcm9vdFJlZi5jdXJyZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXG4gICAgICAgICAgICBmaWx0ZXJDbGFzcyB8fCBmb2N1c0NsYXNzZXMucm9vdCB8fCBcInJvb3RcIlxuICAgICAgICAgIClcbiAgICAgICAgKVxuICAgICAgOiBbXTtcbiAgICByZXR1cm4gZm9jdXNlcztcbiAgfTtcblxuICBjb25zdCBzZXRUYWJJbmRleCA9IChlbCwgdGFiSW5kZXggPSAwKSA9PiB7XG4gICAgY29uc3QgZWxDaGlsZEZvY3VzID0gZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4oZWwpWzBdO1xuICAgIGlmIChlbENoaWxkRm9jdXMpIHtcbiAgICAgIGVsLnRhYkluZGV4ID0gLTE7XG4gICAgICBlbENoaWxkRm9jdXMudGFiSW5kZXggPSB0YWJJbmRleDtcbiAgICB9IGVsc2Uge1xuICAgICAgZWwudGFiSW5kZXggPSB0YWJJbmRleDtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0U2VsZWN0ZWRUYWJJbmRleCA9ICgpID0+IHtcbiAgICBjb25zdCBmb2N1c2VzID0gZ2V0Rm9jdXNlcygpO1xuICAgIGNvbnN0IGZpcnN0U2VsZWN0ZWQgPSBmb2N1c2VzLmZpbmQoKGZvY3VzKSA9PlxuICAgICAgZm9jdXMuY2xhc3NMaXN0LmNvbnRhaW5zKGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCB8fCBcInNlbGVjdGVkXCIpXG4gICAgKTtcblxuICAgIGlmICghZmlyc3RTZWxlY3RlZCkgcmV0dXJuO1xuICAgIGZvY3VzZXMuZm9yRWFjaCgoZm9jdXMpID0+IHNldFRhYkluZGV4KGZvY3VzLCAtMSkpO1xuICAgIHNldFRhYkluZGV4KGZpcnN0U2VsZWN0ZWQsIDApO1xuICB9O1xuXG4gIGNvbnN0IGNsZWFyVGFiU2libGluZ3MgPSAoZWwpID0+IHtcbiAgICBnZXRGb2N1c2VzKCkuZm9yRWFjaCgoZm9jdXMpID0+IHNldFRhYkluZGV4KGZvY3VzLCAtMSkpO1xuICAgIHNldFRhYkluZGV4KGVsLCAwKTtcbiAgfTtcblxuICBjb25zdCBvbkZvY3VzU3RyYXRlZ3kgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImxpc3Rib3hcIikge1xuICAgICAgY2xlYXJUYWJTaWJsaW5ncyhldnQuY3VycmVudFRhcmdldCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uQmx1clN0cmF0ZWd5ID0gKCkgPT4ge1xuICAgIGlmIChcbiAgICAgIHN0cmF0ZWd5ID09PSBcImxpc3Rib3hcIiAmJlxuICAgICAgcm9vdFJlZiAmJlxuICAgICAgcm9vdFJlZi5jdXJyZW50ICYmXG4gICAgICAhcm9vdFJlZi5jdXJyZW50LmNvbnRhaW5zKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpXG4gICAgKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0U2VsZWN0ZWRUYWJJbmRleCgpO1xuICAgICAgfSwgMTApO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBjb25maWcgPSAoZWwpID0+IHtcbiAgICBjb25zdCB7IHRhYkluZGV4IH0gPSBjb25maWd1cmF0aW9uO1xuICAgIGlmICghZWwgfHwgaGFzUnVuQ29uZmlnKSByZXR1cm47XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImNhcmRcIikge1xuICAgICAgc2V0Q2hpbGRGb2N1cyhjaGlsZHJlbik7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImdyaWRcIikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGZvY3VzYWJsZUNoaWxkcmVuID0gZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4oZWwpO1xuICAgIGlmIChmb2N1c2FibGVDaGlsZHJlbi5sZW5ndGgpIHtcbiAgICAgIGZvY3VzYWJsZUNoaWxkcmVuLmZvckVhY2goKGNoaWxkKSA9PiBzZXRUYWJJbmRleChjaGlsZCwgLTEpKTtcbiAgICAgIHNldENoaWxkRm9jdXMoZm9jdXNhYmxlQ2hpbGRyZW5bMF0pO1xuICAgIH1cblxuICAgIGlmICghaXNOaWwodGFiSW5kZXgpKSBzZXRUYWJJbmRleChlbCwgdGFiSW5kZXgpO1xuICAgIHNldEhhc1J1bkNvbmZpZyh0cnVlKTtcbiAgfTtcblxuICBjb25zdCBhZGRGb2N1c0NsYXNzID0gKGV2dCkgPT4ge1xuICAgIGlmICghdXNlRmFsc2VGb2N1cykge1xuICAgICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChmb2N1c0NsYXNzZXMuZm9jdXNlZCk7XG4gICAgICAvLyBhZGQgZ2xvYmFsIGNsYXNzIEh2SXNGb2N1c2VkIGFzIGEgbWFya2VyXG4gICAgICAvLyBub3QgdG8gYmUgc3R5bGVkIGRpcmVjdGx5LCBvbmx5IGFzIGhlbHBlciBpbiBzcGVjaWZpYyBjc3MgcXVlcmllc1xuICAgICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChcIkh2SXNGb2N1c2VkXCIpO1xuICAgICAgY2xhc3Nlcz8uZm9jdXNcbiAgICAgICAgPy5zcGxpdChcIiBcIilcbiAgICAgICAgLmZvckVhY2goKGMpID0+IGV2dC5jdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5hZGQoYykpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCByZW1vdmVGb2N1c0NsYXNzID0gKCkgPT4ge1xuICAgIGlmICghdXNlRmFsc2VGb2N1cykge1xuICAgICAgZ2V0Rm9jdXNlcygpLmZvckVhY2goKGVsZW1lbnQpID0+IHtcbiAgICAgICAgaWYgKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKSB7XG4gICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgICAgfVxuICAgICAgICAvLyByZW1vdmUgdGhlIGdsb2JhbCBjbGFzcyBIdklzRm9jdXNlZFxuICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoXCJIdklzRm9jdXNlZFwiKTtcbiAgICAgICAgY2xhc3Nlcz8uZm9jdXM/LnNwbGl0KFwiIFwiKS5mb3JFYWNoKChjKSA9PiBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoYykpO1xuICAgICAgfSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uRm9jdXMgPSAoZXZ0KSA9PiB7XG4gICAgYWRkRm9jdXNDbGFzcyhldnQpO1xuICAgIHNldFNob3dGb2N1cyh0cnVlKTtcbiAgICAvLyBnaXZlIGZvY3VzIHRvIGNoaWxkIGVsZW1lbnQgaWYgYW55IGZvY3VzYWJsZVxuXG4gICAgaWYgKGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5mb2N1cykgY2hpbGRGb2N1cy5mb2N1cygpO1xuICAgIG9uRm9jdXNTdHJhdGVneShldnQpO1xuICB9O1xuXG4gIGNvbnN0IG9uQmx1ciA9ICgpID0+IHtcbiAgICBzZXRTaG93Rm9jdXMoZmFsc2UpO1xuICAgIHJlbW92ZUZvY3VzQ2xhc3MoKTtcbiAgICBvbkJsdXJTdHJhdGVneSgpO1xuICB9O1xuXG4gIGNvbnN0IG9uTW91c2VEb3duID0gKGV2dCkgPT4ge1xuICAgIGNvbnN0IGhhc0NhcmQgPSAhIWV2dC5jdXJyZW50VGFyZ2V0Py5xdWVyeVNlbGVjdG9yKFwiLkh2SXNDYXJkR3JpZEVsZW1lbnRcIik7XG4gICAgaWYgKHN0cmF0ZWd5ID09PSBcImdyaWRcIiAmJiBoYXNDYXJkKSByZXR1cm47XG5cbiAgICBzZXRGb2N1c1RvKGV2dC5jdXJyZW50VGFyZ2V0KTtcbiAgICBzZXRUYWJJbmRleChldnQuY3VycmVudFRhcmdldCwgMCk7XG4gICAgLy8gcmVtb3ZlIGZvY3VzIG91dGxpbmUgdW5sZXNzIGV4cGxpY2l0bHkgZW5hYmxlZFxuICAgIGlmICghZm9jdXNPbkNsaWNrKSB7XG4gICAgICAvLyBUT0RPIHRoaXMgcGllY2Ugb2YgY29kZSB3b3JrcyBvbmx5IGJlY2F1c2Ugb25Nb3VzZURvd24gaXMgaGFwcGVuaW5nIGFmdGVyIHRoZSBmb2N1cyBldmVudFxuICAgICAgLy8gVGhlcmUgaXMgbm90aGluZyBpbiBoZXJlIHRoYXQgZ3VhcmFudGVlcyB0aGUgb3JkZXIgb2YgdGhlc2UgZXZlbnRzLCBzbyBpdCBtYXkgcHJlc2VudCBhIHByb2JsZW0gaW4gdGhlIGZ1dHVyZVxuICAgICAgcmVtb3ZlRm9jdXNDbGFzcygpO1xuICAgICAgc2V0U2hvd0ZvY3VzKGZhbHNlKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZm9jdXNBbmRVcGRhdGVJbmRleCA9IChuZXh0Rm9jdXMsIHByZXZpb3VzRm9jdXMsIGZvY3VzZXNMaXN0KSA9PiB7XG4gICAgaWYgKGZvY3VzZXNMaXN0Py5pbmNsdWRlcyhwcmV2aW91c0ZvY3VzKSkge1xuICAgICAgc2V0VGFiSW5kZXgocHJldmlvdXNGb2N1cywgLTEpO1xuICAgIH1cbiAgICBzZXRUYWJJbmRleChuZXh0Rm9jdXMsIDApO1xuICAgIHNldEZvY3VzVG8obmV4dEZvY3VzKTtcbiAgfTtcblxuICBjb25zdCBnZXRFbmFibGVkS2V5cyA9IChjdXJyZW50Rm9jdXNJbmRleCwganVtcCwgbGlzdFNpemUpID0+ICh7XG4gICAgcmlnaHQ6XG4gICAgICAoY3VycmVudEZvY3VzSW5kZXggKyAxKSAlIGp1bXAgPT09IDAgfHxcbiAgICAgIGN1cnJlbnRGb2N1c0luZGV4ICsgMSA+IGxpc3RTaXplIC0gMSxcbiAgICBsZWZ0OiBjdXJyZW50Rm9jdXNJbmRleCAlIGp1bXAgPT09IDAsXG4gICAgdXA6IGN1cnJlbnRGb2N1c0luZGV4IC0ganVtcCA8IDAsXG4gICAgZG93bjpcbiAgICAgIGN1cnJlbnRGb2N1c0luZGV4ICsganVtcCA+IGxpc3RTaXplIHx8XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIGp1bXAgPiBsaXN0U2l6ZSAtIDEsXG4gIH0pO1xuXG4gIGNvbnN0IG9uR3JpZEtleURvd25IYW5kbGVyID0gKFxuICAgIGV2dCxcbiAgICBmb2N1c2VzLFxuICAgIGZvY3VzZXNMaXN0LFxuICAgIGN1cnJlbnRGb2N1c0luZGV4LFxuICAgIGp1bXBcbiAgKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgQXJyb3dVcCxcbiAgICAgIEFycm93RG93bixcbiAgICAgIEhvbWUsXG4gICAgICBFbmQsXG4gICAgICBBcnJvd0xlZnQsXG4gICAgICBBcnJvd1JpZ2h0LFxuICAgICAgRW50ZXIsXG4gICAgICBTcGFjZUJhcixcbiAgICB9ID0ga2V5Ym9hcmRDb2RlcztcblxuICAgIGNvbnN0IGNoaWxkRm9jdXNJc0lucHV0ID0gY2hpbGRGb2N1cyAmJiBjaGlsZEZvY3VzLm5vZGVOYW1lID09PSBcIklOUFVUXCI7XG5cbiAgICBpZiAoXG4gICAgICAhaXNPbmVPZktleXMoZXZ0LCBbXG4gICAgICAgIEFycm93VXAsXG4gICAgICAgIEFycm93RG93bixcbiAgICAgICAgQXJyb3dMZWZ0LFxuICAgICAgICBBcnJvd1JpZ2h0LFxuICAgICAgICBIb21lLFxuICAgICAgICBFbmQsXG4gICAgICAgIFNwYWNlQmFyLFxuICAgICAgICBFbnRlcixcbiAgICAgIF0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICAvLyBleGNlcHQgZm9yIEVudGVyIGFuZCBTcGFjZUJhclxuICAgIGlmICghaXNPbmVPZktleXMoZXZ0LCBbRW50ZXIsIFNwYWNlQmFyXSkpIHtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH1cblxuICAgIGNvbnN0IGJsb2NrZWRLZXlzID0gZ2V0RW5hYmxlZEtleXMoXG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCxcbiAgICAgIGp1bXAsXG4gICAgICBmb2N1c2VzTGlzdC5sZW5ndGhcbiAgICApO1xuXG4gICAgc3dpdGNoIChldnQua2V5Q29kZSkge1xuICAgICAgY2FzZSBTcGFjZUJhcjpcbiAgICAgIGNhc2UgRW50ZXI6XG4gICAgICAgIGlmIChpc0Jyb3dzZXIoXCJmaXJlZm94XCIpKSB7XG4gICAgICAgICAgZXZ0LnRhcmdldC5jbGljaygpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGV2dC5jdXJyZW50VGFyZ2V0LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93VXA6XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMudXApIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5qdW1wIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd0Rvd246XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMuZG93bikge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLmZhbGwgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd0xlZnQ6XG4gICAgICAgIGlmICghYmxvY2tlZEtleXMubGVmdCkge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLnByZXZpb3VzIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd1JpZ2h0OlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLnJpZ2h0KSB7XG4gICAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICAgIGZvY3VzZXMubmV4dCB8fCBmb2N1c2VzLmZpcnN0LFxuICAgICAgICAgICAgZXZ0LmN1cnJlbnQsXG4gICAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEhvbWU6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5maXJzdCwgZXZ0LmN1cnJlbnQsIGZvY3VzZXNMaXN0KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEVuZDpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChmb2N1c2VzLmxhc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgZGVmYXVsdDpcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25WZXJ0aWNhbEFycmFuZ2VtZW50SGFuZGxlciA9IChldnQsIGZvY3VzZXMsIGZvY3VzZXNMaXN0KSA9PiB7XG4gICAgY29uc3QgeyBBcnJvd1VwLCBBcnJvd0Rvd24sIEhvbWUsIEVuZCwgRW50ZXIsIFNwYWNlQmFyIH0gPSBrZXlib2FyZENvZGVzO1xuICAgIGNvbnN0IGNoaWxkRm9jdXNJc0lucHV0ID0gY2hpbGRGb2N1cyAmJiBjaGlsZEZvY3VzLm5vZGVOYW1lID09PSBcIklOUFVUXCI7XG5cbiAgICBpZiAoXG4gICAgICAhaXNPbmVPZktleXMoZXZ0LCBbQXJyb3dVcCwgQXJyb3dEb3duLCBIb21lLCBFbmQsIFNwYWNlQmFyLCBFbnRlcl0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBzd2l0Y2ggKGV2dC5rZXlDb2RlKSB7XG4gICAgICBjYXNlIFNwYWNlQmFyOlxuICAgICAgY2FzZSBFbnRlcjpcbiAgICAgICAgZXZ0LnRhcmdldC5jbGljaygpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dVcDpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICBmb2N1c2VzLnByZXZpb3VzIHx8IGZvY3VzZXMubGFzdCxcbiAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dEb3duOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgIGZvY3VzZXMubmV4dCB8fCBmb2N1c2VzLmZpcnN0LFxuICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBIb21lOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMuZmlyc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBFbmQ6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5sYXN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uU2luZ2xlSGFuZGxlciA9IChldnQpID0+IHtcbiAgICBjb25zdCB7IEVudGVyLCBTcGFjZUJhciB9ID0ga2V5Ym9hcmRDb2RlcztcbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW1NwYWNlQmFyLCBFbnRlcl0pIHx8XG4gICAgICAoY2hpbGRGb2N1c0lzSW5wdXQgJiYgaXNLZXkoZXZ0LCBFbnRlcikpXG4gICAgKSB7XG4gICAgICAvLyBub3RoaW5nIHRvIGRvXG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gd2UnbGwgZG8gc29tZXRoaW5nIHdpdGggdGhlIGtleSBzbyBwcmV2ZW50IGRlZmF1bHQgYW5kIHN0b3AgcHJvcGFnYXRpb25cbiAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICBldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICBldnQuY3VycmVudFRhcmdldC5jbGljaygpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5RG93biA9IChldnQpID0+IHtcbiAgICBpZiAocm9vdFJlZj8uY3VycmVudCA9PSBudWxsKSB7XG4gICAgICAvLyBvcGVyYXRpbmcgb3V0c2lkZSBvZiBhIGNvbXBvc2l0ZSB3aWRnZXRcbiAgICAgIC8vIG5vdGhpbmcgdG8gbWFuYWdlLCBqdXN0IHN0eWxlIGFuZCB0cmlnZ2VyIGNsaWNrc1xuICAgICAgb25TaW5nbGVIYW5kbGVyKGV2dCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgLy8gVE9ETyBrZWVwIHRoZSBzbWFydCBkZWZhdWx0LCBidXQgYWxsb3cgdG8gZXhwbGljaXRseSBvdmVycmlkZSBpZiBkaXNhYmxlZCBlbGVtZW50cyBzaG91bGQgYmUgZm9jdXNhYmxlXG4gICAgY29uc3QgaXNEaXNhYmxlZEZvY3VzYWJsZSA9IHN0cmF0ZWd5ID09PSBcIm1lbnVcIjtcbiAgICBjb25zdCBmb2N1c2VzTGlzdCA9IGdldEZvY3VzZXMoKS5maWx0ZXIoXG4gICAgICAoZWwpID0+XG4gICAgICAgIGlzRGlzYWJsZWRGb2N1c2FibGUgfHxcbiAgICAgICAgIWVsLmNsYXNzTGlzdC5jb250YWlucyhjbGFzc2VzPy5kaXNhYmxlZCBhcyBzdHJpbmcpXG4gICAgKTtcblxuICAgIGNvbnN0IGN1cnJlbnRGb2N1cyA9IGZvY3VzZXNMaXN0LmluZGV4T2YoZXZ0LmN1cnJlbnRUYXJnZXQpO1xuXG4gICAgY29uc3QgZm9jdXNlcyA9IHtcbiAgICAgIGZpcnN0OiBmb2N1c2VzTGlzdFswXSxcbiAgICAgIGxhc3Q6IGZvY3VzZXNMaXN0W2ZvY3VzZXNMaXN0Lmxlbmd0aCAtIDFdLFxuICAgICAgcHJldmlvdXM6IGZvY3VzZXNMaXN0W2N1cnJlbnRGb2N1cyAtIDFdLFxuICAgICAgbmV4dDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzICsgMV0sXG4gICAgICBmYWxsOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgKyBuYXZpZ2F0aW9uSnVtcF0sXG4gICAgICBqdW1wOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgLSBuYXZpZ2F0aW9uSnVtcF0sXG4gICAgfTtcblxuICAgIGlmIChzdHJhdGVneSA9PT0gXCJncmlkXCIpIHtcbiAgICAgIG9uR3JpZEtleURvd25IYW5kbGVyKFxuICAgICAgICBldnQsXG4gICAgICAgIGZvY3VzZXMsXG4gICAgICAgIGZvY3VzZXNMaXN0LFxuICAgICAgICBjdXJyZW50Rm9jdXMsXG4gICAgICAgIG5hdmlnYXRpb25KdW1wXG4gICAgICApO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFRPRE8gYWRkIHByb3BlcnR5IGZvciBzcGVjaWZ5aW5nIHRoZSBjb21wb3NpdGUgd2lkZ2V0IG9yaWVudGF0aW9uXG4gICAgLy8gVE9ETyBpbXBsZW1lbnQgaGFuZGxlciBmb3IgaG9yaXpvbnRhbCBvcmllbnRhdGlvblxuICAgIG9uVmVydGljYWxBcnJhbmdlbWVudEhhbmRsZXIoZXZ0LCBmb2N1c2VzLCBmb2N1c2VzTGlzdCk7XG4gIH07XG5cbiAgY29uc3Qgb25LZXlVcCA9IChldnQpID0+IHtcbiAgICBpZiAoaXNCcm93c2VyKFwiZmlyZWZveFwiKSkgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gIH07XG5cbiAgaWYgKGRpc2FibGVkKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgY29uc3QgZm9jdXNXcmFwcGVyID0gKGNoaWxkcmVuVG9XcmFwKSA9PiAoXG4gICAgPFN0eWxlZEZvY3VzV3JhcHBlclxuICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICBjbGFzc2VzPy5leHRlcm5hbFJlZmVyZW5jZSxcbiAgICAgICAgZm9jdXNDbGFzc2VzLmV4dGVybmFsUmVmZXJlbmNlXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlblRvV3JhcH1cbiAgICAgIHtzaG93Rm9jdXMgJiYgKFxuICAgICAgICA8U3R5bGVkRmFsc2VGb2N1c1xuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChjbGFzc2VzPy5mYWxzZUZvY3VzLCBmb2N1c0NsYXNzZXMuZmFsc2VGb2N1cyl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvU3R5bGVkRm9jdXNXcmFwcGVyPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPENvbmRpdGlvbmFsV3JhcHBlciBjb25kaXRpb249e3VzZUZhbHNlRm9jdXN9IHdyYXBwZXI9e2ZvY3VzV3JhcHBlcn0+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17Zm9jdXNTdHlsZXN9IC8+XG4gICAgICB7UmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xzeChcbiAgICAgICAgICBjaGlsZHJlbi5wcm9wcy5jbGFzc05hbWUsXG4gICAgICAgICAgZm9jdXNDbGFzc2VzLnJvb3QsXG4gICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICBmaWx0ZXJDbGFzcyxcbiAgICAgICAgICBzZWxlY3RlZCAmJiBjbHN4KGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCwgY2xhc3Nlcz8uc2VsZWN0ZWQpLFxuICAgICAgICAgIGRpc2FibGVkQ2xhc3MgJiYgY2xzeChmb2N1c0NsYXNzZXMuZGlzYWJsZWQsIGNsYXNzZXM/LmRpc2FibGVkKSxcbiAgICAgICAgICBmb2N1c0Rpc2FibGVkICYmXG4gICAgICAgICAgICBjbHN4KGZvY3VzQ2xhc3Nlcy5mb2N1c0Rpc2FibGVkLCBjbGFzc2VzPy5mb2N1c0Rpc2FibGVkKVxuICAgICAgICApLFxuICAgICAgICByZWY6IGNvbmZpZyxcbiAgICAgICAgb25Gb2N1cyxcbiAgICAgICAgb25CbHVyLFxuICAgICAgICBvbk1vdXNlRG93bixcbiAgICAgICAgb25LZXlEb3duLFxuICAgICAgICBvbktleVVwLFxuICAgICAgICBzZWxlY3RlZCxcbiAgICAgIH0pfVxuICAgIDwvQ29uZGl0aW9uYWxXcmFwcGVyPlxuICApO1xufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9jdXMvRm9jdXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZvY3VzL0ZvY3VzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjbHN4IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBpc05pbCB9IGZyb20gXCJsb2Rhc2hcIjtcbmltcG9ydCBSZWFjdCwgeyBSZWZPYmplY3QsIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBIdkJhc2VQcm9wcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsga2V5Ym9hcmRDb2RlcywgaXNCcm93c2VyIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgQ29uZGl0aW9uYWxXcmFwcGVyIGZyb20gXCJ1dGlscy9Db25kaXRpb25hbFdyYXBwZXJcIjtcbmltcG9ydCB7IFN0eWxlZEZvY3VzV3JhcHBlciwgU3R5bGVkRmFsc2VGb2N1cyB9IGZyb20gXCIuL0ZvY3VzLnN0eWxlc1wiO1xuaW1wb3J0IHsgZ2V0Rm9jdXNhYmxlQ2hpbGRyZW4sIGlzS2V5LCBpc09uZU9mS2V5cywgc2V0Rm9jdXNUbyB9IGZyb20gXCIuL3V0aWxzXCI7XG5pbXBvcnQgZm9jdXNDbGFzc2VzLCB7IEh2Rm9jdXNDbGFzc2VzIH0gZnJvbSBcIi4vZm9jdXNDbGFzc2VzXCI7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBmb2N1c1N0eWxlcyA9IGNzc2BcbiAgLkh2Rm9jdXMtZm9jdXNlZCB7XG4gICAgb3V0bGluZS1jb2xvcjogIzUyYThlYztcbiAgICBvdXRsaW5lLXN0eWxlOiBzb2xpZDtcbiAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgb3V0bGluZS1vZmZzZXQ6IC0xcHg7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMXB4ICM1MmE4ZWMsIDAgMCAwIDRweCByZ2JhKDI5LCAxNTUsIDIwOSwgMC4zKTtcblxuICAgIEBtZWRpYSAoLXdlYmtpdC1taW4tZGV2aWNlLXBpeGVsLXJhdGlvOiAwKSB7XG4gICAgICBvdXRsaW5lLWNvbG9yOiAjNTJhOGVjO1xuICAgICAgb3V0bGluZS1zdHlsZTogc29saWQ7XG4gICAgICBvdXRsaW5lLXdpZHRoOiAwcHg7XG4gICAgICBvdXRsaW5lLW9mZnNldDogLTFweDtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDFweCAjNTJhOGVjLCAwIDAgMCA0cHggcmdiYSgyOSwgMTU1LCAyMDksIDAuMyk7XG4gICAgfVxuICB9XG5cbiAgLkh2Rm9jdXMtZm9jdXNEaXNhYmxlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIC5IdkZvY3VzLWZvY3VzRGlzYWJsZWQgKiB7XG4gICAgb3V0bGluZTogbm9uZSAhaW1wb3J0YW50O1xuICAgIGJveC1zaGFkb3c6IG5vbmUgIWltcG9ydGFudDtcbiAgfVxuYDtcblxuZXhwb3J0IHR5cGUgSHZGb2N1c1Byb3BzID0gSHZCYXNlUHJvcHM8SFRNTEVsZW1lbnQsIHsgY2hpbGRyZW4gfT4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBFeHRyYSBjb25maWd1cmF0aW9uIGZvciB0aGUgY2hpbGQgZWxlbWVudC4gKi9cbiAgY29uZmlndXJhdGlvbj86IHtcbiAgICB0YWJJbmRleD86IG51bWJlcjtcbiAgfTtcbiAgLyoqIEluZGljYXRlcyB0aGF0IHRoZSBkaXNhYmxlZCBjbGFzcyBzaG91bGQgYmUgYXBwbGllZC4gKi9cbiAgZGlzYWJsZWRDbGFzcz86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBmb2N1cyBpcyBzZWxlY3RlZC4gKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuO1xuICAvKiogV2hldGhlciB0aGUgZm9jdXMgaXMgZGlzYWJsZWQuICovXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqIFRoZSByZWZlcmVuY2UgdG8gdGhlIHJvb3QgZWxlbWVudCB0byBob2xkIGFsbCBGb2N1cycgY29udGV4dC4gKi9cbiAgcm9vdFJlZj86IFJlZk9iamVjdDxIVE1MRWxlbWVudD47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzT25DbGljaz86IGJvb2xlYW47XG4gIC8qKiBTaG93IGZvY3VzIHdoZW4gY2xpY2sgZWxlbWVudC4gdiovXG4gIGZvY3VzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKiogVXNlIHVwLyBkb3duIGtleWJvYXJkIGFycm93cyB0byBjb250cm9sIGZvY3VzLiAqL1xuICB1c2VBcnJvd3M/OiBib29sZWFuO1xuICAvKiogRm9jdXMgYW5kIG5hdmlnYXRpb24gc3RyYXRlZ3kgdG8gYmUgdXNlZC4gdiovXG4gIHN0cmF0ZWd5PzogXCJsaXN0Ym94XCIgfCBcIm1lbnVcIiB8IFwiY2FyZFwiIHwgXCJncmlkXCI7XG4gIC8qKiBVc2VzIGFuIGFic29sdXRlIHBvc2l0aW9uZWQgZGl2IGFzIGEgZm9jdXMuIHYqL1xuICB1c2VGYWxzZUZvY3VzPzogYm9vbGVhbjtcbiAgLyoqIE5hcnJvd3MgdGhlIHJlc3VsdHMgb2YgdGhlIGZvY3VzIHRvIG9ubHkgdGhlc2VzIGNsYXNzIHYqL1xuICBmaWx0ZXJDbGFzcz86IHN0cmluZztcbiAgLyoqIEhvdyBtdWNoIHRoZSBuYXZpZ2F0aW9uIHdpbGwgc2tpcCB3aGVuIHVzaW5nIHRoZSBhcnJvd3MuIHYqL1xuICBuYXZpZ2F0aW9uSnVtcD86IG51bWJlcjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGNvbXBvbmVudC4gKi9cbiAgY2xhc3Nlcz86IEh2Rm9jdXNDbGFzc2VzO1xufTtcblxuZXhwb3J0IGNvbnN0IEh2Rm9jdXMgPSAoe1xuICBjbGFzc2VzLFxuICBjaGlsZHJlbixcbiAgY29uZmlndXJhdGlvbiA9IHt9LFxuICBkaXNhYmxlZENsYXNzID0gZmFsc2UsXG4gIHNlbGVjdGVkID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHJvb3RSZWYgPSB1bmRlZmluZWQsXG4gIGZvY3VzT25DbGljayA9IGZhbHNlLFxuICBmb2N1c0Rpc2FibGVkID0gdHJ1ZSxcbiAgc3RyYXRlZ3kgPSBcImxpc3Rib3hcIixcbiAgdXNlRmFsc2VGb2N1cyA9IGZhbHNlLFxuICBmaWx0ZXJDbGFzcyxcbiAgbmF2aWdhdGlvbkp1bXAgPSA0LFxufTogSHZGb2N1c1Byb3BzKSA9PiB7XG4gIGNvbnN0IFtzaG93Rm9jdXMsIHNldFNob3dGb2N1c10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIGNvbnN0IFtjaGlsZEZvY3VzLCBzZXRDaGlsZEZvY3VzXSA9IHVzZVN0YXRlPGFueT4oKTtcbiAgY29uc3QgW2hhc1J1bkNvbmZpZywgc2V0SGFzUnVuQ29uZmlnXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBnZXRGb2N1c2VzID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSByb290UmVmPy5jdXJyZW50XG4gICAgICA/IEFycmF5LmZyb20oXG4gICAgICAgICAgcm9vdFJlZi5jdXJyZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoXG4gICAgICAgICAgICBmaWx0ZXJDbGFzcyB8fCBmb2N1c0NsYXNzZXMucm9vdCB8fCBjbGFzc2VzPy5yb290IHx8IFwicm9vdFwiXG4gICAgICAgICAgKVxuICAgICAgICApXG4gICAgICA6IFtdO1xuICAgIHJldHVybiBmb2N1c2VzO1xuICB9O1xuXG4gIGNvbnN0IHNldFRhYkluZGV4ID0gKGVsLCB0YWJJbmRleCA9IDApID0+IHtcbiAgICBjb25zdCBlbENoaWxkRm9jdXMgPSBnZXRGb2N1c2FibGVDaGlsZHJlbihlbClbMF07XG4gICAgaWYgKGVsQ2hpbGRGb2N1cykge1xuICAgICAgZWwudGFiSW5kZXggPSAtMTtcbiAgICAgIGVsQ2hpbGRGb2N1cy50YWJJbmRleCA9IHRhYkluZGV4O1xuICAgIH0gZWxzZSB7XG4gICAgICBlbC50YWJJbmRleCA9IHRhYkluZGV4O1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBzZXRTZWxlY3RlZFRhYkluZGV4ID0gKCkgPT4ge1xuICAgIGNvbnN0IGZvY3VzZXMgPSBnZXRGb2N1c2VzKCk7XG4gICAgY29uc3QgZmlyc3RTZWxlY3RlZCA9IGZvY3VzZXMuZmluZCgoZm9jdXMpID0+XG4gICAgICBmb2N1cy5jbGFzc0xpc3QuY29udGFpbnMoXG4gICAgICAgIGZvY3VzQ2xhc3Nlcy5zZWxlY3RlZCB8fCBjbGFzc2VzPy5zZWxlY3RlZCB8fCBcInNlbGVjdGVkXCJcbiAgICAgIClcbiAgICApO1xuXG4gICAgaWYgKCFmaXJzdFNlbGVjdGVkKSByZXR1cm47XG4gICAgZm9jdXNlcy5mb3JFYWNoKChmb2N1cykgPT4gc2V0VGFiSW5kZXgoZm9jdXMsIC0xKSk7XG4gICAgc2V0VGFiSW5kZXgoZmlyc3RTZWxlY3RlZCwgMCk7XG4gIH07XG5cbiAgY29uc3QgY2xlYXJUYWJTaWJsaW5ncyA9IChlbCkgPT4ge1xuICAgIGdldEZvY3VzZXMoKS5mb3JFYWNoKChmb2N1cykgPT4gc2V0VGFiSW5kZXgoZm9jdXMsIC0xKSk7XG4gICAgc2V0VGFiSW5kZXgoZWwsIDApO1xuICB9O1xuXG4gIGNvbnN0IG9uRm9jdXNTdHJhdGVneSA9IChldnQpID0+IHtcbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwibGlzdGJveFwiKSB7XG4gICAgICBjbGVhclRhYlNpYmxpbmdzKGV2dC5jdXJyZW50VGFyZ2V0KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgb25CbHVyU3RyYXRlZ3kgPSAoKSA9PiB7XG4gICAgaWYgKFxuICAgICAgc3RyYXRlZ3kgPT09IFwibGlzdGJveFwiICYmXG4gICAgICByb290UmVmICYmXG4gICAgICByb290UmVmLmN1cnJlbnQgJiZcbiAgICAgICFyb290UmVmLmN1cnJlbnQuY29udGFpbnMoZG9jdW1lbnQuYWN0aXZlRWxlbWVudClcbiAgICApIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzZXRTZWxlY3RlZFRhYkluZGV4KCk7XG4gICAgICB9LCAxMCk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNvbmZpZyA9IChlbCkgPT4ge1xuICAgIGNvbnN0IHsgdGFiSW5kZXggfSA9IGNvbmZpZ3VyYXRpb247XG4gICAgaWYgKCFlbCB8fCBoYXNSdW5Db25maWcpIHJldHVybjtcbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiY2FyZFwiKSB7XG4gICAgICBzZXRDaGlsZEZvY3VzKGNoaWxkcmVuKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiZ3JpZFwiKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZm9jdXNhYmxlQ2hpbGRyZW4gPSBnZXRGb2N1c2FibGVDaGlsZHJlbihlbCk7XG4gICAgaWYgKGZvY3VzYWJsZUNoaWxkcmVuLmxlbmd0aCkge1xuICAgICAgZm9jdXNhYmxlQ2hpbGRyZW4uZm9yRWFjaCgoY2hpbGQpID0+IHNldFRhYkluZGV4KGNoaWxkLCAtMSkpO1xuICAgICAgc2V0Q2hpbGRGb2N1cyhmb2N1c2FibGVDaGlsZHJlblswXSk7XG4gICAgfVxuXG4gICAgaWYgKCFpc05pbCh0YWJJbmRleCkpIHNldFRhYkluZGV4KGVsLCB0YWJJbmRleCk7XG4gICAgc2V0SGFzUnVuQ29uZmlnKHRydWUpO1xuICB9O1xuXG4gIGNvbnN0IGFkZEZvY3VzQ2xhc3MgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKCF1c2VGYWxzZUZvY3VzKSB7XG4gICAgICBldnQuY3VycmVudFRhcmdldC5jbGFzc0xpc3QuYWRkKGZvY3VzQ2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgIGlmIChjbGFzc2VzPy5mb2N1c2VkKSB7XG4gICAgICAgIGV2dC5jdXJyZW50VGFyZ2V0LmNsYXNzTGlzdC5hZGQoY2xhc3Nlcy5mb2N1c2VkKTtcbiAgICAgIH1cbiAgICAgIC8vIGFkZCBnbG9iYWwgY2xhc3MgSHZJc0ZvY3VzZWQgYXMgYSBtYXJrZXJcbiAgICAgIC8vIG5vdCB0byBiZSBzdHlsZWQgZGlyZWN0bHksIG9ubHkgYXMgaGVscGVyIGluIHNwZWNpZmljIGNzcyBxdWVyaWVzXG4gICAgICBldnQuY3VycmVudFRhcmdldC5jbGFzc0xpc3QuYWRkKFwiSHZJc0ZvY3VzZWRcIik7XG4gICAgICBjbGFzc2VzPy5mb2N1c1xuICAgICAgICA/LnNwbGl0KFwiIFwiKVxuICAgICAgICAuZm9yRWFjaCgoYykgPT4gZXZ0LmN1cnJlbnRUYXJnZXQuY2xhc3NMaXN0LmFkZChjKSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHJlbW92ZUZvY3VzQ2xhc3MgPSAoKSA9PiB7XG4gICAgaWYgKCF1c2VGYWxzZUZvY3VzKSB7XG4gICAgICBnZXRGb2N1c2VzKCkuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xuICAgICAgICBpZiAoZm9jdXNDbGFzc2VzLmZvY3VzZWQpIHtcbiAgICAgICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoZm9jdXNDbGFzc2VzLmZvY3VzZWQpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChjbGFzc2VzPy5mb2N1c2VkKSB7XG4gICAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGNsYXNzZXMuZm9jdXNlZCk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gcmVtb3ZlIHRoZSBnbG9iYWwgY2xhc3MgSHZJc0ZvY3VzZWRcbiAgICAgICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKFwiSHZJc0ZvY3VzZWRcIik7XG4gICAgICAgIGNsYXNzZXM/LmZvY3VzPy5zcGxpdChcIiBcIikuZm9yRWFjaCgoYykgPT4gZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKGMpKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBvbkZvY3VzID0gKGV2dCkgPT4ge1xuICAgIGFkZEZvY3VzQ2xhc3MoZXZ0KTtcbiAgICBzZXRTaG93Rm9jdXModHJ1ZSk7XG4gICAgLy8gZ2l2ZSBmb2N1cyB0byBjaGlsZCBlbGVtZW50IGlmIGFueSBmb2N1c2FibGVcblxuICAgIGlmIChjaGlsZEZvY3VzICYmIGNoaWxkRm9jdXMuZm9jdXMpIGNoaWxkRm9jdXMuZm9jdXMoKTtcbiAgICBvbkZvY3VzU3RyYXRlZ3koZXZ0KTtcbiAgfTtcblxuICBjb25zdCBvbkJsdXIgPSAoKSA9PiB7XG4gICAgc2V0U2hvd0ZvY3VzKGZhbHNlKTtcbiAgICByZW1vdmVGb2N1c0NsYXNzKCk7XG4gICAgb25CbHVyU3RyYXRlZ3koKTtcbiAgfTtcblxuICBjb25zdCBvbk1vdXNlRG93biA9IChldnQpID0+IHtcbiAgICBjb25zdCBoYXNDYXJkID0gISFldnQuY3VycmVudFRhcmdldD8ucXVlcnlTZWxlY3RvcihcIi5IdklzQ2FyZEdyaWRFbGVtZW50XCIpO1xuICAgIGlmIChzdHJhdGVneSA9PT0gXCJncmlkXCIgJiYgaGFzQ2FyZCkgcmV0dXJuO1xuXG4gICAgc2V0Rm9jdXNUbyhldnQuY3VycmVudFRhcmdldCk7XG4gICAgc2V0VGFiSW5kZXgoZXZ0LmN1cnJlbnRUYXJnZXQsIDApO1xuICAgIC8vIHJlbW92ZSBmb2N1cyBvdXRsaW5lIHVubGVzcyBleHBsaWNpdGx5IGVuYWJsZWRcbiAgICBpZiAoIWZvY3VzT25DbGljaykge1xuICAgICAgLy8gVE9ETyB0aGlzIHBpZWNlIG9mIGNvZGUgd29ya3Mgb25seSBiZWNhdXNlIG9uTW91c2VEb3duIGlzIGhhcHBlbmluZyBhZnRlciB0aGUgZm9jdXMgZXZlbnRcbiAgICAgIC8vIFRoZXJlIGlzIG5vdGhpbmcgaW4gaGVyZSB0aGF0IGd1YXJhbnRlZXMgdGhlIG9yZGVyIG9mIHRoZXNlIGV2ZW50cywgc28gaXQgbWF5IHByZXNlbnQgYSBwcm9ibGVtIGluIHRoZSBmdXR1cmVcbiAgICAgIHJlbW92ZUZvY3VzQ2xhc3MoKTtcbiAgICAgIHNldFNob3dGb2N1cyhmYWxzZSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGZvY3VzQW5kVXBkYXRlSW5kZXggPSAobmV4dEZvY3VzLCBwcmV2aW91c0ZvY3VzLCBmb2N1c2VzTGlzdCkgPT4ge1xuICAgIGlmIChmb2N1c2VzTGlzdD8uaW5jbHVkZXMocHJldmlvdXNGb2N1cykpIHtcbiAgICAgIHNldFRhYkluZGV4KHByZXZpb3VzRm9jdXMsIC0xKTtcbiAgICB9XG4gICAgc2V0VGFiSW5kZXgobmV4dEZvY3VzLCAwKTtcbiAgICBzZXRGb2N1c1RvKG5leHRGb2N1cyk7XG4gIH07XG5cbiAgY29uc3QgZ2V0RW5hYmxlZEtleXMgPSAoY3VycmVudEZvY3VzSW5kZXgsIGp1bXAsIGxpc3RTaXplKSA9PiAoe1xuICAgIHJpZ2h0OlxuICAgICAgKGN1cnJlbnRGb2N1c0luZGV4ICsgMSkgJSBqdW1wID09PSAwIHx8XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIDEgPiBsaXN0U2l6ZSAtIDEsXG4gICAgbGVmdDogY3VycmVudEZvY3VzSW5kZXggJSBqdW1wID09PSAwLFxuICAgIHVwOiBjdXJyZW50Rm9jdXNJbmRleCAtIGp1bXAgPCAwLFxuICAgIGRvd246XG4gICAgICBjdXJyZW50Rm9jdXNJbmRleCArIGp1bXAgPiBsaXN0U2l6ZSB8fFxuICAgICAgY3VycmVudEZvY3VzSW5kZXggKyBqdW1wID4gbGlzdFNpemUgLSAxLFxuICB9KTtcblxuICBjb25zdCBvbkdyaWRLZXlEb3duSGFuZGxlciA9IChcbiAgICBldnQsXG4gICAgZm9jdXNlcyxcbiAgICBmb2N1c2VzTGlzdCxcbiAgICBjdXJyZW50Rm9jdXNJbmRleCxcbiAgICBqdW1wXG4gICkgPT4ge1xuICAgIGNvbnN0IHtcbiAgICAgIEFycm93VXAsXG4gICAgICBBcnJvd0Rvd24sXG4gICAgICBIb21lLFxuICAgICAgRW5kLFxuICAgICAgQXJyb3dMZWZ0LFxuICAgICAgQXJyb3dSaWdodCxcbiAgICAgIEVudGVyLFxuICAgICAgU3BhY2VCYXIsXG4gICAgfSA9IGtleWJvYXJkQ29kZXM7XG5cbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW1xuICAgICAgICBBcnJvd1VwLFxuICAgICAgICBBcnJvd0Rvd24sXG4gICAgICAgIEFycm93TGVmdCxcbiAgICAgICAgQXJyb3dSaWdodCxcbiAgICAgICAgSG9tZSxcbiAgICAgICAgRW5kLFxuICAgICAgICBTcGFjZUJhcixcbiAgICAgICAgRW50ZXIsXG4gICAgICBdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgLy8gZXhjZXB0IGZvciBFbnRlciBhbmQgU3BhY2VCYXJcbiAgICBpZiAoIWlzT25lT2ZLZXlzKGV2dCwgW0VudGVyLCBTcGFjZUJhcl0pKSB7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBjb25zdCBibG9ja2VkS2V5cyA9IGdldEVuYWJsZWRLZXlzKFxuICAgICAgY3VycmVudEZvY3VzSW5kZXgsXG4gICAgICBqdW1wLFxuICAgICAgZm9jdXNlc0xpc3QubGVuZ3RoXG4gICAgKTtcblxuICAgIHN3aXRjaCAoZXZ0LmtleUNvZGUpIHtcbiAgICAgIGNhc2UgU3BhY2VCYXI6XG4gICAgICBjYXNlIEVudGVyOlxuICAgICAgICBpZiAoaXNCcm93c2VyKFwiZmlyZWZveFwiKSkge1xuICAgICAgICAgIGV2dC50YXJnZXQuY2xpY2soKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBldnQuY3VycmVudFRhcmdldC5jbGljaygpO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBBcnJvd1VwOlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLnVwKSB7XG4gICAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICAgIGZvY3VzZXMuanVtcCB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dEb3duOlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLmRvd24pIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5mYWxsIHx8IGZvY3VzZXMuZmlyc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dMZWZ0OlxuICAgICAgICBpZiAoIWJsb2NrZWRLZXlzLmxlZnQpIHtcbiAgICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KFxuICAgICAgICAgICAgZm9jdXNlcy5wcmV2aW91cyB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICAgIGZvY3VzZXNMaXN0XG4gICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgQXJyb3dSaWdodDpcbiAgICAgICAgaWYgKCFibG9ja2VkS2V5cy5yaWdodCkge1xuICAgICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgICBmb2N1c2VzLm5leHQgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICAgIGV2dC5jdXJyZW50LFxuICAgICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBIb21lOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMuZmlyc3QsIGV2dC5jdXJyZW50LCBmb2N1c2VzTGlzdCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBFbmQ6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoZm9jdXNlcy5sYXN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IG9uVmVydGljYWxBcnJhbmdlbWVudEhhbmRsZXIgPSAoZXZ0LCBmb2N1c2VzLCBmb2N1c2VzTGlzdCkgPT4ge1xuICAgIGNvbnN0IHsgQXJyb3dVcCwgQXJyb3dEb3duLCBIb21lLCBFbmQsIEVudGVyLCBTcGFjZUJhciB9ID0ga2V5Ym9hcmRDb2RlcztcbiAgICBjb25zdCBjaGlsZEZvY3VzSXNJbnB1dCA9IGNoaWxkRm9jdXMgJiYgY2hpbGRGb2N1cy5ub2RlTmFtZSA9PT0gXCJJTlBVVFwiO1xuXG4gICAgaWYgKFxuICAgICAgIWlzT25lT2ZLZXlzKGV2dCwgW0Fycm93VXAsIEFycm93RG93biwgSG9tZSwgRW5kLCBTcGFjZUJhciwgRW50ZXJdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgc3dpdGNoIChldnQua2V5Q29kZSkge1xuICAgICAgY2FzZSBTcGFjZUJhcjpcbiAgICAgIGNhc2UgRW50ZXI6XG4gICAgICAgIGV2dC50YXJnZXQuY2xpY2soKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93VXA6XG4gICAgICAgIGZvY3VzQW5kVXBkYXRlSW5kZXgoXG4gICAgICAgICAgZm9jdXNlcy5wcmV2aW91cyB8fCBmb2N1c2VzLmxhc3QsXG4gICAgICAgICAgZXZ0LmN1cnJlbnQsXG4gICAgICAgICAgZm9jdXNlc0xpc3RcbiAgICAgICAgKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIEFycm93RG93bjpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChcbiAgICAgICAgICBmb2N1c2VzLm5leHQgfHwgZm9jdXNlcy5maXJzdCxcbiAgICAgICAgICBldnQuY3VycmVudCxcbiAgICAgICAgICBmb2N1c2VzTGlzdFxuICAgICAgICApO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgSG9tZTpcbiAgICAgICAgZm9jdXNBbmRVcGRhdGVJbmRleChmb2N1c2VzLmZpcnN0LCBldnQuY3VycmVudCwgZm9jdXNlc0xpc3QpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgRW5kOlxuICAgICAgICBmb2N1c0FuZFVwZGF0ZUluZGV4KGZvY3VzZXMubGFzdCwgZXZ0LmN1cnJlbnQsIGZvY3VzZXNMaXN0KTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgIH1cbiAgfTtcblxuICBjb25zdCBvblNpbmdsZUhhbmRsZXIgPSAoZXZ0KSA9PiB7XG4gICAgY29uc3QgeyBFbnRlciwgU3BhY2VCYXIgfSA9IGtleWJvYXJkQ29kZXM7XG4gICAgY29uc3QgY2hpbGRGb2N1c0lzSW5wdXQgPSBjaGlsZEZvY3VzICYmIGNoaWxkRm9jdXMubm9kZU5hbWUgPT09IFwiSU5QVVRcIjtcblxuICAgIGlmIChcbiAgICAgICFpc09uZU9mS2V5cyhldnQsIFtTcGFjZUJhciwgRW50ZXJdKSB8fFxuICAgICAgKGNoaWxkRm9jdXNJc0lucHV0ICYmIGlzS2V5KGV2dCwgRW50ZXIpKVxuICAgICkge1xuICAgICAgLy8gbm90aGluZyB0byBkb1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIHdlJ2xsIGRvIHNvbWV0aGluZyB3aXRoIHRoZSBrZXkgc28gcHJldmVudCBkZWZhdWx0IGFuZCBzdG9wIHByb3BhZ2F0aW9uXG4gICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgZXZ0LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgZXZ0LmN1cnJlbnRUYXJnZXQuY2xpY2soKTtcbiAgfTtcblxuICBjb25zdCBvbktleURvd24gPSAoZXZ0KSA9PiB7XG4gICAgaWYgKHJvb3RSZWY/LmN1cnJlbnQgPT0gbnVsbCkge1xuICAgICAgLy8gb3BlcmF0aW5nIG91dHNpZGUgb2YgYSBjb21wb3NpdGUgd2lkZ2V0XG4gICAgICAvLyBub3RoaW5nIHRvIG1hbmFnZSwganVzdCBzdHlsZSBhbmQgdHJpZ2dlciBjbGlja3NcbiAgICAgIG9uU2luZ2xlSGFuZGxlcihldnQpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIFRPRE8ga2VlcCB0aGUgc21hcnQgZGVmYXVsdCwgYnV0IGFsbG93IHRvIGV4cGxpY2l0bHkgb3ZlcnJpZGUgaWYgZGlzYWJsZWQgZWxlbWVudHMgc2hvdWxkIGJlIGZvY3VzYWJsZVxuICAgIGNvbnN0IGlzRGlzYWJsZWRGb2N1c2FibGUgPSBzdHJhdGVneSA9PT0gXCJtZW51XCI7XG4gICAgY29uc3QgZm9jdXNlc0xpc3QgPSBnZXRGb2N1c2VzKCkuZmlsdGVyKFxuICAgICAgKGVsKSA9PlxuICAgICAgICBpc0Rpc2FibGVkRm9jdXNhYmxlIHx8XG4gICAgICAgICFlbC5jbGFzc0xpc3QuY29udGFpbnMoY2xhc3Nlcz8uZGlzYWJsZWQgYXMgc3RyaW5nKVxuICAgICk7XG5cbiAgICBjb25zdCBjdXJyZW50Rm9jdXMgPSBmb2N1c2VzTGlzdC5pbmRleE9mKGV2dC5jdXJyZW50VGFyZ2V0KTtcblxuICAgIGNvbnN0IGZvY3VzZXMgPSB7XG4gICAgICBmaXJzdDogZm9jdXNlc0xpc3RbMF0sXG4gICAgICBsYXN0OiBmb2N1c2VzTGlzdFtmb2N1c2VzTGlzdC5sZW5ndGggLSAxXSxcbiAgICAgIHByZXZpb3VzOiBmb2N1c2VzTGlzdFtjdXJyZW50Rm9jdXMgLSAxXSxcbiAgICAgIG5leHQ6IGZvY3VzZXNMaXN0W2N1cnJlbnRGb2N1cyArIDFdLFxuICAgICAgZmFsbDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzICsgbmF2aWdhdGlvbkp1bXBdLFxuICAgICAganVtcDogZm9jdXNlc0xpc3RbY3VycmVudEZvY3VzIC0gbmF2aWdhdGlvbkp1bXBdLFxuICAgIH07XG5cbiAgICBpZiAoc3RyYXRlZ3kgPT09IFwiZ3JpZFwiKSB7XG4gICAgICBvbkdyaWRLZXlEb3duSGFuZGxlcihcbiAgICAgICAgZXZ0LFxuICAgICAgICBmb2N1c2VzLFxuICAgICAgICBmb2N1c2VzTGlzdCxcbiAgICAgICAgY3VycmVudEZvY3VzLFxuICAgICAgICBuYXZpZ2F0aW9uSnVtcFxuICAgICAgKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBUT0RPIGFkZCBwcm9wZXJ0eSBmb3Igc3BlY2lmeWluZyB0aGUgY29tcG9zaXRlIHdpZGdldCBvcmllbnRhdGlvblxuICAgIC8vIFRPRE8gaW1wbGVtZW50IGhhbmRsZXIgZm9yIGhvcml6b250YWwgb3JpZW50YXRpb25cbiAgICBvblZlcnRpY2FsQXJyYW5nZW1lbnRIYW5kbGVyKGV2dCwgZm9jdXNlcywgZm9jdXNlc0xpc3QpO1xuICB9O1xuXG4gIGNvbnN0IG9uS2V5VXAgPSAoZXZ0KSA9PiB7XG4gICAgaWYgKGlzQnJvd3NlcihcImZpcmVmb3hcIikpIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICB9O1xuXG4gIGlmIChkaXNhYmxlZCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIGNvbnN0IGZvY3VzV3JhcHBlciA9IChjaGlsZHJlblRvV3JhcCkgPT4gKFxuICAgIDxTdHlsZWRGb2N1c1dyYXBwZXJcbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgY2xhc3Nlcz8uZXh0ZXJuYWxSZWZlcmVuY2UsXG4gICAgICAgIGZvY3VzQ2xhc3Nlcy5leHRlcm5hbFJlZmVyZW5jZVxuICAgICAgKX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW5Ub1dyYXB9XG4gICAgICB7c2hvd0ZvY3VzICYmIChcbiAgICAgICAgPFN0eWxlZEZhbHNlRm9jdXNcbiAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goY2xhc3Nlcz8uZmFsc2VGb2N1cywgZm9jdXNDbGFzc2VzLmZhbHNlRm9jdXMpfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1N0eWxlZEZvY3VzV3JhcHBlcj5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDb25kaXRpb25hbFdyYXBwZXIgY29uZGl0aW9uPXt1c2VGYWxzZUZvY3VzfSB3cmFwcGVyPXtmb2N1c1dyYXBwZXJ9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e2ZvY3VzU3R5bGVzfSAvPlxuICAgICAge1JlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgY2hpbGRyZW4ucHJvcHMuY2xhc3NOYW1lLFxuICAgICAgICAgIGZvY3VzQ2xhc3Nlcy5yb290LFxuICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgZmlsdGVyQ2xhc3MsXG4gICAgICAgICAgc2VsZWN0ZWQgJiYgY2xzeChmb2N1c0NsYXNzZXMuc2VsZWN0ZWQsIGNsYXNzZXM/LnNlbGVjdGVkKSxcbiAgICAgICAgICBkaXNhYmxlZENsYXNzICYmIGNsc3goZm9jdXNDbGFzc2VzLmRpc2FibGVkLCBjbGFzc2VzPy5kaXNhYmxlZCksXG4gICAgICAgICAgZm9jdXNEaXNhYmxlZCAmJlxuICAgICAgICAgICAgY2xzeChmb2N1c0NsYXNzZXMuZm9jdXNEaXNhYmxlZCwgY2xhc3Nlcz8uZm9jdXNEaXNhYmxlZClcbiAgICAgICAgKSxcbiAgICAgICAgcmVmOiBjb25maWcsXG4gICAgICAgIG9uRm9jdXMsXG4gICAgICAgIG9uQmx1cixcbiAgICAgICAgb25Nb3VzZURvd24sXG4gICAgICAgIG9uS2V5RG93bixcbiAgICAgICAgb25LZXlVcCxcbiAgICAgICAgc2VsZWN0ZWQsXG4gICAgICB9KX1cbiAgICA8L0NvbmRpdGlvbmFsV3JhcHBlcj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const HvFocus = ({
@@ -40,7 +40,7 @@ const HvFocus = ({
   const [childFocus, setChildFocus] = useState();
   const [hasRunConfig, setHasRunConfig] = useState(false);
   const getFocuses = () => {
-    const focuses = (rootRef == null ? void 0 : rootRef.current) ? Array.from(rootRef.current.getElementsByClassName(filterClass || focusClasses.root || "root")) : [];
+    const focuses = (rootRef == null ? void 0 : rootRef.current) ? Array.from(rootRef.current.getElementsByClassName(filterClass || focusClasses.root || (classes == null ? void 0 : classes.root) || "root")) : [];
     return focuses;
   };
   const setTabIndex = (el, tabIndex = 0) => {
@@ -54,7 +54,7 @@ const HvFocus = ({
   };
   const setSelectedTabIndex = () => {
     const focuses = getFocuses();
-    const firstSelected = focuses.find((focus) => focus.classList.contains(focusClasses.selected || "selected"));
+    const firstSelected = focuses.find((focus) => focus.classList.contains(focusClasses.selected || (classes == null ? void 0 : classes.selected) || "selected"));
     if (!firstSelected)
       return;
     focuses.forEach((focus) => setTabIndex(focus, -1));
@@ -102,6 +102,9 @@ const HvFocus = ({
     var _a;
     if (!useFalseFocus) {
       evt.currentTarget.classList.add(focusClasses.focused);
+      if (classes == null ? void 0 : classes.focused) {
+        evt.currentTarget.classList.add(classes.focused);
+      }
       evt.currentTarget.classList.add("HvIsFocused");
       (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => evt.currentTarget.classList.add(c));
     }
@@ -113,6 +116,9 @@ const HvFocus = ({
         if (focusClasses.focused) {
           element.classList.remove(focusClasses.focused);
         }
+        if (classes == null ? void 0 : classes.focused) {
+          element.classList.remove(classes.focused);
+        }
         element.classList.remove("HvIsFocused");
         (_a = classes == null ? void 0 : classes.focus) == null ? void 0 : _a.split(" ").forEach((c) => element.classList.remove(c));
       });
@@ -287,18 +293,13 @@ const HvFocus = ({
   };
   if (disabled)
     return children;
-  const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxs(StyledFocusWrapper, {
-    className: clsx(classes == null ? void 0 : classes.externalReference, focusClasses.externalReference),
-    children: [childrenToWrap, showFocus && /* @__PURE__ */ jsx(StyledFalseFocus, {
-      className: clsx(classes == null ? void 0 : classes.falseFocus, focusClasses.falseFocus)
-    })]
-  });
-  return /* @__PURE__ */ jsxs(ConditionalWrapper, {
-    condition: useFalseFocus,
-    wrapper: focusWrapper,
-    children: [/* @__PURE__ */ jsx(Global, {
-      styles: focusStyles
-    }), React__default.cloneElement(children, {
+  const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxs(StyledFocusWrapper, { className: clsx(classes == null ? void 0 : classes.externalReference, focusClasses.externalReference), children: [
+    childrenToWrap,
+    showFocus && /* @__PURE__ */ jsx(StyledFalseFocus, { className: clsx(classes == null ? void 0 : classes.falseFocus, focusClasses.falseFocus) })
+  ] });
+  return /* @__PURE__ */ jsxs(ConditionalWrapper, { condition: useFalseFocus, wrapper: focusWrapper, children: [
+    /* @__PURE__ */ jsx(Global, { styles: focusStyles }),
+    React__default.cloneElement(children, {
       className: clsx(children.props.className, focusClasses.root, classes == null ? void 0 : classes.root, filterClass, selected && clsx(focusClasses.selected, classes == null ? void 0 : classes.selected), disabledClass && clsx(focusClasses.disabled, classes == null ? void 0 : classes.disabled), focusDisabled && clsx(focusClasses.focusDisabled, classes == null ? void 0 : classes.focusDisabled)),
       ref: config,
       onFocus,
@@ -307,8 +308,8 @@ const HvFocus = ({
       onKeyDown,
       onKeyUp,
       selected
-    })]
-  });
+    })
+  ] });
 };
 export {
   HvFocus

package/dist/esm/components/Focus/Focus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isNil } from \"lodash\";\nimport React, { RefObject, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { keyboardCodes, isBrowser } from \"utils\";\nimport ConditionalWrapper from \"utils/ConditionalWrapper\";\nimport { StyledFocusWrapper, StyledFalseFocus } from \"./Focus.styles\";\nimport { getFocusableChildren, isKey, isOneOfKeys, setFocusTo } from \"./utils\";\nimport focusClasses, { HvFocusClasses } from \"./focusClasses\";\nimport { css, Global } from \"@emotion/react\";\n\nconst focusStyles = css`\n .HvFocus-focused {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n }\n }\n\n .HvFocus-focusDisabled {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled :focus {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled {\n outline: none !important;\n box-shadow: none !important;\n }\n`;\n\nexport type HvFocusProps = HvBaseProps<HTMLElement, { children }> & {\n children: React.ReactElement;\n /** Extra configuration for the child element. /\n configuration?: {\n tabIndex?: number;\n };\n /* Indicates that the disabled class should be applied. /\n disabledClass?: boolean;\n /* Whether the focus is selected. /\n selected?: boolean;\n /* Whether the focus is disabled. /\n disabled?: boolean;\n /* The reference to the root element to hold all Focus' context. /\n rootRef?: RefObject<HTMLElement>;\n /* Show focus when click element. v/\n focusOnClick?: boolean;\n /* Show focus when click element. v/\n focusDisabled?: boolean;\n /* Use up/ down keyboard arrows to control focus. /\n useArrows?: boolean;\n /* Focus and navigation strategy to be used. v/\n strategy?: \"listbox\" \| \"menu\" \| \"card\" \| \"grid\";\n /* Uses an absolute positioned div as a focus. v/\n useFalseFocus?: boolean;\n /* Narrows the results of the focus to only theses class v/\n filterClass?: string;\n /* How much the navigation will skip when using the arrows. v/\n navigationJump?: number;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFocusClasses;\n};\n\nexport const HvFocus = ({\n classes,\n children,\n configuration = {},\n disabledClass = false,\n selected = false,\n disabled = false,\n rootRef = undefined,\n focusOnClick = false,\n focusDisabled = true,\n strategy = \"listbox\",\n useFalseFocus = false,\n filterClass,\n navigationJump = 4,\n}: HvFocusProps) => {\n const [showFocus, setShowFocus] = useState<boolean>(false);\n const [childFocus, setChildFocus] = useState<any>();\n const [hasRunConfig, setHasRunConfig] = useState(false);\n\n const getFocuses = () => {\n const focuses = rootRef?.current\n ? Array.from(\n rootRef.current.getElementsByClassName(\n filterClass \|\| focusClasses.root \|\| \"root\"\n )\n )\n : [];\n return focuses;\n };\n\n const setTabIndex = (el, tabIndex = 0) => {\n const elChildFocus = getFocusableChildren(el)[0];\n if (elChildFocus) {\n el.tabIndex = -1;\n elChildFocus.tabIndex = tabIndex;\n } else {\n el.tabIndex = tabIndex;\n }\n };\n\n const setSelectedTabIndex = () => {\n const focuses = getFocuses();\n const firstSelected = focuses.find((focus) =>\n focus.classList.contains(focusClasses.selected \|\| \"selected\")\n );\n\n if (!firstSelected) return;\n focuses.forEach((focus) => setTabIndex(focus, -1));\n setTabIndex(firstSelected, 0);\n };\n\n const clearTabSiblings = (el) => {\n getFocuses().forEach((focus) => setTabIndex(focus, -1));\n setTabIndex(el, 0);\n };\n\n const onFocusStrategy = (evt) => {\n if (strategy === \"listbox\") {\n clearTabSiblings(evt.currentTarget);\n }\n };\n\n const onBlurStrategy = () => {\n if (\n strategy === \"listbox\" &&\n rootRef &&\n rootRef.current &&\n !rootRef.current.contains(document.activeElement)\n ) {\n setTimeout(() => {\n setSelectedTabIndex();\n }, 10);\n }\n };\n\n const config = (el) => {\n const { tabIndex } = configuration;\n if (!el \|\| hasRunConfig) return;\n if (strategy === \"card\") {\n setChildFocus(children);\n return;\n }\n\n if (strategy === \"grid\") {\n return;\n }\n\n const focusableChildren = getFocusableChildren(el);\n if (focusableChildren.length) {\n focusableChildren.forEach((child) => setTabIndex(child, -1));\n setChildFocus(focusableChildren[0]);\n }\n\n if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n setHasRunConfig(true);\n };\n\n const addFocusClass = (evt) => {\n if (!useFalseFocus) {\n evt.currentTarget.classList.add(focusClasses.focused);\n // add global class HvIsFocused as a marker\n // not to be styled directly, only as helper in specific css queries\n evt.currentTarget.classList.add(\"HvIsFocused\");\n classes?.focus\n ?.split(\" \")\n .forEach((c) => evt.currentTarget.classList.add(c));\n }\n };\n\n const removeFocusClass = () => {\n if (!useFalseFocus) {\n getFocuses().forEach((element) => {\n if (focusClasses.focused) {\n element.classList.remove(focusClasses.focused);\n }\n // remove the global class HvIsFocused\n element.classList.remove(\"HvIsFocused\");\n classes?.focus?.split(\" \").forEach((c) => element.classList.remove(c));\n });\n }\n };\n\n const onFocus = (evt) => {\n addFocusClass(evt);\n setShowFocus(true);\n // give focus to child element if any focusable\n\n if (childFocus && childFocus.focus) childFocus.focus();\n onFocusStrategy(evt);\n };\n\n const onBlur = () => {\n setShowFocus(false);\n removeFocusClass();\n onBlurStrategy();\n };\n\n const onMouseDown = (evt) => {\n const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n if (strategy === \"grid\" && hasCard) return;\n\n setFocusTo(evt.currentTarget);\n setTabIndex(evt.currentTarget, 0);\n // remove focus outline unless explicitly enabled\n if (!focusOnClick) {\n // TODO this piece of code works only because onMouseDown is happening after the focus event\n // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n removeFocusClass();\n setShowFocus(false);\n }\n };\n\n const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n if (focusesList?.includes(previousFocus)) {\n setTabIndex(previousFocus, -1);\n }\n setTabIndex(nextFocus, 0);\n setFocusTo(nextFocus);\n };\n\n const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n right:\n (currentFocusIndex + 1) % jump === 0 \|\|\n currentFocusIndex + 1 > listSize - 1,\n left: currentFocusIndex % jump === 0,\n up: currentFocusIndex - jump < 0,\n down:\n currentFocusIndex + jump > listSize \|\|\n currentFocusIndex + jump > listSize - 1,\n });\n\n const onGridKeyDownHandler = (\n evt,\n focuses,\n focusesList,\n currentFocusIndex,\n jump\n ) => {\n const {\n ArrowUp,\n ArrowDown,\n Home,\n End,\n ArrowLeft,\n ArrowRight,\n Enter,\n SpaceBar,\n } = keyboardCodes;\n\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [\n ArrowUp,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n Home,\n End,\n SpaceBar,\n Enter,\n ]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n // except for Enter and SpaceBar\n if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n const blockedKeys = getEnabledKeys(\n currentFocusIndex,\n jump,\n focusesList.length\n );\n\n switch (evt.keyCode) {\n case SpaceBar:\n case Enter:\n if (isBrowser(\"firefox\")) {\n evt.target.click();\n } else {\n evt.currentTarget.click();\n }\n break;\n case ArrowUp:\n if (!blockedKeys.up) {\n focusAndUpdateIndex(\n focuses.jump \|\| focuses.last,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowDown:\n if (!blockedKeys.down) {\n focusAndUpdateIndex(\n focuses.fall \|\| focuses.first,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowLeft:\n if (!blockedKeys.left) {\n focusAndUpdateIndex(\n focuses.previous \|\| focuses.last,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowRight:\n if (!blockedKeys.right) {\n focusAndUpdateIndex(\n focuses.next \|\| focuses.first,\n evt.current,\n focusesList\n );\n }\n break;\n case Home:\n focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n break;\n case End:\n focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n break;\n default:\n }\n };\n\n const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n evt.preventDefault();\n evt.stopPropagation();\n\n switch (evt.keyCode) {\n case SpaceBar:\n case Enter:\n evt.target.click();\n break;\n case ArrowUp:\n focusAndUpdateIndex(\n focuses.previous \|\| focuses.last,\n evt.current,\n focusesList\n );\n break;\n case ArrowDown:\n focusAndUpdateIndex(\n focuses.next \|\| focuses.first,\n evt.current,\n focusesList\n );\n break;\n case Home:\n focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n break;\n case End:\n focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n break;\n default:\n }\n };\n\n const onSingleHandler = (evt) => {\n const { Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [SpaceBar, Enter]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n evt.preventDefault();\n evt.stopPropagation();\n\n evt.currentTarget.click();\n };\n\n const onKeyDown = (evt) => {\n if (rootRef?.current == null) {\n // operating outside of a composite widget\n // nothing to manage, just style and trigger clicks\n onSingleHandler(evt);\n return;\n }\n\n // TODO keep the smart default, but allow to explicitly override if disabled elements should be focusable\n const isDisabledFocusable = strategy === \"menu\";\n const focusesList = getFocuses().filter(\n (el) =>\n isDisabledFocusable \|\|\n !el.classList.contains(classes?.disabled as string)\n );\n\n const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n const focuses = {\n first: focusesList[0],\n last: focusesList[focusesList.length - 1],\n previous: focusesList[currentFocus - 1],\n next: focusesList[currentFocus + 1],\n fall: focusesList[currentFocus + navigationJump],\n jump: focusesList[currentFocus - navigationJump],\n };\n\n if (strategy === \"grid\") {\n onGridKeyDownHandler(\n evt,\n focuses,\n focusesList,\n currentFocus,\n navigationJump\n );\n return;\n }\n\n // TODO add property for specifying the composite widget orientation\n // TODO implement handler for horizontal orientation\n onVerticalArrangementHandler(evt, focuses, focusesList);\n };\n\n const onKeyUp = (evt) => {\n if (isBrowser(\"firefox\")) evt.preventDefault();\n };\n\n if (disabled) return children;\n\n const focusWrapper = (childrenToWrap) => (\n <StyledFocusWrapper\n className={clsx(\n classes?.externalReference,\n focusClasses.externalReference\n )}\n >\n {childrenToWrap}\n {showFocus && (\n <StyledFalseFocus\n className={clsx(classes?.falseFocus, focusClasses.falseFocus)}\n />\n )}\n </StyledFocusWrapper>\n );\n\n return (\n <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n <Global styles={focusStyles} />\n {React.cloneElement(children, {\n className: clsx(\n children.props.className,\n focusClasses.root,\n classes?.root,\n filterClass,\n selected && clsx(focusClasses.selected, classes?.selected),\n disabledClass && clsx(focusClasses.disabled, classes?.disabled),\n focusDisabled &&\n clsx(focusClasses.focusDisabled, classes?.focusDisabled)\n ),\n ref: config,\n onFocus,\n onBlur,\n onMouseDown,\n onKeyDown,\n onKeyUp,\n selected,\n })}\n </ConditionalWrapper>\n );\n};\n"],"names":["focusStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvFocus","classes","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","focuses","current","Array","from","getElementsByClassName","focusClasses","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","keyboardCodes","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","_jsxs","StyledFocusWrapper","className","clsx","externalReference","StyledFalseFocus","falseFocus","ConditionalWrapper","condition","wrapper","_jsx","Global","React","cloneElement","props","ref"],"mappings":"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"}
1	+ {"version":3,"file":"Focus.js","sources":["../../../../src/components/Focus/Focus.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { isNil } from \"lodash\";\nimport React, { RefObject, useState } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { keyboardCodes, isBrowser } from \"utils\";\nimport ConditionalWrapper from \"utils/ConditionalWrapper\";\nimport { StyledFocusWrapper, StyledFalseFocus } from \"./Focus.styles\";\nimport { getFocusableChildren, isKey, isOneOfKeys, setFocusTo } from \"./utils\";\nimport focusClasses, { HvFocusClasses } from \"./focusClasses\";\nimport { css, Global } from \"@emotion/react\";\n\nconst focusStyles = css`\n .HvFocus-focused {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n\n @media (-webkit-min-device-pixel-ratio: 0) {\n outline-color: #52a8ec;\n outline-style: solid;\n outline-width: 0px;\n outline-offset: -1px;\n box-shadow: 0 0 0 1px #52a8ec, 0 0 0 4px rgba(29, 155, 209, 0.3);\n }\n }\n\n .HvFocus-focusDisabled {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled :focus {\n outline: none;\n box-shadow: none;\n }\n .HvFocus-focusDisabled {\n outline: none !important;\n box-shadow: none !important;\n }\n`;\n\nexport type HvFocusProps = HvBaseProps<HTMLElement, { children }> & {\n children: React.ReactElement;\n /** Extra configuration for the child element. /\n configuration?: {\n tabIndex?: number;\n };\n /* Indicates that the disabled class should be applied. /\n disabledClass?: boolean;\n /* Whether the focus is selected. /\n selected?: boolean;\n /* Whether the focus is disabled. /\n disabled?: boolean;\n /* The reference to the root element to hold all Focus' context. /\n rootRef?: RefObject<HTMLElement>;\n /* Show focus when click element. v/\n focusOnClick?: boolean;\n /* Show focus when click element. v/\n focusDisabled?: boolean;\n /* Use up/ down keyboard arrows to control focus. /\n useArrows?: boolean;\n /* Focus and navigation strategy to be used. v/\n strategy?: \"listbox\" \| \"menu\" \| \"card\" \| \"grid\";\n /* Uses an absolute positioned div as a focus. v/\n useFalseFocus?: boolean;\n /* Narrows the results of the focus to only theses class v/\n filterClass?: string;\n /* How much the navigation will skip when using the arrows. v/\n navigationJump?: number;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvFocusClasses;\n};\n\nexport const HvFocus = ({\n classes,\n children,\n configuration = {},\n disabledClass = false,\n selected = false,\n disabled = false,\n rootRef = undefined,\n focusOnClick = false,\n focusDisabled = true,\n strategy = \"listbox\",\n useFalseFocus = false,\n filterClass,\n navigationJump = 4,\n}: HvFocusProps) => {\n const [showFocus, setShowFocus] = useState<boolean>(false);\n const [childFocus, setChildFocus] = useState<any>();\n const [hasRunConfig, setHasRunConfig] = useState(false);\n\n const getFocuses = () => {\n const focuses = rootRef?.current\n ? Array.from(\n rootRef.current.getElementsByClassName(\n filterClass \|\| focusClasses.root \|\| classes?.root \|\| \"root\"\n )\n )\n : [];\n return focuses;\n };\n\n const setTabIndex = (el, tabIndex = 0) => {\n const elChildFocus = getFocusableChildren(el)[0];\n if (elChildFocus) {\n el.tabIndex = -1;\n elChildFocus.tabIndex = tabIndex;\n } else {\n el.tabIndex = tabIndex;\n }\n };\n\n const setSelectedTabIndex = () => {\n const focuses = getFocuses();\n const firstSelected = focuses.find((focus) =>\n focus.classList.contains(\n focusClasses.selected \|\| classes?.selected \|\| \"selected\"\n )\n );\n\n if (!firstSelected) return;\n focuses.forEach((focus) => setTabIndex(focus, -1));\n setTabIndex(firstSelected, 0);\n };\n\n const clearTabSiblings = (el) => {\n getFocuses().forEach((focus) => setTabIndex(focus, -1));\n setTabIndex(el, 0);\n };\n\n const onFocusStrategy = (evt) => {\n if (strategy === \"listbox\") {\n clearTabSiblings(evt.currentTarget);\n }\n };\n\n const onBlurStrategy = () => {\n if (\n strategy === \"listbox\" &&\n rootRef &&\n rootRef.current &&\n !rootRef.current.contains(document.activeElement)\n ) {\n setTimeout(() => {\n setSelectedTabIndex();\n }, 10);\n }\n };\n\n const config = (el) => {\n const { tabIndex } = configuration;\n if (!el \|\| hasRunConfig) return;\n if (strategy === \"card\") {\n setChildFocus(children);\n return;\n }\n\n if (strategy === \"grid\") {\n return;\n }\n\n const focusableChildren = getFocusableChildren(el);\n if (focusableChildren.length) {\n focusableChildren.forEach((child) => setTabIndex(child, -1));\n setChildFocus(focusableChildren[0]);\n }\n\n if (!isNil(tabIndex)) setTabIndex(el, tabIndex);\n setHasRunConfig(true);\n };\n\n const addFocusClass = (evt) => {\n if (!useFalseFocus) {\n evt.currentTarget.classList.add(focusClasses.focused);\n if (classes?.focused) {\n evt.currentTarget.classList.add(classes.focused);\n }\n // add global class HvIsFocused as a marker\n // not to be styled directly, only as helper in specific css queries\n evt.currentTarget.classList.add(\"HvIsFocused\");\n classes?.focus\n ?.split(\" \")\n .forEach((c) => evt.currentTarget.classList.add(c));\n }\n };\n\n const removeFocusClass = () => {\n if (!useFalseFocus) {\n getFocuses().forEach((element) => {\n if (focusClasses.focused) {\n element.classList.remove(focusClasses.focused);\n }\n if (classes?.focused) {\n element.classList.remove(classes.focused);\n }\n // remove the global class HvIsFocused\n element.classList.remove(\"HvIsFocused\");\n classes?.focus?.split(\" \").forEach((c) => element.classList.remove(c));\n });\n }\n };\n\n const onFocus = (evt) => {\n addFocusClass(evt);\n setShowFocus(true);\n // give focus to child element if any focusable\n\n if (childFocus && childFocus.focus) childFocus.focus();\n onFocusStrategy(evt);\n };\n\n const onBlur = () => {\n setShowFocus(false);\n removeFocusClass();\n onBlurStrategy();\n };\n\n const onMouseDown = (evt) => {\n const hasCard = !!evt.currentTarget?.querySelector(\".HvIsCardGridElement\");\n if (strategy === \"grid\" && hasCard) return;\n\n setFocusTo(evt.currentTarget);\n setTabIndex(evt.currentTarget, 0);\n // remove focus outline unless explicitly enabled\n if (!focusOnClick) {\n // TODO this piece of code works only because onMouseDown is happening after the focus event\n // There is nothing in here that guarantees the order of these events, so it may present a problem in the future\n removeFocusClass();\n setShowFocus(false);\n }\n };\n\n const focusAndUpdateIndex = (nextFocus, previousFocus, focusesList) => {\n if (focusesList?.includes(previousFocus)) {\n setTabIndex(previousFocus, -1);\n }\n setTabIndex(nextFocus, 0);\n setFocusTo(nextFocus);\n };\n\n const getEnabledKeys = (currentFocusIndex, jump, listSize) => ({\n right:\n (currentFocusIndex + 1) % jump === 0 \|\|\n currentFocusIndex + 1 > listSize - 1,\n left: currentFocusIndex % jump === 0,\n up: currentFocusIndex - jump < 0,\n down:\n currentFocusIndex + jump > listSize \|\|\n currentFocusIndex + jump > listSize - 1,\n });\n\n const onGridKeyDownHandler = (\n evt,\n focuses,\n focusesList,\n currentFocusIndex,\n jump\n ) => {\n const {\n ArrowUp,\n ArrowDown,\n Home,\n End,\n ArrowLeft,\n ArrowRight,\n Enter,\n SpaceBar,\n } = keyboardCodes;\n\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [\n ArrowUp,\n ArrowDown,\n ArrowLeft,\n ArrowRight,\n Home,\n End,\n SpaceBar,\n Enter,\n ]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n // except for Enter and SpaceBar\n if (!isOneOfKeys(evt, [Enter, SpaceBar])) {\n evt.preventDefault();\n evt.stopPropagation();\n }\n\n const blockedKeys = getEnabledKeys(\n currentFocusIndex,\n jump,\n focusesList.length\n );\n\n switch (evt.keyCode) {\n case SpaceBar:\n case Enter:\n if (isBrowser(\"firefox\")) {\n evt.target.click();\n } else {\n evt.currentTarget.click();\n }\n break;\n case ArrowUp:\n if (!blockedKeys.up) {\n focusAndUpdateIndex(\n focuses.jump \|\| focuses.last,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowDown:\n if (!blockedKeys.down) {\n focusAndUpdateIndex(\n focuses.fall \|\| focuses.first,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowLeft:\n if (!blockedKeys.left) {\n focusAndUpdateIndex(\n focuses.previous \|\| focuses.last,\n evt.current,\n focusesList\n );\n }\n break;\n case ArrowRight:\n if (!blockedKeys.right) {\n focusAndUpdateIndex(\n focuses.next \|\| focuses.first,\n evt.current,\n focusesList\n );\n }\n break;\n case Home:\n focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n break;\n case End:\n focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n break;\n default:\n }\n };\n\n const onVerticalArrangementHandler = (evt, focuses, focusesList) => {\n const { ArrowUp, ArrowDown, Home, End, Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [ArrowUp, ArrowDown, Home, End, SpaceBar, Enter]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n evt.preventDefault();\n evt.stopPropagation();\n\n switch (evt.keyCode) {\n case SpaceBar:\n case Enter:\n evt.target.click();\n break;\n case ArrowUp:\n focusAndUpdateIndex(\n focuses.previous \|\| focuses.last,\n evt.current,\n focusesList\n );\n break;\n case ArrowDown:\n focusAndUpdateIndex(\n focuses.next \|\| focuses.first,\n evt.current,\n focusesList\n );\n break;\n case Home:\n focusAndUpdateIndex(focuses.first, evt.current, focusesList);\n break;\n case End:\n focusAndUpdateIndex(focuses.last, evt.current, focusesList);\n break;\n default:\n }\n };\n\n const onSingleHandler = (evt) => {\n const { Enter, SpaceBar } = keyboardCodes;\n const childFocusIsInput = childFocus && childFocus.nodeName === \"INPUT\";\n\n if (\n !isOneOfKeys(evt, [SpaceBar, Enter]) \|\|\n (childFocusIsInput && isKey(evt, Enter))\n ) {\n // nothing to do\n return;\n }\n\n // we'll do something with the key so prevent default and stop propagation\n evt.preventDefault();\n evt.stopPropagation();\n\n evt.currentTarget.click();\n };\n\n const onKeyDown = (evt) => {\n if (rootRef?.current == null) {\n // operating outside of a composite widget\n // nothing to manage, just style and trigger clicks\n onSingleHandler(evt);\n return;\n }\n\n // TODO keep the smart default, but allow to explicitly override if disabled elements should be focusable\n const isDisabledFocusable = strategy === \"menu\";\n const focusesList = getFocuses().filter(\n (el) =>\n isDisabledFocusable \|\|\n !el.classList.contains(classes?.disabled as string)\n );\n\n const currentFocus = focusesList.indexOf(evt.currentTarget);\n\n const focuses = {\n first: focusesList[0],\n last: focusesList[focusesList.length - 1],\n previous: focusesList[currentFocus - 1],\n next: focusesList[currentFocus + 1],\n fall: focusesList[currentFocus + navigationJump],\n jump: focusesList[currentFocus - navigationJump],\n };\n\n if (strategy === \"grid\") {\n onGridKeyDownHandler(\n evt,\n focuses,\n focusesList,\n currentFocus,\n navigationJump\n );\n return;\n }\n\n // TODO add property for specifying the composite widget orientation\n // TODO implement handler for horizontal orientation\n onVerticalArrangementHandler(evt, focuses, focusesList);\n };\n\n const onKeyUp = (evt) => {\n if (isBrowser(\"firefox\")) evt.preventDefault();\n };\n\n if (disabled) return children;\n\n const focusWrapper = (childrenToWrap) => (\n <StyledFocusWrapper\n className={clsx(\n classes?.externalReference,\n focusClasses.externalReference\n )}\n >\n {childrenToWrap}\n {showFocus && (\n <StyledFalseFocus\n className={clsx(classes?.falseFocus, focusClasses.falseFocus)}\n />\n )}\n </StyledFocusWrapper>\n );\n\n return (\n <ConditionalWrapper condition={useFalseFocus} wrapper={focusWrapper}>\n <Global styles={focusStyles} />\n {React.cloneElement(children, {\n className: clsx(\n children.props.className,\n focusClasses.root,\n classes?.root,\n filterClass,\n selected && clsx(focusClasses.selected, classes?.selected),\n disabledClass && clsx(focusClasses.disabled, classes?.disabled),\n focusDisabled &&\n clsx(focusClasses.focusDisabled, classes?.focusDisabled)\n ),\n ref: config,\n onFocus,\n onBlur,\n onMouseDown,\n onKeyDown,\n onKeyUp,\n selected,\n })}\n </ConditionalWrapper>\n );\n};\n"],"names":["focusStyles","process","env","NODE_ENV","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","HvFocus","classes","children","configuration","disabledClass","selected","disabled","rootRef","undefined","focusOnClick","focusDisabled","strategy","useFalseFocus","filterClass","navigationJump","showFocus","setShowFocus","useState","childFocus","setChildFocus","hasRunConfig","setHasRunConfig","getFocuses","focuses","current","Array","from","getElementsByClassName","focusClasses","root","setTabIndex","el","tabIndex","elChildFocus","getFocusableChildren","setSelectedTabIndex","firstSelected","find","focus","classList","contains","forEach","clearTabSiblings","onFocusStrategy","evt","currentTarget","onBlurStrategy","document","activeElement","setTimeout","config","focusableChildren","length","child","isNil","addFocusClass","add","focused","split","c","removeFocusClass","element","remove","onFocus","onBlur","onMouseDown","hasCard","querySelector","setFocusTo","focusAndUpdateIndex","nextFocus","previousFocus","focusesList","includes","getEnabledKeys","currentFocusIndex","jump","listSize","right","left","up","down","onGridKeyDownHandler","ArrowUp","ArrowDown","Home","End","ArrowLeft","ArrowRight","Enter","SpaceBar","keyboardCodes","childFocusIsInput","nodeName","isOneOfKeys","isKey","preventDefault","stopPropagation","blockedKeys","keyCode","isBrowser","target","click","last","fall","first","previous","next","onVerticalArrangementHandler","onSingleHandler","onKeyDown","isDisabledFocusable","filter","currentFocus","indexOf","onKeyUp","focusWrapper","childrenToWrap","clsx","externalReference","falseFocus","React","cloneElement","className","props","ref"],"mappings":"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"}

package/dist/esm/components/Footer/Footer.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import clsx from "clsx";
 import footerClasses from "./footerClasses.js";
 import { StyledRoot, StyledName, StyledRightContainer, StyledCopyright, StyledSeparator } from "./Footer.styles.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 const HvFooter = (props) => {
   const {
     name = "Hitachi Vantara",
@@ -13,27 +13,14 @@ const HvFooter = (props) => {
     ...others
   } = props;
   const muiTheme = useTheme();
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    $breakpoints: muiTheme.breakpoints,
-    className: clsx(className, footerClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [/* @__PURE__ */ jsx(StyledName, {
-      $breakpoints: muiTheme.breakpoints,
-      variant: "label",
-      className: clsx(footerClasses.name, classes == null ? void 0 : classes.name),
-      children: name
-    }), /* @__PURE__ */ jsxs(StyledRightContainer, {
-      $breakpoints: muiTheme.breakpoints,
-      children: [/* @__PURE__ */ jsx(StyledCopyright, {
-        $breakpoints: muiTheme.breakpoints,
-        className: clsx(footerClasses.copyright, classes == null ? void 0 : classes.copyright),
-        children: copyright
-      }), links && /* @__PURE__ */ jsx(StyledSeparator, {
-        $breakpoints: muiTheme.breakpoints,
-        className: clsx(footerClasses.separator, classes == null ? void 0 : classes.separator)
-      }), links]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { $breakpoints: muiTheme.breakpoints, className: clsx(className, footerClasses.root, classes == null ? void 0 : classes.root), ...others, children: [
+    /* @__PURE__ */ jsx(StyledName, { $breakpoints: muiTheme.breakpoints, variant: "label", className: clsx(footerClasses.name, classes == null ? void 0 : classes.name), children: name }),
+    /* @__PURE__ */ jsxs(StyledRightContainer, { className: clsx(footerClasses.rightContainer, classes == null ? void 0 : classes.rightContainer), $breakpoints: muiTheme.breakpoints, children: [
+      /* @__PURE__ */ jsx(StyledCopyright, { $breakpoints: muiTheme.breakpoints, className: clsx(footerClasses.copyright, classes == null ? void 0 : classes.copyright), children: copyright }),
+      links && /* @__PURE__ */ jsx(StyledSeparator, { $breakpoints: muiTheme.breakpoints, className: clsx(footerClasses.separator, classes == null ? void 0 : classes.separator) }),
+      links
+    ] })
+  ] });
 };
 export {
   HvFooter

package/dist/esm/components/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n StyledCopyright,\n StyledName,\n StyledRightContainer,\n StyledRoot,\n StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\n links?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvFooterClasses;\n};\n\n/\n A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n const {\n name = \"Hitachi Vantara\",\n copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n links,\n classes,\n className,\n ...others\n } = props;\n const muiTheme = useTheme();\n\n return (\n <StyledRoot\n $breakpoints={muiTheme.breakpoints}\n className={clsx(className, footerClasses.root, classes?.root)}\n {...others}\n >\n <StyledName\n $breakpoints={muiTheme.breakpoints}\n variant=\"label\"\n className={clsx(footerClasses.name, classes?.name)}\n >\n {name}\n </StyledName>\n <StyledRightContainer $breakpoints={muiTheme.breakpoints}>\n <StyledCopyright\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.copyright, classes?.copyright)}\n >\n {copyright}\n </StyledCopyright>\n {links && (\n <StyledSeparator\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.separator, classes?.separator)}\n />\n )}\n {links}\n </StyledRightContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","~~StyledRoot","$~~breakpoints","~~breakpoints","~~clsx","footerClasses","root","~~children~~","~~_jsx","StyledName","variant","_jsxs","StyledRightContainer","StyledCopyright","StyledSeparator","~~separator"],"mappings":";;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,oCAAgC,IAAIC,KAAAA,EAAOC;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC;AAEjB,~~8BACGC~~,~~YAAU;AAAA~~,~~IACTC~~,~~cAAcH~~,~~SAASI;AAAAA~~,~~IACvBN~~,~~WAAWO~~,~~KAAKP~~,~~WAAWQ~~,cAAcC,~~MAAMV~~,~~mCAASU~~,IAAI~~;AAAA~~,~~IAAE~~,~~GAC1DR;AAAAA~~,~~IAAMS~~,UAAA,~~CAEVC~~,~~oBAACC~~,~~YAAU;AAAA~~,~~MACTP~~,~~cAAcH~~,~~SAASI;AAAAA~~,~~MACvBO~~,SAAQ~~;AAAA~~,~~MACRb~~,~~WAAWO~~,KAAKC,~~cAAcd~~,MAAMK,mCAASL,IAAI;AAAA,~~MAAEgB~~,~~UAElDhB;AAAAA~~,~~IAAAA~~,~~CACU~~,~~GACboB~~,~~qBAACC~~,~~sBAAoB;AAAA~~,~~MAACV~~,~~cAAcH~~,~~SAASI;AAAAA~~,~~MAAYI~~,~~UAAA~~,~~CACvDC~~,~~oBAACK~~,~~iBAAe~~;AAAA,~~QACdX~~,~~cAAcH~~,~~SAASI;AAAAA~~,~~QACvBN~~,~~WAAWO~~,KAAKC,~~cAAcb~~,WAAWI,mCAASJ,SAAS~~;AAAA~~,~~QAAEe~~,~~UAE5Df;AAAAA~~,~~MAAAA~~,~~CAAS~~,~~GAEXG~~,~~SACCa~~,~~oBAACM~~,~~iBAAe;AAAA~~,~~QACdZ~~,~~cAAcH~~,~~SAASI;AAAAA~~,~~QACvBN~~,~~WAAWO~~,KAAKC,~~cAAcU~~,~~WAAWnB~~,~~mCAASmB~~,SAAS~~;AAAA~~,~~MAAE~~,CAAA~~,GAGhEpB,KAAK~~;AAAA,~~IAAA~~,~~CACe~~,~~CAAA~~;AAAA,EAAA,~~CACZ~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n StyledCopyright,\n StyledName,\n StyledRightContainer,\n StyledRoot,\n StyledSeparator,\n} from \"./Footer.styles\";\n\nexport type HvFooterProps = HvBaseProps & {\n name?: React.ReactNode;\n copyright?: React.ReactNode;\n links?: React.ReactNode;\n /** A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvFooterClasses;\n};\n\n/\n A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n const {\n name = \"Hitachi Vantara\",\n copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n links,\n classes,\n className,\n ...others\n } = props;\n const muiTheme = useTheme();\n\n return (\n <StyledRoot\n $breakpoints={muiTheme.breakpoints}\n className={clsx(className, footerClasses.root, classes?.root)}\n {...others}\n >\n <StyledName\n $breakpoints={muiTheme.breakpoints}\n variant=\"label\"\n className={clsx(footerClasses.name, classes?.name)}\n >\n {name}\n </StyledName>\n <StyledRightContainer\n className={clsx(footerClasses.rightContainer, classes?.rightContainer)}\n $breakpoints={muiTheme.breakpoints}\n >\n <StyledCopyright\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.copyright, classes?.copyright)}\n >\n {copyright}\n </StyledCopyright>\n {links && (\n <StyledSeparator\n $breakpoints={muiTheme.breakpoints}\n className={clsx(footerClasses.separator, classes?.separator)}\n />\n )}\n {links}\n </StyledRightContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","muiTheme","useTheme","breakpoints","clsx","footerClasses","root","rightContainer","separator"],"mappings":";;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,oCAAgC,IAAIC,KAAAA,EAAOC;IACxDC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDR,IAAAA;AACJ,QAAMS,WAAWC;AAEjB,SACG,qBAAA,YAAA,EACC,cAAcD,SAASE,aACvB,WAAWC,KAAKL,WAAWM,cAAcC,MAAMR,mCAASQ,IAAI,GAC5D,GAAIN,QAEJ,UAAA;AAAA,IAAA,oBAAC,YACC,EAAA,cAAcC,SAASE,aACvB,SAAQ,SACR,WAAWC,KAAKC,cAAcZ,MAAMK,mCAASL,IAAI,GAEhDA,UACH,MAAA;AAAA,IACA,qBAAC,sBACC,EAAA,WAAWW,KAAKC,cAAcE,gBAAgBT,mCAASS,cAAc,GACrE,cAAcN,SAASE,aAEvB,UAAA;AAAA,MAAC,oBAAA,iBAAA,EACC,cAAcF,SAASE,aACvB,WAAWC,KAAKC,cAAcX,WAAWI,mCAASJ,SAAS,GAE1DA,UACH,UAAA,CAAA;AAAA,MACCG,SACC,oBAAC,iBACC,EAAA,cAAcI,SAASE,aACvB,WAAWC,KAAKC,cAAcG,WAAWV,mCAASU,SAAS,EAE9D,CAAA;AAAA,MACAX;AAAAA,IAAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Footer/footerClasses.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "name", "copyright", "separator"];
+const classKeys = ["root", "name", "copyright", "separator", "rightContainer"];
 const footerClasses = getClasses(classKeys, "HvFooter");
 const footerClasses$1 = footerClasses;
 export {

package/dist/esm/components/Footer/footerClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"footerClasses.js","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvFooterClasses = {\n root?: string;\n name?: string;\n copyright?: string;\n separator?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"name\", \"copyright\", \"separator\"];\n\nconst footerClasses = getClasses<HvFooterClasses>(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";~~AASA~~,MAAMA,YAAsB,~~CAAC~~,~~QAAQ~~,~~QAAQ~~,~~aAAa~~,~~WAAW~~;~~AAErE~~,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}
1	+ {"version":3,"file":"footerClasses.js","sources":["../../../../src/components/Footer/footerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvFooterClasses = {\n root?: string;\n name?: string;\n copyright?: string;\n separator?: string;\n rightContainer?: string;\n};\n\nconst classKeys: string[] = [\n \"root\",\n \"name\",\n \"copyright\",\n \"separator\",\n \"rightContainer\",\n];\n\nconst footerClasses = getClasses<HvFooterClasses>(classKeys, \"HvFooter\");\n\nexport default footerClasses;\n"],"names":["classKeys","footerClasses","getClasses"],"mappings":";AAUA,MAAMA,YAAsB,CAC1B,QACA,QACA,aACA,aACA,gBAAgB;AAGlB,MAAMC,gBAAgBC,WAA4BF,WAAW,UAAU;AAEvE,MAAA,kBAAeC;"}

package/dist/esm/components/Forms/Adornment/Adornment.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import clsx from "clsx";
 import { StyledButton, StyledIcon, StyledRoot } from "./Adornment.styles.js";
 import adornmentClasses from "./adornmentClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementDescriptorsContext } from "../FormElement/context/FormElementDescriptorsContext.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 const preventDefault = (event) => event.preventDefault();
@@ -27,34 +27,7 @@ const HvAdornment = forwardRef(({
   } = useContext(HvFormElementDescriptorsContext);
   const displayIcon = isVisible != null ? isVisible : showWhen === void 0 || elementStatus === showWhen;
   const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsx(StyledButton, {
-    id,
-    ref,
-    type: "button",
-    tabIndex: -1,
-    "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id,
-    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
-    onClick,
-    onMouseDown: preventDefault,
-    onKeyDown: noop,
-    $hideIcon: !displayIcon,
-    ...others,
-    children: /* @__PURE__ */ jsx(StyledIcon, {
-      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
-      children: icon
-    })
-  }) : /* @__PURE__ */ jsx(StyledRoot, {
-    id,
-    ref,
-    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
-    $hideIcon: !displayIcon,
-    role: "presentation",
-    ...others,
-    children: /* @__PURE__ */ jsx(StyledIcon, {
-      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
-      children: icon
-    })
-  });
+  return isClickable ? /* @__PURE__ */ jsx(StyledButton, { id, ref, type: "button", tabIndex: -1, "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id, className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)), onClick, onMouseDown: preventDefault, onKeyDown: noop, $hideIcon: !displayIcon, ...others, children: /* @__PURE__ */ jsx(StyledIcon, { className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon), children: icon }) }) : /* @__PURE__ */ jsx(StyledRoot, { id, ref, className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)), $hideIcon: !displayIcon, role: "presentation", ...others, children: /* @__PURE__ */ jsx(StyledIcon, { className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon), children: icon }) });
 });
 export {
   HvAdornment

package/dist/esm/components/Forms/Adornment/Adornment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n HTMLDivElement \| HTMLButtonElement,\n { onMouseDown; onKeyDown }\n> & {\n /** The icon to be added into the input. /\n icon: React.ReactNode;\n /* When the adornment should be displayed. /\n showWhen?: HvFormStatus;\n /* Function to be executed when this element is clicked. /\n onClick?: MouseEventHandler<HTMLButtonElement> \| undefined;\n /* If this property is defined the adornment visibility will be exclusively controlled by this value. /\n isVisible?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAdornmentClasses;\n};\n\n/\n Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n \n In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n \n As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n HvAdornmentProps\n>(\n (\n {\n id,\n classes,\n className,\n icon,\n showWhen = undefined,\n onClick,\n isVisible = undefined,\n ...others\n },\n ref\n ) => {\n const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n const { input } = useContext(HvFormElementDescriptorsContext);\n\n const displayIcon =\n isVisible ?? (showWhen === undefined \|\| elementStatus === showWhen);\n\n const isClickable = !!onClick;\n\n return isClickable ? (\n <StyledButton\n id={id}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n type=\"button\"\n tabIndex={-1}\n aria-controls={input?.[0]?.id}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentButton,\n classes?.adornmentButton,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n onClick={onClick}\n onMouseDown={preventDefault}\n onKeyDown={noop}\n $hideIcon={!displayIcon}\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledButton>\n ) : (\n <StyledRoot\n id={id}\n ref={ref as ForwardedRef<HTMLDivElement>}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentIcon,\n classes?.adornmentIcon,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n $hideIcon={!displayIcon}\n role=\"presentation\"\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledRoot>\n );\n }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","~~StyledButton","type","tabIndex","~~clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","~~onMouseDown","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","~~adornmentIcon"~~,"role"~~],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,KACTG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,gCAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,~~kCACJC~~,~~cAAY;AAAA~~,~~IACXjB;AAAAA~~,~~IACAS;AAAAA~~,~~IACAS~~,MAAK~~;AAAA~~,~~IACLC~~,UAAU~~;AAAA~~,IACV,~~kBAAeN~~,oCAAQ,OAARA,mBAAYb~~;AAAAA~~,~~IAC3BE~~,~~WAAWkB~~,~~KACTlB~~,~~WACAmB~~,iBAAiBC,~~MACjBrB~~,~~mCAASqB~~,MACTD,iBAAiBE,~~WACjBtB~~,~~mCAASsB~~,WACTF,iBAAiBG,~~iBACjBvB~~,~~mCAASuB~~,iBACT,~~CAACT~~,~~eAAeK~~,KAAKC,iBAAiBI,~~UAAUxB~~,~~mCAASwB~~,QAAQ,CAAC~~;AAAA~~,~~IAEpEnB;AAAAA~~,~~IACAoB~~,~~aAAa/B;AAAAA~~,~~IACbgC~~,~~WAAW9B;AAAAA~~,~~IACX+B~~,WAAW,~~CAACb;AAAAA~~,~~IAAY~~,~~GACpBP;AAAAA~~,~~IAAMqB~~,~~8BAETC~~,~~YAAU;AAAA~~,~~MAAC5B~~,~~WAAWkB~~,KAAKC,~~iBAAiBlB~~,MAAMF,mCAASE,IAAI~~;AAAA~~,~~MAAE0B~~,~~UAC/D1B;AAAAA~~,~~IAAAA~~,~~CAAI;AAAA~~,~~EAAA~~,~~CAEM~~,~~IAEf4B~~,~~oBAACC~~,~~YAAU;AAAA~~,~~IACThC;AAAAA~~,~~IACAS;AAAAA~~,~~IACAP~~,~~WAAWkB~~,~~KACTlB~~,~~WACAmB~~,iBAAiBC,~~MACjBrB~~,~~mCAASqB~~,MACTD,iBAAiBE,~~WACjBtB~~,~~mCAASsB~~,WACTF,~~iBAAiBY~~,~~eACjBhC~~,~~mCAASgC~~,eACT,~~CAAClB~~,~~eAAeK~~,KAAKC,iBAAiBI,~~UAAUxB~~,~~mCAASwB~~,QAAQ,CAAC~~;AAAA~~,~~IAEpEG~~,WAAW,~~CAACb;AAAAA~~,~~IACZmB~~,MAAK~~;AAAA~~,~~IAAc~~,~~GACf1B;AAAAA~~,~~IAAMqB~~,~~8BAETC~~,~~YAAU;AAAA~~,~~MAAC5B~~,~~WAAWkB~~,KAAKC,~~iBAAiBlB~~,MAAMF,mCAASE,IAAI~~;AAAA~~,~~MAAE0B~~,~~UAC/D1B;AAAAA~~,~~IAAAA~~,~~CAAI;AAAA~~,~~EAAA~~,~~CAGV~~;~~AACH~~,CAAC;"}
1	+ {"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n HvFormElementContext,\n HvFormElementDescriptorsContext,\n HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\nexport type HvAdornmentProps = HvBaseProps<\n HTMLDivElement \| HTMLButtonElement,\n { onMouseDown; onKeyDown }\n> & {\n /** The icon to be added into the input. /\n icon: React.ReactNode;\n /* When the adornment should be displayed. /\n showWhen?: HvFormStatus;\n /* Function to be executed when this element is clicked. /\n onClick?: MouseEventHandler<HTMLButtonElement> \| undefined;\n /* If this property is defined the adornment visibility will be exclusively controlled by this value. /\n isVisible?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvAdornmentClasses;\n};\n\n/\n Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n \n In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n \n As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n HTMLDivElement \| HTMLButtonElement,\n HvAdornmentProps\n>(\n (\n {\n id,\n classes,\n className,\n icon,\n showWhen = undefined,\n onClick,\n isVisible = undefined,\n ...others\n },\n ref\n ) => {\n const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n const { input } = useContext(HvFormElementDescriptorsContext);\n\n const displayIcon =\n isVisible ?? (showWhen === undefined \|\| elementStatus === showWhen);\n\n const isClickable = !!onClick;\n\n return isClickable ? (\n <StyledButton\n id={id}\n ref={ref as ForwardedRef<HTMLButtonElement>}\n type=\"button\"\n tabIndex={-1}\n aria-controls={input?.[0]?.id}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentButton,\n classes?.adornmentButton,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n onClick={onClick}\n onMouseDown={preventDefault}\n onKeyDown={noop}\n $hideIcon={!displayIcon}\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledButton>\n ) : (\n <StyledRoot\n id={id}\n ref={ref as ForwardedRef<HTMLDivElement>}\n className={clsx(\n className,\n adornmentClasses.root,\n classes?.root,\n adornmentClasses.adornment,\n classes?.adornment,\n adornmentClasses.adornmentIcon,\n classes?.adornmentIcon,\n !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n )}\n $hideIcon={!displayIcon}\n role=\"presentation\"\n {...others}\n >\n <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n {icon}\n </StyledIcon>\n </StyledRoot>\n );\n }\n);\n"],"names":["preventDefault","event","noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","adornmentIcon"],"mappings":";;;;;;;AAWA,MAAMA,iBAAkBC,CAAUA,UAAAA,MAAMD,eAAgB;AACxD,MAAME,OAAOA,MAAM;AAAC;AA6BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,KACTG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,gCAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJ,cACC,EAAA,IACA,KACA,MAAK,UACL,UAAU,IACV,kBAAeH,oCAAQ,OAARA,mBAAYb,IAC3B,WAAWiB,KACTf,WACAgB,iBAAiBC,MACjBlB,mCAASkB,MACTD,iBAAiBE,WACjBnB,mCAASmB,WACTF,iBAAiBG,iBACjBpB,mCAASoB,iBACT,CAACN,eAAeE,KAAKC,iBAAiBI,UAAUrB,mCAASqB,QAAQ,CAAC,GAEpE,SACA,aAAa3B,gBACb,WAAWE,MACX,WAAW,CAACkB,aACRP,GAAAA,QAEJ,UAAA,oBAAC,YAAW,EAAA,WAAWS,KAAKC,iBAAiBf,MAAMF,mCAASE,IAAI,GAC7DA,UACH,KAAA,CAAA,EACF,CAAA,IAEC,oBAAA,YAAA,EACC,IACA,KACA,WAAWc,KACTf,WACAgB,iBAAiBC,MACjBlB,mCAASkB,MACTD,iBAAiBE,WACjBnB,mCAASmB,WACTF,iBAAiBK,eACjBtB,mCAASsB,eACT,CAACR,eAAeE,KAAKC,iBAAiBI,UAAUrB,mCAASqB,QAAQ,CAAC,GAEpE,WAAW,CAACP,aACZ,MAAK,gBACL,GAAIP,QAEJ,UAAA,oBAAC,YAAW,EAAA,WAAWS,KAAKC,iBAAiBf,MAAMF,mCAASE,IAAI,GAC7DA,UAAAA,KACH,CAAA,EACF,CAAA;AAEJ,CAAC;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.js CHANGED Viewed

@@ -1,8 +1,8 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from "react";
 import clsx from "clsx";
 import { StyledRoot, StyledTypography } from "./CharCounter.styles.js";
 import charCounterClasses from "./charCounterClasses.js";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
 import { setId } from "../../../utils/setId.js";
 const HvCharCounter = ({
@@ -25,32 +25,10 @@ const HvCharCounter = ({
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /* @__PURE__ */ jsxs(StyledRoot, {
-    id: localId,
-    className: clsx(className, charCounterClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx(charCounterClasses.gutter, classes == null ? void 0 : classes.gutter)),
-    $counterDisabled: !!localDisabled,
-    $gutter: !disableGutter,
-    "aria-live": "polite",
-    "aria-disabled": localDisabled,
-    ...others,
-    children: [/* @__PURE__ */ jsx(StyledTypography, {
-      id: currentId,
-      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
-      variant: "label",
-      component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
-      children: currentCharQuantity
-    }), /* @__PURE__ */ jsx(StyledTypography, {
-      id: maxQuantityId,
-      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
-      variant: "body",
-      component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
-      children: ` ${separator} ${maxCharQuantity}`
-    })]
-  });
+  return /* @__PURE__ */ jsxs(StyledRoot, { id: localId, className: clsx(className, charCounterClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx(charCounterClasses.gutter, classes == null ? void 0 : classes.gutter)), $counterDisabled: !!localDisabled, $gutter: !disableGutter, "aria-live": "polite", "aria-disabled": localDisabled, ...others, children: [
+    /* @__PURE__ */ jsx(StyledTypography, { id: currentId, className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "label", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: currentCharQuantity }),
+    /* @__PURE__ */ jsx(StyledTypography, { id: maxQuantityId, className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)), variant: "body", component: "label", $overloaded: isOverloaded && !localDisabled, $counterDisabled: !!localDisabled, children: ` ${separator} ${maxCharQuantity}` })
+  ] });
 };
 export {
   HvCharCounter

package/dist/esm/components/Forms/CharCounter/CharCounter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n};\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n}: HvCharCounterProps) => {\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <StyledRoot\n id={localId}\n className={clsx(\n className,\n charCounterClasses.root,\n classes?.root,\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n )}\n $counterDisabled={!!localDisabled}\n $gutter={!disableGutter}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <StyledTypography\n id={currentId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"label\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {currentCharQuantity}\n </StyledTypography>\n <StyledTypography\n id={maxQuantityId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"body\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {` ${separator} ${maxCharQuantity}`}\n </StyledTypography>\n </StyledRoot>\n );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","~~StyledRoot","~~clsx","charCounterClasses","root","counterDisabled","gutter","~~$counterDisabled","$gutter","children","_jsx","StyledTypography","~~overloaded"~~,"variant","component","$overloaded"~~],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,kBAAMU,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,~~8BACGkB~~,~~YAAU;AAAA~~,~~IACTd~~,~~IAAIS;AAAAA~~,~~IACJV~~,~~WAAWgB~~,~~KACThB~~,~~WACAiB~~,mBAAmBC,~~MACnBnB~~,~~mCAASmB~~,~~MACTT~~,~~iBACEO~~,KAAKC,mBAAmBE,~~iBAAiBpB~~,~~mCAASoB~~,eAAe,GACnE,~~CAAChB~~,~~iBAAiBa~~,KAAKC,mBAAmBG,~~QAAQrB~~,~~mCAASqB~~,MAAM,CAAC~~;AAAA~~,~~IAEpEC~~,kBAAkB,CAAC,~~CAACZ;AAAAA~~,~~IACpBa~~,SAAS,~~CAACnB;AAAAA~~,~~IACV~~,aAAU~~;AAAA~~,~~IACV~~,iBAAeM~~;AAAAA~~,~~IAAc~~,~~GACzBL;AAAAA~~,~~IAAMmB~~,UAAA,~~CAEVC~~,~~oBAACC~~,~~kBAAgB;AAAA~~,~~MACfxB~~,~~IAAIW;AAAAA~~,~~MACJZ~~,~~WAAWgB~~,~~KACTF~~,gBACE,CAACL,~~iBACDO~~,KAAKC,~~mBAAmBS~~,~~YAAY3B~~,~~mCAAS2B~~,UAAU,~~GACzDjB~~,~~iBACEO~~,KAAKC,mBAAmBE,~~iBAAiBpB~~,~~mCAASoB~~,eAAe,CAAC~~;AAAA~~,~~MAEtEQ~~,SAAQ~~;AAAA~~,~~MACRC~~,WAAU~~;AAAA~~,~~MACVC~~,~~aAAaf~~,gBAAgB,CAACL~~;AAAAA~~,~~MAC9BY~~,kBAAkB,CAAC,~~CAACZ;AAAAA~~,~~MAAcc~~,~~UAEjCzB~~;~~AAAAA~~,~~IAAAA~~,~~CACgB~~,~~GACnB0B~~,~~oBAACC~~,~~kBAAgB;AAAA~~,~~MACfxB~~,~~IAAIY;AAAAA~~,~~MACJb,WAAWgB,KACTF,~~gBACE,CAACL,~~iBACDO~~,KAAKC,~~mBAAmBS~~,~~YAAY3B~~,~~mCAAS2B~~,UAAU,~~GACzDjB~~,~~iBACEO~~,KAAKC,mBAAmBE,~~iBAAiBpB~~,~~mCAASoB~~,eAAe,CAAC~~;AAAA~~,~~MAEtEQ~~,SAAQ~~;AAAA~~,~~MACRC~~,WAAU~~;AAAA~~,~~MACVC~~,~~aAAaf~~,gBAAgB,CAACL~~;AAAAA~~,~~MAC9BY~~,kBAAkB,CAAC,~~CAACZ;AAAAA~~,~~MAAcc~~,~~UAEhC~~,~~IAAG3B~~,aAAaC~~;AAAAA~~,~~IAAAA,CACD,CAAA~~;AAAA,EAAA,~~CACR~~;~~AAEjB~~;"}
1	+ {"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { setId } from \"../../../utils\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport type HvCharCounterProps = HvBaseProps & {\n /** The string that separates the current char quantity from the max quantity. /\n separator?: string;\n /* The maximum allowed length of the characters. /\n maxCharQuantity: number;\n /* The current char quantity to be rendered. /\n currentCharQuantity?: number;\n /* If `true` the counter is disabled. /\n disabled?: boolean;\n /* If `true` the info message won't have margins. /\n disableGutter?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvCharCounterClasses;\n};\n\n/\n Displays the capacity and current usage of a text input box (character count by default).\n \n Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = ({\n separator = \"/\",\n maxCharQuantity,\n currentCharQuantity = 0,\n classes,\n className,\n id,\n disabled,\n disableGutter = false,\n ...others\n}: HvCharCounterProps) => {\n const { elementId, elementDisabled } = useContext(HvFormElementContext);\n const localDisabled = disabled \|\| elementDisabled;\n const localId = id ?? setId(elementId, \"counter\");\n const currentId = setId(localId, \"currentQuantity\");\n const maxQuantityId = setId(localId, \"maxQuantity\");\n const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n return (\n <StyledRoot\n id={localId}\n className={clsx(\n className,\n charCounterClasses.root,\n classes?.root,\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n )}\n $counterDisabled={!!localDisabled}\n $gutter={!disableGutter}\n aria-live=\"polite\"\n aria-disabled={localDisabled}\n {...others}\n >\n <StyledTypography\n id={currentId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"label\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {currentCharQuantity}\n </StyledTypography>\n <StyledTypography\n id={maxQuantityId}\n className={clsx(\n isOverloaded &&\n !localDisabled &&\n clsx(charCounterClasses.overloaded, classes?.overloaded),\n localDisabled &&\n clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n )}\n variant=\"body\"\n component=\"label\"\n $overloaded={isOverloaded && !localDisabled}\n $counterDisabled={!!localDisabled}\n >\n {` ${separator} ${maxCharQuantity}`}\n </StyledTypography>\n </StyledRoot>\n );\n};\n"],"names":["HvCharCounter","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","clsx","charCounterClasses","root","counterDisabled","gutter","overloaded"],"mappings":";;;;;;;AA6BO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,YAAY;AAAA,EACZC;AAAAA,EACAC,sBAAsB;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AAAA,KACbC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBP,YAAYI;AAClC,QAAMI,UAAUT,kBAAMU,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAehB,sBAAsBD;AAE3C,8BACG,YACC,EAAA,IAAIa,SACJ,WAAWK,KACTf,WACAgB,mBAAmBC,MACnBlB,mCAASkB,MACTR,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,GACnE,CAACf,iBAAiBY,KAAKC,mBAAmBG,QAAQpB,mCAASoB,MAAM,CAAC,GAEpE,kBAAkB,CAAC,CAACV,eACpB,SAAS,CAACN,eACV,aAAU,UACV,iBAAeM,eACf,GAAIL,QAEJ,UAAA;AAAA,IAAA,oBAAC,kBACC,EAAA,IAAIQ,WACJ,WAAWG,KACTD,gBACE,CAACL,iBACDM,KAAKC,mBAAmBI,YAAYrB,mCAASqB,UAAU,GACzDX,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,CAAC,GAEtE,SAAQ,SACR,WAAU,SACV,aAAaJ,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAEnBX,UACH,qBAAA;AAAA,wBACC,kBACC,EAAA,IAAIe,eACJ,WAAWE,KACTD,gBACE,CAACL,iBACDM,KAAKC,mBAAmBI,YAAYrB,mCAASqB,UAAU,GACzDX,iBACEM,KAAKC,mBAAmBE,iBAAiBnB,mCAASmB,eAAe,CAAC,GAEtE,SAAQ,QACR,WAAU,SACV,aAAaJ,gBAAgB,CAACL,eAC9B,kBAAkB,CAAC,CAACA,eAElB,UAAA,IAAGb,aAAaC,mBACpB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/components/Forms/FormElement/FormElement.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { jsx } from "@emotion/react/jsx-runtime";
 import { useMemo } from "react";
 import clsx from "clsx";
 import { findDescriptors } from "./utils/FormUtils.js";
@@ -5,7 +6,6 @@ import { HvFormElementContextProvider } from "./context/FormElementContext.js";
 import { HvFormElementValueContextProvider } from "./context/FormElementValueContext.js";
 import { HvFormElementDescriptorsContextProvider } from "./context/FormElementDescriptorsContext.js";
 import formElementClasses from "./formElementClasses.js";
-import { jsx } from "@emotion/react/jsx-runtime";
 import useUniqueId from "../../../hooks/useUniqueId.js";
 const HvFormElement = ({
   classes,
@@ -30,21 +30,7 @@ const HvFormElement = ({
     elementReadOnly: readOnly
   }), [disabled, elementId, name, readOnly, required, status]);
   const descriptors = useMemo(() => findDescriptors(children), [children]);
-  return /* @__PURE__ */ jsx("div", {
-    id,
-    className: clsx(className, formElementClasses.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: /* @__PURE__ */ jsx(HvFormElementContextProvider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, {
-        value,
-        children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, {
-          value: descriptors,
-          children
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx("div", { id, className: clsx(className, formElementClasses.root, classes == null ? void 0 : classes.root), ...others, children: /* @__PURE__ */ jsx(HvFormElementContextProvider, { value: contextValue, children: /* @__PURE__ */ jsx(HvFormElementValueContextProvider, { value, children: /* @__PURE__ */ jsx(HvFormElementDescriptorsContextProvider, { value: descriptors, children }) }) }) });
 };
 HvFormElement.formElementType = "formelement";
 export {