pns-component-library 1.2.2 → 1.2.3

package/dist/pns-component-library.es.js

@@ -0,0 +1,1006 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.fade-out[data-v-9757f7de]{animation:fadeOut-9757f7de var(--fade-out-duration-ms, 3s) forwards}@keyframes fadeOut-9757f7de{0%{opacity:1}90%{opacity:.8}to{opacity:0}}.simplified-notification[data-v-9757f7de]{width:100%;padding:12px 16px;border-radius:8px;display:flex;gap:12px;align-items:stretch;box-sizing:border-box;position:relative}.simplified-notification.blue[data-v-9757f7de]{background:#e8f4fd}.simplified-notification.red[data-v-9757f7de]{background:#faeaea}.simplified-notification.yellow[data-v-9757f7de]{background:#fff7df}.simplified-notification.green[data-v-9757f7de]{background:#ebf4ec}.prefix_icon[data-v-9757f7de]{width:24px;height:24px}.prefix-icon-container[data-v-9757f7de]{display:flex;align-items:center}.close-btn-container[data-v-9757f7de]{display:flex;flex-direction:column}.close-btn[data-v-9757f7de]{cursor:pointer}.notifiction-text[data-v-9757f7de]{width:100%;color:#000;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word}.content-wrapper[data-v-9757f7de]{width:100%}.title[data-v-9757f7de]{color:#000;font-family:Roboto;font-size:14px;font-weight:600;line-height:16px;margin-bottom:4px}.content-details[data-v-9757f7de]{min-height:24px;display:flex;align-items:center}@media only screen and (max-width:767px){.simplified-notification[data-v-9757f7de]{padding:8px 12px;gap:8px}}.responsive-button-wrapper[data-v-a52df3f1]{position:relative}.responsive-button-wrapper.fill-whole[data-v-a52df3f1]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-a52df3f1]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-a52df3f1]{height:fit-content;box-sizing:border-box;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Roboto;cursor:pointer}.responsive-button.fit-content[data-v-a52df3f1]{min-width:90px}.responsive-button.no-display-name[data-v-a52df3f1]{min-width:0px!important}.button-content[data-v-a52df3f1]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-a52df3f1],.suffix-wrapper[data-v-a52df3f1]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-a52df3f1]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-a52df3f1]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:11px 7px}.disabled[data-v-a52df3f1]{cursor:not-allowed}.outlined-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-a52df3f1]:hover,.outlined-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.outlined-primary.held[data-v-a52df3f1],.outlined-primary.held[data-v-a52df3f1]:active,.outlined-primary.focused[data-v-a52df3f1],.outlined-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:hover,.outlined-primary.disabled.focused[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-a52df3f1]:hover,.filled-primary[data-v-a52df3f1]:hover{background:#022a53}.filled-primary.held[data-v-a52df3f1],.filled-primary.held[data-v-a52df3f1]:active,.filled-primary.focused[data-v-a52df3f1],.filled-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-a52df3f1]:hover,.text-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.text-primary.held[data-v-a52df3f1],.text-primary.held[data-v-a52df3f1]:active,.text-primary.focused[data-v-a52df3f1],.text-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:hover,.text-primary.disabled.focused[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:active{color:#979797}.outlined-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-a52df3f1]:hover,.outlined-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-a52df3f1],.outlined-secondary.held[data-v-a52df3f1]:active,.outlined-secondary.focused[data-v-a52df3f1],.outlined-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:hover,.outlined-secondary.disabled.focused[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-a52df3f1]:hover,.filled-secondary[data-v-a52df3f1]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-a52df3f1],.filled-secondary.held[data-v-a52df3f1]:active,.filled-secondary.focused[data-v-a52df3f1],.filled-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:hover,.filled-secondary.disabled.focused[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-a52df3f1]:hover,.text-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.text-secondary.held[data-v-a52df3f1],.text-secondary.held[data-v-a52df3f1]:active,.text-secondary.focused[data-v-a52df3f1],.text-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:hover,.text-secondary.disabled.focused[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:active{color:#979797}.responsive-button-dropdown[data-v-a52df3f1]{min-width:300px;padding:9px 12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 4px 8px #00000026,0 1px 3px #0000004d;position:absolute;z-index:1000}.fill-whole .responsive-button-dropdown[data-v-a52df3f1]{width:100%}.fit-content .responsive-button-dropdown[data-v-a52df3f1]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-a52df3f1]{width:fit-content!important}.responsive-button-dropdown-option[data-v-a52df3f1]{width:100%!important;padding:12px 8px!important;border:none!important;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff!important;color:#1c1b1f!important;font-family:Roboto!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;cursor:pointer}.responsive-button-dropdown-option.hovered[data-v-a52df3f1]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-a52df3f1],.responsive-button-dropdown-option.disabled.hovered[data-v-a52df3f1]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-a52df3f1]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-a52df3f1]{width:100%!important;box-sizing:border-box;padding:12px 8px;border-bottom:1px solid #BCCCDC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.fill-whole .non-web-responsive-button-dropdown-option[data-v-a52df3f1],.fit-content .non-web-responsive-button-dropdown-option[data-v-a52df3f1]{width:100%}.non-web-responsive-button-dropdown-option[data-v-a52df3f1]{box-sizing:border-box;padding:12px 8px;display:flex;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.non-web-responsive-button-dropdown-option[data-v-a52df3f1]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1],.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-a52df3f1]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-a52df3f1]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-a52df3f1]{min-width:267px}}.input-box-unit-wrapper[data-v-87ad92c9]{width:100%;display:flex;flex-direction:column;row-gap:8px}.input-box-unit[data-v-87ad92c9]{height:fit-content;width:100%;box-sizing:border-box;padding:8px 11px;display:flex;align-items:center;column-gap:12px;border-radius:4px;border:1px solid #BCCCDC;background:#fff;cursor:pointer;position:relative}.input-box-unit[data-v-87ad92c9]:hover{border:1px solid #DEE6ED}.input-box-unit.is-focus[data-v-87ad92c9]{border:1px solid #9BB2CA}.input-box-unit.has-prefix[data-v-87ad92c9],.input-box-unit.has-prefix.has-suffix[data-v-87ad92c9]{padding:8px 11px}.input-box-unit.has-suffix[data-v-87ad92c9]{padding-left:15px}.input-box-unit.error[data-v-87ad92c9]{border:1px solid #DE583F}.input-box-unit.alert[data-v-87ad92c9]{border:1px solid #E0961E}.input-box-unit.disabled[data-v-87ad92c9]{background:#f2f2f2;cursor:not-allowed}.input-box-unit.disabled[data-v-87ad92c9]:hover{border:1px solid #BCCCDC}.input-box[data-v-87ad92c9]{flex:1;width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.input-box[data-v-87ad92c9]::placeholder{color:#979797;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-87ad92c9]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;height:24px}.prefix-wrapper[data-v-87ad92c9],.suffix-wrapper[data-v-87ad92c9]{flex-shrink:0;display:flex;align-items:center;column-gap:8px;min-width:24px;width:fit-content;height:24px}.suffix-wrapper.only-clear-icon[data-v-87ad92c9]{min-width:20px}.suffix-wrapper.with-date-icon[data-v-87ad92c9]{position:absolute;right:40px}.clear-icon[data-v-87ad92c9]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-87ad92c9]:hover{opacity:1}.hide[data-v-87ad92c9]{display:none}.message-container[data-v-87ad92c9]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-87ad92c9]{color:#de583f}.message-container.alert[data-v-87ad92c9]{color:#e0961e}@media only screen and (max-width:767px){.input-box-unit-wrapper[data-v-87ad92c9]{row-gap:4px}.input-box-unit[data-v-87ad92c9]{padding:7px 11px;column-gap:8px}.input-box-unit.has-prefix[data-v-87ad92c9],.input-box-unit.has-prefix.has-suffix[data-v-87ad92c9]{padding:7px 11px}.input-box-unit.has-suffix[data-v-87ad92c9]{padding-left:13px}.input-box[data-v-87ad92c9]{font-size:14px;line-height:20px;letter-spacing:.25px;height:20px}.input-box[data-v-87ad92c9]::placeholder{font-size:14px;line-height:20px;letter-spacing:.25px}.input-box[data-v-87ad92c9]::-webkit-calendar-picker-indicator{height:20px}.prefix-wrapper[data-v-87ad92c9]{min-width:20px;height:20px}.suffix-wrapper[data-v-87ad92c9]{min-width:20px;height:20px;column-gap:0px}.suffix-wrapper.with-date-icon[data-v-87ad92c9]{right:32px}.clear-icon[data-v-87ad92c9]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-87ad92c9]{font-size:14px;line-height:16px}}.single-selector-unit-wrapper[data-v-4a625e99]{width:100%;display:flex;flex-direction:column;row-gap:8px}.single-selector[data-v-4a625e99]{height:fit-content;width:100%;box-sizing:border-box;padding:9px 12px 9px 16px;display:flex;align-items:center;justify-content:space-between;column-gap:12px;border-radius:4px;box-shadow:inset 0 0 0 1px #bcccdc;background:#fff;cursor:pointer;position:relative}.single-selector[data-v-4a625e99]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.single-selector.has-prefix[data-v-4a625e99]{padding-left:12px}.single-selector.is-focus[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #9bb2ca}.single-selector.error[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #de583f}.single-selector.alert[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #e0961e}.single-selector.disabled[data-v-4a625e99]{background:#f2f2f2;cursor:not-allowed}.single-selector.disabled[data-v-4a625e99]:hover{box-shadow:inset 0 0 0 1px #bcccdc}.selected-content[data-v-4a625e99]{flex:1;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide[data-v-4a625e99]{display:none}.content-text[data-v-4a625e99]{color:#1c1b1f}.placeholder[data-v-4a625e99]{color:#979797}.single-selector.disabled .content-text[data-v-4a625e99],.single-selector.disabled .placeholder[data-v-4a625e99]{color:#555}.filter-input[data-v-4a625e99]{width:100%;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.default-suffix-pic[data-v-4a625e99]{width:100%;height:100%}.prefix-wrapper[data-v-4a625e99],.suffix-wrapper[data-v-4a625e99]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;min-width:24px;width:fit-content;height:24px}.rotate-0[data-v-4a625e99]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-4a625e99]{transform:rotate(180deg)}.clear-icon[data-v-4a625e99]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-4a625e99]:hover{opacity:1}.single-selector-dropdown[data-v-4a625e99]{width:inherit;height:fit-content;max-height:233px;padding:8px;box-sizing:border-box;border-radius:4px;border:1px solid #BCCCDC;background:#fff;overflow:auto;position:absolute;z-index:1000;top:50px;left:0}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar{width:8px}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-thumb{background-color:transparent}.single-selector-dropdown[data-v-4a625e99]:hover::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}.single-selector-dropdown[data-v-4a625e99]:hover::-webkit-scrollbar-thumb:hover{border-radius:10px;border:2px solid #FFFFFF;background-color:#a8a8a8}.no-data-notes[data-v-4a625e99]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#979797;font-family:Roboto;font-size:16px;font-weight:500;line-height:19px;text-align:center}.dropdown-item[data-v-4a625e99]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.dropdown-item[data-v-4a625e99]:hover{background:#faebe6}.dropdown-item.selected[data-v-4a625e99]{font-weight:600}.message-container[data-v-4a625e99]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-4a625e99]{color:#de583f}.message-container.alert[data-v-4a625e99]{color:#e0961e}@media only screen and (max-width:1024px){.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}}@media only screen and (max-width:767px){.single-selector-unit-wrapper[data-v-4a625e99]{row-gap:4px}.single-selector[data-v-4a625e99]{column-gap:8px;padding:8px 12px 8px 14px}.selected-content[data-v-4a625e99]{font-size:14px;line-height:20px;letter-spacing:.25px}.filter-input[data-v-4a625e99]{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;height:20px}.prefix-wrapper[data-v-4a625e99],.suffix-wrapper[data-v-4a625e99]{min-width:20px;height:20px;display:flex;align-items:center;column-gap:0px;flex-shrink:0}.clear-icon[data-v-4a625e99]{width:36px;height:36px;right:32px;box-sizing:border-box;padding:10px}.single-selector-dropdown[data-v-4a625e99]{max-height:176px;padding:7px;top:40px}.no-data-notes[data-v-4a625e99]{font-size:14px;line-height:20px;letter-spacing:.25px}.dropdown-item[data-v-4a625e99]{padding:6px 4px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.message-container[data-v-4a625e99]{font-size:14px;line-height:16px}}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:60px;height:60px;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:23px;left:23px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}`)),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { openBlock as n, createElementBlock as l, normalizeClass as a, createElementVNode as d, toDisplayString as u, createCommentVNode as _, renderSlot as w, ref as B, onMounted as I, onUnmounted as R, resolveComponent as J, resolveDirective as F, withDirectives as C, normalizeStyle as V, Fragment as v, renderList as y, createBlock as K, mergeProps as q, vModelDynamic as G, vModelText as Q } from "vue";
+const Z = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.11973%209.29055L11.9997%2013.1705L15.8797%209.29055C16.2697%208.90055%2016.8997%208.90055%2017.2897%209.29055C17.6797%209.68055%2017.6797%2010.3105%2017.2897%2010.7005L12.6997%2015.2905C12.3097%2015.6805%2011.6797%2015.6805%2011.2897%2015.2905L6.69973%2010.7005C6.30973%2010.3105%206.30973%209.68055%206.69973%209.29055C7.08973%208.91055%207.72973%208.90055%208.11973%209.29055Z'%20fill='black'/%3e%3c/svg%3e", X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Z
+}, Symbol.toStringTag, { value: "Module" })), g = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", Y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: g
+}, Symbol.toStringTag, { value: "Module" })), ee = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ee
+}, Symbol.toStringTag, { value: "Module" })), se = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4655_62118)'%3e%3cpath%20d='M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4655_62118'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: se
+}, Symbol.toStringTag, { value: "Module" })), E = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76910'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76910)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: E
+}, Symbol.toStringTag, { value: "Module" })), ne = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e", le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ne
+}, Symbol.toStringTag, { value: "Module" })), z = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4276_5653'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4276_5653)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%231E4670'/%3e%3c/g%3e%3c/svg%3e", re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: z
+}, Symbol.toStringTag, { value: "Module" })), T = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2631_18409'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2631_18409)'%3e%3cpath%20d='M12%2015.3766L6%209.37656L7.4%207.97656L12%2012.5766L16.6%207.97656L18%209.37656L12%2015.3766Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: T
+}, Symbol.toStringTag, { value: "Module" })), ae = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71801'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71801)'%3e%3cpath%20d='M10.0026%2013.3359C11.0443%2013.3359%2011.9298%2012.9715%2012.6593%2012.2426C13.3882%2011.5132%2013.7526%2010.6276%2013.7526%209.58594C13.7526%208.54427%2013.3882%207.65872%2012.6593%206.92927C11.9298%206.20038%2011.0443%205.83594%2010.0026%205.83594C8.96094%205.83594%208.07538%206.20038%207.34594%206.92927C6.61705%207.65872%206.2526%208.54427%206.2526%209.58594C6.2526%2010.6276%206.61705%2011.5132%207.34594%2012.2426C8.07538%2012.9715%208.96094%2013.3359%2010.0026%2013.3359ZM10.0026%2011.8359C9.3776%2011.8359%208.84649%2011.617%208.40927%2011.1793C7.97149%2010.742%207.7526%2010.2109%207.7526%209.58594C7.7526%208.96094%207.97149%208.42955%208.40927%207.99177C8.84649%207.55455%209.3776%207.33594%2010.0026%207.33594C10.6276%207.33594%2011.159%207.55455%2011.5968%207.99177C12.034%208.42955%2012.2526%208.96094%2012.2526%209.58594C12.2526%2010.2109%2012.034%2010.742%2011.5968%2011.1793C11.159%2011.617%2010.6276%2011.8359%2010.0026%2011.8359ZM10.0026%2015.8359C7.97483%2015.8359%206.1276%2015.2698%204.46094%2014.1376C2.79427%2013.0059%201.58594%2011.4887%200.835938%209.58594C1.58594%207.68316%202.79427%206.16566%204.46094%205.03344C6.1276%203.90177%207.97483%203.33594%2010.0026%203.33594C12.0304%203.33594%2013.8776%203.90177%2015.5443%205.03344C17.2109%206.16566%2018.4193%207.68316%2019.1693%209.58594C18.4193%2011.4887%2017.2109%2013.0059%2015.5443%2014.1376C13.8776%2015.2698%2012.0304%2015.8359%2010.0026%2015.8359ZM10.0026%2014.1693C11.572%2014.1693%2013.0132%2013.7559%2014.3259%2012.9293C15.6382%2012.1032%2016.6415%2010.9887%2017.3359%209.58594C16.6415%208.18316%2015.6382%207.06844%2014.3259%206.24177C13.0132%205.41566%2011.572%205.0026%2010.0026%205.0026C8.43316%205.0026%206.99205%205.41566%205.67927%206.24177C4.36705%207.06844%203.36372%208.18316%202.66927%209.58594C3.36372%2010.9887%204.36705%2012.1032%205.67927%2012.9293C6.99205%2013.7559%208.43316%2014.1693%2010.0026%2014.1693Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ae
+}, Symbol.toStringTag, { value: "Module" })), ce = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71805'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71805)'%3e%3cpath%20d='M13.4193%2011.0859L12.2109%209.8776C12.3359%209.22483%2012.1484%208.61372%2011.6484%208.04427C11.1484%207.47483%2010.5026%207.2526%209.71094%207.3776L8.5026%206.16927C8.73872%206.05816%208.9783%205.97483%209.22135%205.91927C9.46441%205.86372%209.72483%205.83594%2010.0026%205.83594C11.0443%205.83594%2011.9297%206.20052%2012.6589%206.92969C13.388%207.65885%2013.7526%208.54427%2013.7526%209.58594C13.7526%209.86372%2013.7248%2010.1241%2013.6693%2010.3672C13.6137%2010.6102%2013.5304%2010.8498%2013.4193%2011.0859ZM16.0859%2013.7109L14.8776%2012.5443C15.4054%2012.1415%2015.8741%2011.7005%2016.2839%2011.2214C16.6936%2010.7422%2017.0443%2010.197%2017.3359%209.58594C16.6415%208.18316%2015.645%207.06858%2014.3464%206.24219C13.0477%205.4158%2011.5998%205.0026%2010.0026%205.0026C9.59983%205.0026%209.20399%205.03038%208.8151%205.08594C8.42622%205.14149%208.04427%205.22483%207.66927%205.33594L6.3776%204.04427C6.94705%203.80816%207.53038%203.63108%208.1276%203.51302C8.72483%203.39497%209.34983%203.33594%2010.0026%203.33594C12.0998%203.33594%2013.9679%203.9158%2015.6068%205.07552C17.2457%206.23524%2018.4332%207.73872%2019.1693%209.58594C18.8498%2010.4054%2018.4297%2011.1658%2017.9089%2011.8672C17.388%2012.5686%2016.7804%2013.1832%2016.0859%2013.7109ZM16.5026%2018.8359L13.0026%2015.3776C12.5165%2015.5304%2012.0269%2015.645%2011.5339%2015.7214C11.0408%2015.7977%2010.5304%2015.8359%2010.0026%2015.8359C7.90538%2015.8359%206.03733%2015.2561%204.39844%2014.0964C2.75955%2012.9366%201.57205%2011.4332%200.835938%209.58594C1.1276%208.84983%201.49566%208.1658%201.9401%207.53385C2.38455%206.90191%202.89149%206.33594%203.46094%205.83594L1.16927%203.5026L2.33594%202.33594L17.6693%2017.6693L16.5026%2018.8359ZM4.6276%207.0026C4.22483%207.36372%203.85677%207.75955%203.52344%208.1901C3.1901%208.62066%202.90538%209.08594%202.66927%209.58594C3.36372%2010.9887%204.36024%2012.1033%205.65885%2012.9297C6.95747%2013.7561%208.40538%2014.1693%2010.0026%2014.1693C10.2804%2014.1693%2010.5512%2014.1519%2010.8151%2014.1172C11.079%2014.0825%2011.3498%2014.0443%2011.6276%2014.0026L10.8776%2013.2109C10.7248%2013.2526%2010.579%2013.2839%2010.4401%2013.3047C10.3012%2013.3255%2010.1554%2013.3359%2010.0026%2013.3359C8.96094%2013.3359%208.07552%2012.9714%207.34635%2012.2422C6.61719%2011.513%206.2526%2010.6276%206.2526%209.58594C6.2526%209.43316%206.26302%209.28733%206.28385%209.14844C6.30469%209.00955%206.33594%208.86372%206.3776%208.71094L4.6276%207.0026Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ce
+}, Symbol.toStringTag, { value: "Module" })), U = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26188)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM10%2017L5%2012L6.41%2010.59L10%2014.17L17.59%206.58L19%208L10%2017Z'%20fill='%2384BC3B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26188'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: U
+}, Symbol.toStringTag, { value: "Module" })), b = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4568_73894'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4568_73894)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: b
+}, Symbol.toStringTag, { value: "Module" })), x = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e", fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: x
+}, Symbol.toStringTag, { value: "Module" })), k = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26209)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM13%2017H11V11H13V17ZM13%209H11V7H13V9Z'%20fill='%233498DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26209'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: k
+}, Symbol.toStringTag, { value: "Module" })), L = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4655_66375'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4655_66375)'%3e%3cpath%20d='M5.5987%2011.3359L7.9987%208.93594L10.3987%2011.3359L11.332%2010.4026L8.93203%208.0026L11.332%205.6026L10.3987%204.66927L7.9987%207.06927L5.5987%204.66927L4.66536%205.6026L7.06536%208.0026L4.66536%2010.4026L5.5987%2011.3359ZM7.9987%2014.6693C7.07648%2014.6693%206.20981%2014.4943%205.3987%2014.1443C4.58759%2013.7943%203.88203%2013.3193%203.28203%2012.7193C2.68203%2012.1193%202.20703%2011.4137%201.85703%2010.6026C1.50703%209.79149%201.33203%208.92483%201.33203%208.0026C1.33203%207.08038%201.50703%206.21372%201.85703%205.4026C2.20703%204.59149%202.68203%203.88594%203.28203%203.28594C3.88203%202.68594%204.58759%202.21094%205.3987%201.86094C6.20981%201.51094%207.07648%201.33594%207.9987%201.33594C8.92092%201.33594%209.78759%201.51094%2010.5987%201.86094C11.4098%202.21094%2012.1154%202.68594%2012.7154%203.28594C13.3154%203.88594%2013.7904%204.59149%2014.1404%205.4026C14.4904%206.21372%2014.6654%207.08038%2014.6654%208.0026C14.6654%208.92483%2014.4904%209.79149%2014.1404%2010.6026C13.7904%2011.4137%2013.3154%2012.1193%2012.7154%2012.7193C12.1154%2013.3193%2011.4098%2013.7943%2010.5987%2014.1443C9.78759%2014.4943%208.92092%2014.6693%207.9987%2014.6693ZM7.9987%2013.3359C9.48759%2013.3359%2010.7487%2012.8193%2011.782%2011.7859C12.8154%2010.7526%2013.332%209.49149%2013.332%208.0026C13.332%206.51372%2012.8154%205.2526%2011.782%204.21927C10.7487%203.18594%209.48759%202.66927%207.9987%202.66927C6.50981%202.66927%205.2487%203.18594%204.21536%204.21927C3.18203%205.2526%202.66536%206.51372%202.66536%208.0026C2.66536%209.49149%203.18203%2010.7526%204.21536%2011.7859C5.2487%2012.8193%206.50981%2013.3359%207.9987%2013.3359Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e", ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: L
+}, Symbol.toStringTag, { value: "Module" })), N = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2557_13935)'%3e%3cpath%20d='M15.8332%205.33906L14.6582%204.16406L9.99984%208.8224L5.3415%204.16406L4.1665%205.33906L8.82484%209.9974L4.1665%2014.6557L5.3415%2015.8307L9.99984%2011.1724L14.6582%2015.8307L15.8332%2014.6557L11.1748%209.9974L15.8332%205.33906Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2557_13935'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: N
+}, Symbol.toStringTag, { value: "Module" })), W = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26202)'%3e%3cpath%20d='M12%202C6.47%202%202%206.47%202%2012C2%2017.53%206.47%2022%2012%2022C17.53%2022%2022%2017.53%2022%2012C22%206.47%2017.53%202%2012%202ZM17%2015.59L15.59%2017L12%2013.41L8.41%2017L7%2015.59L10.59%2012L7%208.41L8.41%207L12%2010.59L15.59%207L17%208.41L13.41%2012L17%2015.59Z'%20fill='%23DE583F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26202'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: W
+}, Symbol.toStringTag, { value: "Module" })), A = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76907'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76907)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e", ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: A
+}, Symbol.toStringTag, { value: "Module" })), $ = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1771_11330)'%3e%3cpath%20d='M1%2021H23L12%202L1%2021ZM13%2018H11V16H13V18ZM13%2014H11V10H13V14Z'%20fill='%23E0961E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1771_11330'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $
+}, Symbol.toStringTag, { value: "Module" })), m = (e, t) => {
+  const s = e.__vccOpts || e;
+  for (const [c, o] of t)
+    s[c] = o;
+  return s;
+}, ke = {
+  props: {
+    content: String,
+    build_in_theme: {
+      //ENUM: blue, red, yellow, green
+      type: String,
+      default: "blue"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    customized_alert_icon_src: {
+      type: String,
+      default: ""
+    },
+    customized_class: {
+      type: String,
+      default: ""
+    },
+    with_close_btn: {
+      type: Boolean,
+      default: !0
+    },
+    mounted_programmatically: {
+      type: Boolean,
+      default: !1
+    },
+    hide_after: {
+      type: Number,
+      default: 0
+    }
+  },
+  mounted() {
+    this.hide_after && typeof this.hide_after == "number" && this.autoClose();
+  },
+  computed: {
+    alert_icon_src() {
+      return this.customized_alert_icon_src ? this.customized_alert_icon_src : this.build_in_theme == "blue" ? k : this.build_in_theme == "yellow" ? $ : this.build_in_theme == "red" ? W : this.build_in_theme == "green" ? U : k;
+    },
+    theme_class() {
+      return this.build_in_theme;
+    }
+  },
+  emits: ["close"],
+  methods: {
+    autoClose() {
+      setTimeout(() => {
+        this.manuallyClose();
+      }, this.hide_after), this.hide_after && (this.$el.classList.add("fade-out"), this.$el.style.setProperty("--fade-out-duration-ms", `${this.hide_after}ms`));
+    },
+    manuallyClose() {
+      if (this.mounted_programmatically) {
+        const t = this.$el ? this.$el.parentElement : null;
+        if (t) {
+          t.remove();
+          var e = this.$attrs.notification_instances_collection[this.$attrs.id];
+          e.unmount(), e._container = null, e = null, delete this.$attrs.notification_instances_collection[this.$attrs.id];
+        }
+      } else
+        this.$emit("close", this.$el);
+    }
+  }
+}, Ce = { class: "prefix-icon-container" }, xe = ["src"], Le = { class: "notifiction-text" }, Se = { class: "content-wrapper" }, Oe = {
+  key: 0,
+  class: "title"
+}, Me = {
+  key: 0,
+  class: "content-details"
+}, De = ["innerHTML"], Be = { class: "close-btn-container" };
+function Ve(e, t, s, c, o, i) {
+  return n(), l("div", {
+    class: a([
+      "simplified-notification",
+      i.theme_class,
+      s.customized_class
+    ])
+  }, [
+    d("div", Ce, [
+      d("img", {
+        src: i.alert_icon_src,
+        class: "prefix_icon"
+      }, null, 8, xe)
+    ]),
+    d("div", Le, [
+      d("div", Se, [
+        s.title ? (n(), l("div", Oe, u(s.title), 1)) : _("", !0),
+        w(e.$slots, "content", {}, () => [
+          s.content ? (n(), l("div", Me, [
+            d("div", { innerHTML: s.content }, null, 8, De)
+          ])) : _("", !0)
+        ], !0)
+      ])
+    ]),
+    d("div", Be, [
+      s.with_close_btn ? (n(), l("img", {
+        key: 0,
+        src: N,
+        class: "close-btn",
+        onClick: t[0] || (t[0] = (...r) => i.manuallyClose && i.manuallyClose(...r))
+      })) : _("", !0)
+    ])
+  ], 2);
+}
+const He = /* @__PURE__ */ m(ke, [["render", Ve], ["__scopeId", "data-v-9757f7de"]]);
+function je() {
+  const e = B(0), t = B(0), s = () => {
+    e.value = window.innerWidth, t.value = window.innerHeight;
+  };
+  return I(() => {
+    s(), window.addEventListener("resize", s);
+  }), R(() => {
+    window.removeEventListener("resize", s);
+  }), { width: e, height: t };
+}
+const Pe = {
+  name: "ResponsiveButton",
+  // for recognizing itself when it calls itself inside the component
+  inheritAttrs: !1,
+  props: {
+    display_name: {
+      type: String,
+      default: "button"
+    },
+    size: {
+      //reponsive for mobile version
+      //ENUM: xsmall, small, medium, large
+      //NOTES: xsmall -> height:36px; small -> height:40px; medium -> height:42px; large -> height:44px;
+      type: String,
+      default: "small"
+    },
+    width_type: {
+      //ENUM: fill-whole, fit-content
+      type: String,
+      default: "fit-content"
+    },
+    build_in_theme: {
+      //ENUM: outlined-primary, filled-primary, text-primary, outlined-secondary, filled-secondary, text-secondary
+      type: String,
+      default: "outlined-primary"
+    },
+    customized_class: {
+      type: String,
+      default: ""
+    },
+    hold: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    dropdown_options: {
+      type: Array,
+      default: () => []
+    },
+    is_dropdown_option: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  mounted() {
+    !this.is_dropdown_option && this.has_dropdown && (document.addEventListener("click", (e) => this.closeWhenClickOutsideDropdownButton(e)), this.nested_dropdown_option_button_history_stack = []), this.is_dropdown_option_hovered && this.has_dropdown && (this.is_dropdown_visibile = !0);
+  },
+  unmounted() {
+    !this.is_dropdown_option && this.has_dropdown && document.removeEventListener("click", (e) => this.closeWhenClickOutsideDropdownButton(e));
+  },
+  setup() {
+    const { width: e } = je();
+    return {
+      width: e
+    };
+  },
+  data() {
+    return {
+      is_dropdown_visibile: !1,
+      currently_hovered_dropdown_option_display_name: "",
+      dropdown_position_data: {},
+      nested_dropdown_option_button_history_stack: null,
+      loading: !1,
+      is_button_held: this.hold
+    };
+  },
+  emits: [
+    "click",
+    "update-currently-hovered-dropdown-option",
+    "add-nested-dropdown-history-stack",
+    "remove-nested-dropdown-history-stack"
+  ],
+  computed: {
+    has_prefix() {
+      return this.$slots.prefix;
+    },
+    has_suffix() {
+      return this.$slots.suffix;
+    },
+    has_dropdown() {
+      return this.dropdown_options && Array.isArray(this.dropdown_options) && this.dropdown_options.length > 0;
+    },
+    dynamicDefaultDropdownDownArrow() {
+      return this.build_in_theme == "filled-primary" || this.build_in_theme == "filled-secondary" ? A : this.build_in_theme == "outlined-secondary" || this.build_in_theme == "text-secondary" ? this.disabled ? b : E : this.disabled ? b : z;
+    },
+    web_version() {
+      return this.width > 1024;
+    },
+    mobile_version() {
+      return this.width <= 767;
+    },
+    is_dropdown_option_hovered() {
+      if (this.is_dropdown_option && this.has_dropdown && !this.$attrs.currently_hovered_dropdown_option_display_name && this.$attrs.nested_dropdown_option_button_history_stack && this.$attrs.nested_dropdown_option_button_history_stack.length > 0) {
+        for (const e of this.$attrs.nested_dropdown_option_button_history_stack)
+          if (e.display_name == this.display_name && JSON.stringify(e.dropdown_options) == JSON.stringify(this.dropdown_options))
+            return this.$emit("update-currently-hovered-dropdown-option", this.display_name), this.is_dropdown_visibile = !0, setTimeout(() => {
+              this.calculateDropdownPosition();
+            }, 100), !0;
+      }
+      return this.is_dropdown_option && this.$attrs.currently_hovered_dropdown_option_display_name == this.display_name;
+    },
+    show_dropdown() {
+      return this.is_dropdown_visibile && this.has_dropdown;
+    },
+    non_web_version_nested_dropdown_option_shown() {
+      return this.nested_dropdown_option_button_history_stack && this.nested_dropdown_option_button_history_stack.length > 0 ? this.nested_dropdown_option_button_history_stack[this.nested_dropdown_option_button_history_stack.length - 1].display_name : null;
+    },
+    non_web_version_dropdown_options() {
+      return this.nested_dropdown_option_button_history_stack && this.nested_dropdown_option_button_history_stack.length > 0 ? this.nested_dropdown_option_button_history_stack[this.nested_dropdown_option_button_history_stack.length - 1].dropdown_options : this.dropdown_options;
+    }
+  },
+  watch: {
+    is_dropdown_option_hovered(e) {
+      this.has_dropdown && !this.disabled && (this.is_dropdown_visibile = e, e ? this.$emit("add-nested-dropdown-history-stack", {
+        display_name: this.display_name,
+        dropdown_options: this.dropdown_options
+      }) : this.$emit("remove-nested-dropdown-history-stack", {
+        display_name: this.display_name,
+        dropdown_options: this.dropdown_options
+      }));
+    },
+    // nested_dropdown_option_button_history_stack:{
+    //     deep:true,
+    //     handler(newVal){
+    //         console.log('nested_dropdown_option_button_history_stack', newVal);
+    //     }
+    // },
+    show_dropdown(e) {
+      e ? this.$nextTick(() => {
+        this.calculateDropdownPosition();
+      }) : (this.dropdown_position_data = {}, this.currently_hovered_dropdown_option_display_name = "", this.is_dropdown_option || (this.nested_dropdown_option_button_history_stack = []));
+    },
+    hold(e) {
+      this.is_button_held = e;
+    }
+  },
+  methods: {
+    closeWhenClickOutsideDropdownButton(e) {
+      this.show_dropdown && this.$refs["responsive-button"] && !this.$refs["responsive-button"].contains(e.target) && this.$refs["responsive-button-dropdown"] && !this.$refs["responsive-button-dropdown"].contains(e.target) && (this.is_dropdown_visibile = !1);
+    },
+    handleClick() {
+      this.disabled || (this.has_dropdown ? this.is_dropdown_option || (this.is_dropdown_visibile = !this.is_dropdown_visibile) : this.$emit("click", this.display_name));
+    },
+    handleMouseEnterButton() {
+      this.is_dropdown_option && this.$emit("update-currently-hovered-dropdown-option", this.display_name);
+    },
+    updateCurrentlyHoveredDropdownOption(e) {
+      this.currently_hovered_dropdown_option_display_name = e;
+    },
+    updateNestedDropdownHistoryStack(e) {
+      this.is_dropdown_option ? this.$emit("add-nested-dropdown-history-stack", e) : this.nested_dropdown_option_button_history_stack.push(e);
+    },
+    removeNestedDropdownHistoryStack(e) {
+      if (this.is_dropdown_option)
+        this.$emit("remove-nested-dropdown-history-stack", e);
+      else
+        for (let t = this.nested_dropdown_option_button_history_stack.length - 1; t >= 0; t--) {
+          const s = this.nested_dropdown_option_button_history_stack[t];
+          if (s.display_name == e.display_name && JSON.stringify(s.dropdown_options) == JSON.stringify(e.dropdown_options)) {
+            this.nested_dropdown_option_button_history_stack.splice(t);
+            break;
+          }
+        }
+    },
+    nonWebRemoveNestedDropdownHistoryStack(e) {
+      setTimeout(() => {
+        this.removeNestedDropdownHistoryStack(e);
+      }, 50);
+    },
+    clickWebDropdownOption(e) {
+      this.$emit("click", e), this.is_dropdown_option || (this.is_dropdown_visibile = !1);
+    },
+    clickNonWebDropdownOption(e) {
+      e.disabled || (e.dropdown_options ? setTimeout(() => {
+        var t;
+        for (let s = this.nested_dropdown_option_button_history_stack.length - 1; s >= 0; s--) {
+          const c = this.nested_dropdown_option_button_history_stack[s];
+          if (c.display_name == e.display_name && JSON.stringify(c.dropdown_options) == JSON.stringify(e.dropdown_options)) {
+            t = !0, this.nested_dropdown_option_button_history_stack.splice(s);
+            break;
+          }
+        }
+        t || this.nested_dropdown_option_button_history_stack.push({
+          display_name: e.display_name,
+          dropdown_options: e.dropdown_options
+        });
+      }, 50) : (this.$emit("click", e.display_name), this.is_dropdown_visibile = !1));
+    },
+    calculateDropdownPosition() {
+      const e = {}, t = this.$refs["responsive-button"], s = this.$refs["responsive-button-dropdown"];
+      if (t && s) {
+        const c = window.innerWidth, o = window.innerHeight, i = t.getBoundingClientRect(), r = i.right, f = i.bottom, h = i.left, p = i.width, S = i.height, O = s.getBoundingClientRect(), M = O.height, D = O.width;
+        this.is_dropdown_option ? (o - f > M + (this.mobile_version ? 4 : 8) ? e.top = "0px" : e.bottom = "0px", c - r > D + (this.mobile_version ? 4 : 8) ? e.left = p + 12 + 8 + "px" : e.right = p + 12 + 8 + "px") : (o - f > M + (this.mobile_version ? 4 : 8) ? e.top = S + (this.mobile_version ? 4 : 8) + "px" : e.bottom = S + (this.mobile_version ? 4 : 8) + "px", c - h > D + (this.mobile_version ? 4 : 8) ? e.left = "0px" : e.right = "0px");
+      }
+      this.dropdown_position_data = e;
+    },
+    // expose
+    setLoading(e) {
+      this.loading = e;
+    },
+    setHold(e) {
+      this.is_button_held = e;
+    }
+  },
+  expose: ["setLoading", "setHold"]
+}, Ze = { class: "button-content" }, Ee = {
+  key: 0,
+  class: "prefix-wrapper"
+}, ze = {
+  key: 1,
+  class: "button-name"
+}, Te = {
+  key: 2,
+  class: "suffix-wrapper"
+}, Ue = {
+  key: 3,
+  class: "outest-responsive-dropdown-button-default-suffix suffix-wrapper"
+}, Ne = ["src"], We = {
+  key: 0,
+  class: "nested-dropdown-default-suffix suffix-wrapper"
+}, Ae = {
+  key: 0,
+  src: g
+}, $e = {
+  key: 1,
+  src: x
+}, Ie = ["onClick"], Re = { class: "non-web-dropdown-option-display-name" }, Je = {
+  key: 0,
+  class: "non-web-responsive-nested-dropdown-option-default-suffix suffix-wrapper"
+}, Fe = {
+  key: 0,
+  src: g
+}, Ke = {
+  key: 1,
+  src: x
+};
+function qe(e, t, s, c, o, i) {
+  const r = J("ResponsiveButton", !0), f = F("component-loading");
+  return C((n(), l("div", {
+    class: a(["responsive-button-wrapper", s.width_type]),
+    ref: "responsive-button-wrapper"
+  }, [
+    d("div", {
+      class: a([
+        "responsive-button",
+        s.size,
+        s.width_type,
+        { disabled: s.disabled },
+        { "no-display-name": !s.display_name },
+        { "has-prefix": i.has_prefix },
+        { "has-suffix": i.has_suffix },
+        { held: o.is_button_held },
+        s.build_in_theme,
+        s.customized_class,
+        // only works when this button has dropdown
+        { hovered: i.is_dropdown_option_hovered },
+        { focused: i.show_dropdown }
+      ]),
+      ref: "responsive-button",
+      onClick: t[0] || (t[0] = (h) => i.handleClick()),
+      onMouseenter: t[1] || (t[1] = (h) => i.handleMouseEnterButton())
+    }, [
+      d("div", Ze, [
+        e.$slots.prefix ? (n(), l("div", Ee, [
+          w(e.$slots, "prefix", {}, void 0, !0)
+        ])) : _("", !0),
+        s.display_name ? (n(), l("div", ze, u(s.display_name), 1)) : _("", !0),
+        e.$slots.suffix ? (n(), l("div", Te, [
+          w(e.$slots, "suffix", {}, void 0, !0)
+        ])) : _("", !0),
+        !s.is_dropdown_option && i.has_dropdown ? (n(), l("div", Ue, [
+          d("img", {
+            src: i.dynamicDefaultDropdownDownArrow,
+            class: a([
+              "rotate-0",
+              { "rotate-180": i.show_dropdown }
+            ])
+          }, null, 10, Ne)
+        ])) : _("", !0)
+      ]),
+      s.is_dropdown_option && i.has_dropdown ? (n(), l("div", We, [
+        s.disabled ? (n(), l("img", $e)) : (n(), l("img", Ae))
+      ])) : _("", !0)
+    ], 34),
+    i.web_version && i.show_dropdown ? (n(), l("div", {
+      key: 0,
+      ref: "responsive-button-dropdown",
+      class: a([
+        "responsive-button-dropdown",
+        { "sub-dropdown": s.is_dropdown_option }
+      ]),
+      style: V(o.dropdown_position_data)
+    }, [
+      (n(!0), l(v, null, y(s.dropdown_options, (h) => (n(), K(r, q({
+        key: `${s.display_name.replaceAll(" ", "-")}-dropdown-item-${h.display_name.replaceAll(" ", "-")}`,
+        ref_for: !0
+      }, h, {
+        customized_class: "responsive-button-dropdown-option",
+        width_type: "fill-whole",
+        is_dropdown_option: !0,
+        nested_dropdown_option_button_history_stack: s.is_dropdown_option ? e.$attrs.nested_dropdown_option_button_history_stack : o.nested_dropdown_option_button_history_stack,
+        currently_hovered_dropdown_option_display_name: o.currently_hovered_dropdown_option_display_name,
+        onUpdateCurrentlyHoveredDropdownOption: t[2] || (t[2] = (p) => i.updateCurrentlyHoveredDropdownOption(p)),
+        onClick: t[3] || (t[3] = (p) => i.clickWebDropdownOption(p)),
+        onAddNestedDropdownHistoryStack: t[4] || (t[4] = (p) => i.updateNestedDropdownHistoryStack(p)),
+        onRemoveNestedDropdownHistoryStack: t[5] || (t[5] = (p) => i.removeNestedDropdownHistoryStack(p))
+      }), null, 16, ["nested_dropdown_option_button_history_stack", "currently_hovered_dropdown_option_display_name"]))), 128))
+    ], 6)) : !i.web_version && i.show_dropdown ? (n(), l("div", {
+      key: 1,
+      ref: "responsive-button-dropdown",
+      class: a([
+        "responsive-button-dropdown",
+        { "sub-dropdown": s.is_dropdown_option }
+      ]),
+      style: V(o.dropdown_position_data)
+    }, [
+      i.non_web_version_nested_dropdown_option_shown ? (n(), l("div", {
+        key: 0,
+        class: "non-web-responsive-button-nested-dropdown-button",
+        onClick: t[6] || (t[6] = (h) => i.nonWebRemoveNestedDropdownHistoryStack({
+          display_name: i.non_web_version_nested_dropdown_option_shown,
+          dropdown_options: i.non_web_version_dropdown_options
+        }))
+      }, [
+        t[7] || (t[7] = d("div", { class: "non-web-responsive-nested-dropdown-button-default-prefeix prefix-wrapper" }, [
+          d("img", {
+            src: g,
+            class: "rotate-180"
+          })
+        ], -1)),
+        d("div", null, u(i.non_web_version_nested_dropdown_option_shown), 1)
+      ])) : _("", !0),
+      (n(!0), l(v, null, y(i.non_web_version_dropdown_options, (h) => (n(), l("div", {
+        key: `${s.display_name.replaceAll(" ", "-")}-dropdown-item-${h.display_name.replaceAll(" ", "-")}`,
+        class: a(["non-web-responsive-button-dropdown-option", { disabled: h.disabled }]),
+        onClick: (p) => i.clickNonWebDropdownOption(h)
+      }, [
+        d("div", Re, u(h.display_name), 1),
+        h.dropdown_options ? (n(), l("div", Je, [
+          h.disabled ? (n(), l("img", Ke)) : (n(), l("img", Fe))
+        ])) : _("", !0)
+      ], 10, Ie))), 128))
+    ], 6)) : _("", !0)
+  ], 2)), [
+    [f, o.loading]
+  ]);
+}
+const Ge = /* @__PURE__ */ m(Pe, [["render", qe], ["__scopeId", "data-v-a52df3f1"]]), Qe = {
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    type: {
+      //ENUM: all type values of the raw input tag work
+      // some of the values works without using <form></form> and <button type = "submit"></button> are:
+      // text, date, time, datetime-local, month, week
+      // password, tel, number, search, color etc. 
+      type: String,
+      default: "text"
+    },
+    placeholder: {
+      type: String,
+      default: "Enter"
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  mounted() {
+    document.addEventListener("click", (e) => this.blurWhenClickOutside(e));
+  },
+  unmounted() {
+    document.removeEventListener("click", (e) => this.blurWhenClickOutside(e));
+  },
+  data() {
+    return {
+      value: this.modelValue,
+      hovered: !1,
+      is_focus: !1,
+      show_alert: !1,
+      show_error: !1,
+      message_notification_text: ""
+    };
+  },
+  computed: {
+    show_clear_icon() {
+      return this.clearable && this.value && !this.disabled && (this.hovered || this.is_focus);
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "input",
+    // press any key
+    "change",
+    //press Enter Key or Blur
+    "focus",
+    "blur",
+    "clear"
+  ],
+  watch: {
+    modelValue(e) {
+      this.value = e;
+    },
+    value(e) {
+      this.$emit("update:modelValue", e), this.$emit("input", e);
+    },
+    is_focus(e) {
+      e ? (this.$refs["input-box"].focus(), this.$emit("focus")) : (this.$refs["input-box"].blur(), this.$emit("blur"));
+    }
+  },
+  methods: {
+    handleClickInputBoxUnit(e) {
+      this.is_focus = !0, document.activeElement != this.$refs["input-box"] && this.$refs["input-box"].focus();
+    },
+    blurWhenClickOutside(e) {
+      this.is_focus && !this.$refs["input-box-unit"].contains(e.target) && (this.is_focus = !1);
+    },
+    handleKeydown(e) {
+      e.key === "Enter" && this.$emit("change", this.value);
+    },
+    handleClearValue() {
+      this.value = "", this.$emit("clear");
+    },
+    // expose methods
+    focus() {
+      this.is_focus = !0;
+    },
+    blur() {
+      this.is_focus = !1;
+    },
+    alert(e) {
+      this.show_alert = !0, this.show_error = !1, this.message_notification_text = e;
+    },
+    error(e) {
+      this.show_error = !0, this.show_alert = !1, this.message_notification_text = e;
+    },
+    removeAlertOrErrorEffect() {
+      this.show_alert = !1, this.show_error = !1, this.message_notification_text = "";
+    }
+  },
+  expose: ["focus", "blur", "alert", "error", "removeAlertOrErrorEffect"]
+}, Xe = { class: "input-box-unit-wrapper" }, Ye = {
+  key: 0,
+  class: "prefix-wrapper"
+}, et = ["disabled", "type", "placeholder"];
+function tt(e, t, s, c, o, i) {
+  return n(), l("div", Xe, [
+    d("div", {
+      class: a([
+        "input-box-unit",
+        { "is-focus": o.is_focus },
+        { "has-prefix": e.$slots.prefix },
+        { "has-suffix": e.$slots.suffix },
+        { disabled: s.disabled },
+        { error: o.show_error },
+        { alert: o.show_alert }
+      ]),
+      ref: "input-box-unit",
+      onMouseenter: t[3] || (t[3] = (r) => o.hovered = !0),
+      onMouseleave: t[4] || (t[4] = (r) => o.hovered = !1),
+      onClick: t[5] || (t[5] = (r) => i.handleClickInputBoxUnit(r))
+    }, [
+      e.$slots.prefix ? (n(), l("div", Ye, [
+        w(e.$slots, "prefix", {}, void 0, !0)
+      ])) : _("", !0),
+      C(d("input", {
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r),
+        class: a([
+          "input-box"
+        ]),
+        ref: "input-box",
+        disabled: s.disabled,
+        type: s.type,
+        placeholder: s.placeholder,
+        onKeydown: t[1] || (t[1] = (r) => i.handleKeydown(r))
+      }, null, 40, et), [
+        [G, o.value]
+      ]),
+      e.$slots.suffix || i.show_clear_icon ? (n(), l("div", {
+        key: 1,
+        class: a([
+          "suffix-wrapper",
+          { "only-clear-icon": i.show_clear_icon && !e.$slots.suffix },
+          { "with-date-icon": s.type == "date" }
+        ])
+      }, [
+        d("img", {
+          src: L,
+          class: a([
+            "clear-icon",
+            { hide: !i.show_clear_icon }
+          ]),
+          onClick: t[2] || (t[2] = (...r) => i.handleClearValue && i.handleClearValue(...r))
+        }, null, 2),
+        w(e.$slots, "suffix", {}, void 0, !0)
+      ], 2)) : _("", !0)
+    ], 34),
+    (o.show_alert || o.show_error) && o.message_notification_text ? (n(), l("div", {
+      key: 0,
+      class: a([
+        "message-container",
+        { error: o.show_error },
+        { alert: o.show_alert }
+      ])
+    }, u(o.message_notification_text), 3)) : _("", !0)
+  ]);
+}
+const st = /* @__PURE__ */ m(Qe, [["render", tt], ["__scopeId", "data-v-87ad92c9"]]), it = {
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    filterable: {
+      type: Boolean,
+      default: !1
+    },
+    remote_search: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    placeholder: {
+      type: String,
+      default: "Select"
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    loading_text: {
+      type: String,
+      default: "Loading"
+    },
+    no_data_text: {
+      type: String,
+      default: "No data"
+    }
+  },
+  mounted() {
+    document.addEventListener("click", (e) => this.closeWhenClickOutsideSelector(e));
+  },
+  unmounted() {
+    document.removeEventListener("click", (e) => this.closeWhenClickOutsideSelector(e));
+  },
+  data() {
+    return {
+      selected_item: this.modelValue,
+      selected_item_label: this.findCorrespondingLabelViaValue(this.modelValue),
+      filter_keyword: "",
+      is_focus: !1,
+      hovered: !1,
+      show_error: !1,
+      show_alert: !1,
+      message_notification_text: "",
+      is_loading: this.loading
+    };
+  },
+  computed: {
+    default_dropdown_arrow_src() {
+      return this.disabled ? T : Z;
+    },
+    options_shown() {
+      return this.remote_search ? this.options : this.filter_keyword ? this.options.filter((e) => JSON.stringify(e.value).toLowerCase().includes(this.filter_keyword.toLowerCase()) || JSON.stringify(e.label).toLowerCase().includes(this.filter_keyword.toLowerCase())) : this.options;
+    },
+    show_clear_icon() {
+      return this.clearable && this.selected_item && !this.disabled && (this.hovered || this.is_focus);
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "remote-search",
+    "filter-change",
+    "visible-change",
+    "focus",
+    "blur",
+    "clear"
+  ],
+  watch: {
+    modelValue(e) {
+      this.selected_item = e;
+    },
+    selected_item(e) {
+      this.$emit("update:modelValue", e), this.$emit("change", e), this.selected_item_label = this.findCorrespondingLabelViaValue(e), this.filter_keyword = "";
+    },
+    filter_keyword(e) {
+      this.$emit("filter-change", e), this.remote_search && this.$emit("remote-search", e);
+    },
+    is_focus(e) {
+      this.$emit("visible-change", e), e ? (this.$emit("focus"), this.filterable && this.$nextTick(() => {
+        var t;
+        (t = this.$refs["filter-input"]) == null || t.focus();
+      }), this.$nextTick(() => {
+        this.checkWhetherDropdownIsOverflow();
+      })) : this.$emit("blur");
+    },
+    loading(e) {
+      this.is_loading = e;
+    }
+  },
+  methods: {
+    checkWhetherDropdownIsOverflow() {
+      this.$refs["single-selector-dropdown"].scrollHeight > this.$refs["single-selector-dropdown"].clientHeight ? this.$refs["single-selector-dropdown"].style.padding = "8px 1px 8px 8px" : this.$refs["single-selector-dropdown"].style.padding = "8px";
+    },
+    findCorrespondingLabelViaValue(e) {
+      var t = e;
+      for (const s of this.options)
+        s.value == e && (t = s.label), console.log("item.value == value", s, e, s.value == e);
+      return t;
+    },
+    handleClickSingleSelector() {
+      this.disabled || (this.is_focus = !this.is_focus);
+    },
+    handleSelectOption(e) {
+      this.selected_item = e.value, this.selected_item_label = e.label, this.is_focus = !1;
+    },
+    closeWhenClickOutsideSelector(e) {
+      this.is_focus && !this.$refs["single-selector"].contains(e.target) && (this.is_focus = !1);
+    },
+    checkWhetherIsSelected(e) {
+      if (e.value == this.selected_item)
+        return !0;
+    },
+    handleClearValue(e) {
+      e.stopPropagation(), this.selected_item = "", this.$emit("clear");
+    },
+    // Define a method you want to expose
+    focus() {
+      var e;
+      this.disabled || (this.filterable && ((e = this.$refs["filter-input"]) == null || e.focus()), this.is_focus = !0);
+    },
+    blur() {
+      var e;
+      this.filterable && ((e = this.$refs["filter-input"]) == null || e.blur()), this.is_focus = !1;
+    },
+    alert(e) {
+      this.show_error = !1, this.show_alert = !0, this.message_notification_text = e;
+    },
+    error(e) {
+      this.show_alert = !1, this.show_error = !0, this.message_notification_text = e;
+    },
+    removeAlertOrErrorEffect() {
+      this.show_alert = !1, this.show_error = !1, this.message_notification_text = "";
+    },
+    setDropdownContentLoading(e) {
+      this.is_loading = e;
+    }
+  },
+  expose: ["focus", "blur", "alert", "error", "removeAlertOrErrorEffect", "setDropdownContentLoading"]
+}, ot = { class: "single-selector-unit-wrapper" }, nt = {
+  key: 0,
+  class: "prefix-wrapper"
+}, lt = {
+  class: /* @__PURE__ */ a([
+    "suffix-wrapper"
+  ])
+}, rt = ["src"], dt = {
+  key: 1,
+  class: "single-selector-dropdown",
+  ref: "single-selector-dropdown"
+}, at = {
+  key: 0,
+  class: "options-list"
+}, _t = ["onClick"], ct = {
+  key: 1,
+  class: "no-data-notes"
+};
+function ht(e, t, s, c, o, i) {
+  return n(), l("div", ot, [
+    d("div", {
+      ref: "single-selector",
+      class: a([
+        "single-selector",
+        { error: o.show_error },
+        { alert: o.show_alert },
+        { disabled: s.disabled },
+        { "is-focus": o.is_focus },
+        { "has-prefix": e.$slots.prefix },
+        { "show-clear-icon": i.show_clear_icon }
+      ]),
+      onClick: t[2] || (t[2] = (...r) => i.handleClickSingleSelector && i.handleClickSingleSelector(...r)),
+      onMouseenter: t[3] || (t[3] = (r) => o.hovered = !0),
+      onMouseleave: t[4] || (t[4] = (r) => o.hovered = !1)
+    }, [
+      e.$slots.prefix ? (n(), l("div", nt, [
+        w(e.$slots, "prefix", {}, void 0, !0)
+      ])) : _("", !0),
+      d("div", {
+        class: a([
+          "selected-content",
+          o.selected_item ? "content-text" : "placeholder"
+        ])
+      }, [
+        d("span", {
+          class: a([{ hide: o.is_focus && s.filterable }])
+        }, u(o.selected_item ? o.selected_item_label : s.placeholder), 3),
+        C(d("input", {
+          class: a(["filter-input", { hide: !(o.is_focus && s.filterable) }]),
+          ref: "filter-input",
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => o.filter_keyword = r)
+        }, null, 2), [
+          [Q, o.filter_keyword]
+        ])
+      ], 2),
+      d("div", lt, [
+        d("img", {
+          src: L,
+          class: a([
+            "clear-icon",
+            { hide: !i.show_clear_icon }
+          ]),
+          onClick: t[1] || (t[1] = (...r) => i.handleClearValue && i.handleClearValue(...r))
+        }, null, 2),
+        w(e.$slots, "suffix", {}, () => [
+          d("img", {
+            src: i.default_dropdown_arrow_src,
+            class: a([
+              "default-suffix-pic",
+              "rotate-0",
+              { "rotate-180": o.is_focus && !s.disabled }
+            ])
+          }, null, 10, rt)
+        ], !0)
+      ]),
+      o.is_focus ? (n(), l("div", dt, [
+        i.options_shown && i.options_shown.length > 0 ? (n(), l("div", at, [
+          (n(!0), l(v, null, y(i.options_shown, (r) => (n(), l("div", {
+            key: r.value,
+            class: a([
+              "dropdown-item",
+              { selected: i.checkWhetherIsSelected(r) }
+            ]),
+            onClick: (f) => i.handleSelectOption(r)
+          }, u(r.label), 11, _t))), 128))
+        ])) : (n(), l("div", ct, u(o.is_loading ? s.loading_text : s.no_data_text), 1))
+      ], 512)) : _("", !0)
+    ], 34),
+    (o.show_alert || o.show_error) && o.message_notification_text ? (n(), l("div", {
+      key: 0,
+      class: a([
+        "message-container",
+        { error: o.show_error },
+        { alert: o.show_alert }
+      ])
+    }, u(o.message_notification_text), 3)) : _("", !0)
+  ]);
+}
+const pt = /* @__PURE__ */ m(it, [["render", ht], ["__scopeId", "data-v-4a625e99"]]), ut = {
+  mounted(e, t) {
+    const s = document.createElement("div");
+    s.classList.add("component-loading-spinner"), s.style.display = "none", e._spinner = s, e.style.position = "relative", e.appendChild(s), t.value && (s.style.display = "flex");
+  },
+  updated(e, t) {
+    t.value ? e._spinner.style.display = "flex" : e._spinner.style.display = "none";
+  },
+  unmounted(e) {
+    e.removeChild(e._spinner);
+  }
+}, ft = {
+  mounted(e, t) {
+    const s = document.createElement("div");
+    s.classList.add("whole-page-loading-mask"), s.style.display = "none";
+    const c = document.createElement("div");
+    c.classList.add("whole-page-loading-spinner-container");
+    const o = document.createElement("div");
+    o.classList.add("whole-page-loading-spinner-icon-container");
+    const i = document.createElement("div");
+    i.classList.add("whole-page-loading-hourglass-icon-div"), o.appendChild(i);
+    const r = document.createElement("div");
+    r.classList.add("whole-page-loading-progress-circle-div"), o.appendChild(r), c.appendChild(o);
+    const f = document.createElement("div");
+    f.classList.add("whole-page-loading-text-div"), c.appendChild(f), s.appendChild(c), e._spinnerMask = s, e.style.position = "relative", e.appendChild(s), t.value && (e._spinnerMask.style.display = "flex");
+  },
+  updated(e, t) {
+    t.value ? e._spinnerMask.style.display = "flex" : e._spinnerMask.style.display = "none";
+  },
+  unmounted(e) {
+    e.removeChild(e._spinnerMask);
+  }
+}, H = { SimplifiedNotification: He, ResponsiveButton: Ge, InputBox: st, SingleSelector: pt }, j = {
+  "component-loading": ut,
+  "whole-page-loading": ft
+}, wt = (e) => {
+  Object.keys(H).forEach((t) => {
+    e.component(t, H[t]);
+  }), Object.keys(j).forEach((t) => {
+    e.directive(t, j[t]);
+  });
+}, vt = { install: wt }, P = /* @__PURE__ */ Object.assign({ "./assets/icons/black_arrow_down.svg": X, "./assets/icons/black_arrow_to_right.svg": Y, "./assets/icons/black_calendar_icon.svg": te, "./assets/icons/black_magnifying_glass_icon.svg": ie, "./assets/icons/cyan_arrow_down.svg": oe, "./assets/icons/cyan_hourglass_icon.svg": le, "./assets/icons/dark_blue_arrow_down.svg": re, "./assets/icons/dark_gray_arrow_down.svg": de, "./assets/icons/eye_icon.svg": _e, "./assets/icons/eye_with_cross_icon.svg": he, "./assets/icons/green_notification_icon.svg": pe, "./assets/icons/grey_arrow_down.svg": ue, "./assets/icons/grey_arrow_to_right.svg": fe, "./assets/icons/info_blue_icon.svg": we, "./assets/icons/input_clear_icon.svg": ge, "./assets/icons/notification_cross_icon.svg": me, "./assets/icons/red_notification_icon.svg": ve, "./assets/icons/white_arrow_down.svg": ye, "./assets/icons/yellow_notification_icon.svg": be });
+var gt = {};
+for (const e in P) {
+  const t = e.split("/").pop().replace(".svg", "");
+  gt[t] = P[e].default;
+}
+export {
+  st as InputBox,
+  Ge as ResponsiveButton,
+  He as SimplifiedNotification,
+  pt as SingleSelector,
+  ut as component_loading,
+  vt as default,
+  P as icons,
+  gt as iconsMap,
+  je as useWindowSize,
+  ft as whole_page_loading
+};

package/dist/pns-component-library.umd.js

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(`@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.fade-out[data-v-9757f7de]{animation:fadeOut-9757f7de var(--fade-out-duration-ms, 3s) forwards}@keyframes fadeOut-9757f7de{0%{opacity:1}90%{opacity:.8}to{opacity:0}}.simplified-notification[data-v-9757f7de]{width:100%;padding:12px 16px;border-radius:8px;display:flex;gap:12px;align-items:stretch;box-sizing:border-box;position:relative}.simplified-notification.blue[data-v-9757f7de]{background:#e8f4fd}.simplified-notification.red[data-v-9757f7de]{background:#faeaea}.simplified-notification.yellow[data-v-9757f7de]{background:#fff7df}.simplified-notification.green[data-v-9757f7de]{background:#ebf4ec}.prefix_icon[data-v-9757f7de]{width:24px;height:24px}.prefix-icon-container[data-v-9757f7de]{display:flex;align-items:center}.close-btn-container[data-v-9757f7de]{display:flex;flex-direction:column}.close-btn[data-v-9757f7de]{cursor:pointer}.notifiction-text[data-v-9757f7de]{width:100%;color:#000;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;white-space:normal;word-break:break-word}.content-wrapper[data-v-9757f7de]{width:100%}.title[data-v-9757f7de]{color:#000;font-family:Roboto;font-size:14px;font-weight:600;line-height:16px;margin-bottom:4px}.content-details[data-v-9757f7de]{min-height:24px;display:flex;align-items:center}@media only screen and (max-width:767px){.simplified-notification[data-v-9757f7de]{padding:8px 12px;gap:8px}}.responsive-button-wrapper[data-v-a52df3f1]{position:relative}.responsive-button-wrapper.fill-whole[data-v-a52df3f1]{width:100%;height:fit-content}.responsive-button-wrapper.fit-content[data-v-a52df3f1]{width:fit-content;height:fit-content}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner{border-radius:4px}.responsive-button-wrapper[data-v-a52df3f1] .component-loading-spinner:after{height:25px;width:25px}.responsive-button[data-v-a52df3f1]{height:fit-content;box-sizing:border-box;border-radius:4px;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Roboto;cursor:pointer}.responsive-button.fit-content[data-v-a52df3f1]{min-width:90px}.responsive-button.no-display-name[data-v-a52df3f1]{min-width:0px!important}.button-content[data-v-a52df3f1]{display:flex;column-gap:8px;align-items:center}.prefix-wrapper[data-v-a52df3f1],.suffix-wrapper[data-v-a52df3f1]{width:20px;height:20px;flex-shrink:0}.rotate-0[data-v-a52df3f1]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-a52df3f1]{transform:rotate(180deg)}.responsive-button.xsmall[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.no-display-name.fit-content.xsmall[data-v-a52df3f1]{width:fit-content;padding:7px!important}.responsive-button.fit-content.xsmall.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.xsmall.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.xsmall.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.xsmall[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.no-display-name.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:9px!important}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.no-display-name.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:10px!important}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px 23px}.responsive-button.no-display-name.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:11px!important}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:11px 23px 11px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px 11px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:11px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:11px 7px}.disabled[data-v-a52df3f1]{cursor:not-allowed}.outlined-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#fff;color:#1e4670}.outlined-primary.held[data-v-a52df3f1]:hover,.outlined-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.outlined-primary.held[data-v-a52df3f1],.outlined-primary.held[data-v-a52df3f1]:active,.outlined-primary.focused[data-v-a52df3f1],.outlined-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.outlined-primary.held.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:hover,.outlined-primary.disabled.focused[data-v-a52df3f1],.outlined-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-primary[data-v-a52df3f1]{border:1px solid #1E4670;background:#1e4670;color:#fff}.filled-primary.held[data-v-a52df3f1]:hover,.filled-primary[data-v-a52df3f1]:hover{background:#022a53}.filled-primary.held[data-v-a52df3f1],.filled-primary.held[data-v-a52df3f1]:active,.filled-primary.focused[data-v-a52df3f1],.filled-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#022a53}.filled-primary.held.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1],.filled-primary.disabled[data-v-a52df3f1]:hover,.filled-primary.disabled.focused .filled-primary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-primary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#1e4670}.text-primary.held[data-v-a52df3f1]:hover,.text-primary[data-v-a52df3f1]:hover{background:#ecf2f8}.text-primary.held[data-v-a52df3f1],.text-primary.held[data-v-a52df3f1]:active,.text-primary.focused[data-v-a52df3f1],.text-primary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#ecf2f8}.text-primary.held.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:hover,.text-primary.disabled.focused[data-v-a52df3f1],.text-primary.disabled[data-v-a52df3f1]:active{color:#979797}.outlined-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#fff;color:#20a8c3}.outlined-secondary.held[data-v-a52df3f1]:hover,.outlined-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.outlined-secondary.held[data-v-a52df3f1],.outlined-secondary.held[data-v-a52df3f1]:active,.outlined-secondary.focused[data-v-a52df3f1],.outlined-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.outlined-secondary.held.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:hover,.outlined-secondary.disabled.focused[data-v-a52df3f1],.outlined-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#f2f2f2;color:#979797}.filled-secondary[data-v-a52df3f1]{border:1px solid #20A8C3;background:#20a8c3;color:#fff}.filled-secondary.held[data-v-a52df3f1]:hover,.filled-secondary[data-v-a52df3f1]:hover{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#20a8c3;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.filled-secondary.held[data-v-a52df3f1],.filled-secondary.held[data-v-a52df3f1]:active,.filled-secondary.focused[data-v-a52df3f1],.filled-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#ffffff14,#ffffff14),#20a8c3}.filled-secondary.held.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:hover,.filled-secondary.disabled.focused[data-v-a52df3f1],.filled-secondary.disabled[data-v-a52df3f1]:active{border:1px solid #979797;background:#979797}.text-secondary[data-v-a52df3f1]{border:1px solid transparent;background:#fff;color:#20a8c3}.text-secondary.held[data-v-a52df3f1]:hover,.text-secondary[data-v-a52df3f1]:hover{background:#e8f0f4}.text-secondary.held[data-v-a52df3f1],.text-secondary.held[data-v-a52df3f1]:active,.text-secondary.focused[data-v-a52df3f1],.text-secondary[data-v-a52df3f1]:active{background:linear-gradient(0deg,#1c1b1f14,#1c1b1f14),#e8f0f4}.text-secondary.held.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:hover,.text-secondary.disabled.focused[data-v-a52df3f1],.text-secondary.disabled[data-v-a52df3f1]:active{color:#979797}.responsive-button-dropdown[data-v-a52df3f1]{min-width:300px;padding:9px 12px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0 4px 8px #00000026,0 1px 3px #0000004d;position:absolute;z-index:1000}.fill-whole .responsive-button-dropdown[data-v-a52df3f1]{width:100%}.fit-content .responsive-button-dropdown[data-v-a52df3f1]{width:fit-content}.responsive-button-dropdown.sub-dropdown[data-v-a52df3f1]{width:fit-content!important}.responsive-button-dropdown-option[data-v-a52df3f1]{width:100%!important;padding:12px 8px!important;border:none!important;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff!important;color:#1c1b1f!important;font-family:Roboto!important;font-size:16px!important;font-weight:400!important;line-height:19px!important;cursor:pointer}.responsive-button-dropdown-option.hovered[data-v-a52df3f1]{border-radius:4px!important;background:#faebe6!important}.responsive-button-dropdown-option.disabled[data-v-a52df3f1],.responsive-button-dropdown-option.disabled.hovered[data-v-a52df3f1]{color:#979797!important;cursor:not-allowed!important}.responsive-button-dropdown-option .button-name[data-v-a52df3f1]{text-align:left}.non-web-responsive-button-nested-dropdown-button[data-v-a52df3f1]{width:100%!important;box-sizing:border-box;padding:12px 8px;border-bottom:1px solid #BCCCDC;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.fill-whole .non-web-responsive-button-dropdown-option[data-v-a52df3f1],.fit-content .non-web-responsive-button-dropdown-option[data-v-a52df3f1]{width:100%}.non-web-responsive-button-dropdown-option[data-v-a52df3f1]{box-sizing:border-box;padding:12px 8px;display:flex;flex-direction:row;align-items:flex-start!important;justify-content:space-between;column-gap:12px;background:#fff;color:#1c1b1f;font-family:Roboto;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;cursor:pointer}.non-web-responsive-button-dropdown-option[data-v-a52df3f1]:active{border-radius:4px!important;background:#faebe6!important}.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1],.non-web-responsive-button-dropdown-option.disabled[data-v-a52df3f1]:active{color:#979797!important;cursor:not-allowed!important}@media only screen and (max-width:767px){.simplified-notification[data-v-a52df3f1]{padding:8px 12px;gap:8px}.responsive-button.small[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.small[data-v-a52df3f1]{width:fit-content;padding:7px 23px}.responsive-button.fit-content.small.has-prefix[data-v-a52df3f1]{width:fit-content;padding:7px 23px 7px 15px}.responsive-button.fit-content.small.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px 7px 23px}.responsive-button.fit-content.small.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:7px 15px}.responsive-button.fill-whole.small[data-v-a52df3f1]{width:100%;padding:7px}.responsive-button.medium[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.medium[data-v-a52df3f1]{width:fit-content;padding:9px 23px}.responsive-button.fit-content.medium.has-prefix[data-v-a52df3f1]{width:fit-content;padding:9px 23px 9px 15px}.responsive-button.fit-content.medium.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px 9px 23px}.responsive-button.fit-content.medium.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:9px 15px}.responsive-button.fill-whole.medium[data-v-a52df3f1]{width:100%;padding:9px 7px}.responsive-button.large[data-v-a52df3f1]{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.responsive-button.fit-content.large[data-v-a52df3f1]{width:fit-content;padding:10px 23px}.responsive-button.fit-content.large.has-prefix[data-v-a52df3f1]{width:fit-content;padding:10px 23px 10px 15px}.responsive-button.fit-content.large.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px 10px 23px}.responsive-button.fit-content.large.has-prefix.has-suffix[data-v-a52df3f1]{width:fit-content;padding:10px 15px}.responsive-button.fill-whole.large[data-v-a52df3f1]{width:100%;padding:10px 7px}.responsive-button-dropdown-option[data-v-a52df3f1]{font-size:14px!important;font-weight:400!important;line-height:20px!important;letter-spacing:.25px!important}.responsive-button-dropdown[data-v-a52df3f1]{min-width:267px}}.input-box-unit-wrapper[data-v-87ad92c9]{width:100%;display:flex;flex-direction:column;row-gap:8px}.input-box-unit[data-v-87ad92c9]{height:fit-content;width:100%;box-sizing:border-box;padding:8px 11px;display:flex;align-items:center;column-gap:12px;border-radius:4px;border:1px solid #BCCCDC;background:#fff;cursor:pointer;position:relative}.input-box-unit[data-v-87ad92c9]:hover{border:1px solid #DEE6ED}.input-box-unit.is-focus[data-v-87ad92c9]{border:1px solid #9BB2CA}.input-box-unit.has-prefix[data-v-87ad92c9],.input-box-unit.has-prefix.has-suffix[data-v-87ad92c9]{padding:8px 11px}.input-box-unit.has-suffix[data-v-87ad92c9]{padding-left:15px}.input-box-unit.error[data-v-87ad92c9]{border:1px solid #DE583F}.input-box-unit.alert[data-v-87ad92c9]{border:1px solid #E0961E}.input-box-unit.disabled[data-v-87ad92c9]{background:#f2f2f2;cursor:not-allowed}.input-box-unit.disabled[data-v-87ad92c9]:hover{border:1px solid #BCCCDC}.input-box[data-v-87ad92c9]{flex:1;width:100%;padding:0;background-color:transparent;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px}.input-box[data-v-87ad92c9]::placeholder{color:#979797;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px}.input-box[data-v-87ad92c9]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center;height:24px}.prefix-wrapper[data-v-87ad92c9],.suffix-wrapper[data-v-87ad92c9]{flex-shrink:0;display:flex;align-items:center;column-gap:8px;min-width:24px;width:fit-content;height:24px}.suffix-wrapper.only-clear-icon[data-v-87ad92c9]{min-width:20px}.suffix-wrapper.with-date-icon[data-v-87ad92c9]{position:absolute;right:40px}.clear-icon[data-v-87ad92c9]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-87ad92c9]:hover{opacity:1}.hide[data-v-87ad92c9]{display:none}.message-container[data-v-87ad92c9]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-87ad92c9]{color:#de583f}.message-container.alert[data-v-87ad92c9]{color:#e0961e}@media only screen and (max-width:767px){.input-box-unit-wrapper[data-v-87ad92c9]{row-gap:4px}.input-box-unit[data-v-87ad92c9]{padding:7px 11px;column-gap:8px}.input-box-unit.has-prefix[data-v-87ad92c9],.input-box-unit.has-prefix.has-suffix[data-v-87ad92c9]{padding:7px 11px}.input-box-unit.has-suffix[data-v-87ad92c9]{padding-left:13px}.input-box[data-v-87ad92c9]{font-size:14px;line-height:20px;letter-spacing:.25px;height:20px}.input-box[data-v-87ad92c9]::placeholder{font-size:14px;line-height:20px;letter-spacing:.25px}.input-box[data-v-87ad92c9]::-webkit-calendar-picker-indicator{height:20px}.prefix-wrapper[data-v-87ad92c9]{min-width:20px;height:20px}.suffix-wrapper[data-v-87ad92c9]{min-width:20px;height:20px;column-gap:0px}.suffix-wrapper.with-date-icon[data-v-87ad92c9]{right:32px}.clear-icon[data-v-87ad92c9]{width:36px;height:36px;box-sizing:border-box;padding:10px}.message-container[data-v-87ad92c9]{font-size:14px;line-height:16px}}.single-selector-unit-wrapper[data-v-4a625e99]{width:100%;display:flex;flex-direction:column;row-gap:8px}.single-selector[data-v-4a625e99]{height:fit-content;width:100%;box-sizing:border-box;padding:9px 12px 9px 16px;display:flex;align-items:center;justify-content:space-between;column-gap:12px;border-radius:4px;box-shadow:inset 0 0 0 1px #bcccdc;background:#fff;cursor:pointer;position:relative}.single-selector[data-v-4a625e99]:hover{box-shadow:inset 0 0 0 1px #dee6ed}.single-selector.has-prefix[data-v-4a625e99]{padding-left:12px}.single-selector.is-focus[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #9bb2ca}.single-selector.error[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #de583f}.single-selector.alert[data-v-4a625e99]{box-shadow:inset 0 0 0 1px #e0961e}.single-selector.disabled[data-v-4a625e99]{background:#f2f2f2;cursor:not-allowed}.single-selector.disabled[data-v-4a625e99]:hover{box-shadow:inset 0 0 0 1px #bcccdc}.selected-content[data-v-4a625e99]{flex:1;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide[data-v-4a625e99]{display:none}.content-text[data-v-4a625e99]{color:#1c1b1f}.placeholder[data-v-4a625e99]{color:#979797}.single-selector.disabled .content-text[data-v-4a625e99],.single-selector.disabled .placeholder[data-v-4a625e99]{color:#555}.filter-input[data-v-4a625e99]{width:100%;border:none;outline:none;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.5px;height:24px;padding:0}.default-suffix-pic[data-v-4a625e99]{width:100%;height:100%}.prefix-wrapper[data-v-4a625e99],.suffix-wrapper[data-v-4a625e99]{display:flex;align-items:center;column-gap:4px;flex-shrink:0;min-width:24px;width:fit-content;height:24px}.rotate-0[data-v-4a625e99]{transform:rotate(0);transition:all .3s}.rotate-180[data-v-4a625e99]{transform:rotate(180deg)}.clear-icon[data-v-4a625e99]{width:20px;height:20px;opacity:.7;cursor:pointer}.clear-icon[data-v-4a625e99]:hover{opacity:1}.single-selector-dropdown[data-v-4a625e99]{width:inherit;height:fit-content;max-height:233px;padding:8px;box-sizing:border-box;border-radius:4px;border:1px solid #BCCCDC;background:#fff;overflow:auto;position:absolute;z-index:1000;top:50px;left:0}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar{width:8px}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-thumb{background-color:transparent}.single-selector-dropdown[data-v-4a625e99]:hover::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}.single-selector-dropdown[data-v-4a625e99]:hover::-webkit-scrollbar-thumb:hover{border-radius:10px;border:2px solid #FFFFFF;background-color:#a8a8a8}.no-data-notes[data-v-4a625e99]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#979797;font-family:Roboto;font-size:16px;font-weight:500;line-height:19px;text-align:center}.dropdown-item[data-v-4a625e99]{width:100%;box-sizing:border-box;padding:12px 8px;border-radius:4px;color:#1c1b1f;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.dropdown-item[data-v-4a625e99]:hover{background:#faebe6}.dropdown-item.selected[data-v-4a625e99]{font-weight:600}.message-container[data-v-4a625e99]{width:100%;box-sizing:border-box;font-family:Roboto;font-size:16px;font-weight:400;line-height:19px}.message-container.error[data-v-4a625e99]{color:#de583f}.message-container.alert[data-v-4a625e99]{color:#e0961e}@media only screen and (max-width:1024px){.single-selector-dropdown[data-v-4a625e99]::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #FFFFFF;background-color:#c4c4c4}}@media only screen and (max-width:767px){.single-selector-unit-wrapper[data-v-4a625e99]{row-gap:4px}.single-selector[data-v-4a625e99]{column-gap:8px;padding:8px 12px 8px 14px}.selected-content[data-v-4a625e99]{font-size:14px;line-height:20px;letter-spacing:.25px}.filter-input[data-v-4a625e99]{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;height:20px}.prefix-wrapper[data-v-4a625e99],.suffix-wrapper[data-v-4a625e99]{min-width:20px;height:20px;display:flex;align-items:center;column-gap:0px;flex-shrink:0}.clear-icon[data-v-4a625e99]{width:36px;height:36px;right:32px;box-sizing:border-box;padding:10px}.single-selector-dropdown[data-v-4a625e99]{max-height:176px;padding:7px;top:40px}.no-data-notes[data-v-4a625e99]{font-size:14px;line-height:20px;letter-spacing:.25px}.dropdown-item[data-v-4a625e99]{padding:6px 4px;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px}.message-container[data-v-4a625e99]{font-size:14px;line-height:16px}}.component-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.component-loading-spinner:after{content:"";width:30px;height:30px;border:3px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.whole-page-loading-spinner-container{width:123px;display:flex;flex-direction:column;align-items:center;row-gap:20px}.whole-page-loading-spinner-icon-container{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;position:relative}.whole-page-loading-progress-circle-div{content:"";width:60px;height:60px;border:5px solid #ccc;border-top-color:#20a8c3;border-radius:100%;animation:spin 2s linear infinite}.whole-page-loading-hourglass-icon-div{content:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e");height:24px;width:24px;animation:flip 5s infinite;position:absolute;top:23px;left:23px}.whole-page-loading-text-div:after{content:"Loading";color:#20a8c3;font-family:Roboto;font-size:28px;font-weight:400;line-height:36px;animation:loading_dots 3s steps(1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flip{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes loading_dots{0%{content:"Loading"}25%{content:"Loading."}50%{content:"Loading.."}75%{content:"Loading..."}}`)),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.PNSComponentLibrary={},r.Vue))})(this,function(r,t){"use strict";const y="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.11973%209.29055L11.9997%2013.1705L15.8797%209.29055C16.2697%208.90055%2016.8997%208.90055%2017.2897%209.29055C17.6797%209.68055%2017.6797%2010.3105%2017.2897%2010.7005L12.6997%2015.2905C12.3097%2015.6805%2011.6797%2015.6805%2011.2897%2015.2905L6.69973%2010.7005C6.30973%2010.3105%206.30973%209.68055%206.69973%209.29055C7.08973%208.91055%207.72973%208.90055%208.11973%209.29055Z'%20fill='black'/%3e%3c/svg%3e",A=Object.freeze(Object.defineProperty({__proto__:null,default:y},Symbol.toStringTag,{value:"Module"})),h="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e",I=Object.freeze(Object.defineProperty({__proto__:null,default:h},Symbol.toStringTag,{value:"Module"})),$=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4698_42665)'%3e%3cpath%20d='M15.8333%203.33464H15V1.66797H13.3333V3.33464H6.66667V1.66797H5V3.33464H4.16667C3.24167%203.33464%202.50833%204.08464%202.50833%205.0013L2.5%2016.668C2.5%2017.5846%203.24167%2018.3346%204.16667%2018.3346H15.8333C16.75%2018.3346%2017.5%2017.5846%2017.5%2016.668V5.0013C17.5%204.08464%2016.75%203.33464%2015.8333%203.33464ZM15.8333%2016.668H4.16667V8.33464H15.8333V16.668ZM15.8333%206.66797H4.16667V5.0013H15.8333V6.66797ZM10%2010.8346H14.1667V15.0013H10V10.8346Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4698_42665'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"},Symbol.toStringTag,{value:"Module"})),R=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4655_62118)'%3e%3cpath%20d='M12.9167%2011.6667H12.2583L12.025%2011.4417C12.8417%2010.4917%2013.3333%209.25833%2013.3333%207.91667C13.3333%204.925%2010.9083%202.5%207.91667%202.5C4.925%202.5%202.5%204.925%202.5%207.91667C2.5%2010.9083%204.925%2013.3333%207.91667%2013.3333C9.25833%2013.3333%2010.4917%2012.8417%2011.4417%2012.025L11.6667%2012.2583V12.9167L15.8333%2017.075L17.075%2015.8333L12.9167%2011.6667ZM7.91667%2011.6667C5.84167%2011.6667%204.16667%209.99167%204.16667%207.91667C4.16667%205.84167%205.84167%204.16667%207.91667%204.16667C9.99167%204.16667%2011.6667%205.84167%2011.6667%207.91667C11.6667%209.99167%209.99167%2011.6667%207.91667%2011.6667Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4655_62118'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"},Symbol.toStringTag,{value:"Module"})),b="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76910'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76910)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e",F=Object.freeze(Object.defineProperty({__proto__:null,default:b},Symbol.toStringTag,{value:"Module"})),J=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4775_81901'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4775_81901)'%3e%3cpath%20d='M8.5%2020H16.5V17C16.5%2015.9%2016.1083%2014.9583%2015.325%2014.175C14.5417%2013.3917%2013.6%2013%2012.5%2013C11.4%2013%2010.4583%2013.3917%209.675%2014.175C8.89167%2014.9583%208.5%2015.9%208.5%2017V20ZM4.5%2022V20H6.5V17C6.5%2015.9833%206.7375%2015.0292%207.2125%2014.1375C7.6875%2013.2458%208.35%2012.5333%209.2%2012C8.35%2011.4667%207.6875%2010.7542%207.2125%209.8625C6.7375%208.97083%206.5%208.01667%206.5%207V4H4.5V2H20.5V4H18.5V7C18.5%208.01667%2018.2625%208.97083%2017.7875%209.8625C17.3125%2010.7542%2016.65%2011.4667%2015.8%2012C16.65%2012.5333%2017.3125%2013.2458%2017.7875%2014.1375C18.2625%2015.0292%2018.5%2015.9833%2018.5%2017V20H20.5V22H4.5Z'%20fill='%2320A8C3'/%3e%3c/g%3e%3c/svg%3e"},Symbol.toStringTag,{value:"Module"})),k="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4276_5653'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4276_5653)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%231E4670'/%3e%3c/g%3e%3c/svg%3e",K=Object.freeze(Object.defineProperty({__proto__:null,default:k},Symbol.toStringTag,{value:"Module"})),C="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2631_18409'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2631_18409)'%3e%3cpath%20d='M12%2015.3766L6%209.37656L7.4%207.97656L12%2012.5766L16.6%207.97656L18%209.37656L12%2015.3766Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e",q=Object.freeze(Object.defineProperty({__proto__:null,default:C},Symbol.toStringTag,{value:"Module"})),G=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71801'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71801)'%3e%3cpath%20d='M10.0026%2013.3359C11.0443%2013.3359%2011.9298%2012.9715%2012.6593%2012.2426C13.3882%2011.5132%2013.7526%2010.6276%2013.7526%209.58594C13.7526%208.54427%2013.3882%207.65872%2012.6593%206.92927C11.9298%206.20038%2011.0443%205.83594%2010.0026%205.83594C8.96094%205.83594%208.07538%206.20038%207.34594%206.92927C6.61705%207.65872%206.2526%208.54427%206.2526%209.58594C6.2526%2010.6276%206.61705%2011.5132%207.34594%2012.2426C8.07538%2012.9715%208.96094%2013.3359%2010.0026%2013.3359ZM10.0026%2011.8359C9.3776%2011.8359%208.84649%2011.617%208.40927%2011.1793C7.97149%2010.742%207.7526%2010.2109%207.7526%209.58594C7.7526%208.96094%207.97149%208.42955%208.40927%207.99177C8.84649%207.55455%209.3776%207.33594%2010.0026%207.33594C10.6276%207.33594%2011.159%207.55455%2011.5968%207.99177C12.034%208.42955%2012.2526%208.96094%2012.2526%209.58594C12.2526%2010.2109%2012.034%2010.742%2011.5968%2011.1793C11.159%2011.617%2010.6276%2011.8359%2010.0026%2011.8359ZM10.0026%2015.8359C7.97483%2015.8359%206.1276%2015.2698%204.46094%2014.1376C2.79427%2013.0059%201.58594%2011.4887%200.835938%209.58594C1.58594%207.68316%202.79427%206.16566%204.46094%205.03344C6.1276%203.90177%207.97483%203.33594%2010.0026%203.33594C12.0304%203.33594%2013.8776%203.90177%2015.5443%205.03344C17.2109%206.16566%2018.4193%207.68316%2019.1693%209.58594C18.4193%2011.4887%2017.2109%2013.0059%2015.5443%2014.1376C13.8776%2015.2698%2012.0304%2015.8359%2010.0026%2015.8359ZM10.0026%2014.1693C11.572%2014.1693%2013.0132%2013.7559%2014.3259%2012.9293C15.6382%2012.1032%2016.6415%2010.9887%2017.3359%209.58594C16.6415%208.18316%2015.6382%207.06844%2014.3259%206.24177C13.0132%205.41566%2011.572%205.0026%2010.0026%205.0026C8.43316%205.0026%206.99205%205.41566%205.67927%206.24177C4.36705%207.06844%203.36372%208.18316%202.66927%209.58594C3.36372%2010.9887%204.36705%2012.1032%205.67927%2012.9293C6.99205%2013.7559%208.43316%2014.1693%2010.0026%2014.1693Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e"},Symbol.toStringTag,{value:"Module"})),Q=Object.freeze(Object.defineProperty({__proto__:null,default:"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4705_71805'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4705_71805)'%3e%3cpath%20d='M13.4193%2011.0859L12.2109%209.8776C12.3359%209.22483%2012.1484%208.61372%2011.6484%208.04427C11.1484%207.47483%2010.5026%207.2526%209.71094%207.3776L8.5026%206.16927C8.73872%206.05816%208.9783%205.97483%209.22135%205.91927C9.46441%205.86372%209.72483%205.83594%2010.0026%205.83594C11.0443%205.83594%2011.9297%206.20052%2012.6589%206.92969C13.388%207.65885%2013.7526%208.54427%2013.7526%209.58594C13.7526%209.86372%2013.7248%2010.1241%2013.6693%2010.3672C13.6137%2010.6102%2013.5304%2010.8498%2013.4193%2011.0859ZM16.0859%2013.7109L14.8776%2012.5443C15.4054%2012.1415%2015.8741%2011.7005%2016.2839%2011.2214C16.6936%2010.7422%2017.0443%2010.197%2017.3359%209.58594C16.6415%208.18316%2015.645%207.06858%2014.3464%206.24219C13.0477%205.4158%2011.5998%205.0026%2010.0026%205.0026C9.59983%205.0026%209.20399%205.03038%208.8151%205.08594C8.42622%205.14149%208.04427%205.22483%207.66927%205.33594L6.3776%204.04427C6.94705%203.80816%207.53038%203.63108%208.1276%203.51302C8.72483%203.39497%209.34983%203.33594%2010.0026%203.33594C12.0998%203.33594%2013.9679%203.9158%2015.6068%205.07552C17.2457%206.23524%2018.4332%207.73872%2019.1693%209.58594C18.8498%2010.4054%2018.4297%2011.1658%2017.9089%2011.8672C17.388%2012.5686%2016.7804%2013.1832%2016.0859%2013.7109ZM16.5026%2018.8359L13.0026%2015.3776C12.5165%2015.5304%2012.0269%2015.645%2011.5339%2015.7214C11.0408%2015.7977%2010.5304%2015.8359%2010.0026%2015.8359C7.90538%2015.8359%206.03733%2015.2561%204.39844%2014.0964C2.75955%2012.9366%201.57205%2011.4332%200.835938%209.58594C1.1276%208.84983%201.49566%208.1658%201.9401%207.53385C2.38455%206.90191%202.89149%206.33594%203.46094%205.83594L1.16927%203.5026L2.33594%202.33594L17.6693%2017.6693L16.5026%2018.8359ZM4.6276%207.0026C4.22483%207.36372%203.85677%207.75955%203.52344%208.1901C3.1901%208.62066%202.90538%209.08594%202.66927%209.58594C3.36372%2010.9887%204.36024%2012.1033%205.65885%2012.9297C6.95747%2013.7561%208.40538%2014.1693%2010.0026%2014.1693C10.2804%2014.1693%2010.5512%2014.1519%2010.8151%2014.1172C11.079%2014.0825%2011.3498%2014.0443%2011.6276%2014.0026L10.8776%2013.2109C10.7248%2013.2526%2010.579%2013.2839%2010.4401%2013.3047C10.3012%2013.3255%2010.1554%2013.3359%2010.0026%2013.3359C8.96094%2013.3359%208.07552%2012.9714%207.34635%2012.2422C6.61719%2011.513%206.2526%2010.6276%206.2526%209.58594C6.2526%209.43316%206.26302%209.28733%206.28385%209.14844C6.30469%209.00955%206.33594%208.86372%206.3776%208.71094L4.6276%207.0026Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e"},Symbol.toStringTag,{value:"Module"})),v="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26188)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM10%2017L5%2012L6.41%2010.59L10%2014.17L17.59%206.58L19%208L10%2017Z'%20fill='%2384BC3B'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26188'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",X=Object.freeze(Object.defineProperty({__proto__:null,default:v},Symbol.toStringTag,{value:"Module"})),f="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4568_73894'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4568_73894)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e",Y=Object.freeze(Object.defineProperty({__proto__:null,default:f},Symbol.toStringTag,{value:"Module"})),m="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4130_71343'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20y='20'%20width='20'%20height='20'%20transform='rotate(-90%200%2020)'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4130_71343)'%3e%3cpath%20d='M12.8112%2010L7.8112%2015L6.64453%2013.8333L10.4779%2010L6.64453%206.16667L7.8112%205L12.8112%2010Z'%20fill='%23979797'/%3e%3c/g%3e%3c/svg%3e",ee=Object.freeze(Object.defineProperty({__proto__:null,default:m},Symbol.toStringTag,{value:"Module"})),w="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26209)'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012C2%2017.52%206.48%2022%2012%2022C17.52%2022%2022%2017.52%2022%2012C22%206.48%2017.52%202%2012%202ZM13%2017H11V11H13V17ZM13%209H11V7H13V9Z'%20fill='%233498DB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26209'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",te=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"})),u="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4655_66375'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4655_66375)'%3e%3cpath%20d='M5.5987%2011.3359L7.9987%208.93594L10.3987%2011.3359L11.332%2010.4026L8.93203%208.0026L11.332%205.6026L10.3987%204.66927L7.9987%207.06927L5.5987%204.66927L4.66536%205.6026L7.06536%208.0026L4.66536%2010.4026L5.5987%2011.3359ZM7.9987%2014.6693C7.07648%2014.6693%206.20981%2014.4943%205.3987%2014.1443C4.58759%2013.7943%203.88203%2013.3193%203.28203%2012.7193C2.68203%2012.1193%202.20703%2011.4137%201.85703%2010.6026C1.50703%209.79149%201.33203%208.92483%201.33203%208.0026C1.33203%207.08038%201.50703%206.21372%201.85703%205.4026C2.20703%204.59149%202.68203%203.88594%203.28203%203.28594C3.88203%202.68594%204.58759%202.21094%205.3987%201.86094C6.20981%201.51094%207.07648%201.33594%207.9987%201.33594C8.92092%201.33594%209.78759%201.51094%2010.5987%201.86094C11.4098%202.21094%2012.1154%202.68594%2012.7154%203.28594C13.3154%203.88594%2013.7904%204.59149%2014.1404%205.4026C14.4904%206.21372%2014.6654%207.08038%2014.6654%208.0026C14.6654%208.92483%2014.4904%209.79149%2014.1404%2010.6026C13.7904%2011.4137%2013.3154%2012.1193%2012.7154%2012.7193C12.1154%2013.3193%2011.4098%2013.7943%2010.5987%2014.1443C9.78759%2014.4943%208.92092%2014.6693%207.9987%2014.6693ZM7.9987%2013.3359C9.48759%2013.3359%2010.7487%2012.8193%2011.782%2011.7859C12.8154%2010.7526%2013.332%209.49149%2013.332%208.0026C13.332%206.51372%2012.8154%205.2526%2011.782%204.21927C10.7487%203.18594%209.48759%202.66927%207.9987%202.66927C6.50981%202.66927%205.2487%203.18594%204.21536%204.21927C3.18203%205.2526%202.66536%206.51372%202.66536%208.0026C2.66536%209.49149%203.18203%2010.7526%204.21536%2011.7859C5.2487%2012.8193%206.50981%2013.3359%207.9987%2013.3359Z'%20fill='%23555555'/%3e%3c/g%3e%3c/svg%3e",oe=Object.freeze(Object.defineProperty({__proto__:null,default:u},Symbol.toStringTag,{value:"Module"})),x="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2557_13935)'%3e%3cpath%20d='M15.8332%205.33906L14.6582%204.16406L9.99984%208.8224L5.3415%204.16406L4.1665%205.33906L8.82484%209.9974L4.1665%2014.6557L5.3415%2015.8307L9.99984%2011.1724L14.6582%2015.8307L15.8332%2014.6557L11.1748%209.9974L15.8332%205.33906Z'%20fill='%23292929'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2557_13935'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",se=Object.freeze(Object.defineProperty({__proto__:null,default:x},Symbol.toStringTag,{value:"Module"})),L="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2451_26202)'%3e%3cpath%20d='M12%202C6.47%202%202%206.47%202%2012C2%2017.53%206.47%2022%2012%2022C17.53%2022%2022%2017.53%2022%2012C22%206.47%2017.53%202%2012%202ZM17%2015.59L15.59%2017L12%2013.41L8.41%2017L7%2015.59L10.59%2012L7%208.41L8.41%207L12%2010.59L15.59%207L17%208.41L13.41%2012L17%2015.59Z'%20fill='%23DE583F'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2451_26202'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",ie=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"})),S="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_4479_76907'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_4479_76907)'%3e%3cpath%20d='M10%2012.8151L5%207.8151L6.16667%206.64844L10%2010.4818L13.8333%206.64844L15%207.8151L10%2012.8151Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e",ne=Object.freeze(Object.defineProperty({__proto__:null,default:S},Symbol.toStringTag,{value:"Module"})),B="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1771_11330)'%3e%3cpath%20d='M1%2021H23L12%202L1%2021ZM13%2018H11V16H13V18ZM13%2014H11V10H13V14Z'%20fill='%23E0961E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1771_11330'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",le=Object.freeze(Object.defineProperty({__proto__:null,default:B},Symbol.toStringTag,{value:"Module"})),p=(e,o)=>{const s=e.__vccOpts||e;for(const[d,n]of o)s[d]=n;return s},re={props:{content:String,build_in_theme:{type:String,default:"blue"},title:{type:String,default:""},customized_alert_icon_src:{type:String,default:""},customized_class:{type:String,default:""},with_close_btn:{type:Boolean,default:!0},mounted_programmatically:{type:Boolean,default:!1},hide_after:{type:Number,default:0}},mounted(){this.hide_after&&typeof this.hide_after=="number"&&this.autoClose()},computed:{alert_icon_src(){return this.customized_alert_icon_src?this.customized_alert_icon_src:this.build_in_theme=="blue"?w:this.build_in_theme=="yellow"?B:this.build_in_theme=="red"?L:this.build_in_theme=="green"?v:w},theme_class(){return this.build_in_theme}},emits:["close"],methods:{autoClose(){setTimeout(()=>{this.manuallyClose()},this.hide_after),this.hide_after&&(this.$el.classList.add("fade-out"),this.$el.style.setProperty("--fade-out-duration-ms",`${this.hide_after}ms`))},manuallyClose(){if(this.mounted_programmatically){const o=this.$el?this.$el.parentElement:null;if(o){o.remove();var e=this.$attrs.notification_instances_collection[this.$attrs.id];e.unmount(),e._container=null,e=null,delete this.$attrs.notification_instances_collection[this.$attrs.id]}}else this.$emit("close",this.$el)}}},de={class:"prefix-icon-container"},ae=["src"],ce={class:"notifiction-text"},_e={class:"content-wrapper"},he={key:0,class:"title"},pe={key:0,class:"content-details"},fe=["innerHTML"],me={class:"close-btn-container"};function we(e,o,s,d,n,i){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["simplified-notification",i.theme_class,s.customized_class])},[t.createElementVNode("div",de,[t.createElementVNode("img",{src:i.alert_icon_src,class:"prefix_icon"},null,8,ae)]),t.createElementVNode("div",ce,[t.createElementVNode("div",_e,[s.title?(t.openBlock(),t.createElementBlock("div",he,t.toDisplayString(s.title),1)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"content",{},()=>[s.content?(t.openBlock(),t.createElementBlock("div",pe,[t.createElementVNode("div",{innerHTML:s.content},null,8,fe)])):t.createCommentVNode("",!0)],!0)])]),t.createElementVNode("div",me,[s.with_close_btn?(t.openBlock(),t.createElementBlock("img",{key:0,src:x,class:"close-btn",onClick:o[0]||(o[0]=(...l)=>i.manuallyClose&&i.manuallyClose(...l))})):t.createCommentVNode("",!0)])],2)}const E=p(re,[["render",we],["__scopeId","data-v-9757f7de"]]);function V(){const e=t.ref(0),o=t.ref(0),s=()=>{e.value=window.innerWidth,o.value=window.innerHeight};return t.onMounted(()=>{s(),window.addEventListener("resize",s)}),t.onUnmounted(()=>{window.removeEventListener("resize",s)}),{width:e,height:o}}const ue={name:"ResponsiveButton",inheritAttrs:!1,props:{display_name:{type:String,default:"button"},size:{type:String,default:"small"},width_type:{type:String,default:"fit-content"},build_in_theme:{type:String,default:"outlined-primary"},customized_class:{type:String,default:""},hold:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},dropdown_options:{type:Array,default:()=>[]},is_dropdown_option:{type:Boolean,default:!1}},mounted(){!this.is_dropdown_option&&this.has_dropdown&&(document.addEventListener("click",e=>this.closeWhenClickOutsideDropdownButton(e)),this.nested_dropdown_option_button_history_stack=[]),this.is_dropdown_option_hovered&&this.has_dropdown&&(this.is_dropdown_visibile=!0)},unmounted(){!this.is_dropdown_option&&this.has_dropdown&&document.removeEventListener("click",e=>this.closeWhenClickOutsideDropdownButton(e))},setup(){const{width:e}=V();return{width:e}},data(){return{is_dropdown_visibile:!1,currently_hovered_dropdown_option_display_name:"",dropdown_position_data:{},nested_dropdown_option_button_history_stack:null,loading:!1,is_button_held:this.hold}},emits:["click","update-currently-hovered-dropdown-option","add-nested-dropdown-history-stack","remove-nested-dropdown-history-stack"],computed:{has_prefix(){return this.$slots.prefix},has_suffix(){return this.$slots.suffix},has_dropdown(){return this.dropdown_options&&Array.isArray(this.dropdown_options)&&this.dropdown_options.length>0},dynamicDefaultDropdownDownArrow(){return this.build_in_theme=="filled-primary"||this.build_in_theme=="filled-secondary"?S:this.build_in_theme=="outlined-secondary"||this.build_in_theme=="text-secondary"?this.disabled?f:b:this.disabled?f:k},web_version(){return this.width>1024},mobile_version(){return this.width<=767},is_dropdown_option_hovered(){if(this.is_dropdown_option&&this.has_dropdown&&!this.$attrs.currently_hovered_dropdown_option_display_name&&this.$attrs.nested_dropdown_option_button_history_stack&&this.$attrs.nested_dropdown_option_button_history_stack.length>0){for(const e of this.$attrs.nested_dropdown_option_button_history_stack)if(e.display_name==this.display_name&&JSON.stringify(e.dropdown_options)==JSON.stringify(this.dropdown_options))return this.$emit("update-currently-hovered-dropdown-option",this.display_name),this.is_dropdown_visibile=!0,setTimeout(()=>{this.calculateDropdownPosition()},100),!0}return this.is_dropdown_option&&this.$attrs.currently_hovered_dropdown_option_display_name==this.display_name},show_dropdown(){return this.is_dropdown_visibile&&this.has_dropdown},non_web_version_nested_dropdown_option_shown(){return this.nested_dropdown_option_button_history_stack&&this.nested_dropdown_option_button_history_stack.length>0?this.nested_dropdown_option_button_history_stack[this.nested_dropdown_option_button_history_stack.length-1].display_name:null},non_web_version_dropdown_options(){return this.nested_dropdown_option_button_history_stack&&this.nested_dropdown_option_button_history_stack.length>0?this.nested_dropdown_option_button_history_stack[this.nested_dropdown_option_button_history_stack.length-1].dropdown_options:this.dropdown_options}},watch:{is_dropdown_option_hovered(e){this.has_dropdown&&!this.disabled&&(this.is_dropdown_visibile=e,e?this.$emit("add-nested-dropdown-history-stack",{display_name:this.display_name,dropdown_options:this.dropdown_options}):this.$emit("remove-nested-dropdown-history-stack",{display_name:this.display_name,dropdown_options:this.dropdown_options}))},show_dropdown(e){e?this.$nextTick(()=>{this.calculateDropdownPosition()}):(this.dropdown_position_data={},this.currently_hovered_dropdown_option_display_name="",this.is_dropdown_option||(this.nested_dropdown_option_button_history_stack=[]))},hold(e){this.is_button_held=e}},methods:{closeWhenClickOutsideDropdownButton(e){this.show_dropdown&&this.$refs["responsive-button"]&&!this.$refs["responsive-button"].contains(e.target)&&this.$refs["responsive-button-dropdown"]&&!this.$refs["responsive-button-dropdown"].contains(e.target)&&(this.is_dropdown_visibile=!1)},handleClick(){this.disabled||(this.has_dropdown?this.is_dropdown_option||(this.is_dropdown_visibile=!this.is_dropdown_visibile):this.$emit("click",this.display_name))},handleMouseEnterButton(){this.is_dropdown_option&&this.$emit("update-currently-hovered-dropdown-option",this.display_name)},updateCurrentlyHoveredDropdownOption(e){this.currently_hovered_dropdown_option_display_name=e},updateNestedDropdownHistoryStack(e){this.is_dropdown_option?this.$emit("add-nested-dropdown-history-stack",e):this.nested_dropdown_option_button_history_stack.push(e)},removeNestedDropdownHistoryStack(e){if(this.is_dropdown_option)this.$emit("remove-nested-dropdown-history-stack",e);else for(let o=this.nested_dropdown_option_button_history_stack.length-1;o>=0;o--){const s=this.nested_dropdown_option_button_history_stack[o];if(s.display_name==e.display_name&&JSON.stringify(s.dropdown_options)==JSON.stringify(e.dropdown_options)){this.nested_dropdown_option_button_history_stack.splice(o);break}}},nonWebRemoveNestedDropdownHistoryStack(e){setTimeout(()=>{this.removeNestedDropdownHistoryStack(e)},50)},clickWebDropdownOption(e){this.$emit("click",e),this.is_dropdown_option||(this.is_dropdown_visibile=!1)},clickNonWebDropdownOption(e){e.disabled||(e.dropdown_options?setTimeout(()=>{var o;for(let s=this.nested_dropdown_option_button_history_stack.length-1;s>=0;s--){const d=this.nested_dropdown_option_button_history_stack[s];if(d.display_name==e.display_name&&JSON.stringify(d.dropdown_options)==JSON.stringify(e.dropdown_options)){o=!0,this.nested_dropdown_option_button_history_stack.splice(s);break}}o||this.nested_dropdown_option_button_history_stack.push({display_name:e.display_name,dropdown_options:e.dropdown_options})},50):(this.$emit("click",e.display_name),this.is_dropdown_visibile=!1))},calculateDropdownPosition(){const e={},o=this.$refs["responsive-button"],s=this.$refs["responsive-button-dropdown"];if(o&&s){const d=window.innerWidth,n=window.innerHeight,i=o.getBoundingClientRect(),l=i.right,_=i.bottom,a=i.left,c=i.width,Z=i.height,T=s.getBoundingClientRect(),U=T.height,W=T.width;this.is_dropdown_option?(n-_>U+(this.mobile_version?4:8)?e.top="0px":e.bottom="0px",d-l>W+(this.mobile_version?4:8)?e.left=c+12+8+"px":e.right=c+12+8+"px"):(n-_>U+(this.mobile_version?4:8)?e.top=Z+(this.mobile_version?4:8)+"px":e.bottom=Z+(this.mobile_version?4:8)+"px",d-a>W+(this.mobile_version?4:8)?e.left="0px":e.right="0px")}this.dropdown_position_data=e},setLoading(e){this.loading=e},setHold(e){this.is_button_held=e}},expose:["setLoading","setHold"]},ge={class:"button-content"},ye={key:0,class:"prefix-wrapper"},be={key:1,class:"button-name"},ke={key:2,class:"suffix-wrapper"},Ce={key:3,class:"outest-responsive-dropdown-button-default-suffix suffix-wrapper"},ve=["src"],xe={key:0,class:"nested-dropdown-default-suffix suffix-wrapper"},Le={key:0,src:h},Se={key:1,src:m},Be=["onClick"],Ee={class:"non-web-dropdown-option-display-name"},Ve={key:0,class:"non-web-responsive-nested-dropdown-option-default-suffix suffix-wrapper"},Oe={key:0,src:h},De={key:1,src:m};function Me(e,o,s,d,n,i){const l=t.resolveComponent("ResponsiveButton",!0),_=t.resolveDirective("component-loading");return t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["responsive-button-wrapper",s.width_type]),ref:"responsive-button-wrapper"},[t.createElementVNode("div",{class:t.normalizeClass(["responsive-button",s.size,s.width_type,{disabled:s.disabled},{"no-display-name":!s.display_name},{"has-prefix":i.has_prefix},{"has-suffix":i.has_suffix},{held:n.is_button_held},s.build_in_theme,s.customized_class,{hovered:i.is_dropdown_option_hovered},{focused:i.show_dropdown}]),ref:"responsive-button",onClick:o[0]||(o[0]=a=>i.handleClick()),onMouseenter:o[1]||(o[1]=a=>i.handleMouseEnterButton())},[t.createElementVNode("div",ge,[e.$slots.prefix?(t.openBlock(),t.createElementBlock("div",ye,[t.renderSlot(e.$slots,"prefix",{},void 0,!0)])):t.createCommentVNode("",!0),s.display_name?(t.openBlock(),t.createElementBlock("div",be,t.toDisplayString(s.display_name),1)):t.createCommentVNode("",!0),e.$slots.suffix?(t.openBlock(),t.createElementBlock("div",ke,[t.renderSlot(e.$slots,"suffix",{},void 0,!0)])):t.createCommentVNode("",!0),!s.is_dropdown_option&&i.has_dropdown?(t.openBlock(),t.createElementBlock("div",Ce,[t.createElementVNode("img",{src:i.dynamicDefaultDropdownDownArrow,class:t.normalizeClass(["rotate-0",{"rotate-180":i.show_dropdown}])},null,10,ve)])):t.createCommentVNode("",!0)]),s.is_dropdown_option&&i.has_dropdown?(t.openBlock(),t.createElementBlock("div",xe,[s.disabled?(t.openBlock(),t.createElementBlock("img",Se)):(t.openBlock(),t.createElementBlock("img",Le))])):t.createCommentVNode("",!0)],34),i.web_version&&i.show_dropdown?(t.openBlock(),t.createElementBlock("div",{key:0,ref:"responsive-button-dropdown",class:t.normalizeClass(["responsive-button-dropdown",{"sub-dropdown":s.is_dropdown_option}]),style:t.normalizeStyle(n.dropdown_position_data)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.dropdown_options,a=>(t.openBlock(),t.createBlock(l,t.mergeProps({key:`${s.display_name.replaceAll(" ","-")}-dropdown-item-${a.display_name.replaceAll(" ","-")}`,ref_for:!0},a,{customized_class:"responsive-button-dropdown-option",width_type:"fill-whole",is_dropdown_option:!0,nested_dropdown_option_button_history_stack:s.is_dropdown_option?e.$attrs.nested_dropdown_option_button_history_stack:n.nested_dropdown_option_button_history_stack,currently_hovered_dropdown_option_display_name:n.currently_hovered_dropdown_option_display_name,onUpdateCurrentlyHoveredDropdownOption:o[2]||(o[2]=c=>i.updateCurrentlyHoveredDropdownOption(c)),onClick:o[3]||(o[3]=c=>i.clickWebDropdownOption(c)),onAddNestedDropdownHistoryStack:o[4]||(o[4]=c=>i.updateNestedDropdownHistoryStack(c)),onRemoveNestedDropdownHistoryStack:o[5]||(o[5]=c=>i.removeNestedDropdownHistoryStack(c))}),null,16,["nested_dropdown_option_button_history_stack","currently_hovered_dropdown_option_display_name"]))),128))],6)):!i.web_version&&i.show_dropdown?(t.openBlock(),t.createElementBlock("div",{key:1,ref:"responsive-button-dropdown",class:t.normalizeClass(["responsive-button-dropdown",{"sub-dropdown":s.is_dropdown_option}]),style:t.normalizeStyle(n.dropdown_position_data)},[i.non_web_version_nested_dropdown_option_shown?(t.openBlock(),t.createElementBlock("div",{key:0,class:"non-web-responsive-button-nested-dropdown-button",onClick:o[6]||(o[6]=a=>i.nonWebRemoveNestedDropdownHistoryStack({display_name:i.non_web_version_nested_dropdown_option_shown,dropdown_options:i.non_web_version_dropdown_options}))},[o[7]||(o[7]=t.createElementVNode("div",{class:"non-web-responsive-nested-dropdown-button-default-prefeix prefix-wrapper"},[t.createElementVNode("img",{src:h,class:"rotate-180"})],-1)),t.createElementVNode("div",null,t.toDisplayString(i.non_web_version_nested_dropdown_option_shown),1)])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.non_web_version_dropdown_options,a=>(t.openBlock(),t.createElementBlock("div",{key:`${s.display_name.replaceAll(" ","-")}-dropdown-item-${a.display_name.replaceAll(" ","-")}`,class:t.normalizeClass(["non-web-responsive-button-dropdown-option",{disabled:a.disabled}]),onClick:c=>i.clickNonWebDropdownOption(a)},[t.createElementVNode("div",Ee,t.toDisplayString(a.display_name),1),a.dropdown_options?(t.openBlock(),t.createElementBlock("div",Ve,[a.disabled?(t.openBlock(),t.createElementBlock("img",De)):(t.openBlock(),t.createElementBlock("img",Oe))])):t.createCommentVNode("",!0)],10,Be))),128))],6)):t.createCommentVNode("",!0)],2)),[[_,n.loading]])}const O=p(ue,[["render",Me],["__scopeId","data-v-a52df3f1"]]),Ne={props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},placeholder:{type:String,default:"Enter"},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},mounted(){document.addEventListener("click",e=>this.blurWhenClickOutside(e))},unmounted(){document.removeEventListener("click",e=>this.blurWhenClickOutside(e))},data(){return{value:this.modelValue,hovered:!1,is_focus:!1,show_alert:!1,show_error:!1,message_notification_text:""}},computed:{show_clear_icon(){return this.clearable&&this.value&&!this.disabled&&(this.hovered||this.is_focus)}},emits:["update:modelValue","input","change","focus","blur","clear"],watch:{modelValue(e){this.value=e},value(e){this.$emit("update:modelValue",e),this.$emit("input",e)},is_focus(e){e?(this.$refs["input-box"].focus(),this.$emit("focus")):(this.$refs["input-box"].blur(),this.$emit("blur"))}},methods:{handleClickInputBoxUnit(e){this.is_focus=!0,document.activeElement!=this.$refs["input-box"]&&this.$refs["input-box"].focus()},blurWhenClickOutside(e){this.is_focus&&!this.$refs["input-box-unit"].contains(e.target)&&(this.is_focus=!1)},handleKeydown(e){e.key==="Enter"&&this.$emit("change",this.value)},handleClearValue(){this.value="",this.$emit("clear")},focus(){this.is_focus=!0},blur(){this.is_focus=!1},alert(e){this.show_alert=!0,this.show_error=!1,this.message_notification_text=e},error(e){this.show_error=!0,this.show_alert=!1,this.message_notification_text=e},removeAlertOrErrorEffect(){this.show_alert=!1,this.show_error=!1,this.message_notification_text=""}},expose:["focus","blur","alert","error","removeAlertOrErrorEffect"]},ze={class:"input-box-unit-wrapper"},He={key:0,class:"prefix-wrapper"},je=["disabled","type","placeholder"];function Pe(e,o,s,d,n,i){return t.openBlock(),t.createElementBlock("div",ze,[t.createElementVNode("div",{class:t.normalizeClass(["input-box-unit",{"is-focus":n.is_focus},{"has-prefix":e.$slots.prefix},{"has-suffix":e.$slots.suffix},{disabled:s.disabled},{error:n.show_error},{alert:n.show_alert}]),ref:"input-box-unit",onMouseenter:o[3]||(o[3]=l=>n.hovered=!0),onMouseleave:o[4]||(o[4]=l=>n.hovered=!1),onClick:o[5]||(o[5]=l=>i.handleClickInputBoxUnit(l))},[e.$slots.prefix?(t.openBlock(),t.createElementBlock("div",He,[t.renderSlot(e.$slots,"prefix",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{"onUpdate:modelValue":o[0]||(o[0]=l=>n.value=l),class:t.normalizeClass(["input-box"]),ref:"input-box",disabled:s.disabled,type:s.type,placeholder:s.placeholder,onKeydown:o[1]||(o[1]=l=>i.handleKeydown(l))},null,40,je),[[t.vModelDynamic,n.value]]),e.$slots.suffix||i.show_clear_icon?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["suffix-wrapper",{"only-clear-icon":i.show_clear_icon&&!e.$slots.suffix},{"with-date-icon":s.type=="date"}])},[t.createElementVNode("img",{src:u,class:t.normalizeClass(["clear-icon",{hide:!i.show_clear_icon}]),onClick:o[2]||(o[2]=(...l)=>i.handleClearValue&&i.handleClearValue(...l))},null,2),t.renderSlot(e.$slots,"suffix",{},void 0,!0)],2)):t.createCommentVNode("",!0)],34),(n.show_alert||n.show_error)&&n.message_notification_text?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["message-container",{error:n.show_error},{alert:n.show_alert}])},t.toDisplayString(n.message_notification_text),3)):t.createCommentVNode("",!0)])}const D=p(Ne,[["render",Pe],["__scopeId","data-v-87ad92c9"]]),Ze={props:{modelValue:{type:String,default:""},options:{type:Array,default:()=>[]},filterable:{type:Boolean,default:!1},remote_search:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:"Select"},clearable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loading_text:{type:String,default:"Loading"},no_data_text:{type:String,default:"No data"}},mounted(){document.addEventListener("click",e=>this.closeWhenClickOutsideSelector(e))},unmounted(){document.removeEventListener("click",e=>this.closeWhenClickOutsideSelector(e))},data(){return{selected_item:this.modelValue,selected_item_label:this.findCorrespondingLabelViaValue(this.modelValue),filter_keyword:"",is_focus:!1,hovered:!1,show_error:!1,show_alert:!1,message_notification_text:"",is_loading:this.loading}},computed:{default_dropdown_arrow_src(){return this.disabled?C:y},options_shown(){return this.remote_search?this.options:this.filter_keyword?this.options.filter(e=>JSON.stringify(e.value).toLowerCase().includes(this.filter_keyword.toLowerCase())||JSON.stringify(e.label).toLowerCase().includes(this.filter_keyword.toLowerCase())):this.options},show_clear_icon(){return this.clearable&&this.selected_item&&!this.disabled&&(this.hovered||this.is_focus)}},emits:["update:modelValue","change","remote-search","filter-change","visible-change","focus","blur","clear"],watch:{modelValue(e){this.selected_item=e},selected_item(e){this.$emit("update:modelValue",e),this.$emit("change",e),this.selected_item_label=this.findCorrespondingLabelViaValue(e),this.filter_keyword=""},filter_keyword(e){this.$emit("filter-change",e),this.remote_search&&this.$emit("remote-search",e)},is_focus(e){this.$emit("visible-change",e),e?(this.$emit("focus"),this.filterable&&this.$nextTick(()=>{var o;(o=this.$refs["filter-input"])==null||o.focus()}),this.$nextTick(()=>{this.checkWhetherDropdownIsOverflow()})):this.$emit("blur")},loading(e){this.is_loading=e}},methods:{checkWhetherDropdownIsOverflow(){this.$refs["single-selector-dropdown"].scrollHeight>this.$refs["single-selector-dropdown"].clientHeight?this.$refs["single-selector-dropdown"].style.padding="8px 1px 8px 8px":this.$refs["single-selector-dropdown"].style.padding="8px"},findCorrespondingLabelViaValue(e){var o=e;for(const s of this.options)s.value==e&&(o=s.label),console.log("item.value == value",s,e,s.value==e);return o},handleClickSingleSelector(){this.disabled||(this.is_focus=!this.is_focus)},handleSelectOption(e){this.selected_item=e.value,this.selected_item_label=e.label,this.is_focus=!1},closeWhenClickOutsideSelector(e){this.is_focus&&!this.$refs["single-selector"].contains(e.target)&&(this.is_focus=!1)},checkWhetherIsSelected(e){if(e.value==this.selected_item)return!0},handleClearValue(e){e.stopPropagation(),this.selected_item="",this.$emit("clear")},focus(){var e;this.disabled||(this.filterable&&((e=this.$refs["filter-input"])==null||e.focus()),this.is_focus=!0)},blur(){var e;this.filterable&&((e=this.$refs["filter-input"])==null||e.blur()),this.is_focus=!1},alert(e){this.show_error=!1,this.show_alert=!0,this.message_notification_text=e},error(e){this.show_alert=!1,this.show_error=!0,this.message_notification_text=e},removeAlertOrErrorEffect(){this.show_alert=!1,this.show_error=!1,this.message_notification_text=""},setDropdownContentLoading(e){this.is_loading=e}},expose:["focus","blur","alert","error","removeAlertOrErrorEffect","setDropdownContentLoading"]},Te={class:"single-selector-unit-wrapper"},Ue={key:0,class:"prefix-wrapper"},We={class:t.normalizeClass(["suffix-wrapper"])},Ae=["src"],Ie={key:1,class:"single-selector-dropdown",ref:"single-selector-dropdown"},$e={key:0,class:"options-list"},Re=["onClick"],Fe={key:1,class:"no-data-notes"};function Je(e,o,s,d,n,i){return t.openBlock(),t.createElementBlock("div",Te,[t.createElementVNode("div",{ref:"single-selector",class:t.normalizeClass(["single-selector",{error:n.show_error},{alert:n.show_alert},{disabled:s.disabled},{"is-focus":n.is_focus},{"has-prefix":e.$slots.prefix},{"show-clear-icon":i.show_clear_icon}]),onClick:o[2]||(o[2]=(...l)=>i.handleClickSingleSelector&&i.handleClickSingleSelector(...l)),onMouseenter:o[3]||(o[3]=l=>n.hovered=!0),onMouseleave:o[4]||(o[4]=l=>n.hovered=!1)},[e.$slots.prefix?(t.openBlock(),t.createElementBlock("div",Ue,[t.renderSlot(e.$slots,"prefix",{},void 0,!0)])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["selected-content",n.selected_item?"content-text":"placeholder"])},[t.createElementVNode("span",{class:t.normalizeClass([{hide:n.is_focus&&s.filterable}])},t.toDisplayString(n.selected_item?n.selected_item_label:s.placeholder),3),t.withDirectives(t.createElementVNode("input",{class:t.normalizeClass(["filter-input",{hide:!(n.is_focus&&s.filterable)}]),ref:"filter-input","onUpdate:modelValue":o[0]||(o[0]=l=>n.filter_keyword=l)},null,2),[[t.vModelText,n.filter_keyword]])],2),t.createElementVNode("div",We,[t.createElementVNode("img",{src:u,class:t.normalizeClass(["clear-icon",{hide:!i.show_clear_icon}]),onClick:o[1]||(o[1]=(...l)=>i.handleClearValue&&i.handleClearValue(...l))},null,2),t.renderSlot(e.$slots,"suffix",{},()=>[t.createElementVNode("img",{src:i.default_dropdown_arrow_src,class:t.normalizeClass(["default-suffix-pic","rotate-0",{"rotate-180":n.is_focus&&!s.disabled}])},null,10,Ae)],!0)]),n.is_focus?(t.openBlock(),t.createElementBlock("div",Ie,[i.options_shown&&i.options_shown.length>0?(t.openBlock(),t.createElementBlock("div",$e,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.options_shown,l=>(t.openBlock(),t.createElementBlock("div",{key:l.value,class:t.normalizeClass(["dropdown-item",{selected:i.checkWhetherIsSelected(l)}]),onClick:_=>i.handleSelectOption(l)},t.toDisplayString(l.label),11,Re))),128))])):(t.openBlock(),t.createElementBlock("div",Fe,t.toDisplayString(n.is_loading?s.loading_text:s.no_data_text),1))],512)):t.createCommentVNode("",!0)],34),(n.show_alert||n.show_error)&&n.message_notification_text?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["message-container",{error:n.show_error},{alert:n.show_alert}])},t.toDisplayString(n.message_notification_text),3)):t.createCommentVNode("",!0)])}const M=p(Ze,[["render",Je],["__scopeId","data-v-4a625e99"]]),N={mounted(e,o){const s=document.createElement("div");s.classList.add("component-loading-spinner"),s.style.display="none",e._spinner=s,e.style.position="relative",e.appendChild(s),o.value&&(s.style.display="flex")},updated(e,o){o.value?e._spinner.style.display="flex":e._spinner.style.display="none"},unmounted(e){e.removeChild(e._spinner)}},z={mounted(e,o){const s=document.createElement("div");s.classList.add("whole-page-loading-mask"),s.style.display="none";const d=document.createElement("div");d.classList.add("whole-page-loading-spinner-container");const n=document.createElement("div");n.classList.add("whole-page-loading-spinner-icon-container");const i=document.createElement("div");i.classList.add("whole-page-loading-hourglass-icon-div"),n.appendChild(i);const l=document.createElement("div");l.classList.add("whole-page-loading-progress-circle-div"),n.appendChild(l),d.appendChild(n);const _=document.createElement("div");_.classList.add("whole-page-loading-text-div"),d.appendChild(_),s.appendChild(d),e._spinnerMask=s,e.style.position="relative",e.appendChild(s),o.value&&(e._spinnerMask.style.display="flex")},updated(e,o){o.value?e._spinnerMask.style.display="flex":e._spinnerMask.style.display="none"},unmounted(e){e.removeChild(e._spinnerMask)}},H={SimplifiedNotification:E,ResponsiveButton:O,InputBox:D,SingleSelector:M},j={"component-loading":N,"whole-page-loading":z},Ke={install:e=>{Object.keys(H).forEach(o=>{e.component(o,H[o])}),Object.keys(j).forEach(o=>{e.directive(o,j[o])})}},g=Object.assign({"./assets/icons/black_arrow_down.svg":A,"./assets/icons/black_arrow_to_right.svg":I,"./assets/icons/black_calendar_icon.svg":$,"./assets/icons/black_magnifying_glass_icon.svg":R,"./assets/icons/cyan_arrow_down.svg":F,"./assets/icons/cyan_hourglass_icon.svg":J,"./assets/icons/dark_blue_arrow_down.svg":K,"./assets/icons/dark_gray_arrow_down.svg":q,"./assets/icons/eye_icon.svg":G,"./assets/icons/eye_with_cross_icon.svg":Q,"./assets/icons/green_notification_icon.svg":X,"./assets/icons/grey_arrow_down.svg":Y,"./assets/icons/grey_arrow_to_right.svg":ee,"./assets/icons/info_blue_icon.svg":te,"./assets/icons/input_clear_icon.svg":oe,"./assets/icons/notification_cross_icon.svg":se,"./assets/icons/red_notification_icon.svg":ie,"./assets/icons/white_arrow_down.svg":ne,"./assets/icons/yellow_notification_icon.svg":le});var P={};for(const e in g){const o=e.split("/").pop().replace(".svg","");P[o]=g[e].default}r.InputBox=D,r.ResponsiveButton=O,r.SimplifiedNotification=E,r.SingleSelector=M,r.component_loading=N,r.default=Ke,r.icons=g,r.iconsMap=P,r.useWindowSize=V,r.whole_page_loading=z,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pns-component-library",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "main": "dist/pns-component-library.umd.js",
   "module": "dist/pns-component-library.es.js",
   "exports": {