@onewelcome/react-lib-components 7.0.0 → 8.0.0

package/dist/esm/Button/IconButton.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.IconButton-module_sr-only__bAFoF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.IconButton-module_hidden__jITeE{display:none}.IconButton-module_slide-in__gcKNa{animation:IconButton-module_slide-in__gcKNa .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton-module_slide-in__gcKNa{animation-duration:.1ms}}.IconButton-module_slide-out__yNec3{animation:IconButton-module_slide-out__yNec3 .5s forwards}@media (prefers-reduced-motion:reduce){.IconButton-module_slide-out__yNec3{animation-duration:.1ms}}@keyframes IconButton-module_slide-in__gcKNa{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IconButton-module_slide-out__yNec3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.IconButton-module_icon-button__KPXUx{align-items:center;background-color:initial;border:var(--button-border-width) var(--button-border-style) #0000;border-radius:var(--button-border-radius);display:flex;justify-content:center;min-height:auto;padding:0}.IconButton-module_icon-button__KPXUx span{vertical-align:top}.IconButton-module_icon-button__KPXUx.IconButton-module_button-s__YCxBF{height:1.875rem;width:1.875rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-s__YCxBF span{font-size:.75rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-m__mZ8xf{height:2.5rem;width:2.5rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-m__mZ8xf span{font-size:1rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-l__v58e-{height:3.125rem;width:3.125rem}.IconButton-module_icon-button__KPXUx.IconButton-module_button-l__v58e- span{font-size:1.375rem}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz{font-weight:500}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color);color:var(--button-fill-text-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-focused-color);border-color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-pressed-color);border-color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_primary__crR2P:not(:disabled){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_primary__crR2P:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-hover-color);border-color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_primary__crR2P:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_primary__crR2P:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-focused-color);border-color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_primary__crR2P:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-primary-pressed-color);border-color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_success__mO1Wm:not(:disabled){background-color:var(--button-success-default-color);border-color:var(--button-success-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_success__mO1Wm:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-success-hover-color);border-color:var(--button-success-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_success__mO1Wm:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_success__mO1Wm:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-success-focused-color);border-color:var(--button-success-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_success__mO1Wm:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-success-pressed-color);border-color:var(--button-success-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_danger__E5WNv:not(:disabled){background-color:var(--button-danger-default-color);border-color:var(--button-danger-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_danger__E5WNv:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-danger-hover-color);border-color:var(--button-danger-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_danger__E5WNv:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_danger__E5WNv:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-danger-focused-color);border-color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_danger__E5WNv:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-danger-pressed-color);border-color:var(--button-danger-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_default__Eavpt:not(:disabled){background-color:var(--button-default-color);border-color:var(--button-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_default__Eavpt:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_default__Eavpt:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_default__Eavpt:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_default__Eavpt:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_warning__NS225:not(:disabled){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_warning__NS225:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_warning__NS225:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_warning__NS225:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_fill__2tiHz.IconButton-module_warning__NS225:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v{background-color:initial;border-color:#0000;font-weight:500}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled){color:var(--button-primary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_primary__crR2P:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_success__mO1Wm:not(:disabled){color:var(--button-success-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_success__mO1Wm:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-success-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_success__mO1Wm:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_success__mO1Wm:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){color:var(--button-success-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_success__mO1Wm:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-success-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled){color:var(--button-danger-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-danger-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_danger__E5WNv:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-danger-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled){color:var(--button-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-default-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_default__Eavpt:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-default-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled){color:var(--button-warning-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);color:var(--button-warning-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_text__FK29v.IconButton-module_warning__NS225:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);color:var(--button-warning-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B{background-color:var(--white);font-weight:500}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled){border-color:var(--button-primary-default-color);color:var(--button-primary-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-primary-hover-color);color:var(--button-primary-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-primary-focused-color);color:var(--button-primary-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_primary__crR2P:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-primary-pressed-color);color:var(--button-primary-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_success__mO1Wm:not(:disabled){border-color:var(--button-success-default-color);color:var(--button-success-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_success__mO1Wm:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-success-hover-color);color:var(--button-success-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_success__mO1Wm:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_success__mO1Wm:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-success-focused-color);color:var(--button-success-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_success__mO1Wm:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-success-pressed-color);color:var(--button-success-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled){border-color:var(--button-danger-default-color);color:var(--button-danger-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-danger-hover-color);color:var(--button-danger-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-danger-focused-color);color:var(--button-danger-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_danger__E5WNv:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-danger-pressed-color);color:var(--button-danger-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled){border-color:var(--button-default-color);color:var(--button-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-default-hover-color);color:var(--button-default-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-default-focused-color);color:var(--button-default-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_default__Eavpt:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-default-pressed-color);color:var(--button-default-pressed-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):hover:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black10);border-color:var(--button-warning-hover-color);color:var(--button-warning-hover-color)}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):focus-visible:not(.IconButton-module_disabled__-sHLJ),.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):focus:not(.IconButton-module_disabled__-sHLJ){border-color:var(--button-warning-focused-color);color:var(--button-warning-focused-color);outline:2px solid var(--color-focus);outline-offset:2px;position:relative;z-index:2}.IconButton-module_icon-button__KPXUx.IconButton-module_outline__QQo5B.IconButton-module_warning__NS225:not(:disabled):active:not(.IconButton-module_disabled__-sHLJ){background-color:var(--color-black20);border-color:var(--button-warning-pressed-color);color:var(--button-warning-pressed-color)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkljb25CdXR0b24ubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0NBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLGlDQUNFLFlBQ0YsQ0FFQSxtQ0FDRSx3REFDRixDQUNBLHVDQUNFLG1DQUNFLHVCQUNGLENBQ0YsQ0FFQSxvQ0FDRSx5REFDRixDQUNBLHVDQUNFLG9DQUNFLHVCQUNGLENBQ0YsQ0FFQSw2Q0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0EsOENBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRixDQUNBLHNDQU1FLGtCQUFtQixDQUpuQix3QkFBNkIsQ0FEN0Isa0VBQXlFLENBR3pFLHlDQUEwQyxDQUMxQyxZQUFhLENBRWIsc0JBQXVCLENBQ3ZCLGVBQWdCLENBTGhCLFNBT0YsQ0FDQSwyQ0FDRSxrQkFDRixDQUNBLHdFQUVFLGVBQWdCLENBRGhCLGNBRUYsQ0FDQSw2RUFDRSxnQkFDRixDQUNBLHdFQUVFLGFBQWMsQ0FEZCxZQUVGLENBQ0EsNkVBQ0UsY0FDRixDQUNBLHdFQUVFLGVBQWdCLENBRGhCLGNBRUYsQ0FDQSw2RUFDRSxrQkFDRixDQUNBLG9FQUNFLGVBQ0YsQ0FDQSxtRkFFRSxvREFBcUQsQ0FDckQsZ0RBQWlELENBRmpELG1DQUdGLENBQ0EsaUlBQ0Usa0RBQW1ELENBRW5ELDhDQUNGLENBQ0EsMFFBQ0Usb0RBQXFELENBQ3JELGdEQUFpRCxDQUVqRCxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUFrQixDQUdsQixTQUNGLENBQ0Esa0lBQ0Usb0RBQXFELENBRXJELGdEQUNGLENBQ0Esb0hBQ0Usb0RBQXFELENB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c0MsQ0FEdEMsZ0RBQWlELENBRGpELHlDQUdGLENBQ0EsdUhBQ0UsZ0RBQWlELENBQ2pELHlDQUNGLENBQ0EscUtBRUUscUNBQXNDLENBQ3RDLDhDQUErQyxDQUYvQyx1Q0FHRixDQUNBLGtWQUVFLGdEQUFpRCxDQURqRCx5Q0FBMEMsQ0FHMUMsb0NBQXFDLENBQ3JDLGtCQUFtQixDQUZuQixpQkFBa0IsQ0FHbEIsU0FDRixDQUNBLHNLQUdFLHFDQUFzQyxDQUR0QyxnREFBaUQsQ0FEakQseUNBR0YsQ0FDQSxzSEFDRSwrQ0FBZ0QsQ0FDaEQsd0NBQ0YsQ0FDQSxvS0FFRSxxQ0FBc0MsQ0FDdEMsNkNBQThDLENBRjlDLHNDQUdGLENBQ0EsZ1ZBRUUsK0NBQWdELENBRGhELHdDQUF5QyxDQUd6QyxvQ0FBcUMsQ0FDckMsa0JBQW1CLENBRm5CLGlCQUFrQixDQUdsQixTQUNGLENBQ0EscUtBR0UscUNBQXNDLENBRHRDLCtDQUFnRCxDQURoRCx3Q0FHRixDQUNBLHVIQUNFLHdDQUF5QyxDQUN6QyxpQ0FDRixDQUNBLHFLQUVFLHFDQUFzQyxDQUN0Qyw4Q0FBK0MsQ0FGL0MsdUNBR0YsQ0FDQSxrVkFFRSxnREFBaUQsQ0FEakQseUNBQTBDLENBRzFDLG9DQUFxQyxDQUNyQyxrQkFBbUIsQ0FGbkIsaUJBQWtCLENBR2xCLFNBQ0YsQ0FDQSxzS0FHRSxxQ0FBc0MsQ0FEdEMsZ0RBQWlELENBRGpELHlDQUdGLENBQ0EsdUhBQ0UsZ0RBQWlELENBQ2pELHlDQUNGLENBQ0EscUtBRUUscUNBQXNDLENBQ3RDLDhDQUErQyxDQUYvQyx1Q0FHRixDQUNBLGtWQUVFLGdEQUFpRCxDQURqRCx5Q0FBMEMsQ0FHMUMsb0NBQXFDLENBQ3JDLGtCQUFtQixDQUZuQixpQkFBa0IsQ0FHbEIsU0FDRixDQUNBLHNLQUdFLHFDQUFzQyxDQUR0QyxnREFBaUQsQ0FEakQseUNBR0YiLCJmaWxlIjoiSWNvbkJ1dHRvbi5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi5pY29uLWJ1dHRvbiB7XG4gIGJvcmRlcjogdmFyKC0tYnV0dG9uLWJvcmRlci13aWR0aCkgdmFyKC0tYnV0dG9uLWJvcmRlci1zdHlsZSkgdHJhbnNwYXJlbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1idXR0b24tYm9yZGVyLXJhZGl1cyk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBtaW4taGVpZ2h0OiBhdXRvO1xuICAvKiogU2l6ZXMgKiovXG59XG4uaWNvbi1idXR0b24gc3BhbiB7XG4gIHZlcnRpY2FsLWFsaWduOiB0b3A7XG59XG4uaWNvbi1idXR0b24uYnV0dG9uLXMge1xuICB3aWR0aDogMS44NzVyZW07XG4gIGhlaWdodDogMS44NzVyZW07XG59XG4uaWNvbi1idXR0b24uYnV0dG9uLXMgc3BhbiB7XG4gIGZvbnQtc2l6ZTogMC43NXJlbTtcbn1cbi5pY29uLWJ1dHRvbi5idXR0b24tbSB7XG4gIHdpZHRoOiAyLjVyZW07XG4gIGhlaWdodDogMi41cmVtO1xufVxuLmljb24tYnV0dG9uLmJ1dHRvbi1tIHNwYW4ge1xuICBmb250LXNpemU6IDFyZW07XG59XG4uaWNvbi1idXR0b24uYnV0dG9uLWwge1xuICB3aWR0aDogMy4xMjVyZW07XG4gIGhlaWdodDogMy4xMjVyZW07XG59XG4uaWNvbi1idXR0b24uYnV0dG9uLWwgc3BhbiB7XG4gIGZvbnQtc2l6ZTogMS4zNzVyZW07XG59XG4uaWNvbi1idXR0b24uZmlsbCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG4uaWNvbi1idXR0b24uZmlsbDpub3QoOmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZmlsbC10ZXh0LWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZGVmYXVsdC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbDpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGw6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsOm5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICB6LWluZGV4OiAyO1xufVxuLmljb24tYnV0dG9uLmZpbGw6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktcHJlc3NlZC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZGVmYXVsdC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24uZmlsbC5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICB6LWluZGV4OiAyO1xufVxuLmljb24tYnV0dG9uLmZpbGwucHJpbWFyeTpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1wcmVzc2VkLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1kZWZhdWx0LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXN1Y2Nlc3MtaG92ZXItY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsLnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24uZmlsbC5zdWNjZXNzOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLXByZXNzZWQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGwuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1kZWZhdWx0LWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGwuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsLmRhbmdlcjpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24uZmlsbC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItcHJlc3NlZC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24uZmlsbC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtaG92ZXItY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5maWxsLmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24uZmlsbC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGwud2FybmluZzpub3QoOmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWRlZmF1bHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGwud2FybmluZzpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWhvdmVyLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1ob3Zlci1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLmZpbGwud2FybmluZzpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLmZpbGwud2FybmluZzpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctZm9jdXNlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgei1pbmRleDogMjtcbn1cbi5pY29uLWJ1dHRvbi5maWxsLndhcm5pbmc6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuLmljb24tYnV0dG9uLnRleHQucHJpbWFyeTpub3QoOmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnByaW1hcnk6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnByaW1hcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi50ZXh0LnByaW1hcnk6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICB6LWluZGV4OiAyO1xufVxuLmljb24tYnV0dG9uLnRleHQucHJpbWFyeTpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQuc3VjY2Vzczpub3QoOmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXN1Y2Nlc3MtaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi50ZXh0LnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICB6LWluZGV4OiAyO1xufVxuLmljb24tYnV0dG9uLnRleHQuc3VjY2Vzczpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXN1Y2Nlc3MtcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24udGV4dC5kYW5nZXI6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufVxuLmljb24tYnV0dG9uLnRleHQuZGVmYXVsdDpub3QoOmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uaWNvbi1idXR0b24udGV4dC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgei1pbmRleDogMjtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0LmRlZmF1bHQ6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0Lndhcm5pbmc6bm90KDpkaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24udGV4dC53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uaWNvbi1idXR0b24udGV4dC53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24udGV4dC53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgei1pbmRleDogMjtcbn1cbi5pY29uLWJ1dHRvbi50ZXh0Lndhcm5pbmc6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lIHtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2hpdGUpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUucHJpbWFyeTpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZGVmYXVsdC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1kZWZhdWx0LWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLnByaW1hcnk6bm90KDpkaXNhYmxlZCk6aG92ZXI6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tcHJpbWFyeS1ob3Zlci1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzOm5vdCguZGlzYWJsZWQpLCAuaWNvbi1idXR0b24ub3V0bGluZS5wcmltYXJ5Om5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZm9jdXNlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXByaW1hcnktZm9jdXNlZC1jb2xvcik7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWNvbG9yLWZvY3VzKTtcbiAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgei1pbmRleDogMjtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLnByaW1hcnk6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LXByZXNzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LXByZXNzZWQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazIwKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLnN1Y2Nlc3M6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWRlZmF1bHQtY29sb3IpO1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXN1Y2Nlc3MtZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5zdWNjZXNzOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXN1Y2Nlc3MtaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuc3VjY2Vzczpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuc3VjY2Vzczpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1zdWNjZXNzLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5zdWNjZXNzOm5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tc3VjY2Vzcy1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2syMCk7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kYW5nZXI6bm90KDpkaXNhYmxlZCkge1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItZGVmYXVsdC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItaG92ZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1ibGFjazEwKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLmRhbmdlcjpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuZGFuZ2VyOm5vdCg6ZGlzYWJsZWQpOmZvY3VzLXZpc2libGU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGFuZ2VyLWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kYW5nZXI6bm90KDpkaXNhYmxlZCk6YWN0aXZlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kYW5nZXItcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRhbmdlci1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2syMCk7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1jb2xvcik7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmhvdmVyOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLWRlZmF1bHQtaG92ZXItY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpmb2N1czpub3QoLmRpc2FibGVkKSwgLmljb24tYnV0dG9uLm91dGxpbmUuZGVmYXVsdDpub3QoOmRpc2FibGVkKTpmb2N1cy12aXNpYmxlOm5vdCguZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWZvY3VzZWQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi1kZWZhdWx0LWZvY3VzZWQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG4gIHotaW5kZXg6IDI7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS5kZWZhdWx0Om5vdCg6ZGlzYWJsZWQpOmFjdGl2ZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1wcmVzc2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24tZGVmYXVsdC1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2syMCk7XG59XG4uaWNvbi1idXR0b24ub3V0bGluZS53YXJuaW5nOm5vdCg6ZGlzYWJsZWQpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1kZWZhdWx0LWNvbG9yKTtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWRlZmF1bHQtY29sb3IpO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUud2FybmluZzpub3QoOmRpc2FibGVkKTpob3Zlcjpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1ob3Zlci1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJ1dHRvbi13YXJuaW5nLWhvdmVyLWNvbG9yKTtcbn1cbi5pY29uLWJ1dHRvbi5vdXRsaW5lLndhcm5pbmc6bm90KDpkaXNhYmxlZCk6Zm9jdXM6bm90KC5kaXNhYmxlZCksIC5pY29uLWJ1dHRvbi5vdXRsaW5lLndhcm5pbmc6bm90KDpkaXNhYmxlZCk6Zm9jdXMtdmlzaWJsZTpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1mb2N1c2VkLWNvbG9yKTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1idXR0b24td2FybmluZy1mb2N1c2VkLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICB6LWluZGV4OiAyO1xufVxuLmljb24tYnV0dG9uLm91dGxpbmUud2FybmluZzpub3QoOmRpc2FibGVkKTphY3RpdmU6bm90KC5kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tYnV0dG9uLXdhcm5pbmctcHJlc3NlZC1jb2xvcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMjApO1xufSJdfQ== */";
+var classes = {"sr-only":"IconButton-module_sr-only__bAFoF","hidden":"IconButton-module_hidden__jITeE","slide-in":"IconButton-module_slide-in__gcKNa","slide-out":"IconButton-module_slide-out__yNec3","icon-button":"IconButton-module_icon-button__KPXUx","button-s":"IconButton-module_button-s__YCxBF","button-m":"IconButton-module_button-m__mZ8xf","button-l":"IconButton-module_button-l__v58e-","fill":"IconButton-module_fill__2tiHz","disabled":"IconButton-module_disabled__-sHLJ","primary":"IconButton-module_primary__crR2P","success":"IconButton-module_success__mO1Wm","danger":"IconButton-module_danger__E5WNv","default":"IconButton-module_default__Eavpt","warning":"IconButton-module_warning__NS225","text":"IconButton-module_text__FK29v","outline":"IconButton-module_outline__QQo5B"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=IconButton.module.scss.esm.js.map

package/dist/esm/Button/IconButton.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/Button/Spinner.esm.js

@@ -1,2 +1,22 @@
-import C from"react";const e=e=>C.createElement("svg",{...e,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},C.createElement("path",{d:"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z",fill:"#5D607E"}));export{e as Spinner};
+import React from 'react';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const Spinner = props => (React.createElement("svg", { ...props, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { d: "M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z", fill: "#5D607E" })));
+
+export { Spinner };
 //# sourceMappingURL=Spinner.esm.js.map

package/dist/esm/Button/Spinner.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.esm.js","sources":["../../../../../src/components/Button/Spinner.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\n\nexport const Spinner: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    {...props}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z\"\n      fill=\"#5D607E\"\n    />\n  </svg>\n);\n"],"names":["Spinner","props","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":"qBAkBO,MAAMA,EAAmDC,GAC9DC,EAAAC,cAAA,MAAA,IACMF,EACJG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENN,EACEC,cAAA,OAAA,CAAAM,EAAE,+wBACFF,KAAK"}
+{"version":3,"file":"Spinner.esm.js","sources":["../../../../../src/components/Button/Spinner.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React from \"react\";\n\nexport const Spinner: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n  <svg\n    {...props}\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M24 12C24 13.8937 23.5518 15.7606 22.6921 17.4479C21.8323 19.1352 20.5855 20.5951 19.0534 21.7082C17.5214 22.8213 15.7476 23.556 13.8772 23.8523C12.0068 24.1485 10.0928 23.9979 8.2918 23.4127C6.49076 22.8275 4.85378 21.8243 3.51472 20.4853C2.17565 19.1462 1.17251 17.5092 0.587322 15.7082C0.00212849 13.9072 -0.148504 11.9932 0.14774 10.1228C0.443984 8.25238 1.17869 6.47863 2.2918 4.94658L3.91307 6.1245C2.98585 7.4007 2.37384 8.87823 2.12707 10.4363C1.8803 11.9943 2.00577 13.5887 2.49324 15.0889C2.9807 16.5892 3.81632 17.9528 4.93176 19.0682C6.0472 20.1837 7.4108 21.0193 8.91107 21.5068C10.4113 21.9942 12.0057 22.1197 13.5637 21.8729C15.1218 21.6262 16.5993 21.0141 17.8755 20.0869C19.1517 19.1597 20.1903 17.9436 20.9065 16.5381C21.6227 15.1326 21.996 13.5775 21.996 12H24Z\"\n      fill=\"#5D607E\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;AAcG;AAII,MAAM,OAAO,GAA4C,KAAK,KACnE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA;IAElC,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,8wBAA8wB,EAChxB,IAAI,EAAC,SAAS,EAAA,CACd,CACE;;;;"}

package/dist/esm/ContextMenu/ContextMenu.esm.js

@@ -1,2 +1,99 @@
-import e,{useRef as o,createRef as t,useState as n,useEffect as r,useCallback as s}from"react";import{Popover as c}from"../Popover/Popover.esm.js";import l from"./ContextMenu.module.esm.js";import{useBodyClick as a}from"../src/hooks/useBodyClick.esm.js";import{createPortal as i}from"react-dom";import{useGetDomRoot as m}from"../src/hooks/useGetDomRoot.esm.js";import{useFocusAnchorElement as u,useDefaultOffset as d,useArrowNavigation as f}from"./ContextMenuService.esm.js";import{generateID as p}from"../src/util/helper.esm.js";const h=({trigger:h,children:v,decorativeElement:C,id:x=`ID-${p()}`,show:g=false,onShow:w,onClose:E,placement:M={horizontal:"right",vertical:"top"},offset:S,transformOrigin:I={horizontal:"left",vertical:"top"},debounceAmount:j,domRoot:k,popoverProps:A,value:O,onChange:b,...$},D)=>{const N=o(null);const y=D||t();const[F,P]=n(g);const[R,z]=n(-1);const[B,G]=n(-1);const[K,V]=n(false);const[q]=n(e.Children.count(v));const{root:H}=m(k,y);const J=z;r((()=>{O!==void 0&&J(O)}),[O]);const{calculateDefaultOffset:L}=d();const Q=S!==null&&S!==void 0?S:L(M,I);const{onArrowNavigation:T}=f({selectedContextMenuItem:R,setSelectedContextMenuItem:z,focusedContextMenuItem:B,setFocusedContextMenuItem:G,showContextMenu:F,setShowContextMenu:P,childrenCount:q,setShouldClick:V});a((e=>F&&N.current!==e.target&&N.current!==e.target.parentElement),(()=>{P(false)}),F);u(N,x,F,P,G,w,E);const U=()=>e.cloneElement(h,{id:x,"aria-haspopup":"true","aria-controls":`${x}-menu`,"aria-expanded":F,onClick:()=>P(!F),tabIndex:0,ref:N});const W=()=>e.Children.map(v,((o,t)=>{var n;return e.cloneElement(o,{onFocusChange:e=>G(e),onSelectedChange:(e,o)=>{z(o);V(false);b===null||b===void 0?void 0:b(e,o)},childIndex:t,hasFocus:B===t,isSelected:R===t,showActiveState:(n=o===null||o===void 0?void 0:o.props.showActiveState)!==null&&n!==void 0?n:O!==void 0&&R===t,contextMenuOpened:F,shouldClick:K})}));const X=s((()=>{P(false)}),[]);if(!H)return null;return e.createElement("div",{...$,ref:y,onKeyDown:T,className:l["context-menu"]},U(),i(e.createElement(c,{...A,placement:M,transformOrigin:I,offset:Q,anchorEl:N,debounceAmount:j,show:F,onAnchorOutOfView:X},C&&e.createElement("div",{className:l["decorative-element"]},C),e.createElement("ul",{className:`${l["menu"]} ${C?l["no-margin-top"]:""}`,id:`${x}-menu`,"aria-describedby":x,role:"menu"},W())),H))};const v=e.forwardRef(h);export{v as ContextMenu};
+import React, { useRef, createRef, useState, useEffect, useCallback } from 'react';
+import { Popover } from '../Popover/Popover.esm.js';
+import classes from './ContextMenu.module.scss.esm.js';
+import { useBodyClick } from '../src/hooks/useBodyClick.esm.js';
+import { createPortal } from 'react-dom';
+import { useGetDomRoot } from '../src/hooks/useGetDomRoot.esm.js';
+import { useFocusAnchorElement, useDefaultOffset, useArrowNavigation } from './ContextMenuService.esm.js';
+import { generateID } from '../src/util/helper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const ContextMenuComponent = ({ trigger, children, decorativeElement, id = `ID-${generateID()}`, show = false, onShow, onClose, placement = { horizontal: "right", vertical: "top" }, offset, transformOrigin = { horizontal: "left", vertical: "top" }, debounceAmount, domRoot, popoverProps, value, onChange, ...rest }, ref) => {
+    const anchorEl = useRef(null);
+    const wrappingDivRef = ref || createRef();
+    const [showContextMenu, setShowContextMenu] = useState(show);
+    const [selectedContextMenuItem, setSelectedContextMenuItem] = useState(-1);
+    const [focusedContextMenuItem, setFocusedContextMenuItem] = useState(-1);
+    const [shouldClick, setShouldClick] = useState(false); /** We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the "click" listener in ContextMenuItem component. Instead, we only want this to fire if we press "enter" or "spacebar" so we set this to true whenever that is the case, and back to false when it has been executed. */
+    const [childrenCount] = useState(React.Children.count(children));
+    const { root } = useGetDomRoot(domRoot, wrappingDivRef);
+    const syncSelectedContextMenuItem = setSelectedContextMenuItem;
+    useEffect(() => {
+        value !== undefined && syncSelectedContextMenuItem(value);
+    }, [value]);
+    const { calculateDefaultOffset } = useDefaultOffset();
+    const calculatedOffset = offset !== null && offset !== void 0 ? offset : calculateDefaultOffset(placement, transformOrigin);
+    const { onArrowNavigation } = useArrowNavigation({
+        selectedContextMenuItem,
+        setSelectedContextMenuItem,
+        focusedContextMenuItem,
+        setFocusedContextMenuItem,
+        showContextMenu,
+        setShowContextMenu,
+        childrenCount,
+        setShouldClick
+    });
+    useBodyClick(event => {
+        return (showContextMenu &&
+            anchorEl.current !== event.target &&
+            anchorEl.current !== event.target.parentElement);
+    }, () => {
+        setShowContextMenu(false);
+    }, showContextMenu);
+    useFocusAnchorElement(anchorEl, id, showContextMenu, setShowContextMenu, setFocusedContextMenuItem, onShow, onClose);
+    const renderTrigger = () => React.cloneElement(trigger, {
+        id: id,
+        "aria-haspopup": "true",
+        "aria-controls": `${id}-menu`,
+        "aria-expanded": showContextMenu,
+        onClick: () => setShowContextMenu(!showContextMenu),
+        tabIndex: 0,
+        ref: anchorEl
+    });
+    const renderChildren = () => React.Children.map(children, (child, index) => {
+        var _a;
+        return React.cloneElement(child, {
+            onFocusChange: (childIndex) => setFocusedContextMenuItem(childIndex),
+            onSelectedChange: (event, childIndex) => {
+                setSelectedContextMenuItem(childIndex);
+                setShouldClick(false);
+                onChange === null || onChange === void 0 ? void 0 : onChange(event, childIndex);
+            },
+            childIndex: index,
+            hasFocus: focusedContextMenuItem === index,
+            isSelected: selectedContextMenuItem === index,
+            showActiveState: (_a = child === null || child === void 0 ? void 0 : child.props.showActiveState) !== null && _a !== void 0 ? _a : (value !== undefined && selectedContextMenuItem === index),
+            contextMenuOpened: showContextMenu,
+            shouldClick: shouldClick
+        });
+    });
+    const onOutOfViewHandler = useCallback(() => {
+        setShowContextMenu(false);
+    }, []);
+    if (!root) {
+        return null;
+    }
+    return (React.createElement("div", { ...rest, ref: wrappingDivRef, onKeyDown: onArrowNavigation, className: classes["context-menu"] },
+        renderTrigger(),
+        createPortal(React.createElement(Popover, { ...popoverProps, placement: placement, transformOrigin: transformOrigin, offset: calculatedOffset, anchorEl: anchorEl, debounceAmount: debounceAmount, show: showContextMenu, onAnchorOutOfView: onOutOfViewHandler },
+            decorativeElement && (React.createElement("div", { className: classes["decorative-element"] }, decorativeElement)),
+            React.createElement("ul", { className: `${classes["menu"]} ${decorativeElement ? classes["no-margin-top"] : ""}`, id: `${id}-menu`, "aria-describedby": id, role: "menu" }, renderChildren())), root)));
+};
+const ContextMenu = React.forwardRef(ContextMenuComponent);
+
+export { ContextMenu };
 //# sourceMappingURL=ContextMenu.esm.js.map

package/dist/esm/ContextMenu/ContextMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.esm.js","sources":["../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\nimport { Popover, Props as PopoverProps } from \"../Popover/Popover\";\nimport { Placement, Offset } from \"../../hooks/usePosition\";\nimport classes from \"./ContextMenu.module.scss\";\nimport { useBodyClick } from \"../../hooks/useBodyClick\";\nimport { Props as ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\nimport { useArrowNavigation, useDefaultOffset, useFocusAnchorElement } from \"./ContextMenuService\";\nimport { generateID } from \"../../util/helper\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\"> {\n  trigger: ReactElement<ButtonProps> | ReactElement<IconButtonProps>;\n  decorativeElement?: ReactNode;\n  children: ReactElement<ContextMenuItemProps> | ReactElement<ContextMenuItemProps>[];\n  placement?: Placement;\n  transformOrigin?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n  id?: string;\n  show?: boolean;\n  domRoot?: HTMLElement;\n  onShow?: () => void;\n  onClose?: () => void;\n  popoverProps?: PopoverProps;\n  value?: number;\n  onChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    trigger,\n    children,\n    decorativeElement,\n    id = `ID-${generateID()}`,\n    show = false,\n    onShow,\n    onClose,\n    placement = { horizontal: \"right\", vertical: \"top\" },\n    offset,\n    transformOrigin = { horizontal: \"left\", vertical: \"top\" },\n    debounceAmount,\n    domRoot,\n    popoverProps,\n    value,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const anchorEl = useRef<HTMLButtonElement>(null);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const [showContextMenu, setShowContextMenu] = useState(show);\n  const [selectedContextMenuItem, setSelectedContextMenuItem] = useState(-1);\n  const [focusedContextMenuItem, setFocusedContextMenuItem] = useState(-1);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the \"click\" listener in ContextMenuItem component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [childrenCount] = useState(React.Children.count(children));\n\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const syncSelectedContextMenuItem = setSelectedContextMenuItem;\n\n  useEffect(() => {\n    value !== undefined && syncSelectedContextMenuItem(value);\n  }, [value]);\n\n  const { calculateDefaultOffset } = useDefaultOffset();\n  const calculatedOffset = offset ?? calculateDefaultOffset(placement, transformOrigin);\n\n  const { onArrowNavigation } = useArrowNavigation({\n    selectedContextMenuItem,\n    setSelectedContextMenuItem,\n    focusedContextMenuItem,\n    setFocusedContextMenuItem,\n    showContextMenu,\n    setShowContextMenu,\n    childrenCount,\n    setShouldClick\n  });\n\n  useBodyClick(\n    event => {\n      return (\n        showContextMenu &&\n        anchorEl.current !== event.target &&\n        anchorEl.current !== (event.target as HTMLElement).parentElement\n      );\n    },\n    () => {\n      setShowContextMenu(false);\n    },\n    showContextMenu\n  );\n\n  useFocusAnchorElement(\n    anchorEl,\n    id,\n    showContextMenu,\n    setShowContextMenu,\n    setFocusedContextMenuItem,\n    onShow,\n    onClose\n  );\n\n  const renderTrigger = () =>\n    React.cloneElement(trigger, {\n      id: id,\n      \"aria-haspopup\": \"true\",\n      \"aria-controls\": `${id}-menu`,\n      \"aria-expanded\": showContextMenu,\n      onClick: () => setShowContextMenu(!showContextMenu),\n      tabIndex: 0,\n      ref: anchorEl\n    });\n\n  const renderChildren = () =>\n    React.Children.map(children, (child, index) =>\n      React.cloneElement(child as ReactElement, {\n        onFocusChange: (childIndex: number) => setFocusedContextMenuItem(childIndex),\n        onSelectedChange: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => {\n          setSelectedContextMenuItem(childIndex);\n          setShouldClick(false);\n          onChange?.(event, childIndex);\n        },\n        childIndex: index,\n        hasFocus: focusedContextMenuItem === index,\n        isSelected: selectedContextMenuItem === index,\n        showActiveState:\n          child?.props.showActiveState ??\n          (value !== undefined && selectedContextMenuItem === index),\n        contextMenuOpened: showContextMenu,\n        shouldClick: shouldClick\n      })\n    );\n\n  const onOutOfViewHandler = useCallback(() => {\n    setShowContextMenu(false);\n  }, []);\n\n  if (!root) {\n    return null;\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={wrappingDivRef}\n      onKeyDown={onArrowNavigation}\n      className={classes[\"context-menu\"]}\n    >\n      {renderTrigger()}\n      {createPortal(\n        <Popover\n          {...popoverProps}\n          placement={placement}\n          transformOrigin={transformOrigin}\n          offset={calculatedOffset}\n          anchorEl={anchorEl}\n          debounceAmount={debounceAmount}\n          show={showContextMenu}\n          onAnchorOutOfView={onOutOfViewHandler}\n        >\n          {decorativeElement && (\n            <div className={classes[\"decorative-element\"]}>{decorativeElement}</div>\n          )}\n          <ul\n            className={`${classes[\"menu\"]} ${decorativeElement ? classes[\"no-margin-top\"] : \"\"}`}\n            id={`${id}-menu`}\n            aria-describedby={id}\n            role=\"menu\"\n          >\n            {renderChildren()}\n          </ul>\n        </Popover>,\n        root\n      )}\n    </div>\n  );\n};\n\nexport const ContextMenu = React.forwardRef(ContextMenuComponent);\n"],"names":["ContextMenuComponent","trigger","children","decorativeElement","id","generateID","show","onShow","onClose","placement","horizontal","vertical","offset","transformOrigin","debounceAmount","domRoot","popoverProps","value","onChange","rest","ref","anchorEl","useRef","wrappingDivRef","createRef","showContextMenu","setShowContextMenu","useState","selectedContextMenuItem","setSelectedContextMenuItem","focusedContextMenuItem","setFocusedContextMenuItem","shouldClick","setShouldClick","childrenCount","React","Children","count","root","useGetDomRoot","syncSelectedContextMenuItem","useEffect","undefined","calculateDefaultOffset","useDefaultOffset","calculatedOffset","onArrowNavigation","useArrowNavigation","useBodyClick","event","current","target","parentElement","useFocusAnchorElement","renderTrigger","cloneElement","onClick","tabIndex","renderChildren","map","child","index","onFocusChange","childIndex","onSelectedChange","hasFocus","isSelected","showActiveState","props","_a","contextMenuOpened","onOutOfViewHandler","useCallback","createElement","onKeyDown","className","classes","createPortal","Popover","onAnchorOutOfView","role","ContextMenu","forwardRef"],"mappings":"khBA0DA,MAAMA,EAAwE,EAE1EC,UACAC,WACAC,oBACAC,KAAK,MAAMC,MACXC,OAAO,MACPC,SACAC,UACAC,YAAY,CAAEC,WAAY,QAASC,SAAU,OAC7CC,SACAC,kBAAkB,CAAEH,WAAY,OAAQC,SAAU,OAClDG,iBACAC,UACAC,eACAC,QACAC,cACGC,GAELC,KAEA,MAAMC,EAAWC,EAA0B,MAC3C,MAAMC,EAAkBH,GAAqCI,IAC7D,MAAOC,EAAiBC,GAAsBC,EAASrB,GACvD,MAAOsB,EAAyBC,GAA8BF,GAAU,GACxE,MAAOG,EAAwBC,GAA6BJ,GAAU,GACtE,MAAOK,EAAaC,GAClBN,EACE,OAEJ,MAAOO,GAAiBP,EAASQ,EAAMC,SAASC,MAAMnC,IAEtD,MAAMoC,KAAEA,GAASC,EAAcxB,EAASQ,GAExC,MAAMiB,EAA8BX,EAEpCY,GAAU,KACRxB,SAAUyB,GAAaF,EAA4BvB,EAAM,GACxD,CAACA,IAEJ,MAAM0B,uBAAEA,GAA2BC,IACnC,MAAMC,EAAmBjC,IAAM,MAANA,SAAA,EAAAA,EAAU+B,EAAuBlC,EAAWI,GAErE,MAAMiC,kBAAEA,GAAsBC,EAAmB,CAC/CnB,0BACAC,6BACAC,yBACAC,4BACAN,kBACAC,qBACAQ,gBACAD,mBAGFe,GACEC,GAEIxB,GACAJ,EAAS6B,UAAYD,EAAME,QAC3B9B,EAAS6B,UAAaD,EAAME,OAAuBC,gBAGvD,KACE1B,EAAmB,MAAM,GAE3BD,GAGF4B,EACEhC,EACAjB,EACAqB,EACAC,EACAK,EACAxB,EACAC,GAGF,MAAM8C,EAAgB,IACpBnB,EAAMoB,aAAatD,EAAS,CAC1BG,GAAIA,EACJ,gBAAiB,OACjB,gBAAiB,GAAGA,SACpB,gBAAiBqB,EACjB+B,QAAS,IAAM9B,GAAoBD,GACnCgC,SAAU,EACVrC,IAAKC,IAGT,MAAMqC,EAAiB,IACrBvB,EAAMC,SAASuB,IAAIzD,GAAU,CAAC0D,EAAOC,WACnC,OAAA1B,EAAMoB,aAAaK,EAAuB,CACxCE,cAAgBC,GAAuBhC,EAA0BgC,GACjEC,iBAAkB,CAACf,EAA4Cc,KAC7DlC,EAA2BkC,GAC3B9B,EAAe,OACff,IAAQ,MAARA,SAAA,OAAA,EAAAA,EAAW+B,EAAOc,EAAW,EAE/BA,WAAYF,EACZI,SAAUnC,IAA2B+B,EACrCK,WAAYtC,IAA4BiC,EACxCM,mBACEP,IAAK,MAALA,SAAA,OAAA,EAAAA,EAAOQ,MAAMD,mBACb,MAAAE,SAAA,EAAAA,EAACpD,SAAUyB,GAAad,IAA4BiC,EACtDS,kBAAmB7C,EACnBO,YAAaA,GACb,IAGN,MAAMuC,EAAqBC,GAAY,KACrC9C,EAAmB,MAAM,GACxB,IAEH,IAAKY,EACH,OAAO,KAGT,OACEH,EACMsC,cAAA,MAAA,IAAAtD,EACJC,IAAKG,EACLmD,UAAW5B,EACX6B,UAAWC,EAAQ,iBAElBtB,IACAuB,EACC1C,EAAAsC,cAACK,EAAO,IACF9D,EACJP,UAAWA,EACXI,gBAAiBA,EACjBD,OAAQiC,EACRxB,SAAUA,EACVP,eAAgBA,EAChBR,KAAMmB,EACNsD,kBAAmBR,GAElBpE,GACCgC,EAAKsC,cAAA,MAAA,CAAAE,UAAWC,EAAQ,uBAAwBzE,GAElDgC,EAAAsC,cAAA,KAAA,CACEE,UAAW,GAAGC,EAAQ,WAAWzE,EAAoByE,EAAQ,iBAAmB,KAChFxE,GAAI,GAAGA,4BACWA,EAClB4E,KAAK,QAEJtB,MAGLpB,GAGJ,EAGS,MAAA2C,EAAc9C,EAAM+C,WAAWlF"}
+{"version":3,"file":"ContextMenu.esm.js","sources":["../../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from \"react\";\nimport { Props as ButtonProps } from \"../Button/Button\";\nimport { Props as IconButtonProps } from \"../Button/IconButton\";\nimport { Popover, Props as PopoverProps } from \"../Popover/Popover\";\nimport { Placement, Offset } from \"../../hooks/usePosition\";\nimport classes from \"./ContextMenu.module.scss\";\nimport { useBodyClick } from \"../../hooks/useBodyClick\";\nimport { Props as ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { createPortal } from \"react-dom\";\nimport { useGetDomRoot } from \"../../hooks/useGetDomRoot\";\nimport { useArrowNavigation, useDefaultOffset, useFocusAnchorElement } from \"./ContextMenuService\";\nimport { generateID } from \"../../util/helper\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"div\">, \"onChange\"> {\n  trigger: ReactElement<ButtonProps> | ReactElement<IconButtonProps>;\n  decorativeElement?: ReactNode;\n  children: ReactElement<ContextMenuItemProps> | ReactElement<ContextMenuItemProps>[];\n  placement?: Placement;\n  transformOrigin?: Placement;\n  offset?: Offset;\n  debounceAmount?: number;\n  id?: string;\n  show?: boolean;\n  domRoot?: HTMLElement;\n  onShow?: () => void;\n  onClose?: () => void;\n  popoverProps?: PopoverProps;\n  value?: number;\n  onChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  {\n    trigger,\n    children,\n    decorativeElement,\n    id = `ID-${generateID()}`,\n    show = false,\n    onShow,\n    onClose,\n    placement = { horizontal: \"right\", vertical: \"top\" },\n    offset,\n    transformOrigin = { horizontal: \"left\", vertical: \"top\" },\n    debounceAmount,\n    domRoot,\n    popoverProps,\n    value,\n    onChange,\n    ...rest\n  }: Props,\n  ref\n) => {\n  const anchorEl = useRef<HTMLButtonElement>(null);\n  const wrappingDivRef = (ref as RefObject<HTMLDivElement>) || createRef<HTMLDivElement>();\n  const [showContextMenu, setShowContextMenu] = useState(show);\n  const [selectedContextMenuItem, setSelectedContextMenuItem] = useState(-1);\n  const [focusedContextMenuItem, setFocusedContextMenuItem] = useState(-1);\n  const [shouldClick, setShouldClick] =\n    useState(\n      false\n    ); /** We need this, because whenever we use the arrow keys to select the contextmenu item, and we focus the currently selected item it fires the \"click\" listener in ContextMenuItem component. Instead, we only want this to fire if we press \"enter\" or \"spacebar\" so we set this to true whenever that is the case, and back to false when it has been executed. */\n  const [childrenCount] = useState(React.Children.count(children));\n\n  const { root } = useGetDomRoot(domRoot, wrappingDivRef);\n\n  const syncSelectedContextMenuItem = setSelectedContextMenuItem;\n\n  useEffect(() => {\n    value !== undefined && syncSelectedContextMenuItem(value);\n  }, [value]);\n\n  const { calculateDefaultOffset } = useDefaultOffset();\n  const calculatedOffset = offset ?? calculateDefaultOffset(placement, transformOrigin);\n\n  const { onArrowNavigation } = useArrowNavigation({\n    selectedContextMenuItem,\n    setSelectedContextMenuItem,\n    focusedContextMenuItem,\n    setFocusedContextMenuItem,\n    showContextMenu,\n    setShowContextMenu,\n    childrenCount,\n    setShouldClick\n  });\n\n  useBodyClick(\n    event => {\n      return (\n        showContextMenu &&\n        anchorEl.current !== event.target &&\n        anchorEl.current !== (event.target as HTMLElement).parentElement\n      );\n    },\n    () => {\n      setShowContextMenu(false);\n    },\n    showContextMenu\n  );\n\n  useFocusAnchorElement(\n    anchorEl,\n    id,\n    showContextMenu,\n    setShowContextMenu,\n    setFocusedContextMenuItem,\n    onShow,\n    onClose\n  );\n\n  const renderTrigger = () =>\n    React.cloneElement(trigger, {\n      id: id,\n      \"aria-haspopup\": \"true\",\n      \"aria-controls\": `${id}-menu`,\n      \"aria-expanded\": showContextMenu,\n      onClick: () => setShowContextMenu(!showContextMenu),\n      tabIndex: 0,\n      ref: anchorEl\n    });\n\n  const renderChildren = () =>\n    React.Children.map(children, (child, index) =>\n      React.cloneElement(child as ReactElement, {\n        onFocusChange: (childIndex: number) => setFocusedContextMenuItem(childIndex),\n        onSelectedChange: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => {\n          setSelectedContextMenuItem(childIndex);\n          setShouldClick(false);\n          onChange?.(event, childIndex);\n        },\n        childIndex: index,\n        hasFocus: focusedContextMenuItem === index,\n        isSelected: selectedContextMenuItem === index,\n        showActiveState:\n          child?.props.showActiveState ??\n          (value !== undefined && selectedContextMenuItem === index),\n        contextMenuOpened: showContextMenu,\n        shouldClick: shouldClick\n      })\n    );\n\n  const onOutOfViewHandler = useCallback(() => {\n    setShowContextMenu(false);\n  }, []);\n\n  if (!root) {\n    return null;\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={wrappingDivRef}\n      onKeyDown={onArrowNavigation}\n      className={classes[\"context-menu\"]}\n    >\n      {renderTrigger()}\n      {createPortal(\n        <Popover\n          {...popoverProps}\n          placement={placement}\n          transformOrigin={transformOrigin}\n          offset={calculatedOffset}\n          anchorEl={anchorEl}\n          debounceAmount={debounceAmount}\n          show={showContextMenu}\n          onAnchorOutOfView={onOutOfViewHandler}\n        >\n          {decorativeElement && (\n            <div className={classes[\"decorative-element\"]}>{decorativeElement}</div>\n          )}\n          <ul\n            className={`${classes[\"menu\"]} ${decorativeElement ? classes[\"no-margin-top\"] : \"\"}`}\n            id={`${id}-menu`}\n            aria-describedby={id}\n            role=\"menu\"\n          >\n            {renderChildren()}\n          </ul>\n        </Popover>,\n        root\n      )}\n    </div>\n  );\n};\n\nexport const ContextMenu = React.forwardRef(ContextMenuComponent);\n"],"names":[],"mappings":"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"}

package/dist/esm/ContextMenu/ContextMenu.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ContextMenu-module_context-menu__071Gy{box-sizing:border-box;display:inline-block;position:relative}.ContextMenu-module_menu__LO2iO{list-style:none;margin:.25rem 0;min-width:10rem;padding:0;white-space:nowrap}.ContextMenu-module_menu__LO2iO.ContextMenu-module_no-margin-top__KuwfI{margin:0 0 .25rem}.ContextMenu-module_menu__LO2iO button{text-align:left}.ContextMenu-module_decorative-element__9pMwe{margin-top:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRleHRNZW51Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0NBR0UscUJBQXNCLENBRHRCLG9CQUFxQixDQURyQixpQkFHRixDQUVBLGdDQUdFLGVBQWdCLENBRGhCLGVBQWlCLENBR2pCLGVBQWdCLENBRGhCLFNBQVUsQ0FIVixrQkFLRixDQUNBLHdFQUNFLGlCQUNGLENBQ0EsdUNBQ0UsZUFDRixDQUVBLDhDQUNFLGdCQUNGIiwiZmlsZSI6IkNvbnRleHRNZW51Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5jb250ZXh0LW1lbnUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuLm1lbnUge1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgbWluLXdpZHRoOiAxMHJlbTtcbn1cbi5tZW51Lm5vLW1hcmdpbi10b3Age1xuICBtYXJnaW46IDAgMCAwLjI1cmVtO1xufVxuLm1lbnUgYnV0dG9uIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLmRlY29yYXRpdmUtZWxlbWVudCB7XG4gIG1hcmdpbi10b3A6IDAuNXJlbTtcbn0iXX0= */";
+var classes = {"context-menu":"ContextMenu-module_context-menu__071Gy","menu":"ContextMenu-module_menu__LO2iO","no-margin-top":"ContextMenu-module_no-margin-top__KuwfI","decorative-element":"ContextMenu-module_decorative-element__9pMwe"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=ContextMenu.module.scss.esm.js.map

package/dist/esm/ContextMenu/ContextMenu.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/ContextMenu/ContextMenuItem.esm.js

@@ -1,2 +1,41 @@
-import e,{createRef as t,useEffect as o}from"react";import n from"./ContextMenuItem.module.esm.js";const c=({children:c,onClick:l,onFocusChange:r,onSelectedChange:i,hasFocus:u,isSelected:a,showActiveState:d,childIndex:s,contextMenuOpened:m,shouldClick:f,className:v,...h},x)=>{let C=x||t();o((()=>{if(a&&C.current&&f)C.current.click()}),[a,f]);o((()=>{if(C.current&&u&&m){r&&s&&r(s);C.current.focus()}}),[u,C,m]);return e.createElement("li",{role:"none",className:`${n["context-menu-item"]} ${v!==null&&v!==void 0?v:""}`},e.createElement("button",{role:"menuitem",className:d?n["active"]:void 0,...h,ref:C,"data-focus":u,tabIndex:-1,onClick:e=>{l===null||l===void 0?void 0:l(e);s!==void 0&&(i===null||i===void 0?void 0:i(e,s))}},c))};const l=e.forwardRef(c);export{l as ContextMenuItem};
+import React, { createRef, useEffect } from 'react';
+import classes from './ContextMenuItem.module.scss.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+const ContextMenuItemComponent = ({ children, onClick, onFocusChange, onSelectedChange, hasFocus, isSelected, showActiveState, childIndex, contextMenuOpened, shouldClick, className, ...rest }, ref) => {
+    let innerButtonRef = ref || createRef();
+    useEffect(() => {
+        if (isSelected && innerButtonRef.current && shouldClick) {
+            innerButtonRef.current.click();
+        }
+    }, [isSelected, shouldClick]);
+    useEffect(() => {
+        if (innerButtonRef.current && hasFocus && contextMenuOpened) {
+            onFocusChange && childIndex && onFocusChange(childIndex);
+            innerButtonRef.current.focus();
+        }
+    }, [hasFocus, innerButtonRef, contextMenuOpened]);
+    return (React.createElement("li", { role: "none", className: `${classes["context-menu-item"]} ${className !== null && className !== void 0 ? className : ""}` },
+        React.createElement("button", { role: "menuitem", className: showActiveState ? classes["active"] : undefined, ...rest, ref: innerButtonRef, "data-focus": hasFocus, tabIndex: -1, onClick: event => {
+                onClick === null || onClick === void 0 ? void 0 : onClick(event);
+                childIndex !== undefined && (onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange(event, childIndex));
+            } }, children)));
+};
+const ContextMenuItem = React.forwardRef(ContextMenuItemComponent);
+
+export { ContextMenuItem };
 //# sourceMappingURL=ContextMenuItem.esm.js.map

package/dist/esm/ContextMenu/ContextMenuItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuItem.esm.js","sources":["../../../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactNode,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./ContextMenuItem.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"onClick\"> {\n  children?: ReactNode;\n  hasFocus?: boolean;\n  isSelected?: boolean;\n  showActiveState?: boolean;\n  childIndex?: number;\n  shouldClick?: boolean;\n  contextMenuOpened?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  onSelectedChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuItemComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    onClick,\n    onFocusChange,\n    onSelectedChange,\n    hasFocus,\n    isSelected,\n    showActiveState,\n    childIndex,\n    contextMenuOpened,\n    shouldClick,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerButtonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (isSelected && innerButtonRef.current && shouldClick) {\n      innerButtonRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerButtonRef.current && hasFocus && contextMenuOpened) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerButtonRef.current.focus();\n    }\n  }, [hasFocus, innerButtonRef, contextMenuOpened]);\n\n  return (\n    <li role=\"none\" className={`${classes[\"context-menu-item\"]} ${className ?? \"\"}`}>\n      <button\n        role=\"menuitem\"\n        className={showActiveState ? classes[\"active\"] : undefined}\n        {...rest}\n        ref={innerButtonRef}\n        data-focus={hasFocus}\n        tabIndex={-1}\n        onClick={event => {\n          onClick?.(event);\n          childIndex !== undefined && onSelectedChange?.(event, childIndex);\n        }}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(ContextMenuItemComponent);\n"],"names":["ContextMenuItemComponent","children","onClick","onFocusChange","onSelectedChange","hasFocus","isSelected","showActiveState","childIndex","contextMenuOpened","shouldClick","className","rest","ref","innerButtonRef","createRef","useEffect","current","click","focus","React","role","classes","createElement","undefined","tabIndex","event","ContextMenuItem","forwardRef"],"mappings":"mGAuCA,MAAMA,EAA+E,EAEjFC,WACAC,UACAC,gBACAC,mBACAC,WACAC,aACAC,kBACAC,aACAC,oBACAC,cACAC,eACGC,GAELC,KAEA,IAAIC,EAAkBD,GAAwCE,IAE9DC,GAAU,KACR,GAAIV,GAAcQ,EAAeG,SAAWP,EAC1CI,EAAeG,QAAQC,OACxB,GACA,CAACZ,EAAYI,IAEhBM,GAAU,KACR,GAAIF,EAAeG,SAAWZ,GAAYI,EAAmB,CAC3DN,GAAiBK,GAAcL,EAAcK,GAC7CM,EAAeG,QAAQE,OACxB,IACA,CAACd,EAAUS,EAAgBL,IAE9B,OACEW,sBAAIC,KAAK,OAAOV,UAAW,GAAGW,EAAQ,wBAAwBX,IAAS,MAATA,SAAA,EAAAA,EAAa,MACzES,EAAAG,cAAA,SAAA,CACEF,KAAK,WACLV,UAAWJ,EAAkBe,EAAQ,eAAYE,KAC7CZ,EACJC,IAAKC,EAAc,aACPT,EACZoB,UAAW,EACXvB,QAASwB,IACPxB,UAAAA,SAAO,OAAA,EAAPA,EAAUwB,GACVlB,SAAegB,IAAapB,UAAAA,SAAgB,OAAA,EAAhBA,EAAmBsB,EAAOlB,GAAW,GAGlEP,GAGL,EAGS,MAAA0B,EAAkBP,EAAMQ,WAAW5B"}
+{"version":3,"file":"ContextMenuItem.esm.js","sources":["../../../../../src/components/ContextMenu/ContextMenuItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  createRef,\n  ForwardRefRenderFunction,\n  ReactNode,\n  RefObject,\n  useEffect\n} from \"react\";\nimport classes from \"./ContextMenuItem.module.scss\";\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"onClick\"> {\n  children?: ReactNode;\n  hasFocus?: boolean;\n  isSelected?: boolean;\n  showActiveState?: boolean;\n  childIndex?: number;\n  shouldClick?: boolean;\n  contextMenuOpened?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onFocusChange?: (childIndex: number) => void;\n  onSelectedChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;\n}\n\nconst ContextMenuItemComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  {\n    children,\n    onClick,\n    onFocusChange,\n    onSelectedChange,\n    hasFocus,\n    isSelected,\n    showActiveState,\n    childIndex,\n    contextMenuOpened,\n    shouldClick,\n    className,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let innerButtonRef = (ref as RefObject<HTMLButtonElement>) || createRef<HTMLButtonElement>();\n\n  useEffect(() => {\n    if (isSelected && innerButtonRef.current && shouldClick) {\n      innerButtonRef.current.click();\n    }\n  }, [isSelected, shouldClick]);\n\n  useEffect(() => {\n    if (innerButtonRef.current && hasFocus && contextMenuOpened) {\n      onFocusChange && childIndex && onFocusChange(childIndex);\n      innerButtonRef.current.focus();\n    }\n  }, [hasFocus, innerButtonRef, contextMenuOpened]);\n\n  return (\n    <li role=\"none\" className={`${classes[\"context-menu-item\"]} ${className ?? \"\"}`}>\n      <button\n        role=\"menuitem\"\n        className={showActiveState ? classes[\"active\"] : undefined}\n        {...rest}\n        ref={innerButtonRef}\n        data-focus={hasFocus}\n        tabIndex={-1}\n        onClick={event => {\n          onClick?.(event);\n          childIndex !== undefined && onSelectedChange?.(event, childIndex);\n        }}\n      >\n        {children}\n      </button>\n    </li>\n  );\n};\n\nexport const ContextMenuItem = React.forwardRef(ContextMenuItemComponent);\n"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;AAcG;AAyBH,MAAM,wBAAwB,GAAuD,CACnF,EACE,QAAQ,EACR,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,IAAI,cAAc,GAAI,GAAoC,IAAI,SAAS,EAAqB,CAAC;IAE7F,SAAS,CAAC,MAAK;QACb,IAAI,UAAU,IAAI,cAAc,CAAC,OAAO,IAAI,WAAW,EAAE;AACvD,YAAA,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAChC;AACH,KAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,MAAK;QACb,IAAI,cAAc,CAAC,OAAO,IAAI,QAAQ,IAAI,iBAAiB,EAAE;AAC3D,YAAA,aAAa,IAAI,UAAU,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;AACzD,YAAA,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAChC;KACF,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElD,QACE,4BAAI,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,mBAAmB,CAAC,IAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;AAC7E,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,eAAe,GAAG,OAAO,CAAC,QAAQ,CAAC,GAAG,SAAS,EACtD,GAAA,IAAI,EACR,GAAG,EAAE,cAAc,EAAA,YAAA,EACP,QAAQ,EACpB,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,KAAK,IAAG;AACf,gBAAA,OAAO,aAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,KAAK,CAAC,CAAC;AACjB,gBAAA,UAAU,KAAK,SAAS,KAAI,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,KAAK,EAAE,UAAU,CAAC,CAAA,CAAC;AACpE,aAAC,EAEA,EAAA,QAAQ,CACF,CACN,EACL;AACJ,CAAC,CAAC;AAEW,MAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB;;;;"}

package/dist/esm/ContextMenu/ContextMenuItem.module.scss.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ContextMenuItem-module_sr-only__ITnHm{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ContextMenuItem-module_hidden__Az6RN{display:none}.ContextMenuItem-module_slide-in__hCX3P{animation:ContextMenuItem-module_slide-in__hCX3P .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem-module_slide-in__hCX3P{animation-duration:.1ms}}.ContextMenuItem-module_slide-out__RpZ-J{animation:ContextMenuItem-module_slide-out__RpZ-J .5s forwards}@media (prefers-reduced-motion:reduce){.ContextMenuItem-module_slide-out__RpZ-J{animation-duration:.1ms}}@keyframes ContextMenuItem-module_slide-in__hCX3P{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes ContextMenuItem-module_slide-out__RpZ-J{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.ContextMenuItem-module_context-menu-item__LwybO{position:relative}.ContextMenuItem-module_context-menu-item__LwybO button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-form-label);height:100%;line-height:1.25rem;padding:.62rem .75rem;width:100%}.ContextMenuItem-module_context-menu-item__LwybO button:focus-visible{outline:none}.ContextMenuItem-module_context-menu-item__LwybO button:focus-visible:after{border-radius:var(--focus-border-radius);content:\"\";height:100%;left:0;outline:.125rem solid var(--color-focus);outline-offset:0;position:absolute;top:0;width:100%;z-index:101}.ContextMenuItem-module_context-menu-item__LwybO button:hover{background-color:var(--context-menu-hover-color)}.ContextMenuItem-module_context-menu-item__LwybO button:active{background-color:var(--context-menu-pressed-color)}.ContextMenuItem-module_context-menu-item__LwybO button.ContextMenuItem-module_active__QsUfr{color:var(--color-primary)}.ContextMenuItem-module_context-menu-item__LwybO button.ContextMenuItem-module_active__QsUfr:before{border-bottom-right-radius:.125rem;border-left:.25rem solid var(--color-primary);border-top-right-radius:.125rem;content:\"\";height:100%;left:0;position:absolute;top:0}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRix1Q0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsc0NBQ0UsWUFDRixDQUVBLHdDQUNFLDZEQUNGLENBQ0EsdUNBQ0Usd0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLHlDQUNFLDhEQUNGLENBQ0EsdUNBQ0UseUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLGtEQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxtREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGO0FBQ0E7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixpREFDRSxpQkFDRixDQUNBLHdEQUNFLHdCQUE2QixDQUM3QixRQUFTLENBUVQscUJBQXNCLENBSnRCLGNBQWUsQ0FIZiw4QkFBK0IsQ0FDL0IscUNBQXNDLENBSXRDLFdBQVksQ0FIWixtQkFBb0IsQ0FJcEIscUJBQXdCLENBRnhCLFVBSUYsQ0FDQSxzRUFDRSxZQUNGLENBQ0EsNEVBR0Usd0NBQXlDLENBQ3pDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQU5QLHdDQUEwQyxDQUMxQyxnQkFBaUIsQ0FHakIsaUJBQWtCLENBQ2xCLEtBQU0sQ0FHTixVQUFXLENBQ1gsV0FDRixDQUNBLDhEQUNFLGdEQUNGLENBQ0EsK0RBQ0Usa0RBQ0YsQ0FDQSw2RkFDRSwwQkFDRixDQUNBLG9HQU9FLGtDQUFvQyxDQUNwQyw2Q0FBK0MsQ0FGL0MsK0JBQWlDLENBTGpDLFVBQVcsQ0FJWCxXQUFZLENBRFosTUFBTyxDQUZQLGlCQUFrQixDQUNsQixLQU1GIiwiZmlsZSI6IkNvbnRleHRNZW51SXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uY29udGV4dC1tZW51LWl0ZW0ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGJvcmRlcjogMDtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250LXNpemUtZm9ybS1sYWJlbCk7XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNjJyZW0gMC43NXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmZvY3VzLXZpc2libGU6OmFmdGVyIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tZm9jdXMtYm9yZGVyLXJhZGl1cyk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxMDE7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LWhvdmVyLWNvbG9yKTtcbn1cbi5jb250ZXh0LW1lbnUtaXRlbSBidXR0b246YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29udGV4dC1tZW51LXByZXNzZWQtY29sb3IpO1xufVxuLmNvbnRleHQtbWVudS1pdGVtIGJ1dHRvbi5hY3RpdmUge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG59XG4uY29udGV4dC1tZW51LWl0ZW0gYnV0dG9uLmFjdGl2ZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDAuMTI1cmVtO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMC4xMjVyZW07XG4gIGJvcmRlci1sZWZ0OiAwLjI1cmVtIHNvbGlkIHZhcigtLWNvbG9yLXByaW1hcnkpO1xufSJdfQ== */";
+var classes = {"sr-only":"ContextMenuItem-module_sr-only__ITnHm","hidden":"ContextMenuItem-module_hidden__Az6RN","slide-in":"ContextMenuItem-module_slide-in__hCX3P","slide-out":"ContextMenuItem-module_slide-out__RpZ-J","context-menu-item":"ContextMenuItem-module_context-menu-item__LwybO","active":"ContextMenuItem-module_active__QsUfr"};
+styleInject(css_248z);
+
+export { classes as default };
+//# sourceMappingURL=ContextMenuItem.module.scss.esm.js.map

package/dist/esm/ContextMenu/ContextMenuItem.module.scss.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.module.scss.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/ContextMenu/ContextMenuService.esm.js

@@ -1,2 +1,133 @@
-import{useEffect as e}from"react";import{vertical as t,horizontal as o}from"../src/hooks/usePosition.esm.js";import{remToPx as r}from"../src/util/helper.esm.js";const n=({selectedContextMenuItem:e,setSelectedContextMenuItem:t,focusedContextMenuItem:o,setFocusedContextMenuItem:r,showContextMenu:n,setShowContextMenu:s,childrenCount:c,setShouldClick:i})=>{const u=u=>{if(o===-1&&e!==-1)r(e);const l=["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Enter","Space","Escape","End","Home"];if(l.includes(u.code))u.preventDefault();switch(u.code){case"ArrowDown":if(!n){s(true);return}r((e=>e+1>c-1?0:e+1));return;case"ArrowUp":r((e=>e-1<0?c-1:e-1));return;case"Enter":case"Space":if(!n){s(true);return}i(true);t(o);s(false);return;case"Tab":case"Escape":s(false);return;case"End":r(c-1);return;case"Home":r(0);return}};return{onArrowNavigation:u}};const s=r(.25);const c=()=>{const e=(e,r)=>{const n={left:0,right:0,top:0,bottom:0};if(e.vertical===t.BOTTOM&&r.vertical===t.TOP)n.top=s;else if(e.vertical===t.TOP&&r.vertical===t.BOTTOM)n.top=-s;if(e.horizontal===o.RIGHT)n.left=s;return n};return{calculateDefaultOffset:e}};const i=(t,o,r,n,s,c,i)=>{const u=e=>{var o;if(e.key==="Escape"){n(false);(o=t.current)===null||o===void 0?void 0:o.focus()}};const l=()=>{if(r)document.addEventListener("keydown",u);else document.removeEventListener("keydown",u)};const a=()=>{var e,n;if(r)c===null||c===void 0?void 0:c();else{i===null||i===void 0?void 0:i();if((e=document.activeElement)===null||e===void 0?void 0:e.closest(`#${o}-menu`))(n=t.current)===null||n===void 0?void 0:n.focus();s(-1)}};e((()=>{l();a()}),[r])};export{n as useArrowNavigation,c as useDefaultOffset,i as useFocusAnchorElement};
+import { useEffect } from 'react';
+import { vertical, horizontal } from '../src/hooks/usePosition.esm.js';
+import { remToPx } from '../src/util/helper.esm.js';
+
+/*
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+/** @scope . */
+const useArrowNavigation = ({ selectedContextMenuItem, setSelectedContextMenuItem, focusedContextMenuItem, setFocusedContextMenuItem, showContextMenu, setShowContextMenu, childrenCount, setShouldClick }) => {
+    const onArrowNavigation = (event) => {
+        if (focusedContextMenuItem === -1 && selectedContextMenuItem !== -1) {
+            setFocusedContextMenuItem(selectedContextMenuItem);
+        }
+        const codesToPreventDefault = [
+            "ArrowDown",
+            "ArrowUp",
+            "ArrowLeft",
+            "ArrowRight",
+            "Enter",
+            "Space",
+            "Escape",
+            "End",
+            "Home"
+        ];
+        if (codesToPreventDefault.includes(event.code)) {
+            event.preventDefault();
+        }
+        switch (event.code) {
+            case "ArrowDown":
+                if (!showContextMenu) {
+                    setShowContextMenu(true);
+                    return;
+                }
+                setFocusedContextMenuItem(prevState => {
+                    return prevState + 1 > childrenCount - 1 ? 0 : prevState + 1;
+                });
+                return;
+            case "ArrowUp":
+                setFocusedContextMenuItem(prevState => {
+                    return prevState - 1 < 0 ? childrenCount - 1 : prevState - 1;
+                });
+                return;
+            case "Enter":
+            case "Space":
+                if (!showContextMenu) {
+                    setShowContextMenu(true);
+                    return;
+                }
+                setShouldClick(true);
+                setSelectedContextMenuItem(focusedContextMenuItem);
+                setShowContextMenu(false);
+                return;
+            case "Tab":
+            case "Escape":
+                setShowContextMenu(false);
+                return;
+            case "End":
+                setFocusedContextMenuItem(childrenCount - 1);
+                return;
+            case "Home":
+                setFocusedContextMenuItem(0);
+                return;
+        }
+    };
+    return { onArrowNavigation };
+};
+const defaultOffsetSpacing = remToPx(0.25);
+const useDefaultOffset = () => {
+    const calculateDefaultOffset = (placement, transformOrigin) => {
+        const offset = { left: 0, right: 0, top: 0, bottom: 0 };
+        if (placement.vertical === vertical.BOTTOM && transformOrigin.vertical === vertical.TOP) {
+            offset.top = defaultOffsetSpacing;
+        }
+        else if (placement.vertical === vertical.TOP &&
+            transformOrigin.vertical === vertical.BOTTOM) {
+            offset.top = -defaultOffsetSpacing;
+        }
+        if (placement.horizontal === horizontal.RIGHT) {
+            offset.left = defaultOffsetSpacing;
+        }
+        return offset;
+    };
+    return { calculateDefaultOffset };
+};
+const useFocusAnchorElement = (anchorEl, id, showContextMenu, setShowContextMenu, setFocusedContextMenuItem, onShow, onClose) => {
+    const handleEscapeKeyPress = (e) => {
+        var _a;
+        if (e.key === "Escape") {
+            setShowContextMenu(false);
+            (_a = anchorEl.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    };
+    const escapeKeyEventHandlerManager = () => {
+        if (showContextMenu) {
+            document.addEventListener("keydown", handleEscapeKeyPress);
+        }
+        else {
+            document.removeEventListener("keydown", handleEscapeKeyPress);
+        }
+    };
+    const emitContextMenuEvent = () => {
+        var _a, _b;
+        if (showContextMenu) {
+            onShow === null || onShow === void 0 ? void 0 : onShow();
+        }
+        else {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+            if ((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`#${id}-menu`)) {
+                (_b = anchorEl.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+            setFocusedContextMenuItem(-1);
+        }
+    };
+    useEffect(() => {
+        escapeKeyEventHandlerManager();
+        emitContextMenuEvent();
+    }, [showContextMenu]);
+};
+
+export { useArrowNavigation, useDefaultOffset, useFocusAnchorElement };
 //# sourceMappingURL=ContextMenuService.esm.js.map