intelicoreact 2.0.16 → 2.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/accordion.css +1 -1
- package/dist/css/advanced-status.css +1 -1
- package/dist/css/datepicker.css +1 -1
- package/dist/css/dropdown-live-search.css +1 -1
- package/dist/css/dropdown.css +1 -1
- package/dist/css/input-date-range.css +1 -1
- package/dist/css/main-menu.css +1 -1
- package/dist/css/switcher-radio.css +1 -1
- package/dist/css/switcher-range-list.css +1 -1
- package/dist/css/switcher-tags-dropdown.css +1 -1
- package/dist/css/switcher-textarea.css +1 -1
- package/dist/css/table.css +1 -1
- package/dist/css/tags-dropdown.css +1 -1
- package/dist/css/wizard-stepper.css +1 -1
- package/dist/es/_virtual/_rolldown/runtime.js +27 -0
- package/dist/es/charts.js +4 -0
- package/dist/es/classes.js +4 -0
- package/dist/es/form.js +99 -0
- package/dist/es/hooks.js +32 -0
- package/dist/es/icons.js +10 -0
- package/dist/es/icons.js.map +1 -0
- package/dist/es/index.js +71 -0
- package/dist/es/layout.js +3 -0
- package/dist/es/presets.js +6 -0
- package/dist/es/router-ui.js +8 -0
- package/dist/es/sdk.js +1 -0
- package/dist/es/styles/base.css +1 -0
- package/dist/es/types/index.js +2 -0
- package/dist/es/ui.js +42 -0
- package/dist/es/utils.js +6 -0
- package/dist/intelicoreact.css +1 -1
- package/dist/scss/_mixins.scss +2 -2
- package/dist/scss/_vars.scss +1 -1
- package/dist/scss/main.scss +4 -1
- package/package.json +46 -64
- package/charts/package.json +0 -5
- package/classes/package.json +0 -5
- package/dist/charts.cjs +0 -927
- package/dist/charts.cjs.map +0 -7
- package/dist/charts.js +0 -911
- package/dist/charts.js.map +0 -7
- package/dist/classes.cjs +0 -1858
- package/dist/classes.cjs.map +0 -7
- package/dist/classes.js +0 -1836
- package/dist/classes.js.map +0 -7
- package/dist/form.cjs +0 -15167
- package/dist/form.cjs.map +0 -7
- package/dist/form.js +0 -15182
- package/dist/form.js.map +0 -7
- package/dist/hooks.cjs +0 -2330
- package/dist/hooks.cjs.map +0 -7
- package/dist/hooks.js +0 -2298
- package/dist/hooks.js.map +0 -7
- package/dist/icons.cjs +0 -1807
- package/dist/icons.cjs.map +0 -7
- package/dist/icons.js +0 -1785
- package/dist/icons.js.map +0 -7
- package/dist/index.cjs +0 -22917
- package/dist/index.cjs.map +0 -7
- package/dist/index.js +0 -22938
- package/dist/index.js.map +0 -7
- package/dist/layout.cjs +0 -458
- package/dist/layout.cjs.map +0 -7
- package/dist/layout.js +0 -426
- package/dist/layout.js.map +0 -7
- package/dist/presets.cjs +0 -262
- package/dist/presets.cjs.map +0 -7
- package/dist/presets.js +0 -240
- package/dist/presets.js.map +0 -7
- package/dist/router-ui.cjs +0 -989
- package/dist/router-ui.cjs.map +0 -7
- package/dist/router-ui.js +0 -957
- package/dist/router-ui.js.map +0 -7
- package/dist/sdk.cjs +0 -451
- package/dist/sdk.cjs.map +0 -7
- package/dist/sdk.js +0 -429
- package/dist/sdk.js.map +0 -7
- package/dist/types/index.cjs +0 -18
- package/dist/types/index.cjs.map +0 -7
- package/dist/types/index.js +0 -1
- package/dist/types/index.js.map +0 -7
- package/dist/ui.cjs +0 -4090
- package/dist/ui.cjs.map +0 -7
- package/dist/ui.js +0 -4064
- package/dist/ui.js.map +0 -7
- package/dist/utils.cjs +0 -653
- package/dist/utils.cjs.map +0 -7
- package/dist/utils.js +0 -621
- package/dist/utils.js.map +0 -7
- package/form/package.json +0 -5
- package/hooks/package.json +0 -5
- package/icons/package.json +0 -5
- package/layout/package.json +0 -5
- package/presets/package.json +0 -5
- package/router-ui/package.json +0 -5
- package/sdk/package.json +0 -5
- package/types/package.json +0 -5
- package/ui/package.json +0 -5
- package/utils/package.json +0 -5
package/dist/css/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.accordion{--color-border: #E2E5EC;--color-gray-gentel: #f2f2f8;--color-text: #1e1e2d;--accordion-title-font-size: 13px;--accordion-title-box-height: 20px;--accordion-title-box-padding: 10px 15px;--accordion-content-font-size: 13px;--accordion-content-padding: 10px 15px;--accordion-content-item-padding: 7.5px 20px;--accordion-content-item-color: #1e1e2d}.accordion--item{border:1px solid var(--color-border, #E2E5EC)}.accordion--item:not(:first-child){border-top:none}.accordion--title-box{display:flex;justify-content:space-between;align-items:center;height:var(--accordion-title-box-height, 20px);padding:var(--accordion-title-box-padding, 10px 15px);cursor:pointer}.accordion--title-box:hover{background-color:var(--color-gray-gentel, #f2f2f8)}.accordion--title{font-size:var(--accordion-title-font-size, 13px);user-select:none;color:var(--color-text, #1e1e2d)}.accordion--title-chevron{min-width:16px;min-height:16px;cursor:pointer;transition:all .2s ease-out}.accordion--title-chevron-open{transition:all .2s ease-out;transform:rotate(90deg)}.accordion--content{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;max-height:1000px;font-size:var(--accordion-content-font-size, 13px);opacity:0;background:#fff;transition:all .25s ease-out}.accordion--content scrollbar{-moz-appearance:none !important}.accordion--content scrollbarbutton{-moz-appearance:none !important}.accordion--content thumb{-moz-appearance:none !important}.accordion--content scrollcorner{-moz-appearance:none !important;resize:both}.accordion--content::-webkit-scrollbar{width:8px}.accordion--content::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.accordion--content::-webkit-scrollbar-thumb:hover{background:#3e62ff}.accordion--content::-webkit-scrollbar:horizontal{height:8px}.accordion--content::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.accordion--content::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:4px solid rgba(0,0,0,0)}.accordion--content::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.accordion--content-is-open{padding:var(--accordion-content-padding, 10px 15px);opacity:1;transition:all .25s ease-out}.accordion--content-item{width:calc(100% - 40px);padding:var(--accordion-content-item-padding, 7.5px 20px)}.accordion--content-item a{font-size:var(--accordion-content-font-size, 13px);font-weight:300;color:var(--accordion-content-item-color, #1e1e2d)}.advanced-tags{position:relative;display:inline-flex;justify-content:center;align-items:center;height:24px;margin-top:2.5px;margin-right:4px;margin-bottom:2.5px;padding:2px 8px;font-size:10px;border-radius:2px;background-color:#e2e5ec}.advanced-tags--error{background-color:#fce2e8}.advanced-tags--warning-icon{min-width:16px;min-height:16px;font-size:17px;color:#f06d8d}.advanced-tags--warning-icon-wrapper{display:flex;cursor:pointer}.advanced-tags__warn-text{position:absolute;z-index:2;min-width:80px;max-width:270px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.advanced-tags__warn-text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.advanced-tags__warn-text--warnLeft{top:30px;left:4px}.advanced-tags__warn-text--warnLeft::before{top:-4px;left:8px}.advanced-tags__warn-text--warnLeft--to-top{top:-50px}.advanced-tags__warn-text--warnRight{top:30px}.advanced-tags__warn-text--warnRight::before{top:-4px;right:10px}.advanced-tags__warn-text--warnRight--to-top{top:-50px}.advanced-tags--showMore{cursor:pointer;user-select:none;background-color:#ffedc8}.advanced-tags__counter{position:relative;width:fit-content;margin-right:-8px;padding:0 8px;text-align:center}.advanced-tags__counter::after{position:absolute;top:-4px;left:0;width:2px;height:27px;content:"";opacity:.2;background-color:#9aa0b9}.advanced-tags__counter--null{opacity:.7;color:#9aa0b9}.advanced-tags__counter--bold{font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#1e1e2d}.advanced-tags svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.modal{--modal-overlay-bg: black;--modal-overlay-opacity: 0.5;--modal-bg: #fff;--modal-header-bg: #f7fafc;--modal-body-bg: #f7fafc;--modal-footer-bg: #f7fafc;--modal-border-color: #e2e5ec;--modal-title-color: vars.$color--primary;--modal-title-font-size: 16px;--modal-title-font-weight: 400;--modal-width: 600px;--modal-min-height: 300px;--modal-margin: 0 10px;--modal-padding: 15px;--modal-header-padding: 10px 15px;--modal-footer-padding: 7.5px 15px;--modal-border-radius: 6px;--modal-inner-radius: 4px;--modal-box-shadow: 0 20px 20px rgb(0 0 0 / 20%);--modal-close-btn-size: 40px;--modal-close-icon-size: 20px;--modal-close-btn-color: #1e1e2d;--modal-close-hover-bg: #e2e5ec;--modal-primary-bg: #6b81dd;--modal-primary-title-color: #ffffff;--modal-primary-close-hover: #5162d4;--max-height: calc(100% - 30px);position:relative;z-index:5;display:flex;flex-direction:column;width:var(--modal-width, 600px);min-height:var(--modal-min-height, 300px);max-height:var(--max-height, calc(100% - 30px));margin:var(--modal-margin, 0 10px);border-radius:var(--modal-border-radius, 6px);background-color:var(--modal-bg, #fff);box-shadow:var(--modal-box-shadow, 0 20px 20px rgba(0, 0, 0, 0.2))}.modal__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--modal-header-padding, 10px 15px);border-bottom:1px solid var(--modal-border-color, #e2e5ec);border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-header-bg, #f7fafc)}.modal__header-primary{background-color:var(--modal-primary-bg, #6b81dd)}.modal__header-primary-title{font-size:var(--modal-title-font-size, 16px);font-weight:var(--modal-title-font-weight, 400);color:var(--modal-primary-title-color, #ffffff)}.modal__header-title{font-size:var(--modal-title-font-size, 16px);font-weight:normal;color:var(--modal-title-color, #6b81dd)}.modal__body{overflow-y:auto;flex-grow:1;box-sizing:border-box;padding:var(--modal-padding, 15px);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-body-bg, #f7fafc)}.modal__body scrollbar{-moz-appearance:none !important}.modal__body scrollbarbutton{-moz-appearance:none !important}.modal__body thumb{-moz-appearance:none !important}.modal__body scrollcorner{-moz-appearance:none !important;resize:both}.modal__body::-webkit-scrollbar{width:4px}.modal__body::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.modal__body::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.modal__body::-webkit-scrollbar:horizontal{height:8px}.modal__body::-webkit-scrollbar-track:horizontal{background:inherit}.modal__body::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.modal__body::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.modal__body:first-of-type{overflow-x:hidden;border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px)}.modal__body--no-footer{padding:var(--modal-padding, 15px)}.modal__footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--modal-footer-padding, 7.5px 15px);border-top:1px solid var(--modal-border-color, #e2e5ec);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-footer-bg, #f7fafc)}.modal__footer_with-left-content{justify-content:space-between}.modal__footer--inbody{position:absolute;bottom:0;left:0;width:calc(100% - 30px);background-color:var(--modal-bg, #fff)}.modal__buttons-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.modal-overlay{position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;opacity:var(--modal-overlay-opacity, 0.5);background-color:var(--modal-overlay-bg, black);transition:opacity .2s ease}.modal__footer--noborder{border-top:none}.modal-box{position:fixed;z-index:100;inset:0;animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.consumer-info-modal{overflow-x:auto}.consumer-info-modal .button-fin{background-color:#fff}.consumer-info-modal .modal__body{min-height:200px;padding:0 15px}.modal-close-icon-box{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:var(--modal-close-btn-size, 40px);height:100%;cursor:pointer;color:var(--modal-close-btn-color, #1e1e2d);border-top-right-radius:var(--modal-inner-radius, 4px);background:rgba(0,0,0,0)}.modal-close-icon-box:hover{background-color:var(--modal-close-hover-bg, #e2e5ec)}.modal-close-icon-box-primary{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-primary:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon-box-merchant{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-merchant:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon{width:var(--modal-close-icon-size, 20px);min-width:var(--modal-close-icon-size, 20px);height:var(--modal-close-icon-size, 20px)}.modal-text-card{padding:15px 0;font-size:13px;font-weight:400;line-height:20px;text-align:left;white-space:normal}.prompt-text-card{padding:0}.included-selector-modal--box{overflow-x:auto;max-height:calc(100% - 32px)}.included-selector-modal__th--id{width:1%}.included-selector-modal__td--id{color:#9aa0b9}.included-selector-modal .simple-table{overflow-x:unset;min-height:400px;max-height:500px}.included-selector-modal .simple-table thead{background-color:unset}.included-selector-modal .simple-table thead th{padding:10px 15px;font-weight:400;border-right:1px solid var(--modal-border-color, #e2e5ec)}.included-selector-modal .simple-table thead th:first-child,.included-selector-modal .simple-table thead th:last-child{border:none}.included-selector-modal .simple-table tbody tr:first-child{position:relative}.included-selector-modal .simple-table tbody tr:first-child::after{position:absolute;top:0;left:0;width:100%;height:8px;content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.152) 0%, rgba(0, 0, 0, 0) 100%)}.included-selector-modal .simple-table tbody tr:last-child{border-bottom:none}.included-selector-modal .simple-table td{padding:2.25px 15px}.included-selector-modal .simple-table .tr-as-selector:hover td{background-color:#ffedc8}.reports-settings-modal-box .modal__body{padding:0}.confirm-modal{border-radius:var(--modal-inner-radius, 4px)}.confirm-modal .modal__header-title{font-size:13px;font-weight:700}.confirm-modal .modal__body .modal-text-card{padding:0}.confirm-modal .modal__footer{background-color:var(--modal-bg, #fff)}.modal-close-icon-box--hidden{display:none}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width: 768px),(width <= 1024px)and (orientation: landscape){.modal-mobile-container{--modal-container-z-index: 100;--modal-container-width: 100dvw;--modal-container-height: 100dvh;--modal-container-border-radius: 16px;--modal-content-margin-top: 16px;--modal-animation-duration: 0.4s;--modal-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);position:relative;z-index:var(--modal-container-z-index, 100);overflow-y:auto;box-sizing:border-box;width:var(--modal-container-width, 100dvw);height:var(--modal-container-height, 100dvh);border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0}.modal-mobile-container .modal{--modal-header-footer-width: 100%;--modal-header-top: 0;--modal-footer-bottom: 0;max-width:100vw;max-height:unset !important;margin-top:var(--modal-content-margin-top, 16px) !important;border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0;animation-name:slideup;animation-duration:var(--modal-animation-duration, 0.4s)}.modal-mobile-container .modal__header,.modal-mobile-container .modal__footer{z-index:2;left:0;box-sizing:border-box;width:var(--modal-header-footer-width, 100%)}.modal-mobile-container .modal__header--hidden,.modal-mobile-container .modal__footer--hidden{position:relative}.modal-mobile-container .modal__header--sticky,.modal-mobile-container .modal__footer--sticky{position:sticky;box-shadow:var(--modal-shadow, 0px 0px 16px 0px rgba(0, 0, 0, 0.15))}.modal-mobile-container .modal__header{top:var(--modal-header-top, 0)}.modal-mobile-container .modal__footer{bottom:var(--modal-footer-bottom, 0);border-radius:0 !important}.modal-mobile-container .modal:not(.modal--no-header) .modal__body{border-radius:0 !important}}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}.table-header--weight-actions{width:3%}.table--icon{min-width:16px;min-height:16px;padding:5px;cursor:pointer;color:#9aa0b9;border-radius:5px}.table--icon:hover{background-color:#f3f3f3}.simple-table{overflow-x:auto;width:100%;color:#1e1e2d}.simple-table table{width:100%;border-spacing:0;border-collapse:collapse}.simple-table table thead{font-size:10px;white-space:nowrap;text-transform:uppercase;color:#9aa0b9;background-color:#ebeff2}.simple-table table thead th{padding:10px 15px;font-weight:400}.simple-table table thead th:last-child{text-align:right}.simple-table table tbody{font-size:13px}.simple-table table tbody tr{border-bottom:1px solid #f1f1f1}.simple-table table tbody td{padding:7.5px 15px;background-color:#fff}.accordion--table{overflow:visible}.accordion--table tr{border:none !important}.accordion--table td{padding:3px 15px !important;font-size:10px;border:none !important;background-color:#f7fafc !important}.td-actions--item{display:flex;justify-content:center;align-items:center;min-width:28px;min-height:28px;margin-left:5px;font-size:16px;cursor:pointer;user-select:none;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.05),0 0 2px rgba(0,0,0,.15)}.td-actions--delete{color:#f06d8d !important}.td-actions--undo{color:#f06d8d !important}.td-actions--edit{color:#6b81dd !important}.td-actions--download{color:#6b81dd}.td-weight{cursor:pointer}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
|
|
1
|
+
:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.switcher__button{display:inline-flex;align-items:center;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;cursor:pointer;color:inherit}.switcher_disabled{pointer-events:none;opacity:.5}.switcher__button-content{box-sizing:border-box;width:26px;min-width:26px;height:16px;padding:1px;border-radius:8px;background-color:rgba(166,172,177,.5)}.switcher__button-content_active{background-color:#6b81dd}.switcher__button-content_active .switcher__ball{transform:translateX(calc(100% - 4px))}.switcher__ball{width:14px;height:14px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.5);transition:transform .2s ease}.switcher__label{margin-left:4px;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:24px;user-select:none;text-align:left;color:inherit}.switcher__label_bold{font-weight:500}.switcher__wrap{display:inline-flex;align-items:center}.switcher__hint{margin-left:5px}.switcher__hint .hint__button svg{width:16px;min-width:16px}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.accordion{--color-border: #E2E5EC;--color-gray-gentel: #f2f2f8;--color-text: #1e1e2d;--accordion-title-font-size: 13px;--accordion-title-box-height: 20px;--accordion-title-box-padding: 10px 15px;--accordion-content-font-size: 13px;--accordion-content-padding: 10px 15px;--accordion-content-item-padding: 7.5px 20px;--accordion-content-item-color: #1e1e2d}.accordion--item{border:1px solid var(--color-border, #E2E5EC)}.accordion--item:not(:first-child){border-top:none}.accordion--title-box{display:flex;justify-content:space-between;align-items:center;height:var(--accordion-title-box-height, 20px);padding:var(--accordion-title-box-padding, 10px 15px);cursor:pointer}.accordion--title-box:hover{background-color:var(--color-gray-gentel, #f2f2f8)}.accordion--title{font-size:var(--accordion-title-font-size, 13px);user-select:none;color:var(--color-text, #1e1e2d)}.accordion--title-chevron{min-width:16px;min-height:16px;cursor:pointer;transition:all .2s ease-out}.accordion--title-chevron-open{transition:all .2s ease-out;transform:rotate(90deg)}.accordion--content{display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:flex-start;max-height:1000px;font-size:var(--accordion-content-font-size, 13px);opacity:0;background:#fff;transition:all .25s ease-out}.accordion--content scrollbar{-moz-appearance:none !important}.accordion--content scrollbarbutton{-moz-appearance:none !important}.accordion--content thumb{-moz-appearance:none !important}.accordion--content scrollcorner{-moz-appearance:none !important;resize:both}.accordion--content::-webkit-scrollbar{width:8px}.accordion--content::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#52aeff}.accordion--content::-webkit-scrollbar-thumb:hover{background:#3e62ff}.accordion--content::-webkit-scrollbar:horizontal{height:8px}.accordion--content::-webkit-scrollbar-track:horizontal{background:#f4f6ff}.accordion--content::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:4px solid rgba(0,0,0,0)}.accordion--content::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.accordion--content-is-open{padding:var(--accordion-content-padding, 10px 15px);opacity:1;transition:all .25s ease-out}.accordion--content-item{width:calc(100% - 40px);padding:var(--accordion-content-item-padding, 7.5px 20px)}.accordion--content-item a{font-size:var(--accordion-content-font-size, 13px);font-weight:300;color:var(--accordion-content-item-color, #1e1e2d)}.advanced-tags{position:relative;display:inline-flex;justify-content:center;align-items:center;height:24px;margin-top:2.5px;margin-right:4px;margin-bottom:2.5px;padding:2px 8px;font-size:10px;border-radius:2px;background-color:#e2e5ec}.advanced-tags--error{background-color:#fce2e8}.advanced-tags--warning-icon{min-width:16px;min-height:16px;font-size:17px;color:#f06d8d}.advanced-tags--warning-icon-wrapper{display:flex;cursor:pointer}.advanced-tags__warn-text{position:absolute;z-index:2;min-width:80px;max-width:270px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.advanced-tags__warn-text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.advanced-tags__warn-text--warnLeft{top:30px;left:4px}.advanced-tags__warn-text--warnLeft::before{top:-4px;left:8px}.advanced-tags__warn-text--warnLeft--to-top{top:-50px}.advanced-tags__warn-text--warnRight{top:30px}.advanced-tags__warn-text--warnRight::before{top:-4px;right:10px}.advanced-tags__warn-text--warnRight--to-top{top:-50px}.advanced-tags--showMore{cursor:pointer;user-select:none;background-color:#ffedc8}.advanced-tags__counter{position:relative;width:fit-content;margin-right:-8px;padding:0 8px;text-align:center}.advanced-tags__counter::after{position:absolute;top:-4px;left:0;width:2px;height:27px;content:"";opacity:.2;background-color:#9aa0b9}.advanced-tags__counter--null{opacity:.7;color:#9aa0b9}.advanced-tags__counter--bold{font-family:Roboto,sans-serif;font-size:11px;font-weight:700;color:#1e1e2d}.advanced-tags svg{min-width:16px;max-width:16px;min-height:16px;max-height:16px}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.hint{position:relative;display:inline-block;font-size:0}.hint__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.hint__button{display:flex;cursor:pointer}.hint__button svg{width:16px;height:16px;margin-right:5px}.hint__button:hover,.hint__button_active{color:#6b81dd}.hint__button:hover svg,.hint__button_active svg{color:#6b81dd}.hint__text{position:absolute;z-index:1;min-width:80px;max-width:250px;padding:8px;font-size:10px;line-height:16px;color:#fff;border-radius:4px;background-color:#6b81dd}.hint__text a{text-decoration:underline;color:#fff}.hint__text::before{position:absolute;width:8.5px;height:8.5px;content:"";background-color:#6b81dd;transform:rotate(45deg)}.hint__text_bottom{top:26px;left:-4px}.hint__text_bottom::before{top:-4.25px;left:8px}.hint__text_centeredBottom{top:26px;left:50%;transform:translateX(-50%)}.hint__text_centeredBottom::before{top:-4.25px;left:calc(50% - 8px)}.hint__text_right{top:-4px;left:calc(100% + 8px)}.hint__text_right::before{top:8px;left:-4.25px}.hint__text_left{top:-4px;right:calc(100% + 8px);left:unset}.hint__text_left::before{top:8px;right:-4.25px}.hint__text_top{bottom:8px;left:-4px}.hint__text_top::before{bottom:-4.25px;left:8px}.hint__text_centeredTop{bottom:8px;left:50%;transform:translateX(-50%)}.hint__text_centeredTop::before{bottom:-4.25px;left:calc(50% - 8px)}.hint__icon.outlined{color:#9aa0b9}.hint__icon.filled{color:#fff}.modal{--modal-overlay-bg: black;--modal-overlay-opacity: 0.5;--modal-bg: #fff;--modal-header-bg: #f7fafc;--modal-body-bg: #f7fafc;--modal-footer-bg: #f7fafc;--modal-border-color: #e2e5ec;--modal-title-color: vars.$color--primary;--modal-title-font-size: 16px;--modal-title-font-weight: 400;--modal-width: 600px;--modal-min-height: 300px;--modal-margin: 0 10px;--modal-padding: 15px;--modal-header-padding: 10px 15px;--modal-footer-padding: 7.5px 15px;--modal-border-radius: 6px;--modal-inner-radius: 4px;--modal-box-shadow: 0 20px 20px rgb(0 0 0 / 20%);--modal-close-btn-size: 40px;--modal-close-icon-size: 20px;--modal-close-btn-color: #1e1e2d;--modal-close-hover-bg: #e2e5ec;--modal-primary-bg: #6b81dd;--modal-primary-title-color: #ffffff;--modal-primary-close-hover: #5162d4;--max-height: calc(100% - 30px);position:relative;z-index:5;display:flex;flex-direction:column;width:var(--modal-width, 600px);min-height:var(--modal-min-height, 300px);max-height:var(--max-height, calc(100% - 30px));margin:var(--modal-margin, 0 10px);border-radius:var(--modal-border-radius, 6px);background-color:var(--modal-bg, #fff);box-shadow:var(--modal-box-shadow, 0 20px 20px rgba(0, 0, 0, 0.2))}.modal__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--modal-header-padding, 10px 15px);border-bottom:1px solid var(--modal-border-color, #e2e5ec);border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-header-bg, #f7fafc)}.modal__header-primary{background-color:var(--modal-primary-bg, #6b81dd)}.modal__header-primary-title{font-size:var(--modal-title-font-size, 16px);font-weight:var(--modal-title-font-weight, 400);color:var(--modal-primary-title-color, #ffffff)}.modal__header-title{font-size:var(--modal-title-font-size, 16px);font-weight:normal;color:var(--modal-title-color, #6b81dd)}.modal__body{overflow-y:auto;flex-grow:1;box-sizing:border-box;padding:var(--modal-padding, 15px);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-body-bg, #f7fafc)}.modal__body scrollbar{-moz-appearance:none !important}.modal__body scrollbarbutton{-moz-appearance:none !important}.modal__body thumb{-moz-appearance:none !important}.modal__body scrollcorner{-moz-appearance:none !important;resize:both}.modal__body::-webkit-scrollbar{width:4px}.modal__body::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#bac2c9}.modal__body::-webkit-scrollbar-thumb:hover{background:#9aa0b9}.modal__body::-webkit-scrollbar:horizontal{height:8px}.modal__body::-webkit-scrollbar-track:horizontal{background:inherit}.modal__body::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:6px;border-radius:6px;background:#bac2c9;background-clip:padding-box;border:2px solid rgba(0,0,0,0)}.modal__body::-webkit-scrollbar-thumb:horizontal:hover{background:#9aa0b9;border:1px solid rgba(0,0,0,0);background-clip:padding-box}.modal__body:first-of-type{overflow-x:hidden;border-top-left-radius:var(--modal-inner-radius, 4px);border-top-right-radius:var(--modal-inner-radius, 4px)}.modal__body--no-footer{padding:var(--modal-padding, 15px)}.modal__footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--modal-footer-padding, 7.5px 15px);border-top:1px solid var(--modal-border-color, #e2e5ec);border-bottom-right-radius:var(--modal-inner-radius, 4px);border-bottom-left-radius:var(--modal-inner-radius, 4px);background-color:var(--modal-footer-bg, #f7fafc)}.modal__footer_with-left-content{justify-content:space-between}.modal__footer--inbody{position:absolute;bottom:0;left:0;width:calc(100% - 30px);background-color:var(--modal-bg, #fff)}.modal__buttons-block{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.modal-overlay{position:fixed;z-index:4;top:0;left:0;width:100%;height:100%;opacity:var(--modal-overlay-opacity, 0.5);background-color:var(--modal-overlay-bg, black);transition:opacity .2s ease}.modal__footer--noborder{border-top:none}.modal-box{position:fixed;z-index:100;inset:0;animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.consumer-info-modal{overflow-x:auto}.consumer-info-modal .button-fin{background-color:#fff}.consumer-info-modal .modal__body{min-height:200px;padding:0 15px}.modal-close-icon-box{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:var(--modal-close-btn-size, 40px);height:100%;cursor:pointer;color:var(--modal-close-btn-color, #1e1e2d);border-top-right-radius:var(--modal-inner-radius, 4px);background:rgba(0,0,0,0)}.modal-close-icon-box:hover{background-color:var(--modal-close-hover-bg, #e2e5ec)}.modal-close-icon-box-primary{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-primary:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon-box-merchant{color:var(--modal-close-btn-color, #1e1e2d)}.modal-close-icon-box-merchant:hover{opacity:1;background-color:var(--modal-primary-close-hover, #5162d4)}.modal-close-icon{width:var(--modal-close-icon-size, 20px);min-width:var(--modal-close-icon-size, 20px);height:var(--modal-close-icon-size, 20px)}.modal-text-card{padding:15px 0;font-size:13px;font-weight:400;line-height:20px;text-align:left;white-space:normal}.prompt-text-card{padding:0}.included-selector-modal--box{overflow-x:auto;max-height:calc(100% - 32px)}.included-selector-modal__th--id{width:1%}.included-selector-modal__td--id{color:#9aa0b9}.included-selector-modal .simple-table{overflow-x:unset;min-height:400px;max-height:500px}.included-selector-modal .simple-table thead{background-color:unset}.included-selector-modal .simple-table thead th{padding:10px 15px;font-weight:400;border-right:1px solid var(--modal-border-color, #e2e5ec)}.included-selector-modal .simple-table thead th:first-child,.included-selector-modal .simple-table thead th:last-child{border:none}.included-selector-modal .simple-table tbody tr:first-child{position:relative}.included-selector-modal .simple-table tbody tr:first-child::after{position:absolute;top:0;left:0;width:100%;height:8px;content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.152) 0%, rgba(0, 0, 0, 0) 100%)}.included-selector-modal .simple-table tbody tr:last-child{border-bottom:none}.included-selector-modal .simple-table td{padding:2.25px 15px}.included-selector-modal .simple-table .tr-as-selector:hover td{background-color:#ffedc8}.reports-settings-modal-box .modal__body{padding:0}.confirm-modal{border-radius:var(--modal-inner-radius, 4px)}.confirm-modal .modal__header-title{font-size:13px;font-weight:700}.confirm-modal .modal__body .modal-text-card{padding:0}.confirm-modal .modal__footer{background-color:var(--modal-bg, #fff)}.modal-close-icon-box--hidden{display:none}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@media only screen and (max-width: 768px),(width <= 1024px)and (orientation: landscape){.modal-mobile-container{--modal-container-z-index: 100;--modal-container-width: 100dvw;--modal-container-height: 100dvh;--modal-container-border-radius: 16px;--modal-content-margin-top: 16px;--modal-animation-duration: 0.4s;--modal-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);position:relative;z-index:var(--modal-container-z-index, 100);overflow-y:auto;box-sizing:border-box;width:var(--modal-container-width, 100dvw);height:var(--modal-container-height, 100dvh);border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0}.modal-mobile-container .modal{--modal-header-footer-width: 100%;--modal-header-top: 0;--modal-footer-bottom: 0;max-width:100vw;max-height:unset !important;margin-top:var(--modal-content-margin-top, 16px) !important;border-radius:var(--modal-container-border-radius, 16px) var(--modal-container-border-radius, 16px) 0 0;animation-name:slideup;animation-duration:var(--modal-animation-duration, 0.4s)}.modal-mobile-container .modal__header,.modal-mobile-container .modal__footer{z-index:2;left:0;box-sizing:border-box;width:var(--modal-header-footer-width, 100%)}.modal-mobile-container .modal__header--hidden,.modal-mobile-container .modal__footer--hidden{position:relative}.modal-mobile-container .modal__header--sticky,.modal-mobile-container .modal__footer--sticky{position:sticky;box-shadow:var(--modal-shadow, 0px 0px 16px 0px rgba(0, 0, 0, 0.15))}.modal-mobile-container .modal__header{top:var(--modal-header-top, 0)}.modal-mobile-container .modal__footer{bottom:var(--modal-footer-bottom, 0);border-radius:0 !important}.modal-mobile-container .modal:not(.modal--no-header) .modal__body{border-radius:0 !important}}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}.table-header--weight-actions{width:3%}.table--icon{min-width:16px;min-height:16px;padding:5px;cursor:pointer;color:#9aa0b9;border-radius:5px}.table--icon:hover{background-color:#f3f3f3}.simple-table{overflow-x:auto;width:100%;color:#1e1e2d}.simple-table table{width:100%;border-spacing:0;border-collapse:collapse}.simple-table table thead{font-size:10px;white-space:nowrap;text-transform:uppercase;color:#9aa0b9;background-color:#ebeff2}.simple-table table thead th{padding:10px 15px;font-weight:400}.simple-table table thead th:last-child{text-align:right}.simple-table table tbody{font-size:13px}.simple-table table tbody tr{border-bottom:1px solid #f1f1f1}.simple-table table tbody td{padding:7.5px 15px;background-color:#fff}.accordion--table{overflow:visible}.accordion--table tr{border:none !important}.accordion--table td{padding:3px 15px !important;font-size:10px;border:none !important;background-color:#f7fafc !important}.td-actions--item{display:flex;justify-content:center;align-items:center;min-width:28px;min-height:28px;margin-left:5px;font-size:16px;cursor:pointer;user-select:none;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.05),0 0 2px rgba(0,0,0,.15)}.td-actions--delete{color:#f06d8d !important}.td-actions--undo{color:#f06d8d !important}.td-actions--edit{color:#6b81dd !important}.td-actions--download{color:#6b81dd}.td-weight{cursor:pointer}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tags-dropdown{position:relative;display:flex;overflow:hidden;flex-direction:row;flex-wrap:nowrap;width:100%;border:1px solid #e2e5ec;border-radius:3px}.tags-dropdown--custom-trigger{border:none}.tags-dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.tags-dropdown_disabled{pointer-events:none;opacity:.5}.tags-dropdown__trigger{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;height:fit-content;min-height:28px;padding:1px 24px 1px 5px;cursor:pointer;border-radius:3px;background:#fff}.tags-dropdown__trigger--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.tags-dropdown__trigger .input__wrap{flex-grow:1;width:0;min-width:200px;height:20px;border:none}.tags-dropdown__trigger .input__wrap_focus{border:none;filter:none}.tags-dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.tags-dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.tags-dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.tags-dropdown--focused{border:1px solid #6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.tags-dropdown__input{overflow:hidden;flex-grow:1;height:16px;padding:0;padding-right:2px;text-overflow:ellipsis}.tags-dropdown__input:not(.tags-dropdown__input--in-list){border:none;background:none}.tags-dropdown__input-list-wrapper{padding:8px 8px 4px;background:#fff}.tags-dropdown__input--in-list{box-sizing:border-box;width:100%;height:28px;padding:4px 8px}.tags-dropdown__input--in-list:focus{border-color:#6b81dd;box-shadow:0px 0px 4px 0px rgba(93,120,255,.5)}.tags-dropdown__header,.tags-dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.tags-dropdown__header{box-sizing:border-box;border-bottom:1px solid #e8e9ec}.tags-dropdown__creatable-helper{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9);background:#fff}.tags-dropdown__create-option{display:flex;align-items:center;align-self:stretch;gap:3px;height:24px;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;cursor:pointer;color:var(--Text-Main, #1e1e2d);background:var(--Background-Form-Main, #f7fafc)}.tags-dropdown__no-options{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:14px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__selector-wrapper{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:320px;margin-top:4px;border:1px solid #e2e5ec;box-shadow:0 4px 25px rgba(0,0,0,.25)}.tags-dropdown__list{position:relative;z-index:3;overflow-y:auto;box-sizing:border-box;min-width:100%;height:100%;padding:2px 0;text-align:left;background:#fff}.tags-dropdown__list::-webkit-scrollbar{width:4px}.tags-dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.tags-dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.tags-dropdown__list--with-header{box-shadow:none}.tags-dropdown__list-item{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%;min-height:24px;padding-right:4px;padding-left:35px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;color:#1e1e2d}.tags-dropdown__list-item:hover,.tags-dropdown__list-item_active,.tags-dropdown__list-item--editing{background:#f7fafc}.tags-dropdown__list-item_disabled{pointer-events:none;opacity:.3}.tags-dropdown__list-item_freezed{pointer-events:none;opacity:1;color:#757f8c}.tags-dropdown__list-item-body{text-align:left;white-space:wrap}.tags-dropdown__list-item-description{margin-left:4px;color:#757f8c}.tags-dropdown__list-item-edit-trigger{display:inline-flex;align-items:flex-start;gap:4px;width:20px;min-width:20px;height:20px;min-height:20px;padding:2px}.tags-dropdown__list-item-edit-trigger:hover{background-color:#ebeff2}.tags-dropdown__list-item-edit-trigger:hover svg{color:#1e1e2d}.tags-dropdown__list-item-edit-trigger svg{width:16px;height:16px;color:#9aa0b9}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger{background-color:#ebeff2}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger svg{color:#1e1e2d}.tags-dropdown__list-item pre.inherit-styles{margin:0;padding:0;font:inherit !important}.tags-dropdown__list-item .search-match{background-color:rgba(255,255,0,.5)}.tags-dropdown__arrow{position:absolute;top:calc(50% - 8px);right:5px;width:16px;height:16px;cursor:pointer}.tags-dropdown__arrow svg{width:auto;height:100%}.tags-dropdown__edit-option-modal{position:absolute;z-index:999999;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:182px;border-radius:4px;background:var(--White, #fff);box-shadow:0px 4px 25px 0px rgba(0,0,0,.25)}.tags-dropdown__edit-option-modal:before{position:absolute;width:12px;height:12px;content:"";background:#fff;transform:rotate(45deg)}.tags-dropdown__edit-option-modal-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:8px;padding:8px}.tags-dropdown__edit-option-modal-section button{display:flex;align-items:center;gap:4px;box-sizing:border-box;height:auto;padding:0;color:var(--Text-Main, #1e1e2d)}.tags-dropdown__edit-option-modal-section button .button__text{width:auto;margin:0;font-family:Roboto;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.tags-dropdown__edit-option-modal-section button svg{display:block;width:16px;height:16px}.tags-dropdown__edit-option-modal-section h3{margin:0;font-family:Roboto;font-size:10px;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__edit-option-modal-section-divider{width:100%;height:1px;background:#e2e5ec}.tags-dropdown__edit-option-modal-section-colors{display:flex;flex-wrap:wrap;gap:8px}.tags-dropdown__edit-option-modal-section-colors .color-block{display:flex;align-items:flex-start;gap:4px;box-sizing:border-box;width:20px;height:20px;padding:2px;cursor:pointer;border:1px solid rgba(0,0,0,.15);border-radius:3px}.tags-dropdown__edit-option-modal-section-colors .color-block svg{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;color:#1e1e2d}.tags-dropdown__edit-option-modal.modal-left::before{right:15px}.tags-dropdown__edit-option-modal.modal-right::before{left:15px}.tags-dropdown__edit-option-modal.modal-top::before{bottom:-6px}.tags-dropdown__edit-option-modal.modal-bottom::before{top:-6px}.tags-dropdown__active-icon{position:absolute;top:0;bottom:0;left:12px;display:none;align-items:center;margin:auto}.tags-dropdown__active-icon_active{display:flex}.tags-dropdown-group{margin-top:6px}.tags-dropdown-group__name{margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.tags-dropdown-label{margin-bottom:5px}.tags-dropdown__error{border-color:#f06d8d}.tags-dropdown .tag{overflow:hidden;max-width:100%;margin-top:1px;margin-bottom:1px;cursor:auto}.tags-dropdown .tag__label{overflow:hidden;text-overflow:ellipsis}.tags-dropdown .tag-list_wrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;width:auto;padding:0;background-color:rgba(0,0,0,0)}.tags-dropdown_arrow-static .tags-dropdown__trigger{position:static}.tags-dropdown_arrow-static .tags-dropdown__arrow{top:6px}@media(max-width: 768px){.tags-dropdown-mobile .tags-dropdown__container{overflow:hidden !important}.tags-dropdown-mobile .tags-dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.tags-dropdown-mobile .tags-dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.tags-dropdown-mobile .tags-dropdown__selector-wrapper{position:absolute;bottom:8px;display:block;overflow:hidden;box-sizing:border-box;width:calc(100% - 16px);max-height:500px;border-radius:24px !important;background:#fff}.tags-dropdown-mobile .tags-dropdown__selector-wrapper--fixed-height{height:500px !important}.tags-dropdown-mobile .tags-dropdown__header,.tags-dropdown-mobile .tags-dropdown__footer{z-index:4;height:unset;border:none;background:none}.tags-dropdown-mobile .tags-dropdown__header-with-shadow::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{position:absolute;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.tags-dropdown-mobile .tags-dropdown__header-with-shadow-hidden::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow-hidden::after{opacity:0}.tags-dropdown-mobile .tags-dropdown__header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.tags-dropdown-mobile .tags-dropdown__header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:24px}.tags-dropdown-mobile .tags-dropdown__header-row:first-child{padding-right:50px}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap{display:flex;align-items:center;width:100%;padding:0 8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap input{background:unset !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::before,.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.tags-dropdown-mobile .tags-dropdown__footer{position:relative;bottom:0;padding:0}.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{top:-15px;bottom:0;transform:rotate(180deg)}.tags-dropdown-mobile .tags-dropdown__footer button{width:100%;height:40px}.tags-dropdown-mobile .tags-dropdown__close-icon{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.tags-dropdown-mobile .tags-dropdown__close-icon svg{width:16px;height:16px;color:#a0a4b0}.tags-dropdown-mobile .tags-dropdown__list{top:0;display:flex;flex-direction:column;gap:4px;max-height:unset;padding:16px 16px !important}.tags-dropdown-mobile .tags-dropdown-group{display:flex;flex-direction:column;gap:4px;margin:0}.tags-dropdown-mobile .tags-dropdown-group:first-child{margin-top:calc(8px*-1)}.tags-dropdown-mobile .tags-dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));box-shadow:none !important}.tags-dropdown-mobile .tags-dropdown__list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;height:auto !important;min-height:unset !important;padding:10px 8px !important;line-height:24px}.tags-dropdown-mobile .tags-dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.tags-dropdown-mobile .tags-dropdown__list-item-body{display:flex;box-sizing:border-box;width:100%}.tags-dropdown-mobile .tags-dropdown__list-item-body pre{white-space:normal}.tags-dropdown-mobile .tags-dropdown__list-item label{box-sizing:border-box;width:16px;margin-top:4px}.tags-dropdown-mobile .tags-dropdown__list-item label .checkbox-input__input{margin:0}.tags-dropdown-mobile .tags-dropdown__list-item .search-match{font-weight:600}.tags-dropdown-mobile .tags-dropdown__arrow{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.tags-dropdown-mobile .tags-dropdown__arrow svg.mobile-icon{height:12px;transform:rotate(90deg)}.tags-dropdown-mobile .tags-dropdown__no-options{padding-left:0 !important;text-align:center}}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.tag-list_wrapper{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:100%;max-width:100%}.tag-list_wrapper--disabled{filter:grayscale(0.2)}.tag-list_wrapper--disabled *{pointer-events:none !important}.tag-list_wrapper--only-static-items{display:flex}.tag-list_wrapper--only-static-items .tag-list_wrapper_item{margin-bottom:0}.tag-list_wrapper_item{display:inline-block;box-sizing:border-box;width:auto}.tag-list_wrapper_item .tag{box-sizing:border-box;max-width:100%;margin:0 !important}.tag-list_wrapper_item .tag__label{overflow:hidden;text-overflow:ellipsis}.tag-list_wrapper_item--hidden{display:none}.tag-list_wrapper_render-more,.tag-list_wrapper_hide-more{margin:0 !important;cursor:pointer;background:#ffedc8}.tag-list_wrapper .tag{margin:2px}.tag-list__edit-trigger{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;padding:2px;cursor:pointer}.tag-list__edit-trigger svg{width:16px;height:16px;color:#6b81dd}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
|
|
1
|
+
.checkbox-input{--checkbox-input-width: 16px;--checkbox-input-height: 16px;--checkbox-input-margin-right: 5px;--checkbox-input-border-color: #9aa0b9;--checkbox-input-bg-color: #ffff;--checkbox-input-hover-bg-color: rgba(107, 129, 221, 0.2);--checkbox-input-mark-bg-color: #6b81dd;--checkbox-input-label-font-size: 13px;--checkbox-input-disabled-opacity: 0.5;display:flex;align-items:center;cursor:pointer}.checkbox-input input{display:none}.checkbox-input_disabled{cursor:auto;pointer-events:none;opacity:var(--checkbox-input-disabled-opacity)}.checkbox-input:hover .checkbox-input__input{background-color:var(--checkbox-input-hover-bg-color)}.checkbox-input__input{position:relative;overflow:hidden;box-sizing:border-box;width:var(--checkbox-input-width);min-width:var(--checkbox-input-width);height:var(--checkbox-input-height);margin-right:var(--checkbox-input-margin-right);cursor:pointer;border:1px solid var(--checkbox-input-border-color);border-radius:2px;background-color:var(--checkbox-input-bg-color);transition:background-color .2s ease}.checkbox-input__input_checked,.checkbox-input__input_indeterminate{border:none}.checkbox-input__input .checkbox-input__checkbox:checked~.checkbox-input__mark{display:block;width:100%;height:100%;border-radius:2px}.checkbox-input__checkbox{position:absolute;width:0;height:0;opacity:0}.checkbox-input__mark{position:absolute;display:none;width:100%;height:100%;background-color:var(--checkbox-input-mark-bg-color)}.checkbox-input__mark::after{position:absolute;inset:-2px 0 0;width:4px;height:8px;margin:auto;content:"";border:solid #fff;border-width:0 2px 2px 0;border-radius:2px;transform:rotate(45deg)}.checkbox-input__label{font-size:var(--checkbox-input-label-font-size);user-select:none}.checkbox-input input[type=checkbox i]:indeterminate+span{display:block;width:100%;height:100%}.checkbox-input input[type=checkbox i]:indeterminate+span::after{position:absolute;inset:0;width:100%;height:100%;margin:auto;content:"";border:none;background-color:var(--checkbox-input-mark-bg-color);transform:rotate(0deg)}.checkbox-input input[type=checkbox i]:indeterminate+span::before{position:absolute;z-index:1;top:50%;left:50%;width:45%;content:"";border:solid #fff;border-width:0 1px 2px 0;border-radius:2px;transform:scale(1, 0.9) translateX(-50%) translateY(-50%)}.input{position:relative;width:100%;padding:0 10px;word-break:break-all;border:none;background:none}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{appearance:none}.input__wrap{position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;border:1px solid #e2e5ec;border-radius:4px;background-color:#fff}.input__wrap_focus{border-color:#6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.input__wrap--disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input__wrap_error{border-color:#f06d8d !important}.input__wrap .lds-ring.lds-ring_small{top:calc(50% - 18px)}.input_disabled{pointer-events:none;opacity:.5;border-color:#a6acb1;background:#f7f8fa}.input_error{border-color:#f06d8d}.input svg{margin-right:4px}.input__input{box-sizing:border-box;width:100%;height:100%;padding:0 5px;font-size:13px;font-weight:400;color:#1e1e2d;border:none;border-radius:4px}.input__close{position:relative;visibility:hidden;width:14px;height:14px;margin-right:4px;cursor:pointer;pointer-events:none;opacity:.6;background:none}.input__close:hover{opacity:1}.input__close::before,.input__close::after{position:absolute;top:0;right:0;left:0;width:2px;height:14px;margin:auto;content:"";background-color:#9aa0b9}.input__close::before{transform:rotate(45deg)}.input__close::after{transform:rotate(-45deg)}.input__nums{display:flex;align-items:center;height:100%}.input__num-btn{display:flex;justify-content:center;align-items:center;width:24px;height:100%;font-size:20px;cursor:pointer;user-select:none;border-left:1px solid #e2e5ec;background:none}.input__num-btn.disabled{opacity:.3}.input__num-btn svg{margin-right:0}.input-label{margin-bottom:5px}.input--with-icon{padding:0 40px 0 10px}.input__wrap:hover .input__close{visibility:visible;pointer-events:all}:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.tags-dropdown{position:relative;display:flex;overflow:hidden;flex-direction:row;flex-wrap:nowrap;width:100%;border:1px solid #e2e5ec;border-radius:3px}.tags-dropdown--custom-trigger{border:none}.tags-dropdown__container{position:fixed;z-index:99999;display:block;box-sizing:border-box}.tags-dropdown_disabled{pointer-events:none;opacity:.5}.tags-dropdown__trigger{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;box-sizing:border-box;width:100%;height:fit-content;min-height:28px;padding:1px 24px 1px 5px;cursor:pointer;border-radius:3px;background:#fff}.tags-dropdown__trigger--with-actions{border-top-right-radius:0;border-bottom-right-radius:0}.tags-dropdown__trigger .input__wrap{flex-grow:1;width:0;min-width:200px;height:20px;border:none}.tags-dropdown__trigger .input__wrap_focus{border:none;filter:none}.tags-dropdown__actions{display:flex;overflow:hidden;justify-content:center;align-items:center;box-sizing:border-box;min-width:56px;border-radius:0px 2px 2px 0px}.tags-dropdown__actions-item{display:flex;justify-content:center;align-items:center;align-self:stretch;gap:4px;box-sizing:border-box;min-width:28px;height:100%;padding:4px;cursor:pointer;border-left:1px solid var(--Border-Input, #e2e5ec);background:var(--Background-Light-action, #f4f6ff)}.tags-dropdown__actions svg{width:16px;height:16px;color:#1e1e2d}.tags-dropdown--focused{border:1px solid #6b81dd;filter:drop-shadow(0 0 4px rgba(93, 120, 255, 0.5))}.tags-dropdown__input{overflow:hidden;flex-grow:1;height:16px;padding:0;padding-right:2px;text-overflow:ellipsis}.tags-dropdown__input:not(.tags-dropdown__input--in-list){border:none;background:none}.tags-dropdown__input-list-wrapper{padding:8px 8px 4px;background:#fff}.tags-dropdown__input--in-list{box-sizing:border-box;width:100%;height:28px;padding:4px 8px}.tags-dropdown__input--in-list:focus{border-color:#6b81dd;box-shadow:0px 0px 4px 0px rgba(93,120,255,.5)}.tags-dropdown__header,.tags-dropdown__footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;height:30px;padding:4px 32px 6px;background:#f8fbff}.tags-dropdown__header{box-sizing:border-box;border-bottom:1px solid #e8e9ec}.tags-dropdown__creatable-helper{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9);background:#fff}.tags-dropdown__create-option{display:flex;align-items:center;align-self:stretch;gap:3px;height:24px;padding:2px 4px;font-family:Roboto;font-size:11px;font-weight:400;font-style:normal;line-height:20px;cursor:pointer;color:var(--Text-Main, #1e1e2d);background:var(--Background-Form-Main, #f7fafc)}.tags-dropdown__no-options{display:flex;align-items:center;align-self:stretch;padding:2px 4px;font-family:Roboto;font-size:14px;font-weight:400;font-style:normal;line-height:20px;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__selector-wrapper{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:320px;margin-top:4px;border:1px solid #e2e5ec;box-shadow:0 4px 25px rgba(0,0,0,.25)}.tags-dropdown__list{position:relative;z-index:3;overflow-y:auto;box-sizing:border-box;min-width:100%;height:100%;padding:2px 0;text-align:left;background:#fff}.tags-dropdown__list::-webkit-scrollbar{width:4px}.tags-dropdown__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.tags-dropdown__list::-webkit-scrollbar-thumb{border-radius:4px;background:#9aa0b9}.tags-dropdown__list--with-header{box-shadow:none}.tags-dropdown__list-item{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;min-width:100%;min-height:24px;padding-right:4px;padding-left:35px;font-size:13px;font-weight:400;line-height:24px;cursor:pointer;color:#1e1e2d}.tags-dropdown__list-item:hover,.tags-dropdown__list-item_active,.tags-dropdown__list-item--editing{background:#f7fafc}.tags-dropdown__list-item_disabled{pointer-events:none;opacity:.3}.tags-dropdown__list-item_freezed{pointer-events:none;opacity:1;color:#757f8c}.tags-dropdown__list-item-body{text-align:left;white-space:wrap}.tags-dropdown__list-item-description{margin-left:4px;color:#757f8c}.tags-dropdown__list-item-edit-trigger{display:inline-flex;align-items:flex-start;gap:4px;width:20px;min-width:20px;height:20px;min-height:20px;padding:2px}.tags-dropdown__list-item-edit-trigger:hover{background-color:#ebeff2}.tags-dropdown__list-item-edit-trigger:hover svg{color:#1e1e2d}.tags-dropdown__list-item-edit-trigger svg{width:16px;height:16px;color:#9aa0b9}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger{background-color:#ebeff2}.tags-dropdown__list-item--editing .tags-dropdown__list-item-edit-trigger svg{color:#1e1e2d}.tags-dropdown__list-item pre.inherit-styles{margin:0;padding:0;font:inherit !important}.tags-dropdown__list-item .search-match{background-color:rgba(255,255,0,.5)}.tags-dropdown__arrow{position:absolute;top:calc(50% - 8px);right:5px;width:16px;height:16px;cursor:pointer}.tags-dropdown__arrow svg{width:auto;height:100%}.tags-dropdown__edit-option-modal{position:absolute;z-index:999999;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:182px;border-radius:4px;background:var(--White, #fff);box-shadow:0px 4px 25px 0px rgba(0,0,0,.25)}.tags-dropdown__edit-option-modal:before{position:absolute;width:12px;height:12px;content:"";background:#fff;transform:rotate(45deg)}.tags-dropdown__edit-option-modal-section{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:8px;padding:8px}.tags-dropdown__edit-option-modal-section button{display:flex;align-items:center;gap:4px;box-sizing:border-box;height:auto;padding:0;color:var(--Text-Main, #1e1e2d)}.tags-dropdown__edit-option-modal-section button .button__text{width:auto;margin:0;font-family:Roboto;font-size:13px;font-weight:400;font-style:normal;line-height:20px}.tags-dropdown__edit-option-modal-section button svg{display:block;width:16px;height:16px}.tags-dropdown__edit-option-modal-section h3{margin:0;font-family:Roboto;font-size:10px;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;color:var(--Text-Title, #9aa0b9)}.tags-dropdown__edit-option-modal-section-divider{width:100%;height:1px;background:#e2e5ec}.tags-dropdown__edit-option-modal-section-colors{display:flex;flex-wrap:wrap;gap:8px}.tags-dropdown__edit-option-modal-section-colors .color-block{display:flex;align-items:flex-start;gap:4px;box-sizing:border-box;width:20px;height:20px;padding:2px;cursor:pointer;border:1px solid rgba(0,0,0,.15);border-radius:3px}.tags-dropdown__edit-option-modal-section-colors .color-block svg{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;color:#1e1e2d}.tags-dropdown__edit-option-modal.modal-left::before{right:15px}.tags-dropdown__edit-option-modal.modal-right::before{left:15px}.tags-dropdown__edit-option-modal.modal-top::before{bottom:-6px}.tags-dropdown__edit-option-modal.modal-bottom::before{top:-6px}.tags-dropdown__active-icon{position:absolute;top:0;bottom:0;left:12px;display:none;align-items:center;margin:auto}.tags-dropdown__active-icon_active{display:flex}.tags-dropdown-group{margin-top:6px}.tags-dropdown-group__name{margin-left:17px;font-size:10px;text-transform:uppercase;color:#9aa0b9}.tags-dropdown-label{margin-bottom:5px}.tags-dropdown__error{border-color:#f06d8d}.tags-dropdown .tag{overflow:hidden;max-width:100%;margin-top:1px;margin-bottom:1px;cursor:auto}.tags-dropdown .tag__label{overflow:hidden;text-overflow:ellipsis}.tags-dropdown .tag-list_wrapper{display:flex;flex-wrap:wrap;box-sizing:border-box;width:auto;padding:0;background-color:rgba(0,0,0,0)}.tags-dropdown_arrow-static .tags-dropdown__trigger{position:static}.tags-dropdown_arrow-static .tags-dropdown__arrow{top:6px}@media(max-width: 768px){.tags-dropdown-mobile .tags-dropdown__container{overflow:hidden !important}.tags-dropdown-mobile .tags-dropdown__container--opened{position:fixed;top:0 !important;left:0 !important;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;background:rgba(23,29,51,.5);animation-name:fadeIn;animation-duration:.25s;animation-timing-function:ease;animation-fill-mode:forwards}.tags-dropdown-mobile .tags-dropdown__container-wrapper{position:fixed;top:0 !important;left:0 !important;overflow:hidden !important;box-sizing:border-box;width:100dvw;height:100dvh;max-height:100dvh;padding:8px;animation-name:slideup;animation-duration:.4s}.tags-dropdown-mobile .tags-dropdown__selector-wrapper{position:absolute;bottom:8px;display:block;overflow:hidden;box-sizing:border-box;width:calc(100% - 16px);max-height:500px;border-radius:24px !important;background:#fff}.tags-dropdown-mobile .tags-dropdown__selector-wrapper--fixed-height{height:500px !important}.tags-dropdown-mobile .tags-dropdown__header,.tags-dropdown-mobile .tags-dropdown__footer{z-index:4;height:unset;border:none;background:none}.tags-dropdown-mobile .tags-dropdown__header-with-shadow::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{position:absolute;bottom:-15px;left:0;width:100%;height:15px;content:"";opacity:1;background:linear-gradient(180deg, rgba(212, 218, 230, 0.5) 0%, rgba(212, 218, 230, 0.3) 21.35%, rgba(247, 248, 250, 0) 100%);transition:all .2s}.tags-dropdown-mobile .tags-dropdown__header-with-shadow-hidden::after,.tags-dropdown-mobile .tags-dropdown__footer-with-shadow-hidden::after{opacity:0}.tags-dropdown-mobile .tags-dropdown__header{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;font-size:16px;font-weight:600;line-height:24px;letter-spacing:.1px;color:#3b414b}.tags-dropdown-mobile .tags-dropdown__header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;width:100%;min-height:24px}.tags-dropdown-mobile .tags-dropdown__header-row:first-child{padding-right:50px}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap{display:flex;align-items:center;width:100%;padding:0 8px;border:1px solid var(--form-input-border, #e1e8f1);border-radius:6px;background:var(--black-bg-color, #f8fbff) !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__wrap input{background:unset !important}.tags-dropdown-mobile .tags-dropdown__header-row .input__close{display:flex;align-items:center;box-sizing:border-box;width:24px;min-width:24px;height:24px;padding:4px;border-radius:2px;background:var(--bg-gray-box, #f0f1f4)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::before,.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{top:50%;height:12px;border-radius:8px;background-color:#171d33;transform:translateY(-50%) rotate(45deg)}.tags-dropdown-mobile .tags-dropdown__header-row .input__close::after{transform:translateY(-50%) rotate(-45deg)}.tags-dropdown-mobile .tags-dropdown__footer{position:relative;bottom:0;padding:0}.tags-dropdown-mobile .tags-dropdown__footer-with-shadow::after{top:-15px;bottom:0;transform:rotate(180deg)}.tags-dropdown-mobile .tags-dropdown__footer button{width:100%;height:40px}.tags-dropdown-mobile .tags-dropdown__close-icon{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box;width:50px;height:50px;padding:16px}.tags-dropdown-mobile .tags-dropdown__close-icon svg{width:16px;height:16px;color:#a0a4b0}.tags-dropdown-mobile .tags-dropdown__list{top:0;display:flex;flex-direction:column;gap:4px;max-height:unset;padding:16px 16px !important}.tags-dropdown-mobile .tags-dropdown-group{display:flex;flex-direction:column;gap:4px;margin:0}.tags-dropdown-mobile .tags-dropdown-group:first-child{margin-top:calc(8px*-1)}.tags-dropdown-mobile .tags-dropdown-group__name{margin:0 0 8px;padding:10px 0px 6px;font-size:11px;border-bottom:1px solid var(--black-gray-light-divider, rgba(58, 72, 122, 0.15));box-shadow:none !important}.tags-dropdown-mobile .tags-dropdown__list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;box-sizing:border-box;width:100%;height:auto !important;min-height:unset !important;padding:10px 8px !important;line-height:24px}.tags-dropdown-mobile .tags-dropdown__list-item_active{border-radius:6px;background:var(--bg-gray-box, #f0f1f4) !important}.tags-dropdown-mobile .tags-dropdown__list-item-body{display:flex;box-sizing:border-box;width:100%}.tags-dropdown-mobile .tags-dropdown__list-item-body pre{white-space:normal}.tags-dropdown-mobile .tags-dropdown__list-item label{box-sizing:border-box;width:16px;margin-top:4px}.tags-dropdown-mobile .tags-dropdown__list-item label .checkbox-input__input{margin:0}.tags-dropdown-mobile .tags-dropdown__list-item .search-match{font-weight:600}.tags-dropdown-mobile .tags-dropdown__arrow{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.tags-dropdown-mobile .tags-dropdown__arrow svg.mobile-icon{height:12px;transform:rotate(90deg)}.tags-dropdown-mobile .tags-dropdown__no-options{padding-left:0 !important;text-align:center}}@keyframes slideup{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:root{--spinner-opacity: 0.1;--spinner-background: #fff;--spinner-width: 100px;--spinner-height: 100px;--spinner-small-width: 30px;--spinner-small-height: 30px;--spinner-border-width: 8px;--spinner-border-color: #000;--spinner-animation-duration: 1.2s;--spinner-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);--spinner-animation-delay-1: -0.45s;--spinner-animation-delay-2: -0.3s;--spinner-animation-delay-3: -0.15s}.loader-box{position:absolute;z-index:100;opacity:var(--spinner-opacity, 0.1);background:var(--spinner-background, #fff);top:0;left:0;width:100%;height:100%}.lds-ring{position:relative;display:inline-block;width:var(--spinner-width, 100px);height:var(--spinner-height, 100px)}.lds-ring.lds-ring_small{top:calc(50% - 15px);width:var(--spinner-small-width, 30px);height:var(--spinner-small-height, 30px)}.lds-ring div{position:absolute;display:block;box-sizing:border-box;width:calc(var(--spinner-width, 100px) - 16px);height:calc(var(--spinner-height, 100px) - 16px);margin:8px;border:var(--spinner-border-width, 8px) solid var(--spinner-border-color, #000);border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0);border-radius:50%;animation:lds-ring var(--spinner-animation-duration, 1.2s) var(--spinner-animation-timing-function, cubic-bezier(0.5, 0, 0.5, 1)) infinite}.lds-ring_small div{top:-15%;left:-15%;width:100% !important;height:100% !important;border:calc(var(--spinner-border-width, 8px)/2) solid var(--spinner-border-color, #000) !important;border-color:var(--spinner-border-color, #000) rgba(0,0,0,0) rgba(0,0,0,0) !important}.lds-ring div:nth-child(1){animation-delay:var(--spinner-animation-delay-1, -0.45s)}.lds-ring div:nth-child(2){animation-delay:var(--spinner-animation-delay-2, -0.3s)}.lds-ring div:nth-child(3){animation-delay:var(--spinner-animation-delay-3, -0.15s)}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.button{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;height:28px;padding:3px 10px;font-size:13px;line-height:20px;cursor:pointer;user-select:none;text-align:center;white-space:nowrap;border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.button:disabled{pointer-events:none;opacity:.5}.button_warning{color:#fff;border:1px solid #f06d8d;background-color:#f06d8d}.button_warning:hover{filter:brightness(1.1)}.button_dark-outline{color:#1e1e2d;border:1px solid #bac2c9}.button_dark-outline:hover{background-color:#f2f2f8}.button_primary{color:#fff;border:1px solid #6b81dd;background-color:#6b81dd}.button_primary:hover{filter:brightness(1.1)}.button_secondary{color:#fff;border:1px solid #bac2c9;background-color:#bac2c9}.button_secondary:hover{filter:brightness(1.1)}.button_ellipse-apply{padding:8px 16px;font-family:Sarabun,sans-serif;font-size:16px;font-weight:500;font-style:normal;line-height:24px;letter-spacing:.1px;color:#fff;border-radius:40px;background:#1f7499}.button_ellipse-cancel{padding:8px 18px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:normal;font-style:normal;line-height:20px;letter-spacing:.2px;color:#1f7499;border-radius:32px}.button_link{color:#6b81dd;box-shadow:none}.button_link svg{display:none}.button_success{color:#fff;border:1px solid #7ac48c;background-color:#7ac48c}.button_success:hover{filter:brightness(1.1)}.button__text{display:flex;justify-content:center;align-items:center;width:100%;box-shadow:none}.button:active{filter:brightness(1.1)}.button__icon{width:auto;min-width:15px;height:25px}.button_icon-left .button__text{margin-left:5px}.button_icon-right .button__text{order:1;margin-right:5px;margin-left:0}.button_icon-right svg{order:2}.text-ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.tag-list_wrapper{display:flex;flex-wrap:wrap;gap:4px;width:100%;min-width:100%;max-width:100%}.tag-list_wrapper--disabled{filter:grayscale(0.2)}.tag-list_wrapper--disabled *{pointer-events:none !important}.tag-list_wrapper--only-static-items{display:flex}.tag-list_wrapper--only-static-items .tag-list_wrapper_item{margin-bottom:0}.tag-list_wrapper_item{display:inline-block;box-sizing:border-box;width:auto}.tag-list_wrapper_item .tag{box-sizing:border-box;max-width:100%;margin:0 !important}.tag-list_wrapper_item .tag__label{overflow:hidden;text-overflow:ellipsis}.tag-list_wrapper_item--hidden{display:none}.tag-list_wrapper_render-more,.tag-list_wrapper_hide-more{margin:0 !important;cursor:pointer;background:#ffedc8}.tag-list_wrapper .tag{margin:2px}.tag-list__edit-trigger{display:flex;align-items:center;align-self:stretch;box-sizing:border-box;padding:2px;cursor:pointer}.tag-list__edit-trigger svg{width:16px;height:16px;color:#6b81dd}.tag{--tag-height: 22px;--tag-margin-right: 4px;--tag-padding: 0 6px;--tag-border-radius: 3px;--tag-background-color: #e2e5ec;--tag-label-font-size: 11px;--tag-label-color: #1e1e2d;--tag-button-width: 16px;--tag-button-height: 16px;--tag-button-margin-left: 8px;--tag-button-opacity: 0.3;--tag-button-color: #1e1e2d;--tag-warn-background-color: #fce2e8;--tag-warn-label-color: #b9002c;--tag-warn-hint-top: 30px;--tag-warn-hint-left: 2px;--tag-warn-hint-min-width: 80px;--tag-warn-hint-max-width: 270px;--tag-warn-hint-padding: 8px;--tag-warn-hint-font-size: 10px;--tag-warn-hint-line-height: 16px;--tag-warn-hint-color: #fff;--tag-warn-hint-background-color: #6b81dd;--tag-warn-hint-border-radius: 4px;--tag-warn-hint-before-top: -4px;--tag-warn-hint-before-width: 8.5px;--tag-warn-hint-before-height: 8.5px;--tag-warn-hint-before-background-color: #6b81dd;--tag-popup-z-index: 9999;--tag-popup-min-width: 200px;--tag-popup-min-height: 60px;--tag-popup-padding: 8px;--tag-popup-border-radius: 4px;--tag-popup-background: #ffffff;--tag-popup-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);--tag-popup-before-top: -6px;--tag-popup-before-right: 15px;--tag-popup-before-width: 12px;--tag-popup-before-height: 12px;--tag-popup-before-background: #ffffff;position:relative;display:inline-flex;align-items:center;height:var(--tag-height, 22px);margin-right:var(--tag-margin-right, 4px);padding:var(--tag-padding);cursor:pointer;user-select:none;vertical-align:middle;white-space:nowrap;border-radius:var(--tag-border-radius, 3px);background-color:var(--tag-background-color, #e2e5ec)}.tag__label{font-size:var(--tag-label-font-size, 11px);color:var(--tag-label-color, #1e1e2d)}.tag__button{display:flex;justify-content:center;align-items:center;width:var(--tag-button-width, 16px);height:var(--tag-button-height, 16px);margin-left:var(--tag-button-margin-left, 8px);cursor:pointer;opacity:var(--tag-button-opacity, 0.3);color:var(--tag-button-color, #1e1e2d)}.tag-warn{background-color:var(--tag-warn-background-color, #fce2e8)}.tag-warn .tag__label{color:var(--tag-warn-label-color, #b9002c)}.tag__warn-hint{position:absolute;z-index:2;top:var(--tag-warn-hint-top, 30px);left:var(--tag-warn-hint-left, 2px);min-width:var(--tag-warn-hint-min-width, 80px);max-width:var(--tag-warn-hint-max-width, 270px);padding:var(--tag-warn-hint-padding, 8px);font-size:var(--tag-warn-hint-font-size, 10px);line-height:var(--tag-warn-hint-line-height, 16px);color:var(--tag-warn-hint-color, #fff);border-radius:var(--tag-warn-hint-border-radius, 4px);background-color:var(--tag-warn-hint-background-color, #6b81dd)}.tag__warn-hint::before{position:absolute;top:var(--tag-warn-hint-before-top, -4px);width:var(--tag-warn-hint-before-width, 8.5px);height:var(--tag-warn-hint-before-height, 8.5px);content:"";background-color:var(--tag-warn-hint-before-background-color, #6b81dd);transform:rotate(45deg)}.tag svg{min-width:var(--tag-button-width, 16px);max-width:var(--tag-button-width, 16px);min-height:var(--tag-button-height, 16px);max-height:var(--tag-button-height, 16px)}.tag__popup{position:absolute;z-index:var(--tag-popup-z-index, 9999);box-sizing:border-box;width:fit-content;min-width:var(--tag-popup-min-width, 200px);min-height:var(--tag-popup-min-height, 60px);padding:var(--tag-popup-padding, 8px);border-radius:var(--tag-popup-border-radius, 4px);background:var(--tag-popup-background, #ffffff);box-shadow:var(--tag-popup-box-shadow, 0px 4px 25px 0px rgba(0, 0, 0, 0.25))}.tag__popup:before{position:absolute;top:var(--tag-popup-before-top, -6px);right:var(--tag-popup-before-right, 15px);width:var(--tag-popup-before-width, 12px);height:var(--tag-popup-before-height, 12px);content:"";background:var(--tag-popup-before-background, #ffffff);transform:rotate(45deg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.box{box-sizing:border-box;height:fit-content;border:1px solid #e1e8f1}.box--radii-none{border-radius:0}.box--radii-xs{border-radius:4px}.box--radii-s{border-radius:8px}.box--radii-m{border-radius:16px}.box--radii-l{border-radius:24px}.box--radii-xl{border-radius:32px}.box--padding-none{padding:0}.box--padding-xs{padding:4px}.box--padding-s{padding:8px}.box--padding-m{padding:16px}.box--padding-l{padding:24px}.box--padding-xl{padding:32px}
|
|
1
|
+
:export{primaryColor:#3f51b5;secondaryColor:#f50057;successColor:#4caf50;warningColor:#ff9800;errorColor:#f44336;infoColor:#2196f3;backgroundColor:#fff;textColor:#212121;textSecondaryColor:#757575}.box{box-sizing:border-box;height:fit-content;border:1px solid #e1e8f1}.box--radii-none{border-radius:0}.box--radii-xs{border-radius:4px}.box--radii-s{border-radius:8px}.box--radii-m{border-radius:16px}.box--radii-l{border-radius:24px}.box--radii-xl{border-radius:32px}.box--padding-none{padding:0}.box--padding-xs{padding:4px}.box--padding-s{padding:8px}.box--padding-m{padding:16px}.box--padding-l{padding:24px}.box--padding-xl{padding:32px}.status{--status-height: 20px;--status-padding: 0 8px;--status-font-size: 11px;--status-font-weight: 400;--status-border-radius: 15px;--status-number-font-size: 10px;--status-no-bg-font-size: 13px;--status-error-color: #ffff;--status-error-bg-color: #9aa0b9;--status-review-bg-color: #fce2e8;--status-processing-bg-color: #e2e6f8;--status-info-color: #1f7499;--status-info-bg-color: #cde1ff;--status-pending-color: #f59a2f;--status-outline-border-color: #d6d9e4;--status-disabled-color: #777;display:inline-flex;justify-content:center;align-items:center;height:var(--status-height, 20px);padding:var(--status-padding, 0 8px);font-size:var(--status-font-size, 11px);font-weight:var(--status-font-weight, 400);border-radius:var(--status-border-radius, 15px)}.status--number{display:flex;justify-content:center;align-items:center;height:var(--status-height, 20px);font-size:var(--status-number-font-size, 10px);border-radius:var(--status-border-radius, 15px)}.status--active,.status--approved{color:#00b031;background-color:#e4f3e8}.status--error{color:var(--status-error-color, white);background-color:var(--status-error-bg-color, #9aa0b9)}.status--review,.status--pause,.status--reject,.status--No,.status--declined,.status--blocked{color:#f06d8d;background-color:var(--status-review-bg-color, #fce2e8)}.status--processing{color:var(--status-error-bg-color, #9aa0b9);background-color:var(--status-processing-bg-color, #e2e6f8)}.status--new,.status--preApproved{color:#6b81dd;background-color:var(--status-processing-bg-color, #e2e6f8)}.status--pending,.status--primary,.status--warning{color:var(--status-pending-color, #f59a2f);background-color:#ffedc8}.status--info{color:var(--status-info-color, #1f7499);background-color:var(--status-info-bg-color, #cde1ff)}.status--number-active,.status--Yes{color:#00b031}.status--no-bg{font-size:var(--status-no-bg-font-size, 13px);background:none}.status--disabled{color:var(--status-disabled-color, #777);background-color:#e2e5ec}.status--outline{color:var(--status-info-color, #1f7499);border:1px solid var(--status-outline-border-color, #d6d9e4)}.state-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:16px}.state-icon svg{stroke:#656e7a;fill:#656e7a}.state-icon--done,.state-icon--active{background-color:#eaf2ff}.state-icon--done svg{stroke:#1f7499;fill:none}.state-icon--active svg{stroke:#000;fill:#000}.step-row{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:26px}.step-row::after{position:absolute;left:-1px;width:2px;height:calc(100% + 16px);content:"";background-color:#e1e4eb}.step-row__state-point{position:absolute;z-index:2;left:-10px}.step-row__content{display:flex;flex-direction:column;row-gap:4px;width:100%}.step-row__title{display:flex;justify-content:space-between}.step-row__title-left{display:flex;align-items:center;column-gap:8px}.step-row__title-text{font-family:inherit;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.2px}.step-row__description{font-family:inherit;font-size:12px;font-weight:400;line-height:18px;letter-spacing:.2px;color:#656e7a}.step-row:first-child::after{bottom:-50%;height:100%}.step-row:last-child::after{bottom:50%;height:100%}.step-wrapper{display:flex;flex-direction:column;row-gap:16px;padding-top:8px;padding-bottom:8px}.step-wrapper .status--draft{color:var(--color-text-muted, #757f8c);background-color:#f0f1f4}.step-wrapper.step-wrapper-ghost,.step-wrapper.step-wrapper-card-active{padding:24px 16px}.step-wrapper.step-wrapper-ghost:has(.step-row--active) .step-row::after,.step-wrapper.step-wrapper-card-active:has(.step-row--active) .step-row::after{height:calc(100% + 30px)}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .step-row__content,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .step-row__content{row-gap:8px}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .step-row__title,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .step-row__title{row-gap:4px}.step-wrapper.step-wrapper-ghost .step-row.step-row--active:has(.custom-title-slot) .custom-title-slot,.step-wrapper.step-wrapper-card-active .step-row.step-row--active:has(.custom-title-slot) .custom-title-slot{font-family:inherit;font-size:18px;font-weight:700;font-style:normal;line-height:28px;text-align:right;letter-spacing:.1px;color:var(--color-text-success, #69a457)}.step-wrapper.step-wrapper-ghost .step-row--active,.step-wrapper.step-wrapper-card-active .step-row--active{--icon-width: 20px;--content-padding: 20px;--negative-offset: -20px;display:flex;align-items:center;align-self:stretch;gap:24px;margin-right:var(--negative-offset);margin-left:var(--negative-offset);padding:16px 20px 16px 10.5px;border-radius:6px;background:var(--white, #fff);box-shadow:0px 2px 8px 0px rgba(39,73,113,.15)}.step-wrapper.step-wrapper-ghost .step-row--active .step-row__state-point,.step-wrapper.step-wrapper-card-active .step-row--active .step-row__state-point{position:static;display:flex}.step-wrapper.step-wrapper-ghost .step-row--active::after,.step-wrapper.step-wrapper-card-active .step-row--active::after{content:none}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
//#region \0rolldown/runtime.js
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __exportAll = (all, no_symbols) => {
|
|
7
|
+
let target = {};
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
|
|
13
|
+
return target;
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
|
|
17
|
+
key = keys[i];
|
|
18
|
+
if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
19
|
+
get: ((k) => from[k]).bind(null, key),
|
|
20
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return to;
|
|
24
|
+
};
|
|
25
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
26
|
+
//#endregion
|
|
27
|
+
export { __exportAll, __reExport };
|
package/dist/es/form.js
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import "./_virtual/_rolldown/runtime.js";
|
|
2
|
+
import ActionAlert from "./Atomic/FormElements/ActionAlert/index.ts";
|
|
3
|
+
import AdvancedStatus from "./Atomic/FormElements/AdvancedStatus/index.ts";
|
|
4
|
+
import Calendar from "./Atomic/FormElements/Calendar/Calendar.tsx";
|
|
5
|
+
import CheckboxesLine from "./Atomic/FormElements/CheckboxesLine/index.ts";
|
|
6
|
+
import CheckboxInput from "./Atomic/FormElements/CheckboxInput/index.ts";
|
|
7
|
+
import DatepickerCalendar from "./Atomic/FormElements/Datepicker/components/DatepickerCalendar.tsx";
|
|
8
|
+
import Datepicker from "./Atomic/FormElements/Datepicker/Datepicker.tsx";
|
|
9
|
+
import Dropdown from "./Atomic/FormElements/Dropdown/index.ts";
|
|
10
|
+
import DropdownLiveSearch from "./Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.tsx";
|
|
11
|
+
import FileLoader from "./Atomic/FormElements/FileLoader/FileLoader.tsx";
|
|
12
|
+
import LoadedContent from "./Atomic/FormElements/FileLoader/partial/LoadedContent.tsx";
|
|
13
|
+
import LoadZone from "./Atomic/FormElements/FileLoader/partial/LoadZone.tsx";
|
|
14
|
+
import FileLoaderDescription from "./Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.tsx";
|
|
15
|
+
import FileLoaderLocal from "./Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.tsx";
|
|
16
|
+
import FileLoaderLocalGroup from "./Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.tsx";
|
|
17
|
+
import FormattedRawSSN from "./Atomic/FormElements/FormattedRawSSN/index.ts";
|
|
18
|
+
import Input from "./Atomic/FormElements/Input/index.ts";
|
|
19
|
+
import InputCalendar from "./Atomic/FormElements/InputCalendar/InputCalendar.tsx";
|
|
20
|
+
import InputColor from "./Atomic/FormElements/InputColor/index.ts";
|
|
21
|
+
import DateInput from "./Atomic/FormElements/InputDateRange/components/DateInput.tsx";
|
|
22
|
+
import InputDateRangeDatepicker from "./Atomic/FormElements/InputDateRange/components/Datepicker.tsx";
|
|
23
|
+
import OpenedPart from "./Atomic/FormElements/InputDateRange/components/OpenedPart.tsx";
|
|
24
|
+
import SelectItem from "./Atomic/FormElements/InputDateRange/components/SelectItem.tsx";
|
|
25
|
+
import { ALL_TIME_KEY, CUSTOM_INTERVAL_KEY, CUSTOM_INTERVAL_KEY_TEXT, INTERVALS, MAIN_DATE_FORMAT, MAIN_FORMAT, MAIN_TIME_FORMAT, getActualDateRange, getIsDateValid } from "./Atomic/FormElements/InputDateRange/dependencies.ts";
|
|
26
|
+
import InputDateRange from "./Atomic/FormElements/InputDateRange/InputDateRange.tsx";
|
|
27
|
+
import InputLink from "./Atomic/FormElements/InputLink/index.ts";
|
|
28
|
+
import InputMask3 from "./Atomic/FormElements/InputMask3/InputMask3.tsx";
|
|
29
|
+
import InputMask from "./Atomic/FormElements/InputMask/InputMask.tsx";
|
|
30
|
+
import InputsRow from "./Atomic/FormElements/InputsRow/index.ts";
|
|
31
|
+
import InputWithAction from "./Atomic/FormElements/InputWithAction/index.ts";
|
|
32
|
+
import Label from "./Atomic/FormElements/Label/index.ts";
|
|
33
|
+
import MobileCalendar from "./Atomic/FormElements/MobileCalendar/MobileCalendar.tsx";
|
|
34
|
+
import MultiSelect from "./Atomic/FormElements/MultiSelect/MultiSelect.tsx";
|
|
35
|
+
import NumericInput from "./Atomic/FormElements/NumericInput/NumericInput.js";
|
|
36
|
+
import RadioGroup from "./Atomic/FormElements/RadioGroup/RadioGroup.tsx";
|
|
37
|
+
import RadioGroupWithInput from "./Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.tsx";
|
|
38
|
+
import RadioInput from "./Atomic/FormElements/RadioInput/index.ts";
|
|
39
|
+
import RadioRowSwitcher from "./Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.tsx";
|
|
40
|
+
import RangeCalendar from "./Atomic/FormElements/RangeCalendar/RangeCalendar.js";
|
|
41
|
+
import RangeInputs from "./Atomic/FormElements/RangeInputs/index.ts";
|
|
42
|
+
import RangeList from "./Atomic/FormElements/RangeList/index.ts";
|
|
43
|
+
import RangeListRow from "./Atomic/FormElements/RangeList/partial/RangeListRow.tsx";
|
|
44
|
+
import RangeSlider2 from "./Atomic/FormElements/RangeSlider2/RangeSlider2.tsx";
|
|
45
|
+
import RangeSlider from "./Atomic/FormElements/RangeSlider/RangeSlider.js";
|
|
46
|
+
import SwitchableRow from "./Atomic/FormElements/SwitchableRow/SwitchableRow.tsx";
|
|
47
|
+
import Switcher from "./Atomic/FormElements/Switcher/index.ts";
|
|
48
|
+
import SwitcherCheckbox from "./Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.tsx";
|
|
49
|
+
import SwitcherHide from "./Atomic/FormElements/SwitcherHide/index.ts";
|
|
50
|
+
import SwitcherRadio from "./Atomic/FormElements/SwitcherRadio/index.ts";
|
|
51
|
+
import SwitcherRange from "./Atomic/FormElements/SwitcherRange/index.ts";
|
|
52
|
+
import SwitcherRangeList from "./Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.tsx";
|
|
53
|
+
import SwitcherTagsDropdown from "./Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.tsx";
|
|
54
|
+
import SwitcherTextarea from "./Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.tsx";
|
|
55
|
+
import TagListToDropdown from "./Atomic/FormElements/TagListToDropdown/TagListToDropdown.tsx";
|
|
56
|
+
import TagsDropdown from "./Atomic/FormElements/TagsDropdown/TagsDropdown.tsx";
|
|
57
|
+
import Text from "./Atomic/FormElements/Text/index.ts";
|
|
58
|
+
import Textarea from "./Atomic/FormElements/Textarea/Textarea.tsx";
|
|
59
|
+
import TextSwitcher from "./Atomic/FormElements/TextSwitcher/TextSwitcher.tsx";
|
|
60
|
+
import TieredCheckboxes from "./Atomic/FormElements/TieredCheckboxes/index.ts";
|
|
61
|
+
import AccordionWithCheckbox from "./Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.tsx";
|
|
62
|
+
import TimeRange from "./Atomic/FormElements/TimeRange/index.ts";
|
|
63
|
+
import UserContacts from "./Atomic/FormElements/UserContacts/index.ts";
|
|
64
|
+
import VariantsListRadio from "./Atomic/FormElements/VariantsListRadio/VariantsListRadio.js";
|
|
65
|
+
import WidgetPseudoTable from "./Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js";
|
|
66
|
+
import WidgetWithSwitchableRows from "./Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js";
|
|
67
|
+
import FormElement from "./Molecular/FormElement/FormElement.tsx";
|
|
68
|
+
import FormWithDependOn from "./Molecular/FormWithDependOn/FormWithDependOn.js";
|
|
69
|
+
import InputAddress from "./Molecular/InputAddress/InputAddress.tsx";
|
|
70
|
+
import InputPassword from "./Molecular/InputPassword/InputPassword.tsx";
|
|
71
|
+
export * from "./Atomic/FormElements/ActionAlert/index.ts";
|
|
72
|
+
export * from "./Atomic/FormElements/AdvancedStatus/index.ts";
|
|
73
|
+
export * from "./Atomic/FormElements/CheckboxesLine/index.ts";
|
|
74
|
+
export * from "./Atomic/FormElements/CheckboxInput/index.ts";
|
|
75
|
+
export * from "./Atomic/FormElements/Dropdown/index.ts";
|
|
76
|
+
export * from "./Atomic/FormElements/FormattedRawSSN/index.ts";
|
|
77
|
+
export * from "./Atomic/FormElements/Input/index.ts";
|
|
78
|
+
export * from "./Atomic/FormElements/InputColor/index.ts";
|
|
79
|
+
export * from "./Atomic/FormElements/InputCurrency/index.ts";
|
|
80
|
+
export * from "./Atomic/FormElements/InputLink/index.ts";
|
|
81
|
+
export * from "./Atomic/FormElements/InputMask/index.ts";
|
|
82
|
+
export * from "./Atomic/FormElements/InputsRow/index.ts";
|
|
83
|
+
export * from "./Atomic/FormElements/InputWithAction/index.ts";
|
|
84
|
+
export * from "./Atomic/FormElements/Label/index.ts";
|
|
85
|
+
export * from "./Atomic/FormElements/MultiSelect/MultiSelect.tsx";
|
|
86
|
+
export * from "./Atomic/FormElements/RadioInput/index.ts";
|
|
87
|
+
export * from "./Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.tsx";
|
|
88
|
+
export * from "./Atomic/FormElements/RangeInputs/index.ts";
|
|
89
|
+
export * from "./Atomic/FormElements/RangeList/index.ts";
|
|
90
|
+
export * from "./Atomic/FormElements/Switcher/index.ts";
|
|
91
|
+
export * from "./Atomic/FormElements/SwitcherHide/index.ts";
|
|
92
|
+
export * from "./Atomic/FormElements/SwitcherRadio/index.ts";
|
|
93
|
+
export * from "./Atomic/FormElements/SwitcherRange/index.ts";
|
|
94
|
+
export * from "./Atomic/FormElements/Text/index.ts";
|
|
95
|
+
export * from "./Atomic/FormElements/TieredCheckboxes/index.ts";
|
|
96
|
+
export * from "./Atomic/FormElements/TimeRange/index.ts";
|
|
97
|
+
export * from "./Atomic/FormElements/UserContacts/index.ts";
|
|
98
|
+
export * from "./Molecular/InputCustomFetch/index.ts";
|
|
99
|
+
export { ALL_TIME_KEY, AccordionWithCheckbox, ActionAlert, AdvancedStatus, CUSTOM_INTERVAL_KEY, CUSTOM_INTERVAL_KEY_TEXT, Calendar, CheckboxInput, CheckboxesLine, DateInput, Datepicker, DatepickerCalendar, Dropdown, DropdownLiveSearch, FileLoader, FileLoaderDescription, FileLoaderLocal, FileLoaderLocalGroup, FormElement, FormWithDependOn, FormattedRawSSN, INTERVALS, Input, InputAddress, InputCalendar, InputColor, InputDateRange, InputDateRangeDatepicker, InputLink, InputMask, InputMask3, InputPassword, InputWithAction, InputsRow, Label, LoadZone, LoadedContent, MAIN_DATE_FORMAT, MAIN_FORMAT, MAIN_TIME_FORMAT, MobileCalendar, MultiSelect, NumericInput, OpenedPart, RadioGroup, RadioGroupWithInput, RadioInput, RadioRowSwitcher, RangeCalendar, RangeInputs, RangeList, RangeListRow, RangeSlider, RangeSlider2, SelectItem, SwitchableRow, Switcher, SwitcherCheckbox, SwitcherHide, SwitcherRadio, SwitcherRange, SwitcherRangeList, SwitcherTagsDropdown, SwitcherTextarea, TagListToDropdown, TagsDropdown, Text, TextSwitcher, Textarea, TieredCheckboxes, TimeRange, UserContacts, VariantsListRadio, WidgetPseudoTable, WidgetWithSwitchableRows, getActualDateRange, getIsDateValid };
|
package/dist/es/hooks.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import "./_virtual/_rolldown/runtime.js";
|
|
2
|
+
import customEventListener from "./Functions/customEventListener.js";
|
|
3
|
+
import useFormFieldsChangesManager from "./Functions/hooks/useFormFieldsChangesManager.js";
|
|
4
|
+
import createTranslator from "./Functions/locale/createTranslator.js";
|
|
5
|
+
import Portal from "./Functions/Portal.js";
|
|
6
|
+
import useBodyScrollLock from "./Functions/useBodyScrollLock.js";
|
|
7
|
+
import useFieldsFocus from "./Functions/useFieldFocus.js";
|
|
8
|
+
import useFormTools from "./Functions/useFormTools/index.js";
|
|
9
|
+
import useInputHighlightError from "./Functions/useInputHighlightError.js";
|
|
10
|
+
import useIsMobile from "./Functions/useIsMobile/index.ts";
|
|
11
|
+
import useKeyPress from "./Functions/useKeyPress/useKeyPress.ts";
|
|
12
|
+
import useLocalStorage from "./Functions/useLocalStorage.js";
|
|
13
|
+
import useLocationParams from "./Functions/useLocationParams.js";
|
|
14
|
+
import useMediaQuery from "./Functions/useMediaQuery.js";
|
|
15
|
+
import useMetaInfo from "./Functions/useMetaInfo.js";
|
|
16
|
+
import useMouseUpOutside from "./Functions/useMouseUpOutside.js";
|
|
17
|
+
import useOnlineStatus from "./Functions/useOnlineStatus.js";
|
|
18
|
+
import usePasswordChecker from "./Functions/usePasswordChecker.js";
|
|
19
|
+
import usePrevious from "./Functions/usePrevious.js";
|
|
20
|
+
import useScrollTo from "./Functions/useScrollTo.js";
|
|
21
|
+
import useToggle from "./Functions/useToggle.js";
|
|
22
|
+
export * from "./Functions/customEventListener.js";
|
|
23
|
+
export * from "./Functions/dateTime.js";
|
|
24
|
+
export * from "./Functions/fieldValueFormatters.js";
|
|
25
|
+
export * from "./Functions/operations.js";
|
|
26
|
+
export * from "./Functions/useClickOutside.js";
|
|
27
|
+
export * from "./Functions/useDebounce.js";
|
|
28
|
+
export * from "./Functions/useInputHighlightError.js";
|
|
29
|
+
export * from "./Functions/useKeyPress/useKeyPress.ts";
|
|
30
|
+
export * from "./Functions/useMetaInfo.js";
|
|
31
|
+
export * from "./Functions/useResize.js";
|
|
32
|
+
export { Portal, createTranslator, customEventListener, useBodyScrollLock, useFieldsFocus, useFormFieldsChangesManager, useFormTools, useInputHighlightError, useIsMobile, useKeyPress, useLocalStorage, useLocationParams, useMediaQuery, useMetaInfo, useMouseUpOutside, useOnlineStatus, usePasswordChecker, usePrevious, useScrollTo, useToggle };
|
package/dist/es/icons.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { __exportAll, __reExport } from "./_virtual/_rolldown/runtime.js";
|
|
2
|
+
export * from "./Molecular/CustomIcons/index.ts";
|
|
3
|
+
//#region src/icons.ts
|
|
4
|
+
var icons_exports = /* @__PURE__ */ __exportAll({});
|
|
5
|
+
import * as import_src_Molecular_CustomIcons_index_ts from "./Molecular/CustomIcons/index.ts";
|
|
6
|
+
__reExport(icons_exports, import_src_Molecular_CustomIcons_index_ts);
|
|
7
|
+
//#endregion
|
|
8
|
+
export { icons_exports };
|
|
9
|
+
|
|
10
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","names":[],"sources":["../../src/icons.ts"],"sourcesContent":["/**\n * IntelicoKit — Public subpath: \"intelicokit/icons\"\n * Custom icon components (Molecular/CustomIcons)\n */\n\nexport * from './Molecular/CustomIcons/index';\n"],"mappings":""}
|
package/dist/es/index.js
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import "./_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { AbortableFetch, AnimatedHandler, RESTAPI } from "./classes.js";
|
|
3
|
+
import { ALL_TIME_KEY, AccordionWithCheckbox, ActionAlert, AdvancedStatus, CUSTOM_INTERVAL_KEY, CUSTOM_INTERVAL_KEY_TEXT, Calendar, CheckboxInput, CheckboxesLine, DateInput, Datepicker, DatepickerCalendar, Dropdown, DropdownLiveSearch, FileLoader, FileLoaderDescription, FileLoaderLocal, FileLoaderLocalGroup, FormElement, FormWithDependOn, FormattedRawSSN, INTERVALS, Input, InputAddress, InputCalendar, InputColor, InputDateRange, InputDateRangeDatepicker, InputLink, InputMask, InputMask3, InputPassword, InputWithAction, InputsRow, Label, LoadZone, LoadedContent, MAIN_DATE_FORMAT, MAIN_FORMAT, MAIN_TIME_FORMAT, MobileCalendar, MultiSelect, NumericInput, OpenedPart, RadioGroup, RadioGroupWithInput, RadioInput, RadioRowSwitcher, RangeCalendar, RangeInputs, RangeList, RangeListRow, RangeSlider, RangeSlider2, SelectItem, SwitchableRow, Switcher, SwitcherCheckbox, SwitcherHide, SwitcherRadio, SwitcherRange, SwitcherRangeList, SwitcherTagsDropdown, SwitcherTextarea, TagListToDropdown, TagsDropdown, Text, TextSwitcher, Textarea, TieredCheckboxes, TimeRange, UserContacts, VariantsListRadio, WidgetPseudoTable, WidgetWithSwitchableRows, getActualDateRange, getIsDateValid } from "./form.js";
|
|
4
|
+
import { Portal, createTranslator, customEventListener, useBodyScrollLock, useFieldsFocus, useFormFieldsChangesManager, useFormTools, useInputHighlightError, useIsMobile, useKeyPress, useLocalStorage, useLocationParams, useMediaQuery, useMetaInfo, useMouseUpOutside, useOnlineStatus, usePasswordChecker, usePrevious, useScrollTo, useToggle } from "./hooks.js";
|
|
5
|
+
import { icons_exports } from "./icons.js";
|
|
6
|
+
import { Header, Spinner } from "./layout.js";
|
|
7
|
+
import { AccordionTable, AccordionText, AdvancedTags, Alert, Arrow, Box, Button, CircleProgressBar, DateTime, DebugContainer, DoubleString, Hint, Modal, MonoAccordion, PageTitle, Price, PriceRange, ProgressLine, Status, Table, Tag, TagList, UserBox, WizardStepper } from "./ui.js";
|
|
8
|
+
import { assertions, safeValue, typesGuards } from "./utils.js";
|
|
9
|
+
export * from "./Constants/index.constants.js";
|
|
10
|
+
export * from "./Atomic/FormElements/ActionAlert/index.ts";
|
|
11
|
+
export * from "./Atomic/FormElements/AdvancedStatus/index.ts";
|
|
12
|
+
export * from "./Atomic/FormElements/CheckboxesLine/index.ts";
|
|
13
|
+
export * from "./Atomic/FormElements/CheckboxInput/index.ts";
|
|
14
|
+
export * from "./Atomic/FormElements/Dropdown/index.ts";
|
|
15
|
+
export * from "./Atomic/FormElements/FormattedRawSSN/index.ts";
|
|
16
|
+
export * from "./Atomic/FormElements/Input/index.ts";
|
|
17
|
+
export * from "./Atomic/FormElements/InputColor/index.ts";
|
|
18
|
+
export * from "./Atomic/FormElements/InputCurrency/index.ts";
|
|
19
|
+
export * from "./Atomic/FormElements/InputLink/index.ts";
|
|
20
|
+
export * from "./Atomic/FormElements/InputMask/index.ts";
|
|
21
|
+
export * from "./Atomic/FormElements/InputsRow/index.ts";
|
|
22
|
+
export * from "./Atomic/FormElements/InputWithAction/index.ts";
|
|
23
|
+
export * from "./Atomic/FormElements/Label/index.ts";
|
|
24
|
+
export * from "./Atomic/FormElements/MultiSelect/MultiSelect.tsx";
|
|
25
|
+
export * from "./Atomic/FormElements/RadioInput/index.ts";
|
|
26
|
+
export * from "./Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.tsx";
|
|
27
|
+
export * from "./Atomic/FormElements/RangeInputs/index.ts";
|
|
28
|
+
export * from "./Atomic/FormElements/RangeList/index.ts";
|
|
29
|
+
export * from "./Atomic/FormElements/Switcher/index.ts";
|
|
30
|
+
export * from "./Atomic/FormElements/SwitcherHide/index.ts";
|
|
31
|
+
export * from "./Atomic/FormElements/SwitcherRadio/index.ts";
|
|
32
|
+
export * from "./Atomic/FormElements/SwitcherRange/index.ts";
|
|
33
|
+
export * from "./Atomic/FormElements/Text/index.ts";
|
|
34
|
+
export * from "./Atomic/FormElements/TieredCheckboxes/index.ts";
|
|
35
|
+
export * from "./Atomic/FormElements/TimeRange/index.ts";
|
|
36
|
+
export * from "./Atomic/FormElements/UserContacts/index.ts";
|
|
37
|
+
export * from "./Molecular/InputCustomFetch/index.ts";
|
|
38
|
+
export * from "./Functions/customEventListener.js";
|
|
39
|
+
export * from "./Functions/dateTime.js";
|
|
40
|
+
export * from "./Functions/fieldValueFormatters.js";
|
|
41
|
+
export * from "./Functions/operations.js";
|
|
42
|
+
export * from "./Functions/useClickOutside.js";
|
|
43
|
+
export * from "./Functions/useDebounce.js";
|
|
44
|
+
export * from "./Functions/useInputHighlightError.js";
|
|
45
|
+
export * from "./Functions/useKeyPress/useKeyPress.ts";
|
|
46
|
+
export * from "./Functions/useMetaInfo.js";
|
|
47
|
+
export * from "./Functions/useResize.js";
|
|
48
|
+
export * from "./Atomic/FormElements/InputMask3/config.ts";
|
|
49
|
+
export * from "./Atomic/FormElements/InputMask3/functions.ts";
|
|
50
|
+
export * from "./Functions/presets/inputMaskPresets.js";
|
|
51
|
+
export * from "./Functions/presets/inputPresets.js";
|
|
52
|
+
export * from "./Functions/presets/mobileKeyboardTypesPresets.js";
|
|
53
|
+
export * from "./types/declaration/index.ts";
|
|
54
|
+
export * from "./Atomic/UI/AdvancedTag/index.ts";
|
|
55
|
+
export * from "./Atomic/UI/Alert/index.ts";
|
|
56
|
+
export * from "./Atomic/UI/Button/Button.tsx";
|
|
57
|
+
export * from "./Atomic/UI/DebugContainer/index.ts";
|
|
58
|
+
export * from "./Atomic/UI/DoubleString/index.ts";
|
|
59
|
+
export * from "./Atomic/UI/Hint/index.ts";
|
|
60
|
+
export * from "./Atomic/UI/Modal/index.ts";
|
|
61
|
+
export * from "./Atomic/UI/MonoAccordion/index.ts";
|
|
62
|
+
export * from "./Atomic/UI/PageTitle/index.ts";
|
|
63
|
+
export * from "./Atomic/UI/Price/index.ts";
|
|
64
|
+
export * from "./Atomic/UI/PriceRange/index.ts";
|
|
65
|
+
export * from "./Atomic/UI/ProgressLine/index.ts";
|
|
66
|
+
export * from "./Atomic/UI/Status/index.ts";
|
|
67
|
+
export * from "./Atomic/UI/Tag/index.ts";
|
|
68
|
+
export * from "./Atomic/UI/UserBox/index.ts";
|
|
69
|
+
export * from "./Atomic/UI/WizardStepper/index.ts";
|
|
70
|
+
export * from "./Functions/utils.js";
|
|
71
|
+
export { ALL_TIME_KEY, AbortableFetch, AccordionTable, AccordionText, AccordionWithCheckbox, ActionAlert, AdvancedStatus, AdvancedTags, Alert, AnimatedHandler, Arrow, Box, Button, CUSTOM_INTERVAL_KEY, CUSTOM_INTERVAL_KEY_TEXT, Calendar, CheckboxInput, CheckboxesLine, CircleProgressBar, DateInput, DateTime, Datepicker, DatepickerCalendar, DebugContainer, DoubleString, Dropdown, DropdownLiveSearch, FileLoader, FileLoaderDescription, FileLoaderLocal, FileLoaderLocalGroup, FormElement, FormWithDependOn, FormattedRawSSN, Header, Hint, INTERVALS, icons_exports as Icons, Input, InputAddress, InputCalendar, InputColor, InputDateRange, InputDateRangeDatepicker, InputLink, InputMask, InputMask3, InputPassword, InputWithAction, InputsRow, Label, LoadZone, LoadedContent, MAIN_DATE_FORMAT, MAIN_FORMAT, MAIN_TIME_FORMAT, MobileCalendar, Modal, MonoAccordion, MultiSelect, NumericInput, OpenedPart, PageTitle, Portal, Price, PriceRange, ProgressLine, RESTAPI, RadioGroup, RadioGroupWithInput, RadioInput, RadioRowSwitcher, RangeCalendar, RangeInputs, RangeList, RangeListRow, RangeSlider, RangeSlider2, SelectItem, Spinner, Status, SwitchableRow, Switcher, SwitcherCheckbox, SwitcherHide, SwitcherRadio, SwitcherRange, SwitcherRangeList, SwitcherTagsDropdown, SwitcherTextarea, Table, Tag, TagList, TagListToDropdown, TagsDropdown, Text, TextSwitcher, Textarea, TieredCheckboxes, TimeRange, UserBox, UserContacts, VariantsListRadio, WidgetPseudoTable, WidgetWithSwitchableRows, WizardStepper, assertions, createTranslator, customEventListener, getActualDateRange, getIsDateValid, safeValue, typesGuards, useBodyScrollLock, useFieldsFocus, useFormFieldsChangesManager, useFormTools, useInputHighlightError, useIsMobile, useKeyPress, useLocalStorage, useLocationParams, useMediaQuery, useMetaInfo, useMouseUpOutside, useOnlineStatus, usePasswordChecker, usePrevious, useScrollTo, useToggle };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "./_virtual/_rolldown/runtime.js";
|
|
2
|
+
export * from "./Atomic/FormElements/InputMask3/config.ts";
|
|
3
|
+
export * from "./Atomic/FormElements/InputMask3/functions.ts";
|
|
4
|
+
export * from "./Functions/presets/inputMaskPresets.js";
|
|
5
|
+
export * from "./Functions/presets/inputPresets.js";
|
|
6
|
+
export * from "./Functions/presets/mobileKeyboardTypesPresets.js";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import Accordion from "./Atomic/UI/Accordion/index.ts";
|
|
2
|
+
import ButtonsBar from "./Atomic/UI/ButtonsBar/index.ts";
|
|
3
|
+
import MainMenu from "./Atomic/Layout/MainMenu/MainMenu.jsx";
|
|
4
|
+
import NavLine from "./Atomic/UI/NavLine/index.ts";
|
|
5
|
+
export * from "./Atomic/UI/Accordion/index.ts";
|
|
6
|
+
export * from "./Atomic/UI/ButtonsBar/index.ts";
|
|
7
|
+
export * from "./Atomic/UI/NavLine/index.ts";
|
|
8
|
+
export { Accordion, ButtonsBar, MainMenu, NavLine };
|
package/dist/es/sdk.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./Functions/sdk/runtime-sdk/index.ts";
|