@aquera/nile-elements 0.1.17 → 0.1.19

package/dist/nile-tour/nile-tour.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../lit-element-38060f1a.cjs.js","../css-tag-399d5ef3.cjs.js"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_litElement001CjsJs){},function(_cssTag002CjsJs){t=_cssTag002CjsJs.i;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .introjs-tooltip {\n    background-color: var(--nile-tour-background-color, #1978B8);\n    color: var(--nile-tour-text-color, #fff);\n    width: 300px;\n    max-width: 300px;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-30, #1978B8);\n    background: var(--White-Normal, #1978B8);\n\n    /* Elevation/Lifted */\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .introjs-tooltip-title {\n    color: #ffffff;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n  }\n\n  .introjs-tooltip-header {\n    padding-left: 18px;\n    padding-right: 18px;\n    padding-top: 18px;\n  }\n\n  .introjs-tooltiptext {\n    color: #ffffff;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n    padding: 15px 18px;\n  }\n\n  .introjs-arrow {\n    width: 15px;\n    height: 20px;\n    background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    position: absolute;\n    border: none;\n    content: none;\n  }\n\n  .introjs-arrow.top {\n    top: -14.5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.bottom {\n    bottom: -14.5px;\n    transform: rotate(270deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left {\n    left: -11.5px;\n    transform: rotate(0);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.right {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left-bottom {\n    transform: rotate(0);\n    clip-path: inset(0px 1px 0px 0px);\n    left: -13.5px;\n    border-right-color: var(--nile-tour-background-color, #fff) !important;\n  }\n\n  .introjs-arrow.right-bottom {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n    border-left-color: var(--nile-tour-background-color, #fff) !important;\n  }\n\n  .introjs-arrow.top-middle {\n    top: -14px;\n    left: 50%;\n    margin-left: -5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-button {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n\n  .introjs-button:hover {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-button:focus {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    box-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-tooltipbuttons {\n    border-top: none;\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n  }\n\n  .introjs-helperNumberLayer {\n    display: none;\n  }\n\n  .introjs-bullets {\n    display: none;\n  }\n\n  .introjs-skipbutton {\n    display: none;\n  }\n\n  .introjs-prev-button {\n    color: #c7ced4;\n  }\n\n  .introjs-helperLayer {\n    display: none;\n    pointer-events: none;\n  }\n\n  .introjs-overlay {\n    display: none;\n    pointer-events: none;\n  }\n\n  .introjs-step-counter {\n    margin-right: auto;\n    font-size: 14px;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @keyframes shake {\n    0% {\n      transform: translateX(0);\n    }\n    25% {\n      transform: translateX(-5px);\n    }\n    50% {\n      transform: translateX(5px);\n    }\n    75% {\n      transform: translateX(-5px);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .introjs-shake {\n    animation: shake 0.5s ease infinite;\n  }\n"]))));}};});
+System.register(["../lit-element-38060f1a.cjs.js","../css-tag-399d5ef3.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_litElement001CjsJs){},function(_cssTag002CjsJs){o=_cssTag002CjsJs.i;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .introjs-tooltip {\n    background-color: var(--nile-tour-background-color, #1978b8);\n    color: var(--nile-tour-text-color, #fff);\n    width: 300px;\n    max-width: 300px;\n    border-radius: 12px;\n    border: 1px solid var(--Neutral-30, #1978b8);\n    background: var(--White-Normal, #1978b8);\n    /* border: 1px solid var(--Neutral-30, #C7CED4); */\n\n    /* Elevation/Lifted */\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .introjs-tooltip-title {\n    color: var(--nile-colors-white-base);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n  }\n\n  .introjs-tooltip-header {\n    padding-left: 18px;\n    padding-right: 18px;\n    padding-top: 18px;\n  }\n\n  .introjs-progress {\n    display: none;\n  }\n\n  .introjs-tooltiptext {\n    color: #c7ced4;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n    padding: 15px 18px;\n  }\n\n  .introjs-arrow {\n    width: 15px;\n    height: 20px;\n    background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    position: absolute;\n    border: none;\n    content: none;\n  }\n\n  .introjs-arrow.top {\n    top: -14.5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.bottom {\n    bottom: -14.5px;\n    transform: rotate(270deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left {\n    left: -11.5px;\n    transform: rotate(0);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.right {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left-bottom {\n    transform: rotate(0);\n    clip-path: inset(0px 1px 0px 0px);\n    left: -13.5px;\n    border-right-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.right-bottom {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n    border-left-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.top-middle {\n    top: -14px;\n    left: 50%;\n    margin-left: -5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-button {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n\n  .introjs-button:hover {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-button:focus {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    box-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-tooltipbuttons {\n    border-top: none;\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n  }\n\n  .introjs-helperNumberLayer {\n    display: none;\n  }\n\n  .introjs-bullets {\n    display: none;\n  }\n\n  .introjs-skipbutton {\n    display: none;\n  }\n\n  .introjs-prev-button {\n    color: #c7ced4;\n  }\n\n  .introjs-helperLayer {\n    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px,\n      rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;\n  }\n\n  .introjs-step-counter {\n    margin-right: auto;\n    font-size: 14px;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.5));\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @keyframes shake {\n    0% {\n      transform: translateX(0);\n    }\n    25% {\n      transform: translateX(-5px);\n    }\n    50% {\n      transform: translateX(5px);\n    }\n    75% {\n      transform: translateX(-5px);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .introjs-shake {\n    animation: shake 0.5s ease infinite;\n  }\n\n  .introjs-close-btn {\n    position: absolute;\n    top: 15px;\n    right: 10px;\n    background: none;\n    border: none;\n    font-size: 16px;\n    cursor: pointer;\n  }\n\n  a[disabled='true'] {\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tour.css.cjs.js.map

package/dist/nile-tour/nile-tour.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tour.css.cjs.js","sources":["../../../src/nile-tour/nile-tour.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .introjs-tooltip {\n    background-color: var(--nile-tour-background-color, #1978B8);\n    color: var(--nile-tour-text-color, #fff);\n    width: 300px;\n    max-width: 300px;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-30, #1978B8);\n    background: var(--White-Normal, #1978B8);\n\n    /* Elevation/Lifted */\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .introjs-tooltip-title {\n    color: #ffffff;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n  }\n\n  .introjs-tooltip-header {\n    padding-left: 18px;\n    padding-right: 18px;\n    padding-top: 18px;\n  }\n\n  .introjs-tooltiptext {\n    color: #ffffff;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n    padding: 15px 18px;\n  }\n\n  .introjs-arrow {\n    width: 15px;\n    height: 20px;\n    background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    position: absolute;\n    border: none;\n    content: none;\n  }\n\n  .introjs-arrow.top {\n    top: -14.5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.bottom {\n    bottom: -14.5px;\n    transform: rotate(270deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left {\n    left: -11.5px;\n    transform: rotate(0);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.right {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left-bottom {\n    transform: rotate(0);\n    clip-path: inset(0px 1px 0px 0px);\n    left: -13.5px;\n    border-right-color: var(--nile-tour-background-color, #fff) !important;\n  }\n\n  .introjs-arrow.right-bottom {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n    border-left-color: var(--nile-tour-background-color, #fff) !important;\n  }\n\n  .introjs-arrow.top-middle {\n    top: -14px;\n    left: 50%;\n    margin-left: -5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-button {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n\n  .introjs-button:hover {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-button:focus {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, #fff);\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    box-shadow: none;\n    background: var(--Primary-Normal, #1978B8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-tooltipbuttons {\n    border-top: none;\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n  }\n\n  .introjs-helperNumberLayer {\n    display: none;\n  }\n\n  .introjs-bullets {\n    display: none;\n  }\n\n  .introjs-skipbutton {\n    display: none;\n  }\n\n  .introjs-prev-button {\n    color: #c7ced4;\n  }\n\n  .introjs-helperLayer {\n    display: none;\n    pointer-events: none;\n  }\n\n  .introjs-overlay {\n    display: none;\n    pointer-events: none;\n  }\n\n  .introjs-step-counter {\n    margin-right: auto;\n    font-size: 14px;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @keyframes shake {\n    0% {\n      transform: translateX(0);\n    }\n    25% {\n      transform: translateX(-5px);\n    }\n    50% {\n      transform: translateX(5px);\n    }\n    75% {\n      transform: translateX(-5px);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .introjs-shake {\n    animation: shake 0.5s ease infinite;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"6bAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-tour.css.cjs.js","sources":["../../../src/nile-tour/nile-tour.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .introjs-tooltip {\n    background-color: var(--nile-tour-background-color, #1978b8);\n    color: var(--nile-tour-text-color, #fff);\n    width: 300px;\n    max-width: 300px;\n    border-radius: 12px;\n    border: 1px solid var(--Neutral-30, #1978b8);\n    background: var(--White-Normal, #1978b8);\n    /* border: 1px solid var(--Neutral-30, #C7CED4); */\n\n    /* Elevation/Lifted */\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .introjs-tooltip-title {\n    color: var(--nile-colors-white-base);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 16px;\n    letter-spacing: 0.2px;\n  }\n\n  .introjs-tooltip-header {\n    padding-left: 18px;\n    padding-right: 18px;\n    padding-top: 18px;\n  }\n\n  .introjs-progress {\n    display: none;\n  }\n\n  .introjs-tooltiptext {\n    color: #c7ced4;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.2px;\n    padding: 15px 18px;\n  }\n\n  .introjs-arrow {\n    width: 15px;\n    height: 20px;\n    background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n    background-repeat: no-repeat;\n    background-size: contain;\n    background-position: center;\n    position: absolute;\n    border: none;\n    content: none;\n  }\n\n  .introjs-arrow.top {\n    top: -14.5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.bottom {\n    bottom: -14.5px;\n    transform: rotate(270deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left {\n    left: -11.5px;\n    transform: rotate(0);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.right {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-arrow.left-bottom {\n    transform: rotate(0);\n    clip-path: inset(0px 1px 0px 0px);\n    left: -13.5px;\n    border-right-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.right-bottom {\n    right: -12px;\n    transform: rotate(180deg);\n    clip-path: inset(0px 3px 0px 0px);\n    border-left-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;\n  }\n\n  .introjs-arrow.top-middle {\n    top: -14px;\n    left: 50%;\n    margin-left: -5px;\n    transform: rotate(90deg);\n    clip-path: inset(0px 3px 0px 0px);\n  }\n\n  .introjs-button {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n    border-radius: 4px;\n    font-weight: 500;\n  }\n\n  .introjs-button:hover {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-button:focus {\n    background: none;\n    border: none;\n    color: var(--nile-tour-text-color, var(--nile-colors-white-base));\n    font-size: 14px;\n    padding: 0;\n    cursor: pointer;\n    text-shadow: none;\n    box-shadow: none;\n    background: var(--Primary-Normal, #1978b8);\n    border-color: transparent;\n    display: flex;\n    padding: 12px;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .introjs-tooltipbuttons {\n    border-top: none;\n    display: flex;\n    justify-content: flex-end;\n    gap: 10px;\n  }\n\n  .introjs-helperNumberLayer {\n    display: none;\n  }\n\n  .introjs-bullets {\n    display: none;\n  }\n\n  .introjs-skipbutton {\n    display: none;\n  }\n\n  .introjs-prev-button {\n    color: #c7ced4;\n  }\n\n  .introjs-helperLayer {\n    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px,\n      rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;\n  }\n\n  .introjs-step-counter {\n    margin-right: auto;\n    font-size: 14px;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.5));\n    font-style: normal;\n    font-weight: 500;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  @keyframes shake {\n    0% {\n      transform: translateX(0);\n    }\n    25% {\n      transform: translateX(-5px);\n    }\n    50% {\n      transform: translateX(5px);\n    }\n    75% {\n      transform: translateX(-5px);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  .introjs-shake {\n    animation: shake 0.5s ease infinite;\n  }\n\n  .introjs-close-btn {\n    position: absolute;\n    top: 15px;\n    right: 10px;\n    background: none;\n    border: none;\n    font-size: 16px;\n    cursor: pointer;\n  }\n\n  a[disabled='true'] {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"6bAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-tour/nile-tour.css.esm.js

@@ -1,22 +1,23 @@
-import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.esm.js";const o=t`
+import"../lit-element-68f4d117.esm.js";import{i as o}from"../css-tag-1f82a8d8.esm.js";const r=o`
   :host {
   }
 
   .introjs-tooltip {
-    background-color: var(--nile-tour-background-color, #1978B8);
+    background-color: var(--nile-tour-background-color, #1978b8);
     color: var(--nile-tour-text-color, #fff);
     width: 300px;
     max-width: 300px;
-    border-radius: 4px;
-    border: 1px solid var(--Neutral-30, #1978B8);
-    background: var(--White-Normal, #1978B8);
+    border-radius: 12px;
+    border: 1px solid var(--Neutral-30, #1978b8);
+    background: var(--White-Normal, #1978b8);
+    /* border: 1px solid var(--Neutral-30, #C7CED4); */
 
     /* Elevation/Lifted */
     box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
   }
 
   .introjs-tooltip-title {
-    color: #ffffff;
+    color: var(--nile-colors-white-base);
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
@@ -30,8 +31,12 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
     padding-top: 18px;
   }
 
+  .introjs-progress {
+    display: none;
+  }
+
   .introjs-tooltiptext {
-    color: #ffffff;
+    color: #c7ced4;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -80,14 +85,14 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
     transform: rotate(0);
     clip-path: inset(0px 1px 0px 0px);
     left: -13.5px;
-    border-right-color: var(--nile-tour-background-color, #fff) !important;
+    border-right-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;
   }
 
   .introjs-arrow.right-bottom {
     right: -12px;
     transform: rotate(180deg);
     clip-path: inset(0px 3px 0px 0px);
-    border-left-color: var(--nile-tour-background-color, #fff) !important;
+    border-left-color: var(--nile-tour-background-color, var(--nile-colors-white-base)) !important;
   }
 
   .introjs-arrow.top-middle {
@@ -101,12 +106,12 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
   .introjs-button {
     background: none;
     border: none;
-    color: var(--nile-tour-text-color, #fff);
+    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
     font-size: 14px;
     padding: 0;
     cursor: pointer;
     text-shadow: none;
-    background: var(--Primary-Normal, #1978B8);
+    background: var(--Primary-Normal, #1978b8);
     border-color: transparent;
     display: flex;
     padding: 12px;
@@ -119,12 +124,12 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
   .introjs-button:hover {
     background: none;
     border: none;
-    color: var(--nile-tour-text-color, #fff);
+    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
     font-size: 14px;
     padding: 0;
     cursor: pointer;
     text-shadow: none;
-    background: var(--Primary-Normal, #1978B8);
+    background: var(--Primary-Normal, #1978b8);
     border-color: transparent;
     display: flex;
     padding: 12px;
@@ -135,13 +140,13 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
   .introjs-button:focus {
     background: none;
     border: none;
-    color: var(--nile-tour-text-color, #fff);
+    color: var(--nile-tour-text-color, var(--nile-colors-white-base));
     font-size: 14px;
     padding: 0;
     cursor: pointer;
     text-shadow: none;
     box-shadow: none;
-    background: var(--Primary-Normal, #1978B8);
+    background: var(--Primary-Normal, #1978b8);
     border-color: transparent;
     display: flex;
     padding: 12px;
@@ -173,13 +178,8 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
   }
 
   .introjs-helperLayer {
-    display: none;
-    pointer-events: none;
-  }
-
-  .introjs-overlay {
-    display: none;
-    pointer-events: none;
+    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px,
+      rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
   }
 
   .introjs-step-counter {
@@ -188,7 +188,7 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
     padding: 0 10px;
     display: flex;
     align-items: center;
-    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));
+    color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.5));
     font-style: normal;
     font-weight: 500;
     line-height: 14px;
@@ -216,4 +216,18 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
   .introjs-shake {
     animation: shake 0.5s ease infinite;
   }
-`;export{o as s};
+
+  .introjs-close-btn {
+    position: absolute;
+    top: 15px;
+    right: 10px;
+    background: none;
+    border: none;
+    font-size: 16px;
+    cursor: pointer;
+  }
+
+  a[disabled='true'] {
+    display: none;
+  }
+`;export{r as s};

package/dist/nile-tour/nile-tour.esm.js

@@ -7,9 +7,18 @@ import{__decorate as t}from"tslib";import{LitElement as n,html as i}from"lit";im
  * https://introjs.com
  *
  * Date: Mon, 14 Aug 2023 19:47:14 GMT
- */function s(t){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,n,i,r){return new(i||(i=Promise))((function(o,e){function s(t){try{u(r.next(t))}catch(t){e(t)}}function a(t){try{u(r.throw(t))}catch(t){e(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof i?n:new i((function(t){t(n)}))).then(s,a)}u((r=r.apply(t,n||[])).next())}))}function u(t,n){var i,r,o,e,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return e={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function a(a){return function(u){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;e&&(e=0,a[0]&&(s=0)),s;)try{if(i=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,r=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(6===a[0]&&s.label<o[1]){s.label=o[1],o=a;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(a);break}o[2]&&s.ops.pop(),s.trys.pop();continue}a=n.call(t,s)}catch(t){a=[6,t],r=0}finally{i=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}function c(t,n,i){var r,o=((r={})[t]=n,r.path="/",r.expires=void 0,r);if(i){var e=new Date;e.setTime(e.getTime()+24*i*60*60*1e3),o.expires=e.toUTCString()}var s=[];for(var a in o)s.push("".concat(a,"=").concat(o[a]));return document.cookie=s.join("; "),l(t)}function l(t){return(n={},document.cookie.split(";").forEach((function(t){var i=t.split("="),r=i[0],o=i[1];n[r.trim()]=o})),n)[t];var n}"function"==typeof SuppressedError&&SuppressedError;var d,f=(d={},function(t,n){return void 0===n&&(n="introjs-stamp"),d[n]=d[n]||0,void 0===t[n]&&(t[n]=d[n]++),t[n]}),h=new(function(){function t(){this.events_key="introjs_event"}return t.prototype._id=function(t,n,i){return t+f(n)+(i?"_".concat(f(i)):"")},t.prototype.on=function(t,n,i,r,o){var e=this._id(n,i,r),s=function(n){return i(r||t,n||window.event)};"addEventListener"in t?t.addEventListener(n,s,o):"attachEvent"in t&&t.attachEvent("on".concat(n),s),t[this.events_key]=t[this.events_key]||{},t[this.events_key][e]=s},t.prototype.off=function(t,n,i,r,o){var e=this._id(n,i,r),s=t[this.events_key]&&t[this.events_key][e];s&&("removeEventListener"in t?t.removeEventListener(n,s,o):"detachEvent"in t&&t.detachEvent("on".concat(n),s),t[this.events_key][e]=null)},t}()),v=function(t){return"function"==typeof t};function p(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";i.match(n)||t.setAttribute("class","".concat(i," ").concat(n))}else if(void 0!==t.classList)for(var r=0,o=n.split(" ");r<o.length;r++){var e=o[r];t.classList.add(e)}else t.className.match(n)||(t.className+=" ".concat(n))}function w(t,n){var i="";return"currentStyle"in t?i=t.currentStyle[n]:document.defaultView&&document.defaultView.getComputedStyle&&(i=document.defaultView.getComputedStyle(t,null).getPropertyValue(n)),i&&i.toLowerCase?i.toLowerCase():i}function m(t,n){if(t){var i=function(t){var n=window.getComputedStyle(t),i="absolute"===n.position,r=/(auto|scroll)/;if("fixed"===n.position)return document.body;for(var o=t;o=o.parentElement;)if(n=window.getComputedStyle(o),(!i||"static"!==n.position)&&r.test(n.overflow+n.overflowY+n.overflowX))return o;return document.body}(n);i!==document.body&&(i.scrollTop=n.offsetTop-i.offsetTop)}}function b(){if(void 0!==window.innerWidth)return{width:window.innerWidth,height:window.innerHeight};var t=document.documentElement;return{width:t.clientWidth,height:t.clientHeight}}function j(t,n,i,r,o){var e;if("off"!==n&&t&&(e="tooltip"===n?o.getBoundingClientRect():r.getBoundingClientRect(),!function(t){var n=t.getBoundingClientRect();return n.top>=0&&n.left>=0&&n.bottom+80<=window.innerHeight&&n.right<=window.innerWidth}(r))){var s=b().height;e.bottom-(e.bottom-e.top)<0||r.clientHeight>s?window.scrollBy(0,e.top-(s/2-e.height/2)-i):window.scrollBy(0,e.top-(s/2-e.height/2)+i)}}function g(t){t.setAttribute("role","button"),t.tabIndex=0}function y(t){var n=t.parentElement;return!(!n||"HTML"===n.nodeName)&&("fixed"===w(t,"position")||y(n))}function x(t,n){var i=document.body,r=document.documentElement,o=window.pageYOffset||r.scrollTop||i.scrollTop,e=window.pageXOffset||r.scrollLeft||i.scrollLeft;n=n||i;var s=t.getBoundingClientRect(),a=n.getBoundingClientRect(),u=w(n,"position"),c={width:s.width,height:s.height};return"body"!==n.tagName.toLowerCase()&&"relative"===u||"sticky"===u?Object.assign(c,{top:s.top-a.top,left:s.left-a.left}):y(t)?Object.assign(c,{top:s.top,left:s.left}):Object.assign(c,{top:s.top+o,left:s.left+e})}function k(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";t.setAttribute("class",i.replace(n,"").replace(/^\s+|\s+$/g,""))}else t.className=t.className.replace(n,"").replace(/^\s+|\s+$/g,"")}function E(t,n){var i="";if(t.style.cssText&&(i+=t.style.cssText),"string"==typeof n)i+=n;else for(var r in n)i+="".concat(r,":").concat(n[r],";");t.style.cssText=i}function N(t,n,i){if(i&&n){var r=x(n.element,t._targetElement),o=t._options.helperElementPadding;n.element instanceof Element&&y(n.element)?p(i,"introjs-fixedTooltip"):k(i,"introjs-fixedTooltip"),"floating"===n.position&&(o=0),E(i,{width:"".concat(r.width+o,"px"),height:"".concat(r.height+o,"px"),top:"".concat(r.top-o/2,"px"),left:"".concat(r.left-o/2,"px")})}}function S(t,n,i,r,o){return t.left+n+i.width>r.width?(o.style.left="".concat(r.width-i.width-t.left,"px"),!1):(o.style.left="".concat(n,"px"),!0)}function A(t,n,i,r){return t.left+t.width-n-i.width<0?(r.style.left="".concat(-t.left,"px"),!1):(r.style.right="".concat(n,"px"),!0)}function L(t,n){t.includes(n)&&t.splice(t.indexOf(n),1)}function P(t,n,i,r,o){if(void 0===o&&(o=!1),n){var e,s,a,u,c="";i.style.top="",i.style.right="",i.style.bottom="",i.style.left="",i.style.marginLeft="",i.style.marginTop="",r.style.display="inherit",c="string"==typeof n.tooltipClass?n.tooltipClass:t._options.tooltipClass,i.className=["introjs-tooltip",c].filter(Boolean).join(" "),i.setAttribute("role","dialog"),"floating"!==(u=n.position)&&t._options.autoPosition&&(u=function(t,n,i,r){var o=t.slice(),e=b(),s=x(i).height+10,a=x(i).width+20,u=n.getBoundingClientRect(),c="floating";if(u.bottom+s>e.height&&L(o,"bottom"),u.top-s<0&&L(o,"top"),u.right+a>e.width&&L(o,"right"),u.left-a<0&&L(o,"left"),r&&(r=r.split("-")[0]),o.length&&(c=o[0],o.includes(r)&&(c=r)),"top"===c||"bottom"===c){var l=void 0,d=[];"top"===c?(l="top-middle-aligned",d=["top-left-aligned","top-middle-aligned","top-right-aligned"]):(l="bottom-middle-aligned",d=["bottom-left-aligned","bottom-middle-aligned","bottom-right-aligned"]),c=function(t,n,i,r){var o=n/2,e=Math.min(i,window.screen.width);return e-t<n&&(L(r,"top-left-aligned"),L(r,"bottom-left-aligned")),(t<o||e-t<o)&&(L(r,"top-middle-aligned"),L(r,"bottom-middle-aligned")),t<n&&(L(r,"top-right-aligned"),L(r,"bottom-right-aligned")),r.length?r[0]:null}(u.left,a,e.width,d)||l}return c}(t._options.positionPrecedence,n.element,i,u)),s=x(n.element),e=x(i),a=b(),p(i,"introjs-".concat(u));var l=s.width/2-e.width/2;switch(u){case"top-right-aligned":r.className="introjs-arrow bottom-right";var d=0;A(s,d,e,i),i.style.bottom="".concat(s.height+20,"px");break;case"top-middle-aligned":r.className="introjs-arrow bottom-middle",o&&(l+=5),A(s,l,e,i)&&(i.style.right="",S(s,l,e,a,i)),i.style.bottom="".concat(s.height+20,"px");break;case"top-left-aligned":case"top":r.className="introjs-arrow bottom",S(s,o?0:15,e,a,i),i.style.bottom="".concat(s.height+20,"px");break;case"right":i.style.left="".concat(s.width+20,"px"),s.top+e.height>a.height?(r.className="introjs-arrow left-bottom",i.style.top="-".concat(e.height-s.height-20,"px")):r.className="introjs-arrow left";break;case"left":o||!0!==t._options.showStepNumbers||(i.style.top="15px"),s.top+e.height>a.height?(i.style.top="-".concat(e.height-s.height-20,"px"),r.className="introjs-arrow right-bottom"):r.className="introjs-arrow right",i.style.right="".concat(s.width+20,"px");break;case"floating":r.style.display="none",i.style.left="50%",i.style.top="50%",i.style.marginLeft="-".concat(e.width/2,"px"),i.style.marginTop="-".concat(e.height/2,"px");break;case"bottom-right-aligned":r.className="introjs-arrow top-right",A(s,d=0,e,i),i.style.top="".concat(s.height+20,"px");break;case"bottom-middle-aligned":r.className="introjs-arrow top-middle",o&&(l+=5),A(s,l,e,i)&&(i.style.right="",S(s,l,e,a,i)),i.style.top="".concat(s.height+20,"px");break;default:r.className="introjs-arrow top",S(s,0,e,a,i),i.style.top="".concat(s.height+20,"px")}}}function I(){for(var t=0,n=Array.from(document.querySelectorAll(".introjs-showElement"));t<n.length;t++)k(n[t],/introjs-[a-zA-Z]+/g)}function C(t,n){var i=document.createElement(t);n=n||{};var r=/^(?:role|data-|aria-)/;for(var o in n){var e=n[o];"style"===o&&"function"!=typeof e?E(i,e):"string"==typeof e&&o.match(r)?i.setAttribute(o,e):i[o]=e}return i}function O(t,n,i){if(void 0===i&&(i=!1),i){var r=n.style.opacity||"1";E(n,{opacity:"0"}),window.setTimeout((function(){E(n,{opacity:r})}),10)}t.appendChild(n)}function T(t,n){return(t+1)/n*100}function B(t,n){var i=C("div",{className:"introjs-bullets"});!1===t._options.showBullets&&(i.style.display="none");var r=C("ul");r.setAttribute("role","tablist");for(var o=function(){var n=this.getAttribute("data-step-number");null!=n&&t.goToStep(parseInt(n,10))},e=0;e<t._introItems.length;e++){var s=t._introItems[e].step,a=C("li"),u=C("a");a.setAttribute("role","presentation"),u.setAttribute("role","tab"),u.onclick=o,e===n.step-1&&(u.className="active"),g(u),u.innerHTML="&nbsp;",u.setAttribute("data-step-number",s.toString()),a.appendChild(u),r.appendChild(a)}return i.appendChild(r),i}function R(t,n,i){var r=t.querySelector(".introjs-progress .introjs-progressbar");if(r){var o=T(n,i);r.style.cssText="width:".concat(o,"%;"),r.setAttribute("aria-valuenow",o.toString())}}function $(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,c,l,d,f,h,b,y,x,k,S,A,L,$,J,z,G,M,V,_,H=this;return u(this,(function(Q){switch(Q.label){case 0:return v(t._introChangeCallback)?[4,t._introChangeCallback.call(t,n.element)]:[3,2];case 1:Q.sent(),Q.label=2;case 2:return i=document.querySelector(".introjs-helperLayer"),r=document.querySelector(".introjs-tooltipReferenceLayer"),o="introjs-helperLayer","string"==typeof n.highlightClass&&(o+=" ".concat(n.highlightClass)),"string"==typeof t._options.highlightClass&&(o+=" ".concat(t._options.highlightClass)),null!==i&&null!==r?(l=r.querySelector(".introjs-helperNumberLayer"),d=r.querySelector(".introjs-tooltiptext"),f=r.querySelector(".introjs-tooltip-title"),h=r.querySelector(".introjs-arrow"),b=r.querySelector(".introjs-tooltip"),c=r.querySelector(".introjs-skipbutton"),s=r.querySelector(".introjs-prevbutton"),e=r.querySelector(".introjs-nextbutton"),i.className=o,b.style.opacity="0",b.style.display="none",m(t._options.scrollToElement,n.element),N(t,n,i),N(t,n,r),I(),t._lastShowElementTimer&&window.clearTimeout(t._lastShowElementTimer),t._lastShowElementTimer=window.setTimeout((function(){null!==l&&(l.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length)),d.innerHTML=n.intro||"",f.innerHTML=n.title||"",b.style.display="block",P(t,n,b,h),function(t,n,i){if(t){var r=n.querySelector(".introjs-bullets li > a.active"),o=n.querySelector('.introjs-bullets li > a[data-step-number="'.concat(i.step,'"]'));r&&o&&(r.className="",o.className="active")}}(t._options.showBullets,r,n),R(r,t._currentStep,t._introItems.length),b.style.opacity="1",(null!=e&&/introjs-donebutton/gi.test(e.className)||null!=e)&&e.focus(),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,d)}),350)):(y=C("div",{className:o}),x=C("div",{className:"introjs-tooltipReferenceLayer"}),k=C("div",{className:"introjs-arrow"}),S=C("div",{className:"introjs-tooltip"}),A=C("div",{className:"introjs-tooltiptext"}),L=C("div",{className:"introjs-tooltip-header"}),$=C("h1",{className:"introjs-tooltip-title"}),J=C("div"),E(y,{"box-shadow":"0 0 1px 2px rgba(33, 33, 33, 0.8), rgba(33, 33, 33, ".concat(t._options.overlayOpacity.toString(),") 0 0 0 5000px")}),m(t._options.scrollToElement,n.element),N(t,n,y),N(t,n,x),O(t._targetElement,y,!0),O(t._targetElement,x),A.innerHTML=n.intro,$.innerHTML=n.title,J.className="introjs-tooltipbuttons",!1===t._options.showButtons&&(J.style.display="none"),L.appendChild($),S.appendChild(L),S.appendChild(A),t._options.dontShowAgain&&(z=C("div",{className:"introjs-dontShowAgain"}),(G=C("input",{type:"checkbox",id:"introjs-dontShowAgain",name:"introjs-dontShowAgain"})).onchange=function(n){t.setDontShowAgain(n.target.checked)},(M=C("label",{htmlFor:"introjs-dontShowAgain"})).innerText=t._options.dontShowAgainLabel,z.appendChild(G),z.appendChild(M),S.appendChild(z)),S.appendChild(B(t,n)),S.appendChild(function(t){var n=C("div");n.className="introjs-progress",!1===t._options.showProgress&&(n.style.display="none");var i=C("div",{className:"introjs-progressbar"});t._options.progressBarAdditionalClass&&(i.className+=" "+t._options.progressBarAdditionalClass);var r=T(t._currentStep,t._introItems.length);return i.setAttribute("role","progress"),i.setAttribute("aria-valuemin","0"),i.setAttribute("aria-valuemax","100"),i.setAttribute("aria-valuenow",r.toString()),i.style.cssText="width:".concat(r,"%;"),n.appendChild(i),n}(t)),V=C("div"),!0===t._options.showStepNumbers&&(V.className="introjs-helperNumberLayer",V.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length),S.appendChild(V)),S.appendChild(k),x.appendChild(S),(e=C("a")).onclick=function(){return a(H,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep?[3,2]:[4,D(t)];case 1:return n.sent(),[3,6];case 2:return/introjs-donebutton/gi.test(e.className)?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"done")]:[3,4]:[3,6];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:n.sent(),n.label=6;case 6:return[2]}}))}))},g(e),e.innerHTML=t._options.nextLabel,(s=C("a")).onclick=function(){return a(H,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._currentStep>0?[4,F(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}}))}))},g(s),s.innerHTML=t._options.prevLabel,g(c=C("a",{className:"introjs-skipbutton"})),c.innerHTML=t._options.skipLabel,c.onclick=function(){return a(H,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,2];case 1:n.sent(),n.label=2;case 2:return v(t._introSkipCallback)?[4,t._introSkipCallback.call(t,t._currentStep)]:[3,4];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return n.sent(),[2]}}))}))},L.appendChild(c),t._introItems.length>1&&J.appendChild(s),J.appendChild(e),S.appendChild(J),P(t,n,S,k),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,S)),(_=t._targetElement.querySelector(".introjs-disableInteraction"))&&_.parentNode&&_.parentNode.removeChild(_),n.disableInteraction&&function(t,n){var i=document.querySelector(".introjs-disableInteraction");null===i&&(i=C("div",{className:"introjs-disableInteraction"}),t._targetElement.appendChild(i)),N(t,n,i)}(t,n),0===t._currentStep&&t._introItems.length>1?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel),!0===t._options.hidePrev?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-hidden")),null!=e&&p(e,"introjs-fullbutton")):null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-disabled"))):t._introItems.length-1===t._currentStep||1===t._introItems.length?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),!0===t._options.hideNext?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-hidden")),null!=s&&p(s,"introjs-fullbutton")):null!=e&&(!0===t._options.nextToDone?(e.innerHTML=t._options.doneLabel,p(e,"".concat(t._options.buttonClass," introjs-nextbutton introjs-donebutton"))):e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-disabled"))):(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel)),null!=s&&s.setAttribute("role","button"),null!=e&&e.setAttribute("role","button"),null!=c&&c.setAttribute("role","button"),null!=e&&e.focus(),function(t){p(t,"introjs-showElement");var n=w(t,"position");"absolute"!==n&&"relative"!==n&&"sticky"!==n&&"fixed"!==n&&p(t,"introjs-relativePosition")}(n.element),v(t._introAfterChangeCallback)?[4,t._introAfterChangeCallback.call(t,n.element)]:[3,4];case 3:Q.sent(),Q.label=4;case 4:return[2]}}))}))}function J(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStep=n-2,void 0===t._introItems?[3,2]:[4,D(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function z(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStepNumber=n,void 0===t._introItems?[3,2]:[4,D(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function D(t){return a(this,void 0,void 0,(function(){var n,i,r;return u(this,(function(o){switch(o.label){case 0:if(t._direction="forward",void 0!==t._currentStepNumber)for(n=0;n<t._introItems.length;n++)t._introItems[n].step===t._currentStepNumber&&(t._currentStep=n-1,t._currentStepNumber=void 0);return-1===t._currentStep?t._currentStep=0:++t._currentStep,i=t._introItems[t._currentStep],r=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,i&&i.element,t._currentStep,t._direction)]:[3,2];case 1:r=o.sent(),o.label=2;case 2:return!1===r?(--t._currentStep,[2,!1]):t._introItems.length<=t._currentStep?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"end")]:[3,4]:[3,6];case 3:o.sent(),o.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return o.sent(),[2,!1];case 6:return[4,$(t,i)];case 7:return o.sent(),[2,!0]}}))}))}function F(t){return a(this,void 0,void 0,(function(){var n,i;return u(this,(function(r){switch(r.label){case 0:return t._direction="backward",t._currentStep<=0?[2,!1]:(--t._currentStep,n=t._introItems[t._currentStep],i=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,n&&n.element,t._currentStep,t._direction)]:[3,2]);case 1:i=r.sent(),r.label=2;case 2:return!1===i?(++t._currentStep,[2,!1]):[4,$(t,n)];case 3:return r.sent(),[2,!0]}}))}))}function G(t,n){return a(this,void 0,void 0,(function(){var i,r;return u(this,(function(o){switch(o.label){case 0:return null===(i=void 0===n.code?n.which:n.code)&&(i=null===n.charCode?n.keyCode:n.charCode),"Escape"!==i&&27!==i||!0!==t._options.exitOnEsc?[3,2]:[4,et(t,t._targetElement)];case 1:return o.sent(),[3,16];case 2:return"ArrowLeft"!==i&&37!==i?[3,4]:[4,F(t)];case 3:return o.sent(),[3,16];case 4:return"ArrowRight"!==i&&39!==i?[3,6]:[4,D(t)];case 5:return o.sent(),[3,16];case 6:return"Enter"!==i&&"NumpadEnter"!==i&&13!==i?[3,16]:(r=n.target||n.srcElement)&&r.className.match("introjs-prevbutton")?[4,F(t)]:[3,8];case 7:return o.sent(),[3,15];case 8:return r&&r.className.match("introjs-skipbutton")?t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,10]:[3,12];case 9:o.sent(),o.label=10;case 10:return[4,et(t,t._targetElement)];case 11:return o.sent(),[3,15];case 12:return r&&r.getAttribute("data-step-number")?(r.click(),[3,15]):[3,13];case 13:return[4,D(t)];case 14:o.sent(),o.label=15;case 15:n.preventDefault?n.preventDefault():n.returnValue=!1,o.label=16;case 16:return[2]}}))}))}function M(t){if(null===t||"object"!==s(t)||"nodeType"in t)return t;var n={};for(var i in t)"jQuery"in window&&t[i]instanceof window.jQuery?n[i]=t[i]:n[i]=M(t[i]);return n}function V(t){var n=document.querySelector(".introjs-hints");return n?Array.from(n.querySelectorAll(t)):[]}function _(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return i=V('.introjs-hint[data-step="'.concat(n,'"]'))[0],X(),i&&p(i,"introjs-hidehint"),v(t._hintCloseCallback)?[4,t._hintCloseCallback.call(t,n)]:[3,2];case 1:r.sent(),r.label=2;case 2:return[2]}}))}))}function H(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:n=V(".introjs-hint"),i=0,r=n,s.label=1;case 1:return i<r.length?(o=r[i],(e=o.getAttribute("data-step"))?[4,_(t,parseInt(e,10))]:[3,3]):[3,4];case 2:s.sent(),s.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}function Q(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:if(!(n=V(".introjs-hint"))||!n.length)return[3,1];for(i=0,r=n;i<r.length;i++)o=r[i],(e=o.getAttribute("data-step"))&&Z(parseInt(e,10));return[3,3];case 1:return[4,Y(t,t._targetElement)];case 2:s.sent(),s.label=3;case 3:return[2]}}))}))}function Z(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&k(n,/introjs-hidehint/g)}function q(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&n.parentNode&&n.parentNode.removeChild(n)}function K(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e,s,a;return u(this,(function(u){switch(u.label){case 0:for(null===(n=document.querySelector(".introjs-hints"))&&(n=C("div",{className:"introjs-hints"})),i=function(n){return function(i){var r=i||window.event;r&&r.stopPropagation&&r.stopPropagation(),r&&null!==r.cancelBubble&&(r.cancelBubble=!0),W(t,n)}},r=0;r<t._hintItems.length;r++){if(o=t._hintItems[r],document.querySelector('.introjs-hint[data-step="'.concat(r,'"]')))return[2];g(e=C("a",{className:"introjs-hint"})),e.onclick=i(r),o.hintAnimation||p(e,"introjs-hint-no-anim"),y(o.element)&&p(e,"introjs-fixedhint"),s=C("div",{className:"introjs-hint-dot"}),a=C("div",{className:"introjs-hint-pulse"}),e.appendChild(s),e.appendChild(a),e.setAttribute("data-step",r.toString()),o.hintTargetElement=o.element,o.element=e,U(o.hintPosition,e,o.hintTargetElement),n.appendChild(e)}return document.body.appendChild(n),v(t._hintsAddedCallback)?[4,t._hintsAddedCallback.call(t)]:[3,2];case 1:u.sent(),u.label=2;case 2:return t._options.hintAutoRefreshInterval>=0&&(t._hintsAutoRefreshFunction=(c=function(){return tt(t)},l=t._options.hintAutoRefreshInterval,function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];window.clearTimeout(d),d=window.setTimeout((function(){c()}),l)}),h.on(window,"scroll",t._hintsAutoRefreshFunction,t,!0)),[2]}var c,l,d}))}))}function U(t,n,i){if(void 0!==i){var r=x(i),o=20,e=20;switch(t){default:case"top-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top,"px");break;case"top-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top,"px");break;case"bottom-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"bottom-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"middle-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"bottom-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"top-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top,"px")}}}function W(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f,h;return u(this,(function(u){switch(u.label){case 0:return i=document.querySelector('.introjs-hint[data-step="'.concat(n,'"]')),r=t._hintItems[n],v(t._hintClickCallback)?[4,t._hintClickCallback.call(t,i,r,n)]:[3,2];case 1:u.sent(),u.label=2;case 2:return void 0!==(o=X())&&parseInt(o,10)===n||(e=C("div",{className:"introjs-tooltip"}),s=C("div"),a=C("div"),c=C("div"),e.onclick=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0},s.className="introjs-tooltiptext",(l=C("p")).innerHTML=r.hint||"",s.appendChild(l),t._options.hintShowButton&&((d=C("a")).className=t._options.buttonClass,d.setAttribute("role","button"),d.innerHTML=t._options.hintButtonLabel,d.onclick=function(){return _(t,n)},s.appendChild(d)),a.className="introjs-arrow",e.appendChild(a),e.appendChild(s),f=i.getAttribute("data-step")||"",t._currentStep=parseInt(f,10),h=t._hintItems[t._currentStep],c.className="introjs-tooltipReferenceLayer introjs-hintReference",c.setAttribute("data-step",f),N(t,h,c),c.appendChild(e),document.body.appendChild(c),P(t,h,e,a,!0)),[2]}}))}))}function X(){var t=document.querySelector(".introjs-hintReference");if(t&&t.parentNode){var n=t.getAttribute("data-step");if(!n)return;return t.parentNode.removeChild(t),n}}function Y(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f;return u(this,(function(u){switch(u.label){case 0:if(t._hintItems=[],t._options.hints&&t._options.hints.length>0)for(i=0,r=t._options.hints;i<r.length;i++)o=r[i],"string"==typeof(e=M(o)).element&&(e.element=document.querySelector(e.element)),e.hintPosition=e.hintPosition||t._options.hintPosition,e.hintAnimation=e.hintAnimation||t._options.hintAnimation,null!==e.element&&t._hintItems.push(e);else{if(!(s=Array.from(n.querySelectorAll("*[data-hint]")))||!s.length)return[2,!1];for(a=0,c=s;a<c.length;a++)l=c[a],d=l.getAttribute("data-hint-animation"),f=t._options.hintAnimation,d&&(f="true"===d),t._hintItems.push({element:l,hint:l.getAttribute("data-hint")||"",hintPosition:l.getAttribute("data-hint-position")||t._options.hintPosition,hintAnimation:f,tooltipClass:l.getAttribute("data-tooltip-class")||void 0,position:l.getAttribute("data-position")||t._options.tooltipPosition})}return[4,K(t)];case 1:return u.sent(),h.on(document,"click",X,t,!1),h.on(window,"resize",tt,t,!0),[2,!0]}}))}))}function tt(t){for(var n=0,i=t._hintItems;n<i.length;n++){var r=i[n],o=r.hintTargetElement;U(r.hintPosition,r.element,o)}}function nt(t,n){var i=Array.from(n.querySelectorAll("*[data-intro]")),r=[];if(t._options.steps&&t._options.steps.length)for(var o=0,e=t._options.steps;o<e.length;o++){var s=M(f=e[o]);if(s.step=r.length+1,s.title=s.title||"","string"==typeof s.element&&(s.element=document.querySelector(s.element)||void 0),void 0===s.element||null===s.element){var a=document.querySelector(".introjsFloatingElement");null===a&&(a=C("div",{className:"introjsFloatingElement"}),document.body.appendChild(a)),s.element=a,s.position="floating"}s.position=s.position||t._options.tooltipPosition,s.scrollTo=s.scrollTo||t._options.scrollTo,void 0===s.disableInteraction&&(s.disableInteraction=t._options.disableInteraction),null!==s.element&&r.push(s)}else{var u=void 0;if(i.length<1)return[];for(var c=0,l=i;c<l.length;c++){var d=l[c];if((!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&"none"!==d.style.display){var f=parseInt(d.getAttribute("data-step")||"",10);u=t._options.disableInteraction,d.hasAttribute("data-disable-interaction")&&(u=!!d.getAttribute("data-disable-interaction")),f>0&&(r[f-1]={step:f,element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u})}}for(var h=0,v=0,p=i;v<p.length;v++)if(d=p[v],(!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&null===d.getAttribute("data-step")){for(;void 0!==r[h];)h++;u=d.hasAttribute("data-disable-interaction")?!!d.getAttribute("data-disable-interaction"):t._options.disableInteraction,r[h]={element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",step:h+1,tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u}}}for(var w=[],m=0;m<r.length;m++)r[m]&&w.push(r[m]);return(r=w).sort((function(t,n){return t.step-n.step})),r}function it(t,n){var i=t._currentStep;if(null!=i&&-1!=i){var r=t._introItems[i],o=document.querySelector(".introjs-tooltipReferenceLayer"),e=document.querySelector(".introjs-helperLayer"),s=document.querySelector(".introjs-disableInteraction");N(t,r,e),N(t,r,o),N(t,r,s),n&&(t._introItems=nt(t,t._targetElement),function(t,n){if(t._options.showBullets){var i=document.querySelector(".introjs-bullets");i&&i.parentNode&&i.parentNode.replaceChild(B(t,n),i)}}(t,r),R(o,i,t._introItems.length));var a=document.querySelector(".introjs-arrow"),u=document.querySelector(".introjs-tooltip");return u&&a&&P(t,t._introItems[i],u,a),tt(t),t}}function rt(t){it(t)}function ot(t,n){if(void 0===n&&(n=!1),t&&t.parentElement){var i=t.parentElement;n?(E(t,{opacity:"0"}),window.setTimeout((function(){try{i.removeChild(t)}catch(t){}}),500)):i.removeChild(t)}}function et(t,n,i){return void 0===i&&(i=!1),a(this,void 0,void 0,(function(){var r,o,e,s;return u(this,(function(a){switch(a.label){case 0:return r=!0,void 0===t._introBeforeExitCallback?[3,2]:[4,t._introBeforeExitCallback.call(t,n)];case 1:r=a.sent(),a.label=2;case 2:if(!i&&!1===r)return[2];if((o=Array.from(n.querySelectorAll(".introjs-overlay")))&&o.length)for(e=0,s=o;e<s.length;e++)ot(s[e]);return ot(n.querySelector(".introjs-helperLayer"),!0),ot(n.querySelector(".introjs-tooltipReferenceLayer")),ot(n.querySelector(".introjs-disableInteraction")),ot(document.querySelector(".introjsFloatingElement")),I(),h.off(window,"keydown",G,t,!0),h.off(window,"resize",rt,t,!0),v(t._introExitCallback)?[4,t._introExitCallback.call(t)]:[3,4];case 3:a.sent(),a.label=4;case 4:return t._currentStep=-1,[2]}}))}))}function st(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return t.isActive()?v(t._introStartCallback)?[4,t._introStartCallback.call(t,n)]:[3,2]:[2,!1];case 1:r.sent(),r.label=2;case 2:return 0===(i=nt(t,n)).length?[2,!1]:(t._introItems=i,function(t,n){var i=this,r=C("div",{className:"introjs-overlay"});E(r,{top:0,bottom:0,left:0,right:0,position:"fixed"}),n.appendChild(r),!0===t._options.exitOnOverlayClick&&(E(r,{cursor:"pointer"}),r.onclick=function(){return a(i,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return[4,et(t,n)];case 1:return i.sent(),[2]}}))}))})}(t,n),[4,D(t)]);case 3:r.sent(),n.addEventListener,t._options.keyboardNavigation&&h.on(window,"keydown",G,t,!0),h.on(window,"resize",rt,t,!0),r.label=4;case 4:return[2,!1]}}))}))}function at(t,n,i){return t[n]=i,t}var ut=function(){function t(t){this._currentStep=-1,this._introItems=[],this._hintItems=[],this._targetElement=t,this._options={steps:[],hints:[],isActive:!0,nextLabel:"Next",prevLabel:"Back",skipLabel:"×",doneLabel:"Done",hidePrev:!1,hideNext:!1,nextToDone:!0,tooltipPosition:"bottom",tooltipClass:"",group:"",highlightClass:"",exitOnEsc:!0,exitOnOverlayClick:!0,showStepNumbers:!1,stepNumbersOfLabel:"of",keyboardNavigation:!0,showButtons:!0,showBullets:!0,showProgress:!1,scrollToElement:!0,scrollTo:"element",scrollPadding:30,overlayOpacity:.5,autoPosition:!0,positionPrecedence:["bottom","top","right","left"],disableInteraction:!1,dontShowAgain:!1,dontShowAgainLabel:"Don't show this again",dontShowAgainCookie:"introjs-dontShowAgain",dontShowAgainCookieDays:365,helperElementPadding:10,hintPosition:"top-middle",hintButtonLabel:"Got it",hintShowButton:!0,hintAutoRefreshInterval:10,hintAnimation:!0,buttonClass:"introjs-button",progressBarAdditionalClass:!1}}return t.prototype.isActive=function(){return(!this._options.dontShowAgain||""===(t=l(this._options.dontShowAgainCookie))||"true"!==t)&&this._options.isActive;var t},t.prototype.clone=function(){return new t(this._targetElement)},t.prototype.setOption=function(t,n){return this._options=at(this._options,t,n),this},t.prototype.setOptions=function(t){return this._options=function(t,n){for(var i=0,r=Object.entries(n);i<r.length;i++){var o=r[i];t=at(t,o[0],o[1])}return t}(this._options,t),this},t.prototype.start=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,st(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.goToStep=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,J(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.addStep=function(t){return this._options.steps||(this._options.steps=[]),this._options.steps.push(t),this},t.prototype.addSteps=function(t){if(!t.length)return this;for(var n=0;n<t.length;n++)this.addStep(t[n]);return this},t.prototype.goToStepNumber=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,z(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.nextStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,D(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.previousStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,F(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.currentStep=function(){return this._currentStep},t.prototype.exit=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,et(this,this._targetElement,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.refresh=function(t){return it(this,t),this},t.prototype.setDontShowAgain=function(t){return function(t,n){n?c(t._options.dontShowAgainCookie,"true",t._options.dontShowAgainCookieDays):c(t._options.dontShowAgainCookie,"",-1)}(this,t),this},t.prototype.onbeforechange=function(t){if(!v(t))throw new Error("Provided callback for onbeforechange was not a function");return this._introBeforeChangeCallback=t,this},t.prototype.onchange=function(t){if(!v(t))throw new Error("Provided callback for onchange was not a function.");return this._introChangeCallback=t,this},t.prototype.onafterchange=function(t){if(!v(t))throw new Error("Provided callback for onafterchange was not a function");return this._introAfterChangeCallback=t,this},t.prototype.oncomplete=function(t){if(!v(t))throw new Error("Provided callback for oncomplete was not a function.");return this._introCompleteCallback=t,this},t.prototype.onhintsadded=function(t){if(!v(t))throw new Error("Provided callback for onhintsadded was not a function.");return this._hintsAddedCallback=t,this},t.prototype.onhintclick=function(t){if(!v(t))throw new Error("Provided callback for onhintclick was not a function.");return this._hintClickCallback=t,this},t.prototype.onhintclose=function(t){if(!v(t))throw new Error("Provided callback for onhintclose was not a function.");return this._hintCloseCallback=t,this},t.prototype.onstart=function(t){if(!v(t))throw new Error("Provided callback for onstart was not a function.");return this._introStartCallback=t,this},t.prototype.onexit=function(t){if(!v(t))throw new Error("Provided callback for onexit was not a function.");return this._introExitCallback=t,this},t.prototype.onskip=function(t){if(!v(t))throw new Error("Provided callback for onskip was not a function.");return this._introSkipCallback=t,this},t.prototype.onbeforeexit=function(t){if(!v(t))throw new Error("Provided callback for onbeforeexit was not a function.");return this._introBeforeExitCallback=t,this},t.prototype.addHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,Y(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.hideHint=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,_(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.hideHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,H(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.showHint=function(t){return Z(t),this},t.prototype.showHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,Q(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.removeHints=function(){return function(t){for(var n=0,i=V(".introjs-hint");n<i.length;n++){var r=i[n].getAttribute("data-step");r&&q(parseInt(r,10))}h.off(document,"click",X,t,!1),h.off(window,"resize",tt,t,!0),t._hintsAutoRefreshFunction&&h.off(window,"scroll",t._hintsAutoRefreshFunction,t,!0)}(this),this},t.prototype.removeHint=function(t){return q(t),this},t.prototype.showHintDialog=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,W(this,t)];case 1:return n.sent(),[2,this]}}))}))},t}(),ct=function t(n){var i;if("object"===s(n))i=new ut(n);else if("string"==typeof n){var r=document.querySelector(n);if(!r)throw new Error("There is no element with given selector.");i=new ut(r)}else i=new ut(document.body);return t.instances[f(i,"introjs-instance")]=i,i};ct.version="7.2.0",ct.instances={};let lt=class extends n{static get styles(){return[e]}createRenderRoot(){return this}constructor(){super(),this.tourInstance=null,this.steps=[],this.stepsJson="",this.showBackdrop=!1,this.disableInteraction=!1}updated(t){t.has("stepsJson")&&this.parseStepsJson(),super.updated(t)}parseStepsJson(){if(this.stepsJson)try{const t=JSON.parse(this.stepsJson);Array.isArray(t)?this.steps=t:console.error("Invalid JSON: Expected an array")}catch(t){console.error("Failed to parse stepsJson:",t)}}startTour(){console.log("start of tour");const t=this.steps.map((t=>({element:document.querySelector(`[data-tour="${t.element}"]`),intro:t.content,title:t.title,position:t.position,beforeChange:t.beforeChange,afterChange:t.afterChange})));this.tourInstance=ct().setOptions({steps:t,nextLabel:"Next",prevLabel:"Prev",overlayOpacity:0,disableInteraction:this.disableInteraction,showButtons:!0,showStepNumbers:!1,exitOnOverlayClick:!1}),this.tourInstance.onbeforechange((async t=>{const n=this.tourInstance?._currentStep??0,i=this.steps[n];if(i?.beforeChange){if(!await i.beforeChange())return this.shakeTooltip(),!1}return!0})),this.tourInstance.onafterchange((t=>{const n=this.tourInstance?._currentStep??0,i=this.steps[n];i?.afterChange&&i.afterChange()})),this.tourInstance.onchange((t=>{const n=this.tourInstance?._currentStep??0,i=this.steps.length,r=document.querySelector(".introjs-tooltip");if(r){const t=r.querySelector(".introjs-tooltipbuttons");if(t){let r=t.querySelector(".introjs-step-counter");r||(r=document.createElement("div"),r.className="introjs-step-counter",t.insertBefore(r,t.firstChild)),r.textContent=`${n+1} of ${i}`}}})),this.tourInstance.start().then((()=>{const t=this.tourInstance?._currentStep??0,n=this.steps.length,i=document.querySelector(".introjs-tooltip");if(i){const r=i.querySelector(".introjs-tooltipbuttons");if(r){let i=r.querySelector(".introjs-step-counter");i||(i=document.createElement("div"),i.className="introjs-step-counter",r.insertBefore(i,r.firstChild)),i.textContent=`${t+1} of ${n}`}}})).catch((t=>{console.error("Error starting the tour:",t)}))}shakeTooltip(){const t=document.querySelector(".introjs-tooltip");t&&(t.classList.add("introjs-shake"),setTimeout((()=>{t.classList.remove("introjs-shake")}),1500))}render(){return i`
+ */function s(t){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,n,i,r){return new(i||(i=Promise))((function(o,e){function s(t){try{u(r.next(t))}catch(t){e(t)}}function a(t){try{u(r.throw(t))}catch(t){e(t)}}function u(t){var n;t.done?o(t.value):(n=t.value,n instanceof i?n:new i((function(t){t(n)}))).then(s,a)}u((r=r.apply(t,n||[])).next())}))}function u(t,n){var i,r,o,e,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return e={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function a(a){return function(u){return function(a){if(i)throw new TypeError("Generator is already executing.");for(;e&&(e=0,a[0]&&(s=0)),s;)try{if(i=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,r=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(6===a[0]&&s.label<o[1]){s.label=o[1],o=a;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(a);break}o[2]&&s.ops.pop(),s.trys.pop();continue}a=n.call(t,s)}catch(t){a=[6,t],r=0}finally{i=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}function c(t,n,i){var r,o=((r={})[t]=n,r.path="/",r.expires=void 0,r);if(i){var e=new Date;e.setTime(e.getTime()+24*i*60*60*1e3),o.expires=e.toUTCString()}var s=[];for(var a in o)s.push("".concat(a,"=").concat(o[a]));return document.cookie=s.join("; "),l(t)}function l(t){return(n={},document.cookie.split(";").forEach((function(t){var i=t.split("="),r=i[0],o=i[1];n[r.trim()]=o})),n)[t];var n}"function"==typeof SuppressedError&&SuppressedError;var d,f=(d={},function(t,n){return void 0===n&&(n="introjs-stamp"),d[n]=d[n]||0,void 0===t[n]&&(t[n]=d[n]++),t[n]}),h=new(function(){function t(){this.events_key="introjs_event"}return t.prototype._id=function(t,n,i){return t+f(n)+(i?"_".concat(f(i)):"")},t.prototype.on=function(t,n,i,r,o){var e=this._id(n,i,r),s=function(n){return i(r||t,n||window.event)};"addEventListener"in t?t.addEventListener(n,s,o):"attachEvent"in t&&t.attachEvent("on".concat(n),s),t[this.events_key]=t[this.events_key]||{},t[this.events_key][e]=s},t.prototype.off=function(t,n,i,r,o){var e=this._id(n,i,r),s=t[this.events_key]&&t[this.events_key][e];s&&("removeEventListener"in t?t.removeEventListener(n,s,o):"detachEvent"in t&&t.detachEvent("on".concat(n),s),t[this.events_key][e]=null)},t}()),v=function(t){return"function"==typeof t};function p(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";i.match(n)||t.setAttribute("class","".concat(i," ").concat(n))}else if(void 0!==t.classList)for(var r=0,o=n.split(" ");r<o.length;r++){var e=o[r];t.classList.add(e)}else t.className.match(n)||(t.className+=" ".concat(n))}function w(t,n){var i="";return"currentStyle"in t?i=t.currentStyle[n]:document.defaultView&&document.defaultView.getComputedStyle&&(i=document.defaultView.getComputedStyle(t,null).getPropertyValue(n)),i&&i.toLowerCase?i.toLowerCase():i}function b(t,n){if(t){var i=function(t){var n=window.getComputedStyle(t),i="absolute"===n.position,r=/(auto|scroll)/;if("fixed"===n.position)return document.body;for(var o=t;o=o.parentElement;)if(n=window.getComputedStyle(o),(!i||"static"!==n.position)&&r.test(n.overflow+n.overflowY+n.overflowX))return o;return document.body}(n);i!==document.body&&(i.scrollTop=n.offsetTop-i.offsetTop)}}function m(){if(void 0!==window.innerWidth)return{width:window.innerWidth,height:window.innerHeight};var t=document.documentElement;return{width:t.clientWidth,height:t.clientHeight}}function j(t,n,i,r,o){var e;if("off"!==n&&t&&(e="tooltip"===n?o.getBoundingClientRect():r.getBoundingClientRect(),!function(t){var n=t.getBoundingClientRect();return n.top>=0&&n.left>=0&&n.bottom+80<=window.innerHeight&&n.right<=window.innerWidth}(r))){var s=m().height;e.bottom-(e.bottom-e.top)<0||r.clientHeight>s?window.scrollBy(0,e.top-(s/2-e.height/2)-i):window.scrollBy(0,e.top-(s/2-e.height/2)+i)}}function g(t){t.setAttribute("role","button"),t.tabIndex=0}function y(t){var n=t.parentElement;return!(!n||"HTML"===n.nodeName)&&("fixed"===w(t,"position")||y(n))}function x(t,n){var i=document.body,r=document.documentElement,o=window.pageYOffset||r.scrollTop||i.scrollTop,e=window.pageXOffset||r.scrollLeft||i.scrollLeft;n=n||i;var s=t.getBoundingClientRect(),a=n.getBoundingClientRect(),u=w(n,"position"),c={width:s.width,height:s.height};return"body"!==n.tagName.toLowerCase()&&"relative"===u||"sticky"===u?Object.assign(c,{top:s.top-a.top,left:s.left-a.left}):y(t)?Object.assign(c,{top:s.top,left:s.left}):Object.assign(c,{top:s.top+o,left:s.left+e})}function k(t,n){if(t instanceof SVGElement){var i=t.getAttribute("class")||"";t.setAttribute("class",i.replace(n,"").replace(/^\s+|\s+$/g,""))}else t.className=t.className.replace(n,"").replace(/^\s+|\s+$/g,"")}function L(t,n){var i="";if(t.style.cssText&&(i+=t.style.cssText),"string"==typeof n)i+=n;else for(var r in n)i+="".concat(r,":").concat(n[r],";");t.style.cssText=i}function E(t,n,i){if(i&&n){var r=x(n.element,t._targetElement),o=t._options.helperElementPadding;n.element instanceof Element&&y(n.element)?p(i,"introjs-fixedTooltip"):k(i,"introjs-fixedTooltip"),"floating"===n.position&&(o=0),L(i,{width:"".concat(r.width+o,"px"),height:"".concat(r.height+o,"px"),top:"".concat(r.top-o/2,"px"),left:"".concat(r.left-o/2,"px")})}}function N(t,n,i,r,o){return t.left+n+i.width>r.width?(o.style.left="".concat(r.width-i.width-t.left,"px"),!1):(o.style.left="".concat(n,"px"),!0)}function P(t,n,i,r){return t.left+t.width-n-i.width<0?(r.style.left="".concat(-t.left,"px"),!1):(r.style.right="".concat(n,"px"),!0)}function S(t,n){t.includes(n)&&t.splice(t.indexOf(n),1)}function A(t,n,i,r,o){if(void 0===o&&(o=!1),n){var e,s,a,u,c="";i.style.top="",i.style.right="",i.style.bottom="",i.style.left="",i.style.marginLeft="",i.style.marginTop="",r.style.display="inherit",c="string"==typeof n.tooltipClass?n.tooltipClass:t._options.tooltipClass,i.className=["introjs-tooltip",c].filter(Boolean).join(" "),i.setAttribute("role","dialog"),"floating"!==(u=n.position)&&t._options.autoPosition&&(u=function(t,n,i,r){var o=t.slice(),e=m(),s=x(i).height+10,a=x(i).width+20,u=n.getBoundingClientRect(),c="floating";if(u.bottom+s>e.height&&S(o,"bottom"),u.top-s<0&&S(o,"top"),u.right+a>e.width&&S(o,"right"),u.left-a<0&&S(o,"left"),r&&(r=r.split("-")[0]),o.length&&(c=o[0],o.includes(r)&&(c=r)),"top"===c||"bottom"===c){var l=void 0,d=[];"top"===c?(l="top-middle-aligned",d=["top-left-aligned","top-middle-aligned","top-right-aligned"]):(l="bottom-middle-aligned",d=["bottom-left-aligned","bottom-middle-aligned","bottom-right-aligned"]),c=function(t,n,i,r){var o=n/2,e=Math.min(i,window.screen.width);return e-t<n&&(S(r,"top-left-aligned"),S(r,"bottom-left-aligned")),(t<o||e-t<o)&&(S(r,"top-middle-aligned"),S(r,"bottom-middle-aligned")),t<n&&(S(r,"top-right-aligned"),S(r,"bottom-right-aligned")),r.length?r[0]:null}(u.left,a,e.width,d)||l}return c}(t._options.positionPrecedence,n.element,i,u)),s=x(n.element),e=x(i),a=m(),p(i,"introjs-".concat(u));var l=s.width/2-e.width/2;switch(u){case"top-right-aligned":r.className="introjs-arrow bottom-right";var d=0;P(s,d,e,i),i.style.bottom="".concat(s.height+20,"px");break;case"top-middle-aligned":r.className="introjs-arrow bottom-middle",o&&(l+=5),P(s,l,e,i)&&(i.style.right="",N(s,l,e,a,i)),i.style.bottom="".concat(s.height+20,"px");break;case"top-left-aligned":case"top":r.className="introjs-arrow bottom",N(s,o?0:15,e,a,i),i.style.bottom="".concat(s.height+20,"px");break;case"right":i.style.left="".concat(s.width+20,"px"),s.top+e.height>a.height?(r.className="introjs-arrow left-bottom",i.style.top="-".concat(e.height-s.height-20,"px")):r.className="introjs-arrow left";break;case"left":o||!0!==t._options.showStepNumbers||(i.style.top="15px"),s.top+e.height>a.height?(i.style.top="-".concat(e.height-s.height-20,"px"),r.className="introjs-arrow right-bottom"):r.className="introjs-arrow right",i.style.right="".concat(s.width+20,"px");break;case"floating":r.style.display="none",i.style.left="50%",i.style.top="50%",i.style.marginLeft="-".concat(e.width/2,"px"),i.style.marginTop="-".concat(e.height/2,"px");break;case"bottom-right-aligned":r.className="introjs-arrow top-right",P(s,d=0,e,i),i.style.top="".concat(s.height+20,"px");break;case"bottom-middle-aligned":r.className="introjs-arrow top-middle",o&&(l+=5),P(s,l,e,i)&&(i.style.right="",N(s,l,e,a,i)),i.style.top="".concat(s.height+20,"px");break;default:r.className="introjs-arrow top",N(s,0,e,a,i),i.style.top="".concat(s.height+20,"px")}}}function I(){for(var t=0,n=Array.from(document.querySelectorAll(".introjs-showElement"));t<n.length;t++)k(n[t],/introjs-[a-zA-Z]+/g)}function C(t,n){var i=document.createElement(t);n=n||{};var r=/^(?:role|data-|aria-)/;for(var o in n){var e=n[o];"style"===o&&"function"!=typeof e?L(i,e):"string"==typeof e&&o.match(r)?i.setAttribute(o,e):i[o]=e}return i}function B(t,n,i){if(void 0===i&&(i=!1),i){var r=n.style.opacity||"1";L(n,{opacity:"0"}),window.setTimeout((function(){L(n,{opacity:r})}),10)}t.appendChild(n)}function O(t,n){return(t+1)/n*100}function T(t,n){var i=C("div",{className:"introjs-bullets"});!1===t._options.showBullets&&(i.style.display="none");var r=C("ul");r.setAttribute("role","tablist");for(var o=function(){var n=this.getAttribute("data-step-number");null!=n&&t.goToStep(parseInt(n,10))},e=0;e<t._introItems.length;e++){var s=t._introItems[e].step,a=C("li"),u=C("a");a.setAttribute("role","presentation"),u.setAttribute("role","tab"),u.onclick=o,e===n.step-1&&(u.className="active"),g(u),u.innerHTML="&nbsp;",u.setAttribute("data-step-number",s.toString()),a.appendChild(u),r.appendChild(a)}return i.appendChild(r),i}function R(t,n,i){var r=t.querySelector(".introjs-progress .introjs-progressbar");if(r){var o=O(n,i);r.style.cssText="width:".concat(o,"%;"),r.setAttribute("aria-valuenow",o.toString())}}function $(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,c,l,d,f,h,m,y,x,k,N,P,S,$,z,D,M,J,V,Z,_=this;return u(this,(function(H){switch(H.label){case 0:return v(t._introChangeCallback)?[4,t._introChangeCallback.call(t,n.element)]:[3,2];case 1:H.sent(),H.label=2;case 2:return i=document.querySelector(".introjs-helperLayer"),r=document.querySelector(".introjs-tooltipReferenceLayer"),o="introjs-helperLayer","string"==typeof n.highlightClass&&(o+=" ".concat(n.highlightClass)),"string"==typeof t._options.highlightClass&&(o+=" ".concat(t._options.highlightClass)),null!==i&&null!==r?(l=r.querySelector(".introjs-helperNumberLayer"),d=r.querySelector(".introjs-tooltiptext"),f=r.querySelector(".introjs-tooltip-title"),h=r.querySelector(".introjs-arrow"),m=r.querySelector(".introjs-tooltip"),c=r.querySelector(".introjs-skipbutton"),s=r.querySelector(".introjs-prevbutton"),e=r.querySelector(".introjs-nextbutton"),i.className=o,m.style.opacity="0",m.style.display="none",b(t._options.scrollToElement,n.element),E(t,n,i),E(t,n,r),I(),t._lastShowElementTimer&&window.clearTimeout(t._lastShowElementTimer),t._lastShowElementTimer=window.setTimeout((function(){null!==l&&(l.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length)),d.innerHTML=n.intro||"",f.innerHTML=n.title||"",m.style.display="block",A(t,n,m,h),function(t,n,i){if(t){var r=n.querySelector(".introjs-bullets li > a.active"),o=n.querySelector('.introjs-bullets li > a[data-step-number="'.concat(i.step,'"]'));r&&o&&(r.className="",o.className="active")}}(t._options.showBullets,r,n),R(r,t._currentStep,t._introItems.length),m.style.opacity="1",(null!=e&&/introjs-donebutton/gi.test(e.className)||null!=e)&&e.focus(),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,d)}),350)):(y=C("div",{className:o}),x=C("div",{className:"introjs-tooltipReferenceLayer"}),k=C("div",{className:"introjs-arrow"}),N=C("div",{className:"introjs-tooltip"}),P=C("div",{className:"introjs-tooltiptext"}),S=C("div",{className:"introjs-tooltip-header"}),$=C("h1",{className:"introjs-tooltip-title"}),z=C("div"),L(y,{"box-shadow":"0 0 1px 2px rgba(33, 33, 33, 0.8), rgba(33, 33, 33, ".concat(t._options.overlayOpacity.toString(),") 0 0 0 5000px")}),b(t._options.scrollToElement,n.element),E(t,n,y),E(t,n,x),B(t._targetElement,y,!0),B(t._targetElement,x),P.innerHTML=n.intro,$.innerHTML=n.title,z.className="introjs-tooltipbuttons",!1===t._options.showButtons&&(z.style.display="none"),S.appendChild($),N.appendChild(S),N.appendChild(P),t._options.dontShowAgain&&(D=C("div",{className:"introjs-dontShowAgain"}),(M=C("input",{type:"checkbox",id:"introjs-dontShowAgain",name:"introjs-dontShowAgain"})).onchange=function(n){t.setDontShowAgain(n.target.checked)},(J=C("label",{htmlFor:"introjs-dontShowAgain"})).innerText=t._options.dontShowAgainLabel,D.appendChild(M),D.appendChild(J),N.appendChild(D)),N.appendChild(T(t,n)),N.appendChild(function(t){var n=C("div");n.className="introjs-progress",!1===t._options.showProgress&&(n.style.display="none");var i=C("div",{className:"introjs-progressbar"});t._options.progressBarAdditionalClass&&(i.className+=" "+t._options.progressBarAdditionalClass);var r=O(t._currentStep,t._introItems.length);return i.setAttribute("role","progress"),i.setAttribute("aria-valuemin","0"),i.setAttribute("aria-valuemax","100"),i.setAttribute("aria-valuenow",r.toString()),i.style.cssText="width:".concat(r,"%;"),n.appendChild(i),n}(t)),V=C("div"),!0===t._options.showStepNumbers&&(V.className="introjs-helperNumberLayer",V.innerHTML="".concat(n.step," ").concat(t._options.stepNumbersOfLabel," ").concat(t._introItems.length),N.appendChild(V)),N.appendChild(k),x.appendChild(N),(e=C("a")).onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep?[3,2]:[4,F(t)];case 1:return n.sent(),[3,6];case 2:return/introjs-donebutton/gi.test(e.className)?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"done")]:[3,4]:[3,6];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:n.sent(),n.label=6;case 6:return[2]}}))}))},g(e),e.innerHTML=t._options.nextLabel,(s=C("a")).onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._currentStep>0?[4,G(t)]:[3,2];case 1:n.sent(),n.label=2;case 2:return[2]}}))}))},g(s),s.innerHTML=t._options.prevLabel,g(c=C("a",{className:"introjs-skipbutton"})),c.innerHTML=t._options.skipLabel,c.onclick=function(){return a(_,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,2];case 1:n.sent(),n.label=2;case 2:return v(t._introSkipCallback)?[4,t._introSkipCallback.call(t,t._currentStep)]:[3,4];case 3:n.sent(),n.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return n.sent(),[2]}}))}))},S.appendChild(c),t._introItems.length>1&&z.appendChild(s),z.appendChild(e),N.appendChild(z),A(t,n,N,k),j(t._options.scrollToElement,n.scrollTo,t._options.scrollPadding,n.element,N)),(Z=t._targetElement.querySelector(".introjs-disableInteraction"))&&Z.parentNode&&Z.parentNode.removeChild(Z),n.disableInteraction&&function(t,n){var i=document.querySelector(".introjs-disableInteraction");null===i&&(i=C("div",{className:"introjs-disableInteraction"}),t._targetElement.appendChild(i)),E(t,n,i)}(t,n),0===t._currentStep&&t._introItems.length>1?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel),!0===t._options.hidePrev?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-hidden")),null!=e&&p(e,"introjs-fullbutton")):null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton introjs-disabled"))):t._introItems.length-1===t._currentStep||1===t._introItems.length?(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),!0===t._options.hideNext?(null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-hidden")),null!=s&&p(s,"introjs-fullbutton")):null!=e&&(!0===t._options.nextToDone?(e.innerHTML=t._options.doneLabel,p(e,"".concat(t._options.buttonClass," introjs-nextbutton introjs-donebutton"))):e.className="".concat(t._options.buttonClass," introjs-nextbutton introjs-disabled"))):(null!=s&&(s.className="".concat(t._options.buttonClass," introjs-prevbutton")),null!=e&&(e.className="".concat(t._options.buttonClass," introjs-nextbutton"),e.innerHTML=t._options.nextLabel)),null!=s&&s.setAttribute("role","button"),null!=e&&e.setAttribute("role","button"),null!=c&&c.setAttribute("role","button"),null!=e&&e.focus(),function(t){p(t,"introjs-showElement");var n=w(t,"position");"absolute"!==n&&"relative"!==n&&"sticky"!==n&&"fixed"!==n&&p(t,"introjs-relativePosition")}(n.element),v(t._introAfterChangeCallback)?[4,t._introAfterChangeCallback.call(t,n.element)]:[3,4];case 3:H.sent(),H.label=4;case 4:return[2]}}))}))}function z(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStep=n-2,void 0===t._introItems?[3,2]:[4,F(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function D(t,n){return a(this,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return t._currentStepNumber=n,void 0===t._introItems?[3,2]:[4,F(t)];case 1:i.sent(),i.label=2;case 2:return[2]}}))}))}function F(t){return a(this,void 0,void 0,(function(){var n,i,r;return u(this,(function(o){switch(o.label){case 0:if(t._direction="forward",void 0!==t._currentStepNumber)for(n=0;n<t._introItems.length;n++)t._introItems[n].step===t._currentStepNumber&&(t._currentStep=n-1,t._currentStepNumber=void 0);return-1===t._currentStep?t._currentStep=0:++t._currentStep,i=t._introItems[t._currentStep],r=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,i&&i.element,t._currentStep,t._direction)]:[3,2];case 1:r=o.sent(),o.label=2;case 2:return!1===r?(--t._currentStep,[2,!1]):t._introItems.length<=t._currentStep?v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"end")]:[3,4]:[3,6];case 3:o.sent(),o.label=4;case 4:return[4,et(t,t._targetElement)];case 5:return o.sent(),[2,!1];case 6:return[4,$(t,i)];case 7:return o.sent(),[2,!0]}}))}))}function G(t){return a(this,void 0,void 0,(function(){var n,i;return u(this,(function(r){switch(r.label){case 0:return t._direction="backward",t._currentStep<=0?[2,!1]:(--t._currentStep,n=t._introItems[t._currentStep],i=!0,v(t._introBeforeChangeCallback)?[4,t._introBeforeChangeCallback.call(t,n&&n.element,t._currentStep,t._direction)]:[3,2]);case 1:i=r.sent(),r.label=2;case 2:return!1===i?(++t._currentStep,[2,!1]):[4,$(t,n)];case 3:return r.sent(),[2,!0]}}))}))}function M(t,n){return a(this,void 0,void 0,(function(){var i,r;return u(this,(function(o){switch(o.label){case 0:return null===(i=void 0===n.code?n.which:n.code)&&(i=null===n.charCode?n.keyCode:n.charCode),"Escape"!==i&&27!==i||!0!==t._options.exitOnEsc?[3,2]:[4,et(t,t._targetElement)];case 1:return o.sent(),[3,16];case 2:return"ArrowLeft"!==i&&37!==i?[3,4]:[4,G(t)];case 3:return o.sent(),[3,16];case 4:return"ArrowRight"!==i&&39!==i?[3,6]:[4,F(t)];case 5:return o.sent(),[3,16];case 6:return"Enter"!==i&&"NumpadEnter"!==i&&13!==i?[3,16]:(r=n.target||n.srcElement)&&r.className.match("introjs-prevbutton")?[4,G(t)]:[3,8];case 7:return o.sent(),[3,15];case 8:return r&&r.className.match("introjs-skipbutton")?t._introItems.length-1===t._currentStep&&v(t._introCompleteCallback)?[4,t._introCompleteCallback.call(t,t._currentStep,"skip")]:[3,10]:[3,12];case 9:o.sent(),o.label=10;case 10:return[4,et(t,t._targetElement)];case 11:return o.sent(),[3,15];case 12:return r&&r.getAttribute("data-step-number")?(r.click(),[3,15]):[3,13];case 13:return[4,F(t)];case 14:o.sent(),o.label=15;case 15:n.preventDefault?n.preventDefault():n.returnValue=!1,o.label=16;case 16:return[2]}}))}))}function J(t){if(null===t||"object"!==s(t)||"nodeType"in t)return t;var n={};for(var i in t)"jQuery"in window&&t[i]instanceof window.jQuery?n[i]=t[i]:n[i]=J(t[i]);return n}function V(t){var n=document.querySelector(".introjs-hints");return n?Array.from(n.querySelectorAll(t)):[]}function Z(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return i=V('.introjs-hint[data-step="'.concat(n,'"]'))[0],X(),i&&p(i,"introjs-hidehint"),v(t._hintCloseCallback)?[4,t._hintCloseCallback.call(t,n)]:[3,2];case 1:r.sent(),r.label=2;case 2:return[2]}}))}))}function _(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:n=V(".introjs-hint"),i=0,r=n,s.label=1;case 1:return i<r.length?(o=r[i],(e=o.getAttribute("data-step"))?[4,Z(t,parseInt(e,10))]:[3,3]):[3,4];case 2:s.sent(),s.label=3;case 3:return i++,[3,1];case 4:return[2]}}))}))}function H(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e;return u(this,(function(s){switch(s.label){case 0:if(!(n=V(".introjs-hint"))||!n.length)return[3,1];for(i=0,r=n;i<r.length;i++)o=r[i],(e=o.getAttribute("data-step"))&&Q(parseInt(e,10));return[3,3];case 1:return[4,Y(t,t._targetElement)];case 2:s.sent(),s.label=3;case 3:return[2]}}))}))}function Q(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&k(n,/introjs-hidehint/g)}function W(t){var n=V('.introjs-hint[data-step="'.concat(t,'"]'))[0];n&&n.parentNode&&n.parentNode.removeChild(n)}function q(t){return a(this,void 0,void 0,(function(){var n,i,r,o,e,s,a;return u(this,(function(u){switch(u.label){case 0:for(null===(n=document.querySelector(".introjs-hints"))&&(n=C("div",{className:"introjs-hints"})),i=function(n){return function(i){var r=i||window.event;r&&r.stopPropagation&&r.stopPropagation(),r&&null!==r.cancelBubble&&(r.cancelBubble=!0),U(t,n)}},r=0;r<t._hintItems.length;r++){if(o=t._hintItems[r],document.querySelector('.introjs-hint[data-step="'.concat(r,'"]')))return[2];g(e=C("a",{className:"introjs-hint"})),e.onclick=i(r),o.hintAnimation||p(e,"introjs-hint-no-anim"),y(o.element)&&p(e,"introjs-fixedhint"),s=C("div",{className:"introjs-hint-dot"}),a=C("div",{className:"introjs-hint-pulse"}),e.appendChild(s),e.appendChild(a),e.setAttribute("data-step",r.toString()),o.hintTargetElement=o.element,o.element=e,K(o.hintPosition,e,o.hintTargetElement),n.appendChild(e)}return document.body.appendChild(n),v(t._hintsAddedCallback)?[4,t._hintsAddedCallback.call(t)]:[3,2];case 1:u.sent(),u.label=2;case 2:return t._options.hintAutoRefreshInterval>=0&&(t._hintsAutoRefreshFunction=(c=function(){return tt(t)},l=t._options.hintAutoRefreshInterval,function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];window.clearTimeout(d),d=window.setTimeout((function(){c()}),l)}),h.on(window,"scroll",t._hintsAutoRefreshFunction,t,!0)),[2]}var c,l,d}))}))}function K(t,n,i){if(void 0!==i){var r=x(i),o=20,e=20;switch(t){default:case"top-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top,"px");break;case"top-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top,"px");break;case"bottom-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"bottom-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"middle-left":n.style.left="".concat(r.left,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-right":n.style.left="".concat(r.left+r.width-o,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"middle-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+(r.height-e)/2,"px");break;case"bottom-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top+r.height-e,"px");break;case"top-middle":n.style.left="".concat(r.left+(r.width-o)/2,"px"),n.style.top="".concat(r.top,"px")}}}function U(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f,h;return u(this,(function(u){switch(u.label){case 0:return i=document.querySelector('.introjs-hint[data-step="'.concat(n,'"]')),r=t._hintItems[n],v(t._hintClickCallback)?[4,t._hintClickCallback.call(t,i,r,n)]:[3,2];case 1:u.sent(),u.label=2;case 2:return void 0!==(o=X())&&parseInt(o,10)===n||(e=C("div",{className:"introjs-tooltip"}),s=C("div"),a=C("div"),c=C("div"),e.onclick=function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0},s.className="introjs-tooltiptext",(l=C("p")).innerHTML=r.hint||"",s.appendChild(l),t._options.hintShowButton&&((d=C("a")).className=t._options.buttonClass,d.setAttribute("role","button"),d.innerHTML=t._options.hintButtonLabel,d.onclick=function(){return Z(t,n)},s.appendChild(d)),a.className="introjs-arrow",e.appendChild(a),e.appendChild(s),f=i.getAttribute("data-step")||"",t._currentStep=parseInt(f,10),h=t._hintItems[t._currentStep],c.className="introjs-tooltipReferenceLayer introjs-hintReference",c.setAttribute("data-step",f),E(t,h,c),c.appendChild(e),document.body.appendChild(c),A(t,h,e,a,!0)),[2]}}))}))}function X(){var t=document.querySelector(".introjs-hintReference");if(t&&t.parentNode){var n=t.getAttribute("data-step");if(!n)return;return t.parentNode.removeChild(t),n}}function Y(t,n){return a(this,void 0,void 0,(function(){var i,r,o,e,s,a,c,l,d,f;return u(this,(function(u){switch(u.label){case 0:if(t._hintItems=[],t._options.hints&&t._options.hints.length>0)for(i=0,r=t._options.hints;i<r.length;i++)o=r[i],"string"==typeof(e=J(o)).element&&(e.element=document.querySelector(e.element)),e.hintPosition=e.hintPosition||t._options.hintPosition,e.hintAnimation=e.hintAnimation||t._options.hintAnimation,null!==e.element&&t._hintItems.push(e);else{if(!(s=Array.from(n.querySelectorAll("*[data-hint]")))||!s.length)return[2,!1];for(a=0,c=s;a<c.length;a++)l=c[a],d=l.getAttribute("data-hint-animation"),f=t._options.hintAnimation,d&&(f="true"===d),t._hintItems.push({element:l,hint:l.getAttribute("data-hint")||"",hintPosition:l.getAttribute("data-hint-position")||t._options.hintPosition,hintAnimation:f,tooltipClass:l.getAttribute("data-tooltip-class")||void 0,position:l.getAttribute("data-position")||t._options.tooltipPosition})}return[4,q(t)];case 1:return u.sent(),h.on(document,"click",X,t,!1),h.on(window,"resize",tt,t,!0),[2,!0]}}))}))}function tt(t){for(var n=0,i=t._hintItems;n<i.length;n++){var r=i[n],o=r.hintTargetElement;K(r.hintPosition,r.element,o)}}function nt(t,n){var i=Array.from(n.querySelectorAll("*[data-intro]")),r=[];if(t._options.steps&&t._options.steps.length)for(var o=0,e=t._options.steps;o<e.length;o++){var s=J(f=e[o]);if(s.step=r.length+1,s.title=s.title||"","string"==typeof s.element&&(s.element=document.querySelector(s.element)||void 0),void 0===s.element||null===s.element){var a=document.querySelector(".introjsFloatingElement");null===a&&(a=C("div",{className:"introjsFloatingElement"}),document.body.appendChild(a)),s.element=a,s.position="floating"}s.position=s.position||t._options.tooltipPosition,s.scrollTo=s.scrollTo||t._options.scrollTo,void 0===s.disableInteraction&&(s.disableInteraction=t._options.disableInteraction),null!==s.element&&r.push(s)}else{var u=void 0;if(i.length<1)return[];for(var c=0,l=i;c<l.length;c++){var d=l[c];if((!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&"none"!==d.style.display){var f=parseInt(d.getAttribute("data-step")||"",10);u=t._options.disableInteraction,d.hasAttribute("data-disable-interaction")&&(u=!!d.getAttribute("data-disable-interaction")),f>0&&(r[f-1]={step:f,element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u})}}for(var h=0,v=0,p=i;v<p.length;v++)if(d=p[v],(!t._options.group||d.getAttribute("data-intro-group")===t._options.group)&&null===d.getAttribute("data-step")){for(;void 0!==r[h];)h++;u=d.hasAttribute("data-disable-interaction")?!!d.getAttribute("data-disable-interaction"):t._options.disableInteraction,r[h]={element:d,title:d.getAttribute("data-title")||"",intro:d.getAttribute("data-intro")||"",step:h+1,tooltipClass:d.getAttribute("data-tooltip-class")||void 0,highlightClass:d.getAttribute("data-highlight-class")||void 0,position:d.getAttribute("data-position")||t._options.tooltipPosition,scrollTo:d.getAttribute("data-scroll-to")||t._options.scrollTo,disableInteraction:u}}}for(var w=[],b=0;b<r.length;b++)r[b]&&w.push(r[b]);return(r=w).sort((function(t,n){return t.step-n.step})),r}function it(t,n){var i=t._currentStep;if(null!=i&&-1!=i){var r=t._introItems[i],o=document.querySelector(".introjs-tooltipReferenceLayer"),e=document.querySelector(".introjs-helperLayer"),s=document.querySelector(".introjs-disableInteraction");E(t,r,e),E(t,r,o),E(t,r,s),n&&(t._introItems=nt(t,t._targetElement),function(t,n){if(t._options.showBullets){var i=document.querySelector(".introjs-bullets");i&&i.parentNode&&i.parentNode.replaceChild(T(t,n),i)}}(t,r),R(o,i,t._introItems.length));var a=document.querySelector(".introjs-arrow"),u=document.querySelector(".introjs-tooltip");return u&&a&&A(t,t._introItems[i],u,a),tt(t),t}}function rt(t){it(t)}function ot(t,n){if(void 0===n&&(n=!1),t&&t.parentElement){var i=t.parentElement;n?(L(t,{opacity:"0"}),window.setTimeout((function(){try{i.removeChild(t)}catch(t){}}),500)):i.removeChild(t)}}function et(t,n,i){return void 0===i&&(i=!1),a(this,void 0,void 0,(function(){var r,o,e,s;return u(this,(function(a){switch(a.label){case 0:return r=!0,void 0===t._introBeforeExitCallback?[3,2]:[4,t._introBeforeExitCallback.call(t,n)];case 1:r=a.sent(),a.label=2;case 2:if(!i&&!1===r)return[2];if((o=Array.from(n.querySelectorAll(".introjs-overlay")))&&o.length)for(e=0,s=o;e<s.length;e++)ot(s[e]);return ot(n.querySelector(".introjs-helperLayer"),!0),ot(n.querySelector(".introjs-tooltipReferenceLayer")),ot(n.querySelector(".introjs-disableInteraction")),ot(document.querySelector(".introjsFloatingElement")),I(),h.off(window,"keydown",M,t,!0),h.off(window,"resize",rt,t,!0),v(t._introExitCallback)?[4,t._introExitCallback.call(t)]:[3,4];case 3:a.sent(),a.label=4;case 4:return t._currentStep=-1,[2]}}))}))}function st(t,n){return a(this,void 0,void 0,(function(){var i;return u(this,(function(r){switch(r.label){case 0:return t.isActive()?v(t._introStartCallback)?[4,t._introStartCallback.call(t,n)]:[3,2]:[2,!1];case 1:r.sent(),r.label=2;case 2:return 0===(i=nt(t,n)).length?[2,!1]:(t._introItems=i,function(t,n){var i=this,r=C("div",{className:"introjs-overlay"});L(r,{top:0,bottom:0,left:0,right:0,position:"fixed"}),n.appendChild(r),!0===t._options.exitOnOverlayClick&&(L(r,{cursor:"pointer"}),r.onclick=function(){return a(i,void 0,void 0,(function(){return u(this,(function(i){switch(i.label){case 0:return[4,et(t,n)];case 1:return i.sent(),[2]}}))}))})}(t,n),[4,F(t)]);case 3:r.sent(),n.addEventListener,t._options.keyboardNavigation&&h.on(window,"keydown",M,t,!0),h.on(window,"resize",rt,t,!0),r.label=4;case 4:return[2,!1]}}))}))}function at(t,n,i){return t[n]=i,t}var ut=function(){function t(t){this._currentStep=-1,this._introItems=[],this._hintItems=[],this._targetElement=t,this._options={steps:[],hints:[],isActive:!0,nextLabel:"Next",prevLabel:"Back",skipLabel:"×",doneLabel:"Done",hidePrev:!1,hideNext:!1,nextToDone:!0,tooltipPosition:"bottom",tooltipClass:"",group:"",highlightClass:"",exitOnEsc:!0,exitOnOverlayClick:!0,showStepNumbers:!1,stepNumbersOfLabel:"of",keyboardNavigation:!0,showButtons:!0,showBullets:!0,showProgress:!1,scrollToElement:!0,scrollTo:"element",scrollPadding:30,overlayOpacity:.5,autoPosition:!0,positionPrecedence:["bottom","top","right","left"],disableInteraction:!1,dontShowAgain:!1,dontShowAgainLabel:"Don't show this again",dontShowAgainCookie:"introjs-dontShowAgain",dontShowAgainCookieDays:365,helperElementPadding:10,hintPosition:"top-middle",hintButtonLabel:"Got it",hintShowButton:!0,hintAutoRefreshInterval:10,hintAnimation:!0,buttonClass:"introjs-button",progressBarAdditionalClass:!1}}return t.prototype.isActive=function(){return(!this._options.dontShowAgain||""===(t=l(this._options.dontShowAgainCookie))||"true"!==t)&&this._options.isActive;var t},t.prototype.clone=function(){return new t(this._targetElement)},t.prototype.setOption=function(t,n){return this._options=at(this._options,t,n),this},t.prototype.setOptions=function(t){return this._options=function(t,n){for(var i=0,r=Object.entries(n);i<r.length;i++){var o=r[i];t=at(t,o[0],o[1])}return t}(this._options,t),this},t.prototype.start=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,st(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.goToStep=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,z(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.addStep=function(t){return this._options.steps||(this._options.steps=[]),this._options.steps.push(t),this},t.prototype.addSteps=function(t){if(!t.length)return this;for(var n=0;n<t.length;n++)this.addStep(t[n]);return this},t.prototype.goToStepNumber=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,D(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.nextStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,F(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.previousStep=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,G(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.currentStep=function(){return this._currentStep},t.prototype.exit=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,et(this,this._targetElement,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.refresh=function(t){return it(this,t),this},t.prototype.setDontShowAgain=function(t){return function(t,n){n?c(t._options.dontShowAgainCookie,"true",t._options.dontShowAgainCookieDays):c(t._options.dontShowAgainCookie,"",-1)}(this,t),this},t.prototype.onbeforechange=function(t){if(!v(t))throw new Error("Provided callback for onbeforechange was not a function");return this._introBeforeChangeCallback=t,this},t.prototype.onchange=function(t){if(!v(t))throw new Error("Provided callback for onchange was not a function.");return this._introChangeCallback=t,this},t.prototype.onafterchange=function(t){if(!v(t))throw new Error("Provided callback for onafterchange was not a function");return this._introAfterChangeCallback=t,this},t.prototype.oncomplete=function(t){if(!v(t))throw new Error("Provided callback for oncomplete was not a function.");return this._introCompleteCallback=t,this},t.prototype.onhintsadded=function(t){if(!v(t))throw new Error("Provided callback for onhintsadded was not a function.");return this._hintsAddedCallback=t,this},t.prototype.onhintclick=function(t){if(!v(t))throw new Error("Provided callback for onhintclick was not a function.");return this._hintClickCallback=t,this},t.prototype.onhintclose=function(t){if(!v(t))throw new Error("Provided callback for onhintclose was not a function.");return this._hintCloseCallback=t,this},t.prototype.onstart=function(t){if(!v(t))throw new Error("Provided callback for onstart was not a function.");return this._introStartCallback=t,this},t.prototype.onexit=function(t){if(!v(t))throw new Error("Provided callback for onexit was not a function.");return this._introExitCallback=t,this},t.prototype.onskip=function(t){if(!v(t))throw new Error("Provided callback for onskip was not a function.");return this._introSkipCallback=t,this},t.prototype.onbeforeexit=function(t){if(!v(t))throw new Error("Provided callback for onbeforeexit was not a function.");return this._introBeforeExitCallback=t,this},t.prototype.addHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,Y(this,this._targetElement)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.hideHint=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,Z(this,t)];case 1:return n.sent(),[2,this]}}))}))},t.prototype.hideHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,_(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.showHint=function(t){return Q(t),this},t.prototype.showHints=function(){return a(this,void 0,void 0,(function(){return u(this,(function(t){switch(t.label){case 0:return[4,H(this)];case 1:return t.sent(),[2,this]}}))}))},t.prototype.removeHints=function(){return function(t){for(var n=0,i=V(".introjs-hint");n<i.length;n++){var r=i[n].getAttribute("data-step");r&&W(parseInt(r,10))}h.off(document,"click",X,t,!1),h.off(window,"resize",tt,t,!0),t._hintsAutoRefreshFunction&&h.off(window,"scroll",t._hintsAutoRefreshFunction,t,!0)}(this),this},t.prototype.removeHint=function(t){return W(t),this},t.prototype.showHintDialog=function(t){return a(this,void 0,void 0,(function(){return u(this,(function(n){switch(n.label){case 0:return[4,U(this,t)];case 1:return n.sent(),[2,this]}}))}))},t}(),ct=function t(n){var i;if("object"===s(n))i=new ut(n);else if("string"==typeof n){var r=document.querySelector(n);if(!r)throw new Error("There is no element with given selector.");i=new ut(r)}else i=new ut(document.body);return t.instances[f(i,"introjs-instance")]=i,i};ct.version="7.2.0",ct.instances={};let lt=class extends n{static get styles(){return[e]}createRenderRoot(){return this}constructor(){super(),this.tourInstance=null,this.stepsJson="",this.showBackdrop=!1,this.disableInteraction=!1}parseSteps(){return Array.isArray(this.stepsJson)?this.stepsJson:(console.error("Invalid stepsJson format"),[])}async getElementWhenNeeded(t){return{element:()=>document.querySelector(`[data-tour="${t.element}"]`),intro:t.content,title:t.title,position:t.position,beforeChange:t.beforeChange,afterChange:t.afterChange,disableNext:t.disableNext||!1,disablePrev:t.disablePrev||!1}}nextStep(){this.tourInstance?.nextStep()}async startTour(){const t=await Promise.all(this.parseSteps().map((t=>this.getElementWhenNeeded(t))));0!==t.length?(this.tourInstance=ct().setOptions({steps:t,disableInteraction:this.disableInteraction,nextLabel:"Next",prevLabel:"Prev",overlayOpacity:this.showBackdrop?.5:0,exitOnOverlayClick:!1,showProgress:!1,showButtons:!0}),this.tourInstance.onbeforechange((async n=>{const i=this.tourInstance?._currentStep??0,r=t[i];if(r&&"function"==typeof r.element){const t=r.element();t&&this.tourInstance&&this.tourInstance._introItems&&(this.tourInstance._introItems[i].element=t)}return!r.beforeChange||await r.beforeChange()})),this.tourInstance.onafterchange((n=>{const i=this.tourInstance?._currentStep??0,r=t[i];r?.afterChange&&r.afterChange();const o=document.querySelector(".introjs-nextbutton"),e=document.querySelector(".introjs-prevbutton");o&&o.setAttribute("disabled",r.disableNext?"true":"false"),e&&e.setAttribute("disabled",r.disablePrev?"true":"false")})),this.tourInstance.onchange((()=>{const n=this.tourInstance?._currentStep??0,i=t.length,r=document.querySelector(".introjs-tooltip");if(r){const t=r.querySelector(".introjs-tooltipbuttons");if(t){let r=t.querySelector(".introjs-step-counter");r||(r=document.createElement("div"),r.className="introjs-step-counter",t.insertBefore(r,t.firstChild)),r.textContent=`${n+1} of ${i}`}}})),this.tourInstance.start().then((()=>{const n=this.tourInstance?._currentStep??0,i=t.length,r=document.querySelector(".introjs-tooltip");if(r){const t=r.querySelector(".introjs-tooltipbuttons");if(t){let r=t.querySelector(".introjs-step-counter");r||(r=document.createElement("div"),r.className="introjs-step-counter",t.insertBefore(r,t.firstChild)),r.textContent=`${n+1} of ${i}`}const o=document.createElement("button");o.className="introjs-close-btn",o.innerHTML='\n          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path d="M5.33228 5.99996L0 11.3322L0.667759 12L6.00004 6.66772L11.3323 12L12.0001 11.3322L6.66779 5.99996L12 0.667759L11.3322 0L6.00004 5.3322L0.667842 5.96046e-08L8.40425e-05 0.667759L5.33228 5.99996Z" fill="white" fill-opacity="0.5"/>\n          </svg>',o.onclick=()=>this.tourInstance?.exit(!0),r.appendChild(o)}})).catch((t=>{console.error("Error starting the tour:",t)}))):console.error("No valid steps found for the tour.")}render(){return i`
       <style>
         ${e.cssText}
+        .introjs-close-btn {
+          position: absolute;
+          top: 5px;
+          right: 10px;
+          background: none;
+          border: none;
+          cursor: pointer;
+          padding: 0;
+        }
       </style>
       <slot></slot>
-    `}};t([r({type:Array})],lt.prototype,"steps",void 0),t([r({type:String})],lt.prototype,"stepsJson",void 0),t([r({type:Boolean})],lt.prototype,"showBackdrop",void 0),t([r({type:Boolean})],lt.prototype,"disableInteraction",void 0),lt=t([o("nile-tour")],lt);export{lt as N};
+    `}};t([r({type:String})],lt.prototype,"stepsJson",void 0),t([r({type:Boolean})],lt.prototype,"showBackdrop",void 0),t([r({type:Boolean})],lt.prototype,"disableInteraction",void 0),lt=t([o("nile-tour")],lt);export{lt as N};

package/dist/nile-tree/nile-tree.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    /*\n     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items\n     * stay consistent.\n     */\n    --indent-guide-color: #F5F7F7;\n    --indent-guide-offset: 0;\n    --indent-guide-style: solid;\n    --indent-guide-width: 0;\n    --indent-size: 1.25rem;\n\n    display: block;\n    isolation: isolate;\n\n    /*\n     * Tree item indentation uses the \"em\" unit to increment its width on each level, so setting the font size to zero\n     * here removes the indentation for all the nodes on the first level.\n     */\n    font-size: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    /*\n     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items\n     * stay consistent.\n     */\n    --indent-guide-color: var(--nile-colors-dark-200);\n    --indent-guide-offset: 0;\n    --indent-guide-style: solid;\n    --indent-guide-width: 0;\n    --indent-size: 1.25rem;\n\n    display: block;\n    isolation: isolate;\n\n    /*\n     * Tree item indentation uses the \"em\" unit to increment its width on each level, so setting the font size to zero\n     * here removes the indentation for all the nodes on the first level.\n     */\n    font-size: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tree.css.cjs.js.map

package/dist/nile-tree/nile-tree.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tree.css.cjs.js","sources":["../../../src/nile-tree/nile-tree.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Tree CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    /*\n     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items\n     * stay consistent.\n     */\n    --indent-guide-color: #F5F7F7;\n    --indent-guide-offset: 0;\n    --indent-guide-style: solid;\n    --indent-guide-width: 0;\n    --indent-size: 1.25rem;\n\n    display: block;\n    isolation: isolate;\n\n    /*\n     * Tree item indentation uses the \"em\" unit to increment its width on each level, so setting the font size to zero\n     * here removes the indentation for all the nodes on the first level.\n     */\n    font-size: 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-tree.css.cjs.js","sources":["../../../src/nile-tree/nile-tree.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * Tree CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    /*\n     * These are actually used by tree item, but we define them here so they can more easily be set and all tree items\n     * stay consistent.\n     */\n    --indent-guide-color: var(--nile-colors-dark-200);\n    --indent-guide-offset: 0;\n    --indent-guide-style: solid;\n    --indent-guide-width: 0;\n    --indent-size: 1.25rem;\n\n    display: block;\n    isolation: isolate;\n\n    /*\n     * Tree item indentation uses the \"em\" unit to increment its width on each level, so setting the font size to zero\n     * here removes the indentation for all the nodes on the first level.\n     */\n    font-size: 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-tree/nile-tree.css.esm.js

@@ -18,7 +18,7 @@ import{css as e}from"lit";const t=e`
      * These are actually used by tree item, but we define them here so they can more easily be set and all tree items
      * stay consistent.
      */
-    --indent-guide-color: #F5F7F7;
+    --indent-guide-color: var(--nile-colors-dark-200);
     --indent-guide-offset: 0;
     --indent-guide-style: solid;
     --indent-guide-width: 0;

package/dist/nile-tree-item/nile-tree-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: #777D82;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: #C7CED4;\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px #C7CED4;\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: #eaecf0;\n    border-inline-start-color: #035da6;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: #777D82;\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n"]))));}};});
 //# sourceMappingURL=nile-tree-item.css.cjs.js.map

package/dist/nile-tree-item/nile-tree-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tree-item.css.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * TreeItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: #777D82;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: #C7CED4;\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px #C7CED4;\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: #eaecf0;\n    border-inline-start-color: #035da6;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: #777D82;\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-tree-item.css.cjs.js","sources":["../../../src/nile-tree-item/nile-tree-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * TreeItem CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n    outline: 0;\n    z-index: 0;\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  slot:not([name])::slotted(nile-icon) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .tree-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    flex-direction: column;\n    color: var(--nile-colors-neutral-700);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .tree-item__checkbox {\n    pointer-events: none;\n  }\n\n  .tree-item__expand-button,\n  .tree-item__checkbox,\n  .tree-item__label {\n    font-family: var(--nile-font-family-serif);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  .tree-item__checkbox::part(base) {\n    display: flex;\n    align-items: center;\n  }\n\n  .tree-item__indentation {\n    display: block;\n    width: 1em;\n    flex-shrink: 0;\n  }\n\n  .tree-item__expand-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    color: var(--nile-colors-neutral-500);\n    padding: 0.5rem;\n    width: 1rem;\n    height: 1rem;\n    flex-shrink: 0;\n    cursor: pointer;\n  }\n\n  .tree-item__expand-button {\n    transition: 250ms rotate ease;\n  }\n\n  .tree-item--expanded .tree-item__expand-button {\n    rotate: 90deg;\n  }\n\n  .tree-item--expanded.tree-item--rtl .tree-item__expand-button {\n    rotate: -90deg;\n  }\n\n  .tree-item--expanded slot[name='expand-icon'],\n  .tree-item:not(.tree-item--expanded) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot {\n    display: none;\n  }\n\n  .tree-item__expand-button--visible {\n    cursor: pointer;\n  }\n\n  .tree-item__item {\n    display: flex;\n    align-items: center;\n    border-inline-start: solid 3px transparent;\n  }\n\n  .tree-item--disabled .tree-item__item {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n\n  :host(:focus-visible) .tree-item__item {\n    outline: solid 3px var(--nile-colors-neutral-500);\n    outline-offset: 1px;\n    z-index: 2;\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n    background-color: var(--nile-colors-neutral-700);\n    border-inline-start-color: var(--nile-colors-primary-700);\n  }\n\n  :host(:not([aria-disabled='true'])) .tree-item__expand-button {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .tree-item__label {\n    display: flex;\n    align-items: center;\n    transition: 150ms color;\n  }\n\n  .tree-item__children {\n    display: block;\n    font-size: calc(1em + var(--indent-size, 1rem));\n  }\n\n  /* Indentation lines */\n  .tree-item__children {\n    position: relative;\n  }\n\n  .tree-item__children::before {\n    content: '';\n    position: absolute;\n    top: var(--indent-guide-offset);\n    bottom: var(--indent-guide-offset);\n    left: calc(1em - (var(--indent-guide-width) / 2) - 1px);\n    border-inline-end: var(--indent-guide-width) var(--indent-guide-style) var(--indent-guide-color);\n    z-index: 1;\n  }\n\n  .tree-item--rtl .tree-item__children::before {\n    left: auto;\n    right: 1em;\n  }\n\n  @media (forced-colors: active) {\n    :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {\n      outline: dashed 1px SelectedItem;\n    }\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-tree-item/nile-tree-item.css.esm.js

@@ -32,7 +32,7 @@ import{css as e}from"lit";const t=e`
     display: flex;
     align-items: stretch;
     flex-direction: column;
-    color: #777D82;
+    color: var(--nile-colors-neutral-700);
     cursor: pointer;
     user-select: none;
   }
@@ -65,7 +65,7 @@ import{css as e}from"lit";const t=e`
     align-items: center;
     justify-content: center;
     box-sizing: content-box;
-    color: #C7CED4;
+    color: var(--nile-colors-neutral-500);
     padding: 0.5rem;
     width: 1rem;
     height: 1rem;
@@ -111,18 +111,18 @@ import{css as e}from"lit";const t=e`
   }
 
   :host(:focus-visible) .tree-item__item {
-    outline: solid 3px #C7CED4;
+    outline: solid 3px var(--nile-colors-neutral-500);
     outline-offset: 1px;
     z-index: 2;
   }
 
   :host(:not([aria-disabled='true'])) .tree-item--selected .tree-item__item {
-    background-color: #eaecf0;
-    border-inline-start-color: #035da6;
+    background-color: var(--nile-colors-neutral-700);
+    border-inline-start-color: var(--nile-colors-primary-700);
   }
 
   :host(:not([aria-disabled='true'])) .tree-item__expand-button {
-    color: #777D82;
+    color: var(--nile-colors-neutral-700);
   }
 
   .tree-item__label {

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid #85AAD18A;\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, #005EA6);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700, #005291);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600, #475467);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, #005EA6);\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-400);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-vertical-stepper-item.css.cjs.js.map

package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid #85AAD18A;\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, #005EA6);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700, #005291);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600, #475467);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, #005EA6);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-vertical-stepper-item.css.cjs.js","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-primary-400);\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600);\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}