duck-dev-lib 0.0.44 → 0.0.46
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-Ax8ROq2-.mjs → duck-dev-lib-en-VOJz-IcV.mjs} +55 -4
- package/fesm2022/{duck-dev-lib-ru-yHcUp82C.mjs.map → duck-dev-lib-en-VOJz-IcV.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-ru-yHcUp82C.mjs → duck-dev-lib-ru-COyomsqL.mjs} +55 -4
- package/fesm2022/{duck-dev-lib-en-Ax8ROq2-.mjs.map → duck-dev-lib-ru-COyomsqL.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib.mjs +1781 -17
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +273 -5
|
@@ -13,6 +13,7 @@ var tabs = {
|
|
|
13
13
|
modal: "Modal",
|
|
14
14
|
slider: "Slider",
|
|
15
15
|
segment: "Segment",
|
|
16
|
+
speakerBubble: "Speaker bubble",
|
|
16
17
|
tooltip: "Tooltip",
|
|
17
18
|
directives: "Directives"
|
|
18
19
|
};
|
|
@@ -305,20 +306,29 @@ var segmentDoc = {
|
|
|
305
306
|
value: "current selected value (string). If omitted, the first button is selected by default.",
|
|
306
307
|
valueChange: "emits the selected value on click.",
|
|
307
308
|
ionChange: "Ionic‑style event with shape { detail: { value } }.",
|
|
309
|
+
color: "available in the neobrutal variant; accepts AccentEnumColor to switch palette and contrast.",
|
|
308
310
|
buttonValue: "value associated with a particular option (required).",
|
|
309
311
|
buttonContent: "projected content inside the button (label/icon)."
|
|
310
312
|
},
|
|
311
313
|
examples: {
|
|
312
314
|
basic: "Basic",
|
|
313
315
|
withBinding: "With two‑way binding and events",
|
|
314
|
-
filters: "Four options"
|
|
316
|
+
filters: "Four options",
|
|
317
|
+
neobrutalViolet: "Neobrutal / Violet",
|
|
318
|
+
neobrutalOrange: "Neobrutal / Orange"
|
|
315
319
|
},
|
|
316
320
|
labels: {
|
|
317
321
|
all: "All",
|
|
318
322
|
articles: "Articles",
|
|
319
323
|
videos: "Videos",
|
|
320
324
|
photos: "Photos",
|
|
321
|
-
selected: "Selected"
|
|
325
|
+
selected: "Selected",
|
|
326
|
+
rush: "Rush",
|
|
327
|
+
review: "Review",
|
|
328
|
+
drop: "Drop",
|
|
329
|
+
draft: "Draft",
|
|
330
|
+
launch: "Launch",
|
|
331
|
+
archive: "Archive"
|
|
322
332
|
}
|
|
323
333
|
};
|
|
324
334
|
var loaders = {
|
|
@@ -707,6 +717,46 @@ var cardDoc = {
|
|
|
707
717
|
}
|
|
708
718
|
}
|
|
709
719
|
};
|
|
720
|
+
var speakerBubbleDoc = {
|
|
721
|
+
title: "Duck Dev UI Library - Speaker Bubble",
|
|
722
|
+
intro: "Speech bubbles for chat threads, inline dialogue and editorial callouts. Every variant projects arbitrary markup through <b>ng-content</b>, so you can place headings, meta labels and rich text instead of a plain string input.",
|
|
723
|
+
common: {
|
|
724
|
+
usage: "Usage:",
|
|
725
|
+
inputs: "Inputs:",
|
|
726
|
+
examples: "Examples:"
|
|
727
|
+
},
|
|
728
|
+
inputsDesc: {
|
|
729
|
+
content: "<b>ng-content</b> — arbitrary projected markup: headings, text, labels, buttons or other inline elements inside the bubble body.",
|
|
730
|
+
color: "<b>color</b>: AccentEnumColor — palette surface and accent colors for the bubble shell.",
|
|
731
|
+
tail: "<b>tail</b>: 'left' | 'right' — moves the bubble tail to the active speaker side."
|
|
732
|
+
},
|
|
733
|
+
classic: {
|
|
734
|
+
bubbleTitle: "Classic Bubble",
|
|
735
|
+
bubbleDescription: "A clean rounded chat bubble with light volume and a restrained tail. Suitable for messaging layouts, comments and calm product guidance.",
|
|
736
|
+
softTitle: "Soft Bubble",
|
|
737
|
+
softDescription: "A softer glass-like bubble with more atmosphere and gentle highlights. Works well for assistant messages, onboarding hints and editorial overlays.",
|
|
738
|
+
outlineTitle: "Outline Bubble",
|
|
739
|
+
outlineDescription: "A framed bubble for neutral notes and quieter UI dialogue. Useful when the content should stay visible without becoming the loudest element on screen."
|
|
740
|
+
},
|
|
741
|
+
neobrutal: {
|
|
742
|
+
slabTitle: "Neobrutal Slab Bubble",
|
|
743
|
+
slabDescription: "Heavy borders, rigid geometry and a loud tail make this variant useful for aggressive UI narration, hero chat blocks and attention-grabbing status updates.",
|
|
744
|
+
ticketTitle: "Neobrutal Ticket Bubble",
|
|
745
|
+
ticketDescription: "A ticket-like shell with a perforated side rail. Good for alerts, operations timelines and interfaces where the bubble should feel collectible and mechanical."
|
|
746
|
+
},
|
|
747
|
+
labels: {
|
|
748
|
+
leftTail: "Left tail",
|
|
749
|
+
rightTail: "Right tail",
|
|
750
|
+
richContent: "Rich content",
|
|
751
|
+
darkMode: "Dark mode",
|
|
752
|
+
note: "Neutral note",
|
|
753
|
+
replyRight: "Right reply",
|
|
754
|
+
livePanel: "Live panel",
|
|
755
|
+
hotReply: "Hot reply",
|
|
756
|
+
alertTicket: "Alert ticket",
|
|
757
|
+
ticketReply: "Ticket reply"
|
|
758
|
+
}
|
|
759
|
+
};
|
|
710
760
|
var modalDoc = {
|
|
711
761
|
title: "Duck Dev UI Library - Modal",
|
|
712
762
|
quickDemo: "Open modal",
|
|
@@ -753,8 +803,9 @@ var en = {
|
|
|
753
803
|
directivesDoc: directivesDoc,
|
|
754
804
|
accordionDoc: accordionDoc,
|
|
755
805
|
cardDoc: cardDoc,
|
|
806
|
+
speakerBubbleDoc: speakerBubbleDoc,
|
|
756
807
|
modalDoc: modalDoc
|
|
757
808
|
};
|
|
758
809
|
|
|
759
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
760
|
-
//# sourceMappingURL=duck-dev-lib-en-
|
|
810
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
811
|
+
//# sourceMappingURL=duck-dev-lib-en-VOJz-IcV.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-en-VOJz-IcV.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -13,6 +13,7 @@ var tabs = {
|
|
|
13
13
|
modal: "Модальное окно",
|
|
14
14
|
slider: "Слайдер",
|
|
15
15
|
segment: "Сегмент",
|
|
16
|
+
speakerBubble: "Речевые облака",
|
|
16
17
|
tooltip: "Подсказка",
|
|
17
18
|
directives: "Директивы"
|
|
18
19
|
};
|
|
@@ -271,20 +272,29 @@ var segmentDoc = {
|
|
|
271
272
|
value: "текущее выбранное значение (string). Если не указано — по умолчанию выбирается первая кнопка.",
|
|
272
273
|
valueChange: "эмитит выбранное значение при клике.",
|
|
273
274
|
ionChange: "событие в стиле Ionic с формой { detail: { value } }.",
|
|
275
|
+
color: "доступен в neobrutal-варианте; принимает AccentEnumColor для смены палитры и контраста.",
|
|
274
276
|
buttonValue: "значение, связанное с конкретной опцией (обязательно).",
|
|
275
277
|
buttonContent: "проецируемый контент внутри кнопки (надпись/иконка)."
|
|
276
278
|
},
|
|
277
279
|
examples: {
|
|
278
280
|
basic: "Базовый",
|
|
279
281
|
withBinding: "С двусторонним биндингом и событиями",
|
|
280
|
-
filters: "Четыре опции"
|
|
282
|
+
filters: "Четыре опции",
|
|
283
|
+
neobrutalViolet: "Neobrutal / Violet",
|
|
284
|
+
neobrutalOrange: "Neobrutal / Orange"
|
|
281
285
|
},
|
|
282
286
|
labels: {
|
|
283
287
|
all: "Все",
|
|
284
288
|
articles: "Статьи",
|
|
285
289
|
videos: "Видео",
|
|
286
290
|
photos: "Фото",
|
|
287
|
-
selected: "Выбрано"
|
|
291
|
+
selected: "Выбрано",
|
|
292
|
+
rush: "Rush",
|
|
293
|
+
review: "Review",
|
|
294
|
+
drop: "Drop",
|
|
295
|
+
draft: "Draft",
|
|
296
|
+
launch: "Launch",
|
|
297
|
+
archive: "Archive"
|
|
288
298
|
}
|
|
289
299
|
};
|
|
290
300
|
var loaders = {
|
|
@@ -673,6 +683,46 @@ var cardDoc = {
|
|
|
673
683
|
}
|
|
674
684
|
}
|
|
675
685
|
};
|
|
686
|
+
var speakerBubbleDoc = {
|
|
687
|
+
title: "Duck Dev UI Library - Speaker Bubble",
|
|
688
|
+
intro: "Речевые облака для чат-ленты, inline-диалогов и редакторских callout-блоков. Все варианты принимают произвольную разметку через <b>ng-content</b>, поэтому внутрь можно передавать заголовки, метки, абзацы и любой rich content вместо простого текстового input.",
|
|
689
|
+
common: {
|
|
690
|
+
usage: "Использование:",
|
|
691
|
+
inputs: "Входные параметры:",
|
|
692
|
+
examples: "Примеры:"
|
|
693
|
+
},
|
|
694
|
+
inputsDesc: {
|
|
695
|
+
content: "<b>ng-content</b> — произвольная проецируемая разметка: заголовки, текст, метки, кнопки и другие inline-элементы внутри облака.",
|
|
696
|
+
color: "<b>color</b>: AccentEnumColor — палитра поверхности и акцентных цветов оболочки облака.",
|
|
697
|
+
tail: "<b>tail</b>: 'left' | 'right' — переносит хвост облака к активной стороне спикера."
|
|
698
|
+
},
|
|
699
|
+
classic: {
|
|
700
|
+
bubbleTitle: "Классическое облако",
|
|
701
|
+
bubbleDescription: "Чистое округлое облако с лёгким объёмом и сдержанным хвостом. Подходит для сообщений, комментариев и спокойных продуктовых подсказок.",
|
|
702
|
+
softTitle: "Мягкое облако",
|
|
703
|
+
softDescription: "Более мягкий стеклянный вариант с атмосферной подсветкой. Хорошо работает для сообщений ассистента, onboarding-подсказок и редакторских слоёв.",
|
|
704
|
+
outlineTitle: "Контурное облако",
|
|
705
|
+
outlineDescription: "Рамочный вариант для нейтральных заметок и более тихого UI-диалога. Подходит там, где контент должен быть заметен, но не быть самым громким элементом экрана."
|
|
706
|
+
},
|
|
707
|
+
neobrutal: {
|
|
708
|
+
slabTitle: "Neobrutal Slab Bubble",
|
|
709
|
+
slabDescription: "Толстые границы, жёсткая геометрия и громкий хвост делают этот вариант уместным для агрессивной UI-наррации, hero-чатов и акцентных статусных обновлений.",
|
|
710
|
+
ticketTitle: "Neobrutal Ticket Bubble",
|
|
711
|
+
ticketDescription: "Оболочка в духе билета с перфорированной боковой рейкой. Хорошо подходит для алертов, операционных таймлайнов и интерфейсов, где облако должно ощущаться как физический артефакт."
|
|
712
|
+
},
|
|
713
|
+
labels: {
|
|
714
|
+
leftTail: "Хвост слева",
|
|
715
|
+
rightTail: "Хвост справа",
|
|
716
|
+
richContent: "Насыщенный контент",
|
|
717
|
+
darkMode: "Тёмная тема",
|
|
718
|
+
note: "Нейтральная заметка",
|
|
719
|
+
replyRight: "Ответ справа",
|
|
720
|
+
livePanel: "Живая панель",
|
|
721
|
+
hotReply: "Горячий ответ",
|
|
722
|
+
alertTicket: "Алерт-билет",
|
|
723
|
+
ticketReply: "Ответ-билет"
|
|
724
|
+
}
|
|
725
|
+
};
|
|
676
726
|
var modalDoc = {
|
|
677
727
|
title: "Duck Dev UI Library - Модальное окно",
|
|
678
728
|
quickDemo: "Открыть модальное окно",
|
|
@@ -718,8 +768,9 @@ var ru = {
|
|
|
718
768
|
directivesDoc: directivesDoc,
|
|
719
769
|
accordionDoc: accordionDoc,
|
|
720
770
|
cardDoc: cardDoc,
|
|
771
|
+
speakerBubbleDoc: speakerBubbleDoc,
|
|
721
772
|
modalDoc: modalDoc
|
|
722
773
|
};
|
|
723
774
|
|
|
724
|
-
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, svgComponent, tabs, tabsComponent };
|
|
725
|
-
//# sourceMappingURL=duck-dev-lib-ru-
|
|
775
|
+
export { accordionDoc, badgeDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent };
|
|
776
|
+
//# sourceMappingURL=duck-dev-lib-ru-COyomsqL.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-ru-COyomsqL.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|