duck-dev-lib 0.1.1 → 0.1.3
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-documentation-en-B7HcW-fA.mjs → duck-dev-lib-documentation-en-CAkNMIl-.mjs} +68 -7
- package/fesm2022/{duck-dev-lib-documentation-ru-HvXNcT1n.mjs.map → duck-dev-lib-documentation-en-CAkNMIl-.mjs.map} +1 -1
- package/fesm2022/{duck-dev-lib-documentation-ru-HvXNcT1n.mjs → duck-dev-lib-documentation-ru-D_Za91c6.mjs} +68 -7
- package/fesm2022/{duck-dev-lib-documentation-en-B7HcW-fA.mjs.map → duck-dev-lib-documentation-ru-D_Za91c6.mjs.map} +1 -1
- package/fesm2022/duck-dev-lib-documentation.mjs +177 -72
- package/fesm2022/duck-dev-lib-documentation.mjs.map +1 -1
- package/fesm2022/duck-dev-lib.mjs +138 -50
- package/fesm2022/duck-dev-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/types/duck-dev-lib.d.ts +50 -13
|
@@ -363,7 +363,19 @@ var buttons = {
|
|
|
363
363
|
contentProjectionDescription: "All neobrutal buttons support ng-content. If projected content is provided, it replaces the [text] input. If no content is projected, the button falls back to {{ text() }}. Fully backward compatible.",
|
|
364
364
|
exampleProjectionTape: "Tape / Projected",
|
|
365
365
|
exampleProjectionBurst: "Burst / Projected",
|
|
366
|
-
exampleProjectionSlab: "Slab / Projected"
|
|
366
|
+
exampleProjectionSlab: "Slab / Projected",
|
|
367
|
+
inputFullWidth: "stretches the button to fill its container (host display:block, width:100%)",
|
|
368
|
+
inputTruncate: "clips an over-long label with an ellipsis (use together with fullWidth or a fixed width)",
|
|
369
|
+
cssVarsNote: "Low-level escape hatch: --dd-button-display, --dd-button-width and --dd-button-min-width can be set directly (e.g. for flex:1 1 0 rows). The tape variant also exposes --dd-button-tape-overhang.",
|
|
370
|
+
fullWidthTitle: "Full Width & Truncate",
|
|
371
|
+
fullWidthDescription: "Use [fullWidth] to stretch a button across its container instead of piercing the component with ::ng-deep. Combine with [truncate] to keep a long label on one line with an ellipsis.",
|
|
372
|
+
exampleFullWidthSlab: "Slab / Full width",
|
|
373
|
+
exampleFullWidthTape: "Tape / Full width",
|
|
374
|
+
exampleTruncateTag: "Tag / Truncate",
|
|
375
|
+
exampleTruncateSlab: "Slab / Truncate",
|
|
376
|
+
inputWrapLabel: "lets a long label wrap onto multiple lines instead of truncating",
|
|
377
|
+
inputPill: "burst only — pill badge position (top-right | top-center) and whether it wraps",
|
|
378
|
+
cssVarsNoteExtra: "Burst exposes --dd-button-burst-min-height / -padding / -shadow / -pill-* / -text-* and active/hover transform tokens; tag exposes --dd-button-tag-chip-background / -color. The library already neutralizes hover-lift on touch devices."
|
|
367
379
|
}
|
|
368
380
|
};
|
|
369
381
|
var segmentDoc = {
|
|
@@ -603,7 +615,23 @@ var tabsComponent = {
|
|
|
603
615
|
storyStackText: "Large markers, hard shadows, and a moving side indicator keep the active route visible even in denser interfaces.",
|
|
604
616
|
storyBlastChip: "Blast",
|
|
605
617
|
storyBlastTitle: "Built for promo and editorial blocks",
|
|
606
|
-
storyBlastText: "The content area keeps the same brutal geometry, so the tabs and panel feel like one composed interface instead of separate widgets."
|
|
618
|
+
storyBlastText: "The content area keeps the same brutal geometry, so the tabs and panel feel like one composed interface instead of separate widgets.",
|
|
619
|
+
stretchTitle: "Stretched (equal-width) tabs",
|
|
620
|
+
stretchDescription: "Set [stretchTabs]=\"true\" to make the header fill its row and let every tab share the width equally — no ::ng-deep needed.",
|
|
621
|
+
stretchKickerPlan: "Step 01",
|
|
622
|
+
stretchCardPlanTitle: "Plan",
|
|
623
|
+
stretchCardPlanText: "Shape the scope and line up the work before the sprint starts.",
|
|
624
|
+
stretchKickerBuild: "Step 02",
|
|
625
|
+
stretchCardBuildTitle: "Build",
|
|
626
|
+
stretchCardBuildText: "Ship the components behind signals and keep the demo in sync.",
|
|
627
|
+
stretchKickerShip: "Step 03",
|
|
628
|
+
stretchCardShipTitle: "Ship",
|
|
629
|
+
stretchCardShipText: "Cut the release, update docs and translations, then celebrate.",
|
|
630
|
+
customizeTitle: "Inputs & CSS variables",
|
|
631
|
+
inputStretchTabs: "stretch the header to full width with equal-width tabs",
|
|
632
|
+
inputShowContentWrapper: "toggle the framed viewport; false renders a chromeless content area",
|
|
633
|
+
cssViewport: "override the viewport border, background, shadow, radius, min-height and overflow",
|
|
634
|
+
cssPanelPadding: "set or zero the active panel padding (also applied on mobile)"
|
|
607
635
|
}
|
|
608
636
|
};
|
|
609
637
|
var svgComponent = {
|
|
@@ -621,7 +649,9 @@ var svgComponent = {
|
|
|
621
649
|
step3: "Use the icon tag with the registered ID in your template.",
|
|
622
650
|
searchPlaceholder: "Search icons by name or id...",
|
|
623
651
|
clickToCopy: "Click to copy",
|
|
624
|
-
copied: "Copied!"
|
|
652
|
+
copied: "Copied!",
|
|
653
|
+
handlesTitle: "Size & color",
|
|
654
|
+
handlesText: "Use [size] (number of px or any CSS length) to resize the glyph and [color] (or --dd-icon-color) to recolor it — no need to pierce the inner svg."
|
|
625
655
|
};
|
|
626
656
|
var inputComponent = {
|
|
627
657
|
title: "Duck Dev Input",
|
|
@@ -684,6 +714,18 @@ var inputComponent = {
|
|
|
684
714
|
requiredTrue: "You need to confirm consent",
|
|
685
715
|
invalid: "Check the field value"
|
|
686
716
|
}
|
|
717
|
+
},
|
|
718
|
+
neobrutal: {
|
|
719
|
+
passwordLabel: "Password",
|
|
720
|
+
passwordPlaceholder: "At least 6 characters",
|
|
721
|
+
passwordToggle: "Toggle password visibility",
|
|
722
|
+
suffixCaption: "The eye button is projected via [ddInputSuffix] and lives inside the field.",
|
|
723
|
+
customizeTitle: "Slot & CSS variables",
|
|
724
|
+
suffixSlot: "project a trailing control (password toggle, unit, icon) inside the field",
|
|
725
|
+
cssShadow: "recolor the resting and focus box-shadow",
|
|
726
|
+
cssError: "recolor the error border, shadow and message chip",
|
|
727
|
+
cssTextarea: "tune textarea min-height, padding and resize behavior",
|
|
728
|
+
cssPaddingInlineEnd: "reserve trailing room for an overlaid control"
|
|
687
729
|
}
|
|
688
730
|
};
|
|
689
731
|
var badgeDoc = {
|
|
@@ -717,7 +759,13 @@ var badgeDoc = {
|
|
|
717
759
|
neoUsage: "Neobrutalism usage",
|
|
718
760
|
neoSlab: "Slab",
|
|
719
761
|
neoStamp: "Stamp",
|
|
720
|
-
neoTicket: "Ticket"
|
|
762
|
+
neoTicket: "Ticket",
|
|
763
|
+
neoHandlesTitle: "Layout handles",
|
|
764
|
+
neoHandlesDesc: "Inputs that replace the usual ::ng-deep overrides: stretch (grow in a flex row), truncate (ellipsis), wrap (multi-line) and flush (borderless, fills its container).",
|
|
765
|
+
handleStretch: "stretch",
|
|
766
|
+
handleTruncate: "truncate",
|
|
767
|
+
handleWrap: "wrap",
|
|
768
|
+
handleFlush: "flush"
|
|
721
769
|
};
|
|
722
770
|
var progressDoc = {
|
|
723
771
|
title: "Duck Dev UI Library - Progress Bars",
|
|
@@ -834,7 +882,11 @@ var accordionDoc = {
|
|
|
834
882
|
neobrutal: {
|
|
835
883
|
stampTitle: "Neobrutal Stamp",
|
|
836
884
|
tapeTitle: "Neobrutal Tape",
|
|
837
|
-
tapeDescription: "Washi tape style accordion. The header looks like a strip of tape with diagonal striped ends, slightly rotated. Content appears stuck underneath."
|
|
885
|
+
tapeDescription: "Washi tape style accordion. The header looks like a strip of tape with diagonal striped ends, slightly rotated. Content appears stuck underneath.",
|
|
886
|
+
handlesTitle: "Customization handles",
|
|
887
|
+
handleConnector: "hide the accent marker bar on the body",
|
|
888
|
+
handleOverflow: "let the open body overflow so shadows / dropdowns are not clipped",
|
|
889
|
+
handleBodyVars: "border-top, padding (inline/block) and transition tokens for the body"
|
|
838
890
|
}
|
|
839
891
|
};
|
|
840
892
|
var cardDoc = {
|
|
@@ -905,6 +957,12 @@ var cardDoc = {
|
|
|
905
957
|
gray: "<small>Log</small><h3>Background context</h3><p>Subtle enough for secondary information, version notes and passive feed items.</p>",
|
|
906
958
|
dark: "<small>Console</small><h3>High-priority signal</h3><p>Best for stronger status communication, compact dashboards and dense information panels.</p>"
|
|
907
959
|
}
|
|
960
|
+
},
|
|
961
|
+
neobrutal: {
|
|
962
|
+
handlesTitle: "Customization handles",
|
|
963
|
+
handleContent: "turn the projected content into a flex/grid column (display, gap, min-height, justify, padding-block)",
|
|
964
|
+
handlePanel: "retheme the panel and card surface (background, border, shadow)",
|
|
965
|
+
handleDecoration: "recolor the strap and corner marker"
|
|
908
966
|
}
|
|
909
967
|
};
|
|
910
968
|
var speakerBubbleDoc = {
|
|
@@ -932,7 +990,10 @@ var speakerBubbleDoc = {
|
|
|
932
990
|
slabTitle: "Neobrutal Slab Bubble",
|
|
933
991
|
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.",
|
|
934
992
|
ticketTitle: "Neobrutal Ticket Bubble",
|
|
935
|
-
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."
|
|
993
|
+
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.",
|
|
994
|
+
handlesTitle: "Chrome & surface handles",
|
|
995
|
+
handlesDesc: "Use [flat] (or [showPin]/[showCorner]) to drop the tail and decorations, then re-skin the surface with --dd-speaker-bubble-background / -border / -radius / -shadow and --dd-speaker-bubble-content-background.",
|
|
996
|
+
flatLabel: "Flat / docked panel"
|
|
936
997
|
},
|
|
937
998
|
labels: {
|
|
938
999
|
leftTail: "Left tail",
|
|
@@ -1034,4 +1095,4 @@ var en = {
|
|
|
1034
1095
|
};
|
|
1035
1096
|
|
|
1036
1097
|
export { accordionDoc, badgeDoc, breadcrumbDoc, buttons, cardDoc, en as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, selectorDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent, tooltipDoc };
|
|
1037
|
-
//# sourceMappingURL=duck-dev-lib-documentation-en-
|
|
1098
|
+
//# sourceMappingURL=duck-dev-lib-documentation-en-CAkNMIl-.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-documentation-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-documentation-en-CAkNMIl-.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -329,7 +329,19 @@ var buttons = {
|
|
|
329
329
|
contentProjectionDescription: "Все neobrutal-кнопки поддерживают ng-content. Если передан projected content — он заменяет [text]. Если контента нет — кнопка показывает {{ text() }}. Полная обратная совместимость.",
|
|
330
330
|
exampleProjectionTape: "Tape / Projected",
|
|
331
331
|
exampleProjectionBurst: "Burst / Projected",
|
|
332
|
-
exampleProjectionSlab: "Slab / Projected"
|
|
332
|
+
exampleProjectionSlab: "Slab / Projected",
|
|
333
|
+
inputFullWidth: "растягивает кнопку на всю ширину контейнера (host display:block, width:100%)",
|
|
334
|
+
inputTruncate: "обрезает слишком длинный текст многоточием (используйте вместе с fullWidth или фиксированной шириной)",
|
|
335
|
+
cssVarsNote: "Низкоуровневый escape hatch: --dd-button-display, --dd-button-width и --dd-button-min-width можно задать напрямую (например, для flex:1 1 0). У варианта tape также есть --dd-button-tape-overhang.",
|
|
336
|
+
fullWidthTitle: "На всю ширину и обрезка текста",
|
|
337
|
+
fullWidthDescription: "Используйте [fullWidth], чтобы растянуть кнопку по контейнеру без пробивания инкапсуляции через ::ng-deep. Вместе с [truncate] длинный текст останется в одну строку с многоточием.",
|
|
338
|
+
exampleFullWidthSlab: "Slab / Full width",
|
|
339
|
+
exampleFullWidthTape: "Tape / Full width",
|
|
340
|
+
exampleTruncateTag: "Tag / Truncate",
|
|
341
|
+
exampleTruncateSlab: "Slab / Truncate",
|
|
342
|
+
inputWrapLabel: "разрешает длинному тексту переноситься на несколько строк вместо обрезки",
|
|
343
|
+
inputPill: "только burst — позиция плашки (top-right | top-center) и её перенос",
|
|
344
|
+
cssVarsNoteExtra: "Burst отдаёт --dd-button-burst-min-height / -padding / -shadow / -pill-* / -text-* и токены transform для hover/active; tag — --dd-button-tag-chip-background / -color. Библиотека уже отключает подъём при наведении на тач-устройствах."
|
|
333
345
|
}
|
|
334
346
|
};
|
|
335
347
|
var segmentDoc = {
|
|
@@ -559,7 +571,23 @@ var tabsComponent = {
|
|
|
559
571
|
storyStackText: "Большие маркеры, жёсткие тени и движущийся боковой индикатор помогают быстро увидеть активный раздел даже в плотной раскладке.",
|
|
560
572
|
storyBlastChip: "Blast",
|
|
561
573
|
storyBlastTitle: "Подходит для промо и editorial-блоков",
|
|
562
|
-
storyBlastText: "Контентная зона повторяет ту же brutal-геометрию, поэтому tabs и панель воспринимаются как единый собранный интерфейс, а не как две разные сущности."
|
|
574
|
+
storyBlastText: "Контентная зона повторяет ту же brutal-геометрию, поэтому tabs и панель воспринимаются как единый собранный интерфейс, а не как две разные сущности.",
|
|
575
|
+
stretchTitle: "Растянутые табы (равной ширины)",
|
|
576
|
+
stretchDescription: "Установите [stretchTabs]=\"true\", чтобы заголовок занял всю ширину, а табы поделили её поровну — без ::ng-deep.",
|
|
577
|
+
stretchKickerPlan: "Шаг 01",
|
|
578
|
+
stretchCardPlanTitle: "Планирование",
|
|
579
|
+
stretchCardPlanText: "Определите объём работ и распределите задачи до старта спринта.",
|
|
580
|
+
stretchKickerBuild: "Шаг 02",
|
|
581
|
+
stretchCardBuildTitle: "Разработка",
|
|
582
|
+
stretchCardBuildText: "Соберите компоненты на сигналах и держите демо в актуальном состоянии.",
|
|
583
|
+
stretchKickerShip: "Шаг 03",
|
|
584
|
+
stretchCardShipTitle: "Релиз",
|
|
585
|
+
stretchCardShipText: "Выпустите релиз, обновите документацию и переводы.",
|
|
586
|
+
customizeTitle: "Входные параметры и CSS-переменные",
|
|
587
|
+
inputStretchTabs: "растянуть заголовок на всю ширину с табами равной ширины",
|
|
588
|
+
inputShowContentWrapper: "переключатель рамки вокруг контента; false убирает оформление области",
|
|
589
|
+
cssViewport: "переопределить рамку, фон, тень, радиус, min-height и overflow области контента",
|
|
590
|
+
cssPanelPadding: "задать или обнулить отступы активной панели (в т.ч. на мобильных)"
|
|
563
591
|
}
|
|
564
592
|
};
|
|
565
593
|
var svgComponent = {
|
|
@@ -577,7 +605,9 @@ var svgComponent = {
|
|
|
577
605
|
step3: "Используйте тег иконки с зарегистрированным ID в вашем шаблоне.",
|
|
578
606
|
searchPlaceholder: "Поиск иконок по имени или id...",
|
|
579
607
|
clickToCopy: "Кликните, чтобы скопировать",
|
|
580
|
-
copied: "Скопировано!"
|
|
608
|
+
copied: "Скопировано!",
|
|
609
|
+
handlesTitle: "Размер и цвет",
|
|
610
|
+
handlesText: "Используйте [size] (число px или любую CSS-длину) для изменения размера и [color] (или --dd-icon-color) для перекраски — пробивать внутренний svg не нужно."
|
|
581
611
|
};
|
|
582
612
|
var inputComponent = {
|
|
583
613
|
title: "Duck Dev Input",
|
|
@@ -640,6 +670,18 @@ var inputComponent = {
|
|
|
640
670
|
requiredTrue: "Нужно подтвердить согласие",
|
|
641
671
|
invalid: "Проверьте значение поля"
|
|
642
672
|
}
|
|
673
|
+
},
|
|
674
|
+
neobrutal: {
|
|
675
|
+
passwordLabel: "Пароль",
|
|
676
|
+
passwordPlaceholder: "Минимум 6 символов",
|
|
677
|
+
passwordToggle: "Показать или скрыть пароль",
|
|
678
|
+
suffixCaption: "Кнопка-глаз проецируется через [ddInputSuffix] и находится внутри поля.",
|
|
679
|
+
customizeTitle: "Слот и CSS-переменные",
|
|
680
|
+
suffixSlot: "проецировать управляющий элемент (переключатель пароля, единицу, иконку) внутрь поля",
|
|
681
|
+
cssShadow: "перекрасить тень в обычном состоянии и в фокусе",
|
|
682
|
+
cssError: "перекрасить рамку ошибки, тень и плашку сообщения",
|
|
683
|
+
cssTextarea: "настроить min-height, отступы и поведение resize у textarea",
|
|
684
|
+
cssPaddingInlineEnd: "зарезервировать место справа для накладного элемента"
|
|
643
685
|
}
|
|
644
686
|
};
|
|
645
687
|
var badgeDoc = {
|
|
@@ -673,7 +715,13 @@ var badgeDoc = {
|
|
|
673
715
|
neoUsage: "Neobrutalism использование",
|
|
674
716
|
neoSlab: "Slab",
|
|
675
717
|
neoStamp: "Stamp",
|
|
676
|
-
neoTicket: "Ticket"
|
|
718
|
+
neoTicket: "Ticket",
|
|
719
|
+
neoHandlesTitle: "Управление компоновкой",
|
|
720
|
+
neoHandlesDesc: "Инпуты, заменяющие привычные ::ng-deep: stretch (тянется в flex-ряду), truncate (многоточие), wrap (несколько строк) и flush (без рамки, заполняет контейнер).",
|
|
721
|
+
handleStretch: "stretch",
|
|
722
|
+
handleTruncate: "truncate",
|
|
723
|
+
handleWrap: "wrap",
|
|
724
|
+
handleFlush: "flush"
|
|
677
725
|
};
|
|
678
726
|
var progressDoc = {
|
|
679
727
|
title: "Duck Dev UI Library - Progress Bar",
|
|
@@ -790,7 +838,11 @@ var accordionDoc = {
|
|
|
790
838
|
neobrutal: {
|
|
791
839
|
stampTitle: "Neobrutal Stamp",
|
|
792
840
|
tapeTitle: "Neobrutal Tape",
|
|
793
|
-
tapeDescription: "Аккордеон в стиле washi tape. Хедер выглядит как полоска скотча с диагональными штрихами по краям, слегка повёрнутая. Контент появляется «приклеенным» снизу."
|
|
841
|
+
tapeDescription: "Аккордеон в стиле washi tape. Хедер выглядит как полоска скотча с диагональными штрихами по краям, слегка повёрнутая. Контент появляется «приклеенным» снизу.",
|
|
842
|
+
handlesTitle: "Параметры кастомизации",
|
|
843
|
+
handleConnector: "скрыть акцентную полосу-маркер на теле",
|
|
844
|
+
handleOverflow: "разрешить открытому телу выходить за рамку, чтобы тени и выпадашки не обрезались",
|
|
845
|
+
handleBodyVars: "токены border-top, отступов (inline/block) и transition для тела"
|
|
794
846
|
}
|
|
795
847
|
};
|
|
796
848
|
var cardDoc = {
|
|
@@ -861,6 +913,12 @@ var cardDoc = {
|
|
|
861
913
|
gray: "<small>Log</small><h3>Фоновый контекст</h3><p>Достаточно деликатна для вторичной информации, заметок о версиях и пассивных элементов ленты.</p>",
|
|
862
914
|
dark: "<small>Console</small><h3>Приоритетный сигнал</h3><p>Лучше всего работает для сильных статусных сообщений, компактных дашбордов и плотных инфо-панелей.</p>"
|
|
863
915
|
}
|
|
916
|
+
},
|
|
917
|
+
neobrutal: {
|
|
918
|
+
handlesTitle: "Параметры кастомизации",
|
|
919
|
+
handleContent: "превратить проецируемый контент во flex/grid-колонку (display, gap, min-height, justify, padding-block)",
|
|
920
|
+
handlePanel: "перетемизировать панель и поверхность карточки (фон, рамка, тень)",
|
|
921
|
+
handleDecoration: "перекрасить ремешок и угловой маркер"
|
|
864
922
|
}
|
|
865
923
|
};
|
|
866
924
|
var speakerBubbleDoc = {
|
|
@@ -888,7 +946,10 @@ var speakerBubbleDoc = {
|
|
|
888
946
|
slabTitle: "Neobrutal Slab Bubble",
|
|
889
947
|
slabDescription: "Толстые границы, жёсткая геометрия и громкий хвост делают этот вариант уместным для агрессивной UI-наррации, hero-чатов и акцентных статусных обновлений.",
|
|
890
948
|
ticketTitle: "Neobrutal Ticket Bubble",
|
|
891
|
-
ticketDescription: "Оболочка в духе билета с перфорированной боковой рейкой. Хорошо подходит для алертов, операционных таймлайнов и интерфейсов, где облако должно ощущаться как физический артефакт."
|
|
949
|
+
ticketDescription: "Оболочка в духе билета с перфорированной боковой рейкой. Хорошо подходит для алертов, операционных таймлайнов и интерфейсов, где облако должно ощущаться как физический артефакт.",
|
|
950
|
+
handlesTitle: "Управление хвостом и поверхностью",
|
|
951
|
+
handlesDesc: "С [flat] (или [showPin]/[showCorner]) убираются хвост и декор, а поверхность перекрашивается через --dd-speaker-bubble-background / -border / -radius / -shadow и --dd-speaker-bubble-content-background.",
|
|
952
|
+
flatLabel: "Плоская / закреплённая панель"
|
|
892
953
|
},
|
|
893
954
|
labels: {
|
|
894
955
|
leftTail: "Хвост слева",
|
|
@@ -989,4 +1050,4 @@ var ru = {
|
|
|
989
1050
|
};
|
|
990
1051
|
|
|
991
1052
|
export { accordionDoc, badgeDoc, breadcrumbDoc, buttons, cardDoc, ru as default, directivesDoc, documentationStyleTabs, inputComponent, loaders, modalDoc, notifications, progressDoc, quickStart, segmentDoc, selectorDoc, slider, speakerBubbleDoc, svgComponent, tabs, tabsComponent };
|
|
992
|
-
//# sourceMappingURL=duck-dev-lib-documentation-ru-
|
|
1053
|
+
//# sourceMappingURL=duck-dev-lib-documentation-ru-D_Za91c6.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"duck-dev-lib-documentation-
|
|
1
|
+
{"version":3,"file":"duck-dev-lib-documentation-ru-D_Za91c6.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|