@sebgroup/green-angular 3.5.2 → 3.6.0

package/index.d.ts

@@ -12,5 +12,6 @@ export * from './lib/shared';
 export * from './lib/slider';
 export * from './lib/in-page-wizard';
 export * from './lib/context-menu';
+export * from './lib/sortable-list';
 export * from './lib/cell-table';
 export * from './lib/shared/core-element';

package/lib/green-angular.module.d.ts

@@ -13,8 +13,9 @@ import * as i11 from "./context-menu/context-menu.module";
 import * as i12 from "./in-page-wizard/in-page-wizard.module";
 import * as i13 from "./cell-table/cell-table.module";
 import * as i14 from "./shared/shared.module";
+import * as i15 from "./sortable-list/sortable-list.module";
 export declare class NggModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NggModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NggModule, never, [typeof i1.CommonModule], [typeof i2.NggAccordionModule, typeof i3.NggBadgeModule, typeof i4.NggButtonModule, typeof i5.NggDatepickerModule, typeof i6.NggDropdownModule, typeof i7.NggModalModule, typeof i8.NggProgressCircleModule, typeof i9.NggSegmentedControlModule, typeof i10.NggSliderModule, typeof i11.NggContextMenuModule, typeof i12.NggInPageWizardModule, typeof i13.NggCellTableModule, typeof i14.NggSharedModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggModule, never, [typeof i1.CommonModule], [typeof i2.NggAccordionModule, typeof i3.NggBadgeModule, typeof i4.NggButtonModule, typeof i5.NggDatepickerModule, typeof i6.NggDropdownModule, typeof i7.NggModalModule, typeof i8.NggProgressCircleModule, typeof i9.NggSegmentedControlModule, typeof i10.NggSliderModule, typeof i11.NggContextMenuModule, typeof i12.NggInPageWizardModule, typeof i13.NggCellTableModule, typeof i14.NggSharedModule, typeof i15.NggSortableListModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NggModule>;
 }

package/lib/sortable-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sortable-list.component';
+export * from './sortable-list.module';

package/lib/sortable-list/sortable-list.component.d.ts

@@ -0,0 +1,91 @@
+import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+export interface SortableListItem {
+    id: any;
+    name: string;
+    description?: string;
+    selected?: boolean;
+    hasCustomSuffix?: boolean;
+}
+export interface SortableListGroup {
+    items: SortableListItem[];
+    title: string;
+    description?: string;
+}
+export declare class NggSortableListComponent {
+    groups: SortableListGroup[];
+    shouldDisplayCheckboxes: boolean;
+    isReadOnly: boolean;
+    isDraggable: boolean;
+    description: string;
+    suffixTemplate: TemplateRef<any> | null;
+    itemSelectionChanged: EventEmitter<{
+        changedItem: SortableListItem;
+        groups: SortableListGroup[];
+    }>;
+    itemOrderChanged: EventEmitter<{
+        previousIndex: [number, number];
+        currentIndex: [number, number];
+        groups: SortableListGroup[];
+    }>;
+    sortableListGroups: ElementRef;
+    focusedIndex: Record<number, number>;
+    /**
+     * Toggles the selection of a checklist item and updates its position in the list.
+     *
+     * @param item - The checklist item to update.
+     */
+    toggleSelection(item: SortableListItem): void;
+    /**
+     * Handles the onDragDrop event.
+     *
+     * @param event - The drag and drop event.
+     */
+    onDragDrop(event: CdkDragDrop<SortableListItem[]>): void;
+    /**
+     * Handles moving items up or down using the alt + arrow up or alt + arrow down keys.
+     *
+     * @param groupIndex - The index of the group.
+     * @param currentItemIndex - The current index of the item.
+     * @param newItemIndex - The new index of the item.
+     */
+    onAltArrowKeydown(groupIndex: number, currentItemIndex: number, newItemIndex: number, event: any): void;
+    /**
+     * Handles focus by arrow keydown event.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     * @param event - The keyboard event.
+     */
+    onArrowKeydown(groupIndex: number, itemIndex: number, event: Event): void;
+    /**
+     * Emits the item order changed event.
+     *
+     * @param previousIndex - The previous index of the item.
+     * @param currentIndex - The current index of the item.
+     */
+    private emitItemOrderChanged;
+    /**
+     * Emits the selected checklist item through an event.
+     *
+     * @param item - The checklist item to emit.
+     */
+    private emitCheckListItem;
+    /**
+     * Focuses on a specific item in the sortable list.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    private focusItem;
+    /**
+     * Checks if an item has focus.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    itemHasFocus(groupIndex: number, itemIndex: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSortableListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggSortableListComponent, "ngg-sortable-list", never, { "groups": "groups"; "shouldDisplayCheckboxes": "shouldDisplayCheckboxes"; "isReadOnly": "isReadOnly"; "isDraggable": "isDraggable"; "description": "description"; "suffixTemplate": "suffixTemplate"; }, { "itemSelectionChanged": "itemSelectionChanged"; "itemOrderChanged": "itemOrderChanged"; }, never, never, false, never>;
+}

package/lib/sortable-list/sortable-list.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sortable-list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/drag-drop";
+export declare class NggSortableListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NggSortableListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NggSortableListModule, [typeof i1.NggSortableListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.DragDropModule], [typeof i1.NggSortableListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NggSortableListModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "3.5.2",
+  "version": "3.6.0",
   "peerDependencies": {
     "@angular/cdk": ">=15.2.9",
     "@angular/common": ">=15.2.9",
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@sebgroup/green-core": "^1.9.1",
-    "@sebgroup/chlorophyll": "^3.1.3",
+    "@sebgroup/chlorophyll": "^3.2.0",
     "@sebgroup/extract": "^3.0.1",
     "tslib": "^2.3.1"
   },