duck-dev-lib 0.0.19 → 0.0.21

package/fesm2022/{duck-dev-lib-en-1BsT5Qp6.mjs → duck-dev-lib-en-G203o4VW.mjs}

@@ -2,7 +2,68 @@ var tabs = {
 	buttons: "Buttons",
 	loaders: "Loaders",
 	tabs: "Tabs",
-	svg: "SVG icon"
+	svg: "SVG icon",
+	input: "Input",
+	notifications: "Notifications"
+};
+var notifications = {
+	title: "Duck Dev UI Library - Notifications",
+	quickDemo: "Show notification",
+	clearAll: "Clear all",
+	basic: {
+		title: "Notification",
+		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.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputType: "type of notification: 'success' | 'warning' | 'error'",
+		inputTitle: "title text",
+		inputMessage: "message text",
+		inputDuration: "lifetime in milliseconds; 0 disables auto-close",
+		inputPosition: "vertical position: 'top' | 'center' | 'bottom'",
+		examples: "Examples:"
+	},
+	service: {
+		title: "Service and Container",
+		description: "Use DuckDevNotificationService to show messages from anywhere. Place a single container once in your app to render notifications.",
+		install: "How to use:"
+	},
+	api: {
+		title: "API",
+		show: "show a notification with full options and returns its id",
+		success: "shortcut for type: 'success'",
+		warning: "shortcut for type: 'warning'",
+		error: "shortcut for type: 'error'",
+		remove: "remove a notification by id",
+		clear: "remove all notifications",
+		optionsTitle: "NotificationOptions",
+		durationHint: "0 disables auto-close; value is in milliseconds"
+	},
+	positions: {
+		title: "Positions and duration",
+		description: "You can place the notification at the top, center or bottom and control auto-close duration.",
+		top: "Top (auto close)",
+		centerNoAuto: "Center (no auto close)",
+		bottomLong: "Bottom (6s)"
+	},
+	advanced: {
+		title: "Advanced",
+		cssOnly: "CSS-only transitions for enter/leave states.",
+		palette: "Colors are taken from the Duck Dev palette (CSS variables).",
+		stacking: "Notifications stack and can be dismissed individually or all at once.",
+		accessibility: "Each notification is focusable and closable with a button; you can set titles/messages programmatically."
+	},
+	tip: {
+		clickToClose: "Tip: click a notification to close it."
+	},
+	snippets: {
+		titleSuccess: "Success",
+		sampleMessage: "Operation completed successfully"
+	},
+	examples: {
+		successTop: "Success (top)",
+		warningCenter: "Warning (center)",
+		errorBottom: "Error (bottom)"
+	}
 };
 var buttons = {
 	title: "Duck Dev UI Library - Button Components",
@@ -38,6 +99,25 @@ var buttons = {
 		exampleOrange: "Orange",
 		exampleGray: "Gray",
 		exampleDark: "Dark"
+	},
+	flip: {
+		title: "Button Flip",
+		description: "Button with flip animation and background color change. Now you can choose the color like for other buttons.",
+		usage: "Usage",
+		inputs: "Input Parameters:",
+		examples: "Examples:",
+		inputText: "button text",
+		inputColorButton: "button color (White, Violet, Orange, Gray, Dark)",
+		inputDisabled: "disable the button",
+		inputDirection: "arrow direction: 'previous' | 'next'",
+		inputArrowIndex: "arrow offset (number)",
+		exampleWhite: "White (default)",
+		exampleViolet: "Violet",
+		exampleOrange: "Orange",
+		exampleGray: "Gray",
+		exampleDark: "Dark",
+		examplePrev: "Direction: previous",
+		exampleNext: "Direction: next"
 	}
 };
 var loaders = {
@@ -123,7 +203,10 @@ var svgComponent = {
 	howToAdd: "How to Add New Icon:",
 	step1: "Add the SVG icon to the icons folder.",
 	step2: "Register the icon in the icons configuration file.",
-	step3: "Use the icon tag with the registered ID in your template."
+	step3: "Use the icon tag with the registered ID in your template.",
+	searchPlaceholder: "Search icons by name or id...",
+	clickToCopy: "Click to copy",
+	copied: "Copied!"
 };
 var inputComponent = {
 	title: "Input Field Component",
@@ -176,6 +259,7 @@ var inputComponent = {
 };
 var en = {
 	tabs: tabs,
+	notifications: notifications,
 	buttons: buttons,
 	loaders: loaders,
 	tabsComponent: tabsComponent,
@@ -183,5 +267,5 @@ var en = {
 	inputComponent: inputComponent
 };
 
-export { buttons, en as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-en-1BsT5Qp6.mjs.map
+export { buttons, en as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-en-G203o4VW.mjs.map

package/fesm2022/{duck-dev-lib-en-1BsT5Qp6.mjs.map → duck-dev-lib-en-G203o4VW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"duck-dev-lib-en-1BsT5Qp6.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"duck-dev-lib-en-G203o4VW.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/fesm2022/{duck-dev-lib-ru-DZTf4Lop.mjs → duck-dev-lib-ru-DY4qccwH.mjs}

@@ -2,7 +2,68 @@ var tabs = {
 	buttons: "Кнопки",
 	loaders: "Загрузчики",
 	tabs: "Вкладки",
-	svg: "SVG icon"
+	svg: "SVG icon",
+	input: "Вввод",
+	notifications: "Уведомления"
+};
+var notifications = {
+	title: "Duck Dev UI Library - Уведомления",
+	quickDemo: "Показать уведомление",
+	clearAll: "Очистить все",
+	basic: {
+		title: "Уведомление",
+		description: "Компонент для отображения статусных сообщений. Анимации появления и исчезновения реализованы строго на CSS. Цвета берутся из палитры библиотеки. Уведомление может располагаться сверху, по центру или снизу экрана.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputType: "тип уведомления: 'success' | 'warning' | 'error'",
+		inputTitle: "заголовок",
+		inputMessage: "сообщение",
+		inputDuration: "время жизни в миллисекундах; 0 — без автозакрытия",
+		inputPosition: "вертикальное положение: 'top' | 'center' | 'bottom'",
+		examples: "Примеры:"
+	},
+	service: {
+		title: "Сервис и контейнер",
+		description: "Используйте DuckDevNotificationService, чтобы показывать сообщения из любого места. Разместите контейнер один раз в приложении для рендера уведомлений.",
+		install: "Как использовать:"
+	},
+	api: {
+		title: "API",
+		show: "показывает уведомление с любыми опциями и возвращает его id",
+		success: "шорткат для типа 'success'",
+		warning: "шорткат для типа 'warning'",
+		error: "шорткат для типа 'error'",
+		remove: "удалить уведомление по id",
+		clear: "удалить все уведомления",
+		optionsTitle: "NotificationOptions",
+		durationHint: "0 — без автозакрытия; значение в миллисекундах"
+	},
+	positions: {
+		title: "Позиции и длительность",
+		description: "Можно располагать уведомления сверху, по центру или снизу и управлять временем автозакрытия.",
+		top: "Сверху (автозакрытие)",
+		centerNoAuto: "Центр (без автозакрытия)",
+		bottomLong: "Снизу (6с)"
+	},
+	advanced: {
+		title: "Дополнительно",
+		cssOnly: "Переходы появления/исчезновения только на CSS.",
+		palette: "Цвета берутся из палитры Duck Dev (CSS переменные).",
+		stacking: "Уведомления складываются стопкой и могут закрываться по одному или все сразу.",
+		accessibility: "Каждое уведомление можно закрыть кнопкой; заголовок и текст задаются программно."
+	},
+	tip: {
+		clickToClose: "Подсказка: кликните по уведомлению, чтобы закрыть."
+	},
+	snippets: {
+		titleSuccess: "Успех",
+		sampleMessage: "Операция успешно выполнена"
+	},
+	examples: {
+		successTop: "Успех (сверху)",
+		warningCenter: "Предупреждение (центр)",
+		errorBottom: "Ошибка (снизу)"
+	}
 };
 var buttons = {
 	title: "Duck Dev UI Library - Компоненты кнопок",
@@ -38,6 +99,25 @@ var buttons = {
 		exampleOrange: "Orange",
 		exampleGray: "Gray",
 		exampleDark: "Dark"
+	},
+	flip: {
+		title: "Button Flip",
+		description: "Кнопка с анимацией переворота и сменой цвета фона. Теперь можно выбирать цвет, как и для других кнопок.",
+		usage: "Использование",
+		inputs: "Входные параметры:",
+		examples: "Примеры:",
+		inputText: "текст кнопки",
+		inputColorButton: "цвет кнопки (White, Violet, Orange, Gray, Dark)",
+		inputDisabled: "отключить кнопку",
+		inputDirection: "направление стрелки: 'previous' | 'next'",
+		inputArrowIndex: "смещение стрелки (число)",
+		exampleWhite: "Белая (по умолчанию)",
+		exampleViolet: "Фиолетовая",
+		exampleOrange: "Оранжевая",
+		exampleGray: "Серая",
+		exampleDark: "Тёмная",
+		examplePrev: "Направление: previous",
+		exampleNext: "Направление: next"
 	}
 };
 var loaders = {
@@ -123,7 +203,10 @@ var svgComponent = {
 	howToAdd: "Как добавить новую иконку:",
 	step1: "Добавьте SVG иконку в папку icons.",
 	step2: "Зарегистрируйте иконку в конфигурационном файле icons.",
-	step3: "Используйте тег иконки с зарегистрированным ID в вашем шаблоне."
+	step3: "Используйте тег иконки с зарегистрированным ID в вашем шаблоне.",
+	searchPlaceholder: "Поиск иконок по имени или id...",
+	clickToCopy: "Кликните, чтобы скопировать",
+	copied: "Скопировано!"
 };
 var inputComponent = {
 	title: "Компонент поля ввода",
@@ -176,6 +259,7 @@ var inputComponent = {
 };
 var ru = {
 	tabs: tabs,
+	notifications: notifications,
 	buttons: buttons,
 	loaders: loaders,
 	tabsComponent: tabsComponent,
@@ -183,5 +267,5 @@ var ru = {
 	inputComponent: inputComponent
 };
 
-export { buttons, ru as default, inputComponent, loaders, svgComponent, tabs, tabsComponent };
-//# sourceMappingURL=duck-dev-lib-ru-DZTf4Lop.mjs.map
+export { buttons, ru as default, inputComponent, loaders, notifications, svgComponent, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-ru-DY4qccwH.mjs.map

package/fesm2022/{duck-dev-lib-ru-DZTf4Lop.mjs.map → duck-dev-lib-ru-DY4qccwH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"duck-dev-lib-ru-DZTf4Lop.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"duck-dev-lib-ru-DY4qccwH.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}