@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/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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kksdev/ds-angular",
3
- "version": "1.8.1",
3
+ "version": "1.9.0",
4
4
  "description": "Angular 20 standalone component library - Design System with 55 components, 7 primitives, 3 themes, i18n support",
5
5
  "keywords": [
6
6
  "angular",