@sebgroup/green-angular 8.1.0 → 9.0.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.
Files changed (71) hide show
  1. package/fesm2022/sebgroup-green-angular-src-lib-accordion.mjs +2 -2
  2. package/fesm2022/sebgroup-green-angular-src-lib-accordion.mjs.map +1 -1
  3. package/fesm2022/sebgroup-green-angular-src-lib-badge.mjs +1 -1
  4. package/fesm2022/sebgroup-green-angular-src-lib-badge.mjs.map +1 -1
  5. package/fesm2022/sebgroup-green-angular-src-lib-button.mjs +1 -1
  6. package/fesm2022/sebgroup-green-angular-src-lib-button.mjs.map +1 -1
  7. package/fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs +2 -2
  8. package/fesm2022/sebgroup-green-angular-src-lib-cell-table.mjs.map +1 -1
  9. package/fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs +7 -5
  10. package/fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs.map +1 -1
  11. package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs +14 -14
  12. package/fesm2022/sebgroup-green-angular-src-lib-modal.mjs.map +1 -1
  13. package/fesm2022/sebgroup-green-angular-src-lib-pagination.mjs +2 -2
  14. package/fesm2022/sebgroup-green-angular-src-lib-pagination.mjs.map +1 -1
  15. package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs +2 -2
  16. package/fesm2022/sebgroup-green-angular-src-lib-slider.mjs.map +1 -1
  17. package/fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs +10 -6
  18. package/fesm2022/sebgroup-green-angular-src-lib-sortable-list.mjs.map +1 -1
  19. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs +2 -2
  20. package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs.map +1 -1
  21. package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs +2 -2
  22. package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs.map +1 -1
  23. package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs +2 -2
  24. package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs.map +1 -1
  25. package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs +2 -2
  26. package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs.map +1 -1
  27. package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +2 -2
  28. package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
  29. package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs +230 -211
  30. package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs.map +1 -1
  31. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +6 -6
  32. package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
  33. package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs +2 -2
  34. package/fesm2022/sebgroup-green-angular-src-v-angular-info-circle.mjs.map +1 -1
  35. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +2 -2
  36. package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
  37. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +6 -6
  38. package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
  39. package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs +2 -2
  40. package/fesm2022/sebgroup-green-angular-src-v-angular-pagination.mjs.map +1 -1
  41. package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +2 -2
  42. package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
  43. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +2 -2
  44. package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
  45. package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs +2 -2
  46. package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs.map +1 -1
  47. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +2 -2
  48. package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
  49. package/fesm2022/sebgroup-green-angular-v-angular.mjs +262 -243
  50. package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
  51. package/fesm2022/sebgroup-green-angular.mjs +40 -36
  52. package/fesm2022/sebgroup-green-angular.mjs.map +1 -1
  53. package/lib/button/button.component.d.ts +1 -1
  54. package/lib/in-page-wizard/in-page-wizard.module.d.ts +2 -1
  55. package/lib/sortable-list/sortable-list.component.d.ts +1 -0
  56. package/lib/sortable-list/sortable-list.module.d.ts +2 -1
  57. package/package.json +2 -2
  58. package/src/lib/button/button.component.d.ts +1 -1
  59. package/src/lib/in-page-wizard/in-page-wizard.module.d.ts +2 -1
  60. package/src/lib/sortable-list/sortable-list.component.d.ts +1 -0
  61. package/src/lib/sortable-list/sortable-list.module.d.ts +2 -1
  62. package/src/v-angular/datepicker/components/calendar/calendar.component.d.ts +1 -1
  63. package/src/v-angular/datepicker/components/date-input/date-input.component.d.ts +1 -1
  64. package/src/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +1 -1
  65. package/src/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +1 -1
  66. package/src/v-angular/datepicker/datepicker.utils.d.ts +7 -0
  67. package/v-angular/datepicker/components/calendar/calendar.component.d.ts +1 -1
  68. package/v-angular/datepicker/components/date-input/date-input.component.d.ts +1 -1
  69. package/v-angular/datepicker/components/datepicker/datepicker.component.d.ts +1 -1
  70. package/v-angular/datepicker/date-control-value-accessor/date-control-value-accessor.component.d.ts +1 -1
  71. package/v-angular/datepicker/datepicker.utils.d.ts +7 -0
@@ -1,9 +1,12 @@
1
1
  import * as i2 from '@angular/cdk/drag-drop';
2
2
  import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
3
3
  import * as i0 from '@angular/core';
4
- import { EventEmitter, ViewChild, Output, Input, Component, NgModule } from '@angular/core';
4
+ import { EventEmitter, ViewChild, Output, Input, Component, CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
5
+ import '@sebgroup/green-core/components/icon/icons/dot-grid-two.js';
5
6
  import * as i1 from '@angular/common';
6
7
  import { CommonModule } from '@angular/common';
8
+ import * as i3 from '@sebgroup/green-angular/src/lib/shared';
9
+ import { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared';
7
10
  import { FormsModule } from '@angular/forms';
8
11
 
9
12
  class NggSortableListComponent {
@@ -156,11 +159,11 @@ class NggSortableListComponent {
156
159
  return this.focusedIndex[groupIndex] === itemIndex;
157
160
  }
158
161
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
159
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggSortableListComponent, isStandalone: false, selector: "ngg-sortable-list", inputs: { groups: "groups", shouldDisplayCheckboxes: "shouldDisplayCheckboxes", isReadOnly: "isReadOnly", isDraggable: "isDraggable", description: "description", suffixTemplate: "suffixTemplate" }, outputs: { itemSelectionChanged: "itemSelectionChanged", itemOrderChanged: "itemOrderChanged" }, viewQueries: [{ propertyName: "sortableListGroups", first: true, predicate: ["sortableListGroups"], descendants: true }], ngImport: i0, template: "<div class=\"item-list\">\n <ng-container>\n <p class=\"item-list-header\">\n <span class=\"item-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"item-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"item-list-header\"\n >\n <span class=\"item-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"item-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"item-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span class=\"item-list-suffix\" name=\"agendaItemToolTip\">\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <i class=\"sg-icon sg-icon-grip-vertical text-primary\"></i>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".item-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--sg-card-background);color:var(--text-primary-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.form-control{line-height:20px;font-size:16px;font-weight:500}.item-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.item-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.item-list-header-subtitle{font-size:.75rem;color:var(--text-primary-color);display:flex;justify-content:center;align-content:center}.item-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.item-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form-control.item-layout{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }] }); }
162
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: NggSortableListComponent, isStandalone: false, selector: "ngg-sortable-list", inputs: { groups: "groups", shouldDisplayCheckboxes: "shouldDisplayCheckboxes", isReadOnly: "isReadOnly", isDraggable: "isDraggable", description: "description", suffixTemplate: "suffixTemplate" }, outputs: { itemSelectionChanged: "itemSelectionChanged", itemOrderChanged: "itemOrderChanged" }, viewQueries: [{ propertyName: "sortableListGroups", first: true, predicate: ["sortableListGroups"], descendants: true }], ngImport: i0, template: "<div class=\"gds-sortable-list\">\n <ng-container>\n <p class=\"gds-sortable-list-header\">\n <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"gds-sortable-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"gds-sortable-list-header\"\n >\n <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"gds-sortable-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"gds-form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"gds-form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"gds-sortable-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span\n class=\"gds-sortable-list-suffix\"\n name=\"agendaItemToolTip\"\n >\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".gds-sortable-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--gds-sys-color-background-primary);color:var(--gds-sys-color-text-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.gds-form-control{line-height:20px;font-size:16px;font-weight:500}.gds-sortable-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.gds-sortable-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.gds-sortable-list-header-subtitle{font-size:.75rem;color:var(--gds-sys-color-text-primary);display:flex;justify-content:center;align-content:center}.gds-sortable-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.gds-sortable-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.gds-form-control.item-layout{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
160
163
  }
161
164
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListComponent, decorators: [{
162
165
  type: Component,
163
- args: [{ selector: 'ngg-sortable-list', standalone: false, template: "<div class=\"item-list\">\n <ng-container>\n <p class=\"item-list-header\">\n <span class=\"item-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"item-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"item-list-header\"\n >\n <span class=\"item-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"item-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"item-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span class=\"item-list-suffix\" name=\"agendaItemToolTip\">\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <i class=\"sg-icon sg-icon-grip-vertical text-primary\"></i>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".item-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--sg-card-background);color:var(--text-primary-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.form-control{line-height:20px;font-size:16px;font-weight:500}.item-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.item-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.item-list-header-subtitle{font-size:.75rem;color:var(--text-primary-color);display:flex;justify-content:center;align-content:center}.item-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.item-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form-control.item-layout{display:flex;justify-content:space-between}\n"] }]
166
+ args: [{ selector: 'ngg-sortable-list', standalone: false, template: "<div class=\"gds-sortable-list\">\n <ng-container>\n <p class=\"gds-sortable-list-header\">\n <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"gds-sortable-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"gds-sortable-list-header\"\n >\n <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"gds-sortable-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"gds-form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"gds-form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"gds-sortable-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span\n class=\"gds-sortable-list-suffix\"\n name=\"agendaItemToolTip\"\n >\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [".gds-sortable-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--gds-sys-color-background-primary);color:var(--gds-sys-color-text-primary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.gds-form-control{line-height:20px;font-size:16px;font-weight:500}.gds-sortable-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.gds-sortable-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.gds-sortable-list-header-subtitle{font-size:.75rem;color:var(--gds-sys-color-text-primary);display:flex;justify-content:center;align-content:center}.gds-sortable-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.gds-sortable-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.gds-form-control.item-layout{display:flex;justify-content:space-between}\n"] }]
164
167
  }], propDecorators: { groups: [{
165
168
  type: Input
166
169
  }], shouldDisplayCheckboxes: [{
@@ -184,15 +187,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
184
187
 
185
188
  class NggSortableListModule {
186
189
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
187
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, declarations: [NggSortableListComponent], imports: [CommonModule, FormsModule, DragDropModule], exports: [NggSortableListComponent] }); }
188
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, imports: [CommonModule, FormsModule, DragDropModule] }); }
190
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, declarations: [NggSortableListComponent], imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule], exports: [NggSortableListComponent] }); }
191
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule] }); }
189
192
  }
190
193
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: NggSortableListModule, decorators: [{
191
194
  type: NgModule,
192
195
  args: [{
193
- imports: [CommonModule, FormsModule, DragDropModule],
196
+ imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule],
194
197
  exports: [NggSortableListComponent],
195
198
  declarations: [NggSortableListComponent],
199
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
196
200
  }]
197
201
  }] });
198
202
 
@@ -1 +1 @@
1
- {"version":3,"file":"sebgroup-green-angular-src-lib-sortable-list.mjs","sources":["../../../../libs/angular/src/lib/sortable-list/sortable-list.component.ts","../../../../libs/angular/src/lib/sortable-list/sortable-list.component.html","../../../../libs/angular/src/lib/sortable-list/sortable-list.module.ts","../../../../libs/angular/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.ts"],"sourcesContent":["import {\n CdkDragDrop,\n moveItemInArray,\n transferArrayItem,\n} from '@angular/cdk/drag-drop'\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n TemplateRef,\n ViewChild,\n} from '@angular/core'\n\nexport interface SortableListItem {\n id: any\n name: string\n description?: string\n selected?: boolean\n hasCustomSuffix?: boolean\n}\n\nexport interface SortableListGroup {\n items: SortableListItem[]\n title: string\n description?: string\n}\n\n@Component({\n selector: 'ngg-sortable-list',\n templateUrl: './sortable-list.component.html',\n styleUrls: ['./sortable-list.component.scss'],\n standalone: false\n})\nexport class NggSortableListComponent {\n @Input() groups: SortableListGroup[] = []\n @Input() shouldDisplayCheckboxes = false\n @Input() isReadOnly = false\n @Input() isDraggable = true\n @Input() description = ''\n @Input() suffixTemplate: TemplateRef<any> | null = null\n\n @Output() itemSelectionChanged = new EventEmitter<{\n changedItem: SortableListItem\n groups: SortableListGroup[]\n }>()\n @Output() itemOrderChanged = new EventEmitter<{\n previousIndex: [number, number]\n currentIndex: [number, number]\n groups: SortableListGroup[]\n }>()\n\n @ViewChild('sortableListGroups') sortableListGroups!: ElementRef\n\n focusedIndex: Record<number, number> = { 0: 0 }\n\n /**\n * Toggles the selection of a checklist item and updates its position in the list.\n *\n * @param item - The checklist item to update.\n */\n toggleSelection(item: SortableListItem) {\n item.selected = !item.selected\n this.emitCheckListItem(item)\n }\n\n /**\n * Handles the onDragDrop event.\n *\n * @param event - The drag and drop event.\n */\n onDragDrop(event: CdkDragDrop<SortableListItem[]>) {\n if (event.previousContainer === event.container) {\n moveItemInArray(\n event.container.data,\n event.previousIndex,\n event.currentIndex,\n )\n } else {\n transferArrayItem(\n event.previousContainer.data,\n event.container.data,\n event.previousIndex,\n event.currentIndex,\n )\n }\n\n this.emitItemOrderChanged(\n [Number(event.previousContainer.id), event.previousIndex],\n [Number(event.container.id), event.currentIndex],\n )\n }\n\n /**\n * Handles moving items up or down using the alt + arrow up or alt + arrow down keys.\n *\n * @param groupIndex - The index of the group.\n * @param currentItemIndex - The current index of the item.\n * @param newItemIndex - The new index of the item.\n */\n onAltArrowKeydown(\n groupIndex: number,\n currentItemIndex: number,\n newItemIndex: number,\n event: any,\n ) {\n event.preventDefault()\n\n let newIndex = newItemIndex\n let newGroupIndex = groupIndex\n let transfer = false\n\n if (newIndex > this.groups[groupIndex].items.length - 1) {\n newIndex = 0\n newGroupIndex = groupIndex + 1\n transfer = true\n this.focusedIndex[groupIndex] = this.groups[groupIndex].items.length - 2\n } else if (newIndex < 0) {\n newGroupIndex = groupIndex - 1\n newIndex = this.groups[newGroupIndex].items.length\n transfer = true\n this.focusedIndex[groupIndex] = 0\n }\n\n if (transfer) {\n transferArrayItem(\n this.groups[groupIndex].items,\n this.groups[newGroupIndex].items,\n currentItemIndex,\n newIndex,\n )\n } else {\n moveItemInArray(this.groups[groupIndex].items, currentItemIndex, newIndex)\n }\n\n this.emitItemOrderChanged(\n [groupIndex, currentItemIndex],\n [newGroupIndex, newIndex],\n )\n\n setTimeout(() => {\n this.focusItem(newGroupIndex, newIndex)\n })\n }\n\n /**\n * Handles focus by arrow keydown event.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n * @param event - The keyboard event.\n */\n onArrowKeydown(groupIndex: number, itemIndex: number, event: Event) {\n event.preventDefault()\n setTimeout(() => {\n let gi = groupIndex\n\n if (itemIndex > this.groups[groupIndex].items.length - 1) {\n gi = groupIndex + 1\n itemIndex = 0\n }\n\n if (itemIndex < 0) {\n gi = groupIndex - 1\n if (gi < 0) {\n return\n }\n itemIndex = this.groups[gi].items.length - 1\n }\n\n this.focusItem(gi, itemIndex)\n })\n }\n\n /**\n * Emits the item order changed event.\n *\n * @param previousIndex - The previous index of the item.\n * @param currentIndex - The current index of the item.\n */\n private emitItemOrderChanged(\n previousIndex: [number, number],\n currentIndex: [number, number],\n ) {\n this.itemOrderChanged.emit({\n previousIndex,\n currentIndex,\n groups: [...this.groups],\n })\n }\n\n /**\n * Emits the selected checklist item through an event.\n *\n * @param item - The checklist item to emit.\n */\n private emitCheckListItem(item: SortableListItem) {\n this.itemSelectionChanged.emit({ changedItem: item, groups: this.groups })\n }\n\n /**\n * Focuses on a specific item in the sortable list.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n */\n private focusItem(groupIndex: number, itemIndex: number): void {\n const groupElements =\n this.sortableListGroups.nativeElement.querySelectorAll('.item-list-group')\n\n if (groupElements && groupElements.length > groupIndex) {\n const itemElements = groupElements[groupIndex].querySelectorAll('.item')\n if (itemElements && itemElements.length > itemIndex) {\n if (this.shouldDisplayCheckboxes) {\n itemElements[itemIndex].querySelector('input').focus()\n } else {\n itemElements[itemIndex].focus()\n }\n this.focusedIndex[groupIndex] = itemIndex\n }\n }\n }\n\n /**\n * Checks if an item has focus.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n */\n itemHasFocus(groupIndex: number, itemIndex: number) {\n if (!this.focusedIndex[groupIndex]) {\n this.focusedIndex[groupIndex] = 0\n }\n return this.focusedIndex[groupIndex] === itemIndex\n }\n}\n","<div class=\"item-list\">\n <ng-container>\n <p class=\"item-list-header\">\n <span class=\"item-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"item-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"item-list-header\"\n >\n <span class=\"item-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"item-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"item-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span class=\"item-list-suffix\" name=\"agendaItemToolTip\">\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <i class=\"sg-icon sg-icon-grip-vertical text-primary\"></i>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n","import { DragDropModule } from '@angular/cdk/drag-drop'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { FormsModule } from '@angular/forms'\n\nimport { NggSortableListComponent } from './sortable-list.component'\n\n@NgModule({\n imports: [CommonModule, FormsModule, DragDropModule],\n exports: [NggSortableListComponent],\n declarations: [NggSortableListComponent],\n})\nexport class NggSortableListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sebgroup-green-angular-src-lib-sortable-list.mjs","sources":["../../../../libs/angular/src/lib/sortable-list/sortable-list.component.ts","../../../../libs/angular/src/lib/sortable-list/sortable-list.component.html","../../../../libs/angular/src/lib/sortable-list/sortable-list.module.ts","../../../../libs/angular/src/lib/sortable-list/sebgroup-green-angular-src-lib-sortable-list.ts"],"sourcesContent":["import {\n CdkDragDrop,\n moveItemInArray,\n transferArrayItem,\n} from '@angular/cdk/drag-drop'\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n TemplateRef,\n ViewChild,\n} from '@angular/core'\n\nimport '@sebgroup/green-core/components/icon/icons/dot-grid-two.js'\n\nexport interface SortableListItem {\n id: any\n name: string\n description?: string\n selected?: boolean\n hasCustomSuffix?: boolean\n}\n\nexport interface SortableListGroup {\n items: SortableListItem[]\n title: string\n description?: string\n}\n\n@Component({\n selector: 'ngg-sortable-list',\n templateUrl: './sortable-list.component.html',\n styleUrls: ['./sortable-list.component.scss'],\n standalone: false\n})\nexport class NggSortableListComponent {\n @Input() groups: SortableListGroup[] = []\n @Input() shouldDisplayCheckboxes = false\n @Input() isReadOnly = false\n @Input() isDraggable = true\n @Input() description = ''\n @Input() suffixTemplate: TemplateRef<any> | null = null\n\n @Output() itemSelectionChanged = new EventEmitter<{\n changedItem: SortableListItem\n groups: SortableListGroup[]\n }>()\n @Output() itemOrderChanged = new EventEmitter<{\n previousIndex: [number, number]\n currentIndex: [number, number]\n groups: SortableListGroup[]\n }>()\n\n @ViewChild('sortableListGroups') sortableListGroups!: ElementRef\n\n focusedIndex: Record<number, number> = { 0: 0 }\n\n /**\n * Toggles the selection of a checklist item and updates its position in the list.\n *\n * @param item - The checklist item to update.\n */\n toggleSelection(item: SortableListItem) {\n item.selected = !item.selected\n this.emitCheckListItem(item)\n }\n\n /**\n * Handles the onDragDrop event.\n *\n * @param event - The drag and drop event.\n */\n onDragDrop(event: CdkDragDrop<SortableListItem[]>) {\n if (event.previousContainer === event.container) {\n moveItemInArray(\n event.container.data,\n event.previousIndex,\n event.currentIndex,\n )\n } else {\n transferArrayItem(\n event.previousContainer.data,\n event.container.data,\n event.previousIndex,\n event.currentIndex,\n )\n }\n\n this.emitItemOrderChanged(\n [Number(event.previousContainer.id), event.previousIndex],\n [Number(event.container.id), event.currentIndex],\n )\n }\n\n /**\n * Handles moving items up or down using the alt + arrow up or alt + arrow down keys.\n *\n * @param groupIndex - The index of the group.\n * @param currentItemIndex - The current index of the item.\n * @param newItemIndex - The new index of the item.\n */\n onAltArrowKeydown(\n groupIndex: number,\n currentItemIndex: number,\n newItemIndex: number,\n event: any,\n ) {\n event.preventDefault()\n\n let newIndex = newItemIndex\n let newGroupIndex = groupIndex\n let transfer = false\n\n if (newIndex > this.groups[groupIndex].items.length - 1) {\n newIndex = 0\n newGroupIndex = groupIndex + 1\n transfer = true\n this.focusedIndex[groupIndex] = this.groups[groupIndex].items.length - 2\n } else if (newIndex < 0) {\n newGroupIndex = groupIndex - 1\n newIndex = this.groups[newGroupIndex].items.length\n transfer = true\n this.focusedIndex[groupIndex] = 0\n }\n\n if (transfer) {\n transferArrayItem(\n this.groups[groupIndex].items,\n this.groups[newGroupIndex].items,\n currentItemIndex,\n newIndex,\n )\n } else {\n moveItemInArray(this.groups[groupIndex].items, currentItemIndex, newIndex)\n }\n\n this.emitItemOrderChanged(\n [groupIndex, currentItemIndex],\n [newGroupIndex, newIndex],\n )\n\n setTimeout(() => {\n this.focusItem(newGroupIndex, newIndex)\n })\n }\n\n /**\n * Handles focus by arrow keydown event.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n * @param event - The keyboard event.\n */\n onArrowKeydown(groupIndex: number, itemIndex: number, event: Event) {\n event.preventDefault()\n setTimeout(() => {\n let gi = groupIndex\n\n if (itemIndex > this.groups[groupIndex].items.length - 1) {\n gi = groupIndex + 1\n itemIndex = 0\n }\n\n if (itemIndex < 0) {\n gi = groupIndex - 1\n if (gi < 0) {\n return\n }\n itemIndex = this.groups[gi].items.length - 1\n }\n\n this.focusItem(gi, itemIndex)\n })\n }\n\n /**\n * Emits the item order changed event.\n *\n * @param previousIndex - The previous index of the item.\n * @param currentIndex - The current index of the item.\n */\n private emitItemOrderChanged(\n previousIndex: [number, number],\n currentIndex: [number, number],\n ) {\n this.itemOrderChanged.emit({\n previousIndex,\n currentIndex,\n groups: [...this.groups],\n })\n }\n\n /**\n * Emits the selected checklist item through an event.\n *\n * @param item - The checklist item to emit.\n */\n private emitCheckListItem(item: SortableListItem) {\n this.itemSelectionChanged.emit({ changedItem: item, groups: this.groups })\n }\n\n /**\n * Focuses on a specific item in the sortable list.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n */\n private focusItem(groupIndex: number, itemIndex: number): void {\n const groupElements =\n this.sortableListGroups.nativeElement.querySelectorAll('.item-list-group')\n\n if (groupElements && groupElements.length > groupIndex) {\n const itemElements = groupElements[groupIndex].querySelectorAll('.item')\n if (itemElements && itemElements.length > itemIndex) {\n if (this.shouldDisplayCheckboxes) {\n itemElements[itemIndex].querySelector('input').focus()\n } else {\n itemElements[itemIndex].focus()\n }\n this.focusedIndex[groupIndex] = itemIndex\n }\n }\n }\n\n /**\n * Checks if an item has focus.\n *\n * @param groupIndex - The index of the group.\n * @param itemIndex - The index of the item.\n */\n itemHasFocus(groupIndex: number, itemIndex: number) {\n if (!this.focusedIndex[groupIndex]) {\n this.focusedIndex[groupIndex] = 0\n }\n return this.focusedIndex[groupIndex] === itemIndex\n }\n}\n","<div class=\"gds-sortable-list\">\n <ng-container>\n <p class=\"gds-sortable-list-header\">\n <span class=\"gds-sortable-list-header-title\">{{ description }}</span>\n </p>\n <div #sortableListGroups cdkDropListGroup>\n <div\n *ngFor=\"let group of groups; let g_i = index\"\n class=\"gds-sortable-list-group\"\n [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n role=\"list\"\n cdkDropList\n [cdkDropListData]=\"group.items\"\n [id]=\"g_i.toString()\"\n (cdkDropListDropped)=\"onDragDrop($event)\"\n >\n <p\n *ngIf=\"group.title && group.title.length > 0\"\n class=\"gds-sortable-list-header\"\n >\n <span class=\"gds-sortable-list-header-title\">{{ group.title }}</span>\n </p>\n <p\n *ngIf=\"group.description && group.description.length > 0\"\n class=\"gds-sortable-list-header-description\"\n >\n {{ group.description }}\n </p>\n <div\n *ngFor=\"let checklistItem of group.items; let i = index\"\n [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n [cdkDragData]=\"checklistItem\"\n cdkDrag\n cdkDragLockAxis=\"y\"\n class=\"item-box\"\n role=\"listitem\"\n >\n <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n <label\n (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n class=\"gds-form-control item-control align-items-center item\"\n [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n >\n <div class=\"gds-form-control\">\n <input\n (change)=\"toggleSelection(checklistItem)\"\n [checked]=\"checklistItem.selected\"\n [disabled]=\"isReadOnly\"\n [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n />\n <div class=\"item-box-title\">\n <span name=\"agendaItemName\"\n >{{ checklistItem.name }}\n <span\n *ngIf=\"checklistItem.hasCustomSuffix\"\n class=\"gds-sortable-list-suffix\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n suffixTemplate;\n context: { $implicit: checklistItem }\n \"\n class=\"user-icon\"\n >\n </ng-container>\n </span>\n </span>\n <br />\n <span *ngIf=\"!!checklistItem.description\">\n <span\n class=\"gds-sortable-list-suffix\"\n name=\"agendaItemToolTip\"\n >\n {{ checklistItem.description }}\n </span>\n <br />\n </span>\n </div>\n <i></i>\n </div>\n <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n <gds-icon-dot-grid-two *nggCoreElement></gds-icon-dot-grid-two>\n </div>\n </label>\n </div>\n </div>\n </div>\n </ng-container>\n</div>\n","import { DragDropModule } from '@angular/cdk/drag-drop'\nimport { CommonModule } from '@angular/common'\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'\nimport { FormsModule } from '@angular/forms'\n\nimport { NggCoreWrapperModule } from '@sebgroup/green-angular/src/lib/shared'\nimport { NggSortableListComponent } from './sortable-list.component'\n\n@NgModule({\n imports: [CommonModule, FormsModule, DragDropModule, NggCoreWrapperModule],\n exports: [NggSortableListComponent],\n declarations: [NggSortableListComponent],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NggSortableListModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}