duck-dev-lib 0.0.9 → 0.0.11

package/fesm2022/duck-dev-lib-en-Bp-dlVHg.mjs

@@ -0,0 +1,121 @@
+var tabs = {
+	buttons: "Buttons",
+	loaders: "Loaders",
+	tabs: "Tabs"
+};
+var buttons = {
+	title: "Duck Dev UI Library - Button Components",
+	glideOver: {
+		title: "Button Glide Over",
+		description: "Button with animated arrow that \"slides out\" on hover. Perfect for calls to action (CTA) and navigation elements.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputTextButton: "button text",
+		inputColorButton: "color scheme (White, Gray, Dark, Violet, Orange). Default: White",
+		inputPadding: "internal padding. Default: '10px 24px'",
+		required: "required",
+		examples: "Examples:",
+		exampleWhite: "White (default)",
+		exampleViolet: "Violet",
+		exampleOrange: "Orange",
+		exampleGray: "Gray",
+		exampleDark: "Dark"
+	},
+	blurLift: {
+		title: "Button Blur Lift",
+		description: "Button with blur effect and text \"lifting\" on hover. On hover, the main text blurs and alternative text appears. Perfect for interactive elements with dual messages.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputTextButton: "main button text",
+		inputHoverText: "text that appears on hover. If not specified, textButton is used",
+		inputColorButton: "color scheme (White, Gray, Dark, Violet, Orange). Default: White",
+		inputPadding: "internal padding. Default: '10px 24px'",
+		required: "required",
+		examples: "Examples:",
+		exampleWhiteHover: "White with hover text",
+		exampleViolet: "Violet",
+		exampleOrange: "Orange",
+		exampleGray: "Gray",
+		exampleDark: "Dark"
+	}
+};
+var loaders = {
+	title: "Duck Dev UI Library - Loader Components",
+	classic: {
+		title: "Loader Classic",
+		description: "Classic animated spinner with rotating circular border. Perfect for indicating content loading, asynchronous operations, and waiting for server responses.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputNone: "Component has no input parameters",
+		inputCss: "Size and color can be configured via CSS variables",
+		examples: "Examples:",
+		exampleStandard: "Standard view"
+	},
+	textBubble: {
+		title: "Loader Text Bubble",
+		description: "Animated loader with \"Load ng\" text and bubble effect. Perfect for creating unique visual experience when loading Angular applications. Text animates with appearance and color change effects.",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputNone: "Component has no input parameters",
+		inputFixed: "Displays fixed text \"Load ng\"",
+		inputCss: "Styling via CSS",
+		examples: "Examples:",
+		exampleStandard: "Standard view"
+	},
+	threeDots: {
+		title: "Loader Three Dots",
+		description: "Loader with three dots animation. Simple and minimalist loading indicator that works well in limited space. (Component in development)",
+		usage: "Usage:",
+		inputs: "Input Parameters:",
+		inputNone: "Component has no input parameters",
+		inputCss: "Configuration via CSS",
+		examples: "Examples:"
+	}
+};
+var tabsComponent = {
+	title: "Duck Dev UI Library - Tabs Component",
+	tab: {
+		title: "Duck Dev Tab",
+		description: "Tab component with animated transitions between content. Supports signal-based input/output, automatic switching with left/right animation depending on direction. Perfect for organizing content into categories and creating interactive interfaces.",
+		usage: "Usage:",
+		usageText1: "To use the component, import DuckDevTab and DuckDevTabItem from 'duck-dev-lib' library.",
+		usageText2: "Create an array of tabs with id and label fields, pass it to the component via input [tabs].",
+		usageText3: "Use ng-content to place tab content inside the component.",
+		inputs: "Input Parameters:",
+		inputTabs: "array of objects of type DuckDevTabItem[] with fields:",
+		inputTabsId: "unique tab identifier",
+		inputTabsLabel: "text on tab button",
+		inputTabsContent: "additional data",
+		required: "required",
+		optional: "optional",
+		outputs: "Output Events:",
+		outputTabChange: "event that fires when switching tabs. Returns the current active tab object (DuckDevTabItem)",
+		features: "Features:",
+		feature1: "Animated transitions between tabs (slide left/right)",
+		feature2: "Animated active tab indicator",
+		feature3: "Signal-based architecture (input/output functions instead of decorators)",
+		feature4: "Automatic animation direction detection",
+		feature5: "ng-content support for content placement",
+		feature6: "Modern Angular syntax (new directives)",
+		feature7: "Responsive design",
+		api: "TypeScript interface DuckDevTabItem:",
+		apiId: "unique tab identifier",
+		apiLabel: "text on tab button",
+		apiContent: "optional additional data",
+		implementation: "Integration Example:",
+		implementation1: "Import DuckDevTab and DuckDevTabItem from 'duck-dev-lib'",
+		implementation2: "Create an array of tabs in the component",
+		implementation3: "Use signal to store active tab",
+		implementation4: "Handle tabChange event to switch content",
+		implementation5: "Place tab content inside the component using conditional blocks"
+	}
+};
+var en = {
+	tabs: tabs,
+	buttons: buttons,
+	loaders: loaders,
+	tabsComponent: tabsComponent
+};
+
+export { buttons, en as default, loaders, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-en-Bp-dlVHg.mjs.map

package/fesm2022/duck-dev-lib-en-Bp-dlVHg.mjs.map

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

package/fesm2022/duck-dev-lib-ru-BESv0nFL.mjs

@@ -0,0 +1,121 @@
+var tabs = {
+	buttons: "Кнопки",
+	loaders: "Загрузчики",
+	tabs: "Вкладки"
+};
+var buttons = {
+	title: "Duck Dev UI Library - Компоненты кнопок",
+	glideOver: {
+		title: "Button Glide Over",
+		description: "Кнопка с анимированной стрелкой, которая \"выезжает\" при наведении. Идеально подходит для призывов к действию (CTA) и навигационных элементов.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputTextButton: "текст на кнопке",
+		inputColorButton: "цветовая схема (White, Gray, Dark, Violet, Orange). По умолчанию: White",
+		inputPadding: "внутренние отступы. По умолчанию: '10px 24px'",
+		required: "обязательный",
+		examples: "Примеры:",
+		exampleWhite: "White (по умолчанию)",
+		exampleViolet: "Violet",
+		exampleOrange: "Orange",
+		exampleGray: "Gray",
+		exampleDark: "Dark"
+	},
+	blurLift: {
+		title: "Button Blur Lift",
+		description: "Кнопка с эффектом размытия и \"подъема\" текста при наведении. При наведении основной текст размывается и появляется альтернативный текст. Отлично подходит для интерактивных элементов с двойным сообщением.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputTextButton: "основной текст кнопки",
+		inputHoverText: "текст, который появляется при наведении. Если не указан, используется textButton",
+		inputColorButton: "цветовая схема (White, Gray, Dark, Violet, Orange). По умолчанию: White",
+		inputPadding: "внутренние отступы. По умолчанию: '10px 24px'",
+		required: "обязательный",
+		examples: "Примеры:",
+		exampleWhiteHover: "White с hover текстом",
+		exampleViolet: "Violet",
+		exampleOrange: "Orange",
+		exampleGray: "Gray",
+		exampleDark: "Dark"
+	}
+};
+var loaders = {
+	title: "Duck Dev UI Library - Компоненты загрузки (Loaders)",
+	classic: {
+		title: "Loader Classic",
+		description: "Классический анимированный спиннер с вращающейся круговой границей. Идеально подходит для индикации загрузки контента, асинхронных операций и ожидания ответа от сервера.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputNone: "Компонент не имеет входных параметров",
+		inputCss: "Размер и цвет можно настроить через CSS переменные",
+		examples: "Примеры:",
+		exampleStandard: "Стандартный вид"
+	},
+	textBubble: {
+		title: "Loader Text Bubble",
+		description: "Анимированный загрузчик с текстом \"Load ng\" и эффектом пузырей. Отлично подходит для создания уникального визуального опыта при загрузке Angular-приложений. Текст анимируется с эффектом появления и изменения цвета.",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputNone: "Компонент не имеет входных параметров",
+		inputFixed: "Отображает фиксированный текст \"Load ng\"",
+		inputCss: "Стилизация через CSS",
+		examples: "Примеры:",
+		exampleStandard: "Стандартный вид"
+	},
+	threeDots: {
+		title: "Loader Three Dots",
+		description: "Загрузчик с анимацией трех точек. Простой и минималистичный индикатор загрузки, который хорошо работает в ограниченном пространстве. (Компонент в разработке)",
+		usage: "Использование:",
+		inputs: "Входные параметры:",
+		inputNone: "Компонент не имеет входных параметров",
+		inputCss: "Настройка через CSS",
+		examples: "Примеры:"
+	}
+};
+var tabsComponent = {
+	title: "Duck Dev UI Library - Компонент вкладок (Tabs)",
+	tab: {
+		title: "Duck Dev Tab",
+		description: "Компонент вкладок с анимированными переходами между контентом. Поддерживает signal-based input/output, автоматическое переключение с анимацией влево/вправо в зависимости от направления. Идеально подходит для организации контента в категории и создания интерактивных интерфейсов.",
+		usage: "Использование:",
+		usageText1: "Для использования компонента импортируйте DuckDevTab и DuckDevTabItem из библиотеки 'duck-dev-lib'.",
+		usageText2: "Создайте массив вкладок с полями id и label, передайте его в компонент через input [tabs].",
+		usageText3: "Используйте ng-content для размещения контента вкладок внутри компонента.",
+		inputs: "Входные параметры:",
+		inputTabs: "массив объектов типа DuckDevTabItem[] с полями:",
+		inputTabsId: "уникальный идентификатор вкладки",
+		inputTabsLabel: "текст на кнопке вкладки",
+		inputTabsContent: "дополнительные данные",
+		required: "обязательный",
+		optional: "опционально",
+		outputs: "Выходные события:",
+		outputTabChange: "событие, которое срабатывает при переключении вкладки. Возвращает объект текущей активной вкладки (DuckDevTabItem)",
+		features: "Особенности:",
+		feature1: "Анимированные переходы между вкладками (слайд влево/вправо)",
+		feature2: "Анимированный индикатор активной вкладки",
+		feature3: "Signal-based архитектура (input/output функции вместо декораторов)",
+		feature4: "Автоматическое определение направления анимации",
+		feature5: "Поддержка ng-content для размещения контента",
+		feature6: "Современный синтаксис Angular (новые директивы)",
+		feature7: "Адаптивный дизайн",
+		api: "TypeScript интерфейс DuckDevTabItem:",
+		apiId: "уникальный идентификатор вкладки",
+		apiLabel: "текст на кнопке вкладки",
+		apiContent: "опциональные дополнительные данные",
+		implementation: "Пример интеграции:",
+		implementation1: "Импортируйте DuckDevTab и DuckDevTabItem из 'duck-dev-lib'",
+		implementation2: "Создайте массив вкладок в компоненте",
+		implementation3: "Используйте signal для хранения активной вкладки",
+		implementation4: "Обработайте событие tabChange для переключения контента",
+		implementation5: "Разместите контент вкладок внутри компонента используя условные блоки"
+	}
+};
+var ru = {
+	tabs: tabs,
+	buttons: buttons,
+	loaders: loaders,
+	tabsComponent: tabsComponent
+};
+
+export { buttons, ru as default, loaders, tabs, tabsComponent };
+//# sourceMappingURL=duck-dev-lib-ru-BESv0nFL.mjs.map

package/fesm2022/duck-dev-lib-ru-BESv0nFL.mjs.map

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