duck-dev-lib 0.0.20 → 0.0.21
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-G203o4VW.mjs} +65 -3
- package/fesm2022/{duck-dev-lib-en-DAAX9t8H.mjs.map → duck-dev-lib-en-G203o4VW.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-8qXt3ziq.mjs → duck-dev-lib-ru-DY4qccwH.mjs} +65 -3
- package/fesm2022/{duck-dev-lib-ru-8qXt3ziq.mjs.map → duck-dev-lib-ru-DY4qccwH.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +470 -579
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +67 -3
|
@@ -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",
|
|
@@ -198,6 +259,7 @@ var inputComponent = {
|
|
|
198
259
|
};
|
|
199
260
|
var en = {
|
|
200
261
|
tabs: tabs,
|
|
262
|
+
notifications: notifications,
|
|
201
263
|
buttons: buttons,
|
|
202
264
|
loaders: loaders,
|
|
203
265
|
tabsComponent: tabsComponent,
|
|
@@ -205,5 +267,5 @@ var en = {
|
|
|
205
267
|
inputComponent: inputComponent
|
|
206
268
|
};
|
|
207
269
|
|
|
208
|
-
export { buttons, en as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
|
|
209
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
270
|
+
export { buttons, en as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
271
|
+
//# sourceMappingURL=duck-dev-lib-en-G203o4VW.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-en-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-G203o4VW.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 - Компоненты кнопок",
|
|
@@ -198,6 +259,7 @@ var inputComponent = {
|
|
|
198
259
|
};
|
|
199
260
|
var ru = {
|
|
200
261
|
tabs: tabs,
|
|
262
|
+
notifications: notifications,
|
|
201
263
|
buttons: buttons,
|
|
202
264
|
loaders: loaders,
|
|
203
265
|
tabsComponent: tabsComponent,
|
|
@@ -205,5 +267,5 @@ var ru = {
|
|
|
205
267
|
inputComponent: inputComponent
|
|
206
268
|
};
|
|
207
269
|
|
|
208
|
-
export { buttons, ru as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
|
|
209
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
270
|
+
export { buttons, ru as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
|
|
271
|
+
//# sourceMappingURL=duck-dev-lib-ru-DY4qccwH.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-ru-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-DY4qccwH.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|