duck-dev-lib 0.0.31 → 0.0.33
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-D3xSOZcG.mjs → duck-dev-lib-en-CvMpinpr.mjs} +64 -3
- package/fesm2022/{duck-dev-lib-ru-yPN1VRKz.mjs.map → duck-dev-lib-en-CvMpinpr.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-yPN1VRKz.mjs → duck-dev-lib-ru-JQ83ztjM.mjs} +64 -3
- package/fesm2022/{duck-dev-lib-en-D3xSOZcG.mjs.map → duck-dev-lib-ru-JQ83ztjM.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +268 -117
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +10 -1
|
@@ -9,7 +9,9 @@ var tabs = {
|
|
|
9
9
|
input: "Input",
|
|
10
10
|
notifications: "Notifications",
|
|
11
11
|
badge: "Badges",
|
|
12
|
+
modal: "Modal",
|
|
12
13
|
slider: "Slider",
|
|
14
|
+
segment: "Segment",
|
|
13
15
|
tooltip: "Tooltip",
|
|
14
16
|
directives: "Directives"
|
|
15
17
|
};
|
|
@@ -263,6 +265,35 @@ var buttons = {
|
|
|
263
265
|
exampleDark: "Dark"
|
|
264
266
|
}
|
|
265
267
|
};
|
|
268
|
+
var segmentDoc = {
|
|
269
|
+
title: "Duck Dev UI Library - Segment",
|
|
270
|
+
basic: {
|
|
271
|
+
title: "Segment component",
|
|
272
|
+
description: "Horizontal switch with an animated indicator. Use it to filter or switch small sets of content. Fully themeable via the palette (CSS variables).",
|
|
273
|
+
usage: "Usage:",
|
|
274
|
+
inputs: "Input Parameters:",
|
|
275
|
+
examples: "Examples:"
|
|
276
|
+
},
|
|
277
|
+
inputsDesc: {
|
|
278
|
+
value: "current selected value (string). If omitted, the first button is selected by default.",
|
|
279
|
+
valueChange: "emits the selected value on click.",
|
|
280
|
+
ionChange: "Ionic‑style event with shape { detail: { value } }.",
|
|
281
|
+
buttonValue: "value associated with a particular option (required).",
|
|
282
|
+
buttonContent: "projected content inside the button (label/icon)."
|
|
283
|
+
},
|
|
284
|
+
examples: {
|
|
285
|
+
basic: "Basic",
|
|
286
|
+
withBinding: "With two‑way binding and events",
|
|
287
|
+
filters: "Four options"
|
|
288
|
+
},
|
|
289
|
+
labels: {
|
|
290
|
+
all: "All",
|
|
291
|
+
articles: "Articles",
|
|
292
|
+
videos: "Videos",
|
|
293
|
+
photos: "Photos",
|
|
294
|
+
selected: "Selected"
|
|
295
|
+
}
|
|
296
|
+
};
|
|
266
297
|
var loaders = {
|
|
267
298
|
title: "Duck Dev UI Library - Loader Components",
|
|
268
299
|
classic: {
|
|
@@ -507,6 +538,34 @@ var cardDoc = {
|
|
|
507
538
|
dark: "Dark"
|
|
508
539
|
}
|
|
509
540
|
};
|
|
541
|
+
var modalDoc = {
|
|
542
|
+
title: "Duck Dev UI Library - Modal",
|
|
543
|
+
quickDemo: "Open modal",
|
|
544
|
+
basic: {
|
|
545
|
+
title: "Modal window",
|
|
546
|
+
description: "Simple overlay modal with CSS-only backdrop and enter/leave animations. Content is fully customizable. Colors use the library palette.",
|
|
547
|
+
usage: "Usage:",
|
|
548
|
+
inputs: "Inputs:",
|
|
549
|
+
examples: "Examples:"
|
|
550
|
+
},
|
|
551
|
+
inputs: {
|
|
552
|
+
isOpen: "boolean signal that controls visibility (true — open, false — closed)"
|
|
553
|
+
},
|
|
554
|
+
examples: {
|
|
555
|
+
open: "Open demo modal"
|
|
556
|
+
},
|
|
557
|
+
actions: {
|
|
558
|
+
close: "Close"
|
|
559
|
+
},
|
|
560
|
+
demo: {
|
|
561
|
+
title: "Sample modal",
|
|
562
|
+
text: "This is a simple example of the Duck Dev modal component."
|
|
563
|
+
},
|
|
564
|
+
snippets: {
|
|
565
|
+
sampleTitle: "Sample modal",
|
|
566
|
+
sampleText: "You can put any content here."
|
|
567
|
+
}
|
|
568
|
+
};
|
|
510
569
|
var en = {
|
|
511
570
|
tabs: tabs,
|
|
512
571
|
quickStart: quickStart,
|
|
@@ -514,6 +573,7 @@ var en = {
|
|
|
514
573
|
notifications: notifications,
|
|
515
574
|
slider: slider,
|
|
516
575
|
buttons: buttons,
|
|
576
|
+
segmentDoc: segmentDoc,
|
|
517
577
|
loaders: loaders,
|
|
518
578
|
tabsComponent: tabsComponent,
|
|
519
579
|
svgComponent: svgComponent,
|
|
@@ -521,8 +581,9 @@ var en = {
|
|
|
521
581
|
badgeDoc: badgeDoc,
|
|
522
582
|
directivesDoc: directivesDoc,
|
|
523
583
|
accordionDoc: accordionDoc,
|
|
524
|
-
cardDoc: cardDoc
|
|
584
|
+
cardDoc: cardDoc,
|
|
585
|
+
modalDoc: modalDoc
|
|
525
586
|
};
|
|
526
587
|
|
|
527
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, notifications, quickStart, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
528
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
588
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
589
|
+
//# sourceMappingURL=duck-dev-lib-en-CvMpinpr.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-CvMpinpr.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -9,7 +9,9 @@ var tabs = {
|
|
|
9
9
|
input: "Вввод",
|
|
10
10
|
notifications: "Уведомления",
|
|
11
11
|
badge: "Бейджи",
|
|
12
|
+
modal: "Модальное окно",
|
|
12
13
|
slider: "Слайдер",
|
|
14
|
+
segment: "Сегмент",
|
|
13
15
|
tooltip: "Подсказка",
|
|
14
16
|
directives: "Директивы"
|
|
15
17
|
};
|
|
@@ -229,6 +231,35 @@ var buttons = {
|
|
|
229
231
|
exampleDark: "Тёмная"
|
|
230
232
|
}
|
|
231
233
|
};
|
|
234
|
+
var segmentDoc = {
|
|
235
|
+
title: "Duck Dev UI Library - Сегмент",
|
|
236
|
+
basic: {
|
|
237
|
+
title: "Компонент сегментации",
|
|
238
|
+
description: "Горизонтальный переключатель с анимированным индикатором. Используйте для фильтрации или переключения небольших наборов контента. Полностью стилизуется через палитру (CSS‑переменные).",
|
|
239
|
+
usage: "Использование:",
|
|
240
|
+
inputs: "Входные параметры:",
|
|
241
|
+
examples: "Примеры:"
|
|
242
|
+
},
|
|
243
|
+
inputsDesc: {
|
|
244
|
+
value: "текущее выбранное значение (string). Если не указано — по умолчанию выбирается первая кнопка.",
|
|
245
|
+
valueChange: "эмитит выбранное значение при клике.",
|
|
246
|
+
ionChange: "событие в стиле Ionic с формой { detail: { value } }.",
|
|
247
|
+
buttonValue: "значение, связанное с конкретной опцией (обязательно).",
|
|
248
|
+
buttonContent: "проецируемый контент внутри кнопки (надпись/иконка)."
|
|
249
|
+
},
|
|
250
|
+
examples: {
|
|
251
|
+
basic: "Базовый",
|
|
252
|
+
withBinding: "С двусторонним биндингом и событиями",
|
|
253
|
+
filters: "Четыре опции"
|
|
254
|
+
},
|
|
255
|
+
labels: {
|
|
256
|
+
all: "Все",
|
|
257
|
+
articles: "Статьи",
|
|
258
|
+
videos: "Видео",
|
|
259
|
+
photos: "Фото",
|
|
260
|
+
selected: "Выбрано"
|
|
261
|
+
}
|
|
262
|
+
};
|
|
232
263
|
var loaders = {
|
|
233
264
|
title: "Duck Dev UI Library - Компоненты загрузки (Loaders)",
|
|
234
265
|
classic: {
|
|
@@ -473,12 +504,41 @@ var cardDoc = {
|
|
|
473
504
|
dark: "Dark"
|
|
474
505
|
}
|
|
475
506
|
};
|
|
507
|
+
var modalDoc = {
|
|
508
|
+
title: "Duck Dev UI Library - Модальное окно",
|
|
509
|
+
quickDemo: "Открыть модальное окно",
|
|
510
|
+
basic: {
|
|
511
|
+
title: "Модальное окно",
|
|
512
|
+
description: "Простое модальное окно с полупрозрачным фоном и анимациями появления/исчезновения на CSS. Содержимое полностью произвольно. Цвета берутся из палитры библиотеки.",
|
|
513
|
+
usage: "Использование:",
|
|
514
|
+
inputs: "Входные параметры:",
|
|
515
|
+
examples: "Примеры:"
|
|
516
|
+
},
|
|
517
|
+
inputs: {
|
|
518
|
+
isOpen: "булево значение, управляющее видимостью (true — открыто, false — закрыто)"
|
|
519
|
+
},
|
|
520
|
+
examples: {
|
|
521
|
+
open: "Открыть демо-окно"
|
|
522
|
+
},
|
|
523
|
+
actions: {
|
|
524
|
+
close: "Закрыть"
|
|
525
|
+
},
|
|
526
|
+
demo: {
|
|
527
|
+
title: "Пример модального окна",
|
|
528
|
+
text: "Это простой пример модального компонента Duck Dev."
|
|
529
|
+
},
|
|
530
|
+
snippets: {
|
|
531
|
+
sampleTitle: "Пример модального окна",
|
|
532
|
+
sampleText: "Здесь можно разместить любое содержимое."
|
|
533
|
+
}
|
|
534
|
+
};
|
|
476
535
|
var ru = {
|
|
477
536
|
tabs: tabs,
|
|
478
537
|
quickStart: quickStart,
|
|
479
538
|
notifications: notifications,
|
|
480
539
|
slider: slider,
|
|
481
540
|
buttons: buttons,
|
|
541
|
+
segmentDoc: segmentDoc,
|
|
482
542
|
loaders: loaders,
|
|
483
543
|
tabsComponent: tabsComponent,
|
|
484
544
|
svgComponent: svgComponent,
|
|
@@ -486,8 +546,9 @@ var ru = {
|
|
|
486
546
|
badgeDoc: badgeDoc,
|
|
487
547
|
directivesDoc: directivesDoc,
|
|
488
548
|
accordionDoc: accordionDoc,
|
|
489
|
-
cardDoc: cardDoc
|
|
549
|
+
cardDoc: cardDoc,
|
|
550
|
+
modalDoc: modalDoc
|
|
490
551
|
};
|
|
491
552
|
|
|
492
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, notifications, quickStart, slider, svgComponent, tabs, tabsComponent };
|
|
493
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
553
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, inputComponent, loaders, modalDoc, notifications, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
|
|
554
|
+
//# sourceMappingURL=duck-dev-lib-ru-JQ83ztjM.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-JQ83ztjM.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|