@v1nt1248/3nclient-lib 0.0.2 → 0.0.3

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.
@@ -0,0 +1,18 @@
1
+ import { Plugin } from 'vue';
2
+ export interface I18nOptions {
3
+ lang: string;
4
+ messages: Record<string, Record<string, string>>;
5
+ }
6
+ export interface I18nPlugin {
7
+ $locale: string;
8
+ $tr: (key: string, placeholders?: Record<string, string>) => string;
9
+ $changeLocale: (lang: string) => void;
10
+ }
11
+ export declare const i18n: Plugin;
12
+ declare module '@vue/runtime-core' {
13
+ interface ComponentCustomProperties {
14
+ $locale: string;
15
+ $tr: (key: string, placeholders?: Record<string, string>) => string;
16
+ $changeLocale: (lang: string) => void;
17
+ }
18
+ }
@@ -0,0 +1,2 @@
1
+ import { Plugin } from 'vue';
2
+ export declare const useIcons: Plugin;
@@ -0,0 +1,7 @@
1
+ import { Plugin } from 'vue';
2
+ export declare const notifications: Plugin;
3
+ declare module '@vue/runtime-core' {
4
+ interface ComponentCustomProperties {
5
+ $createNotice: (params: Ui3nNotificationProps) => void;
6
+ }
7
+ }
@@ -0,0 +1,7 @@
1
+ export declare function storeI18n(context: any): {
2
+ $i18n: {
3
+ locale: string;
4
+ changeLocale: (lang: string) => void;
5
+ tr: (key: string, placeholders?: Record<string, string>) => string;
6
+ };
7
+ };
@@ -0,0 +1,11 @@
1
+ interface EventBus {
2
+ on: (type: string | symbol, handler: Function) => void;
3
+ off: (type: string | symbol, handler?: Function) => void;
4
+ emit: (type: string | symbol, args?: any) => void;
5
+ once: (type: string | symbol, handler: Function) => void;
6
+ clear: () => void;
7
+ }
8
+ export declare function storeVueBus(context: any): {
9
+ $emitter: EventBus;
10
+ };
11
+ export {};
@@ -0,0 +1,13 @@
1
+ import { Plugin } from 'vue';
2
+ export declare const vueBus: Plugin;
3
+ declare module '@vue/runtime-core' {
4
+ interface ComponentCustomProperties {
5
+ $emitter: {
6
+ on: (type: string | symbol, handler: Function) => void;
7
+ off: (type: string | symbol, handler?: Function) => void;
8
+ emit: (type: string | symbol, arguments?: any) => void;
9
+ once: (type: string | symbol, handler: Function) => void;
10
+ clear: () => void;
11
+ };
12
+ }
13
+ }
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ .ui3n-emoji[data-v-a270b984]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-a270b984]{cursor:default}.ui3n-button[data-v-a83e1c4e]{--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-a83e1c4e]{--ui3n-button-padding-vert: 4px;--ui3n-button-padding-horiz: 4px;border-radius:50%}.ui3n-button--elevation[data-v-a83e1c4e]{box-shadow:#0003 0 3px 1px -2px #00000024 0 2px 2px 0 #0000001f 0 1px 5px 0}.ui3n-button[data-v-a83e1c4e]:not([disabled]){cursor:pointer}.ui3n-button[data-v-a83e1c4e]:not([disabled]):hover{background:var(--ui3n-button-background) radial-gradient(circle,transparent 1%,var(--ui3n-button-background) 1%) center/15000%}.ui3n-button:not([disabled]):hover .ui3n-button__icon[data-v-a83e1c4e],.ui3n-button:not([disabled]):hover .ui3n-button__text[data-v-a83e1c4e]{opacity:1}.ui3n-button[data-v-a83e1c4e]:not([disabled]):active{opacity:1;background-color:var(--gray-90, #444);background-size:100%;transition:background 0s}.ui3n-button__icon[data-v-a83e1c4e]{opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text[data-v-a83e1c4e]{display:block;opacity:.85;transition:opacity .2s ease-in-out}.ui3n-button__text--margin[data-v-a83e1c4e]{margin-left:4px}.ui3n-button[disabled][data-v-a83e1c4e]{opacity:.7}.ui3n-input[data-v-670350df]{--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-670350df]{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-input__input[data-v-670350df]{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-670350df]::placeholder{color:var(--black-30, #b3b3b3);font-style:italic;font-size:var(--font-13, 13px);font-weight:400}.ui3n-input__input[data-v-670350df]:focus-within{background-color:var(--blue-main-20, #d8edfd)}.ui3n-input__icon[data-v-670350df]{position:absolute;left:var(--half-size, 4px);top:var(--base-size, 8px)}.ui3n-input__clear-btn[data-v-670350df]{position:absolute;right:0;top:var(--half-size, 4px)}.ui3n-input__error-text[data-v-670350df]{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-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 3)}.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 3)}.ui3n-input--error[data-v-670350df]{--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-670350df]{border:1px solid var(--pear-100, #f75d53)}.ui3n-input--error.ui3n-input--clearable[data-v-670350df]{--ui3n-input-padding-right: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--error.ui3n-input--with-icon[data-v-670350df]{--ui3n-input-padding-left: calc(var(--base-size, 8px) * 2 - 1px)}.ui3n-input--disabled[data-v-670350df]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-input--with-label .ui3n-input__icon[data-v-670350df]{top:calc(var(--base-size) * 3.5 + 1px)}.ui3n-input--with-label .ui3n-input__clear-btn[data-v-670350df]{top:calc(var(--base-size) * 3 + 1px)}.ui3n-text[data-v-3cb5a305]{position:relative;width:100%}.ui3n-text__label[data-v-3cb5a305]{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-3cb5a305]{position:relative;width:100%;padding:var(--base-size, 8px) 0;background-color:var(--gray-50, #f2f2f2);border-radius:4px}.ui3n-text__content[data-v-3cb5a305]{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-3cb5a305]::placeholder{font-size:var(--font-13, 13px);font-weight:300;font-style:italic;color:var(--gray-90, #212121)}.ui3n-text--disabled[data-v-3cb5a305]{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.ui3n-text--focused .ui3n-text__body[data-v-3cb5a305],.ui3n-text--focused .ui3n-text__content[data-v-3cb5a305]{background-color:var(--blue-main-20, #d8edfd);outline:none;border:none}.ui3n-drop-files[data-v-266b381f]{position:relative;width:100%;height:100%}.ui3n-drop-files__dropzone[data-v-266b381f]{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-266b381f]{position:absolute;width:calc(100% - var(--base-size, 8px) * 2);height:calc(100% - var(--base-size, 8px) * 2);top:var(--base-size, 8px);left:var(--base-size, 8px);border-radius:var(--base-size, 8px);border:2px dashed var(--gray-50, #f2f2f2);pointer-events:none}.ui3n-drop-files__dropzone-title[data-v-266b381f]{margin:0 0 24px;font-size:var(--font-24, 24px);font-weight:600;color:var(--black-30, #b3b3b3);pointer-events:none}.ui3n-drop-files__dropzone-icon[data-v-266b381f]{position:relative;width:160px;height:160px;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-266b381f]{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-266b381f]{margin-top:var(--half-size, 4px);font-size:var(--font-12, 12px);font-weight:500;color:var(--black-90, #212121)}.ui3n-notification[data-v-971b182e]{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-971b182e]{display:flex;justify-content:flex-start;align-items:center}.ui3n-notification--with-icon .ui3n-notification__content[data-v-971b182e]{padding-left:var(--base-size, 8px)}.ui3n-notification__content[data-v-971b182e]{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-971b182e]{position:absolute;z-index:1;top:0;right:0}.ui3n-notification--success[data-v-971b182e]{background-color:#10c48f}.ui3n-notification--warning[data-v-971b182e]{background-color:#f80}.ui3n-notification--info[data-v-971b182e]{background-color:#10afef}.ui3n-notification--error[data-v-971b182e]{background-color:#ef5350}.ui3n-notification--left[data-v-971b182e]{margin-left:0;margin-right:auto}.ui3n-notification--center[data-v-971b182e]{margin-left:auto;margin-right:auto}.ui3n-notification--right[data-v-971b182e]{margin-left:auto;margin-right:0}.ui3n-table[data-v-819d1664]{--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-819d1664]{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-819d1664]{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-819d1664]{cursor:pointer}.ui3n-table__header-text[data-v-819d1664]{display:block;position:relative;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui3n-table__item[data-v-819d1664]{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-819d1664],.ui3n-table__item-rename[data-v-819d1664]{display:none;position:absolute;z-index:1;color:var(--black-30)}.ui3n-table__item-bookmark[data-v-819d1664]{left:2px}.ui3n-table__item-rename[data-v-819d1664]{right:calc(var(--base-size) * 13 + 24px)}.ui3n-table__item-icon[data-v-819d1664]{position:absolute;left:calc(var(--base-size) * 2);color:var(--black-30);pointer-events:none}.ui3n-table__item-cell[data-v-819d1664]{position:relative;font-weight:400;pointer-events:none}.ui3n-table__item[data-v-819d1664]:hover{background-color:var(--blue-main-30)}.ui3n-table__item:hover .ui3n-table__item-bookmark[data-v-819d1664],.ui3n-table__item:hover .ui3n-table__item-rename[data-v-819d1664]{display:block}.ui3n-table__item:hover .ui3n-table__item-icon[data-v-819d1664]{color:var(--blue-main)}.ui3n-table__name[data-v-819d1664]{flex:1 0}.ui3n-table__name.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-12)}.ui3n-table__type[data-v-819d1664]{width:calc(var(--base-size) * 7);text-align:center}.ui3n-table__type.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-10)}.ui3n-table__changedAt[data-v-819d1664]{width:calc(var(--base-size) * 13)}.ui3n-table__changedAt.ui3n-table__item-cell[data-v-819d1664]{font-size:var(--font-11)}.ui3n-table__empty[data-v-819d1664]{font-size:var(--font-20);font-style:italic;color:var(--black-30);text-align:center;padding-top:calc(var(--base-size) * 10)}
@@ -0,0 +1,57 @@
1
+ import 'pinia';
2
+ import type Ui3nIcon from './components/ui3n-icon.vue';
3
+ import type Ui3nButton from './components/ui3n-button.vue';
4
+ import type Ui3nEmoji from './components/ui3n-emoji.vue';
5
+ import type Ui3nDropFiles from './components/ui3n-drop-files.vue';
6
+ import type Ui3nInput from './components/ui3n-input.vue';
7
+ import type Ui3nText from './components/ui3n-text.vue';
8
+ import type Ui3nNotification from './components/ui3n-notification.vue';
9
+ import type Ui3nTableSortIcon from './components/ui3n-table-sort-icon.vue';
10
+ import type Ui3nTable from './components/ui3n-table.vue';
11
+ import type Ui3nHtml from './directives/ui3n-html';
12
+ export * from "./index";
13
+ declare module 'vue' {
14
+ interface GlobalComponents {
15
+ Ui3nIcon: typeof Ui3nIcon;
16
+ Ui3nButton: typeof Ui3nButton;
17
+ Ui3nEmoji: typeof Ui3nEmoji;
18
+ Ui3nDropFiles: typeof Ui3nDropFiles;
19
+ Ui3nInput: typeof Ui3nInput;
20
+ Ui3nText: typeof Ui3nText;
21
+ Ui3nNotification: typeof Ui3nNotification;
22
+ Ui3nTableSortIcon: typeof Ui3nTableSortIcon;
23
+ Ui3nTable: typeof Ui3nTable;
24
+ }
25
+ interface GlobalDirectives {
26
+ Ui3nHtml: typeof Ui3nHtml;
27
+ }
28
+ interface ComponentCustomProperties {
29
+ $createNotice: (params: Ui3nNotificationProps) => void;
30
+ $locale: string;
31
+ $tr: (key: string, placeholders?: Record<string, string>) => string;
32
+ $changeLocale: (lang: string) => void;
33
+ $emitter: {
34
+ on: (type: string | symbol, handler: Function) => void;
35
+ off: (type: string | symbol, handler?: Function) => void;
36
+ emit: (type: string | symbol, arguments?: any) => void;
37
+ once: (type: string | symbol, handler: Function) => void;
38
+ clear: () => void;
39
+ };
40
+ }
41
+ }
42
+ declare module 'pinia' {
43
+ interface PiniaCustomProperties {
44
+ $emitter: {
45
+ on: (type: string | symbol, handler: Function) => void;
46
+ off: (type: string | symbol, handler?: Function) => void;
47
+ emit: (type: string | symbol, arguments?: any) => void;
48
+ once: (type: string | symbol, handler: Function) => void;
49
+ clear: () => void;
50
+ };
51
+ $i18n: {
52
+ locale: string;
53
+ changeLocale: (lang: string) => void;
54
+ tr: (key: string, placeholders?: Record<string, string>) => string;
55
+ };
56
+ }
57
+ }