@kksdev/ds-angular 1.8.1 → 1.9.0
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/kksdev-ds-angular.mjs +35 -16
- package/fesm2022/kksdev-ds-angular.mjs.map +1 -1
- package/index.d.ts +40 -4
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -3601,6 +3601,12 @@ declare class DsAccordion implements AfterContentInit {
|
|
|
3601
3601
|
* @default false
|
|
3602
3602
|
*/
|
|
3603
3603
|
disabled: _angular_core.InputSignal<boolean>;
|
|
3604
|
+
/**
|
|
3605
|
+
* Couleur de bordure quand un item est ouvert (variant separated).
|
|
3606
|
+
* Accepte une couleur CSS (ex: '#22c55e', 'var(--color-success)').
|
|
3607
|
+
* @default undefined (utilise --color-primary comme fallback)
|
|
3608
|
+
*/
|
|
3609
|
+
expandedBorderColor: _angular_core.InputSignal<string | undefined>;
|
|
3604
3610
|
/**
|
|
3605
3611
|
* Événement émis lors du changement d'état d'un item.
|
|
3606
3612
|
*/
|
|
@@ -3621,11 +3627,13 @@ declare class DsAccordion implements AfterContentInit {
|
|
|
3621
3627
|
*/
|
|
3622
3628
|
private readonly _expandedIds;
|
|
3623
3629
|
/**
|
|
3624
|
-
* Initialiser les items ouverts à partir de l'input.
|
|
3630
|
+
* Initialiser les items ouverts à partir de l'input expandedIds.
|
|
3631
|
+
* L'effet synchronise expandedIds vers l'état interne.
|
|
3625
3632
|
*/
|
|
3626
3633
|
constructor();
|
|
3627
3634
|
/**
|
|
3628
3635
|
* IDs des items actuellement ouverts.
|
|
3636
|
+
* Utilise uniquement l'état interne (géré par l'effet d'initialisation).
|
|
3629
3637
|
*/
|
|
3630
3638
|
readonly currentExpandedIds: _angular_core.Signal<Set<string>>;
|
|
3631
3639
|
/**
|
|
@@ -3689,7 +3697,7 @@ declare class DsAccordion implements AfterContentInit {
|
|
|
3689
3697
|
*/
|
|
3690
3698
|
getTemplateItemClasses(item: DsAccordionItem): string[];
|
|
3691
3699
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsAccordion, never>;
|
|
3692
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAccordion, "ds-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemChange": "itemChange"; }, ["accordionItems"], never, true, never>;
|
|
3700
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAccordion, "ds-accordion", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expandedBorderColor": { "alias": "expandedBorderColor"; "required": false; "isSignal": true; }; }, { "itemChange": "itemChange"; }, ["accordionItems"], never, true, never>;
|
|
3693
3701
|
}
|
|
3694
3702
|
|
|
3695
3703
|
/**
|
|
@@ -6982,6 +6990,17 @@ interface NavListItem {
|
|
|
6982
6990
|
/** Données personnalisées attachées à l'item */
|
|
6983
6991
|
data?: unknown;
|
|
6984
6992
|
}
|
|
6993
|
+
/**
|
|
6994
|
+
* Action dans le header d'un groupe (bouton icône).
|
|
6995
|
+
*/
|
|
6996
|
+
interface NavListHeaderAction {
|
|
6997
|
+
/** Icône FontAwesome du bouton */
|
|
6998
|
+
icon: IconDefinition;
|
|
6999
|
+
/** Label d'accessibilité (aria-label) */
|
|
7000
|
+
ariaLabel: string;
|
|
7001
|
+
/** Tooltip au survol */
|
|
7002
|
+
tooltip?: string;
|
|
7003
|
+
}
|
|
6985
7004
|
/**
|
|
6986
7005
|
* Groupe d'items avec titre optionnel.
|
|
6987
7006
|
* Permet d'organiser les items en sections (Sources, Filtres, etc.)
|
|
@@ -6997,6 +7016,8 @@ interface NavListGroup {
|
|
|
6997
7016
|
collapsible?: boolean;
|
|
6998
7017
|
/** État initial replié (si collapsible) */
|
|
6999
7018
|
collapsed?: boolean;
|
|
7019
|
+
/** Action dans le header (bouton icône) */
|
|
7020
|
+
headerAction?: NavListHeaderAction;
|
|
7000
7021
|
}
|
|
7001
7022
|
/**
|
|
7002
7023
|
* Événement émis lors du clic sur un item.
|
|
@@ -7018,6 +7039,15 @@ interface NavListGroupToggleEvent {
|
|
|
7018
7039
|
/** Nouvel état (true = collapsed) */
|
|
7019
7040
|
collapsed: boolean;
|
|
7020
7041
|
}
|
|
7042
|
+
/**
|
|
7043
|
+
* Événement émis lors du clic sur l'action d'un groupe.
|
|
7044
|
+
*/
|
|
7045
|
+
interface NavListGroupActionEvent {
|
|
7046
|
+
/** Groupe concerné */
|
|
7047
|
+
group: NavListGroup;
|
|
7048
|
+
/** Événement souris original */
|
|
7049
|
+
event: MouseEvent;
|
|
7050
|
+
}
|
|
7021
7051
|
|
|
7022
7052
|
/**
|
|
7023
7053
|
* # DsNavList
|
|
@@ -7064,6 +7094,8 @@ declare class DsNavList {
|
|
|
7064
7094
|
readonly itemClick: _angular_core.OutputEmitterRef<NavListItemClickEvent>;
|
|
7065
7095
|
/** Émis lors du toggle d'un groupe */
|
|
7066
7096
|
readonly groupToggle: _angular_core.OutputEmitterRef<NavListGroupToggleEvent>;
|
|
7097
|
+
/** Émis lors du clic sur l'action d'un groupe */
|
|
7098
|
+
readonly groupAction: _angular_core.OutputEmitterRef<NavListGroupActionEvent>;
|
|
7067
7099
|
protected readonly faChevronDown: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7068
7100
|
protected readonly faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7069
7101
|
/** IDs des groupes collapsed */
|
|
@@ -7095,8 +7127,12 @@ declare class DsNavList {
|
|
|
7095
7127
|
* Retourne les classes CSS pour un item
|
|
7096
7128
|
*/
|
|
7097
7129
|
getItemClasses(item: NavListItem): string;
|
|
7130
|
+
/**
|
|
7131
|
+
* Gère le clic sur l'action d'un groupe
|
|
7132
|
+
*/
|
|
7133
|
+
handleGroupAction(group: NavListGroup, event: MouseEvent): void;
|
|
7098
7134
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsNavList, never>;
|
|
7099
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsNavList, "ds-nav-list", never, { "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "groupToggle": "groupToggle"; }, never, never, true, never>;
|
|
7135
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsNavList, "ds-nav-list", never, { "groups": { "alias": "groups"; "required": true; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "groupToggle": "groupToggle"; "groupAction": "groupAction"; }, never, never, true, never>;
|
|
7100
7136
|
}
|
|
7101
7137
|
|
|
7102
7138
|
/**
|
|
@@ -8310,4 +8346,4 @@ declare function generateId(): string;
|
|
|
8310
8346
|
declare function generateShortId(prefix?: string): string;
|
|
8311
8347
|
|
|
8312
8348
|
export { AUTOCOMPLETE_POSITIONS, DROPDOWN_POSITIONS, DROPDOWN_POSITIONS_RIGHT, DROPDOWN_POSITIONS_TOP, DsAccordion, DsAccordionItem, DsAlert, DsAvatar, DsBadge, DsBreadcrumb, DsButton, DsCalendar, DsCard, DsCarousel, DsCheckbox, DsCheckboxList, DsChip, DsColorPicker, DsCombobox, DsContainer, DsDatePicker, DsDivider, DsDrawer, DsDropdown, DsEmpty, DsEntityChip, DsEntityPicker, DsFileUpload, DsI18nService, DsInputField, DsInputNumber, DsInputTextarea, DsList, DsListGroup, DsListItem, DsMenu, DsModalComponent, DsNavList, DsNotificationContainerComponent, DsNotificationItemComponent, DsNotificationService, DsPagination, DsPasswordStrength, DsPopover, DsPopoverComponent, DsProgressBar, DsRadioGroup, DsRating, DsSearchInput, DsSegmentedControl, DsSelect, DsSidebar, DsSidebarFooterItemComponent, DsSidebarItemComponent, DsSkeleton, DsSlider, DsStepper, DsTable, DsTabs, DsTimePicker, DsTimeline, DsToastComponent, DsToastContainerComponent, DsToastService, DsToggle, DsTooltip, DsTooltipComponent, DsTransfer, DsTree, IconRegistryService, POPOVER_POSITIONS, PrimitiveBadge, PrimitiveButton, PrimitiveCheckbox, PrimitiveInput, PrimitiveRadio, PrimitiveTextarea, PrimitiveToggle, SIDEBAR_POPOVER_POSITIONS_LEFT, SIDEBAR_POPOVER_POSITIONS_RIGHT, TOOLTIP_POSITIONS, generateId, generateShortId };
|
|
8313
|
-
export type { AccordionChangeEvent, AccordionItem, AccordionSize, AccordionVariant, AlertSize, AlertType, AvatarShape, AvatarSize, BadgeAppearance, BadgeShape, BadgeSize, BadgeType, BadgeVariant, BreadcrumbItem, ButtonAppearance, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarMode, CalendarSize, CardSize, CardVariant, CarouselDotsPosition, CarouselEffect, CarouselSlide, CheckboxListChangeEvent, CheckboxListItem, CheckboxListItemChangeEvent, CheckboxListSize, CheckboxSize, CheckboxState, ChipColor, ChipSize, ChipVariant, ColorFormat, ColorPickerSize, ContainerGutter, ContainerMaxWidth, DatePickerMode, DatePickerSize, DateRange, DividerLabelPosition, DividerOrientation, DividerSize, DividerVariant, DrawerPosition, DrawerSize, DropdownItem, DropdownItemDTO, DropdownPosition, DsComboboxOption, DsComboboxSize, DsEntityOption, DsEntityPickerDisplayMode, DsEntityPickerSize, DsSelectOption, DsSelectSize, DsTableColumn, DsTableSize, DsTableVariant, EmptySize, FileUploadSize, FlattenedSidebarItem, HSLColor, I18nLabels, InputAppearance, InputNumberControlsPosition, InputNumberSize, InputSize, InputState, InputType, ListDragEvent, ListEmptyConfig, ListGroupToggleEvent, ListGroupVariant, ListItemCheckEvent, ListItemClickEvent, ListItemIndicator, ListItemIndicatorColor, ListItemSize, ListSelectionChangeEvent, ListSize, ListVariant, MenuItem, MenuSize, MenuTrigger, NavListBadgeVariant, NavListGroup, NavListGroupToggleEvent, NavListItem, NavListItemClickEvent, NavListSize, NotificationAction, NotificationConfig, NotificationItem, NotificationPlacement, PageChangeEvent, PageSizeOption, PaginationSize, PasswordCriterion, PasswordStrength, PasswordStrengthSize, PopoverTrigger, ProgressBarMode, ProgressBarSize, ProgressBarVariant, RGBColor, RadioGroupLayout, RadioOption, RadioSize, RatingSize, SearchInputSize, SegmentOption, SegmentedControlColor, SegmentedControlOrientation, SegmentedControlSize, SidebarBadgeVariant, SidebarCollapsedTrigger, SidebarItem, SidebarItemClickEvent, SidebarItemExpandEvent, SidebarMode, SidebarPosition, SidebarSize, SkeletonSize, SkeletonVariant, SliderOrientation, SliderSize, SliderValue, SortDirection, SortEvent, Step, StepChangeEvent, StepState, StepperOrientation, StepperSize, SupportedLocale, TabItem, TableState, TextareaAppearance, TextareaResize, TextareaSize, TextareaState, TimeFormat, TimePickerSize, TimeValue, TimelineColor, TimelineItem, TimelineItemClickEvent, TimelineMode, TimelineSize, ToastInstance, ToastOptions, ToastPosition, ToastType, ToggleSize, TransferChangeEvent, TransferDirection, TransferItem, TransferSize, TreeNode, TreeNodeCheckEvent, TreeNodeExpandEvent, TreeNodeSelectEvent, TreeSize, UploadFile };
|
|
8349
|
+
export type { AccordionChangeEvent, AccordionItem, AccordionSize, AccordionVariant, AlertSize, AlertType, AvatarShape, AvatarSize, BadgeAppearance, BadgeShape, BadgeSize, BadgeType, BadgeVariant, BreadcrumbItem, ButtonAppearance, ButtonSize, ButtonType, ButtonVariant, CalendarEvent, CalendarMode, CalendarSize, CardSize, CardVariant, CarouselDotsPosition, CarouselEffect, CarouselSlide, CheckboxListChangeEvent, CheckboxListItem, CheckboxListItemChangeEvent, CheckboxListSize, CheckboxSize, CheckboxState, ChipColor, ChipSize, ChipVariant, ColorFormat, ColorPickerSize, ContainerGutter, ContainerMaxWidth, DatePickerMode, DatePickerSize, DateRange, DividerLabelPosition, DividerOrientation, DividerSize, DividerVariant, DrawerPosition, DrawerSize, DropdownItem, DropdownItemDTO, DropdownPosition, DsComboboxOption, DsComboboxSize, DsEntityOption, DsEntityPickerDisplayMode, DsEntityPickerSize, DsSelectOption, DsSelectSize, DsTableColumn, DsTableSize, DsTableVariant, EmptySize, FileUploadSize, FlattenedSidebarItem, HSLColor, I18nLabels, InputAppearance, InputNumberControlsPosition, InputNumberSize, InputSize, InputState, InputType, ListDragEvent, ListEmptyConfig, ListGroupToggleEvent, ListGroupVariant, ListItemCheckEvent, ListItemClickEvent, ListItemIndicator, ListItemIndicatorColor, ListItemSize, ListSelectionChangeEvent, ListSize, ListVariant, MenuItem, MenuSize, MenuTrigger, NavListBadgeVariant, NavListGroup, NavListGroupActionEvent, NavListGroupToggleEvent, NavListHeaderAction, NavListItem, NavListItemClickEvent, NavListSize, NotificationAction, NotificationConfig, NotificationItem, NotificationPlacement, PageChangeEvent, PageSizeOption, PaginationSize, PasswordCriterion, PasswordStrength, PasswordStrengthSize, PopoverTrigger, ProgressBarMode, ProgressBarSize, ProgressBarVariant, RGBColor, RadioGroupLayout, RadioOption, RadioSize, RatingSize, SearchInputSize, SegmentOption, SegmentedControlColor, SegmentedControlOrientation, SegmentedControlSize, SidebarBadgeVariant, SidebarCollapsedTrigger, SidebarItem, SidebarItemClickEvent, SidebarItemExpandEvent, SidebarMode, SidebarPosition, SidebarSize, SkeletonSize, SkeletonVariant, SliderOrientation, SliderSize, SliderValue, SortDirection, SortEvent, Step, StepChangeEvent, StepState, StepperOrientation, StepperSize, SupportedLocale, TabItem, TableState, TextareaAppearance, TextareaResize, TextareaSize, TextareaState, TimeFormat, TimePickerSize, TimeValue, TimelineColor, TimelineItem, TimelineItemClickEvent, TimelineMode, TimelineSize, ToastInstance, ToastOptions, ToastPosition, ToastType, ToggleSize, TransferChangeEvent, TransferDirection, TransferItem, TransferSize, TreeNode, TreeNodeCheckEvent, TreeNodeExpandEvent, TreeNodeSelectEvent, TreeSize, UploadFile };
|
package/package.json
CHANGED