@openmrs/esm-user-onboarding-app 4.0.1-pre.128 → 4.0.1-pre.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/570.js +1 -1
  2. package/dist/59.js +1 -0
  3. package/dist/59.js.map +1 -0
  4. package/dist/743.js +1 -1
  5. package/dist/743.js.map +1 -1
  6. package/dist/917.js +1 -1
  7. package/dist/985.js +2 -0
  8. package/dist/{826.js.LICENSE.txt → 985.js.LICENSE.txt} +1 -1
  9. package/dist/985.js.map +1 -0
  10. package/dist/main.js +1 -1
  11. package/dist/main.js.map +1 -1
  12. package/dist/openmrs-esm-user-onboarding-app.js.buildmanifest.json +45 -45
  13. package/dist/routes.json +1 -1
  14. package/package.json +4 -4
  15. package/tools/update-openmrs-deps.mjs +43 -0
  16. package/dist/558.js +0 -1
  17. package/dist/558.js.map +0 -1
  18. package/dist/826.js +0 -2
  19. package/dist/826.js.map +0 -1
package/dist/570.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[570],{8922:(n,e,t)=>{t.d(e,{A:()=>l});var a=t(5037),i=t.n(a),o=t(5720),s=t.n(o)()(i());s.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-user-onboarding__styles__description___zZYjd{margin-bottom:.75rem;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-user-onboarding__styles__tutorialModal___OQAY6{display:flex;flex-direction:column;gap:.75rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI{border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialTitle___rkDjN{margin-bottom:.75rem;font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialDescription___W42iP{color:#525252;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialLink___i2N3A{margin-bottom:.75rem;margin-top:.75rem;cursor:pointer}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;margin:0;margin-top:calc(-1 * 1rem)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close{background-color:rgba(0,0,0,0)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close:hover{background-color:var(--cds-layer-hover)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--popover--left>.cds--popover>.cds--popover-content{transform:translate(-4rem, 0.85rem)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--popover--left>.cds--popover>.cds--popover-caret{transform:translate(-3.75rem, 1.25rem)}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/tutorial/styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCtDF,mDACE,oBCoBW,CCw0BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFx1BJ,qDACE,YAAA,CACA,qBAAA,CACA,UCaW,CDXX,yGACE,+BAAA,CACA,qBCDS,CDGT,8JACE,oBCMO,CCw0BT,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF10BA,oKACE,aDhBU,CGy1BZ,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFr0BA,6JACE,oBCJO,CDKP,iBCLO,CDMP,cAAA,CAOF,4EACE,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,QAAA,CACA,0BAAA,CAGF,qEACE,8BAAA,CAEA,2EACE,uCAAA,CAIJ,2GACE,mCAAA,CAGF,yGACE,sCAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/layout';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.description {\n margin-bottom: spacing.$spacing-04;\n @include type.type-style('body-compact-01');\n}\n\n.tutorialModal {\n display: flex;\n flex-direction: column;\n gap: spacing.$spacing-04;\n\n .tutorialItem {\n border-bottom: 1px solid $ui-03;\n padding-bottom: spacing.$spacing-02;\n\n .tutorialTitle {\n margin-bottom: spacing.$spacing-04;\n @include type.type-style('heading-02');\n }\n\n .tutorialDescription {\n color: $color-gray-70;\n @include type.type-style('body-compact-01');\n }\n\n .tutorialLink {\n margin-bottom: spacing.$spacing-04;\n margin-top: spacing.$spacing-04;\n cursor: pointer;\n }\n }\n}\n\n.modalHeader {\n :global {\n .cds--modal-close-button {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n margin: 0;\n margin-top: calc(-1 * #{layout.$spacing-05});\n }\n\n .cds--modal-close {\n background-color: rgba(0, 0, 0, 0);\n\n &:hover {\n background-color: var(--cds-layer-hover);\n }\n }\n\n .cds--popover--left > .cds--popover > .cds--popover-content {\n transform: translate(-4rem, 0.85rem);\n }\n\n .cds--popover--left > .cds--popover > .cds--popover-caret {\n transform: translate(-3.75rem, 1.25rem);\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),s.locals={description:"-esm-user-onboarding__styles__description___zZYjd",tutorialModal:"-esm-user-onboarding__styles__tutorialModal___OQAY6",tutorialItem:"-esm-user-onboarding__styles__tutorialItem___4Q5BI",tutorialTitle:"-esm-user-onboarding__styles__tutorialTitle___rkDjN",tutorialDescription:"-esm-user-onboarding__styles__tutorialDescription___W42iP",tutorialLink:"-esm-user-onboarding__styles__tutorialLink___i2N3A",modalHeader:"-esm-user-onboarding__styles__modalHeader___-rE-W"};const l=s},3570:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var a=t(6072),i=t.n(a),o=t(3941),s=t(5987),l=t(7710),r=t.n(l),p=t(4583),c=t.n(p),d=t(6765),u=t.n(d),g=t(8206),f=t.n(g),h=t(3930),y=t.n(h),b=t(4079),m=t.n(b),$=t(8922),A={};A.styleTagTransform=m(),A.setAttributes=f(),A.insert=u().bind(null,"head"),A.domAPI=c(),A.insertStyleElement=y(),r()($.A,A);const _=$.A&&$.A.locals?$.A.locals:void 0;var v=t(2047),k=t(7644);const w=function(n){n.open;var e=n.onClose,t=(0,o.useTranslation)().t,a=(0,s.useConfig)().tutorialData,l=(0,s.useAppContext)("tutorial-context");return i().createElement(i().Fragment,null,i().createElement(v.rQ0,{closeModal:e,title:t("tutorial","Tutorial"),className:_.modalHeader},i().createElement("p",{className:_.description},t("modalDescription","Find walkthroughs and video tutorials on some of the core features of OpenMRS."))),i().createElement(v.cwr,{className:_.tutorialModal},i().createElement("ul",null,a.map((function(n,o){return i().createElement("li",{className:_.tutorialItem,key:o},i().createElement("h3",{className:_.tutorialTitle},n.title),i().createElement("p",{className:_.tutorialDescription},n.description),i().createElement(v.N_E,{onClick:function(){return function(n){var t=window.getOpenmrsSpaBase(),i="".concat(t,"home"),o=window.location.pathname,r=a[n],p=function(){l.setSteps(r.steps),l.setShowTutorial(!0)};if(o===i)p();else{(0,s.navigate)({to:i});var c=setInterval((function(){window.location.pathname===i&&(p(),clearInterval(c))}),100)}e()}(o)},className:_.tutorialLink,renderIcon:function(){return i().createElement(k.Qp,{"aria-label":"Arrow Right"})}},t("walkthrough","Walkthrough")))})))))}}}]);
1
+ "use strict";(globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[570],{8922:(n,e,t)=>{t.d(e,{A:()=>l});var a=t(5037),i=t.n(a),o=t(5720),s=t.n(o)()(i());s.push([n.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-user-onboarding__styles__description___zZYjd{margin-bottom:.75rem;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-user-onboarding__styles__tutorialModal___OQAY6{display:flex;flex-direction:column;gap:.75rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI{border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialTitle___rkDjN{margin-bottom:.75rem;font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialDescription___W42iP{color:#525252;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-user-onboarding__styles__tutorialModal___OQAY6 .-esm-user-onboarding__styles__tutorialItem___4Q5BI .-esm-user-onboarding__styles__tutorialLink___i2N3A{margin-bottom:.75rem;margin-top:.75rem;cursor:pointer}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close-button{position:absolute;inset-block-start:0;inset-inline-end:0;margin:0;margin-top:calc(-1 * 1rem)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close{background-color:rgba(0,0,0,0)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--modal-close:hover{background-color:var(--cds-layer-hover)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--popover--left>.cds--popover>.cds--popover-content{transform:translate(-4rem, 0.85rem)}.-esm-user-onboarding__styles__modalHeader___-rE-W .cds--popover--left>.cds--popover>.cds--popover-caret{transform:translate(-3.75rem, 1.25rem)}","",{version:3,sources:["webpack://./node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/tutorial/styles.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCtDF,mDACE,oBCoBW,CCw0BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFx1BJ,qDACE,YAAA,CACA,qBAAA,CACA,UCaW,CDXX,yGACE,+BAAA,CACA,qBCDS,CDGT,8JACE,oBCMO,CCw0BT,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF10BA,oKACE,aDhBU,CGy1BZ,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFr0BA,6JACE,oBCJO,CDKP,iBCLO,CDMP,cAAA,CAOF,4EACE,iBAAA,CACA,mBAAA,CACA,kBAAA,CACA,QAAA,CACA,0BAAA,CAGF,qEACE,8BAAA,CAEA,2EACE,uCAAA,CAIJ,2GACE,mCAAA,CAGF,yGACE,sCAAA",sourcesContent:["$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: 4rem;\n --workspace-header-height: 3rem;\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/layout';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.description {\n margin-bottom: spacing.$spacing-04;\n @include type.type-style('body-compact-01');\n}\n\n.tutorialModal {\n display: flex;\n flex-direction: column;\n gap: spacing.$spacing-04;\n\n .tutorialItem {\n border-bottom: 1px solid $ui-03;\n padding-bottom: spacing.$spacing-02;\n\n .tutorialTitle {\n margin-bottom: spacing.$spacing-04;\n @include type.type-style('heading-02');\n }\n\n .tutorialDescription {\n color: $color-gray-70;\n @include type.type-style('body-compact-01');\n }\n\n .tutorialLink {\n margin-bottom: spacing.$spacing-04;\n margin-top: spacing.$spacing-04;\n cursor: pointer;\n }\n }\n}\n\n.modalHeader {\n :global {\n .cds--modal-close-button {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 0;\n margin: 0;\n margin-top: calc(-1 * #{layout.$spacing-05});\n }\n\n .cds--modal-close {\n background-color: rgba(0, 0, 0, 0);\n\n &:hover {\n background-color: var(--cds-layer-hover);\n }\n }\n\n .cds--popover--left > .cds--popover > .cds--popover-content {\n transform: translate(-4rem, 0.85rem);\n }\n\n .cds--popover--left > .cds--popover > .cds--popover-caret {\n transform: translate(-3.75rem, 1.25rem);\n }\n }\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),s.locals={description:"-esm-user-onboarding__styles__description___zZYjd",tutorialModal:"-esm-user-onboarding__styles__tutorialModal___OQAY6",tutorialItem:"-esm-user-onboarding__styles__tutorialItem___4Q5BI",tutorialTitle:"-esm-user-onboarding__styles__tutorialTitle___rkDjN",tutorialDescription:"-esm-user-onboarding__styles__tutorialDescription___W42iP",tutorialLink:"-esm-user-onboarding__styles__tutorialLink___i2N3A",modalHeader:"-esm-user-onboarding__styles__modalHeader___-rE-W"};const l=s},3570:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var a=t(6072),i=t.n(a),o=t(3941),s=t(5987),l=t(7710),r=t.n(l),p=t(4583),c=t.n(p),d=t(6765),u=t.n(d),g=t(8206),f=t.n(g),h=t(3930),y=t.n(h),b=t(4079),m=t.n(b),$=t(8922),A={};A.styleTagTransform=m(),A.setAttributes=f(),A.insert=u().bind(null,"head"),A.domAPI=c(),A.insertStyleElement=y(),r()($.A,A);const _=$.A&&$.A.locals?$.A.locals:void 0;var v=t(1867),k=t(2137);const w=function(n){n.open;var e=n.onClose,t=(0,o.useTranslation)().t,a=(0,s.useConfig)().tutorialData,l=(0,s.useAppContext)("tutorial-context");return i().createElement(i().Fragment,null,i().createElement(v.rQ0,{closeModal:e,title:t("tutorial","Tutorial"),className:_.modalHeader},i().createElement("p",{className:_.description},t("modalDescription","Find walkthroughs and video tutorials on some of the core features of OpenMRS."))),i().createElement(v.cwr,{className:_.tutorialModal},i().createElement("ul",null,a.map((function(n,o){return i().createElement("li",{className:_.tutorialItem,key:o},i().createElement("h3",{className:_.tutorialTitle},n.title),i().createElement("p",{className:_.tutorialDescription},n.description),i().createElement(v.N_E,{onClick:function(){return function(n){var t=window.getOpenmrsSpaBase(),i="".concat(t,"home"),o=window.location.pathname,r=a[n],p=function(){l.setSteps(r.steps),l.setShowTutorial(!0)};if(o===i)p();else{(0,s.navigate)({to:i});var c=setInterval((function(){window.location.pathname===i&&(p(),clearInterval(c))}),100)}e()}(o)},className:_.tutorialLink,renderIcon:function(){return i().createElement(k.Qp,{"aria-label":"Arrow Right"})}},t("walkthrough","Walkthrough")))})))))}}}]);
package/dist/59.js ADDED
@@ -0,0 +1 @@
1
+ (globalThis.webpackChunk_openmrs_esm_user_onboarding_app=globalThis.webpackChunk_openmrs_esm_user_onboarding_app||[]).push([[59],{4744:e=>{"use strict";var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===n}(e)}(e)},n="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function r(e,t){return!1!==t.clone&&t.isMergeableObject(e)?a((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function o(e,t,n){return e.concat(t).map((function(e){return r(e,n)}))}function i(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return Object.propertyIsEnumerable.call(e,t)})):[]}(e))}function s(e,t){try{return t in e}catch(e){return!1}}function a(e,n,l){(l=l||{}).arrayMerge=l.arrayMerge||o,l.isMergeableObject=l.isMergeableObject||t,l.cloneUnlessOtherwiseSpecified=r;var c=Array.isArray(n);return c===Array.isArray(e)?c?l.arrayMerge(e,n,l):function(e,t,n){var o={};return n.isMergeableObject(e)&&i(e).forEach((function(t){o[t]=r(e[t],n)})),i(t).forEach((function(i){(function(e,t){return s(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,i)||(s(e,i)&&n.isMergeableObject(t[i])?o[i]=function(e,t){if(!t.customMerge)return a;var n=t.customMerge(e);return"function"==typeof n?n:a}(i,n)(e[i],t[i],n):o[i]=r(t[i],n))})),o}(e,n,l):r(n,l)}a.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return a(e,n,t)}),{})};var l=a;e.exports=l},3778:e=>{"use strict";var t=function(e,t){return e+n(t)},n=function(e){return null===e||"boolean"==typeof e||void 0===e?"":"number"==typeof e?e.toString():"string"==typeof e?e:Array.isArray(e)?e.reduce(t,""):function(e){return Object.prototype.hasOwnProperty.call(e,"props")}(e)&&Object.prototype.hasOwnProperty.call(e.props,"children")?n(e.props.children):""};n.default=n,e.exports=n},2828:e=>{var t=new Error("Element already at target scroll position"),n=new Error("Scroll cancelled"),r=Math.min,o=Date.now;function i(e){return function(i,l,c,u){"function"==typeof(c=c||{})&&(u=c,c={}),"function"!=typeof u&&(u=a);var p=o(),f=i[e],d=c.ease||s,h=isNaN(c.duration)?350:+c.duration,m=!1;return f===l?u(t,i[e]):requestAnimationFrame((function t(s){if(m)return u(n,i[e]);var a=o(),c=r(1,(a-p)/h),y=d(c);i[e]=y*(l-f)+f,c<1?requestAnimationFrame(t):requestAnimationFrame((function(){u(null,i[e])}))})),function(){m=!0}}}function s(e){return.5*(1-Math.cos(Math.PI*e))}function a(){}e.exports={left:i("scrollLeft"),top:i("scrollTop")}},7783:function(e,t){var n,r;void 0===(r="function"==typeof(n=function(){function e(e){var t=getComputedStyle(e,null).getPropertyValue("overflow");return t.indexOf("scroll")>-1||t.indexOf("auto")>-1}return function(t){if(t instanceof HTMLElement||t instanceof SVGElement){for(var n=t.parentNode;n.parentNode;){if(e(n))return n;n=n.parentNode}return document.scrollingElement||document.documentElement}}})?n.apply(t,[]):n)||(e.exports=r)},5059:(e,t,n)=>{"use strict";n.d(t,{kl:()=>Kt,qY:()=>Xt,Ay:()=>Wn});var r=n(6072),o=n.n(r);function i(e){return t=>typeof t===e}var s=i("function"),a=e=>"RegExp"===Object.prototype.toString.call(e).slice(8,-1),l=e=>!c(e)&&!(e=>null===e)(e)&&(s(e)||"object"==typeof e),c=i("undefined");function u(e,t){if(e===t)return!0;if(e&&l(e)&&t&&l(t)){if(e.constructor!==t.constructor)return!1;if(Array.isArray(e)&&Array.isArray(t))return function(e,t){const{length:n}=e;if(n!==t.length)return!1;for(let r=n;0!=r--;)if(!u(e[r],t[r]))return!1;return!0}(e,t);if(e instanceof Map&&t instanceof Map)return function(e,t){if(e.size!==t.size)return!1;for(const n of e.entries())if(!t.has(n[0]))return!1;for(const n of e.entries())if(!u(n[1],t.get(n[0])))return!1;return!0}(e,t);if(e instanceof Set&&t instanceof Set)return function(e,t){if(e.size!==t.size)return!1;for(const n of e.entries())if(!t.has(n[0]))return!1;return!0}(e,t);if(ArrayBuffer.isView(e)&&ArrayBuffer.isView(t))return function(e,t){if(e.byteLength!==t.byteLength)return!1;const n=new DataView(e.buffer),r=new DataView(t.buffer);let o=e.byteLength;for(;o--;)if(n.getUint8(o)!==r.getUint8(o))return!1;return!0}(e,t);if(a(e)&&a(t))return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();const n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(let e=n.length;0!=e--;)if(!Object.prototype.hasOwnProperty.call(t,n[e]))return!1;for(let r=n.length;0!=r--;){const o=n[r];if(!("_owner"===o&&e.$$typeof||u(e[o],t[o])))return!1}return!0}return!(!Number.isNaN(e)||!Number.isNaN(t))||e===t}var p=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],f=["bigint","boolean","null","number","string","symbol","undefined"];function d(e){const t=Object.prototype.toString.call(e).slice(8,-1);return/HTML\w+Element/.test(t)?"HTMLElement":(n=t,p.includes(n)?t:void 0);var n}function h(e){return t=>d(t)===e}function m(e){return t=>typeof t===e}var y=["innerHTML","ownerDocument","style","attributes","nodeValue"];function g(e){if(null===e)return"null";switch(typeof e){case"bigint":return"bigint";case"boolean":return"boolean";case"number":return"number";case"string":return"string";case"symbol":return"symbol";case"undefined":return"undefined"}if(g.array(e))return"Array";if(g.plainFunction(e))return"Function";return d(e)||"Object"}g.array=Array.isArray,g.arrayOf=(e,t)=>!(!g.array(e)&&!g.function(t))&&e.every((e=>t(e))),g.asyncGeneratorFunction=e=>"AsyncGeneratorFunction"===d(e),g.asyncFunction=h("AsyncFunction"),g.bigint=m("bigint"),g.boolean=e=>!0===e||!1===e,g.date=h("Date"),g.defined=e=>!g.undefined(e),g.domElement=e=>g.object(e)&&!g.plainObject(e)&&1===e.nodeType&&g.string(e.nodeName)&&y.every((t=>t in e)),g.empty=e=>g.string(e)&&0===e.length||g.array(e)&&0===e.length||g.object(e)&&!g.map(e)&&!g.set(e)&&0===Object.keys(e).length||g.set(e)&&0===e.size||g.map(e)&&0===e.size,g.error=h("Error"),g.function=m("function"),g.generator=e=>g.iterable(e)&&g.function(e.next)&&g.function(e.throw),g.generatorFunction=h("GeneratorFunction"),g.instanceOf=(e,t)=>!(!e||!t)&&Object.getPrototypeOf(e)===t.prototype,g.iterable=e=>!g.nullOrUndefined(e)&&g.function(e[Symbol.iterator]),g.map=h("Map"),g.nan=e=>Number.isNaN(e),g.null=e=>null===e,g.nullOrUndefined=e=>g.null(e)||g.undefined(e),g.number=e=>m("number")(e)&&!g.nan(e),g.numericString=e=>g.string(e)&&e.length>0&&!Number.isNaN(Number(e)),g.object=e=>!g.nullOrUndefined(e)&&(g.function(e)||"object"==typeof e),g.oneOf=(e,t)=>!!g.array(e)&&e.indexOf(t)>-1,g.plainFunction=h("Function"),g.plainObject=e=>{if("Object"!==d(e))return!1;const t=Object.getPrototypeOf(e);return null===t||t===Object.getPrototypeOf({})},g.primitive=e=>{return g.null(e)||(t=typeof e,f.includes(t));var t},g.promise=h("Promise"),g.propertyOf=(e,t,n)=>{if(!g.object(e)||!t)return!1;const r=e[t];return g.function(n)?n(r):g.defined(r)},g.regexp=h("RegExp"),g.set=h("Set"),g.string=m("string"),g.symbol=m("symbol"),g.undefined=m("undefined"),g.weakMap=h("WeakMap"),g.weakSet=h("WeakSet");var b=g;function v(e,t,n){const{actual:r,key:o,previous:i,type:s}=n,a=P(e,o),l=P(t,o);let c=[a,l].every(b.number)&&("increased"===s?a<l:a>l);return b.undefined(r)||(c=c&&l===r),b.undefined(i)||(c=c&&a===i),c}function w(e,t,n){const{key:r,type:o,value:i}=n,s=P(e,r),a=P(t,r),l="added"===o?s:a,c="added"===o?a:s;return b.nullOrUndefined(i)?[s,a].every(b.array)?!c.every(T(l)):[s,a].every(b.plainObject)?function(e,t){return t.some((t=>!e.includes(t)))}(Object.keys(l),Object.keys(c)):![s,a].every((e=>b.primitive(e)&&b.defined(e)))&&("added"===o?!b.defined(s)&&b.defined(a):b.defined(s)&&!b.defined(a)):b.defined(l)?!(!b.array(l)&&!b.plainObject(l))&&function(e,t,n){return!!k(e,t)&&([e,t].every(b.array)?!e.some(S(n))&&t.some(S(n)):[e,t].every(b.plainObject)?!Object.entries(e).some(E(n))&&Object.entries(t).some(E(n)):t===n)}(l,c,i):u(c,i)}function O(e,t,{key:n}={}){let r=P(e,n),o=P(t,n);if(!k(r,o))throw new TypeError("Inputs have different types");if(!function(...e){return e.every((e=>b.string(e)||b.array(e)||b.plainObject(e)))}(r,o))throw new TypeError("Inputs don't have length");return[r,o].every(b.plainObject)&&(r=Object.keys(r),o=Object.keys(o)),[r,o]}function E(e){return([t,n])=>b.array(e)?u(e,n)||e.some((e=>u(e,n)||b.array(n)&&T(n)(e))):b.plainObject(e)&&e[t]?!!e[t]&&u(e[t],n):u(e,n)}function S(e){return t=>b.array(e)?e.some((e=>u(e,t)||b.array(t)&&T(t)(e))):u(e,t)}function x(e,t){return b.array(e)?e.some((e=>u(e,t))):u(e,t)}function T(e){return t=>e.some((e=>u(e,t)))}function k(...e){return e.every(b.array)||e.every(b.number)||e.every(b.plainObject)||e.every(b.string)}function P(e,t){return b.plainObject(e)||b.array(e)?b.string(t)?t.split(".").reduce(((e,t)=>e&&e[t]),e):b.number(t)?e[t]:e:e}function N(e,t){if([e,t].some(b.nullOrUndefined))throw new Error("Missing required parameters");if(![e,t].every((e=>b.plainObject(e)||b.array(e))))throw new Error("Expected plain objects or array");return{added:(n,r)=>{try{return w(e,t,{key:n,type:"added",value:r})}catch{return!1}},changed:(n,r,o)=>{try{const i=P(e,n),s=P(t,n),a=b.defined(r),l=b.defined(o);if(a||l){const e=l?x(o,i):!x(r,i),t=x(r,s);return e&&t}return[i,s].every(b.array)||[i,s].every(b.plainObject)?!u(i,s):i!==s}catch{return!1}},changedFrom:(n,r,o)=>{if(!b.defined(n))return!1;try{const i=P(e,n),s=P(t,n),a=b.defined(o);return x(r,i)&&(a?x(o,s):!a)}catch{return!1}},decreased:(n,r,o)=>{if(!b.defined(n))return!1;try{return v(e,t,{key:n,actual:r,previous:o,type:"decreased"})}catch{return!1}},emptied:n=>{try{const[r,o]=O(e,t,{key:n});return!!r.length&&!o.length}catch{return!1}},filled:n=>{try{const[r,o]=O(e,t,{key:n});return!r.length&&!!o.length}catch{return!1}},increased:(n,r,o)=>{if(!b.defined(n))return!1;try{return v(e,t,{key:n,actual:r,previous:o,type:"increased"})}catch{return!1}},removed:(n,r)=>{try{return w(e,t,{key:n,type:"removed",value:r})}catch{return!1}}}}var C=n(2828),R=n(7783),j=n(961),I=n(4744),L=n.n(I),A=n(5556),M=n.n(A),F="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof navigator,D=function(){for(var e=["Edge","Trident","Firefox"],t=0;t<e.length;t+=1)if(F&&navigator.userAgent.indexOf(e[t])>=0)return 1;return 0}(),B=F&&window.Promise?function(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then((function(){t=!1,e()})))}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout((function(){t=!1,e()}),D))}};function _(e){return e&&"[object Function]"==={}.toString.call(e)}function W(e,t){if(1!==e.nodeType)return[];var n=e.ownerDocument.defaultView.getComputedStyle(e,null);return t?n[t]:n}function z(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function U(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=W(e),n=t.overflow,r=t.overflowX,o=t.overflowY;return/(auto|scroll|overlay)/.test(n+o+r)?e:U(z(e))}function H(e){return e&&e.referenceNode?e.referenceNode:e}var G=F&&!(!window.MSInputMethodContext||!document.documentMode),q=F&&/MSIE 10/.test(navigator.userAgent);function V(e){return 11===e?G:10===e?q:G||q}function Y(e){if(!e)return document.documentElement;for(var t=V(10)?document.body:null,n=e.offsetParent||null;n===t&&e.nextElementSibling;)n=(e=e.nextElementSibling).offsetParent;var r=n&&n.nodeName;return r&&"BODY"!==r&&"HTML"!==r?-1!==["TH","TD","TABLE"].indexOf(n.nodeName)&&"static"===W(n,"position")?Y(n):n:e?e.ownerDocument.documentElement:document.documentElement}function $(e){return null!==e.parentNode?$(e.parentNode):e}function K(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var n=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,r=n?e:t,o=n?t:e,i=document.createRange();i.setStart(r,0),i.setEnd(o,0);var s,a,l=i.commonAncestorContainer;if(e!==l&&t!==l||r.contains(o))return"BODY"===(a=(s=l).nodeName)||"HTML"!==a&&Y(s.firstElementChild)!==s?Y(l):l;var c=$(e);return c.host?K(c.host,t):K(e,$(t).host)}function X(e){var t="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",n=e.nodeName;if("BODY"===n||"HTML"===n){var r=e.ownerDocument.documentElement;return(e.ownerDocument.scrollingElement||r)[t]}return e[t]}function J(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"])+parseFloat(e["border"+r+"Width"])}function Z(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],V(10)?parseInt(n["offset"+e])+parseInt(r["margin"+("Height"===e?"Top":"Left")])+parseInt(r["margin"+("Height"===e?"Bottom":"Right")]):0)}function Q(e){var t=e.body,n=e.documentElement,r=V(10)&&getComputedStyle(n);return{height:Z("Height",t,n,r),width:Z("Width",t,n,r)}}var ee=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),te=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};function re(e){return ne({},e,{right:e.left+e.width,bottom:e.top+e.height})}function oe(e){var t={};try{if(V(10)){t=e.getBoundingClientRect();var n=X(e,"top"),r=X(e,"left");t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}else t=e.getBoundingClientRect()}catch(e){}var o={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},i="HTML"===e.nodeName?Q(e.ownerDocument):{},s=i.width||e.clientWidth||o.width,a=i.height||e.clientHeight||o.height,l=e.offsetWidth-s,c=e.offsetHeight-a;if(l||c){var u=W(e);l-=J(u,"x"),c-=J(u,"y"),o.width-=l,o.height-=c}return re(o)}function ie(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=V(10),o="HTML"===t.nodeName,i=oe(e),s=oe(t),a=U(e),l=W(t),c=parseFloat(l.borderTopWidth),u=parseFloat(l.borderLeftWidth);n&&o&&(s.top=Math.max(s.top,0),s.left=Math.max(s.left,0));var p=re({top:i.top-s.top-c,left:i.left-s.left-u,width:i.width,height:i.height});if(p.marginTop=0,p.marginLeft=0,!r&&o){var f=parseFloat(l.marginTop),d=parseFloat(l.marginLeft);p.top-=c-f,p.bottom-=c-f,p.left-=u-d,p.right-=u-d,p.marginTop=f,p.marginLeft=d}return(r&&!n?t.contains(a):t===a&&"BODY"!==a.nodeName)&&(p=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=X(t,"top"),o=X(t,"left"),i=n?-1:1;return e.top+=r*i,e.bottom+=r*i,e.left+=o*i,e.right+=o*i,e}(p,t)),p}function se(e){var t=e.nodeName;if("BODY"===t||"HTML"===t)return!1;if("fixed"===W(e,"position"))return!0;var n=z(e);return!!n&&se(n)}function ae(e){if(!e||!e.parentElement||V())return document.documentElement;for(var t=e.parentElement;t&&"none"===W(t,"transform");)t=t.parentElement;return t||document.documentElement}function le(e,t,n,r){var o=arguments.length>4&&void 0!==arguments[4]&&arguments[4],i={top:0,left:0},s=o?ae(e):K(e,H(t));if("viewport"===r)i=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.ownerDocument.documentElement,r=ie(e,n),o=Math.max(n.clientWidth,window.innerWidth||0),i=Math.max(n.clientHeight,window.innerHeight||0),s=t?0:X(n),a=t?0:X(n,"left");return re({top:s-r.top+r.marginTop,left:a-r.left+r.marginLeft,width:o,height:i})}(s,o);else{var a=void 0;"scrollParent"===r?"BODY"===(a=U(z(t))).nodeName&&(a=e.ownerDocument.documentElement):a="window"===r?e.ownerDocument.documentElement:r;var l=ie(a,s,o);if("HTML"!==a.nodeName||se(s))i=l;else{var c=Q(e.ownerDocument),u=c.height,p=c.width;i.top+=l.top-l.marginTop,i.bottom=u+l.top,i.left+=l.left-l.marginLeft,i.right=p+l.left}}var f="number"==typeof(n=n||0);return i.left+=f?n:n.left||0,i.top+=f?n:n.top||0,i.right-=f?n:n.right||0,i.bottom-=f?n:n.bottom||0,i}function ce(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf("auto"))return e;var s=le(n,r,i,o),a={top:{width:s.width,height:t.top-s.top},right:{width:s.right-t.right,height:s.height},bottom:{width:s.width,height:s.bottom-t.bottom},left:{width:t.left-s.left,height:s.height}},l=Object.keys(a).map((function(e){return ne({key:e},a[e],{area:(t=a[e],t.width*t.height)});var t})).sort((function(e,t){return t.area-e.area})),c=l.filter((function(e){var t=e.width,r=e.height;return t>=n.clientWidth&&r>=n.clientHeight})),u=c.length>0?c[0].key:l[0].key,p=e.split("-")[1];return u+(p?"-"+p:"")}function ue(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return ie(n,r?ae(t):K(t,H(n)),r)}function pe(e){var t=e.ownerDocument.defaultView.getComputedStyle(e),n=parseFloat(t.marginTop||0)+parseFloat(t.marginBottom||0),r=parseFloat(t.marginLeft||0)+parseFloat(t.marginRight||0);return{width:e.offsetWidth+r,height:e.offsetHeight+n}}function fe(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,(function(e){return t[e]}))}function de(e,t,n){n=n.split("-")[0];var r=pe(e),o={width:r.width,height:r.height},i=-1!==["right","left"].indexOf(n),s=i?"top":"left",a=i?"left":"top",l=i?"height":"width",c=i?"width":"height";return o[s]=t[s]+t[l]/2-r[l]/2,o[a]=n===a?t[a]-r[c]:t[fe(a)],o}function he(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function me(e,t,n){return(void 0===n?e:e.slice(0,function(e,t,n){if(Array.prototype.findIndex)return e.findIndex((function(e){return e[t]===n}));var r=he(e,(function(e){return e[t]===n}));return e.indexOf(r)}(e,"name",n))).forEach((function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=e.function||e.fn;e.enabled&&_(n)&&(t.offsets.popper=re(t.offsets.popper),t.offsets.reference=re(t.offsets.reference),t=n(t,e))})),t}function ye(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=ue(this.state,this.popper,this.reference,this.options.positionFixed),e.placement=ce(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.positionFixed=this.options.positionFixed,e.offsets.popper=de(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position=this.options.positionFixed?"fixed":"absolute",e=me(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function ge(e,t){return e.some((function(e){var n=e.name;return e.enabled&&n===t}))}function be(e){for(var t=[!1,"ms","Webkit","Moz","O"],n=e.charAt(0).toUpperCase()+e.slice(1),r=0;r<t.length;r++){var o=t[r],i=o?""+o+n:e;if(void 0!==document.body.style[i])return i}return null}function ve(){return this.state.isDestroyed=!0,ge(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.position="",this.popper.style.top="",this.popper.style.left="",this.popper.style.right="",this.popper.style.bottom="",this.popper.style.willChange="",this.popper.style[be("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function we(e){var t=e.ownerDocument;return t?t.defaultView:window}function Oe(e,t,n,r){var o="BODY"===e.nodeName,i=o?e.ownerDocument.defaultView:e;i.addEventListener(t,n,{passive:!0}),o||Oe(U(i.parentNode),t,n,r),r.push(i)}function Ee(e,t,n,r){n.updateBound=r,we(e).addEventListener("resize",n.updateBound,{passive:!0});var o=U(e);return Oe(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function Se(){this.state.eventsEnabled||(this.state=Ee(this.reference,this.options,this.state,this.scheduleUpdate))}function xe(){var e,t;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(e=this.reference,t=this.state,we(e).removeEventListener("resize",t.updateBound),t.scrollParents.forEach((function(e){e.removeEventListener("scroll",t.updateBound)})),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t))}function Te(e){return""!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function ke(e,t){Object.keys(t).forEach((function(n){var r="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&Te(t[n])&&(r="px"),e.style[n]=t[n]+r}))}var Pe=F&&/Firefox/i.test(navigator.userAgent);function Ne(e,t,n){var r=he(e,(function(e){return e.name===t})),o=!!r&&e.some((function(e){return e.name===n&&e.enabled&&e.order<r.order}));if(!o){var i="`"+t+"`",s="`"+n+"`";console.warn(s+" modifier is required by "+i+" modifier in order to work, be sure to include it before "+i+"!")}return o}var Ce=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],Re=Ce.slice(3);function je(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=Re.indexOf(e),r=Re.slice(n+1).concat(Re.slice(0,n));return t?r.reverse():r}var Ie={shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,n=t.split("-")[0],r=t.split("-")[1];if(r){var o=e.offsets,i=o.reference,s=o.popper,a=-1!==["bottom","top"].indexOf(n),l=a?"left":"top",c=a?"width":"height",u={start:te({},l,i[l]),end:te({},l,i[l]+i[c]-s[c])};e.offsets.popper=ne({},s,u[r])}return e}},offset:{order:200,enabled:!0,fn:function(e,t){var n,r=t.offset,o=e.placement,i=e.offsets,s=i.popper,a=i.reference,l=o.split("-")[0];return n=Te(+r)?[+r,0]:function(e,t,n,r){var o=[0,0],i=-1!==["right","left"].indexOf(r),s=e.split(/(\+|\-)/).map((function(e){return e.trim()})),a=s.indexOf(he(s,(function(e){return-1!==e.search(/,|\s/)})));s[a]&&-1===s[a].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=-1!==a?[s.slice(0,a).concat([s[a].split(l)[0]]),[s[a].split(l)[1]].concat(s.slice(a+1))]:[s];return(c=c.map((function(e,r){var o=(1===r?!i:i)?"height":"width",s=!1;return e.reduce((function(e,t){return""===e[e.length-1]&&-1!==["+","-"].indexOf(t)?(e[e.length-1]=t,s=!0,e):s?(e[e.length-1]+=t,s=!1,e):e.concat(t)}),[]).map((function(e){return function(e,t,n,r){var o=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),i=+o[1],s=o[2];return i?0===s.indexOf("%")?re("%p"===s?n:r)[t]/100*i:"vh"===s||"vw"===s?("vh"===s?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*i:i:e}(e,o,t,n)}))}))).forEach((function(e,t){e.forEach((function(n,r){Te(n)&&(o[t]+=n*("-"===e[r-1]?-1:1))}))})),o}(r,s,a,l),"left"===l?(s.top+=n[0],s.left-=n[1]):"right"===l?(s.top+=n[0],s.left+=n[1]):"top"===l?(s.left+=n[0],s.top-=n[1]):"bottom"===l&&(s.left+=n[0],s.top+=n[1]),e.popper=s,e},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var n=t.boundariesElement||Y(e.instance.popper);e.instance.reference===n&&(n=Y(n));var r=be("transform"),o=e.instance.popper.style,i=o.top,s=o.left,a=o[r];o.top="",o.left="",o[r]="";var l=le(e.instance.popper,e.instance.reference,t.padding,n,e.positionFixed);o.top=i,o.left=s,o[r]=a,t.boundaries=l;var c=t.priority,u=e.offsets.popper,p={primary:function(e){var n=u[e];return u[e]<l[e]&&!t.escapeWithReference&&(n=Math.max(u[e],l[e])),te({},e,n)},secondary:function(e){var n="right"===e?"left":"top",r=u[n];return u[e]>l[e]&&!t.escapeWithReference&&(r=Math.min(u[n],l[e]-("right"===e?u.width:u.height))),te({},n,r)}};return c.forEach((function(e){var t=-1!==["left","top"].indexOf(e)?"primary":"secondary";u=ne({},u,p[t](e))})),e.offsets.popper=u,e},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,n=t.popper,r=t.reference,o=e.placement.split("-")[0],i=Math.floor,s=-1!==["top","bottom"].indexOf(o),a=s?"right":"bottom",l=s?"left":"top",c=s?"width":"height";return n[a]<i(r[l])&&(e.offsets.popper[l]=i(r[l])-n[c]),n[l]>i(r[a])&&(e.offsets.popper[l]=i(r[a])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){var n;if(!Ne(e.instance.modifiers,"arrow","keepTogether"))return e;var r=t.element;if("string"==typeof r){if(!(r=e.instance.popper.querySelector(r)))return e}else if(!e.instance.popper.contains(r))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),e;var o=e.placement.split("-")[0],i=e.offsets,s=i.popper,a=i.reference,l=-1!==["left","right"].indexOf(o),c=l?"height":"width",u=l?"Top":"Left",p=u.toLowerCase(),f=l?"left":"top",d=l?"bottom":"right",h=pe(r)[c];a[d]-h<s[p]&&(e.offsets.popper[p]-=s[p]-(a[d]-h)),a[p]+h>s[d]&&(e.offsets.popper[p]+=a[p]+h-s[d]),e.offsets.popper=re(e.offsets.popper);var m=a[p]+a[c]/2-h/2,y=W(e.instance.popper),g=parseFloat(y["margin"+u]),b=parseFloat(y["border"+u+"Width"]),v=m-e.offsets.popper[p]-g-b;return v=Math.max(Math.min(s[c]-h,v),0),e.arrowElement=r,e.offsets.arrow=(te(n={},p,Math.round(v)),te(n,f,""),n),e},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(e,t){if(ge(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var n=le(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),r=e.placement.split("-")[0],o=fe(r),i=e.placement.split("-")[1]||"",s=[];switch(t.behavior){case"flip":s=[r,o];break;case"clockwise":s=je(r);break;case"counterclockwise":s=je(r,!0);break;default:s=t.behavior}return s.forEach((function(a,l){if(r!==a||s.length===l+1)return e;r=e.placement.split("-")[0],o=fe(r);var c=e.offsets.popper,u=e.offsets.reference,p=Math.floor,f="left"===r&&p(c.right)>p(u.left)||"right"===r&&p(c.left)<p(u.right)||"top"===r&&p(c.bottom)>p(u.top)||"bottom"===r&&p(c.top)<p(u.bottom),d=p(c.left)<p(n.left),h=p(c.right)>p(n.right),m=p(c.top)<p(n.top),y=p(c.bottom)>p(n.bottom),g="left"===r&&d||"right"===r&&h||"top"===r&&m||"bottom"===r&&y,b=-1!==["top","bottom"].indexOf(r),v=!!t.flipVariations&&(b&&"start"===i&&d||b&&"end"===i&&h||!b&&"start"===i&&m||!b&&"end"===i&&y),w=!!t.flipVariationsByContent&&(b&&"start"===i&&h||b&&"end"===i&&d||!b&&"start"===i&&y||!b&&"end"===i&&m),O=v||w;(f||g||O)&&(e.flipped=!0,(f||g)&&(r=s[l+1]),O&&(i=function(e){return"end"===e?"start":"start"===e?"end":e}(i)),e.placement=r+(i?"-"+i:""),e.offsets.popper=ne({},e.offsets.popper,de(e.instance.popper,e.offsets.reference,e.placement)),e=me(e.instance.modifiers,e,"flip"))})),e},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,n=t.split("-")[0],r=e.offsets,o=r.popper,i=r.reference,s=-1!==["left","right"].indexOf(n),a=-1===["top","left"].indexOf(n);return o[s?"left":"top"]=i[n]-(a?o[s?"width":"height"]:0),e.placement=fe(t),e.offsets.popper=re(o),e}},hide:{order:800,enabled:!0,fn:function(e){if(!Ne(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,n=he(e.instance.modifiers,(function(e){return"preventOverflow"===e.name})).boundaries;if(t.bottom<n.top||t.left>n.right||t.top>n.bottom||t.right<n.left){if(!0===e.hide)return e;e.hide=!0,e.attributes["x-out-of-boundaries"]=""}else{if(!1===e.hide)return e;e.hide=!1,e.attributes["x-out-of-boundaries"]=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var n=t.x,r=t.y,o=e.offsets.popper,i=he(e.instance.modifiers,(function(e){return"applyStyle"===e.name})).gpuAcceleration;void 0!==i&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var s,a,l=void 0!==i?i:t.gpuAcceleration,c=Y(e.instance.popper),u=oe(c),p={position:o.position},f=function(e,t){var n=e.offsets,r=n.popper,o=n.reference,i=Math.round,s=Math.floor,a=function(e){return e},l=i(o.width),c=i(r.width),u=-1!==["left","right"].indexOf(e.placement),p=-1!==e.placement.indexOf("-"),f=t?u||p||l%2==c%2?i:s:a,d=t?i:a;return{left:f(l%2==1&&c%2==1&&!p&&t?r.left-1:r.left),top:d(r.top),bottom:d(r.bottom),right:f(r.right)}}(e,window.devicePixelRatio<2||!Pe),d="bottom"===n?"top":"bottom",h="right"===r?"left":"right",m=be("transform");if(a="bottom"===d?"HTML"===c.nodeName?-c.clientHeight+f.bottom:-u.height+f.bottom:f.top,s="right"===h?"HTML"===c.nodeName?-c.clientWidth+f.right:-u.width+f.right:f.left,l&&m)p[m]="translate3d("+s+"px, "+a+"px, 0)",p[d]=0,p[h]=0,p.willChange="transform";else{var y="bottom"===d?-1:1,g="right"===h?-1:1;p[d]=a*y,p[h]=s*g,p.willChange=d+", "+h}var b={"x-placement":e.placement};return e.attributes=ne({},b,e.attributes),e.styles=ne({},p,e.styles),e.arrowStyles=ne({},e.offsets.arrow,e.arrowStyles),e},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(e){var t,n;return ke(e.instance.popper,e.styles),t=e.instance.popper,n=e.attributes,Object.keys(n).forEach((function(e){!1!==n[e]?t.setAttribute(e,n[e]):t.removeAttribute(e)})),e.arrowElement&&Object.keys(e.arrowStyles).length&&ke(e.arrowElement,e.arrowStyles),e},onLoad:function(e,t,n,r,o){var i=ue(o,t,e,n.positionFixed),s=ce(n.placement,i,t,e,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return t.setAttribute("x-placement",s),ke(t,{position:n.positionFixed?"fixed":"absolute"}),n},gpuAcceleration:void 0}},Le={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:Ie},Ae=function(){function e(t,n){var r=this,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.scheduleUpdate=function(){return requestAnimationFrame(r.update)},this.update=B(this.update.bind(this)),this.options=ne({},e.Defaults,o),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=t&&t.jquery?t[0]:t,this.popper=n&&n.jquery?n[0]:n,this.options.modifiers={},Object.keys(ne({},e.Defaults.modifiers,o.modifiers)).forEach((function(t){r.options.modifiers[t]=ne({},e.Defaults.modifiers[t]||{},o.modifiers?o.modifiers[t]:{})})),this.modifiers=Object.keys(this.options.modifiers).map((function(e){return ne({name:e},r.options.modifiers[e])})).sort((function(e,t){return e.order-t.order})),this.modifiers.forEach((function(e){e.enabled&&_(e.onLoad)&&e.onLoad(r.reference,r.popper,r.options,e,r.state)})),this.update();var i=this.options.eventsEnabled;i&&this.enableEventListeners(),this.state.eventsEnabled=i}return ee(e,[{key:"update",value:function(){return ye.call(this)}},{key:"destroy",value:function(){return ve.call(this)}},{key:"enableEventListeners",value:function(){return Se.call(this)}},{key:"disableEventListeners",value:function(){return xe.call(this)}}]),e}();Ae.Utils=("undefined"!=typeof window?window:n.g).PopperUtils,Ae.placements=Ce,Ae.Defaults=Le;const Me=Ae;var Fe=["innerHTML","ownerDocument","style","attributes","nodeValue"],De=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],Be=["bigint","boolean","null","number","string","symbol","undefined"];function _e(e){var t,n=Object.prototype.toString.call(e).slice(8,-1);return/HTML\w+Element/.test(n)?"HTMLElement":(t=n,De.includes(t)?n:void 0)}function We(e){return function(t){return _e(t)===e}}function ze(e){return function(t){return typeof t===e}}function Ue(e){if(null===e)return"null";switch(typeof e){case"bigint":return"bigint";case"boolean":return"boolean";case"number":return"number";case"string":return"string";case"symbol":return"symbol";case"undefined":return"undefined"}return Ue.array(e)?"Array":Ue.plainFunction(e)?"Function":_e(e)||"Object"}Ue.array=Array.isArray,Ue.arrayOf=function(e,t){return!(!Ue.array(e)&&!Ue.function(t))&&e.every((function(e){return t(e)}))},Ue.asyncGeneratorFunction=function(e){return"AsyncGeneratorFunction"===_e(e)},Ue.asyncFunction=We("AsyncFunction"),Ue.bigint=ze("bigint"),Ue.boolean=function(e){return!0===e||!1===e},Ue.date=We("Date"),Ue.defined=function(e){return!Ue.undefined(e)},Ue.domElement=function(e){return Ue.object(e)&&!Ue.plainObject(e)&&1===e.nodeType&&Ue.string(e.nodeName)&&Fe.every((function(t){return t in e}))},Ue.empty=function(e){return Ue.string(e)&&0===e.length||Ue.array(e)&&0===e.length||Ue.object(e)&&!Ue.map(e)&&!Ue.set(e)&&0===Object.keys(e).length||Ue.set(e)&&0===e.size||Ue.map(e)&&0===e.size},Ue.error=We("Error"),Ue.function=ze("function"),Ue.generator=function(e){return Ue.iterable(e)&&Ue.function(e.next)&&Ue.function(e.throw)},Ue.generatorFunction=We("GeneratorFunction"),Ue.instanceOf=function(e,t){return!(!e||!t)&&Object.getPrototypeOf(e)===t.prototype},Ue.iterable=function(e){return!Ue.nullOrUndefined(e)&&Ue.function(e[Symbol.iterator])},Ue.map=We("Map"),Ue.nan=function(e){return Number.isNaN(e)},Ue.null=function(e){return null===e},Ue.nullOrUndefined=function(e){return Ue.null(e)||Ue.undefined(e)},Ue.number=function(e){return ze("number")(e)&&!Ue.nan(e)},Ue.numericString=function(e){return Ue.string(e)&&e.length>0&&!Number.isNaN(Number(e))},Ue.object=function(e){return!Ue.nullOrUndefined(e)&&(Ue.function(e)||"object"==typeof e)},Ue.oneOf=function(e,t){return!!Ue.array(e)&&e.indexOf(t)>-1},Ue.plainFunction=We("Function"),Ue.plainObject=function(e){if("Object"!==_e(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.getPrototypeOf({})},Ue.primitive=function(e){return Ue.null(e)||(t=typeof e,Be.includes(t));var t},Ue.promise=We("Promise"),Ue.propertyOf=function(e,t,n){if(!Ue.object(e)||!t)return!1;var r=e[t];return Ue.function(n)?n(r):Ue.defined(r)},Ue.regexp=We("RegExp"),Ue.set=We("Set"),Ue.string=ze("string"),Ue.symbol=ze("symbol"),Ue.undefined=ze("undefined"),Ue.weakMap=We("WeakMap"),Ue.weakSet=We("WeakSet");const He=Ue;function Ge(e){return function(t){return typeof t===e}}var qe=Ge("function"),Ve=function(e){return"RegExp"===Object.prototype.toString.call(e).slice(8,-1)},Ye=function(e){return!$e(e)&&!function(e){return null===e}(e)&&(qe(e)||"object"==typeof e)},$e=Ge("undefined"),Ke=function(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")};function Xe(e,t){if(e===t)return!0;if(e&&Ye(e)&&t&&Ye(t)){if(e.constructor!==t.constructor)return!1;if(Array.isArray(e)&&Array.isArray(t))return function(e,t){var n=e.length;if(n!==t.length)return!1;for(var r=n;0!=r--;)if(!Xe(e[r],t[r]))return!1;return!0}(e,t);if(e instanceof Map&&t instanceof Map)return function(e,t){var n,r,o,i;if(e.size!==t.size)return!1;try{for(var s=Ke(e.entries()),a=s.next();!a.done;a=s.next()){var l=a.value;if(!t.has(l[0]))return!1}}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=s.return)&&r.call(s)}finally{if(n)throw n.error}}try{for(var c=Ke(e.entries()),u=c.next();!u.done;u=c.next())if(!Xe((l=u.value)[1],t.get(l[0])))return!1}catch(e){o={error:e}}finally{try{u&&!u.done&&(i=c.return)&&i.call(c)}finally{if(o)throw o.error}}return!0}(e,t);if(e instanceof Set&&t instanceof Set)return function(e,t){var n,r;if(e.size!==t.size)return!1;try{for(var o=Ke(e.entries()),i=o.next();!i.done;i=o.next()){var s=i.value;if(!t.has(s[0]))return!1}}catch(e){n={error:e}}finally{try{i&&!i.done&&(r=o.return)&&r.call(o)}finally{if(n)throw n.error}}return!0}(e,t);if(ArrayBuffer.isView(e)&&ArrayBuffer.isView(t))return function(e,t){if(e.byteLength!==t.byteLength)return!1;for(var n=new DataView(e.buffer),r=new DataView(t.buffer),o=e.byteLength;o--;)if(n.getUint8(o)!==r.getUint8(o))return!1;return!0}(e,t);if(Ve(e)&&Ve(t))return e.source===t.source&&e.flags===t.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===t.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===t.toString();var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(var o=n.length;0!=o--;)if(!Object.prototype.hasOwnProperty.call(t,n[o]))return!1;for(o=n.length;0!=o--;){var i=n[o];if(!("_owner"===i&&e.$$typeof||Xe(e[i],t[i])))return!1}return!0}return!(!Number.isNaN(e)||!Number.isNaN(t))||e===t}var Je=["innerHTML","ownerDocument","style","attributes","nodeValue"],Ze=["Array","ArrayBuffer","AsyncFunction","AsyncGenerator","AsyncGeneratorFunction","Date","Error","Function","Generator","GeneratorFunction","HTMLElement","Map","Object","Promise","RegExp","Set","WeakMap","WeakSet"],Qe=["bigint","boolean","null","number","string","symbol","undefined"];function et(e){var t,n=Object.prototype.toString.call(e).slice(8,-1);return/HTML\w+Element/.test(n)?"HTMLElement":(t=n,Ze.includes(t)?n:void 0)}function tt(e){return function(t){return et(t)===e}}function nt(e){return function(t){return typeof t===e}}function rt(e){if(null===e)return"null";switch(typeof e){case"bigint":return"bigint";case"boolean":return"boolean";case"number":return"number";case"string":return"string";case"symbol":return"symbol";case"undefined":return"undefined"}return rt.array(e)?"Array":rt.plainFunction(e)?"Function":et(e)||"Object"}rt.array=Array.isArray,rt.arrayOf=function(e,t){return!(!rt.array(e)&&!rt.function(t))&&e.every((function(e){return t(e)}))},rt.asyncGeneratorFunction=function(e){return"AsyncGeneratorFunction"===et(e)},rt.asyncFunction=tt("AsyncFunction"),rt.bigint=nt("bigint"),rt.boolean=function(e){return!0===e||!1===e},rt.date=tt("Date"),rt.defined=function(e){return!rt.undefined(e)},rt.domElement=function(e){return rt.object(e)&&!rt.plainObject(e)&&1===e.nodeType&&rt.string(e.nodeName)&&Je.every((function(t){return t in e}))},rt.empty=function(e){return rt.string(e)&&0===e.length||rt.array(e)&&0===e.length||rt.object(e)&&!rt.map(e)&&!rt.set(e)&&0===Object.keys(e).length||rt.set(e)&&0===e.size||rt.map(e)&&0===e.size},rt.error=tt("Error"),rt.function=nt("function"),rt.generator=function(e){return rt.iterable(e)&&rt.function(e.next)&&rt.function(e.throw)},rt.generatorFunction=tt("GeneratorFunction"),rt.instanceOf=function(e,t){return!(!e||!t)&&Object.getPrototypeOf(e)===t.prototype},rt.iterable=function(e){return!rt.nullOrUndefined(e)&&rt.function(e[Symbol.iterator])},rt.map=tt("Map"),rt.nan=function(e){return Number.isNaN(e)},rt.null=function(e){return null===e},rt.nullOrUndefined=function(e){return rt.null(e)||rt.undefined(e)},rt.number=function(e){return nt("number")(e)&&!rt.nan(e)},rt.numericString=function(e){return rt.string(e)&&e.length>0&&!Number.isNaN(Number(e))},rt.object=function(e){return!rt.nullOrUndefined(e)&&(rt.function(e)||"object"==typeof e)},rt.oneOf=function(e,t){return!!rt.array(e)&&e.indexOf(t)>-1},rt.plainFunction=tt("Function"),rt.plainObject=function(e){if("Object"!==et(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.getPrototypeOf({})},rt.primitive=function(e){return rt.null(e)||(t=typeof e,Qe.includes(t));var t},rt.promise=tt("Promise"),rt.propertyOf=function(e,t,n){if(!rt.object(e)||!t)return!1;var r=e[t];return rt.function(n)?n(r):rt.defined(r)},rt.regexp=tt("RegExp"),rt.set=tt("Set"),rt.string=nt("string"),rt.symbol=nt("symbol"),rt.undefined=nt("undefined"),rt.weakMap=tt("WeakMap"),rt.weakSet=tt("WeakSet");const ot=rt;function it(e,t,n){var r=n.actual,o=n.key,i=n.previous,s=n.type,a=dt(e,o),l=dt(t,o),c=[a,l].every(ot.number)&&("increased"===s?a<l:a>l);return ot.undefined(r)||(c=c&&l===r),ot.undefined(i)||(c=c&&a===i),c}function st(e,t,n){var r=n.key,o=n.type,i=n.value,s=dt(e,r),a=dt(t,r),l="added"===o?s:a,c="added"===o?a:s;return ot.nullOrUndefined(i)?[s,a].every(ot.array)?!c.every(pt(l)):[s,a].every(ot.plainObject)?function(e,t){return t.some((function(t){return!e.includes(t)}))}(Object.keys(l),Object.keys(c)):![s,a].every((function(e){return ot.primitive(e)&&ot.defined(e)}))&&("added"===o?!ot.defined(s)&&ot.defined(a):ot.defined(s)&&!ot.defined(a)):ot.defined(l)?!(!ot.array(l)&&!ot.plainObject(l))&&function(e,t,n){return!!ft(e,t)&&([e,t].every(ot.array)?!e.some(ct(n))&&t.some(ct(n)):[e,t].every(ot.plainObject)?!Object.entries(e).some(lt(n))&&Object.entries(t).some(lt(n)):t===n)}(l,c,i):Xe(c,i)}function at(e,t,n){var r=(void 0===n?{}:n).key,o=dt(e,r),i=dt(t,r);if(!ft(o,i))throw new TypeError("Inputs have different types");if(!function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.every((function(e){return ot.string(e)||ot.array(e)||ot.plainObject(e)}))}(o,i))throw new TypeError("Inputs don't have length");return[o,i].every(ot.plainObject)&&(o=Object.keys(o),i=Object.keys(i)),[o,i]}function lt(e){return function(t){var n=t[0],r=t[1];return ot.array(e)?Xe(e,r)||e.some((function(e){return Xe(e,r)||ot.array(r)&&pt(r)(e)})):ot.plainObject(e)&&e[n]?!!e[n]&&Xe(e[n],r):Xe(e,r)}}function ct(e){return function(t){return ot.array(e)?e.some((function(e){return Xe(e,t)||ot.array(t)&&pt(t)(e)})):Xe(e,t)}}function ut(e,t){return ot.array(e)?e.some((function(e){return Xe(e,t)})):Xe(e,t)}function pt(e){return function(t){return e.some((function(e){return Xe(e,t)}))}}function ft(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.every(ot.array)||e.every(ot.number)||e.every(ot.plainObject)||e.every(ot.string)}function dt(e,t){return ot.plainObject(e)||ot.array(e)?ot.string(t)?t.split(".").reduce((function(e,t){return e&&e[t]}),e):ot.number(t)?e[t]:e:e}function ht(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ht(Object(n),!0).forEach((function(t){vt(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ht(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function yt(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function gt(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,kt(r.key),r)}}function bt(e,t,n){return t&&gt(e.prototype,t),n&&gt(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function vt(e,t,n){return(t=kt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function wt(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Et(e,t)}function Ot(e){return Ot=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ot(e)}function Et(e,t){return Et=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Et(e,t)}function St(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function xt(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Tt(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=Ot(e);if(t){var o=Ot(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return xt(e)}(this,n)}}function kt(e){var t=function(e){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==typeof t?t:String(t)}var Pt={flip:{padding:20},preventOverflow:{padding:10}};function Nt(e,t,n){return function(e,t){if("function"!=typeof e)throw new TypeError("The typeValidator argument must be a function with the signature function(props, propName, componentName).");if(Boolean(t)&&"string"!=typeof t)throw new TypeError("The error message is optional, but must be a string if provided.")}(e,n),function(r,o,i){for(var s=arguments.length,a=new Array(s>3?s-3:0),l=3;l<s;l++)a[l-3]=arguments[l];return function(e,t,n,r){return"boolean"==typeof e?e:"function"==typeof e?e(t,n,r):!0===Boolean(e)&&Boolean(e)}(t,r,o,i)?function(e,t){return Object.hasOwnProperty.call(e,t)}(r,o)?e.apply(void 0,[r,o,i].concat(a)):function(e,t,n,r){return r?new Error(r):new Error("Required ".concat(e[t]," `").concat(t,"` was not specified in `").concat(n,"`."))}(r,o,i,n):e.apply(void 0,[r,o,i].concat(a))}}var Ct={INIT:"init",IDLE:"idle",OPENING:"opening",OPEN:"open",CLOSING:"closing",ERROR:"error"},Rt=void 0!==j.createPortal;function jt(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function It(){return"ontouchstart"in window&&/Mobi/.test(navigator.userAgent)}function Lt(e){var t=e.title,n=e.data,r=e.warn,o=void 0!==r&&r,i=e.debug,s=void 0!==i&&i,a=o?console.warn||console.error:console.log;s&&t&&n&&(console.groupCollapsed("%creact-floater: ".concat(t),"color: #9b00ff; font-weight: bold; font-size: 12px;"),Array.isArray(n)?n.forEach((function(e){He.plainObject(e)&&e.key?a.apply(console,[e.key,e.value]):a.apply(console,[e])})):a.apply(console,[n]),console.groupEnd())}function At(){}var Mt=function(e){wt(n,e);var t=Tt(n);function n(){return yt(this,n),t.apply(this,arguments)}return bt(n,[{key:"componentDidMount",value:function(){jt()&&(this.node||this.appendNode(),Rt||this.renderPortal())}},{key:"componentDidUpdate",value:function(){jt()&&(Rt||this.renderPortal())}},{key:"componentWillUnmount",value:function(){jt()&&this.node&&(Rt||j.unmountComponentAtNode(this.node),this.node&&this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=void 0))}},{key:"appendNode",value:function(){var e=this.props,t=e.id,n=e.zIndex;this.node||(this.node=document.createElement("div"),t&&(this.node.id=t),n&&(this.node.style.zIndex=n),document.body.appendChild(this.node))}},{key:"renderPortal",value:function(){if(!jt())return null;var e=this.props,t=e.children,n=e.setRef;return this.node||this.appendNode(),Rt?j.createPortal(t,this.node):(n(j.unstable_renderSubtreeIntoContainer(this,t.length>1?o().createElement("div",null,t):t[0],this.node)),null)}},{key:"renderReact16",value:function(){var e=this.props,t=e.hasChildren,n=e.placement,r=e.target;return t||r||"center"===n?this.renderPortal():null}},{key:"render",value:function(){return Rt?this.renderReact16():null}}]),n}(o().Component);vt(Mt,"propTypes",{children:M().oneOfType([M().element,M().array]),hasChildren:M().bool,id:M().oneOfType([M().string,M().number]),placement:M().string,setRef:M().func.isRequired,target:M().oneOfType([M().object,M().string]),zIndex:M().number});var Ft=function(e){wt(n,e);var t=Tt(n);function n(){return yt(this,n),t.apply(this,arguments)}return bt(n,[{key:"parentStyle",get:function(){var e=this.props,t=e.placement,n=e.styles.arrow.length,r={pointerEvents:"none",position:"absolute",width:"100%"};return t.startsWith("top")?(r.bottom=0,r.left=0,r.right=0,r.height=n):t.startsWith("bottom")?(r.left=0,r.right=0,r.top=0,r.height=n):t.startsWith("left")?(r.right=0,r.top=0,r.bottom=0):t.startsWith("right")&&(r.left=0,r.top=0),r}},{key:"render",value:function(){var e,t=this.props,n=t.placement,r=t.setArrowRef,i=t.styles.arrow,s=i.color,a=i.display,l=i.length,c=i.margin,u=i.position,p=i.spread,f={display:a,position:u},d=p,h=l;return n.startsWith("top")?(e="0,0 ".concat(d/2,",").concat(h," ").concat(d,",0"),f.bottom=0,f.marginLeft=c,f.marginRight=c):n.startsWith("bottom")?(e="".concat(d,",").concat(h," ").concat(d/2,",0 0,").concat(h),f.top=0,f.marginLeft=c,f.marginRight=c):n.startsWith("left")?(h=p,e="0,0 ".concat(d=l,",").concat(h/2," 0,").concat(h),f.right=0,f.marginTop=c,f.marginBottom=c):n.startsWith("right")&&(h=p,e="".concat(d=l,",").concat(h," ").concat(d,",0 0,").concat(h/2),f.left=0,f.marginTop=c,f.marginBottom=c),o().createElement("div",{className:"__floater__arrow",style:this.parentStyle},o().createElement("span",{ref:r,style:f},o().createElement("svg",{width:d,height:h,version:"1.1",xmlns:"http://www.w3.org/2000/svg"},o().createElement("polygon",{points:e,fill:s}))))}}]),n}(o().Component);vt(Ft,"propTypes",{placement:M().string.isRequired,setArrowRef:M().func.isRequired,styles:M().object.isRequired});var Dt=["color","height","width"];function Bt(e){var t=e.handleClick,n=e.styles,r=n.color,i=n.height,s=n.width,a=St(n,Dt);return o().createElement("button",{"aria-label":"close",onClick:t,style:a,type:"button"},o().createElement("svg",{width:"".concat(s,"px"),height:"".concat(i,"px"),viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"xMidYMid"},o().createElement("g",null,o().createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:r}))))}function _t(e){var t=e.content,n=e.footer,r=e.handleClick,i=e.open,s=e.positionWrapper,a=e.showCloseButton,l=e.title,c=e.styles,u={content:o().isValidElement(t)?t:o().createElement("div",{className:"__floater__content",style:c.content},t)};return l&&(u.title=o().isValidElement(l)?l:o().createElement("div",{className:"__floater__title",style:c.title},l)),n&&(u.footer=o().isValidElement(n)?n:o().createElement("div",{className:"__floater__footer",style:c.footer},n)),!a&&!s||He.boolean(i)||(u.close=o().createElement(Bt,{styles:c.close,handleClick:r})),o().createElement("div",{className:"__floater__container",style:c.container},u.close,u.title,u.content,u.footer)}Bt.propTypes={handleClick:M().func.isRequired,styles:M().object.isRequired},_t.propTypes={content:M().node.isRequired,footer:M().node,handleClick:M().func.isRequired,open:M().bool,positionWrapper:M().bool.isRequired,showCloseButton:M().bool.isRequired,styles:M().object.isRequired,title:M().node};var Wt=function(e){wt(n,e);var t=Tt(n);function n(){return yt(this,n),t.apply(this,arguments)}return bt(n,[{key:"style",get:function(){var e=this.props,t=e.disableAnimation,n=e.component,r=e.placement,o=e.hideArrow,i=e.status,s=e.styles,a=s.arrow.length,l=s.floater,c=s.floaterCentered,u=s.floaterClosing,p=s.floaterOpening,f=s.floaterWithAnimation,d=s.floaterWithComponent,h={};return o||(r.startsWith("top")?h.padding="0 0 ".concat(a,"px"):r.startsWith("bottom")?h.padding="".concat(a,"px 0 0"):r.startsWith("left")?h.padding="0 ".concat(a,"px 0 0"):r.startsWith("right")&&(h.padding="0 0 0 ".concat(a,"px"))),-1!==[Ct.OPENING,Ct.OPEN].indexOf(i)&&(h=mt(mt({},h),p)),i===Ct.CLOSING&&(h=mt(mt({},h),u)),i!==Ct.OPEN||t||(h=mt(mt({},h),f)),"center"===r&&(h=mt(mt({},h),c)),n&&(h=mt(mt({},h),d)),mt(mt({},l),h)}},{key:"render",value:function(){var e=this.props,t=e.component,n=e.handleClick,r=e.hideArrow,i=e.setFloaterRef,s=e.status,a={},l=["__floater"];return a.content=t?o().isValidElement(t)?o().cloneElement(t,{closeFn:n}):t({closeFn:n}):o().createElement(_t,this.props),s===Ct.OPEN&&l.push("__floater__open"),r||(a.arrow=o().createElement(Ft,this.props)),o().createElement("div",{ref:i,className:l.join(" "),style:this.style},o().createElement("div",{className:"__floater__body"},a.content,a.arrow))}}]),n}(o().Component);vt(Wt,"propTypes",{component:M().oneOfType([M().func,M().element]),content:M().node,disableAnimation:M().bool.isRequired,footer:M().node,handleClick:M().func.isRequired,hideArrow:M().bool.isRequired,open:M().bool,placement:M().string.isRequired,positionWrapper:M().bool.isRequired,setArrowRef:M().func.isRequired,setFloaterRef:M().func.isRequired,showCloseButton:M().bool,status:M().string.isRequired,styles:M().object.isRequired,title:M().node});var zt=function(e){wt(n,e);var t=Tt(n);function n(){return yt(this,n),t.apply(this,arguments)}return bt(n,[{key:"render",value:function(){var e,t=this.props,n=t.children,r=t.handleClick,i=t.handleMouseEnter,s=t.handleMouseLeave,a=t.setChildRef,l=t.setWrapperRef,c=t.style,u=t.styles;if(n)if(1===o().Children.count(n))if(o().isValidElement(n)){var p=He.function(n.type)?"innerRef":"ref";e=o().cloneElement(o().Children.only(n),vt({},p,a))}else e=o().createElement("span",null,n);else e=n;return e?o().createElement("span",{ref:l,style:mt(mt({},u),c),onClick:r,onMouseEnter:i,onMouseLeave:s},e):null}}]),n}(o().Component);vt(zt,"propTypes",{children:M().node,handleClick:M().func.isRequired,handleMouseEnter:M().func.isRequired,handleMouseLeave:M().func.isRequired,setChildRef:M().func.isRequired,setWrapperRef:M().func.isRequired,style:M().object,styles:M().object.isRequired});var Ut={zIndex:100},Ht=["arrow","flip","offset"],Gt=["position","top","right","bottom","left"],qt=function(e){wt(n,e);var t=Tt(n);function n(e){var r;return yt(this,n),vt(xt(r=t.call(this,e)),"setArrowRef",(function(e){r.arrowRef=e})),vt(xt(r),"setChildRef",(function(e){r.childRef=e})),vt(xt(r),"setFloaterRef",(function(e){r.floaterRef=e})),vt(xt(r),"setWrapperRef",(function(e){r.wrapperRef=e})),vt(xt(r),"handleTransitionEnd",(function(){var e=r.state.status,t=r.props.callback;r.wrapperPopper&&r.wrapperPopper.instance.update(),r.setState({status:e===Ct.OPENING?Ct.OPEN:Ct.IDLE},(function(){var e=r.state.status;t(e===Ct.OPEN?"open":"close",r.props)}))})),vt(xt(r),"handleClick",(function(){var e=r.props,t=e.event,n=e.open;if(!He.boolean(n)){var o=r.state,i=o.positionWrapper,s=o.status;("click"===r.event||"hover"===r.event&&i)&&(Lt({title:"click",data:[{event:t,status:s===Ct.OPEN?"closing":"opening"}],debug:r.debug}),r.toggle())}})),vt(xt(r),"handleMouseEnter",(function(){var e=r.props,t=e.event,n=e.open;if(!He.boolean(n)&&!It()){var o=r.state.status;"hover"===r.event&&o===Ct.IDLE&&(Lt({title:"mouseEnter",data:[{key:"originalEvent",value:t}],debug:r.debug}),clearTimeout(r.eventDelayTimeout),r.toggle())}})),vt(xt(r),"handleMouseLeave",(function(){var e=r.props,t=e.event,n=e.eventDelay,o=e.open;if(!He.boolean(o)&&!It()){var i=r.state,s=i.status,a=i.positionWrapper;"hover"===r.event&&(Lt({title:"mouseLeave",data:[{key:"originalEvent",value:t}],debug:r.debug}),n?-1===[Ct.OPENING,Ct.OPEN].indexOf(s)||a||r.eventDelayTimeout||(r.eventDelayTimeout=setTimeout((function(){delete r.eventDelayTimeout,r.toggle()}),1e3*n)):r.toggle(Ct.IDLE))}})),r.state={currentPlacement:e.placement,needsUpdate:!1,positionWrapper:e.wrapperOptions.position&&!!e.target,status:Ct.INIT,statusWrapper:Ct.INIT},r._isMounted=!1,r.hasMounted=!1,jt()&&window.addEventListener("load",(function(){r.popper&&r.popper.instance.update(),r.wrapperPopper&&r.wrapperPopper.instance.update()})),r}return bt(n,[{key:"componentDidMount",value:function(){if(jt()){var e=this.state.positionWrapper,t=this.props,n=t.children,r=t.open,o=t.target;this._isMounted=!0,Lt({title:"init",data:{hasChildren:!!n,hasTarget:!!o,isControlled:He.boolean(r),positionWrapper:e,target:this.target,floater:this.floaterRef},debug:this.debug}),this.hasMounted||(this.initPopper(),this.hasMounted=!0),!n&&o&&He.boolean(r)}}},{key:"componentDidUpdate",value:function(e,t){if(jt()){var n,r=this.props,o=r.autoOpen,i=r.open,s=r.target,a=r.wrapperOptions,l=function(e,t){if([e,t].some(ot.nullOrUndefined))throw new Error("Missing required parameters");if(![e,t].every((function(e){return ot.plainObject(e)||ot.array(e)})))throw new Error("Expected plain objects or array");var n=function(n,r,o){try{var i=dt(e,n),s=dt(t,n),a=ot.defined(r),l=ot.defined(o);if(a||l){var c=l?ut(o,i):!ut(r,i),u=ut(r,s);return c&&u}return[i,s].every(ot.array)||[i,s].every(ot.plainObject)?!Xe(i,s):i!==s}catch(e){return!1}};return{added:function(n,r){try{return st(e,t,{key:n,type:"added",value:r})}catch(e){return!1}},changed:n,changedFrom:function(n,r,o){if(!ot.defined(n))return!1;try{var i=dt(e,n),s=dt(t,n),a=ot.defined(o);return ut(r,i)&&(a?ut(o,s):!a)}catch(e){return!1}},changedTo:function(e,t){return!!ot.defined(e)&&n(e,t)},decreased:function(n,r,o){if(!ot.defined(n))return!1;try{return it(e,t,{key:n,actual:r,previous:o,type:"decreased"})}catch(e){return!1}},emptied:function(n){try{var r=at(e,t,{key:n}),o=r[0],i=r[1];return!!o.length&&!i.length}catch(e){return!1}},filled:function(n){try{var r=at(e,t,{key:n}),o=r[0],i=r[1];return!o.length&&!!i.length}catch(e){return!1}},increased:function(n,r,o){if(!ot.defined(n))return!1;try{return it(e,t,{key:n,actual:r,previous:o,type:"increased"})}catch(e){return!1}},removed:function(n,r){try{return st(e,t,{key:n,type:"removed",value:r})}catch(e){return!1}}}}(t,this.state),c=l.changedFrom,u=l.changed;e.open!==i&&(He.boolean(i)&&(n=i?Ct.OPENING:Ct.CLOSING),this.toggle(n)),e.wrapperOptions.position===a.position&&e.target===s||this.changeWrapperPosition(this.props),(u("status",Ct.IDLE)&&i||c("status",Ct.INIT,Ct.IDLE)&&o)&&this.toggle(Ct.OPEN),this.popper&&u("status",Ct.OPENING)&&this.popper.instance.update(),this.floaterRef&&(u("status",Ct.OPENING)||u("status",Ct.CLOSING))&&function(e,t,n){var r;r=function(o){n(o),function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e.removeEventListener(t,n,r)}(e,t,r)},function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e.addEventListener(t,n,r)}(e,t,r,arguments.length>3&&void 0!==arguments[3]&&arguments[3])}(this.floaterRef,"transitionend",this.handleTransitionEnd),u("needsUpdate",!0)&&this.rebuildPopper()}}},{key:"componentWillUnmount",value:function(){jt()&&(this._isMounted=!1,this.popper&&this.popper.instance.destroy(),this.wrapperPopper&&this.wrapperPopper.instance.destroy())}},{key:"initPopper",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.target,n=this.state.positionWrapper,r=this.props,o=r.disableFlip,i=r.getPopper,s=r.hideArrow,a=r.offset,l=r.placement,c=r.wrapperOptions,u="top"===l||"bottom"===l?"flip":["right","bottom-end","top-end","left","top-start","bottom-start"];if("center"===l)this.setState({status:Ct.IDLE});else if(t&&this.floaterRef){var p=this.options,f=p.arrow,d=p.flip,h=p.offset,m=St(p,Ht);new Me(t,this.floaterRef,{placement:l,modifiers:mt({arrow:mt({enabled:!s,element:this.arrowRef},f),flip:mt({enabled:!o,behavior:u},d),offset:mt({offset:"0, ".concat(a,"px")},h)},m),onCreate:function(t){var n;e.popper=t,null!==(n=e.floaterRef)&&void 0!==n&&n.isConnected?(i(t,"floater"),e._isMounted&&e.setState({currentPlacement:t.placement,status:Ct.IDLE}),l!==t.placement&&setTimeout((function(){t.instance.update()}),1)):e.setState({needsUpdate:!0})},onUpdate:function(t){e.popper=t;var n=e.state.currentPlacement;e._isMounted&&t.placement!==n&&e.setState({currentPlacement:t.placement})}})}if(n){var y=He.undefined(c.offset)?0:c.offset;new Me(this.target,this.wrapperRef,{placement:c.placement||l,modifiers:{arrow:{enabled:!1},offset:{offset:"0, ".concat(y,"px")},flip:{enabled:!1}},onCreate:function(t){e.wrapperPopper=t,e._isMounted&&e.setState({statusWrapper:Ct.IDLE}),i(t,"wrapper"),l!==t.placement&&setTimeout((function(){t.instance.update()}),1)}})}}},{key:"rebuildPopper",value:function(){var e=this;this.floaterRefInterval=setInterval((function(){var t;null!==(t=e.floaterRef)&&void 0!==t&&t.isConnected&&(clearInterval(e.floaterRefInterval),e.setState({needsUpdate:!1}),e.initPopper())}),50)}},{key:"changeWrapperPosition",value:function(e){var t=e.target,n=e.wrapperOptions;this.setState({positionWrapper:n.position&&!!t})}},{key:"toggle",value:function(e){var t=this.state.status===Ct.OPEN?Ct.CLOSING:Ct.OPENING;He.undefined(e)||(t=e),this.setState({status:t})}},{key:"debug",get:function(){return this.props.debug||jt()&&"ReactFloaterDebug"in window&&!!window.ReactFloaterDebug}},{key:"event",get:function(){var e=this.props,t=e.disableHoverToClick,n=e.event;return"hover"===n&&It()&&!t?"click":n}},{key:"options",get:function(){var e=this.props.options;return L()(Pt,e||{})}},{key:"styles",get:function(){var e,t=this,n=this.state,r=n.status,o=n.positionWrapper,i=n.statusWrapper,s=this.props.styles,a=L()(function(e){var t=L()(Ut,e.options||{});return{wrapper:{cursor:"help",display:"inline-flex",flexDirection:"column",zIndex:t.zIndex},wrapperPosition:{left:-1e3,position:"absolute",top:-1e3,visibility:"hidden"},floater:{display:"inline-block",filter:"drop-shadow(0 0 3px rgba(0, 0, 0, 0.3))",maxWidth:300,opacity:0,position:"relative",transition:"opacity 0.3s",visibility:"hidden",zIndex:t.zIndex},floaterOpening:{opacity:1,visibility:"visible"},floaterWithAnimation:{opacity:1,transition:"opacity 0.3s, transform 0.2s",visibility:"visible"},floaterWithComponent:{maxWidth:"100%"},floaterClosing:{opacity:0,visibility:"visible"},floaterCentered:{left:"50%",position:"fixed",top:"50%",transform:"translate(-50%, -50%)"},container:{backgroundColor:"#fff",color:"#666",minHeight:60,minWidth:200,padding:20,position:"relative",zIndex:10},title:{borderBottom:"1px solid #555",color:"#555",fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:15},close:{backgroundColor:"transparent",border:0,borderRadius:0,color:"#555",fontSize:0,height:15,outline:"none",padding:10,position:"absolute",right:0,top:0,width:15,WebkitAppearance:"none"},footer:{borderTop:"1px solid #ccc",fontSize:13,marginTop:10,paddingTop:5},arrow:{color:"#fff",display:"inline-flex",length:16,margin:8,position:"absolute",spread:32},options:t}}(s),s);if(o&&(e=-1===[Ct.IDLE].indexOf(r)||-1===[Ct.IDLE].indexOf(i)?a.wrapperPosition:this.wrapperPopper.styles,a.wrapper=mt(mt({},a.wrapper),e)),this.target){var l=window.getComputedStyle(this.target);this.wrapperStyles?a.wrapper=mt(mt({},a.wrapper),this.wrapperStyles):-1===["relative","static"].indexOf(l.position)&&(this.wrapperStyles={},o||(Gt.forEach((function(e){t.wrapperStyles[e]=l[e]})),a.wrapper=mt(mt({},a.wrapper),this.wrapperStyles),this.target.style.position="relative",this.target.style.top="auto",this.target.style.right="auto",this.target.style.bottom="auto",this.target.style.left="auto"))}return a}},{key:"target",get:function(){if(!jt())return null;var e=this.props.target;return e?He.domElement(e)?e:document.querySelector(e):this.childRef||this.wrapperRef}},{key:"render",value:function(){var e=this.state,t=e.currentPlacement,n=e.positionWrapper,r=e.status,i=this.props,s=i.children,a=i.component,l=i.content,c=i.disableAnimation,u=i.footer,p=i.hideArrow,f=i.id,d=i.open,h=i.showCloseButton,m=i.style,y=i.target,g=i.title,b=o().createElement(zt,{handleClick:this.handleClick,handleMouseEnter:this.handleMouseEnter,handleMouseLeave:this.handleMouseLeave,setChildRef:this.setChildRef,setWrapperRef:this.setWrapperRef,style:m,styles:this.styles.wrapper},s),v={};return n?v.wrapperInPortal=b:v.wrapperAsChildren=b,o().createElement("span",null,o().createElement(Mt,{hasChildren:!!s,id:f,placement:t,setRef:this.setFloaterRef,target:y,zIndex:this.styles.options.zIndex},o().createElement(Wt,{component:a,content:l,disableAnimation:c,footer:u,handleClick:this.handleClick,hideArrow:p||"center"===t,open:d,placement:t,positionWrapper:n,setArrowRef:this.setArrowRef,setFloaterRef:this.setFloaterRef,showCloseButton:h,status:r,styles:this.styles,title:g}),v.wrapperInPortal),v.wrapperAsChildren)}}]),n}(o().Component);vt(qt,"propTypes",{autoOpen:M().bool,callback:M().func,children:M().node,component:Nt(M().oneOfType([M().func,M().element]),(function(e){return!e.content})),content:Nt(M().node,(function(e){return!e.component})),debug:M().bool,disableAnimation:M().bool,disableFlip:M().bool,disableHoverToClick:M().bool,event:M().oneOf(["hover","click"]),eventDelay:M().number,footer:M().node,getPopper:M().func,hideArrow:M().bool,id:M().oneOfType([M().string,M().number]),offset:M().number,open:M().bool,options:M().object,placement:M().oneOf(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end","auto","center"]),showCloseButton:M().bool,style:M().object,styles:M().object,target:M().oneOfType([M().object,M().string]),title:M().node,wrapperOptions:M().shape({offset:M().number,placement:M().oneOf(["top","top-start","top-end","bottom","bottom-start","bottom-end","left","left-start","left-end","right","right-start","right-end","auto"]),position:M().bool})}),vt(qt,"defaultProps",{autoOpen:!1,callback:At,debug:!1,disableAnimation:!1,disableFlip:!1,disableHoverToClick:!1,event:"click",eventDelay:.4,getPopper:At,hideArrow:!1,offset:15,placement:"bottom",showCloseButton:!1,styles:{},target:null,wrapperOptions:{position:!1}});var Vt=n(3778),Yt=Object.defineProperty,$t=(e,t,n)=>(((e,t,n)=>{t in e?Yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n),Kt={INIT:"init",START:"start",STOP:"stop",RESET:"reset",PREV:"prev",NEXT:"next",GO:"go",CLOSE:"close",SKIP:"skip",UPDATE:"update"},Xt={TOUR_START:"tour:start",STEP_BEFORE:"step:before",BEACON:"beacon",TOOLTIP:"tooltip",STEP_AFTER:"step:after",TOUR_END:"tour:end",TOUR_STATUS:"tour:status",TARGET_NOT_FOUND:"error:target_not_found",ERROR:"error"},Jt={INIT:"init",READY:"ready",BEACON:"beacon",TOOLTIP:"tooltip",COMPLETE:"complete",ERROR:"error"},Zt={IDLE:"idle",READY:"ready",WAITING:"waiting",RUNNING:"running",PAUSED:"paused",SKIPPED:"skipped",FINISHED:"finished",ERROR:"error"};function Qt(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}function en(e){return e?e.getBoundingClientRect():null}function tn(e=!0){const{body:t,documentElement:n}=document;if(!t||!n)return 0;if(e){const e=[t.scrollHeight,t.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight].sort(((e,t)=>e-t)),r=Math.floor(e.length/2);return e.length%2==0?(e[r-1]+e[r])/2:e[r]}return Math.max(t.scrollHeight,t.offsetHeight,n.clientHeight,n.scrollHeight,n.offsetHeight)}function nn(e){return"string"==typeof e?document.querySelector(e):e}function rn(e,t,n){if(!e)return an();const r=R(e);if(r){if(r.isSameNode(an()))return n?document:an();if(!(r.scrollHeight>r.offsetHeight||t))return r.style.overflow="initial",an()}return r}function on(e,t){if(!e)return!1;const n=rn(e,t);return!!n&&!n.isSameNode(an())}function sn(e,t="fixed"){if(!(e&&e instanceof HTMLElement))return!1;const{nodeName:n}=e,r=function(e){return e&&1===e.nodeType?getComputedStyle(e):null}(e);return"BODY"!==n&&"HTML"!==n&&(!(!r||r.position!==t)||!!e.parentNode&&sn(e.parentNode,t))}function an(){var e;return null!=(e=document.scrollingElement)?e:document.documentElement}var ln=void 0!==j.createPortal;function cn(e=navigator.userAgent){let t=e;return"undefined"==typeof window?t="node":document.documentMode?t="ie":/Edge/.test(e)?t="edge":Boolean(window.opera)||e.includes(" OPR/")?t="opera":void 0!==window.InstallTrigger?t="firefox":window.chrome?t="chrome":/(Version\/([\d._]+).*Safari|CriOS|FxiOS| Mobile\/)/.test(e)&&(t="safari"),t}function un(e){const t=[],n=e=>{if("string"==typeof e||"number"==typeof e)t.push(e);else if(Array.isArray(e))e.forEach((e=>n(e)));else if((0,r.isValidElement)(e)){const{children:t}=e.props;Array.isArray(t)?t.forEach((e=>n(e))):n(t)}};return n(e),t.join(" ").trim()}function pn(e){const t=e.replace(/^#?([\da-f])([\da-f])([\da-f])$/i,((e,t,n,r)=>t+t+n+n+r+r)),n=/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i.exec(t);return n?[parseInt(n[1],16),parseInt(n[2],16),parseInt(n[3],16)]:[]}function fn(e){return e.disableBeacon||"center"===e.placement}function dn(){return!["chrome","safari","firefox","opera"].includes(cn())}function hn({data:e,debug:t=!1,title:n,warn:r=!1}){const o=r?console.warn||console.error:console.log;t&&(n&&e?(console.groupCollapsed(`%creact-joyride: ${n}`,"color: #ff0044; font-weight: bold; font-size: 12px;"),Array.isArray(e)?e.forEach((e=>{b.plainObject(e)&&e.key?o.apply(console,[e.key,e.value]):o.apply(console,[e])})):o.apply(console,[e]),console.groupEnd()):console.error("Missing title or data props"))}function mn(e,...t){if(!b.plainObject(e))throw new TypeError("Expected an object");const n={};for(const r in e)({}).hasOwnProperty.call(e,r)&&(t.includes(r)||(n[r]=e[r]));return n}var yn={options:{preventOverflow:{boundariesElement:"scrollParent"}},wrapperOptions:{offset:-18,position:!0}},gn={back:"Back",close:"Close",last:"Last",next:"Next",open:"Open the dialog",skip:"Skip"},bn={event:"click",placement:"bottom",offset:10,disableBeacon:!1,disableCloseOnEsc:!1,disableOverlay:!1,disableOverlayClose:!1,disableScrollParentFix:!1,disableScrolling:!1,hideBackButton:!1,hideCloseButton:!1,hideFooter:!1,isFixed:!1,locale:gn,showProgress:!1,showSkipButton:!1,spotlightClicks:!1,spotlightPadding:10},vn={arrowColor:"#fff",backgroundColor:"#fff",beaconSize:36,overlayColor:"rgba(0, 0, 0, 0.5)",primaryColor:"#f04",spotlightShadow:"0 0 15px rgba(0, 0, 0, 0.5)",textColor:"#333",width:380,zIndex:100},wn={backgroundColor:"transparent",border:0,borderRadius:0,color:"#555",cursor:"pointer",fontSize:16,lineHeight:1,padding:8,WebkitAppearance:"none"},On={borderRadius:4,position:"absolute"};function En(e){return function(e,...t){if(!b.plainObject(e))throw new TypeError("Expected an object");if(!t.length)return e;const n={};for(const r in e)({}).hasOwnProperty.call(e,r)&&t.includes(r)&&(n[r]=e[r]);return n}(e,"beaconComponent","disableCloseOnEsc","disableOverlay","disableOverlayClose","disableScrolling","disableScrollParentFix","floaterProps","hideBackButton","hideCloseButton","locale","showProgress","showSkipButton","spotlightClicks","spotlightPadding","styles","tooltipComponent")}function Sn(e,t){var n,r,o,i,s,a;const l=null!=t?t:{},c=I.all([bn,En(e),l],{isMergeableObject:b.plainObject}),u=function(e,t){var n,r,o,i,s;const{floaterProps:a,styles:l}=e,c=I(null!=(n=t.floaterProps)?n:{},null!=a?a:{}),u=I(null!=l?l:{},null!=(r=t.styles)?r:{}),p=I(vn,u.options||{}),f="center"===t.placement||t.disableBeacon;let{width:d}=p;window.innerWidth>480&&(d=380),"width"in p&&(d="number"==typeof p.width&&window.innerWidth<p.width?window.innerWidth-30:p.width);const h={bottom:0,left:0,overflow:"hidden",position:"absolute",right:0,top:0,zIndex:p.zIndex},m={beacon:{...wn,display:f?"none":"inline-block",height:p.beaconSize,position:"relative",width:p.beaconSize,zIndex:p.zIndex},beaconInner:{animation:"joyride-beacon-inner 1.2s infinite ease-in-out",backgroundColor:p.primaryColor,borderRadius:"50%",display:"block",height:"50%",left:"50%",opacity:.7,position:"absolute",top:"50%",transform:"translate(-50%, -50%)",width:"50%"},beaconOuter:{animation:"joyride-beacon-outer 1.2s infinite ease-in-out",backgroundColor:`rgba(${pn(p.primaryColor).join(",")}, 0.2)`,border:`2px solid ${p.primaryColor}`,borderRadius:"50%",boxSizing:"border-box",display:"block",height:"100%",left:0,opacity:.9,position:"absolute",top:0,transformOrigin:"center",width:"100%"},tooltip:{backgroundColor:p.backgroundColor,borderRadius:5,boxSizing:"border-box",color:p.textColor,fontSize:16,maxWidth:"100%",padding:15,position:"relative",width:d},tooltipContainer:{lineHeight:1.4,textAlign:"center"},tooltipTitle:{fontSize:18,margin:0},tooltipContent:{padding:"20px 10px"},tooltipFooter:{alignItems:"center",display:"flex",justifyContent:"flex-end",marginTop:15},tooltipFooterSpacer:{flex:1},buttonNext:{...wn,backgroundColor:p.primaryColor,borderRadius:4,color:"#fff"},buttonBack:{...wn,color:p.primaryColor,marginLeft:"auto",marginRight:5},buttonClose:{...wn,color:p.textColor,height:14,padding:15,position:"absolute",right:0,top:0,width:14},buttonSkip:{...wn,color:p.textColor,fontSize:14},overlay:{...h,backgroundColor:p.overlayColor,mixBlendMode:"hard-light"},overlayLegacy:{...h},overlayLegacyCenter:{...h,backgroundColor:p.overlayColor},spotlight:{...On,backgroundColor:"gray"},spotlightLegacy:{...On,boxShadow:`0 0 0 9999px ${p.overlayColor}, ${p.spotlightShadow}`},floaterStyles:{arrow:{color:null!=(s=null==(i=null==(o=null==c?void 0:c.styles)?void 0:o.arrow)?void 0:i.color)?s:p.arrowColor},options:{zIndex:p.zIndex+100}},options:p};return I(m,u)}(e,c),p=on(nn(c.target),c.disableScrollParentFix),f=I.all([yn,null!=(n=e.floaterProps)?n:{},null!=(r=c.floaterProps)?r:{}]);return f.offset=c.offset,f.styles=I(null!=(o=f.styles)?o:{},u.floaterStyles),f.offset+=null!=(s=null!=(i=e.spotlightPadding)?i:c.spotlightPadding)?s:0,c.placementBeacon&&f.wrapperOptions&&(f.wrapperOptions.placement=c.placementBeacon),p&&f.options.preventOverflow&&(f.options.preventOverflow.boundariesElement="window"),{...c,locale:I.all([gn,null!=(a=e.locale)?a:{},c.locale||{}]),floaterProps:f,styles:mn(u,"floaterStyles")}}function xn(e,t=!1){return b.plainObject(e)?!!e.target||(hn({title:"validateStep",data:"target is missing from the step",warn:!0,debug:t}),!1):(hn({title:"validateStep",data:"step must be an object",warn:!0,debug:t}),!1)}function Tn(e,t=!1){return b.array(e)?e.every((e=>xn(e,t))):(hn({title:"validateSteps",data:"steps must be an array",warn:!0,debug:t}),!1)}var kn,Pn={action:"init",controlled:!1,index:0,lifecycle:Jt.INIT,origin:null,size:0,status:Zt.IDLE},Nn=(kn=mn(Pn,"controlled","size"),Object.keys(kn)),Cn=class{constructor(e){$t(this,"beaconPopper"),$t(this,"tooltipPopper"),$t(this,"data",new Map),$t(this,"listener"),$t(this,"store",new Map),$t(this,"addListener",(e=>{this.listener=e})),$t(this,"setSteps",(e=>{const{size:t,status:n}=this.getState(),r={size:e.length,status:n};this.data.set("steps",e),n===Zt.WAITING&&!t&&e.length&&(r.status=Zt.RUNNING),this.setState(r)})),$t(this,"getPopper",(e=>"beacon"===e?this.beaconPopper:this.tooltipPopper)),$t(this,"setPopper",((e,t)=>{"beacon"===e?this.beaconPopper=t:this.tooltipPopper=t})),$t(this,"cleanupPoppers",(()=>{this.beaconPopper=null,this.tooltipPopper=null})),$t(this,"close",((e=null)=>{const{index:t,status:n}=this.getState();n===Zt.RUNNING&&this.setState({...this.getNextState({action:Kt.CLOSE,index:t+1,origin:e})})})),$t(this,"go",(e=>{const{controlled:t,status:n}=this.getState();if(t||n!==Zt.RUNNING)return;const r=this.getSteps()[e];this.setState({...this.getNextState({action:Kt.GO,index:e}),status:r?n:Zt.FINISHED})})),$t(this,"info",(()=>this.getState())),$t(this,"next",(()=>{const{index:e,status:t}=this.getState();t===Zt.RUNNING&&this.setState(this.getNextState({action:Kt.NEXT,index:e+1}))})),$t(this,"open",(()=>{const{status:e}=this.getState();e===Zt.RUNNING&&this.setState({...this.getNextState({action:Kt.UPDATE,lifecycle:Jt.TOOLTIP})})})),$t(this,"prev",(()=>{const{index:e,status:t}=this.getState();t===Zt.RUNNING&&this.setState({...this.getNextState({action:Kt.PREV,index:e-1})})})),$t(this,"reset",((e=!1)=>{const{controlled:t}=this.getState();t||this.setState({...this.getNextState({action:Kt.RESET,index:0}),status:e?Zt.RUNNING:Zt.READY})})),$t(this,"skip",(()=>{const{status:e}=this.getState();e===Zt.RUNNING&&this.setState({action:Kt.SKIP,lifecycle:Jt.INIT,status:Zt.SKIPPED})})),$t(this,"start",(e=>{const{index:t,size:n}=this.getState();this.setState({...this.getNextState({action:Kt.START,index:b.number(e)?e:t},!0),status:n?Zt.RUNNING:Zt.WAITING})})),$t(this,"stop",((e=!1)=>{const{index:t,status:n}=this.getState();[Zt.FINISHED,Zt.SKIPPED].includes(n)||this.setState({...this.getNextState({action:Kt.STOP,index:t+(e?1:0)}),status:Zt.PAUSED})})),$t(this,"update",(e=>{var t,n,r,o;if(r=e,o=Nn,!(b.plainObject(r)&&b.array(o)&&Object.keys(r).every((e=>o.includes(e)))))throw new Error(`State is not valid. Valid keys: ${Nn.join(", ")}`);this.setState({...this.getNextState({...this.getState(),...e,action:null!=(t=e.action)?t:Kt.UPDATE,origin:null!=(n=e.origin)?n:null},!0)})}));const{continuous:t=!1,stepIndex:n,steps:r=[]}=null!=e?e:{};this.setState({action:Kt.INIT,controlled:b.number(n),continuous:t,index:b.number(n)?n:0,lifecycle:Jt.INIT,origin:null,status:r.length?Zt.READY:Zt.IDLE},!0),this.beaconPopper=null,this.tooltipPopper=null,this.listener=null,this.setSteps(r)}getState(){return this.store.size?{action:this.store.get("action")||"",controlled:this.store.get("controlled")||!1,index:parseInt(this.store.get("index"),10),lifecycle:this.store.get("lifecycle")||"",origin:this.store.get("origin")||null,size:this.store.get("size")||0,status:this.store.get("status")||""}:{...Pn}}getNextState(e,t=!1){var n,r,o,i,s;const{action:a,controlled:l,index:c,size:u,status:p}=this.getState(),f=b.number(e.index)?e.index:c,d=l&&!t?c:Math.min(Math.max(f,0),u);return{action:null!=(n=e.action)?n:a,controlled:l,index:d,lifecycle:null!=(r=e.lifecycle)?r:Jt.INIT,origin:null!=(o=e.origin)?o:null,size:null!=(i=e.size)?i:u,status:d===u?Zt.FINISHED:null!=(s=e.status)?s:p}}getSteps(){const e=this.data.get("steps");return Array.isArray(e)?e:[]}hasUpdatedState(e){return JSON.stringify(e)!==JSON.stringify(this.getState())}setState(e,t=!1){const n=this.getState(),{action:r,index:o,lifecycle:i,origin:s=null,size:a,status:l}={...n,...e};this.store.set("action",r),this.store.set("index",o),this.store.set("lifecycle",i),this.store.set("origin",s),this.store.set("size",a),this.store.set("status",l),t&&(this.store.set("controlled",e.controlled),this.store.set("continuous",e.continuous)),this.listener&&this.hasUpdatedState(n)&&this.listener(this.getState())}getHelpers(){return{close:this.close,go:this.go,info:this.info,next:this.next,open:this.open,prev:this.prev,reset:this.reset,skip:this.skip}}},Rn=function({styles:e}){return r.createElement("div",{key:"JoyrideSpotlight",className:"react-joyride__spotlight","data-test-id":"spotlight",style:e})},jn=class extends r.Component{constructor(){super(...arguments),$t(this,"isActive",!1),$t(this,"resizeTimeout"),$t(this,"scrollTimeout"),$t(this,"scrollParent"),$t(this,"state",{isScrolling:!1,mouseOverSpotlight:!1,showSpotlight:!0}),$t(this,"hideSpotlight",(()=>{const{continuous:e,disableOverlay:t,lifecycle:n}=this.props,r=[Jt.BEACON,Jt.COMPLETE,Jt.ERROR];return t||(e?r.includes(n):n!==Jt.TOOLTIP)})),$t(this,"handleMouseMove",(e=>{const{mouseOverSpotlight:t}=this.state,{height:n,left:r,position:o,top:i,width:s}=this.spotlightStyles,a="fixed"===o?e.clientY:e.pageY,l="fixed"===o?e.clientX:e.pageX,c=l>=r&&l<=r+s&&a>=i&&a<=i+n;c!==t&&this.updateState({mouseOverSpotlight:c})})),$t(this,"handleScroll",(()=>{const{target:e}=this.props,t=nn(e);if(this.scrollParent!==document){const{isScrolling:e}=this.state;e||this.updateState({isScrolling:!0,showSpotlight:!1}),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.updateState({isScrolling:!1,showSpotlight:!0})}),50)}else sn(t,"sticky")&&this.updateState({})})),$t(this,"handleResize",(()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.isActive&&this.forceUpdate()}),100)}))}componentDidMount(){const{debug:e,disableScrolling:t,disableScrollParentFix:n=!1,target:r}=this.props,o=nn(r);this.scrollParent=rn(null!=o?o:document.body,n,!0),this.isActive=!0,window.addEventListener("resize",this.handleResize)}componentDidUpdate(e){var t;const{lifecycle:n,spotlightClicks:r}=this.props,{changed:o}=N(e,this.props);o("lifecycle",Jt.TOOLTIP)&&(null==(t=this.scrollParent)||t.addEventListener("scroll",this.handleScroll,{passive:!0}),setTimeout((()=>{const{isScrolling:e}=this.state;e||this.updateState({showSpotlight:!0})}),100)),(o("spotlightClicks")||o("disableOverlay")||o("lifecycle"))&&(r&&n===Jt.TOOLTIP?window.addEventListener("mousemove",this.handleMouseMove,!1):n!==Jt.TOOLTIP&&window.removeEventListener("mousemove",this.handleMouseMove))}componentWillUnmount(){var e;this.isActive=!1,window.removeEventListener("mousemove",this.handleMouseMove),window.removeEventListener("resize",this.handleResize),clearTimeout(this.resizeTimeout),clearTimeout(this.scrollTimeout),null==(e=this.scrollParent)||e.removeEventListener("scroll",this.handleScroll)}get overlayStyles(){const{mouseOverSpotlight:e}=this.state,{disableOverlayClose:t,placement:n,styles:r}=this.props;let o=r.overlay;return dn()&&(o="center"===n?r.overlayLegacyCenter:r.overlayLegacy),{cursor:t?"default":"pointer",height:tn(),pointerEvents:e?"none":"auto",...o}}get spotlightStyles(){var e,t,n;const{showSpotlight:r}=this.state,{disableScrollParentFix:o=!1,spotlightClicks:i,spotlightPadding:s=0,styles:a,target:l}=this.props,c=nn(l),u=en(c),p=sn(c),f=function(e,t,n){var r;const o=en(e),i=rn(e,n),s=on(e,n);let a=0,l=null!=(r=null==o?void 0:o.top)?r:0;return i instanceof HTMLElement&&(a=i.scrollTop,s||sn(e)||(l+=a),i.isSameNode(an())||(l+=an().scrollTop)),Math.floor(l-t)}(c,s,o);return{...dn()?a.spotlightLegacy:a.spotlight,height:Math.round((null!=(e=null==u?void 0:u.height)?e:0)+2*s),left:Math.round((null!=(t=null==u?void 0:u.left)?t:0)-s),opacity:r?1:0,pointerEvents:i?"none":"auto",position:p?"fixed":"absolute",top:f,transition:"opacity 0.2s",width:Math.round((null!=(n=null==u?void 0:u.width)?n:0)+2*s)}}updateState(e){this.isActive&&this.setState((t=>({...t,...e})))}render(){const{showSpotlight:e}=this.state,{onClickOverlay:t,placement:n}=this.props,{hideSpotlight:o,overlayStyles:i,spotlightStyles:s}=this;if(o())return null;let a="center"!==n&&e&&r.createElement(Rn,{styles:s});if("safari"===cn()){const{mixBlendMode:e,zIndex:t,...n}=i;a=r.createElement("div",{style:{...n}},a),delete i.backgroundColor}return r.createElement("div",{className:"react-joyride__overlay","data-test-id":"overlay",onClick:t,role:"presentation",style:i},a)}},In=class extends r.Component{constructor(){super(...arguments),$t(this,"node",null)}componentDidMount(){const{id:e}=this.props;Qt()&&(this.node=document.createElement("div"),this.node.id=e,document.body.appendChild(this.node),ln||this.renderReact15())}componentDidUpdate(){Qt()&&(ln||this.renderReact15())}componentWillUnmount(){Qt()&&this.node&&(ln||j.unmountComponentAtNode(this.node),this.node.parentNode===document.body&&(document.body.removeChild(this.node),this.node=null))}renderReact15(){if(!Qt())return;const{children:e}=this.props;this.node&&j.unstable_renderSubtreeIntoContainer(this,e,this.node)}renderReact16(){if(!Qt()||!ln)return null;const{children:e}=this.props;return this.node?j.createPortal(e,this.node):null}render(){return ln?this.renderReact16():null}},Ln=class{constructor(e,t){if($t(this,"element"),$t(this,"options"),$t(this,"canBeTabbed",(e=>{const{tabIndex:t}=e;return!(null===t||t<0)&&this.canHaveFocus(e)})),$t(this,"canHaveFocus",(e=>{const t=e.nodeName.toLowerCase();return(/input|select|textarea|button|object/.test(t)&&!e.getAttribute("disabled")||"a"===t&&!!e.getAttribute("href"))&&this.isVisible(e)})),$t(this,"findValidTabElements",(()=>[].slice.call(this.element.querySelectorAll("*"),0).filter(this.canBeTabbed))),$t(this,"handleKeyDown",(e=>{const{code:t="Tab"}=this.options;e.code===t&&this.interceptTab(e)})),$t(this,"interceptTab",(e=>{e.preventDefault();const t=this.findValidTabElements(),{shiftKey:n}=e;if(!t.length)return;let r=document.activeElement?t.indexOf(document.activeElement):0;-1===r||!n&&r+1===t.length?r=0:n&&0===r?r=t.length-1:r+=n?-1:1,t[r].focus()})),$t(this,"isHidden",(e=>{const t=e.offsetWidth<=0&&e.offsetHeight<=0,n=window.getComputedStyle(e);return!(!t||e.innerHTML)||t&&"visible"!==n.getPropertyValue("overflow")||"none"===n.getPropertyValue("display")})),$t(this,"isVisible",(e=>{let t=e;for(;t;)if(t instanceof HTMLElement){if(t===document.body)break;if(this.isHidden(t))return!1;t=t.parentNode}return!0})),$t(this,"removeScope",(()=>{window.removeEventListener("keydown",this.handleKeyDown)})),$t(this,"checkFocus",(e=>{document.activeElement!==e&&(e.focus(),window.requestAnimationFrame((()=>this.checkFocus(e))))})),$t(this,"setFocus",(()=>{const{selector:e}=this.options;if(!e)return;const t=this.element.querySelector(e);t&&window.requestAnimationFrame((()=>this.checkFocus(t)))})),!(e instanceof HTMLElement))throw new TypeError("Invalid parameter: element must be an HTMLElement");this.element=e,this.options=t,window.addEventListener("keydown",this.handleKeyDown,!1),this.setFocus()}},An=class extends r.Component{constructor(e){if(super(e),$t(this,"beacon",null),$t(this,"setBeaconRef",(e=>{this.beacon=e})),e.beaconComponent)return;const t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.id="joyride-beacon-animation",e.nonce&&n.setAttribute("nonce",e.nonce),n.appendChild(document.createTextNode("\n @keyframes joyride-beacon-inner {\n 20% {\n opacity: 0.9;\n }\n \n 90% {\n opacity: 0.7;\n }\n }\n \n @keyframes joyride-beacon-outer {\n 0% {\n transform: scale(1);\n }\n \n 45% {\n opacity: 0.7;\n transform: scale(0.75);\n }\n \n 100% {\n opacity: 0.9;\n transform: scale(1);\n }\n }\n ")),t.appendChild(n)}componentDidMount(){const{shouldFocus:e}=this.props;setTimeout((()=>{b.domElement(this.beacon)&&e&&this.beacon.focus()}),0)}componentWillUnmount(){const e=document.getElementById("joyride-beacon-animation");(null==e?void 0:e.parentNode)&&e.parentNode.removeChild(e)}render(){const{beaconComponent:e,continuous:t,index:n,isLastStep:o,locale:i,onClickOrHover:s,size:a,step:l,styles:c}=this.props,u=b.string(i.open)?i.open:Vt(i.open),p={"aria-label":u,onClick:s,onMouseEnter:s,ref:this.setBeaconRef,title:u};let f;if(e){const i=e;f=r.createElement(i,{continuous:t,index:n,isLastStep:o,size:a,step:l,...p})}else f=r.createElement("button",{key:"JoyrideBeacon",className:"react-joyride__beacon","data-test-id":"button-beacon",style:c.beacon,type:"button",...p},r.createElement("span",{style:c.beaconInner}),r.createElement("span",{style:c.beaconOuter}));return f}},Mn=function({styles:e,...t}){const{color:n,height:o,width:i,...s}=e;return r.createElement("button",{style:s,type:"button",...t},r.createElement("svg",{height:"number"==typeof o?`${o}px`:o,preserveAspectRatio:"xMidYMid",version:"1.1",viewBox:"0 0 18 18",width:"number"==typeof i?`${i}px`:i,xmlns:"http://www.w3.org/2000/svg"},r.createElement("g",null,r.createElement("path",{d:"M8.13911129,9.00268191 L0.171521827,17.0258467 C-0.0498027049,17.248715 -0.0498027049,17.6098394 0.171521827,17.8327545 C0.28204354,17.9443526 0.427188206,17.9998706 0.572051765,17.9998706 C0.71714958,17.9998706 0.862013139,17.9443526 0.972581703,17.8327545 L9.0000937,9.74924618 L17.0276057,17.8327545 C17.1384085,17.9443526 17.2832721,17.9998706 17.4281356,17.9998706 C17.5729992,17.9998706 17.718097,17.9443526 17.8286656,17.8327545 C18.0499901,17.6098862 18.0499901,17.2487618 17.8286656,17.0258467 L9.86135722,9.00268191 L17.8340066,0.973848225 C18.0553311,0.750979934 18.0553311,0.389855532 17.8340066,0.16694039 C17.6126821,-0.0556467968 17.254037,-0.0556467968 17.0329467,0.16694039 L9.00042166,8.25611765 L0.967006424,0.167268345 C0.745681892,-0.0553188426 0.387317931,-0.0553188426 0.165993399,0.167268345 C-0.0553311331,0.390136635 -0.0553311331,0.751261038 0.165993399,0.974176179 L8.13920499,9.00268191 L8.13911129,9.00268191 Z",fill:n}))))},Fn=function(e){const{backProps:t,closeProps:n,continuous:o,index:i,isLastStep:s,primaryProps:a,size:l,skipProps:c,step:u,tooltipProps:p}=e,{content:f,hideBackButton:d,hideCloseButton:h,hideFooter:m,locale:y,showProgress:g,showSkipButton:b,styles:v,title:w}=u,{back:O,close:E,last:S,next:x,skip:T}=y,k={primary:E};return o&&(k.primary=s?S:x,g&&(k.primary=r.createElement("span",null,k.primary," (",i+1,"/",l,")"))),k.primary&&(k.primary=r.createElement("button",{"data-test-id":"button-primary",style:v.buttonNext,type:"button",...a},k.primary)),b&&!s&&(k.skip=r.createElement("button",{"aria-live":"off","data-test-id":"button-skip",style:v.buttonSkip,type:"button",...c},T)),!d&&i>0&&(k.back=r.createElement("button",{"data-test-id":"button-back",style:v.buttonBack,type:"button",...t},O)),k.close=!h&&r.createElement(Mn,{"data-test-id":"button-close",styles:v.buttonClose,...n}),r.createElement("div",{key:"JoyrideTooltip","aria-label":un(w)||un(f),className:"react-joyride__tooltip",style:v.tooltip,...p},r.createElement("div",{style:v.tooltipContainer},w&&r.createElement("h1",{"aria-label":un(w),style:v.tooltipTitle},w),r.createElement("div",{style:v.tooltipContent},f)),!m&&r.createElement("div",{style:v.tooltipFooter},r.createElement("div",{style:v.tooltipFooterSpacer},k.skip),k.back,k.primary),k.close)},Dn=class extends r.Component{constructor(){super(...arguments),$t(this,"handleClickBack",(e=>{e.preventDefault();const{helpers:t}=this.props;t.prev()})),$t(this,"handleClickClose",(e=>{e.preventDefault();const{helpers:t}=this.props;t.close("button_close")})),$t(this,"handleClickPrimary",(e=>{e.preventDefault();const{continuous:t,helpers:n}=this.props;t?n.next():n.close("button_primary")})),$t(this,"handleClickSkip",(e=>{e.preventDefault();const{helpers:t}=this.props;t.skip()})),$t(this,"getElementsProps",(()=>{const{continuous:e,isLastStep:t,setTooltipRef:n,step:r}=this.props,o=un(r.locale.back),i=un(r.locale.close),s=un(r.locale.last),a=un(r.locale.next),l=un(r.locale.skip);let c=e?a:i;return t&&(c=s),{backProps:{"aria-label":o,"data-action":"back",onClick:this.handleClickBack,role:"button",title:o},closeProps:{"aria-label":i,"data-action":"close",onClick:this.handleClickClose,role:"button",title:i},primaryProps:{"aria-label":c,"data-action":"primary",onClick:this.handleClickPrimary,role:"button",title:c},skipProps:{"aria-label":l,"data-action":"skip",onClick:this.handleClickSkip,role:"button",title:l},tooltipProps:{"aria-modal":!0,ref:n,role:"alertdialog"}}}))}render(){const{continuous:e,index:t,isLastStep:n,setTooltipRef:o,size:i,step:s}=this.props,{beaconComponent:a,tooltipComponent:l,...c}=s;let u;if(l){const s={...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:i,step:c,setTooltipRef:o},a=l;u=r.createElement(a,{...s})}else u=r.createElement(Fn,{...this.getElementsProps(),continuous:e,index:t,isLastStep:n,size:i,step:s});return u}},Bn=class extends r.Component{constructor(){super(...arguments),$t(this,"scope",null),$t(this,"tooltip",null),$t(this,"handleClickHoverBeacon",(e=>{const{step:t,store:n}=this.props;"mouseenter"===e.type&&"hover"!==t.event||n.update({lifecycle:Jt.TOOLTIP})})),$t(this,"setTooltipRef",(e=>{this.tooltip=e})),$t(this,"setPopper",((e,t)=>{var n;const{action:r,lifecycle:o,step:i,store:s}=this.props;"wrapper"===t?s.setPopper("beacon",e):s.setPopper("tooltip",e),s.getPopper("beacon")&&s.getPopper("tooltip")&&o===Jt.INIT&&s.update({action:r,lifecycle:Jt.READY}),(null==(n=i.floaterProps)?void 0:n.getPopper)&&i.floaterProps.getPopper(e,t)})),$t(this,"renderTooltip",(e=>{const{continuous:t,helpers:n,index:o,size:i,step:s}=this.props;return r.createElement(Dn,{continuous:t,helpers:n,index:o,isLastStep:o+1===i,setTooltipRef:this.setTooltipRef,size:i,step:s,...e})}))}componentDidMount(){const{debug:e,index:t}=this.props;hn({title:`step:${t}`,data:[{key:"props",value:this.props}],debug:e})}componentDidUpdate(e){var t;const{action:n,callback:r,continuous:o,controlled:i,debug:s,helpers:a,index:l,lifecycle:c,status:u,step:p,store:f}=this.props,{changed:d,changedFrom:h}=N(e,this.props),m=a.info(),y=o&&n!==Kt.CLOSE&&(l>0||n===Kt.PREV),g=d("action")||d("index")||d("lifecycle")||d("status"),b=h("lifecycle",[Jt.TOOLTIP,Jt.INIT],Jt.INIT),v=d("action",[Kt.NEXT,Kt.PREV,Kt.SKIP,Kt.CLOSE]),w=i&&l===e.index;if(v&&(b||w)&&r({...m,index:e.index,lifecycle:Jt.COMPLETE,step:e.step,type:Xt.STEP_AFTER}),"center"===p.placement&&u===Zt.RUNNING&&d("index")&&n!==Kt.START&&c===Jt.INIT&&f.update({lifecycle:Jt.READY}),g){const e=nn(p.target),t=!!e,o=t&&function(e){var t;if(!e)return!1;let n=e;for(;n&&n!==document.body;){if(n instanceof HTMLElement){const{display:e,visibility:t}=getComputedStyle(n);if("none"===e||"hidden"===t)return!1}n=null!=(t=n.parentElement)?t:null}return!0}(e);o?(h("status",Zt.READY,Zt.RUNNING)||h("lifecycle",Jt.INIT,Jt.READY))&&r({...m,step:p,type:Xt.STEP_BEFORE}):(console.warn(t?"Target not visible":"Target not mounted",p),r({...m,type:Xt.TARGET_NOT_FOUND,step:p}),i||f.update({index:l+(n===Kt.PREV?-1:1)}))}h("lifecycle",Jt.INIT,Jt.READY)&&f.update({lifecycle:fn(p)||y?Jt.TOOLTIP:Jt.BEACON}),d("index")&&hn({title:`step:${c}`,data:[{key:"props",value:this.props}],debug:s}),d("lifecycle",Jt.BEACON)&&r({...m,step:p,type:Xt.BEACON}),d("lifecycle",Jt.TOOLTIP)&&(r({...m,step:p,type:Xt.TOOLTIP}),this.tooltip&&(this.scope=new Ln(this.tooltip,{selector:"[data-action=primary]"}),this.scope.setFocus())),h("lifecycle",[Jt.TOOLTIP,Jt.INIT],Jt.INIT)&&(null==(t=this.scope)||t.removeScope(),f.cleanupPoppers())}componentWillUnmount(){var e;null==(e=this.scope)||e.removeScope()}get open(){const{lifecycle:e,step:t}=this.props;return fn(t)||e===Jt.TOOLTIP}render(){const{continuous:e,debug:t,index:n,nonce:o,shouldScroll:i,size:s,step:a}=this.props,l=nn(a.target);return xn(a)&&b.domElement(l)?r.createElement("div",{key:`JoyrideStep-${n}`,className:"react-joyride__step"},r.createElement(qt,{...a.floaterProps,component:this.renderTooltip,debug:t,getPopper:this.setPopper,id:`react-joyride-step-${n}`,open:this.open,placement:a.placement,target:a.target},r.createElement(An,{beaconComponent:a.beaconComponent,continuous:e,index:n,isLastStep:n+1===s,locale:a.locale,nonce:o,onClickOrHover:this.handleClickHoverBeacon,shouldFocus:i,size:s,step:a,styles:a.styles}))):null}},_n=class extends r.Component{constructor(e){super(e),$t(this,"helpers"),$t(this,"store"),$t(this,"callback",(e=>{const{callback:t}=this.props;b.function(t)&&t(e)})),$t(this,"handleKeyboard",(e=>{const{index:t,lifecycle:n}=this.state,{steps:r}=this.props,o=r[t];n===Jt.TOOLTIP&&"Escape"===e.code&&o&&!o.disableCloseOnEsc&&this.store.close("keyboard")})),$t(this,"handleClickOverlay",(()=>{const{index:e}=this.state,{steps:t}=this.props;Sn(this.props,t[e]).disableOverlayClose||this.helpers.close("overlay")})),$t(this,"syncState",(e=>{this.setState(e)}));const{debug:t,getHelpers:n,run:r,stepIndex:o}=e;var i;this.store=(i={...e,controlled:r&&b.number(o)},new Cn(i)),this.helpers=this.store.getHelpers();const{addListener:s}=this.store;hn({title:"init",data:[{key:"props",value:this.props},{key:"state",value:this.state}],debug:t}),s(this.syncState),n&&n(this.helpers),this.state=this.store.getState()}componentDidMount(){if(!Qt())return;const{debug:e,disableCloseOnEsc:t,run:n,steps:r}=this.props,{start:o}=this.store;Tn(r,e)&&n&&o(),t||document.body.addEventListener("keydown",this.handleKeyboard,{passive:!0})}componentDidUpdate(e,t){if(!Qt())return;const{action:n,controlled:r,index:o,lifecycle:i,status:s}=this.state,{debug:a,run:l,stepIndex:c,steps:p}=this.props,{stepIndex:f,steps:d}=e,{reset:h,setSteps:m,start:y,stop:g,update:v}=this.store,{changed:w}=N(e,this.props),{changed:O,changedFrom:E}=N(t,this.state),S=Sn(this.props,p[o]),x=!u(d,p),T=b.number(c)&&w("stepIndex"),k=nn(S.target);if(x&&(Tn(p,a)?m(p):console.warn("Steps are not valid",p)),w("run")&&(l?y(c):g()),T){let e=b.number(f)&&f<c?Kt.NEXT:Kt.PREV;n===Kt.STOP&&(e=Kt.START),[Zt.FINISHED,Zt.SKIPPED].includes(s)||v({action:n===Kt.CLOSE?Kt.CLOSE:e,index:c,lifecycle:Jt.INIT})}r||s!==Zt.RUNNING||0!==o||k||(this.store.update({index:o+1}),this.callback({...this.state,type:Xt.TARGET_NOT_FOUND,step:S}));const P={...this.state,index:o,step:S};if(O("action",[Kt.NEXT,Kt.PREV,Kt.SKIP,Kt.CLOSE])&&O("status",Zt.PAUSED)){const e=Sn(this.props,p[t.index]);this.callback({...P,index:t.index,lifecycle:Jt.COMPLETE,step:e,type:Xt.STEP_AFTER})}if(O("status",[Zt.FINISHED,Zt.SKIPPED])){const e=Sn(this.props,p[t.index]);r||this.callback({...P,index:t.index,lifecycle:Jt.COMPLETE,step:e,type:Xt.STEP_AFTER}),this.callback({...P,type:Xt.TOUR_END,step:e,index:t.index}),h()}else E("status",[Zt.IDLE,Zt.READY],Zt.RUNNING)?this.callback({...P,type:Xt.TOUR_START}):(O("status")||O("action",Kt.RESET))&&this.callback({...P,type:Xt.TOUR_STATUS});this.scrollToStep(t),"center"===S.placement&&s===Zt.RUNNING&&i===Jt.INIT&&this.store.update({lifecycle:Jt.READY})}componentWillUnmount(){const{disableCloseOnEsc:e}=this.props;e||document.body.removeEventListener("keydown",this.handleKeyboard)}scrollToStep(e){const{index:t,lifecycle:n,status:r}=this.state,{debug:o,disableScrollParentFix:i=!1,scrollDuration:s,scrollOffset:a=20,scrollToFirstStep:l=!1,steps:c}=this.props,u=Sn(this.props,c[t]),p=nn(u.target),f=function(e){const{isFirstStep:t,lifecycle:n,previousLifecycle:r,scrollToFirstStep:o,step:i,target:s}=e;return!i.disableScrolling&&(!t||o||n===Jt.TOOLTIP)&&"center"!==i.placement&&(!i.isFixed||!sn(s))&&r!==n&&[Jt.BEACON,Jt.TOOLTIP].includes(n)}({isFirstStep:0===t,lifecycle:n,previousLifecycle:e.lifecycle,scrollToFirstStep:l,step:u,target:p});if(r===Zt.RUNNING&&f){const e=on(p,i),l=rn(p,i);let c=Math.floor(function(e,t,n){var r;if(!e)return 0;const{offsetTop:o=0,scrollTop:i=0}=null!=(r=R(e))?r:{};let s=e.getBoundingClientRect().top+i;o&&(on(e,n)||function(e){return e.offsetParent!==document.body}(e))&&(s-=o);const a=Math.floor(s-t);return a<0?0:a}(p,a,i))||0;hn({title:"scrollToStep",data:[{key:"index",value:t},{key:"lifecycle",value:n},{key:"status",value:r}],debug:o});const f=this.store.getPopper("beacon"),d=this.store.getPopper("tooltip");if(n===Jt.BEACON&&f){const{offsets:t,placement:n}=f;["bottom"].includes(n)||e||(c=Math.floor(t.popper.top-a))}else if(n===Jt.TOOLTIP&&d){const{flipped:t,offsets:n,placement:r}=d;!["top","right","left"].includes(r)||t||e?c-=u.spotlightPadding:c=Math.floor(n.popper.top-a)}c=c>=0?c:0,r===Zt.RUNNING&&function(e,t){const{duration:n,element:r}=t;return new Promise(((t,o)=>{const{scrollTop:i}=r,s=e>i?e-i:i-e;C.top(r,e,{duration:s<100?50:n},(e=>e&&"Element already at target scroll position"!==e.message?o(e):t()))}))}(c,{element:l,duration:s}).then((()=>{setTimeout((()=>{var e;null==(e=this.store.getPopper("tooltip"))||e.instance.update()}),10)}))}}render(){if(!Qt())return null;const{index:e,lifecycle:t,status:n}=this.state,{continuous:o=!1,debug:i=!1,nonce:s,scrollToFirstStep:a=!1,steps:l}=this.props,c={};if(n===Zt.RUNNING&&l[e]){const n=Sn(this.props,l[e]);c.step=r.createElement(Bn,{...this.state,callback:this.callback,continuous:o,debug:i,helpers:this.helpers,nonce:s,shouldScroll:!n.disableScrolling&&(0!==e||a),step:n,store:this.store}),c.overlay=r.createElement(In,{id:"react-joyride-portal"},r.createElement(jn,{...n,continuous:o,debug:i,lifecycle:t,onClickOverlay:this.handleClickOverlay}))}return r.createElement("div",{className:"react-joyride"},c.step,c.overlay)}};$t(_n,"defaultProps",{continuous:!1,debug:!1,disableCloseOnEsc:!1,disableOverlay:!1,disableOverlayClose:!1,disableScrolling:!1,disableScrollParentFix:!1,getHelpers:void 0,hideBackButton:!1,run:!0,scrollOffset:20,scrollDuration:300,scrollToFirstStep:!1,showSkipButton:!1,showProgress:!1,spotlightClicks:!1,spotlightPadding:10,steps:[]});var Wn=_n}}]);