@v1nt1248/3nclient-lib 0.0.19 → 0.0.21

package/dist/directives/index.d.ts

@@ -1,2 +1,3 @@
-export { default as Ui3nHtml } from './ui3n-html';
-export { default as Ui3nClickOutside } from './ui3n-click-outside';
+import Ui3nHtml from './ui3n-html';
+import Ui3nClickOutside from './ui3n-click-outside';
+export { Ui3nHtml, Ui3nClickOutside, };

package/dist/style.css

@@ -1 +1 @@
-.ui3n-button[data-v-c6485337]{--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;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);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-c6485337]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-c6485337]{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-c6485337]:not([disabled]){cursor:pointer}.ui3n-button[data-v-c6485337]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%;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-c6485337],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-c6485337]{opacity:1}.ui3n-button[data-v-c6485337]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-c6485337]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-c6485337]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-c6485337]{margin-left:4px}.ui3n-button[disabled][data-v-c6485337]{opacity:.7}.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-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-93a3cae9]{--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-93a3cae9]{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:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-93a3cae9]{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-93a3cae9]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-93a3cae9]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-93a3cae9]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-93a3cae9]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-93a3cae9]{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-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-93a3cae9]{--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-93a3cae9]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-93a3cae9]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3 + 1px)}.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-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-button[data-v-4dd8f4cb]{--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);background-position:center;transition:background .5s ease-in-out}.ui3n-button--round[data-v-4dd8f4cb]{--ui3n-button-padding-vert: 6px;--ui3n-button-padding-horiz: 6px;border-radius:50%}.ui3n-button--elevation[data-v-4dd8f4cb]{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-4dd8f4cb]:not([disabled]){cursor:pointer}.ui3n-button[data-v-4dd8f4cb]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%;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-4dd8f4cb],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-4dd8f4cb]{opacity:1}.ui3n-button[data-v-4dd8f4cb]:not([disabled]):active{opacity:1;background-color:var(--black-30, #b3b3b3);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-4dd8f4cb]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-4dd8f4cb]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-4dd8f4cb]{margin-left:4px}.ui3n-button[disabled][data-v-4dd8f4cb]{opacity:.7}.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-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-93a3cae9]{--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-93a3cae9]{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:calc(var(--base-size, 8px) / 2)}.ui3n-input__input[data-v-93a3cae9]{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-93a3cae9]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-93a3cae9]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-93a3cae9]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-93a3cae9]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-93a3cae9]{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-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-93a3cae9]{--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-93a3cae9]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-93a3cae9]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-93a3cae9]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-93a3cae9]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-93a3cae9]{top:calc(var(--base-size, 8px) * 3 + 1px)}.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-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}

package/dist/ui-3n-lib.js

@@ -9404,7 +9404,7 @@ const JI = (C, g) => {
   for (const [B, E] of g)
     I[B] = E;
   return I;
-}, RC = /* @__PURE__ */ JI(AR, [["__scopeId", "data-v-c6485337"]]), gR = ["id"], IR = { class: "ui3n-notification__content" }, QR = /* @__PURE__ */ Wg({
+}, RC = /* @__PURE__ */ JI(AR, [["__scopeId", "data-v-4dd8f4cb"]]), gR = ["id"], IR = { class: "ui3n-notification__content" }, QR = /* @__PURE__ */ Wg({
   __name: "ui3n-notification",
   props: {
     id: {},

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Library for 3NWeb clients",
   "private": false,
   "type": "module",

package/src/components/ui3n-button.vue

@@ -99,6 +99,7 @@
     --ui3n-button-padding-horiz: 16px;
 
     display: flex;
+    justify-content: center;
     align-items: center;
     border: none;
     outline: none;