duck-dev-lib 0.0.20 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/{duck-dev-lib-en-DAAX9t8H.mjs → duck-dev-lib-en-DTcDPUsE.mjs} +80 -3
- package/fesm2022/duck-dev-lib-en-DTcDPUsE.mjs.map +1 -0
- package/fesm2022/{duck-dev-lib-ru-8qXt3ziq.mjs → duck-dev-lib-ru-DFcYCj44.mjs} +80 -3
- package/fesm2022/duck-dev-lib-ru-DFcYCj44.mjs.map +1 -0
- package/fesm2022/duck-dev-lib.mjs +522 -581
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +78 -3
- package/fesm2022/duck-dev-lib-en-DAAX9t8H.mjs.map +0 -1
- package/fesm2022/duck-dev-lib-ru-8qXt3ziq.mjs.map +0 -1
|
@@ -2,7 +2,68 @@ var tabs = {
|
|
|
2
2
|
buttons: "Buttons",
|
|
3
3
|
loaders: "Loaders",
|
|
4
4
|
tabs: "Tabs",
|
|
5
|
-
svg: "SVG icon"
|
|
5
|
+
svg: "SVG icon",
|
|
6
|
+
input: "Input",
|
|
7
|
+
notifications: "Notifications"
|
|
8
|
+
};
|
|
9
|
+
var notifications = {
|
|
10
|
+
title: "Duck Dev UI Library - Notifications",
|
|
11
|
+
quickDemo: "Show notification",
|
|
12
|
+
clearAll: "Clear all",
|
|
13
|
+
basic: {
|
|
14
|
+
title: "Notification",
|
|
15
|
+
description: "Component for displaying status messages. Appearance and disappearance animations are implemented strictly in CSS. Colors are taken from the library palette. The notification can be positioned at the top, center, or bottom of the screen.",
|
|
16
|
+
usage: "Usage:",
|
|
17
|
+
inputs: "Input Parameters:",
|
|
18
|
+
inputType: "type of notification: 'success' | 'warning' | 'error'",
|
|
19
|
+
inputTitle: "title text",
|
|
20
|
+
inputMessage: "message text",
|
|
21
|
+
inputDuration: "lifetime in milliseconds; 0 disables auto-close",
|
|
22
|
+
inputPosition: "vertical position: 'top' | 'center' | 'bottom'",
|
|
23
|
+
examples: "Examples:"
|
|
24
|
+
},
|
|
25
|
+
service: {
|
|
26
|
+
title: "Service and Container",
|
|
27
|
+
description: "Use DuckDevNotificationService to show messages from anywhere. Place a single container once in your app to render notifications.",
|
|
28
|
+
install: "How to use:"
|
|
29
|
+
},
|
|
30
|
+
api: {
|
|
31
|
+
title: "API",
|
|
32
|
+
show: "show a notification with full options and returns its id",
|
|
33
|
+
success: "shortcut for type: 'success'",
|
|
34
|
+
warning: "shortcut for type: 'warning'",
|
|
35
|
+
error: "shortcut for type: 'error'",
|
|
36
|
+
remove: "remove a notification by id",
|
|
37
|
+
clear: "remove all notifications",
|
|
38
|
+
optionsTitle: "NotificationOptions",
|
|
39
|
+
durationHint: "0 disables auto-close; value is in milliseconds"
|
|
40
|
+
},
|
|
41
|
+
positions: {
|
|
42
|
+
title: "Positions and duration",
|
|
43
|
+
description: "You can place the notification at the top, center or bottom and control auto-close duration.",
|
|
44
|
+
top: "Top (auto close)",
|
|
45
|
+
centerNoAuto: "Center (no auto close)",
|
|
46
|
+
bottomLong: "Bottom (6s)"
|
|
47
|
+
},
|
|
48
|
+
advanced: {
|
|
49
|
+
title: "Advanced",
|
|
50
|
+
cssOnly: "CSS-only transitions for enter/leave states.",
|
|
51
|
+
palette: "Colors are taken from the Duck Dev palette (CSS variables).",
|
|
52
|
+
stacking: "Notifications stack and can be dismissed individually or all at once.",
|
|
53
|
+
accessibility: "Each notification is focusable and closable with a button; you can set titles/messages programmatically."
|
|
54
|
+
},
|
|
55
|
+
tip: {
|
|
56
|
+
clickToClose: "Tip: click a notification to close it."
|
|
57
|
+
},
|
|
58
|
+
snippets: {
|
|
59
|
+
titleSuccess: "Success",
|
|
60
|
+
sampleMessage: "Operation completed successfully"
|
|
61
|
+
},
|
|
62
|
+
examples: {
|
|
63
|
+
successTop: "Success (top)",
|
|
64
|
+
warningCenter: "Warning (center)",
|
|
65
|
+
errorBottom: "Error (bottom)"
|
|
66
|
+
}
|
|
6
67
|
};
|
|
7
68
|
var buttons = {
|
|
8
69
|
title: "Duck Dev UI Library - Button Components",
|
|
@@ -57,6 +118,21 @@ var buttons = {
|
|
|
57
118
|
exampleDark: "Dark",
|
|
58
119
|
examplePrev: "Direction: previous",
|
|
59
120
|
exampleNext: "Direction: next"
|
|
121
|
+
},
|
|
122
|
+
casper: {
|
|
123
|
+
title: "Casper Button",
|
|
124
|
+
description: "Ghostly fill on hover. Supports the same color palette as other buttons.",
|
|
125
|
+
usage: "Usage",
|
|
126
|
+
inputs: "Input Parameters:",
|
|
127
|
+
inputText: "text inside the button",
|
|
128
|
+
inputIsDisabled: "disable the button",
|
|
129
|
+
inputColorButton: "button color from the palette",
|
|
130
|
+
examples: "Examples:",
|
|
131
|
+
exampleWhite: "White (default)",
|
|
132
|
+
exampleViolet: "Violet",
|
|
133
|
+
exampleOrange: "Orange",
|
|
134
|
+
exampleGray: "Gray",
|
|
135
|
+
exampleDark: "Dark"
|
|
60
136
|
}
|
|
61
137
|
};
|
|
62
138
|
var loaders = {
|
|
@@ -198,6 +274,7 @@ var inputComponent = {
|
|
|
198
274
|
};
|
|
199
275
|
var en = {
|
|
200
276
|
tabs: tabs,
|
|
277
|
+
notifications: notifications,
|
|
201
278
|
buttons: buttons,
|
|
202
279
|
loaders: loaders,
|
|
203
280
|
tabsComponent: tabsComponent,
|
|
@@ -205,5 +282,5 @@ var en = {
|
|
|
205
282
|
inputComponent: inputComponent
|
|
206
283
|
};
|
|
207
284
|
|
|
208
|
-
export { buttons, en as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
|
|
209
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
285
|
+
export { buttons, en as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
286
|
+
//# sourceMappingURL=duck-dev-lib-en-DTcDPUsE.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-DTcDPUsE.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,7 +2,68 @@ var tabs = {
|
|
|
2
2
|
buttons: "Кнопки",
|
|
3
3
|
loaders: "Загрузчики",
|
|
4
4
|
tabs: "Вкладки",
|
|
5
|
-
svg: "SVG icon"
|
|
5
|
+
svg: "SVG icon",
|
|
6
|
+
input: "Вввод",
|
|
7
|
+
notifications: "Уведомления"
|
|
8
|
+
};
|
|
9
|
+
var notifications = {
|
|
10
|
+
title: "Duck Dev UI Library - Уведомления",
|
|
11
|
+
quickDemo: "Показать уведомление",
|
|
12
|
+
clearAll: "Очистить все",
|
|
13
|
+
basic: {
|
|
14
|
+
title: "Уведомление",
|
|
15
|
+
description: "Компонент для отображения статусных сообщений. Анимации появления и исчезновения реализованы строго на CSS. Цвета берутся из палитры библиотеки. Уведомление может располагаться сверху, по центру или снизу экрана.",
|
|
16
|
+
usage: "Использование:",
|
|
17
|
+
inputs: "Входные параметры:",
|
|
18
|
+
inputType: "тип уведомления: 'success' | 'warning' | 'error'",
|
|
19
|
+
inputTitle: "заголовок",
|
|
20
|
+
inputMessage: "сообщение",
|
|
21
|
+
inputDuration: "время жизни в миллисекундах; 0 — без автозакрытия",
|
|
22
|
+
inputPosition: "вертикальное положение: 'top' | 'center' | 'bottom'",
|
|
23
|
+
examples: "Примеры:"
|
|
24
|
+
},
|
|
25
|
+
service: {
|
|
26
|
+
title: "Сервис и контейнер",
|
|
27
|
+
description: "Используйте DuckDevNotificationService, чтобы показывать сообщения из любого места. Разместите контейнер один раз в приложении для рендера уведомлений.",
|
|
28
|
+
install: "Как использовать:"
|
|
29
|
+
},
|
|
30
|
+
api: {
|
|
31
|
+
title: "API",
|
|
32
|
+
show: "показывает уведомление с любыми опциями и возвращает его id",
|
|
33
|
+
success: "шорткат для типа 'success'",
|
|
34
|
+
warning: "шорткат для типа 'warning'",
|
|
35
|
+
error: "шорткат для типа 'error'",
|
|
36
|
+
remove: "удалить уведомление по id",
|
|
37
|
+
clear: "удалить все уведомления",
|
|
38
|
+
optionsTitle: "NotificationOptions",
|
|
39
|
+
durationHint: "0 — без автозакрытия; значение в миллисекундах"
|
|
40
|
+
},
|
|
41
|
+
positions: {
|
|
42
|
+
title: "Позиции и длительность",
|
|
43
|
+
description: "Можно располагать уведомления сверху, по центру или снизу и управлять временем автозакрытия.",
|
|
44
|
+
top: "Сверху (автозакрытие)",
|
|
45
|
+
centerNoAuto: "Центр (без автозакрытия)",
|
|
46
|
+
bottomLong: "Снизу (6с)"
|
|
47
|
+
},
|
|
48
|
+
advanced: {
|
|
49
|
+
title: "Дополнительно",
|
|
50
|
+
cssOnly: "Переходы появления/исчезновения только на CSS.",
|
|
51
|
+
palette: "Цвета берутся из палитры Duck Dev (CSS переменные).",
|
|
52
|
+
stacking: "Уведомления складываются стопкой и могут закрываться по одному или все сразу.",
|
|
53
|
+
accessibility: "Каждое уведомление можно закрыть кнопкой; заголовок и текст задаются программно."
|
|
54
|
+
},
|
|
55
|
+
tip: {
|
|
56
|
+
clickToClose: "Подсказка: кликните по уведомлению, чтобы закрыть."
|
|
57
|
+
},
|
|
58
|
+
snippets: {
|
|
59
|
+
titleSuccess: "Успех",
|
|
60
|
+
sampleMessage: "Операция успешно выполнена"
|
|
61
|
+
},
|
|
62
|
+
examples: {
|
|
63
|
+
successTop: "Успех (сверху)",
|
|
64
|
+
warningCenter: "Предупреждение (центр)",
|
|
65
|
+
errorBottom: "Ошибка (снизу)"
|
|
66
|
+
}
|
|
6
67
|
};
|
|
7
68
|
var buttons = {
|
|
8
69
|
title: "Duck Dev UI Library - Компоненты кнопок",
|
|
@@ -57,6 +118,21 @@ var buttons = {
|
|
|
57
118
|
exampleDark: "Тёмная",
|
|
58
119
|
examplePrev: "Направление: previous",
|
|
59
120
|
exampleNext: "Направление: next"
|
|
121
|
+
},
|
|
122
|
+
casper: {
|
|
123
|
+
title: "Casper Button",
|
|
124
|
+
description: "Призрачное заполнение при наведении. Поддерживает цветовую палитру, как и другие кнопки.",
|
|
125
|
+
usage: "Использование",
|
|
126
|
+
inputs: "Входные параметры:",
|
|
127
|
+
inputText: "текст внутри кнопки",
|
|
128
|
+
inputIsDisabled: "отключить кнопку",
|
|
129
|
+
inputColorButton: "цвет кнопки из палитры",
|
|
130
|
+
examples: "Примеры:",
|
|
131
|
+
exampleWhite: "Белая (по умолчанию)",
|
|
132
|
+
exampleViolet: "Фиолетовая",
|
|
133
|
+
exampleOrange: "Оранжевая",
|
|
134
|
+
exampleGray: "Серая",
|
|
135
|
+
exampleDark: "Тёмная"
|
|
60
136
|
}
|
|
61
137
|
};
|
|
62
138
|
var loaders = {
|
|
@@ -198,6 +274,7 @@ var inputComponent = {
|
|
|
198
274
|
};
|
|
199
275
|
var ru = {
|
|
200
276
|
tabs: tabs,
|
|
277
|
+
notifications: notifications,
|
|
201
278
|
buttons: buttons,
|
|
202
279
|
loaders: loaders,
|
|
203
280
|
tabsComponent: tabsComponent,
|
|
@@ -205,5 +282,5 @@ var ru = {
|
|
|
205
282
|
inputComponent: inputComponent
|
|
206
283
|
};
|
|
207
284
|
|
|
208
|
-
export { buttons, ru as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
|
|
209
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
285
|
+
export { buttons, ru as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
286
|
+
//# sourceMappingURL=duck-dev-lib-ru-DFcYCj44.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-DFcYCj44.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|