@kksdev/ds-angular 1.8.0 → 1.8.2

package/index.d.ts

@@ -3464,6 +3464,62 @@ declare class DsTooltip implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DsTooltip, "[dsTooltip]", never, { "dsTooltip": { "alias": "dsTooltip"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * # DsAccordionItem
+ *
+ * Composant enfant pour le mode template-driven de DsAccordion.
+ * Permet d'injecter du contenu Angular riche (composants, HTML, etc.).
+ *
+ * ## Usage
+ *
+ * ```html
+ * <ds-accordion [multiple]="true">
+ *   <ds-accordion-item header="Section 1" [badge]="items.length">
+ *     <div>Contenu riche ici</div>
+ *     <my-component />
+ *   </ds-accordion-item>
+ * </ds-accordion>
+ * ```
+ *
+ * @component
+ */
+declare class DsAccordionItem {
+    /**
+     * Texte du header.
+     */
+    readonly header: _angular_core.InputSignal<string>;
+    /**
+     * Badge optionnel affiché à côté du header (ex: compteur).
+     */
+    readonly badge: _angular_core.InputSignal<string | number | undefined>;
+    /**
+     * ID unique de l'item. Auto-généré si non fourni.
+     */
+    readonly id: _angular_core.InputSignal<string>;
+    /**
+     * Désactiver cet item.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Template du contenu projeté.
+     * @internal
+     */
+    contentTemplate: TemplateRef<unknown>;
+    /**
+     * État d'expansion (contrôlé par le parent DsAccordion).
+     * @internal
+     */
+    readonly _expanded: _angular_core.WritableSignal<boolean>;
+    /**
+     * Index dans la liste (injecté par le parent).
+     * @internal
+     */
+    readonly _index: _angular_core.WritableSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsAccordionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAccordionItem, "ds-accordion-item", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 /**
  * Taille de l'accordion.
  */
@@ -3512,10 +3568,12 @@ interface AccordionChangeEvent {
  *
  * @component
  */
-declare class DsAccordion {
+declare class DsAccordion implements AfterContentInit {
     readonly faChevronDown: _fortawesome_fontawesome_common_types.IconDefinition;
     /**
-     * Liste des items de l'accordion.
+     * Liste des items de l'accordion (mode data-driven).
+     * Laisser vide pour utiliser le mode template-driven avec <ds-accordion-item>.
+     * @default []
      */
     items: _angular_core.InputSignal<AccordionItem[]>;
     /**
@@ -3543,20 +3601,39 @@ declare class DsAccordion {
      * @default false
      */
     disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Couleur de bordure quand un item est ouvert (variant separated).
+     * Accepte une couleur CSS (ex: '#22c55e', 'var(--color-success)').
+     * @default undefined (utilise --color-primary comme fallback)
+     */
+    expandedBorderColor: _angular_core.InputSignal<string | undefined>;
     /**
      * Événement émis lors du changement d'état d'un item.
      */
     itemChange: _angular_core.OutputEmitterRef<AccordionChangeEvent>;
+    /**
+     * Items enfants en mode template-driven.
+     * @internal
+     */
+    readonly accordionItems: _angular_core.Signal<readonly DsAccordionItem[]>;
+    /**
+     * Mode de fonctionnement (auto-détecté).
+     * - 'data' : si [items] est fourni et non vide
+     * - 'template' : si des <ds-accordion-item> enfants sont présents
+     */
+    readonly mode: _angular_core.Signal<"data" | "template">;
     /**
      * État interne des items ouverts.
      */
     private readonly _expandedIds;
     /**
-     * Initialiser les items ouverts à partir de l'input.
+     * Initialiser les items ouverts à partir de l'input expandedIds.
+     * L'effet synchronise expandedIds vers l'état interne.
      */
     constructor();
     /**
      * IDs des items actuellement ouverts.
+     * Utilise uniquement l'état interne (géré par l'effet d'initialisation).
      */
     readonly currentExpandedIds: _angular_core.Signal<Set<string>>;
     /**
@@ -3599,8 +3676,28 @@ declare class DsAccordion {
      * ID unique pour le contenu.
      */
     getContentId(item: AccordionItem): string;
+    /**
+     * Initialiser les index des items enfants.
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Mettre à jour les index des items template.
+     */
+    private updateTemplateItemsIndex;
+    /**
+     * Toggle un item en mode template-driven.
+     */
+    toggleTemplateItem(item: DsAccordionItem): void;
+    /**
+     * Gestion du clavier en mode template-driven.
+     */
+    onTemplateKeydown(event: KeyboardEvent, item: DsAccordionItem, index: number): void;
+    /**
+     * Classes CSS pour un item template-driven.
+     */
+    getTemplateItemClasses(item: DsAccordionItem): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DsAccordion, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DsAccordion, "ds-accordion", never, { "items": { "alias": "items"; "required": true; "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"; }, never, never, true, never>;
+    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>;
 }
 
 /**
@@ -8220,5 +8317,5 @@ declare function generateId(): string;
  */
 declare function generateShortId(prefix?: string): string;
 
-export { AUTOCOMPLETE_POSITIONS, DROPDOWN_POSITIONS, DROPDOWN_POSITIONS_RIGHT, DROPDOWN_POSITIONS_TOP, DsAccordion, 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 };
+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 };
 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kksdev/ds-angular",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Angular 20 standalone component library - Design System with 55 components, 7 primitives, 3 themes, i18n support",
   "keywords": [
     "angular",