@v1nt1248/3nclient-lib 0.0.35 → 0.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/tools/ui.helpers.d.ts +1 -0
  3. package/dist/ui-3n-lib.js +49 -45
  4. package/package.json +1 -1
  5. package/src/components/ui3n-dialog.vue +4 -4
  6. package/src/components/ui3n-menu.vue +1 -0
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .ui3n-button[data-v-30734a5d]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;justify-content:center;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);-webkit-user-select:none;user-select:none;background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-30734a5d]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-30734a5d]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{box-shadow:0 0 4px var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-30734a5d]{opacity:1}.ui3n-button__icon[data-v-30734a5d]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-30734a5d]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-30734a5d]{margin-left:4px}.ui3n-button[disabled][data-v-30734a5d]{opacity:.7}.ui3n-button:not(.ui3n-button--round) .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not(.ui3n-button--round) .ui3n-button__text[data-v-30734a5d]{pointer-events:none}.ui3n-button[data-v-30734a5d]:not([disabled]){cursor:pointer}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button[data-v-30734a5d]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-chip[data-v-9724bd82]{position:relative;height:var(--58a8ea39);padding:0 var(--5c8b053f);width:max-content;max-width:var(--1e9bb354);background-color:var(--ff364168);display:flex;justify-content:flex-start;align-items:center}.ui3n-chip__body[data-v-9724bd82]{font-size:var(--6a28d140);line-height:1;font-weight:400;color:var(--dcaf3838);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-chip__close[data-v-9724bd82]{margin-left:var(--half-size, 4px)}.ui3n-chip--with-icon .ui3n-chip__icon[data-v-9724bd82]{display:flex;margin-right:5px}.ui3n-chip--round[data-v-9724bd82]{border-radius:calc(var(--58a8ea39) / 2)}.ui3n-chip--closeble[data-v-9724bd82]{min-width:24px;padding-right:0}.ui3n-chip--plain[data-v-9724bd82]{border:1px solid var(--dcaf3838)}.ui3n-chip.ui3n-chip--closable:not(.ui3n-chip--with-icon) .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - 24px)}.ui3n-chip.ui3n-chip--with-icon:not(.ui3n-chip--closable) .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - var(--58a8ea39) - 5px)}.ui3n-chip.ui3n-chip--closable.ui3n-chip--with-icon .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - var(--58a8ea39) - 29px)}.ui3n-drop-files[data-v-0210fe5c]{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-0210fe5c]{box-sizing:border-box;position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-0210fe5c]{box-sizing:border-box;position:absolute;top:calc(var(--base-size, 8px) + 1px);bottom:calc(var(--base-size, 8px) + 1px);left:calc(var(--base-size, 8px) + 1px);right:calc(var(--base-size, 8px) + 1px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-0210fe5c]{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-0210fe5c]{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-0210fe5c]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-0210fe5c]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-f39ee37a]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);font-size:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-f39ee37a]{cursor:default}.ui3n-input[data-v-7a07d4ee]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-7a07d4ee]{display:block;width:100%;font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:600;color:var(--black-90, #212121);margin-bottom:var(--half-size, 4px)}.ui3n-input__input[data-v-7a07d4ee]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-7a07d4ee]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-7a07d4ee]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-7a07d4ee]{position:absolute;left:var(--half-size, 4px);top:calc((var(--ui3n-input-height) - 16px) / 2)}.ui3n-input__clear-btn[data-v-7a07d4ee]{position:absolute;right:0;top:calc((var(--ui3n-input-height) - 28px) / 2)}.ui3n-input__error-text[data-v-7a07d4ee]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-7a07d4ee]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-7a07d4ee]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 16px) / 2 + 20px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 28px) / 2 + 20px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-checkbox[data-v-d377a283]{--ui3n-checkbox-size: 16px;--ui3n-checkbox-text-size: 12px;--ui3n-checkbox-text-color: var(--black-90, #212121);--ui3n-checkbox-text-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center}.ui3n-checkbox__wrapper[data-v-d377a283]{position:relative;display:flex;width:calc(var(--ui3n-checkbox-size) * 1.5);height:calc(var(--ui3n-checkbox-size) * 1.5);justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-position:center;transition:background .5s ease-in-out}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]){cursor:pointer}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):hover{background:transparent radial-gradient(circle,transparent 1%,transparent 1%) center/15000%}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-checkbox__label[data-v-d377a283]{font-size:var(--ui3n-checkbox-text-size);font-weight:var(--ui3n-checkbox-text-weight);color:var(--ui3n-checkbox-text-color);-webkit-user-select:none;user-select:none;cursor:pointer}.ui3n-checkbox--disabled[data-v-d377a283]{pointer-events:none;opacity:.5}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-8ba1dfb9]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-8ba1dfb9],.ui3n-menu .menu-leave-active[data-v-8ba1dfb9]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-8ba1dfb9],.ui3n-menu .menu-leave-to[data-v-8ba1dfb9]{opacity:0}.ui3n-menu__trigger[data-v-8ba1dfb9]{position:relative}.ui3n-menu__content[data-v-8ba1dfb9]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 3px 4px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 8px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-list[data-v-9aff363c]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-9aff363c]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-9aff363c]{position:sticky}.ui3n-list__content[data-v-9aff363c]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-9aff363c],.ui3n-list__item[data-v-9aff363c]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-9aff363c]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-9aff363c]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-9aff363c]{pointer-events:none;cursor:default}.ui3n-virtual-scroll[data-v-6a998153]{position:relative;width:100%;height:100%;overflow-y:auto}.ui3n-virtual-scroll__viewport[data-v-6a998153]{position:relative;overflow:hidden;will-change:transform}.ui3n-virtual-scroll__content[data-v-6a998153]{will-change:transform}.ui3n-virtual-scroll__item[data-v-6a998153]{position:relative;min-height:16px}.ui3n-tabs[data-v-ea3e9bad]{--ui3n-tabs-height: 48px;position:relative;height:var(--ui3n-tabs-height);display:flex;justify-content:center;align-items:stretch}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item{cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item{position:relative;-webkit-user-select:none;user-select:none;color:var(--77348130);background-position:center;transition:background .5s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:hover{background-color:var(--blue-main-20, #d8edfd)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{position:absolute;content:"";left:0;width:100%;bottom:var(--fb6a93f0);height:var(--61f57740);background-color:transparent;transition:background-color .25s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item[disabled]{opacity:.5;cursor:default;pointer-events:none}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]){cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):hover{background:#d8edfd radial-gradient(circle,transparent 1%,#d8edfd 1%) center/15000%}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active{color:var(--24fbb1ad)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active:after{background-color:var(--10c456e4);transition:background-color .25s ease-in-out}.ui3n-tabs--vertical[data-v-ea3e9bad]{height:auto;flex-direction:column}.ui3n-tabs--vertical[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{left:var(--fb6a93f0);width:var(--61f57740);bottom:0;height:100%}.ui3n-badge-simple[data-v-ed52e72c]{--ui3n-badge-size: 20px;position:relative;box-sizing:border-box;background-color:var(--5b2d62a4);outline:1px var(--system-white, #fff) solid}.ui3n-badge-simple__dot[data-v-ed52e72c]{min-width:8px;width:8px;max-width:8px;min-height:8px;height:8px;max-height:8px;border-radius:50%}.ui3n-badge-simple__text[data-v-ed52e72c]{display:block;color:var(--1556b001);font-size:12px;line-height:var(--ui3n-badge-size);text-align:center}.ui3n-badge-simple[data-v-ed52e72c]:not(.ui3n-badge-simple__dot){min-height:var(--ui3n-badge-size);height:var(--ui3n-badge-size);width:max-content;padding:0 6px;border-radius:10px}.ui3n-badge[data-v-40242fbe]{--ui3n-badge-size: 20px;position:relative}.ui3n-badge__wrapper[data-v-40242fbe]{position:relative;width:max-content}.ui3n-badge__content[data-v-40242fbe]{position:absolute;z-index:5}
1
+ .ui3n-button[data-v-30734a5d]{--ui3n-button-text-size: 12px;--ui3n-button-text-height: 16px;--ui3n-button-text-color: var(--system-white, #fff);--ui3n-button-background: var(--blue-main, #0090ec);--ui3n-button-padding-vert: 8px;--ui3n-button-padding-horiz: 16px;display:flex;justify-content:center;align-items:center;border:none;outline:none;padding:var(--ui3n-button-padding-vert) var(--ui3n-button-padding-horiz);border-radius:4px;background:var(--ui3n-button-background);font-size:var(--ui3n-button-text-size);line-height:var(--ui3n-button-text-height);font-weight:600;color:var(--ui3n-button-text-color);-webkit-user-select:none;user-select:none;background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-30734a5d]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-30734a5d]{box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{box-shadow:0 0 4px var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-30734a5d]{opacity:1}.ui3n-button__icon[data-v-30734a5d]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-30734a5d]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-30734a5d]{margin-left:4px}.ui3n-button[disabled][data-v-30734a5d]{opacity:.7}.ui3n-button:not(.ui3n-button--round) .ui3n-button__icon[data-v-30734a5d],.ui3n-button:not(.ui3n-button--round) .ui3n-button__text[data-v-30734a5d]{pointer-events:none}.ui3n-button[data-v-30734a5d]:not([disabled]){cursor:pointer}.ui3n-button[data-v-30734a5d]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button[data-v-30734a5d]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-notification[data-v-436fa887]{display:flex;position:relative;z-index:5000;border-radius:var(--half-size, 4px);padding:var(--base-size, 8px);max-width:400px;margin-bottom:var(--base-size)}.ui3n-notification--with-icon[data-v-436fa887]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-436fa887]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-436fa887]{position:relative;flex-grow:2;font-size:var(--font-13, 13px);font-weight:400;line-height:1.5;color:var(--system-white, #fff)}.ui3n-notification__close[data-v-436fa887]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-436fa887]{background-color:#10c48f}.ui3n-notification--warning[data-v-436fa887]{background-color:#f80}.ui3n-notification--info[data-v-436fa887]{background-color:#10afef}.ui3n-notification--error[data-v-436fa887]{background-color:#ef5350}.ui3n-notification--left[data-v-436fa887]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-436fa887]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-436fa887]{margin-left:auto;margin-right:0}.ui3n-dialog__overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#0006}.ui3n-dialog{--dialog-border-radius: 8px;--dialog-title-padding: 16px 24px 16px;--dialog-title-font-size: 14px;--dialog-actions-padding: 16px;--dialog-confirm-button-color: var(--system-white, #fff);--dialog-cancel-button-color: var(--blue-main, #0090ec);--dialog-confirm-background-color: var(--blue-main, #0090ec);--dialog-cancel-background-color: var(--system-white, #fff);position:relative;display:flex;flex-direction:column;height:auto;max-height:95%;background-color:var(--system-white, #fff);border-radius:var(--dialog-border-radius);box-shadow:0 2px 1px -1px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-dialog__title{padding:var(--dialog-title-padding);font-size:var(--dialog-title-font-size);font-weight:600;line-height:1.3;color:var(--black-90, #212121);border-bottom:1px solid var(--grey-50, #f2f2f2);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-dialog__close{position:absolute;right:4px;top:4px}.ui3n-dialog__content{flex-grow:2;overflow-y:auto}.ui3n-dialog__actions{padding:var(--dialog-actions-padding);display:flex;justify-content:flex-end;align-items:center}.ui3n-dialog__actions--both .ui3n-button{margin-left:8px}.ui3n-chip[data-v-9724bd82]{position:relative;height:var(--58a8ea39);padding:0 var(--5c8b053f);width:max-content;max-width:var(--1e9bb354);background-color:var(--ff364168);display:flex;justify-content:flex-start;align-items:center}.ui3n-chip__body[data-v-9724bd82]{font-size:var(--6a28d140);line-height:1;font-weight:400;color:var(--dcaf3838);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-chip__close[data-v-9724bd82]{margin-left:var(--half-size, 4px)}.ui3n-chip--with-icon .ui3n-chip__icon[data-v-9724bd82]{display:flex;margin-right:5px}.ui3n-chip--round[data-v-9724bd82]{border-radius:calc(var(--58a8ea39) / 2)}.ui3n-chip--closeble[data-v-9724bd82]{min-width:24px;padding-right:0}.ui3n-chip--plain[data-v-9724bd82]{border:1px solid var(--dcaf3838)}.ui3n-chip.ui3n-chip--closable:not(.ui3n-chip--with-icon) .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - 24px)}.ui3n-chip.ui3n-chip--with-icon:not(.ui3n-chip--closable) .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - var(--58a8ea39) - 5px)}.ui3n-chip.ui3n-chip--closable.ui3n-chip--with-icon .ui3n-chip__body[data-v-9724bd82]{max-width:calc(100% - var(--58a8ea39) - 29px)}.ui3n-drop-files[data-v-0210fe5c]{--dropzone-height: 0;--dropzone-title-font: 0;position:relative;box-sizing:border-box;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-0210fe5c]{box-sizing:border-box;position:absolute;background-color:var(--system-white, #fff);display:flex;flex-direction:column;justify-content:center;align-items:center;inset:var(--half-size, 4px) var(--base-size, 8px);border-radius:var(--base-size, 8px);z-index:5}.ui3n-drop-files__dropzone-border[data-v-0210fe5c]{box-sizing:border-box;position:absolute;top:calc(var(--base-size, 8px) + 1px);bottom:calc(var(--base-size, 8px) + 1px);left:calc(var(--base-size, 8px) + 1px);right:calc(var(--base-size, 8px) + 1px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-0210fe5c]{margin:0 0 var(--dropzone-title-font);font-size:var(--dropzone-title-font);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-0210fe5c]{position:relative;width:calc(var(--dropzone-height) * .4);height:calc(var(--dropzone-height) * .4);border-radius:50%;background-color:var(--gray-50, #f2f2f2);display:flex;justify-content:center;align-items:center;pointer-events:none}.ui3n-drop-files__dropzone-text[data-v-0210fe5c]{margin-top:calc(var(--base-size, 8px) * 3);font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:400;color:var(--black-30, #b3b3b3)}.ui3n-drop-files__dropzone-additional[data-v-0210fe5c]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-emoji[data-v-f39ee37a]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);font-size:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-f39ee37a]{cursor:default}.ui3n-input[data-v-7a07d4ee]{--ui3n-input-height: calc(var(--base-size, 8px) * 4);--ui3n-input-padding-left: var(--base-size, 8px);--ui3n-input-padding-right: var(--base-size, 8px);position:relative;width:100%}.ui3n-input__label[data-v-7a07d4ee]{display:block;width:100%;font-size:var(--font-12, 12px);line-height:var(--font-16, 16px);font-weight:600;color:var(--black-90, #212121);margin-bottom:var(--half-size, 4px)}.ui3n-input__input[data-v-7a07d4ee]{display:block;box-sizing:border-box;width:100%;position:relative;border:none;outline:none;height:var(--ui3n-input-height);padding:0 var(--ui3n-input-padding-right) 0 var(--ui3n-input-padding-left);border-radius:var(--half-size, 4px);background-color:var(--gray-50, #f2f2f2);font-size:var(--font-13, 13px);font-weight:400;line-height:1;color:var(--black-90, #212121)}.ui3n-input__input[data-v-7a07d4ee]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-7a07d4ee]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-7a07d4ee]{position:absolute;left:var(--half-size, 4px);top:calc((var(--ui3n-input-height) - 16px) / 2)}.ui3n-input__clear-btn[data-v-7a07d4ee]{position:absolute;right:0;top:calc((var(--ui3n-input-height) - 28px) / 2)}.ui3n-input__error-text[data-v-7a07d4ee]{font-style:italic;font-size:var(--font-10, 10px);font-weight:400;line-height:1.5;color:var(--pear-100, #f75d53)}.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) - 1px);--ui3n-input-padding-right: calc(var(--base-size, 8px) - 1px)}.ui3n-input--error .ui3n-input__input[data-v-7a07d4ee]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-7a07d4ee]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-7a07d4ee]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-7a07d4ee]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 16px) / 2 + 20px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-7a07d4ee]{top:calc((var(--ui3n-input-height) - 28px) / 2 + 20px)}.ui3n-text[data-v-33487f04]{position:relative;width:100%}.ui3n-text__label[data-v-33487f04]{display:block;width:100%;font-size:var(--font-12, 12px);font-weight:600;color:var(--black-90, #212121);margin-bottom:calc(var(--base-size, 8px) / 2)}.ui3n-text__body[data-v-33487f04]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-33487f04]{resize:none;display:block;box-sizing:border-box;position:relative;width:100%;border-radius:4px;background-color:var(--gray-50, #f2f2f2);padding:0 var(--base-size, 8px);font-family:OpenSans,sans-serif;font-size:var(--font-13, 13px);font-weight:400;line-height:var(--font-16, 16px);color:var(--black-90, #212121);border:none}.ui3n-text__content[data-v-33487f04]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-33487f04]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-33487f04],.ui3n-text--focused .ui3n-text__content[data-v-33487f04]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-checkbox[data-v-d377a283]{--ui3n-checkbox-size: 16px;--ui3n-checkbox-text-size: 12px;--ui3n-checkbox-text-color: var(--black-90, #212121);--ui3n-checkbox-text-weight: 500;position:relative;display:flex;justify-content:flex-start;align-items:center}.ui3n-checkbox__wrapper[data-v-d377a283]{position:relative;display:flex;width:calc(var(--ui3n-checkbox-size) * 1.5);height:calc(var(--ui3n-checkbox-size) * 1.5);justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background-position:center;transition:background .5s ease-in-out}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]){cursor:pointer}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):hover{background:transparent radial-gradient(circle,transparent 1%,transparent 1%) center/15000%}.ui3n-checkbox__wrapper[data-v-d377a283]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-checkbox__label[data-v-d377a283]{font-size:var(--ui3n-checkbox-text-size);font-weight:var(--ui3n-checkbox-text-weight);color:var(--ui3n-checkbox-text-color);-webkit-user-select:none;user-select:none;cursor:pointer}.ui3n-checkbox--disabled[data-v-d377a283]{pointer-events:none;opacity:.5}.ui3n-table[data-v-5a78ec1c]{--table-header-height: 36px;--table-row-height: 28px;position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.ui3n-table__header[data-v-5a78ec1c]{position:sticky;top:0;display:flex;width:100%;height:var(--table-header-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2);background-color:var(--gray-50)}.ui3n-table__header-cell[data-v-5a78ec1c]{display:flex;justify-content:flex-start;align-items:center;font-size:var(--font-13);line-height:var(--font-18);font-weight:500;color:var(--black-90)}.ui3n-table__header-cell--sortable[data-v-5a78ec1c]{cursor:pointer}.ui3n-table__header-text[data-v-5a78ec1c]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-5a78ec1c]{display:flex;width:100%;height:var(--table-row-height);justify-content:flex-start;align-items:center;padding:0 calc(var(--base-size) * 2) 0 calc(var(--base-size) * 5);cursor:pointer;border-bottom:1px solid var(--gray-50)}.ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item-rename[data-v-5a78ec1c]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-5a78ec1c]{left:2px}.ui3n-table__item-rename[data-v-5a78ec1c]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-5a78ec1c]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-5a78ec1c]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-5a78ec1c]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-5a78ec1c],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-5a78ec1c]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-5a78ec1c]{color:var(--blue-main)}.ui3n-table__name[data-v-5a78ec1c]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-12)}.ui3n-table__type[data-v-5a78ec1c]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-5a78ec1c]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-5a78ec1c]{font-size:var(--font-11)}.ui3n-table__empty[data-v-5a78ec1c]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}.ui3n-menu[data-v-c9616aad]{--menu-animation-duration: .4s;position:relative;overflow:visible}.ui3n-menu .menu-enter-active[data-v-c9616aad],.ui3n-menu .menu-leave-active[data-v-c9616aad]{transition:opacity var(--menu-animation-duration)}.ui3n-menu .menu-enter-from[data-v-c9616aad],.ui3n-menu .menu-leave-to[data-v-c9616aad]{opacity:0}.ui3n-menu__trigger[data-v-c9616aad]{position:relative}.ui3n-menu__content[data-v-c9616aad]{position:absolute;border-radius:4px;background-color:var(--system-white, #fff);z-index:1000;box-shadow:0 3px 3px -2px var(--shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 3px 4px 0 var(--shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 8px 0 var(--shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.ui3n-list[data-v-9aff363c]{--ui3n-list-item-height: 28px;--ui3n-list-bg-color: var(--system-white, #fff);position:relative;width:100%;height:100%;background-color:var(--ui3n-list-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.ui3n-list__title[data-v-9aff363c]{position:relative;top:0;z-index:1}.ui3n-list__title--sticky[data-v-9aff363c]{position:sticky}.ui3n-list__content[data-v-9aff363c]{position:relative;flex-grow:1}.ui3n-list__title-content[data-v-9aff363c],.ui3n-list__item[data-v-9aff363c]{position:relative;width:100%;min-height:var(--ui3n-list-item-height);padding:4px 0;display:flex;justify-content:flex-start;align-items:center}.ui3n-list__title-content[data-v-9aff363c]{z-index:1;font-size:16px;font-weight:600;background-color:var(--ui3n-list-bg-color)}.ui3n-list__item-content[data-v-9aff363c]{font-size:14px;font-weight:400;cursor:pointer}.ui3n-list__item-content--disabled[data-v-9aff363c]{pointer-events:none;cursor:default}.ui3n-virtual-scroll[data-v-6a998153]{position:relative;width:100%;height:100%;overflow-y:auto}.ui3n-virtual-scroll__viewport[data-v-6a998153]{position:relative;overflow:hidden;will-change:transform}.ui3n-virtual-scroll__content[data-v-6a998153]{will-change:transform}.ui3n-virtual-scroll__item[data-v-6a998153]{position:relative;min-height:16px}.ui3n-tabs[data-v-ea3e9bad]{--ui3n-tabs-height: 48px;position:relative;height:var(--ui3n-tabs-height);display:flex;justify-content:center;align-items:stretch}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item{cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item{position:relative;-webkit-user-select:none;user-select:none;color:var(--77348130);background-position:center;transition:background .5s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:hover{background-color:var(--blue-main-20, #d8edfd)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{position:absolute;content:"";left:0;width:100%;bottom:var(--fb6a93f0);height:var(--61f57740);background-color:transparent;transition:background-color .25s ease-in-out}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item[disabled]{opacity:.5;cursor:default;pointer-events:none}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]){cursor:pointer}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):hover{background:#d8edfd radial-gradient(circle,transparent 1%,#d8edfd 1%) center/15000%}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active{color:var(--24fbb1ad)}.ui3n-tabs[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item--active:after{background-color:var(--10c456e4);transition:background-color .25s ease-in-out}.ui3n-tabs--vertical[data-v-ea3e9bad]{height:auto;flex-direction:column}.ui3n-tabs--vertical[data-v-ea3e9bad] .ui3n-tabs__item.ui3n-tabs__item:after{left:var(--fb6a93f0);width:var(--61f57740);bottom:0;height:100%}.ui3n-badge-simple[data-v-ed52e72c]{--ui3n-badge-size: 20px;position:relative;box-sizing:border-box;background-color:var(--5b2d62a4);outline:1px var(--system-white, #fff) solid}.ui3n-badge-simple__dot[data-v-ed52e72c]{min-width:8px;width:8px;max-width:8px;min-height:8px;height:8px;max-height:8px;border-radius:50%}.ui3n-badge-simple__text[data-v-ed52e72c]{display:block;color:var(--1556b001);font-size:12px;line-height:var(--ui3n-badge-size);text-align:center}.ui3n-badge-simple[data-v-ed52e72c]:not(.ui3n-badge-simple__dot){min-height:var(--ui3n-badge-size);height:var(--ui3n-badge-size);width:max-content;padding:0 6px;border-radius:10px}.ui3n-badge[data-v-40242fbe]{--ui3n-badge-size: 20px;position:relative}.ui3n-badge__wrapper[data-v-40242fbe]{position:relative;width:max-content}.ui3n-badge__content[data-v-40242fbe]{position:absolute;z-index:5}
package/dist/tools/ui.helpers.d.ts CHANGED
@@ -11,3 +11,4 @@ export declare function html2text(html: string): string;
11
11
  * Else Date returns as a string 'YYYY-MM-DD'
12
12
  */
13
13
  export declare function prepareDateAsSting(ts: number): string;
14
+ export declare function capitalize(text: string): string;
package/dist/ui-3n-lib.js CHANGED
@@ -4851,6 +4851,9 @@ function hk(B) {
4851
4851
  const g = oo(), I = oo(B);
4852
4852
  return g.isSame(I, "day") ? I.format("HH:mm") : g.isBefore(I.add(3, "day")) ? I.fromNow() : I.format("YYYY-MM-DD");
4853
4853
  }
4854
+ function lk(B) {
4855
+ return `${B[0].toLocaleUpperCase()}${B.slice(1)}`;
4856
+ }
4854
4857
  var Qi = void 0, ay = function(B) {
4855
4858
  return Qi || (Qi = new Promise(function(g, I) {
4856
4859
  var C = typeof B < "u" ? B : {}, E = C.onAbort;
@@ -6955,7 +6958,7 @@ Object.freeze(xa);
6955
6958
  function uy(B) {
6956
6959
  return B.replace(/[A-Z]/g, (g) => `_${g.toLowerCase()}`);
6957
6960
  }
6958
- const cy = Symbol(), lk = {
6961
+ const cy = Symbol(), yk = {
6959
6962
  install: (B, g) => {
6960
6963
  const { lang: I, messages: C } = g, E = Object.keys(C) || [], e = (n, u) => {
6961
6964
  let w = C[B.config.globalProperties.$locale][n];
@@ -8386,7 +8389,7 @@ const nF = {
8386
8389
  "check-box": IR,
8387
8390
  "check-box-checked": QR,
8388
8391
  "check-box-inderterminate": BR
8389
- }, yk = {
8392
+ }, Fk = {
8390
8393
  install: () => {
8391
8394
  Object.keys(T0).forEach((B) => {
8392
8395
  Ta(B, T0[B]);
@@ -8558,7 +8561,7 @@ const Yg = (B, g) => {
8558
8561
  ], 10, iR));
8559
8562
  }
8560
8563
  });
8561
- const tR = /* @__PURE__ */ Yg(oR, [["__scopeId", "data-v-436fa887"]]), sR = Symbol(), Fk = {
8564
+ const tR = /* @__PURE__ */ Yg(oR, [["__scopeId", "data-v-436fa887"]]), sR = Symbol(), Rk = {
8562
8565
  install: (B) => {
8563
8566
  const g = (I) => {
8564
8567
  const C = document.createElement("div"), E = !I.teleport || I.teleport === "body" ? document.body : document.querySelector(I.teleport), e = I.duration ?? 1500;
@@ -8615,7 +8618,7 @@ const LI = aR(), O0 = {
8615
8618
  off: LI.off.bind(LI),
8616
8619
  emit: LI.emit.bind(LI),
8617
8620
  clear: LI.all.clear.bind(LI)
8618
- }, DR = Symbol(), Rk = {
8621
+ }, DR = Symbol(), Gk = {
8619
8622
  install: (B) => {
8620
8623
  B.config.globalProperties.$emitter = O0, B.provide(DR, { $emitter: O0 });
8621
8624
  }
@@ -8679,7 +8682,7 @@ const LI = aR(), O0 = {
8679
8682
  L && (L.stopImmediatePropagation(), L.preventDefault()), e.value = !1, (_ = I.dialogProps) != null && _.onClose && I.dialogProps.onClose(), k && C("close");
8680
8683
  }, c = (J) => {
8681
8684
  var L, k;
8682
- J === "click-overlay" && (C(J), M()), J === "confirm" && ((L = I.dialogProps) != null && L.onConfirm) && (I.dialogProps.onConfirm(a.value), M()), J === "cancel" && ((k = I.dialogProps) != null && k.onCancel) && (I.dialogProps.onCancel(a.value), M()), a.value ? C(J, a.value) : C(J);
8685
+ J === "click-overlay" && (C(J), M()), J === "confirm" && ((L = I.dialogProps) != null && L.onConfirm && I.dialogProps.onConfirm(a.value), M()), J === "cancel" && ((k = I.dialogProps) != null && k.onCancel && I.dialogProps.onCancel(a.value), M()), a.value ? C(J, a.value) : C(J);
8683
8686
  }, l = (J, L) => {
8684
8687
  J.stopImmediatePropagation(), J.preventDefault(), c(L);
8685
8688
  };
@@ -8763,7 +8766,7 @@ const LI = aR(), O0 = {
8763
8766
  ])) : Qg("", !0);
8764
8767
  }
8765
8768
  });
8766
- const nR = Symbol(), Gk = {
8769
+ const nR = Symbol(), Uk = {
8767
8770
  install: (B) => {
8768
8771
  let g = {};
8769
8772
  const I = (C) => {
@@ -8807,7 +8810,7 @@ const nR = Symbol(), Gk = {
8807
8810
  B.config.globalProperties.$openDialog = I, B.provide(nR, { $openDialog: I });
8808
8811
  }
8809
8812
  };
8810
- function Uk(B) {
8813
+ function Nk(B) {
8811
8814
  const { app: g = {} } = B, { config: I = {} } = g, { globalProperties: C = {} } = I, { $locale: E, $changeLocale: e, $tr: a } = C;
8812
8815
  return { $i18n: {
8813
8816
  locale: E,
@@ -8815,15 +8818,15 @@ function Uk(B) {
8815
8818
  tr: a
8816
8819
  } };
8817
8820
  }
8818
- function Nk(B) {
8821
+ function fk(B) {
8819
8822
  const { app: g = {} } = B, { config: I = {} } = g, { globalProperties: C = {} } = I, { $createNotice: E } = C;
8820
8823
  return { $createNotice: E };
8821
8824
  }
8822
- function fk(B) {
8825
+ function Mk(B) {
8823
8826
  const { app: g = {} } = B, { config: I = {} } = g, { globalProperties: C = {} } = I, { $emitter: E } = C;
8824
8827
  return { $emitter: E };
8825
8828
  }
8826
- function Mk(B) {
8829
+ function Sk(B) {
8827
8830
  const { app: g = {} } = B, { config: I = {} } = g, { globalProperties: C = {} } = I, { $openDialog: E } = C;
8828
8831
  return { $openDialog: E };
8829
8832
  }
@@ -14076,7 +14079,7 @@ function ya(B, g) {
14076
14079
  }
14077
14080
  ) : g.value;
14078
14081
  }
14079
- const Ok = {
14082
+ const Zk = {
14080
14083
  mounted(B, g) {
14081
14084
  ya(B, g);
14082
14085
  },
@@ -14155,7 +14158,7 @@ const xN = {
14155
14158
  ], 2));
14156
14159
  }
14157
14160
  });
14158
- const Zk = /* @__PURE__ */ Yg(qN, [["__scopeId", "data-v-9724bd82"]]), rr = (B) => (Ja("data-v-0210fe5c"), B = B(), Ka(), B), VN = /* @__PURE__ */ rr(() => /* @__PURE__ */ qA("div", { class: "ui3n-drop-files__dropzone-border" }, null, -1)), TN = { class: "ui3n-drop-files__dropzone-title" }, ON = { class: "ui3n-drop-files__dropzone-icon" }, ZN = ["width", "height"], WN = /* @__PURE__ */ rr(() => /* @__PURE__ */ qA("path", {
14161
+ const Wk = /* @__PURE__ */ Yg(qN, [["__scopeId", "data-v-9724bd82"]]), rr = (B) => (Ja("data-v-0210fe5c"), B = B(), Ka(), B), VN = /* @__PURE__ */ rr(() => /* @__PURE__ */ qA("div", { class: "ui3n-drop-files__dropzone-border" }, null, -1)), TN = { class: "ui3n-drop-files__dropzone-title" }, ON = { class: "ui3n-drop-files__dropzone-icon" }, ZN = ["width", "height"], WN = /* @__PURE__ */ rr(() => /* @__PURE__ */ qA("path", {
14159
14162
  d: "M51 152C47.9333 152 45.3333 150.934 43.2 148.8C41.0667 146.667 40 144.067 40 141V119.8H46.2V141C46.2 142.2 46.7 143.3 47.7 144.3C48.7 145.3 49.8 145.8 51 145.8H141C142.2 145.8 143.3 145.3 144.3 144.3C145.3 143.3 145.8 142.2 145.8 141V119.8H152V141C152 144.067 150.933 146.667 148.8 148.8C146.667 150.934 144.067 152 141 152H51ZM93 122.4V49.2002L72.8 69.2002L68.4 65.0002L96 37.2002L123.6 65.0002L119.2 69.2002L99 49.2002V122.4H93Z",
14160
14163
  fill: "#212121"
14161
14164
  }, null, -1)), PN = [
@@ -14236,7 +14239,7 @@ const Zk = /* @__PURE__ */ Yg(qN, [["__scopeId", "data-v-9724bd82"]]), rr = (B)
14236
14239
  ], 544));
14237
14240
  }
14238
14241
  });
14239
- const Wk = /* @__PURE__ */ Yg(_N, [["__scopeId", "data-v-0210fe5c"]]), zN = /* @__PURE__ */ ng({
14242
+ const Pk = /* @__PURE__ */ Yg(_N, [["__scopeId", "data-v-0210fe5c"]]), zN = /* @__PURE__ */ ng({
14240
14243
  __name: "ui3n-emoji",
14241
14244
  props: {
14242
14245
  emoji: {},
@@ -14273,7 +14276,7 @@ const Wk = /* @__PURE__ */ Yg(_N, [["__scopeId", "data-v-0210fe5c"]]), zN = /* @
14273
14276
  }, Xo(n.readonly ? {} : { click: a }, !0)), wg(e.value && e.value.value), 17));
14274
14277
  }
14275
14278
  });
14276
- const Pk = /* @__PURE__ */ Yg(zN, [["__scopeId", "data-v-f39ee37a"]]), $N = {
14279
+ const jk = /* @__PURE__ */ Yg(zN, [["__scopeId", "data-v-f39ee37a"]]), $N = {
14277
14280
  key: 0,
14278
14281
  class: "ui3n-input__label"
14279
14282
  }, Af = ["value", "placeholder", "disabled"], gf = {
@@ -14375,7 +14378,7 @@ const Pk = /* @__PURE__ */ Yg(zN, [["__scopeId", "data-v-f39ee37a"]]), $N = {
14375
14378
  ], 2));
14376
14379
  }
14377
14380
  });
14378
- const jk = /* @__PURE__ */ Yg(If, [["__scopeId", "data-v-7a07d4ee"]]), Qf = {
14381
+ const Xk = /* @__PURE__ */ Yg(If, [["__scopeId", "data-v-7a07d4ee"]]), Qf = {
14379
14382
  key: 0,
14380
14383
  class: "ui3n-text__label"
14381
14384
  }, Bf = { class: "ui3n-text__body" }, Cf = ["value", "placeholder", "readonly", "rows", "max-rows", "disabled"], Ef = /* @__PURE__ */ ng({
@@ -14445,7 +14448,7 @@ const jk = /* @__PURE__ */ Yg(If, [["__scopeId", "data-v-7a07d4ee"]]), Qf = {
14445
14448
  ], 2));
14446
14449
  }
14447
14450
  });
14448
- const Xk = /* @__PURE__ */ Yg(Ef, [["__scopeId", "data-v-33487f04"]]), ef = /* @__PURE__ */ ng({
14451
+ const _k = /* @__PURE__ */ Yg(Ef, [["__scopeId", "data-v-33487f04"]]), ef = /* @__PURE__ */ ng({
14449
14452
  __name: "ui3n-checkbox",
14450
14453
  props: {
14451
14454
  modelValue: { type: [Boolean, String, Number], default: !1 },
@@ -14518,7 +14521,7 @@ const Xk = /* @__PURE__ */ Yg(Ef, [["__scopeId", "data-v-33487f04"]]), ef = /* @
14518
14521
  ], 2));
14519
14522
  }
14520
14523
  });
14521
- const _k = /* @__PURE__ */ Yg(ef, [["__scopeId", "data-v-d377a283"]]), ho = /* @__PURE__ */ ng({
14524
+ const zk = /* @__PURE__ */ Yg(ef, [["__scopeId", "data-v-d377a283"]]), ho = /* @__PURE__ */ ng({
14522
14525
  __name: "ui3n-table-sort-icon",
14523
14526
  props: {
14524
14527
  size: {},
@@ -14649,7 +14652,7 @@ const _k = /* @__PURE__ */ Yg(ef, [["__scopeId", "data-v-d377a283"]]), ho = /* @
14649
14652
  ]));
14650
14653
  }
14651
14654
  });
14652
- const zk = /* @__PURE__ */ Yg(lf, [["__scopeId", "data-v-5a78ec1c"]]), yf = ["onClick"], Fa = 400, Ff = /* @__PURE__ */ ng({
14655
+ const $k = /* @__PURE__ */ Yg(lf, [["__scopeId", "data-v-5a78ec1c"]]), yf = ["onClick"], Fa = 400, Ff = /* @__PURE__ */ ng({
14653
14656
  __name: "ui3n-menu",
14654
14657
  props: {
14655
14658
  offsetX: { default: 0 },
@@ -14711,7 +14714,7 @@ const zk = /* @__PURE__ */ Yg(lf, [["__scopeId", "data-v-5a78ec1c"]]), yf = ["on
14711
14714
  ], 512));
14712
14715
  }
14713
14716
  });
14714
- const $k = /* @__PURE__ */ Yg(Ff, [["__scopeId", "data-v-8ba1dfb9"]]), Rf = {
14717
+ const Ad = /* @__PURE__ */ Yg(Ff, [["__scopeId", "data-v-c9616aad"]]), Rf = {
14715
14718
  ref: "listElement",
14716
14719
  class: "ui3n-list"
14717
14720
  }, Gf = {
@@ -14761,7 +14764,7 @@ const $k = /* @__PURE__ */ Yg(Ff, [["__scopeId", "data-v-8ba1dfb9"]]), Rf = {
14761
14764
  ], 512));
14762
14765
  }
14763
14766
  });
14764
- const Ad = /* @__PURE__ */ Yg(ff, [["__scopeId", "data-v-9aff363c"]]), Mf = ["data-sid"], Sf = /* @__PURE__ */ ng({
14767
+ const gd = /* @__PURE__ */ Yg(ff, [["__scopeId", "data-v-9aff363c"]]), Mf = ["data-sid"], Sf = /* @__PURE__ */ ng({
14765
14768
  __name: "ui3n-virtual-scroll",
14766
14769
  props: {
14767
14770
  items: {},
@@ -14811,7 +14814,7 @@ const Ad = /* @__PURE__ */ Yg(ff, [["__scopeId", "data-v-9aff363c"]]), Mf = ["da
14811
14814
  ], 544));
14812
14815
  }
14813
14816
  });
14814
- const gd = /* @__PURE__ */ Yg(Sf, [["__scopeId", "data-v-6a998153"]]), Lf = /* @__PURE__ */ ng({
14817
+ const Id = /* @__PURE__ */ Yg(Sf, [["__scopeId", "data-v-6a998153"]]), Lf = /* @__PURE__ */ ng({
14815
14818
  __name: "ui3n-tabs",
14816
14819
  props: {
14817
14820
  modelValue: { default: 0 },
@@ -14864,7 +14867,7 @@ const gd = /* @__PURE__ */ Yg(Sf, [["__scopeId", "data-v-6a998153"]]), Lf = /* @
14864
14867
  ], 16));
14865
14868
  }
14866
14869
  });
14867
- const Id = /* @__PURE__ */ Yg(Lf, [["__scopeId", "data-v-ea3e9bad"]]);
14870
+ const Qd = /* @__PURE__ */ Yg(Lf, [["__scopeId", "data-v-ea3e9bad"]]);
14868
14871
  var kf = Array.isArray, ft = kf, df = typeof sA == "object" && sA && sA.Object === Object && sA, Jf = df, Kf = Jf, Yf = typeof self == "object" && self && self.Object === Object && self, pf = Kf || Yf || Function("return this")(), Mt = pf, Hf = Mt, bf = Hf.Symbol, St = bf, Ra = St, nr = Object.prototype, xf = nr.hasOwnProperty, mf = nr.toString, FC = Ra ? Ra.toStringTag : void 0;
14869
14872
  function vf(B) {
14870
14873
  var g = xf.call(B, FC), I = B[FC];
@@ -15246,51 +15249,52 @@ const da = /* @__PURE__ */ Yg(Ek, [["__scopeId", "data-v-ed52e72c"]]), ik = {
15246
15249
  }, null, 8, ["dot", "value", "color", "text-color"]));
15247
15250
  }
15248
15251
  });
15249
- const Qd = /* @__PURE__ */ Yg(ok, [["__scopeId", "data-v-40242fbe"]]);
15252
+ const Bd = /* @__PURE__ */ Yg(ok, [["__scopeId", "data-v-40242fbe"]]);
15250
15253
  export {
15251
15254
  nR as DIALOGS_KEY,
15252
15255
  cy as I18N_KEY,
15253
15256
  sR as NOTIFICATIONS_KEY,
15254
15257
  bC as SQLiteOn3NStorage,
15255
- Qd as Ui3nBadge,
15258
+ Bd as Ui3nBadge,
15256
15259
  FB as Ui3nButton,
15257
- _k as Ui3nCheckbox,
15258
- Zk as Ui3nChip,
15260
+ zk as Ui3nCheckbox,
15261
+ Wk as Ui3nChip,
15259
15262
  xN as Ui3nClickOutside,
15260
15263
  rR as Ui3nDialog,
15261
- Wk as Ui3nDropFiles,
15262
- Pk as Ui3nEmoji,
15263
- Ok as Ui3nHtml,
15264
+ Pk as Ui3nDropFiles,
15265
+ jk as Ui3nEmoji,
15266
+ Zk as Ui3nHtml,
15264
15267
  xC as Ui3nIcon,
15265
- jk as Ui3nInput,
15266
- Ad as Ui3nList,
15267
- $k as Ui3nMenu,
15268
+ Xk as Ui3nInput,
15269
+ gd as Ui3nList,
15270
+ Ad as Ui3nMenu,
15268
15271
  tR as Ui3nNotification,
15269
- zk as Ui3nTable,
15272
+ $k as Ui3nTable,
15270
15273
  ho as Ui3nTableSortIcon,
15271
- Id as Ui3nTabs,
15272
- Xk as Ui3nText,
15273
- gd as Ui3nVirtualScroll,
15274
+ Qd as Ui3nTabs,
15275
+ _k as Ui3nText,
15276
+ Id as Ui3nVirtualScroll,
15274
15277
  DR as VUEBUS_KEY,
15278
+ lk as capitalize,
15275
15279
  Ay as colorsMap,
15276
- Gk as dialogs,
15280
+ Uk as dialogs,
15277
15281
  S0 as emoticons,
15278
15282
  rk as getDeliveryErrors,
15279
15283
  uk as getElementColor,
15280
15284
  Ya as getRandomId,
15281
15285
  sy as hasSlotContent,
15282
15286
  wk as html2text,
15283
- lk as i18n,
15287
+ yk as i18n,
15284
15288
  ck as invertColor,
15285
15289
  Dk as mailReg,
15286
- Fk as notifications,
15290
+ Rk as notifications,
15287
15291
  Ey as patchTextareaMaxRowsSupport,
15288
15292
  hk as prepareDateAsSting,
15289
- Mk as storeDialogs,
15290
- Uk as storeI18n,
15291
- Nk as storeNotifications,
15292
- fk as storeVueBus,
15293
+ Sk as storeDialogs,
15294
+ Nk as storeI18n,
15295
+ fk as storeNotifications,
15296
+ Mk as storeVueBus,
15293
15297
  nk as transformFileToWeb3NFile,
15294
- yk as useIcons,
15295
- Rk as vueBus
15298
+ Fk as useIcons,
15299
+ Gk as vueBus
15296
15300
  };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@v1nt1248/3nclient-lib",
3
3
  "license": "AGPL-3.0-or-later",
4
4
  "author": "v1nt1248",
5
- "version": "0.0.35",
5
+ "version": "0.0.37",
6
6
  "description": "Library for 3NWeb clients",
7
7
  "private": false,
8
8
  "type": "module",
package/src/components/ui3n-dialog.vue CHANGED
@@ -135,13 +135,13 @@
135
135
  closeDialog()
136
136
  }
137
137
 
138
- if (event === 'confirm' && props.dialogProps?.onConfirm) {
139
- props.dialogProps.onConfirm(data.value)
138
+ if (event === 'confirm') {
139
+ props.dialogProps?.onConfirm && props.dialogProps.onConfirm(data.value)
140
140
  closeDialog()
141
141
  }
142
142
 
143
- if (event === 'cancel' && props.dialogProps?.onCancel) {
144
- props.dialogProps.onCancel(data.value)
143
+ if (event === 'cancel') {
144
+ props.dialogProps?.onCancel && props.dialogProps.onCancel(data.value)
145
145
  closeDialog()
146
146
  }
147
147
 
package/src/components/ui3n-menu.vue CHANGED
@@ -128,6 +128,7 @@
128
128
  position: absolute;
129
129
  border-radius: 4px;
130
130
  background-color: var(--system-white, #fff);
131
+ z-index: 1000;
131
132
  @include elevation(3);
132
133
  }
133
134
  }